*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html,body{max-width:100%;overflow-x:hidden;scroll-behavior:smooth}
:root{--page-x:clamp(1.4rem,4vw,4rem);
  --bg:#F7F4EF;--bg2:#FDFCF9;--bg3:#F0EBE2;
  --text:#1C130E;--muted:rgba(28,19,14,.68);--muted2:rgba(28,19,14,.46);
  --accent:#B08B62;--line:rgba(0,0,0,.07);--lines:rgba(0,0,0,.13)
}
body{background:var(--bg);color:var(--text);font-family:'Cormorant Garamond',Georgia,serif;font-size:18px;line-height:1.65}
a{text-decoration:none;color:inherit}
img{display:block;width:100%;height:100%;object-fit:cover}
.img-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garamond',serif;font-size:2.5rem;font-weight:300;color:var(--muted2);background:var(--bg3)}

/* ── BUTTONS ── */
.btn-primary{font-family:'Tenor Sans',sans-serif;font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--bg);background:var(--accent);border:none;padding:.9rem 2.2rem;cursor:pointer;display:inline-block;transition:background .35s}
.btn-primary:hover{background:var(--text)}
.btn-ghost{color:rgba(28,19,14,.62);border:1px solid rgba(28,19,14,.20);font-family:'Tenor Sans',sans-serif;font-size:9px;letter-spacing:.3em;text-transform:uppercase;background:transparent;padding:.85rem 2rem;display:inline-block;transition:all .35s}
.btn-ghost:hover{color:var(--accent);border-color:var(--accent)}
.section-eye{opacity:.85;font-family:'Tenor Sans',sans-serif;font-size:8.5px;letter-spacing:.5em;color:var(--accent);text-transform:uppercase;margin-bottom:1rem}

/* ── NAV ── */
nav{position:static;padding:1.1rem 3rem;display:flex;align-items:center;justify-content:space-between;background:rgba(247,244,239,.97);border-bottom:1px solid var(--line)}
.nav-logo{font-family:'Cormorant Garamond',serif;font-size:1.25rem;font-weight:300;letter-spacing:.1em}
.nav-logo span{color:var(--accent)}
.nav-links{display:flex;align-items:center;gap:2.5rem}
.nav-link{font-family:'Tenor Sans',sans-serif;font-size:8.5px;letter-spacing:.28em;color:rgba(28,19,14,.62);text-transform:uppercase;transition:color .3s}
.nav-link:hover,.nav-order{color:var(--accent)}
.nav-burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:.4rem}
.nav-burger span{display:block;width:22px;height:1px;background:var(--text);transition:all .3s}

/* ── HOME HERO ── */

.home-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 70% 50%,rgba(176,139,98,.07) 0%,transparent 70%);pointer-events:none}
.hero-content{max-width:680px;position:relative;z-index:1}
.hero-eye{opacity:.85;font-family:'Tenor Sans',sans-serif;font-size:8.5px;letter-spacing:.5em;color:var(--accent);text-transform:uppercase;margin-bottom:1.6rem}
.hero-brand{font-size:clamp(3.5rem,8vw,7.5rem);font-weight:300;letter-spacing:.06em;line-height:.9;margin-bottom:1.8rem}
.hero-brand span{color:var(--accent)}
.hero-tagline{color:rgba(28,19,14,.72);font-size:clamp(1.1rem,2.2vw,1.5rem);font-weight:300;line-height:1.6;margin-bottom:1rem}
.hero-manifesto{margin-bottom:2.4rem}
.hero-manifesto p{color:rgba(28,19,14,.68);font-size:clamp(.95rem,1.5vw,1.15rem);font-style:italic;line-height:1.75;margin-bottom:.3rem}
.hero-sub{color:rgba(28,19,14,.64);opacity:1;font-size:.88rem;line-height:1.7;max-width:480px;margin-bottom:2.8rem}
.hero-cta{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}
.hero-count{color:rgba(28,19,14,.48);font-family:'Tenor Sans',sans-serif;font-size:8px;letter-spacing:.3em;text-transform:uppercase;margin-top:2.4rem}

/* ── AOW ── */
.aow{background:var(--bg3);padding:5rem 4rem;border-top:1px solid var(--line)}
.aow-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}
.aow-meta .section-eye{margin-bottom:.6rem}
.aow-label{font-family:'Tenor Sans',sans-serif;font-size:9px;letter-spacing:.4em;color:var(--muted);text-transform:uppercase;margin-bottom:1.6rem;opacity:.6}
.aow-lat{font-size:clamp(2.2rem,5vw,4.5rem);font-weight:300;letter-spacing:.05em;text-transform:uppercase;line-height:.95;margin-bottom:.5rem}
.aow-ua{font-size:1.1rem;font-style:italic;color:var(--muted);margin-bottom:1.2rem}
.aow-ds{font-size:1.15rem;font-style:italic;color:var(--text);line-height:1.6;margin-bottom:1rem}
.aow-para{font-size:.92rem;color:var(--muted);line-height:1.75;margin-bottom:2.2rem}
.aow-image{aspect-ratio:3/4;overflow:hidden;border-radius:0}
.aow-image:hover img{transform:scale(1.04)}
.aow-image img{transition:transform .9s cubic-bezier(.25,1,.5,1)}

