/* One family, deliberate contrast: light manifesto, bold direction, quiet UI. */
@font-face {
  font-family: 'Manrope'; font-style: normal; font-weight: 200 800; font-display: swap;
  src: url('/assets/fonts/manrope-cyrillic-variable.woff2') format('woff2');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
  font-family: 'Manrope'; font-style: normal; font-weight: 200 800; font-display: swap;
  src: url('/assets/fonts/manrope-latin-variable.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;
}
:root {font-family:'Manrope',Arial,sans-serif;font-synthesis:none;font-kerning:normal;--type-light:300;--type-body:400;--type-label:500;--type-bold:750}
.nav-link,.header-contact {font-size:.8125rem;font-weight:var(--type-label);letter-spacing:-.01em}
.gallery-help {font-size:.6875rem;font-weight:var(--type-body);letter-spacing:.005em}
.gallery-meta h1 {font-size:clamp(1.5rem,2.2vw,2.25rem);font-weight:var(--type-light);line-height:1.16;letter-spacing:-.035em;max-width:20ch;text-wrap:balance}
.selected-item p {font-size:clamp(1.25rem,1.7vw,1.625rem);font-weight:var(--type-bold);line-height:1.2;letter-spacing:-.025em;margin-bottom:8px}
.selected-item span {font-size:.75rem;font-weight:var(--type-body);line-height:1.5}
.ribbon-footer {font-size:.6875rem;font-weight:var(--type-body)}
.visual-note {font-size:.6875rem;font-weight:var(--type-light)}
.sheet h2 {font-size:clamp(2.25rem,4.4vw,4.125rem);font-weight:var(--type-light);letter-spacing:-.035em;line-height:1.1;text-wrap:balance}
.sheet-top,.close-sheet {font-weight:var(--type-label)}
.studio-copy p {font-size:1.0625rem;font-weight:var(--type-body);line-height:1.65;max-width:52ch;text-wrap:pretty}
.sheet-socials {font-size:.8125rem;font-weight:var(--type-label)}
.direction-list button span {font-size:clamp(1.5rem,2.4vw,2.25rem);font-weight:var(--type-bold);letter-spacing:-.025em}
#site-sound {font-size:.6875rem;font-weight:var(--type-body)}
@media(max-width:850px) {
  .nav-link,.header-contact {font-size:.75rem}
  .gallery-meta h1 {font-size:1.5rem}
}
@media(max-width:600px) {
  .nav-link {font-size:.6875rem}
  .gallery-meta h1 {grid-column:1 / -1;font-size:1.5rem;max-width:20ch}
  .selected-item p {font-size:1.25rem;margin-bottom:6px}
  .selected-item span {font-size:.75rem}
  .ribbon-footer,.visual-note,#site-sound {font-size:.625rem}
  .sheet h2 {font-size:2.25rem}
  .studio-copy p {font-size:1rem}
  .direction-list button span {font-size:1.6875rem}
}
@media(max-width:380px) {
  .ribbon-header {gap:12px}
  .wordmark img {width:108px}
  .ribbon-header nav {gap:10px}
  .nav-link {font-size:.65625rem}
}