*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#0A0A0A;--surface:#111111;--surface2:#161616;
  --accent:#C8102E;--text:#F5F0E8;--muted:#888;--muted2:#BBBBBB;
  --border:#1E1E1E;--display:'Cormorant Garamond',serif;--body:'IBM Plex Sans',sans-serif;
}
/* scroll-behavior managed by Lenis JS */
section,footer{scroll-margin-top:64px}
body{background:var(--bg);color:var(--text);font-family:var(--body);font-weight:300;line-height:1.7;overflow-x:clip;padding-bottom:59px}
a{color:inherit;text-decoration:none}

/* ══ NAV ══ */
nav{position:fixed;top:0;left:0;right:0;z-index:100;
  background:rgba(10,10,10,.88);backdrop-filter:blur(12px);
  border-bottom:1px solid var(--border);height:64px;
  display:flex;align-items:center;justify-content:space-between;padding:0 32px}
.nav-logo{display:flex;align-items:center}
.nav-logo svg,.nav-logo img{height:44px;width:auto;vertical-align:middle}
.nav-links{display:flex;gap:32px;position:relative}
.nav-links a{font-size:10px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--muted);transition:color .25s;padding-bottom:4px;position:relative}
.nav-links a:hover{color:var(--text)}
.nav-links a.active{color:var(--text)}
/* Animated sliding underline */
.nav-indicator{
  position:absolute;bottom:0;height:1px;background:var(--accent);
  transition:left .3s cubic-bezier(.4,0,.2,1), width .3s cubic-bezier(.4,0,.2,1);
  pointer-events:none;
}
.nav-cta{font-size:10px;letter-spacing:.2em;text-transform:uppercase;
  padding:9px 20px;background:transparent;color:var(--text);border:1px solid var(--accent);transition:color .2s,background .2s}
.nav-cta:hover{background:var(--accent)}

/* ══ HERO ══ */
.hero{position:relative;height:100vh;min-height:600px;overflow:hidden;
  display:flex;align-items:center;justify-content:center}