/* ── FIND YOUR STATE ── */
.find-state{padding:5rem 4rem;border-top:1px solid var(--line)}
.find-state-head{max-width:600px;margin:0 auto 4rem;text-align:center}
.find-state-title{font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:300;letter-spacing:.03em;margin-bottom:.8rem;line-height:1.2}
.find-state-sub{color:rgba(28,19,14,.64);font-size:.95rem;font-style:italic}
.state-carousel-wrap{max-width:100%;overflow:hidden;position:relative}
.state-carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:0;cursor:grab}
.state-carousel::-webkit-scrollbar{display:none}
.state-carousel.dragging{cursor:grabbing;user-select:none}
.state-card{flex-shrink:0;width:280px;scroll-snap-align:start;display:block;background:var(--bg);border-right:1px solid var(--line);transition:background .3s;text-decoration:none}
.state-card:hover{background:var(--bg2)}
.state-card-img{width:100%;aspect-ratio:3/4;overflow:hidden;background:var(--bg3)}
.state-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.25,1,.5,1)}
.state-card:hover .state-card-img img{transform:scale(1.045)}
.state-card-body{padding:1.4rem 1.5rem 1.6rem}
.state-query{color:rgba(28,19,14,.66);font-size:.8rem;font-style:italic;line-height:1.4;margin-bottom:.5rem}
.state-lat{font-size:1.1rem;font-weight:300;letter-spacing:.06em;text-transform:uppercase;color:var(--text);margin-bottom:.15rem;line-height:1}
.state-ua{color:rgba(28,19,14,.62);font-size:.75rem;font-style:italic;margin-bottom:.8rem}
.state-arrow{font-family:'Tenor Sans',sans-serif;font-size:10px;color:var(--accent);opacity:0;transition:opacity .3s}
.state-card:hover .state-arrow{opacity:1}
.carousel-dots{display:flex;gap:.45rem;justify-content:center;margin-top:1.4rem}
.carousel-dot{width:5px;height:5px;border-radius:50%;background:var(--lines);border:none;padding:0;cursor:pointer;transition:background .3s}
.carousel-dot.active{background:var(--accent)}








/* ── COLLECTIONS ── */

/* STATE CAROUSEL with images */
.state-carousel-wrap{max-width:100%;overflow:hidden;position:relative}
.state-carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:0;cursor:grab}
.state-carousel::-webkit-scrollbar{display:none}
.state-carousel.dragging{cursor:grabbing;user-select:none}

.state-card:hover{background:var(--bg2)}
.state-card-img{width:100%;aspect-ratio:3/4;overflow:hidden;background:var(--bg3)}
.state-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.25,1,.5,1)}
.state-card:hover .state-card-img img{transform:scale(1.045)}




.state-arrow{font-family:'Tenor Sans',sans-serif;font-size:10px;color:var(--accent);opacity:0;transition:opacity .3s}
.state-card:hover .state-arrow{opacity:1}
.carousel-dots{display:flex;gap:.45rem;justify-content:center;margin-top:1.4rem}
.carousel-dot{width:5px;height:5px;border-radius:50%;background:var(--lines);border:none;padding:0;cursor:pointer;transition:background .3s}
.carousel-dot.active{background:var(--accent)}
.collections{padding:7rem 4rem;background:var(--bg3);border-top:1px solid var(--line)}
.collections-head{text-align:center;margin-bottom:5rem}
.collections-title{font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:300;letter-spacing:.03em;margin-bottom:.8rem}
.collections-sub{color:rgba(28,19,14,.64);font-size:.92rem;font-style:italic}
.col-block{margin-bottom:5rem;padding-bottom:5rem;border-bottom:1px solid var(--line)}
.col-block:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}
.col-block-head{margin-bottom:2.4rem}
.col-eye{opacity:.85;font-family:'Tenor Sans',sans-serif;font-size:8.5px;letter-spacing:.5em;color:var(--accent);text-transform:uppercase;margin-bottom:.5rem}
.col-name{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:300;letter-spacing:.04em;margin-bottom:.4rem}
.col-desc{font-size:.88rem;font-style:italic;color:var(--muted);margin-bottom:.3rem}
.col-count{font-family:'Tenor Sans',sans-serif;font-size:7.5px;letter-spacing:.3em;color:var(--muted2);text-transform:uppercase}
.col-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-bottom:1.8rem}
.preview-card{background:var(--bg);display:block;overflow:hidden;transition:background .3s}
.preview-card:hover{background:var(--bg2)}
.preview-card:hover .preview-img img{transform:scale(1.045)}
.preview-img{aspect-ratio:4/3;overflow:hidden}
.preview-img img{transition:transform .8s cubic-bezier(.25,1,.5,1)}
.preview-info{padding:1rem 1.2rem .9rem}
.preview-lat{font-size:1.05rem;font-weight:300;letter-spacing:.05em;text-transform:uppercase;margin-bottom:.15rem}
.preview-ua{font-size:.78rem;font-style:italic;color:var(--muted)}

