/* Start:/local/templates/akvarel/assets/css/fonts.css?17904341262240*/
/* Шрифты хранятся локально. Onest, JetBrains Mono — SIL OFL 1.1 */
@font-face{font-family:"Onest";font-style:normal;font-weight:400;font-display:swap;src:url(/local/templates/akvarel/assets/css/../fonts/onest-cyrillic-400-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Onest";font-style:normal;font-weight:400;font-display:swap;src:url(/local/templates/akvarel/assets/css/../fonts/onest-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Onest";font-style:normal;font-weight:500;font-display:swap;src:url(/local/templates/akvarel/assets/css/../fonts/onest-cyrillic-500-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Onest";font-style:normal;font-weight:500;font-display:swap;src:url(/local/templates/akvarel/assets/css/../fonts/onest-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Onest";font-style:normal;font-weight:600;font-display:swap;src:url(/local/templates/akvarel/assets/css/../fonts/onest-cyrillic-600-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Onest";font-style:normal;font-weight:600;font-display:swap;src:url(/local/templates/akvarel/assets/css/../fonts/onest-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/local/templates/akvarel/assets/css/../fonts/jetbrains-mono-cyrillic-400-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/local/templates/akvarel/assets/css/../fonts/jetbrains-mono-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* End */


/* Start:/local/templates/akvarel/assets/css/tokens.css?1790434126683*/
:root{
  --bg:#f7f6f3; --surface:#fff; --text:#121212; --muted:#6e6c68; --faint:#b9b7b2; --line:#e4e2dd;
  --accent:#121212; --radius:4px;
  --gap-x:16px; --gap-y:28px;
  --pad:16px; --maxw:1440px; --header-h:56px;
  --font:"Onest","Helvetica Neue",Arial,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;
  --fs-h1:clamp(34px,4.2vw,54px); --fs-h2:clamp(26px,3vw,40px);
  --fs-body:16px; --fs-card:15px; --fs-meta:12.5px; --fs-label:11px;
  --ease:cubic-bezier(.2,.7,.2,1);
}
@media (min-width:768px){:root{--pad:24px;--header-h:64px}}
@media (min-width:1100px){:root{--pad:32px;--gap-x:20px;--gap-y:36px}}
@media (min-width:1440px){:root{--pad:40px}}

/* End */


/* Start:/local/templates/akvarel/assets/css/base.css?17904341265945*/
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:400 var(--fs-body)/1.5 var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:max(var(--pad),env(safe-area-inset-left)) max(var(--pad),env(safe-area-inset-right))}

.label{font:400 var(--fs-label)/1.4 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.h1{font-size:var(--fs-h1);font-weight:500;letter-spacing:-.03em;line-height:1.05;margin:0;text-wrap:balance}

/* ── шапка ── */
.site-header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:saturate(1.2) blur(12px);backdrop-filter:saturate(1.2) blur(12px);border-bottom:1px solid transparent;transition:transform .35s var(--ease),border-color .2s}
.site-header.is-scrolled{border-bottom-color:var(--line)}
.site-header.is-hidden{transform:translateY(-100%)}
.site-header__in{display:flex;align-items:center;justify-content:space-between;height:var(--header-h);padding-top:env(safe-area-inset-top)}
.logo{font-weight:500;font-size:17px;letter-spacing:-.02em;white-space:nowrap}
.logo small{display:block;font:400 10px/1.2 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:2px}
.nav{display:none;gap:28px;font-size:15px}
.nav a{color:var(--muted);transition:color .15s}
.nav a:hover,.nav a[aria-current=page]{color:var(--text)}
.burger{display:grid;place-items:center;width:44px;height:44px;margin-right:-10px}
.burger span{display:block;width:20px;height:1.5px;background:currentColor;position:relative;transition:background .2s}
.burger span::before,.burger span::after{content:"";position:absolute;left:0;width:100%;height:1.5px;background:currentColor;transition:transform .25s var(--ease)}
.burger span::before{top:-6px}.burger span::after{top:6px}
.menu-open .burger span{background:transparent}
.menu-open .burger span::before{transform:translateY(6px) rotate(45deg)}
.menu-open .burger span::after{transform:translateY(-6px) rotate(-45deg)}
@media (min-width:768px){.nav{display:flex}.burger{display:none}}

.mobile-menu{position:fixed;inset:0;z-index:19;background:var(--bg);padding:calc(var(--header-h) + 32px + env(safe-area-inset-top)) var(--pad) 32px;display:flex;flex-direction:column;gap:8px;opacity:0;visibility:hidden;transition:opacity .25s var(--ease),visibility 0s .25s}
.mobile-menu a{font-size:32px;font-weight:500;letter-spacing:-.03em;padding:6px 0}
.mobile-menu .label{margin-top:auto}
.menu-open .mobile-menu{opacity:1;visibility:visible;transition:opacity .25s var(--ease)}
.menu-open{overflow:hidden}
@media (min-width:768px){.mobile-menu{display:none}}

/* ── чипсы ── */
/* один ряд, свайп; края затухают там, где есть ещё темы; стрелки — только для мыши */
.chips-wrap{position:relative;min-width:0}
.chips{--fl:0px;--fr:0px;display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--fl),#000 calc(100% - var(--fr)),transparent 100%);
          mask-image:linear-gradient(to right,transparent 0,#000 var(--fl),#000 calc(100% - var(--fr)),transparent 100%)}
.chips::-webkit-scrollbar{display:none}
.chips-wrap.more-left .chips{--fl:48px}
.chips-wrap.more-right .chips{--fr:48px}
.chips-arrow{position:absolute;top:50%;z-index:1;display:none;place-items:center;width:32px;height:32px;margin-top:-16px;border:1px solid var(--line);border-radius:50%;background:var(--bg);color:var(--text);transition:border-color .15s}
.chips-arrow:hover{border-color:var(--faint)}
.chips-arrow svg{width:14px;height:14px}
.chips-arrow--prev{left:0}.chips-arrow--next{right:0}
@media (hover:hover) and (pointer:fine){
  .chips-wrap.more-left .chips-arrow--prev,.chips-wrap.more-right .chips-arrow--next{display:grid}
}
.chip{flex:none;scroll-snap-align:start;display:inline-flex;align-items:center;gap:5px;min-height:36px;padding:0 12px;border:1px solid var(--line);border-radius:999px;font-size:14px;color:var(--muted);white-space:nowrap;transition:border-color .15s,color .15s,background .15s}
.chip sup{font:400 10px var(--font-mono);color:var(--faint);top:0}
.chip:hover{color:var(--text);border-color:var(--faint)}
.chip[aria-current=true]{background:var(--text);border-color:var(--text);color:var(--bg)}
.chip[aria-current=true] sup{color:color-mix(in srgb,var(--bg) 60%,transparent)}
@media (min-width:768px){.chip{padding:0 14px}}

.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border:1px solid var(--text);border-radius:var(--radius);font-size:15px;transition:background .15s,color .15s}
.btn:hover{background:var(--text);color:var(--bg)}

/* ── подвал ── */
.site-footer{margin-top:96px;border-top:1px solid var(--line);padding-block:28px calc(28px + env(safe-area-inset-bottom));font-size:14px;color:var(--muted)}
.site-footer__in{display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between}
.site-footer a:hover{color:var(--text)}
.site-footer__legal{flex-basis:100%;font-size:12.5px;line-height:1.4;color:var(--muted);opacity:.85}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* End */


/* Start:/local/templates/akvarel/assets/css/grid.css?17904341262796*/
/* Masonry-сетка и карточка работы — общие для каталога, темы, главной, «Ещё из темы» */
/* сетка: CSS-фолбэк без JS */
.masonry{column-count:1;column-gap:var(--gap-x);row-gap:var(--gap-y)}
@media (min-width:480px){.masonry{column-count:2}}
@media (min-width:768px){.masonry{column-count:3}}
@media (min-width:1100px){.masonry{column-count:4}}
.masonry>.work{break-inside:avoid;margin-bottom:var(--gap-y)}
/* с JS */
.masonry.is-masonry{column-count:auto;display:flex;align-items:flex-start;gap:var(--gap-x)}
.masonry__col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:var(--gap-y)}
.masonry.is-masonry .work{margin:0}

/* карточка работы в сетке */
.work{display:block;position:relative}
.work__img{position:relative;background:#ebe9e4;overflow:hidden}
.work__img img{width:100%;height:auto;transition:opacity .25s}
.work__cap{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding-top:12px}
.work__title{font-size:var(--fs-card);line-height:1.3;letter-spacing:-.005em}
.work__meta{grid-column:1;font-size:var(--fs-meta);font-weight:500;color:var(--muted)}
.work__status{grid-column:2;grid-row:1/3;align-self:start;font:400 10px/1.8 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:6px}
.work__status::before{content:"";width:6px;height:6px;border-radius:50%;background:#7a9a6a}
.work__status--sold::before{background:var(--faint)}
@media (hover:hover){
  .work:hover .work__img img{opacity:.88}
  .work:hover .work__title{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
}

/* Ряд из 4 работ («Ещё из темы», «Избранное» и т.п.) */
/* 4 работы, выровненные ряды одинаковой высоты (justified): ширина карточки ∝ пропорции работы.
   Работы любых пропорций — целиком, без обрезки. Экстремальные (панорама, узкая вертикаль) ограничены 0.75…2.2 — вписываются с полями */
.related__grid{display:grid;gap:var(--gap-y)}
.rel-row{display:flex;gap:var(--gap-x);align-items:flex-start}
.rel-row .work{flex:var(--r,1.33) 1 0%;min-width:0}
.rel-row .work__img{aspect-ratio:var(--r,1.33);display:flex;align-items:flex-end;justify-content:center;background:none}
.rel-row .work__img img{width:100%;height:100%;object-fit:contain;object-position:50% 100%}
.rel-row .work__cap{grid-template-columns:1fr}
.rel-row .work__status{grid-row:auto;grid-column:1}
@media (min-width:1100px){.related__grid{display:flex;gap:var(--gap-x);align-items:flex-start}.rel-row{display:contents}}

/* End */


/* Start:/local/templates/akvarel/assets/css/consent.css?1790444694805*/
.consent{position:fixed;left:var(--pad);right:var(--pad);bottom:var(--pad);z-index:90;max-width:560px;margin-left:auto;
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 32px rgba(0,0,0,.08);
  padding:16px;display:grid;gap:12px;font-size:14px;line-height:1.5;color:var(--text)}
.consent[hidden]{display:none}
.consent p{margin:0}
.consent a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.consent__btns{display:flex;gap:8px;flex-wrap:wrap}
.consent__btn{font:inherit;font-size:14px;padding:9px 16px;border-radius:var(--radius);cursor:pointer;border:1px solid var(--text);background:var(--text);color:var(--bg)}
.consent__btn--ghost{background:transparent;color:var(--text);border-color:var(--line)}
.consent__btn:hover{opacity:.85}

/* End */
/* /local/templates/akvarel/assets/css/fonts.css?17904341262240 */
/* /local/templates/akvarel/assets/css/tokens.css?1790434126683 */
/* /local/templates/akvarel/assets/css/base.css?17904341265945 */
/* /local/templates/akvarel/assets/css/grid.css?17904341262796 */
/* /local/templates/akvarel/assets/css/consent.css?1790444694805 */