.hero-video-wrap{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.hero-video-wrap video{
  position:absolute;top:50%;left:50%;
  width:177.78vh;height:100vh;min-width:100%;min-height:56.25vw;
  transform:translate(-50%,-50%);object-fit:cover}
.hero::before{content:'';position:absolute;inset:0;z-index:2;background:var(--bg);
  pointer-events:none;animation:heroBlackout 3s ease-out forwards}
@keyframes heroBlackout{0%,30%{opacity:1}100%{opacity:0}}
.hero-overlay{position:absolute;inset:0;z-index:1;
  background:linear-gradient(to bottom,rgba(0,0,0,.45) 0%,rgba(0,0,0,.55) 50%,rgba(0,0,0,.88) 100%)}
.hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:80px;z-index:4;
  background:linear-gradient(to bottom,transparent,#070b0f);pointer-events:none}
.hero-center{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:48px}
.hero-logo-wrap{position:relative;cursor:pointer}
.hero-logo-wrap svg,.hero-logo-wrap img{height:25vh;width:auto;max-width:80vw;filter:drop-shadow(0 0 40px rgba(0,0,0,.6))}
.hero-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  opacity:0;transition:opacity .3s}
.hero-logo-wrap:hover .hero-play-overlay{opacity:1}
.play-circle{width:72px;height:72px;border-radius:50%;background:rgba(200,16,46,.9);
  display:flex;align-items:center;justify-content:center;border:2px solid rgba(245,240,232,.3)}
.play-icon{width:0;height:0;border-style:solid;
  border-width:14px 0 14px 24px;border-color:transparent transparent transparent #F5F0E8;margin-left:4px}
.hero-watch-link{display:flex;align-items:center;gap:10px;
  font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:rgba(245,240,232,.5);
  border-bottom:1px solid rgba(245,240,232,.15);padding-bottom:3px;transition:color .2s,border-color .2s}
.hero-watch-link:hover{color:var(--text);border-color:var(--accent)}
.hero-watch-link svg{width:18px;height:18px}
.hero-vertical{position:absolute;left:24px;bottom:100px;z-index:3;
  writing-mode:vertical-rl;transform:rotate(180deg);
  font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:rgba(245,240,232,.2)}

/* ══ LOGO ANIMATION ══ */
.kozak-logo path{
  fill:transparent;stroke:#F5F0E8;stroke-width:.75px;
  stroke-linecap:round;stroke-linejoin:round;
  stroke-dasharray:1;stroke-dashoffset:1;
  animation:drawOutline 2s cubic-bezier(.25,.1,.25,1) forwards,
            fillColor 1s ease-in 1.8s forwards;
}
.kozak-logo path:last-child{
  fill:#F5F0E8;stroke:none;opacity:0;
  animation:fadeInPlay .6s ease-out 2.8s forwards;
}
@keyframes drawOutline{100%{stroke-dashoffset:0}}
@keyframes fillColor{100%{fill:#F5F0E8;stroke:transparent}}
@keyframes fadeInPlay{
  0%{opacity:0;transform:translateX(-5px)}
  100%{opacity:1;transform:translateX(0)}
}
@media(prefers-reduced-motion:reduce){
  .kozak-logo path,.kozak-logo path:last-child{
    animation:none;fill:#F5F0E8;stroke:none;opacity:1;
  }
}

/* ══ AUDIO PLAYER ══ */
/* ── PLAYER BASE ── */
.audio-player{
  position:fixed;bottom:0;left:0;right:0;z-index:90;
  background:rgba(10,10,10,.96);backdrop-filter:blur(16px);
  border-top:1px solid var(--border);
}
/* Desktop layout */
.player-inner{
  display:grid;grid-template-columns:1fr auto 1fr;
  align-items:center;padding:0 32px;height:52px;
}
.player-progress{justify-self:end;}
.player-bar-wrap{display:none} /* hidden on desktop */
.player-track{display:flex;align-items:center;gap:12px}
.player-art{width:30px;height:30px;background:var(--surface);border:1px solid var(--border);flex-shrink:0}
.player-name{font-size:10px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;line-height:1.1;margin:0}
.player-sub{font-size:9px;color:var(--muted);letter-spacing:.08em;line-height:1.1;margin:0}
.player-controls{display:flex;align-items:center;gap:20px}
.ctrl-btn{background:none;border:none;cursor:pointer;color:var(--muted);
  padding:4px;display:flex;align-items:center;transition:color .2s}
.ctrl-btn:hover{color:var(--text)}
.icon-prev,.icon-next{display:flex;align-items:center;gap:2px}
.icon-prev .bar,.icon-next .bar{width:2px;height:11px;background:currentColor}
.icon-prev .tri{width:0;height:0;border-style:solid;border-width:5.5px 9px 5.5px 0;
  border-color:transparent currentColor transparent transparent}
.icon-next .tri{width:0;height:0;border-style:solid;border-width:5.5px 0 5.5px 9px;
  border-color:transparent transparent transparent currentColor}
.play-btn{width:30px;height:30px;border-radius:50%;background:var(--text);
  display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:opacity .2s}
.play-btn:hover{opacity:.85}
.play-btn-tri{width:0;height:0;border-style:solid;
  border-width:6px 0 6px 11px;border-color:transparent transparent transparent var(--bg);margin-left:2px}
.pause-icon{display:flex;align-items:center;justify-content:center;gap:4px}
.pause-bar{display:block;width:3px;height:12px;background:var(--bg);border-radius:1px}
.player-progress{display:flex;align-items:center;gap:10px;width:200px}
.progress-time{font-size:9px;color:var(--muted);font-family:monospace}
.progress-bar{flex:1;height:3px;background:var(--border);position:relative;cursor:pointer;touch-action:none}
.progress-fill{position:absolute;left:0;top:0;height:100%;width:33%;background:var(--accent)}

/* ── PLAYER MOBILE ── */
@media(max-width:768px){
  .audio-player{padding:0}
  .player-inner{padding:0 16px;height:56px}
  /* Full-width progress bar on top */
  .player-bar-wrap{
    display:block;height:3px;background:var(--border);
    position:relative;width:100%;touch-action:none;
  }
  .player-bar-fill{
    position:absolute;left:0;top:0;height:100%;width:33%;background:var(--accent);
  }
  /* Hide desktop progress and sub; show art on right */
  .player-progress{display:none}
  .player-inner{position:relative}
  .player-art{display:block;position:absolute;right:16px;top:50%;transform:translateY(-50%)}
  .player-sub{display:none}
  .player-name{font-size:9px;letter-spacing:.1em;line-height:1.2;margin:0}
  /* Compact controls */
  .player-controls{gap:14px}
  .play-btn{width:34px;height:34px}
  .icon-prev .bar,.icon-next .bar{height:10px}
}

/* ══ ORNAMENTS ══ */
.ornament{width:100%;display:block}
.ornament-bf,.ornament-bfg,.ornament-bfgf,.ornament-bfh{width:100%;height:100px;padding-top:5px;box-sizing:border-box;
  background-color:#000;background-repeat:repeat-x;background-position:center;background-size:auto 100px}
.ornament-bf{background-image:url('assets/images/birds-flowers.svg');height:90px;background-size:auto 90px}
.ornament-bfg{background-image:url('assets/images/birds-flowers-girls.svg');height:120px;background-size:auto 120px}
.ornament-bfh{background-image:url('assets/images/birds-flowers-hero.svg');height:120px;background-size:auto 120px;background-color:#070b0f}
.ornament-bfgf{background-image:url('assets/images/birds-flowers-girls-footer.svg');height:140px;background-size:auto 140px}

/* ══ NARRATIVE ══ */
.narrative{background:#070b0f;display:grid;grid-template-columns:1fr 1fr}
.narrative-photo{background:var(--bg);position:relative;min-height:560px;overflow:hidden}
.narrative-photo::before{content:'';position:absolute;top:0;left:0;right:0;height:3%;
  background:linear-gradient(to bottom,#070b0f,transparent);pointer-events:none;z-index:1}
.narrative-photo::after{content:'';position:absolute;bottom:0;left:0;right:0;height:4%;
  background:linear-gradient(to bottom,transparent,#0A0A0A);pointer-events:none}
.narrative-img{width:100%;height:100%;object-fit:cover;object-position:center top;
  display:block;min-height:560px;transition:transform .1s ease-out}
.narrative-text{padding:80px 64px}
.section-eyebrow{font-size:9px;letter-spacing:.3em;text-transform:uppercase;
  color:var(--accent);display:flex;align-items:center;gap:12px;margin-bottom:28px}
.section-eyebrow::after{content:'';flex:1;height:1px;background:var(--border)}
h2.section-title{font-family:var(--display);font-size:clamp(32px,3vw,48px);
  font-weight:600;color:var(--text);line-height:1.1;margin-bottom:24px}
h2.section-title em{font-style:italic;font-weight:300;color:var(--accent)}
.divider{height:1px;background:var(--border);margin:24px 0}
p.body-text{font-size:14px;color:var(--muted2);line-height:1.85;margin-bottom:14px}
p.body-dim{font-size:12px;color:var(--muted);line-height:1.75;font-style:italic;margin-top:8px}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:24px}
.tag{padding:4px 10px;border:1px solid #2a2a2a;font-size:9px;color:#555;letter-spacing:.15em;text-transform:uppercase}

/* ══ PLATFORMS — 1 row on desktop ══ */
.platforms{padding:74px 32px;
  background:
    linear-gradient(#070b0f 0%,rgba(10,10,10,.9) 28%,rgb(0,0,0) 100%),
    url('assets/images/crowd-bg.webp') center 35%/cover no-repeat}
.platform-rows{margin-top:32px;display:flex;flex-wrap:wrap;justify-content:center;gap:2px}
.platform-row{display:contents}
.platform-item{background:rgba(14,14,14,.6);padding:18px 24px;display:flex;
  align-items:center;gap:16px;white-space:nowrap;border-left:2px solid transparent;
  position:relative;overflow:hidden;
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  transition:border-color .2s,background .15s;cursor:pointer;text-decoration:none}
.platform-item::after{content:'';position:absolute;inset:0;
  background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.07) 50%,transparent 70%);
  transform:translateX(-100%);pointer-events:none}
.platform-item:hover{border-left-color:var(--accent);background:rgba(22,22,22,.7)}
.platform-item:hover::after{animation:platformSheen .55s ease forwards}
.platform-item:hover .platform-arrow{color:#fff;opacity:1}
@keyframes platformSheen{to{transform:translateX(220%)}}
.platform-left{display:flex;align-items:center;gap:14px}
.platform-icon{width:34px;height:34px;flex-shrink:0;
  filter:grayscale(0) brightness(0.5);transition:filter .25s ease}
.platform-item:hover .platform-icon{filter:none}
.platform-name{font-size:13px;letter-spacing:.04em;color:var(--text)}
.platform-arrow{font-size:21px;line-height:1;
  color:var(--accent);opacity:.9;transition:color .3s ease,opacity .3s ease}
.platforms-note{margin-top:20px;font-size:8px;color:#505050;letter-spacing:.2em;
  text-transform:uppercase;text-align:center}
.platforms .section-eyebrow{justify-content:center;color:#fff}
.platforms .section-eyebrow::after{display:none}
/* Mobile: single column */
@media(max-width:768px){
  .platform-row-4,.platform-row-3{grid-template-columns:1fr;max-width:100%}
}

/* Instagram: 10-я ячейка — только на мобиле */
.grid-cell-mobile{display:none}

/* ══ SPOTIFY ══ */
.spotify-section{display:none} /* временно скрыто */
.spotify-section-visible{background:var(--bg);padding:64px 32px}
.spotify-section .section-eyebrow{margin-bottom:28px}
.spotify-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.spotify-grid iframe{width:100%;border-radius:10px;display:block}
.spotify-grid iframe:last-child:nth-child(odd){grid-column:1/-1;max-width:calc(50% - 5px)}
@media(max-width:768px){
  .spotify-section{padding:40px 16px}
  .spotify-grid{grid-template-columns:1fr}
  .spotify-grid iframe:last-child:nth-child(odd){grid-column:auto;max-width:100%}
}

/* ══ CONCERT ══ */
.concert{background:#000;padding:96px 32px;display:grid;
  grid-template-columns:auto auto;align-items:center;justify-content:center;gap:56px}
.concert-info{display:flex;flex-direction:column;gap:0}
.concert-btn{display:block;width:100%;margin-top:32px;padding:18px 40px;
  background:#e5e2e1;color:#000;font-size:11px;font-weight:500;
  letter-spacing:.2em;text-transform:uppercase;text-align:center;
  box-sizing:border-box;white-space:nowrap;transition:opacity .2s}
.concert-btn:hover{opacity:.88}
/* Afisha thumbnail */
.afisha-thumb{height:380px;width:auto;cursor:zoom-in;
  object-fit:contain;border:1px solid rgba(255,255,255,.08);
  transition:opacity .2s,transform .2s;flex-shrink:0}
.afisha-thumb:hover{opacity:.85;transform:scale(1.02)}
/* Afisha lightbox */
.afisha-overlay{position:fixed;inset:0;z-index:500;
  background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;
  opacity:0;pointer-events:none;transition:opacity .25s}
.afisha-overlay.active{opacity:1;pointer-events:all}
.afisha-full{max-width:90vw;max-height:90vh;object-fit:contain;
  transform:scale(.95);transition:transform .25s}
.afisha-overlay.active .afisha-full{transform:scale(1)}
.afisha-close{position:absolute;top:24px;right:32px;background:none;border:none;
  color:#fff;font-size:28px;cursor:pointer;opacity:.7;transition:opacity .2s;line-height:1}
.afisha-close:hover{opacity:1}
.concert-eyebrow{font-size:8px;letter-spacing:.35em;text-transform:uppercase;
  color:rgba(229,226,225,.35);margin-bottom:16px}
.concert-title{font-family:var(--display);font-size:clamp(36px,5vw,72px);
  font-weight:700;color:#e5e2e1;line-height:1;letter-spacing:-.02em}
.concert-title span{color:var(--accent)}
.concert-sub{font-size:12px;letter-spacing:.2em;text-transform:uppercase;
  color:rgba(229,226,225,.4);margin-top:16px}

/* ══ INSTAGRAM ══ */
.instagram{background:var(--surface);padding:80px 32px}
.instagram-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:32px}
.instagram-title{font-family:var(--display);font-size:36px;font-weight:400}
.instagram-sub{font-size:10px;color:var(--muted);letter-spacing:.15em;text-transform:uppercase;margin-top:4px}
.view-all{font-size:10px;letter-spacing:.2em;text-transform:uppercase;
  border-bottom:1px solid var(--text);padding-bottom:2px}
.grid-9{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.grid-cell{aspect-ratio:1/1;background:#141414;position:relative;overflow:hidden;cursor:pointer}
.grid-cell img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.grid-cell:hover img{transform:scale(1.04)}
.grid-cell-overlay{position:absolute;inset:0;background:rgba(0,0,0,.25);
  display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s}
.grid-cell:hover .grid-cell-overlay{opacity:1}
.ig-icon{width:28px;height:28px;fill:none;stroke:white;stroke-width:1.5}

/* ══ FOOTER ══ */
footer{background:var(--bg);border-top:1px solid var(--border);
  padding:7% 5% 4% 3%;display:grid;grid-template-columns:auto 1fr auto;gap:48px 80px}
footer > div:nth-child(2){justify-self:center}
footer > div:nth-child(3){justify-self:end}
.footer-logo svg,.footer-logo img{height:53px;width:auto;margin-bottom:20px;opacity:.6}
.social-btn img{width:18px;height:18px;opacity:.55;transition:opacity .2s}
.social-btn:hover img{opacity:1}
.footer-tagline{font-size:12px;color:#606060;line-height:1.75;width:200px;max-width:200px;margin-bottom:24px}
.footer-socials{display:flex;gap:12px}
.social-btn{width:38px;height:38px;background:#0d0d0d;border:1px solid var(--border);
  display:flex;align-items:center;justify-content:center;color:var(--muted);
  transition:border-color .2s,color .2s;cursor:pointer}
.social-btn:hover{border-color:var(--accent);color:var(--text)}
.footer-heading{font-family:var(--display);font-size:16px;font-weight:700;color:var(--text);margin-bottom:20px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:40px;row-gap:24px;margin-bottom:24px;width:380px}
.contact-item label{display:block;font-size:9px;letter-spacing:.15em;
  text-transform:uppercase;color:var(--muted);margin-bottom:1px}
.contact-item a{font-size:12px;color:var(--muted2)}
.book-btn{display:block;padding:14px;background:var(--text);color:var(--bg);width:380px;box-sizing:border-box;
  font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;
  text-align:center;transition:opacity .2s}
.book-btn:hover{opacity:.88}
.footer-nav{display:flex;flex-direction:column;gap:6px}
.footer-nav a{font-size:12px;color:#57534e;transition:color .2s}
.footer-nav a:hover{color:var(--text)}
.footer-nav a.active{color:var(--text)}
.copyright{grid-column:1/-1;border-top:1px solid var(--border);padding-top:24px;
  font-size:9px;color:#2a2a2a;letter-spacing:.15em;text-transform:uppercase;text-align:center}

@media(min-width:769px) and (max-width:1100px){
  .ornament-bf{height:72px;background-size:auto 72px}
  .ornament-bfg,.ornament-bfh{height:96px;background-size:auto 96px}
  .ornament-bfgf{height:116px;background-size:auto 116px}
  footer{padding:6% 32px 4% 32px;gap:48px 0}
  footer > div:nth-child(2){justify-self:start;align-self:start}
  footer > div:nth-child(3){align-self:start;justify-self:start}
  .contact-grid{grid-template-columns:1fr 1fr;width:100%;max-width:100%}
  .footer-socials{width:158px}
  .book-btn{width:100%}
  /* Scroll-lock narrative — section sticks until text is fully read */
  .narrative-scroll-wrapper{position:relative}
  .narrative{height:450px;position:sticky;top:64px}
  .narrative-photo{min-height:unset;height:100%}
  .narrative-img{min-height:unset;height:100%}
  .narrative-text{height:100%;overflow-y:auto;box-sizing:border-box;
    scrollbar-width:none;-ms-overflow-style:none}
  .narrative-text::-webkit-scrollbar{display:none}
  /* Gradient fades over text column */
  .narrative-fade{position:absolute;right:0;width:50%;pointer-events:none;z-index:3}
  .narrative-fade--top{top:0;height:80px;
    background:linear-gradient(to bottom,#070b0f 0%,transparent 100%)}
  .narrative-fade--bot{bottom:0;height:80px;
    background:linear-gradient(to top,#070b0f 0%,transparent 100%)}
}
@media(max-width:768px){
  .ornament-bf{height:54px;background-size:auto 54px}
  .ornament-bfg,.ornament-bfh{height:72px;background-size:auto 72px}
  .ornament-bfgf{height:92px;background-size:auto 92px}
  nav{padding:0 16px}
  .nav-links{display:none}
  .nav-logo svg,.nav-logo img{height:40px}
  .nav-cta{position:absolute;left:50%;transform:translateX(-50%)}
  .hero-center{gap:32px}
  .narrative{grid-template-columns:1fr}
  .narrative-photo{min-height:unset}
  .narrative-img{width:100vw;height:100vw;min-height:unset;max-height:100vw}
  .narrative-text{padding:40px 20px}
  .concert{grid-template-columns:1fr;gap:28px}
  .afisha-thumb{width:100%;height:auto;max-height:320px;object-fit:contain}
  .concert-btn{display:block;text-align:center;padding:18px 32px;margin-top:24px}
  footer{grid-template-columns:1fr;gap:40px;padding:48px 24px 32px}
  footer > div:nth-child(1){display:flex;flex-direction:column;align-items:center;text-align:center}
  footer > div:nth-child(2){justify-self:stretch}
  footer > div:nth-child(3){justify-self:stretch}
  .footer-logo svg,.footer-logo img{height:64px}
  .footer-tagline{width:200px;max-width:200px;font-size:14px;line-height:1.5;color:#898787}
  .footer-heading{font-size:27px;text-align:center}
  .contact-grid{text-align:center}
  .contact-item label{text-align:center}
  .contact-item a{text-align:center}
  .contact-grid{width:100%;grid-template-columns:1fr}
  .contact-item a{font-size:14px}
  .book-btn{width:100%}
  .footer-nav{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;text-align:center}
  .footer-nav a{font-size:14px;text-align:center}
  .platforms{padding:40px 16px}
  .instagram{padding:48px 16px}
  .platform-rows{display:grid;grid-template-columns:1fr 1fr}
  /* Instagram: 2 колонки на мобиле */
  .grid-9{grid-template-columns:repeat(2,1fr)}
  .grid-cell-mobile{display:block}
}

/* ══ HAMBURGER ══ */
.ham-btn{display:none;flex-direction:column;justify-content:center;gap:5px;
  width:36px;height:36px;background:none;border:none;cursor:pointer;padding:4px;flex-shrink:0}
.ham-btn span{display:block;height:1.5px;width:100%;background:var(--text);
  transition:transform .25s,opacity .25s}
.ham-btn.open{position:relative;z-index:201}
body.menu-open nav{z-index:201}
body.menu-open .nav-logo{opacity:0;pointer-events:none}
body.menu-open .ham-btn{opacity:0;pointer-events:none}
.ham-btn.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.ham-btn.open span:nth-child(2){opacity:0}
.ham-btn.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.ham-overlay{position:fixed;inset:0;z-index:202;background:var(--bg);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;
  transform:translateY(-100%);visibility:hidden;
  transition:transform .45s cubic-bezier(.4,0,.2,1),visibility 0s .45s}
.ham-overlay.open{transform:translateY(0);visibility:visible;
  transition:transform .45s cubic-bezier(.4,0,.2,1),visibility 0s 0s}
.ham-overlay .ham-link{font-size:15px;letter-spacing:.25em;text-transform:uppercase;
  color:var(--text);font-family:var(--font-serif);font-weight:300;text-decoration:none;
  transition:color .2s;padding:6px 0}
.ham-overlay .ham-link:hover{color:var(--accent)}
.ham-overlay .ham-cta{margin-top:12px;padding:9px 24px;border:1px solid var(--accent);
  font-size:10px;letter-spacing:.25em;font-family:var(--font-sans)}
.ham-close{display:none;position:absolute;top:20px;right:20px;
  background:none;border:none;cursor:pointer;color:#F5F0E8;font-size:28px;
  line-height:1;opacity:1;z-index:202;padding:4px}
@media(max-width:768px){
  .ham-btn{display:flex}
  .ham-close{display:flex}
}
body.menu-open .nav-cta{display:none}

/* ══ LIGHTBOX ══ */
.lb-overlay{
  position:fixed;inset:0;z-index:300;
  background:rgba(0,0,0,.93);
  display:none;align-items:center;justify-content:center;
}
.lb-overlay.active{display:flex}
.lb-img-wrap{
  display:flex;align-items:center;justify-content:center;
  max-width:min(90vw,90vh);max-height:90vh;
}
.lb-img{
  display:block;max-width:min(90vw,90vh);max-height:90vh;
  object-fit:contain;user-select:none;
  animation:lb-in .18s ease;
}
@keyframes lb-in{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
.lb-close{
  position:absolute;top:20px;right:24px;
  background:none;border:none;cursor:pointer;
  color:rgba(245,240,232,.5);transition:color .2s;padding:8px;
}
.lb-close:hover{color:var(--text)}
.lb-close svg{width:22px;height:22px;display:block}
.lb-arrow{
  position:absolute;top:50%;transform:translateY(-50%);
  background:none;border:none;cursor:pointer;
  color:rgba(245,240,232,.35);transition:color .2s;padding:16px 20px;
}
.lb-arrow:hover{color:var(--text)}
.lb-arrow svg{width:32px;height:32px;display:block}
.lb-prev{left:0}
.lb-next{right:0}
.lb-counter{
  position:absolute;bottom:22px;left:50%;transform:translateX(-50%);
  font-size:9px;letter-spacing:.25em;text-transform:uppercase;
  color:rgba(245,240,232,.3);
}
@media(max-width:768px){
  .lb-arrow{padding:10px 12px}
  .lb-arrow svg{width:24px;height:24px}
}

.l{fill:#F5F0E8}
.hl{fill:#F5F0E8}
.fl{fill:#F5F0E8}