/* ── CURATED EFFECTS ── */
.curated{padding:5rem 4rem;border-top:1px solid var(--line)}
.curated-head{max-width:600px;margin:0 auto 4rem;text-align:center}
.curated-title{font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:300;letter-spacing:.03em;margin-bottom:.8rem}
.curated-sub{font-size:.92rem;font-style:italic;color:var(--muted)}
.effects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);max-width:1100px;margin:0 auto}
.effect-card{background:var(--bg);padding:2.2rem 2rem;display:flex;flex-direction:column;gap:.5rem;transition:background .3s}
.effect-card:hover{background:var(--bg2)}
.effect-lat{font-size:1.3rem;font-weight:300;letter-spacing:.04em;text-transform:uppercase}
.effect-ua{font-size:.82rem;font-style:italic;color:var(--muted)}
.effect-formula{font-family:'Tenor Sans',sans-serif;font-size:8px;letter-spacing:.2em;color:var(--accent);text-transform:uppercase;opacity:.75;margin-top:.3rem}
.effect-ds{font-size:.85rem;font-style:italic;color:var(--muted);line-height:1.55;margin-top:.2rem}

/* ── STRUCTURE ── */
.structure-teaser{padding:7rem 4rem;background:var(--bg3);border-top:1px solid var(--line)}
.structure-teaser-inner{max-width:900px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}
.st-text .section-eye{margin-bottom:1.2rem}
.st-title{font-size:clamp(1.6rem,3vw,2.4rem);font-weight:300;letter-spacing:.03em;margin-bottom:1.2rem;line-height:1.2}
.st-body{font-size:.92rem;color:var(--muted);line-height:1.8;margin-bottom:2rem}
.st-layers{display:flex;flex-direction:column;gap:.8rem}
.st-layer{display:flex;align-items:baseline;gap:1rem}
.st-num{font-family:'Tenor Sans',sans-serif;font-size:8px;letter-spacing:.3em;color:var(--accent);opacity:.6;min-width:24px}
.st-name{font-family:'Tenor Sans',sans-serif;font-size:9.5px;letter-spacing:.25em;color:var(--text);text-transform:uppercase}

/* ── PLACES ── */
.places-feature{padding:5rem 4rem;border-top:1px solid var(--line)}
.places-head{margin-bottom:3.5rem}
.places-title{font-size:clamp(2rem,4vw,3.5rem);font-weight:300;letter-spacing:.03em;margin-bottom:.8rem}
.places-sub{font-size:.92rem;font-style:italic;color:var(--muted);max-width:480px;line-height:1.7;margin-bottom:1.6rem}
.places-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1px;background:var(--line);margin-bottom:2rem}
.place-card{background:var(--bg);display:block;overflow:hidden;transition:background .3s}
.place-card:hover{background:var(--bg2)}
.place-card:hover .place-img img{transform:scale(1.045)}
.place-img{aspect-ratio:3/4;overflow:hidden}
.place-img img{transition:transform .8s cubic-bezier(.25,1,.5,1)}
.place-info{padding:1.1rem 1.3rem .9rem}
.place-lat{font-size:1rem;font-weight:300;letter-spacing:.05em;text-transform:uppercase;margin-bottom:.15rem}
.place-ua{color:rgba(28,19,14,.62);font-size:.75rem;font-style:italic;margin-bottom:.4rem}
.place-ds{color:rgba(28,19,14,.62);font-size:.75rem;font-style:italic;opacity:.75;line-height:1.45}

/* ── OPEN CODE TEASER ── */
.oc-teaser{padding:7rem 4rem;background:var(--bg3);border-top:1px solid var(--line)}
.oc-teaser-inner{max-width:680px;margin:0 auto;text-align:center}
.oc-teaser .section-eye{justify-content:center;display:flex;margin-bottom:1.2rem}
.oc-teaser-title{font-size:clamp(1.6rem,3vw,2.4rem);font-weight:300;letter-spacing:.03em;margin-bottom:.6rem;line-height:1.2}
.oc-teaser-rule{font-size:1.05rem;font-style:italic;color:var(--muted);margin-bottom:1.4rem}
.oc-teaser-body{font-size:.9rem;color:var(--muted);line-height:1.8;margin-bottom:2.4rem;max-width:520px;margin-left:auto;margin-right:auto}

/* ── FINAL CTA ── */
.final-section{padding:8rem 4rem;border-top:1px solid var(--line);text-align:center}
.final-title{font-size:clamp(1.8rem,4vw,3.2rem);font-weight:300;letter-spacing:.03em;margin-bottom:.8rem;line-height:1.2}
.final-sub{font-size:1rem;font-style:italic;color:var(--muted);margin-bottom:3rem}
.final-ctas{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}

/* ── FOOTER ── */
footer{background:var(--bg);padding:3rem 4rem 2rem;border-top:1px solid var(--line)}
.footer-copy{font-family:'Tenor Sans',sans-serif;font-size:7.5px;letter-spacing:.25em;color:var(--muted2);text-transform:uppercase}
.footer-links{display:flex;gap:2rem}
.footer-link{font-family:'Tenor Sans',sans-serif;font-size:8px;letter-spacing:.25em;color:var(--muted);text-transform:uppercase;transition:color .3s}
.footer-link:hover{color:var(--accent)}

/* ── MOBILE ── */
@media(max-width:768px){
  nav{padding:.9rem 1.4rem}
  
  nav.open .nav-links{display:flex}
  .nav-burger{display:flex}
  
  .aow{padding:4rem 1.4rem}
  .aow-inner{grid-template-columns:1fr;gap:2.4rem}
  .aow-image{order:-1;aspect-ratio:4/3}
  .find-state{padding:4rem 1.4rem}
  .sc-card{width:80vw}

  
  .collections{padding:4rem 1.4rem}
  .col-preview{grid-template-columns:1fr 1fr}
  .col-preview .preview-card:nth-child(3){display:none}
  .curated{padding:4rem 1.4rem}
  .effects-grid{grid-template-columns:1fr}
  .structure-teaser{padding:4rem 1.4rem}
  .structure-teaser-inner{grid-template-columns:1fr;gap:2.4rem}
  .places-feature{padding:4rem 1.4rem}
  .places-grid{grid-template-columns:1fr 1fr}
  .oc-teaser{padding:4rem 1.4rem}
  .final-section{padding:5rem 1.4rem}
  footer{padding:1.5rem 1.4rem;flex-direction:column;align-items:flex-start;gap:.8rem}
}
@media(max-width:420px){
  .state-grid{grid-template-columns:1fr}
  .places-grid{grid-template-columns:1fr}
  .hero-cta{flex-direction:column;align-items:flex-start}
  .btn-primary,.btn-ghost{width:100%;text-align:center}
}

/* ── HOMEPAGE v24 ─────────────────────── */


.home-eyebrow{font-family:'Tenor Sans',sans-serif;font-size:8px;letter-spacing:.45em;text-transform:uppercase;color:var(--accent,#B08B62);opacity:.85;margin-bottom:1.4rem}
.home-title{font-family:'Tenor Sans',sans-serif;font-size:clamp(3rem,8vw,7rem);font-weight:400;line-height:1;letter-spacing:.04em;color:var(--text-main,#2A2520);margin-bottom:.8rem}
.home-title span{}
.home-subtitle{font-family:'Cormorant Garamond',serif;font-size:clamp(1.1rem,2vw,1.45rem);font-style:italic;color:rgba(28,19,14,.72);margin-bottom:1.6rem}
.home-manifesto{margin-bottom:1.6rem}
.home-manifesto p{font-family:'Cormorant Garamond',serif;font-size:clamp(.95rem,1.5vw,1.15rem);font-style:italic;color:rgba(28,19,14,.68);line-height:1.75;margin-bottom:.3rem}
.home-desc{font-size:.97rem;line-height:1.85;color:rgba(28,19,14,.64);max-width:520px;margin-bottom:2rem}
.home-ctas{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}
.home-meta{font-family:'Tenor Sans',sans-serif;font-size:8px;letter-spacing:.3em;text-transform:uppercase;color:rgba(28,19,14,.48)}

/* Sections */
.section-inner{max-width:1200px;margin:0 auto;padding:0 4rem}
.section-eye{font-family:'Tenor Sans',sans-serif;font-size:8px;letter-spacing:.45em;text-transform:uppercase;color:var(--accent,#B08B62);opacity:.85;margin-bottom:1.2rem}
.section-heading{font-family:'Cormorant Garamond',serif;font-size:clamp(1.8rem,3vw,2.8rem);font-weight:300;margin-bottom:1rem}
.section-heading-sm{font-family:'Cormorant Garamond',serif;font-size:clamp(1.4rem,2vw,1.9rem);font-weight:300;margin-bottom:1.5rem}
.section-sub{font-size:.97rem;color:rgba(28,19,14,.64);margin-bottom:2.5rem;max-width:580px}
.section-body{font-size:.97rem;line-height:1.85;color:rgba(28,19,14,.64);margin-bottom:2rem}
.section-cta-row{margin-top:2.5rem}

/* Start */
.start-section{padding:5rem 0;background:var(--ivory,#F2EBE0)}
.start-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line,rgba(0,0,0,.08))}
.start-card{background:var(--page-bg,#F7F4EF);padding:2rem 1.8rem;display:flex;flex-direction:column;gap:.6rem;text-decoration:none;transition:background .3s}
.start-card:hover{background:#fff}
.start-icon{font-size:1.4rem;color:var(--accent,#B08B62);opacity:.7}
.start-label{font-family:'Cormorant Garamond',serif;font-size:1.1rem;font-weight:400;color:rgba(28,19,14,.85)}
.start-desc{font-size:.85rem;line-height:1.6;color:rgba(28,19,14,.62)}
.start-cta{font-family:'Tenor Sans',sans-serif;font-size:8px;letter-spacing:.28em;text-transform:uppercase;color:var(--accent,#B08B62);margin-top:.4rem}

/* Focus */
.focus-section{padding:5rem 0;background:var(--page-bg,#F7F4EF)}
.focus-inner{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}
.focus-title{font-family:'Cormorant Garamond',serif;font-size:clamp(1.6rem,2.5vw,2.4rem);font-weight:300;margin-bottom:1rem}
.focus-ds{font-family:'Cormorant Garamond',serif;font-size:1.1rem;font-style:italic;color:rgba(28,19,14,.68);margin-bottom:1rem}
.focus-desc{font-size:.92rem;line-height:1.8;color:rgba(28,19,14,.62);margin-bottom:2rem;max-width:460px}
.focus-img img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}

/* Ready */
.ready-section{padding:5rem 0;background:var(--ivory,#F2EBE0)}
.ready-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line,rgba(0,0,0,.08));margin-bottom:.5rem}
.ready-card{background:var(--page-bg,#F7F4EF);display:flex;flex-direction:column;text-decoration:none;transition:background .3s}
.ready-card:hover{background:#fff}
.ready-card-img img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}
.ready-card-body{padding:1.4rem 1.6rem 2rem}
.ready-card-lat{font-family:'Cormorant Garamond',serif;font-size:1.1rem;margin-bottom:.2rem;color:rgba(28,19,14,.88)}
.ready-card-ua{font-family:'Cormorant Garamond',serif;font-size:.9rem;font-style:italic;color:rgba(28,19,14,.62);margin-bottom:.5rem}
.ready-card-ds{font-size:.82rem;line-height:1.6;color:rgba(28,19,14,.58);margin-bottom:.8rem}
.card-price{font-family:'Tenor Sans',sans-serif;font-size:8px;letter-spacing:.25em;text-transform:uppercase;color:var(--accent,#B08B62)}

/* System */
.system-section{padding:5rem 0;background:var(--page-bg,#F7F4EF)}
.system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line,rgba(0,0,0,.08));margin-bottom:.5rem}
.system-card{background:var(--page-bg,#F7F4EF);padding:2rem 1.8rem;display:flex;flex-direction:column;gap:.6rem;text-decoration:none;transition:background .3s}
.system-card:hover{background:var(--ivory,#F2EBE0)}
.sys-title{font-family:'Cormorant Garamond',serif;font-size:1.1rem;font-weight:400;color:rgba(28,19,14,.88)}
.sys-desc{font-size:.85rem;line-height:1.6;color:rgba(28,19,14,.62)}

/* Discovery */
.discovery-section{padding:5rem 0;background:var(--ivory,#F2EBE0)}
.discovery-inner{max-width:680px}
.discovery-routes{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:2rem}
.disc-route{font-family:'Tenor Sans',sans-serif;font-size:8px;letter-spacing:.22em;text-transform:uppercase;color:rgba(28,19,14,.68);border:1px solid rgba(28,19,14,.15);padding:.3rem .8rem}

/* Editorial */
.editorial-section{padding:5rem 0;background:var(--page-bg,#F7F4EF)}
.editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem}
.note-card{display:block;padding:1.4rem 0;border-bottom:1px solid rgba(28,19,14,.08);text-decoration:none}
.note-card:last-child{border-bottom:none}
.note-card-title{font-family:'Cormorant Garamond',serif;font-size:1rem;color:rgba(28,19,14,.88);display:block;margin-bottom:.4rem}
.note-card-excerpt{font-size:.82rem;line-height:1.6;color:rgba(28,19,14,.58);display:block}
.journal-featured{display:flex;flex-direction:column;gap:.6rem;padding:1.8rem;background:var(--ivory,#F2EBE0);text-decoration:none;margin-bottom:1.5rem}
.journal-label{font-family:'Tenor Sans',sans-serif;font-size:8px;letter-spacing:.35em;text-transform:uppercase;color:var(--accent,#B08B62)}
.journal-title{font-family:'Cormorant Garamond',serif;font-size:1.2rem;font-weight:300;color:rgba(28,19,14,.88);line-height:1.4}
.journal-cta{font-family:'Tenor Sans',sans-serif;font-size:8px;letter-spacing:.25em;text-transform:uppercase;color:var(--accent,#B08B62)}

/* Buttons */
.btn-primary{display:inline-block;padding:.85rem 2.2rem;background:var(--accent,#B08B62);color:#FAF6F0;font-family:'Tenor Sans',sans-serif;font-size:8.5px;letter-spacing:.3em;text-transform:uppercase;text-decoration:none;transition:background .3s;border:1px solid var(--accent,#B08B62)}
.btn-primary:hover{background:rgba(176,139,98,.85)}
.btn-ghost{display:inline-block;padding:.85rem 2.2rem;border:1px solid rgba(28,19,14,.20);color:rgba(28,19,14,.62);font-family:'Tenor Sans',sans-serif;font-size:8.5px;letter-spacing:.3em;text-transform:uppercase;text-decoration:none;transition:all .3s}
.btn-ghost:hover{border-color:var(--accent,#B08B62);color:var(--accent,#B08B62)}

/* Mobile */
@media(max-width:900px){
  
  .section-inner{padding:0 1.4rem}
  .start-grid{grid-template-columns:1fr 1fr}
  .focus-inner{grid-template-columns:1fr}
  .ready-grid{grid-template-columns:1fr 1fr}
  .system-grid{grid-template-columns:1fr 1fr}
  .editorial-grid{grid-template-columns:1fr}
  .home-ctas{flex-direction:column}
  .start-section,.focus-section,.ready-section,.system-section,.discovery-section,.editorial-section{padding:3.5rem 0}
}
@media(max-width:480px){
  .start-grid,.ready-grid,.system-grid{grid-template-columns:1fr}
}
/* ──────────────────────────────────────── */


.nav-catalog-wrap{position:relative;display:flex;align-items:center}
.nav-catalog-btn{font-family:'Tenor Sans',sans-serif;font-size:9px;letter-spacing:.28em;text-transform:uppercase;color:inherit;background:none;border:0;outline:0;cursor:pointer;padding:0;white-space:nowrap}
.nav-catalog-dropdown{display:none;position:absolute;top:calc(100% + .6rem);left:0;background:#FAF6F0;border:1px solid rgba(28,19,14,.1);padding:.5rem 0;min-width:200px;z-index:200;box-shadow:0 4px 24px rgba(0,0,0,.08)}
.nav-catalog-wrap.open .nav-catalog-dropdown{display:block}
.nav-dd-link{display:block;font-family:'Tenor Sans',sans-serif;font-size:8.5px;letter-spacing:.25em;text-transform:uppercase;color:rgba(28,19,14,.72);padding:.6rem 1.4rem;text-decoration:none;transition:color .2s,background .2s}
.nav-dd-link:hover{color:rgba(176,139,98,1);background:rgba(176,139,98,.06)}
@media(max-width:768px){
  .nav-catalog-dropdown{position:static;border:0;box-shadow:none;background:transparent;padding:.3rem 0 .3rem 1rem}
  .nav-dd-link{font-size:8px;padding:.45rem .8rem}
}
/* ──────────────────────────────────────── */

.nav-link-top:hover{color:rgba(176,139,98,1)}
.site-header--transparent @media(max-width:1100px){}

/* ═══════════════════════════════════════
   GLOBAL SITE HEADER v24.3
═══════════════════════════════════════ */
.site-header{width:100%}
.site-header--transparent{position:absolute;top:0;left:0;right:0;z-index:50}
.site-header--solid{position:static;z-index:10;background:linear-gradient(180deg,rgba(247,244,239,.55) 0%,rgba(247,244,239,.35) 60%,rgba(247,244,239,.18) 100%);border-bottom:1px solid rgba(176,139,98,.06)}
.site-nav{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;padding:.9rem var(--page-x,4rem)}
.nav-left{display:flex;align-items:flex-start;gap:1.2rem;flex:0 0 auto}
.nav-brand{display:flex;flex-direction:column;align-items:flex-start;text-decoration:none}
.nav-brand-logo{font-family:'Tenor Sans',sans-serif;font-size:1.1rem;font-weight:400;letter-spacing:.22em;line-height:1}
.nav-brand-home{margin-top:.25rem;font-family:'Tenor Sans',sans-serif;font-size:7px;letter-spacing:.22em;text-transform:uppercase;opacity:.5;display:block}
.nav-back-btn{font-family:'Tenor Sans',sans-serif;font-size:7.5px;letter-spacing:.2em;text-transform:uppercase;background:transparent;border:0;padding:0;cursor:pointer;opacity:.55;margin-top:.2rem}
.nav-right{display:flex;align-items:center;gap:1.45rem;flex:0 0 auto}
.nav-right>*{display:flex;align-items:center;line-height:1}
.nav-catalog-wrap{position:relative;display:flex;align-items:center}
.nav-catalog-btn{font-family:'Tenor Sans',sans-serif;font-size:8.5px;letter-spacing:.28em;text-transform:uppercase;background:none;border:0;outline:0;cursor:pointer;padding:0;white-space:nowrap;line-height:1}
.nav-catalog-dropdown{display:none;position:absolute;top:calc(100% + .7rem);left:0;min-width:220px;padding:.7rem 0;background:#FAF6F0;border:1px solid rgba(28,19,14,.10);box-shadow:0 10px 30px rgba(0,0,0,.08);z-index:200}
.nav-catalog-wrap.open .nav-catalog-dropdown,.nav-catalog-wrap:focus-within .nav-catalog-dropdown{display:block}
.nav-dd-link{display:block;padding:.62rem 1.25rem;font-family:'Tenor Sans',sans-serif;font-size:8px;letter-spacing:.22em;text-transform:uppercase;white-space:nowrap;color:rgba(28,19,14,.72);text-decoration:none;transition:color .2s,background .2s}
.nav-dd-link:hover{color:var(--accent,#B08B62);background:rgba(176,139,98,.06)}
.nav-link-top{font-family:'Tenor Sans',sans-serif;font-size:8.5px;letter-spacing:.25em;text-transform:uppercase;text-decoration:none;transition:color .2s;white-space:nowrap}
.nav-search-btn{font-family:'Tenor Sans',sans-serif;font-size:8.5px;letter-spacing:.28em;text-transform:uppercase;background:none;border:0;outline:0;cursor:pointer;padding:0}
.nav-set-link{font-family:'Tenor Sans',sans-serif;font-size:8.5px;letter-spacing:.28em;text-transform:uppercase;border:1px solid currentColor;padding:.25rem .75rem;line-height:1.4;text-decoration:none;white-space:nowrap}
.nav-set-link:visited,.nav-set-link:hover{text-decoration:none!important}
.site-header--transparent .nav-brand-logo,.site-header--transparent .nav-brand-home,.site-header--transparent .nav-catalog-btn,.site-header--transparent .nav-back-btn,.site-header--transparent .nav-link-top,.site-header--transparent .nav-search-btn,.site-header--transparent .nav-set-link{color:#1C130E;text-shadow:0 1px 3px rgba(255,255,255,.5)}
.site-header--transparent .nav-catalog-dropdown{background:rgba(26,20,14,.92);border-color:rgba(28,19,14,.15)}
.site-header--transparent .nav-dd-link{color:rgba(28,19,14,.72)}
.site-header--transparent .nav-dd-link:hover{color:#fff;background:rgba(255,255,255,.08)}
.site-header--solid .nav-brand-logo,.site-header--solid .nav-brand-home,.site-header--solid .nav-catalog-btn,.site-header--solid .nav-back-btn,.site-header--solid .nav-link-top,.site-header--solid .nav-search-btn,.site-header--solid .nav-set-link{color:rgba(28,19,14,.78);text-shadow:none}
@media(max-width:900px){.site-nav{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;padding:.9rem var(--page-x,4rem)}.nav-right{display:flex;align-items:center;gap:1.45rem;flex:0 0 auto}.nav-link-top{display:none}.nav-catalog-dropdown{min-width:180px}}
/* ═══════════════════════════════════════ */



/* ── HOMEPAGE HERO v24.5 ─────────────────────── */

/* Base */
.home-hero{
  position:relative;
  background-size:cover;
  background-position:center top;
  background-repeat:no-repeat;
  overflow:hidden;
  display:flex;
  align-items:flex-start;
}
.home-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:linear-gradient(90deg,rgba(247,244,239,.12) 0%,rgba(247,244,239,.04) 50%,rgba(247,244,239,.01) 100%);
  pointer-events:none;
}
.home-hero-copy{
  position:relative;
  z-index:2;
  text-align:left;
}
.home-hero-copy::before{
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
}

/* Desktop */
@media(min-width:901px){
  .home-hero{
    background-image:url('/assets/images/home/kyiv-morning-lab.webp');
    background-position:35% center;
    min-height:calc(100vh - var(--header-height, 70px));
  }
  .home-hero-inner{
    width:100%;
    min-height:calc(100vh - var(--header-height, 70px));
    display:grid;
    grid-template-columns:minmax(420px,1fr) minmax(360px,520px);
    gap:clamp(3rem,7vw,7rem);
    align-items:center;
    padding:clamp(4rem,8vh,7rem) var(--page-x,4rem) 3rem;
    position:relative;
    z-index:1;
  }
  .home-hero-windows{
    align-self:center;
    margin-top:0;
  }
  .home-hero-copy{
    max-width:620px;
    margin-left:clamp(1.5rem,3vw,4rem);
    align-self:center;
  }
  .home-hero-copy::before{
    inset:-3rem -8rem -3rem -3rem;
    background:linear-gradient(
      90deg,
      rgba(247,244,239,.88) 0%,
      rgba(247,244,239,.72) 36%,
      rgba(247,244,239,.46) 60%,
      rgba(247,244,239,.14) 82%,
      rgba(247,244,239,0) 100%
    );
  }
  .home-hero-windows{
    align-self:center;
    justify-self:center;
    width:min(100%,480px);
    transform:translateY(-2vh);
    display:flex;
    flex-direction:column;
    gap:16px;
  }
}

/* Mobile */
@media(max-width:900px){
  .home-hero{
    background-image:url('/assets/images/home/kyiv-morning-lab-mobile.webp');
    background-position:center top;
    min-height:auto;
  }
  .home-hero-inner{
    display:flex;
    flex-direction:column;
    grid-template-columns:none;
    min-height:auto;
    padding:0;
    gap:0;
    position:relative;
    z-index:1;
  }
  .home-hero-copy{
    order:1;
    min-height:calc(100svh - 72px);
    max-width:none;
    width:100%;
    margin-left:0;
    transform:none;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:clamp(3.5rem,9vh,5rem) 1.35rem 2rem;
  }
  .home-hero-copy::before{
    inset:-1rem -1rem -1rem -1rem;
    background:linear-gradient(
      180deg,
      rgba(247,244,239,.78) 0%,
      rgba(247,244,239,.65) 60%,
      rgba(247,244,239,.45) 100%
    );
  }
  .home-hero-windows{
    order:2;
    width:100%;
    min-height:100svh;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:1rem;
    padding:1.25rem;
    margin:0;
    transform:none;
    justify-self:unset;
    align-self:unset;
  }
  .hero-window{min-height:28svh}
  .hero-window-band{width:82%;padding:1.15rem}
  .home-ctas{width:100%}
  .home-ctas-row{flex-direction:column}
  .home-cta-btn{width:100%}
}
@media(max-width:600px){
  .home-title{font-size:clamp(4.4rem,18vw,6.2rem);line-height:.9;letter-spacing:.02em}
}
/* ──────────────────────────────────────────────── */

/* ── HERO WINDOWS ────────────────────── */


.home-hero-windows{display:flex;flex-direction:column;gap:16px}

.hero-window{position:relative;display:block;overflow:hidden;text-decoration:none;color:inherit;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}
@media(min-width:769px){.hero-window--news,.hero-window--focus,.hero-window--note{min-height:152px}}
.hero-window:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(0,0,0,.07)}
.hero-window:focus-visible{outline:1px solid var(--accent,#B08B62);outline-offset:3px}

.hero-window-bg{position:absolute;inset:0;z-index:0;background:var(--ivory,#F2EBE0)}
.hero-window-bg img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.01);transition:transform .8s cubic-bezier(.25,1,.5,1)}
.hero-window:hover .hero-window-bg img{transform:scale(1.048)}

.hero-window::after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(247,244,239,.72) 0%,rgba(247,244,239,.48) 50%,rgba(247,244,239,.08) 100%)}

.hero-window-band{position:relative;z-index:2;width:76%;padding:1.1rem 1.25rem;display:flex;flex-direction:column;justify-content:center;min-height:inherit;transition:background .25s}
.hero-window:hover .hero-window-band{background:linear-gradient(90deg,rgba(247,244,239,.90) 0%,rgba(247,244,239,.66) 55%,rgba(247,244,239,0) 100%)}

.hero-window-rubric{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem;font-family:'Tenor Sans',sans-serif;font-size:6.5px;letter-spacing:.34em;text-transform:uppercase;color:rgba(28,19,14,.55)}
.hero-window-rubric::after{content:'';flex:1;height:1px;background:linear-gradient(to left,rgba(176,139,98,.38),rgba(176,139,98,0))}

.hero-window-title{margin:0 0 .3rem;font-family:'Cormorant Garamond',serif;font-size:clamp(1.1rem,1.8vw,1.55rem);font-weight:300;line-height:1.1;letter-spacing:.03em;color:rgba(28,19,14,.88);transition:color .2s}
.hero-window:hover .hero-window-title{color:var(--accent,#B08B62)}

.hero-window-subtitle{margin:0 0 .6rem;font-family:'Cormorant Garamond',serif;font-size:.88rem;font-style:italic;line-height:1.45;color:rgba(28,19,14,.62)}

.hero-window-cta{font-family:'Tenor Sans',sans-serif;font-size:7px;letter-spacing:.28em;text-transform:uppercase;color:var(--accent,#B08B62);transition:color .2s}
.hero-window:hover .hero-window-cta{color:rgba(176,139,98,.8)}




/* ──────────────────────────────────────── */

/* ── HOME CTA BUTTONS ───────────────── */
.home-ctas{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}
.home-ctas-row{display:flex;gap:.75rem}
.home-ctas-center{display:flex;justify-content:center}
.home-cta-btn{
  flex:1;
  min-width:0;
  text-align:center;
  padding:.85rem 1.5rem;
  font-family:'Tenor Sans',sans-serif;
  font-size:8.5px;
  letter-spacing:.3em;
  text-transform:uppercase;
  text-decoration:none;
  transition:all .3s;
  white-space:nowrap;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.home-ctas-center .home-cta-btn{
  flex:0 0 auto;
  min-width:calc(50% - .375rem);
}
@media(max-width:900px){
  .home-ctas-row{flex-direction:column}
  .home-ctas-center{justify-content:stretch}
  .home-ctas-center .home-cta-btn{flex:1;min-width:0;width:100%}
}
/* ──────────────────────────────────── */