/* ══════════════════════════════════════════════════════════════
   apix.studija — site skin v3 (2026-09-16)
   Type pairing from typewolf.com/site-of-the-day/elena-scott:
   PP Editorial Old (ultralight, sentence case, italic emphasis) +
   PP Neue Montreal (small uppercase labels, body). Self-hosted files
   go in assets/fonts/ (see README there); until they exist the
   browser falls back to Instrument Serif + Instrument Sans.
   Layout stays the hers x Mariah blend of v2.
   ══════════════════════════════════════════════════════════════ */

@font-face{ font-family:'PP Editorial Old'; src:url('fonts/PPEditorialOld-Ultralight.woff2') format('woff2'); font-weight:200; font-style:normal; font-display:swap; }
@font-face{ font-family:'PP Editorial Old'; src:url('fonts/PPEditorialOld-UltralightItalic.woff2') format('woff2'); font-weight:200; font-style:italic; font-display:swap; }
@font-face{ font-family:'PP Editorial Old'; src:url('fonts/PPEditorialOld-Regular.woff2') format('woff2'); font-weight:400; font-style:normal; font-display:swap; }
@font-face{ font-family:'PP Editorial Old'; src:url('fonts/PPEditorialOld-Italic.woff2') format('woff2'); font-weight:400; font-style:italic; font-display:swap; }
@font-face{ font-family:'PP Neue Montreal'; src:url('fonts/PPNeueMontreal-Book.woff2') format('woff2'); font-weight:400; font-style:normal; font-display:swap; }
@font-face{ font-family:'PP Neue Montreal'; src:url('fonts/PPNeueMontreal-Italic.woff2') format('woff2'); font-weight:400; font-style:italic; font-display:swap; }
@font-face{ font-family:'PP Neue Montreal'; src:url('fonts/PPNeueMontreal-Medium.woff2') format('woff2'); font-weight:500; font-style:normal; font-display:swap; }

:root{
  --cream:#F5EFE6; --cream-2:#ECE3D4; --cream-3:#F9F5EE; --sand:#ECE3D4;
  --charcoal:#1A1A1A; --charcoal-soft:#2A2A2A;
  --burgundy:#7B2D26; --burgundy-soft:#9C3F36; --burgundy-deep:#5E1F1A;
  --gold:#C9A961; --sage:#7A8B6E; --clay:#DE7356;
  --rule:rgba(26,26,26,0.14); --rule-strong:rgba(26,26,26,0.38); --rule-light:rgba(245,239,230,0.18);
  --muted:rgba(26,26,26,0.62);
  --nav-h:76px;
  --display:'PP Editorial Old','Instrument Serif','Times New Roman',Times,serif;
  --serif:var(--display);
  --sans:'PP Neue Montreal','Instrument Sans',-apple-system,'Helvetica Neue',Helvetica,Arial,sans-serif;
  --mono:'IBM Plex Mono',monospace;
  --wrap:1380px;
}

*{ margin:0; padding:0; box-sizing:border-box; -webkit-tap-highlight-color:transparent; }
html{ -webkit-font-smoothing:antialiased; scroll-behavior:smooth; scroll-padding-top:calc(var(--nav-h) + 20px); overflow-x:clip; }
body{ font-family:var(--sans); font-weight:400; color:var(--charcoal); background:var(--cream); line-height:1.55; overflow-x:clip; }
img{ max-width:100%; display:block; }
a{ color:inherit; }
::selection{ background:var(--gold); color:var(--charcoal); }

.serif{ font-family:var(--serif); font-style:italic; }
.mono{ font-family:var(--mono); }
.gold-star{ color:var(--gold); }
.wrap{ width:min(100% - 48px, var(--wrap)); margin:0 auto; }
.wrap-narrow{ width:min(100% - 48px, 800px); margin:0 auto; }
@media (max-width:600px){ .wrap,.wrap-narrow{ width:calc(100% - 40px); } }

/* ── type roles ── */
.kicker,.eyebrow,.label{
  font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.18em;
  text-transform:uppercase; color:var(--burgundy);
}
.display{
  font-family:var(--display); font-weight:300; text-transform:none;
  line-height:.98; letter-spacing:-.015em; text-wrap:balance;
}
.display em,.display i{ font-family:var(--display); font-style:italic; font-weight:300; font-size:1em; letter-spacing:-.01em; }
.d-xl{ font-size:clamp(3.4rem,9vw,8.6rem); }
.d-lg{ font-size:clamp(2.8rem,6.6vw,6.4rem); }
.d-md{ font-size:clamp(2.1rem,4.4vw,4.2rem); }
.d-sm{ font-size:clamp(1.5rem,2.6rem,2.2rem); }
.lede{ font-family:var(--sans); font-size:clamp(1.02rem,1.25vw,1.15rem); line-height:1.7; color:var(--charcoal-soft); max-width:62ch; }
.bracket{ font-family:var(--display); font-weight:300; text-transform:none; letter-spacing:0; }
.bracket::before{ content:"["; }
.bracket::after{ content:"]"; }

/* ── buttons: pills, small uppercase sans ── */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:.6em;
  min-height:52px; padding:0 30px; border-radius:999px; border:1.5px solid transparent;
  font-family:var(--sans); font-size:.78rem; font-weight:500; letter-spacing:.14em;
  text-transform:uppercase; text-decoration:none; cursor:pointer;
  background:var(--burgundy); color:var(--cream);
  transition:background .18s, color .18s, transform .12s, box-shadow .25s;
}
.btn:hover{ background:var(--charcoal); color:var(--cream); box-shadow:0 12px 30px rgba(26,26,26,.18); }
.btn:active{ transform:scale(.985); }
.btn--ghost{ background:transparent; color:var(--charcoal); border-color:var(--rule-strong); }
.btn--ghost:hover{ background:var(--charcoal); color:var(--cream); border-color:var(--charcoal); }
.btn--cream{ background:var(--cream); color:var(--burgundy); }
.btn--cream:hover{ background:#fff; color:var(--burgundy); }
.btn--gold{ background:var(--gold); color:var(--charcoal); }
.btn--gold:hover{ background:#d8ba76; color:var(--charcoal); }
.btn--dark{ background:var(--charcoal); color:var(--cream); }
.btn--outline-cream{ background:transparent; color:var(--cream); border-color:rgba(245,239,230,.45); }
.btn--outline-cream:hover{ background:var(--cream); color:var(--burgundy); border-color:var(--cream); }

/* ── header: port of learnaiwithmariah.com's home-header ── */
:root{ --nav-h:84px; }
.nav{ position:sticky; top:0; z-index:1100; height:var(--nav-h); background:var(--cream); border-bottom:1px solid rgba(123,45,38,.16); transition:background 180ms ease, box-shadow 180ms ease; }
.nav__inner{ width:min(100% - 48px, 1440px); height:100%; margin:0 auto; display:grid; grid-template-columns:minmax(180px,.8fr) auto minmax(240px,.8fr); align-items:center; gap:30px; }
.nav__brand{ font-family:var(--display); font-weight:400; font-size:1.55rem; letter-spacing:-.01em; text-transform:none; text-decoration:none; white-space:nowrap; color:var(--burgundy); display:inline-flex; align-items:baseline; gap:.28em; line-height:1; }
.nav__brand em{ font-style:italic; font-weight:300; }
.nav__brand .gold-star{ font-size:.62em; color:var(--gold); }
.nav__links{ display:flex; align-items:center; justify-content:center; gap:clamp(16px,2vw,34px); margin:0; padding:0; list-style:none; }
.nav__links a,.nav__dd-trigger{ font-family:var(--sans); font-size:.71rem; font-weight:500; line-height:1.2; letter-spacing:.105em; text-transform:uppercase; color:var(--charcoal); text-decoration:none; white-space:nowrap; background:none; border:0; cursor:pointer; padding:0; }
.nav__links a:hover,.nav__links a[aria-current="page"],.nav__dd-trigger:hover{ color:var(--burgundy); }
.nav__dd{ position:relative; }
.nav__dd-trigger .caret{ margin-left:.25em; font-size:.7em; display:inline-block; }
.nav__dd-menu{ display:none; position:absolute; top:calc(100% + 20px); right:0; min-width:280px; padding:.5rem 0; margin:0; list-style:none; background:var(--cream); border:1.5px solid rgba(26,26,26,.12); border-radius:8px; box-shadow:0 12px 32px rgba(26,26,26,.18); z-index:1101; }
.nav__dd-menu::before{ content:""; position:absolute; right:0; bottom:100%; width:100%; height:24px; }
.nav__dd:hover .nav__dd-menu,.nav__dd:focus-within .nav__dd-menu{ display:block; }
.nav__dd-menu a{ display:block; padding:.7rem 1.2rem; font-family:var(--sans); font-size:.88rem; font-weight:500; color:var(--charcoal); text-transform:none; letter-spacing:.01em; white-space:normal; }
.nav__dd-menu a:hover{ background:rgba(123,45,38,.06); color:var(--burgundy); }
.nav__dd-menu li.featured{ margin-bottom:.35rem; padding-bottom:.35rem; border-bottom:1px solid rgba(26,26,26,.12); }
.nav__dd-menu li.featured a{ color:var(--burgundy); font-weight:600; }
.nav__right{ display:flex; align-items:center; justify-content:flex-end; gap:10px; }
.nav__social{ width:30px; height:30px; display:grid; place-items:center; color:var(--burgundy); text-decoration:none; }
.nav__social svg{ width:16px; height:16px; fill:currentColor; }
.nav__cta{ display:inline-flex; min-height:48px; align-items:center; justify-content:center; padding:0 24px; margin-left:7px; border-radius:999px; background:var(--burgundy); color:var(--cream) !important; text-decoration:none; font-family:var(--sans); font-size:.78rem; font-weight:500; line-height:1; letter-spacing:.09em; text-transform:uppercase; white-space:nowrap; }
.nav__cta:hover{ background:var(--charcoal); }
.nav.is-scrolled{ background:var(--burgundy); box-shadow:0 10px 28px rgba(26,26,26,.13); border-bottom-color:transparent; }
.nav.is-scrolled .nav__brand,.nav.is-scrolled .nav__links a,.nav.is-scrolled .nav__dd-trigger,.nav.is-scrolled .nav__social{ color:var(--cream); }
.nav.is-scrolled .nav__brand .gold-star{ color:var(--gold); }
.nav.is-scrolled .nav__cta{ background:var(--cream); color:var(--burgundy) !important; }
.nav.is-scrolled .nav__dd-menu a{ color:var(--charcoal); }
.nav__burger{ display:none; width:44px; height:44px; margin-left:2px; padding:0; border:0; background:none; cursor:pointer; color:var(--burgundy); flex-direction:column; align-items:center; justify-content:center; gap:5px; }
.nav__burger span{ display:block; width:22px; height:1.5px; background:currentColor; transition:transform .22s ease, opacity .18s ease; }
.nav.is-scrolled .nav__burger{ color:var(--cream); }
.nav.is-open .nav__burger span:nth-child(1){ transform:translateY(6.5px) rotate(45deg); }
.nav.is-open .nav__burger span:nth-child(2){ opacity:0; }
.nav.is-open .nav__burger span:nth-child(3){ transform:translateY(-6.5px) rotate(-45deg); }
.nav.is-open .nav__links a,.nav.is-open .nav__dd-trigger{ color:var(--charcoal); }
.nav__panel-social{ display:none; }
html.nav-open{ overflow:hidden; }
.nav.is-open{ position:fixed; top:0; left:0; right:0; } /* sticky stops working once the scroll lock is on (klubas/verslui set overflow-x on body), so the open header is fixed */
@media (max-width:1100px){ .nav__dd-menu::before{ display:none; } }
@media (max-width:900px){
  :root{ --nav-h:72px; }
  .nav__inner{ grid-template-columns:auto auto; justify-content:space-between; gap:14px; width:calc(100% - 32px); }
  .nav__burger{ display:flex; }
  .nav__links{ display:none; }
  .nav.is-open .nav__links{ display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start; gap:0; position:fixed; top:var(--nav-h); left:0; right:0; bottom:0; padding:8px 24px 48px; background:var(--cream); overflow-y:auto; -webkit-overflow-scrolling:touch; z-index:1099; border-top:1px solid rgba(123,45,38,.16); }
  .nav__links li{ border-bottom:1px solid rgba(26,26,26,.1); }
  .nav__links a,.nav__dd-trigger{ display:block; padding:18px 0; font-family:var(--display); font-weight:300; font-size:1.9rem; line-height:1.1; letter-spacing:0; text-transform:none; white-space:normal; }
  .nav__links .hide-sm{ display:block; }
  .nav__dd-trigger .caret{ display:none; }
  .nav__dd-menu{ display:block; position:static; min-width:0; padding:0 0 14px; border:0; border-radius:0; box-shadow:none; background:none; }
  .nav__dd-menu li,.nav__dd-menu li.featured{ border:0; margin:0; padding:0; }
  .nav__dd-menu a{ padding:9px 0 9px 18px; font-family:var(--sans); font-size:1rem; font-weight:400; line-height:1.3; }
  .nav.is-open .nav__dd-menu li.featured a{ font-weight:500; color:var(--burgundy); }
  .nav__panel-social{ display:flex; gap:22px; padding:26px 0 0; border-bottom:0; }
  .nav__panel-social a{ display:inline-flex; align-items:center; gap:8px; padding:0; font-family:var(--sans); font-size:.78rem; font-weight:500; letter-spacing:.1em; text-transform:uppercase; color:var(--burgundy); }
  .nav__panel-social svg{ width:16px; height:16px; fill:currentColor; }
  .nav__social{ display:none; }
  .nav__cta{ min-height:40px; padding:0 16px; font-size:.66rem; margin-left:0; }
  .nav__brand{ font-size:1.25rem; }
}

/* ══════════════ HOME ══════════════ */
.home-hero{
  position:relative; width:100%; height:clamp(620px, calc(100svh - var(--nav-h)), 900px);
  overflow:hidden; background:var(--charcoal); color:var(--cream);
  display:flex; align-items:flex-start; justify-content:center; padding:clamp(48px,7vh,84px) clamp(20px,4vw,64px);
}
.home-hero__media{ position:absolute; inset:0; z-index:0; }
.home-hero__media img{ width:100%; height:100%; object-fit:cover; object-position:50% 28%; }
.home-hero__scrim{ position:absolute; inset:0; z-index:1; background:linear-gradient(180deg, rgba(0,0,0,.52) 0%, rgba(0,0,0,.12) 34%, rgba(0,0,0,.18) 58%, rgba(0,0,0,.82) 100%); }
.home-hero__frame{ position:absolute; inset:14px; z-index:2; border:1px solid rgba(201,169,97,.62); border-radius:6px; pointer-events:none; }
.home-hero__title{
  position:relative; z-index:3; width:min(100%,1500px); margin:0; text-align:center;
  font-family:var(--display); font-weight:300; text-transform:none; white-space:nowrap;
  font-size:clamp(3.4rem,12vw,11.5rem); line-height:.92; letter-spacing:-.02em;
  text-shadow:0 4px 34px rgba(0,0,0,.28);
  transform:translate3d(0,var(--hero-shift,0px),0) scale(var(--hero-scale,1)); transform-origin:50% 20%; will-change:transform;
}
.home-hero__title em{ font-style:italic; font-weight:300; color:var(--gold); margin:0 .02em; }
.home-hero__callout{ position:absolute; z-index:4; width:clamp(150px,16vw,230px); color:var(--cream); filter:drop-shadow(0 3px 10px rgba(0,0,0,.35)); pointer-events:none; }
.home-hero__callout p{ margin:0; font-family:var(--sans); font-size:clamp(.64rem,.85vw,.76rem); font-weight:500; line-height:1.4; letter-spacing:.16em; text-transform:uppercase; }
.home-hero__callout svg{ display:block; width:clamp(70px,7vw,104px); height:auto; margin-top:6px; fill:none; stroke:var(--gold); stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; }
.home-hero__callout--one{ top:34%; left:calc(50% - 300px); }
.home-hero__callout--one svg{ margin-left:40%; }
.home-hero__callout--two{ top:37%; left:calc(50% + 120px); text-align:right; }
.home-hero__callout--two svg{ margin-left:auto; margin-right:36%; }
.home-hero__callout--three{ top:58%; left:calc(50% - 320px); }
.home-hero__callout--three svg{ margin-left:38%; }
.home-hero__bottom{ position:absolute; z-index:4; left:0; right:0; bottom:clamp(34px,5vh,56px); display:flex; flex-direction:column; align-items:center; gap:18px; padding:0 24px; text-align:center; }
.home-hero__bottom .sub{ max-width:44ch; font-family:var(--display); font-weight:300; font-size:clamp(1.3rem,1.9vw,1.75rem); line-height:1.3; color:var(--cream); text-shadow:0 2px 20px rgba(0,0,0,.5); }
.home-hero__bottom .sub em{ font-style:italic; color:var(--gold); }
.home-hero__bottom .actions{ display:flex; gap:12px; flex-wrap:wrap; justify-content:center; }
@media (max-width:1000px){ .home-hero__callout{ display:none; } }
@media (max-width:600px){
  .home-hero{ height:auto; min-height:560px; padding:52px 16px 0; flex-direction:column; align-items:center; }
  .home-hero__title{ width:100%; white-space:normal; font-size:clamp(3rem,15vw,4.6rem); }
  .home-hero__bottom{ position:relative; bottom:auto; width:100%; margin-top:34px; padding:0 0 40px; }
}

.manifesto{ position:relative; overflow:hidden; background:var(--cream); border-top:1px solid rgba(123,45,38,.14); padding:clamp(80px,11vw,150px) 24px; text-align:center; }
.manifesto__title{ color:var(--burgundy); width:min(100%,1000px); margin:0 auto; font-size:clamp(2.8rem,7.4vw,7.4rem); }
.manifesto__body{ width:min(680px,100%); margin:26px auto 0; font-size:clamp(1rem,1.25vw,1.15rem); line-height:1.72; color:var(--charcoal-soft); }
.manifesto__body p{ margin:0 0 14px; }
.manifesto__signoff{ width:min(700px,100%); margin:22px auto 0; color:var(--burgundy); font-family:var(--display); font-style:italic; font-weight:300; font-size:clamp(1.5rem,2.8vw,2.4rem); line-height:1.25; }
.orbit{ position:absolute; z-index:2; display:grid; place-items:center; padding:14px 18px; border:1px solid rgba(123,45,38,.18); border-radius:32%; background:rgba(249,245,238,.9); box-shadow:0 18px 42px rgba(26,26,26,.1); font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.18em; text-transform:uppercase; color:var(--burgundy); backdrop-filter:blur(8px); transform:rotate(var(--r,0deg)); }
.orbit--a{ left:6%; top:24%; --r:-6deg; }
.orbit--b{ right:7%; top:28%; --r:5deg; }
.orbit--c{ left:7%; top:66%; --r:4deg; }
.orbit--d{ right:6%; top:70%; --r:-5deg; }
@media (max-width:1100px){ .orbit{ display:none; } }

/* kinetic banner */
.banner{ background:var(--charcoal); color:var(--cream); }
.banner__inner{ min-height:min(68vh,620px); display:flex; flex-direction:column; justify-content:space-between; align-items:center; text-align:center; padding:52px 22px 46px; }
.banner__edge{ font-family:var(--sans); font-size:10.5px; font-weight:500; letter-spacing:.24em; text-transform:uppercase; color:rgba(245,239,230,.42); }
.banner__text{ flex:1; display:flex; flex-direction:column; justify-content:center; padding:30px 0; }
.banner__l1{ display:block; font-family:var(--display); font-weight:300; font-size:clamp(1.5rem,3vw,2.4rem); line-height:1.2; color:rgba(245,239,230,.7); }
.banner__l2{ display:block; font-family:var(--display); font-weight:300; font-size:clamp(2.6rem,6vw,5.6rem); line-height:1; letter-spacing:-.015em; color:var(--cream); margin-top:14px; }
.banner__swap{ position:relative; display:block; height:1.1em; margin-top:6px; font-size:clamp(3.4rem,9vw,8rem); }
.banner__swap .word{ position:absolute; left:50%; top:0; transform:translate(-50%,.4em); opacity:0; white-space:nowrap; font-family:var(--display); font-style:italic; font-weight:300; line-height:1.02; color:var(--gold); transition:opacity .5s ease, transform .6s cubic-bezier(.2,.7,.2,1); }
.banner__swap .word.active{ opacity:1; transform:translate(-50%,0); }

/* burgundy split block */
.split{ display:grid; grid-template-columns:.95fr 1.05fr; min-height:min(90vh,820px); background:var(--burgundy); color:var(--cream); }
.split__visual{ position:relative; min-height:420px; overflow:hidden; }
.split__visual img{ width:100%; height:100%; object-fit:cover; object-position:50% 50%; }
.split__number{ position:absolute; top:26px; left:30px; font-family:var(--display); font-style:italic; font-weight:300; font-size:clamp(4rem,8vw,8.5rem); line-height:1; color:var(--cream); text-shadow:0 4px 18px rgba(0,0,0,.28); }
.split__content{ min-width:0; display:flex; flex-direction:column; justify-content:center; padding:clamp(56px,7vw,120px); }
.split__content .kicker{ color:var(--gold); margin-bottom:22px; }
.split__title{ margin:0 0 26px; color:var(--cream); font-size:clamp(2.8rem,5.4vw,6.4rem); }
.split__title em{ color:var(--gold); }
.split__content p{ width:min(560px,100%); margin:0 0 16px; font-size:clamp(1rem,1.25vw,1.13rem); line-height:1.72; color:rgba(245,239,230,.9); }
.split__content .btn{ align-self:flex-start; margin-top:12px; }
.split__deadline{ margin-top:18px; font-family:var(--sans); font-size:10.5px; font-weight:500; letter-spacing:.22em; text-transform:uppercase; color:rgba(245,239,230,.72); }
@media (max-width:900px){ .split{ grid-template-columns:1fr; } .split__visual{ min-height:360px; } }

/* serif marquee */
.marquee{ overflow:hidden; background:var(--sand); color:var(--burgundy); border-top:1px solid rgba(123,45,38,.14); border-bottom:1px solid rgba(123,45,38,.14); padding:18px 0; font-family:var(--display); font-style:italic; font-weight:300; font-size:clamp(1.5rem,4.6vw,4.6rem); line-height:1.1; white-space:nowrap; }
.marquee__track{ width:max-content; display:flex; animation:marquee 34s linear infinite; }
.marquee__track span{ display:block; padding-right:.6em; }
@keyframes marquee{ from{ transform:translateX(0);} to{ transform:translateX(-50%);} }
@media (prefers-reduced-motion:reduce){ .marquee__track{ animation:none; } }

/* numbered paths */
.paths{ background:var(--sand); color:var(--charcoal); padding:clamp(60px,8vw,120px) 0 clamp(70px,9vw,140px); }
.paths__layout{ display:grid; grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr); align-items:start; gap:clamp(48px,8vw,130px); }
.paths__visual{ position:sticky; top:calc(var(--nav-h) + 30px); }
.paths__visual img{ width:100%; height:min(66vw,740px); object-fit:cover; object-position:50% 20%; border-radius:6px; }
.paths__visual span{ display:inline-block; margin:-24px 0 0 26px; padding:12px 18px; transform:rotate(-4deg); background:var(--burgundy); color:var(--cream); font-family:var(--sans); font-weight:500; font-size:.72rem; letter-spacing:.16em; text-transform:uppercase; }
.paths__visual span em{ font-family:var(--display); font-style:italic; font-weight:300; text-transform:none; font-size:1.4em; letter-spacing:0; color:var(--gold); }
.paths__content{ padding-top:16px; }
.paths__title{ color:var(--burgundy); margin:0 0 34px; font-size:clamp(2.8rem,6.4vw,6.8rem); }
.path{ display:grid; grid-template-columns:96px 1fr; gap:22px; padding:30px 0; border-top:1px solid rgba(123,45,38,.28); }
.path:last-child{ border-bottom:1px solid rgba(123,45,38,.28); }
.path__n{ font-family:var(--display); font-style:italic; font-weight:300; font-size:clamp(2.6rem,4vw,3.8rem); line-height:.9; color:var(--burgundy); }
.path__t{ font-family:var(--display); font-weight:400; text-transform:none; font-size:clamp(1.6rem,2.4vw,2.2rem); line-height:1.05; letter-spacing:-.01em; color:var(--burgundy); margin:0 0 10px; }
.path p{ font-size:1.02rem; line-height:1.65; color:var(--charcoal-soft); max-width:56ch; }
.path a{ display:inline-block; margin-top:12px; font-family:var(--sans); font-size:.7rem; font-weight:500; letter-spacing:.16em; text-transform:uppercase; color:var(--burgundy); text-decoration:none; }
.path a:hover{ text-decoration:underline; text-underline-offset:4px; }
@media (max-width:900px){ .paths__layout{ grid-template-columns:1fr; gap:40px; } .paths__visual{ position:static; } .paths__visual img{ height:min(80vw,460px); } .path{ grid-template-columns:64px 1fr; gap:14px; } }

/* recent guides */
.recent{ padding:clamp(70px,9vw,130px) 0 clamp(60px,8vw,110px); }
.recent__head{ display:grid; grid-template-columns:1fr auto; align-items:end; gap:30px; margin-bottom:34px; }
.recent__head .lede{ max-width:38ch; font-size:1.02rem; }
.recent__title{ color:var(--charcoal); font-size:clamp(2.8rem,6.6vw,7rem); }
.recent__title em{ color:var(--burgundy); }
@media (max-width:760px){ .recent__head{ grid-template-columns:1fr; } }

/* guide grid */
.guide-list{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid var(--rule-strong); border-left:1px solid var(--rule-strong); }
.guide-row{
  display:flex; align-items:flex-start; gap:18px; min-height:var(--row-min,236px); padding:30px 30px 26px;
  border-right:1px solid var(--rule-strong); border-bottom:1px solid var(--rule-strong);
  text-decoration:none; color:inherit; background:transparent; transition:background .18s;
}
.guide-row:hover{ background:rgba(123,45,38,.05); }
.guide-row__body{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; height:100%; }
.guide-row__tag{ font-family:var(--sans); font-size:10.5px; font-weight:500; letter-spacing:.2em; text-transform:uppercase; color:var(--burgundy); }
.guide-row__title{ font-family:var(--display); font-weight:400; text-transform:none; font-size:clamp(1.45rem,2.1vw,1.9rem); line-height:1.08; letter-spacing:-.01em; margin:12px 0 10px; text-wrap:balance; }
.guide-row__desc{ font-size:.96rem; line-height:1.55; color:var(--charcoal-soft); opacity:.82; }
.guide-row__meta{ margin-top:auto; padding-top:18px; display:flex; gap:14px; align-items:center; flex-wrap:wrap; font-family:var(--sans); font-size:.68rem; font-weight:500; letter-spacing:.16em; text-transform:uppercase; color:var(--burgundy); }
.guide-row__meta span{ opacity:.7; }
.guide-row__meta .guide-row__kw{ opacity:1; }
.guide-row__meta::before{ content:"Skaityk \2192"; opacity:1; }
.guide-row__arrow{ display:none; }
.guide-row[hidden]{ display:none; }
.guide-list__empty[hidden]{ display:none; }
.guide-list__empty{ grid-column:1/-1; padding:60px 20px; text-align:center; font-size:1.05rem; color:var(--muted); border-right:1px solid var(--rule-strong); border-bottom:1px solid var(--rule-strong); }
@media (max-width:820px){ .guide-list{ grid-template-columns:1fr; } .guide-row{ min-height:0; padding:22px 20px 20px; } }

/* verslui band + footer */
.cta-band{ background:var(--burgundy); color:var(--cream); padding:clamp(70px,9vw,120px) 0; }
.cta-band__inner{ display:grid; grid-template-columns:1.2fr .8fr; gap:40px; align-items:end; }
.cta-band .kicker{ color:var(--gold); }
.cta-band__title{ color:var(--cream); margin:16px 0 0; font-size:clamp(2.4rem,5.6vw,6rem); }
.cta-band__title em{ color:var(--gold); }
.cta-band p{ font-size:1.05rem; line-height:1.7; color:rgba(245,239,230,.86); max-width:46ch; margin-bottom:24px; }
@media (max-width:860px){ .cta-band__inner{ grid-template-columns:1fr; } }

/* ── footer: port of her home-footer (4 columns · wordmark · bottom line), used on every page ── */
.site-footer{ padding:clamp(60px,8vw,110px) clamp(24px,5vw,78px) 26px; background:var(--charcoal); color:var(--cream); text-align:left; }
.site-footer__grid{ display:grid; grid-template-columns:.8fr 1.15fr .8fr 1.3fr; gap:clamp(28px,5vw,80px); padding:0 0 65px; }
.site-footer__grid > div{ display:flex; flex-direction:column; align-items:flex-start; }
.site-footer__label{ margin:0 0 18px; color:var(--gold); font-family:var(--sans); font-size:.7rem; font-weight:500; letter-spacing:.15em; text-transform:uppercase; }
.site-footer a,.site-footer span{ color:var(--cream); font-family:var(--sans); font-size:.88rem; line-height:1.9; text-decoration:none; }
.site-footer a:hover{ color:var(--gold); }
.site-footer__cta p:not(.site-footer__label){ margin:0 0 18px; font-family:var(--display); font-style:italic; font-weight:300; font-size:1.7rem; line-height:1.2; color:var(--cream); }
.site-footer__cta a{ display:inline-flex; min-height:46px; align-items:center; padding:0 22px; border-radius:999px; background:var(--cream); color:var(--burgundy); font-family:var(--sans); font-size:.75rem; font-weight:500; letter-spacing:.09em; text-transform:uppercase; line-height:1; }
.site-footer__cta a:hover{ background:var(--gold); color:var(--charcoal); }
.site-footer__brand{ padding:48px 0 55px; border-top:1px solid rgba(245,239,230,.25); font-family:var(--display); font-weight:400; font-size:clamp(3.2rem,8vw,9.6rem); line-height:.88; letter-spacing:-.005em; text-transform:uppercase; white-space:nowrap; color:var(--cream); }
.site-footer__brand em{ font-style:italic; font-weight:300; font-size:.82em; text-transform:none; color:var(--gold); }
.site-footer__bottom{ display:flex; justify-content:space-between; gap:30px; padding-top:22px; border-top:1px solid rgba(245,239,230,.25); }
.site-footer__bottom span{ font-size:.68rem; letter-spacing:.08em; text-transform:uppercase; }
@media (max-width:760px){
  .site-footer__brand{ font-size:clamp(4rem,19vw,6rem); white-space:normal; }
  .site-footer__grid{ grid-template-columns:1fr 1fr; }
  .site-footer__cta{ grid-column:1 / -1; }
  .site-footer__bottom{ flex-direction:column; gap:5px; }
}

/* ══════════════ GUIDES LIBRARY: port of learnaiwithmariah.com/guides/ ══════════════ */
.content-width{ max-width:1280px; margin:0 auto; padding:0 3.5rem; }
@media (max-width:600px){ .content-width{ padding:0 2rem; } }
.section{ padding-top:3rem; padding-bottom:3rem; }

.gidai-hero{ padding:clamp(85px,10vw,145px) 24px clamp(70px,8vw,110px); background:var(--burgundy); color:var(--cream); text-align:center; display:block; min-height:0; }
.gidai-hero .kicker{ margin:0 0 18px; color:var(--cream); font-size:.72rem; font-weight:500; letter-spacing:.18em; text-transform:uppercase; display:block; }
.gidai-hero h1{ max-width:1200px; margin:0 auto; color:var(--cream); font-family:var(--display); font-weight:400; font-size:clamp(5rem,11vw,11rem); line-height:.84; letter-spacing:-.005em; text-transform:uppercase; text-wrap:balance; }
.gidai-hero h1 em{ display:inline-block; font-style:italic; font-weight:300; font-size:.72em; text-transform:none; color:var(--cream); letter-spacing:0; }
.gidai-hero .sub{ max-width:680px; margin:30px auto 0; font-size:1.05rem; line-height:1.65; color:var(--cream); }
.gidai-hero__text{ display:contents; }
.gidai-hero__visual{ display:none; }

.filter-bar{ position:static; z-index:60; background:rgba(245,239,230,.96); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); border-bottom:1.5px solid rgba(123,45,38,.14); padding:24px 0; }
.filter-bar > .wrap,.filter-bar > .content-width{ max-width:880px; margin:0 auto; padding:0 3.5rem; width:auto; }
.filter-row{ display:flex; flex-direction:column; align-items:flex-start; gap:.55rem; margin-bottom:1.1rem; }
.filter-row:last-of-type{ margin-bottom:0; }
.filter-label{ font-family:var(--sans); font-size:.72rem; font-weight:500; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); min-width:0; }
.filter-chips{ display:flex; gap:.5rem; flex-wrap:wrap; }
.filter-chip{ font-family:var(--sans); font-size:.9rem; font-weight:500; letter-spacing:.02em; padding:.55rem 1.35rem; border-radius:999px; border:1.5px solid transparent; background:rgba(26,26,26,.07); color:var(--charcoal); cursor:pointer; transition:background .15s, color .15s, border-color .15s; white-space:nowrap; }
.filter-chip:hover{ background:rgba(26,26,26,.13); }
.filter-chip--active{ background:var(--charcoal); color:var(--cream); border-color:var(--charcoal); }
.filter-chip--active:hover{ background:var(--charcoal); opacity:.92; }
.filter-search{ font-family:var(--sans); font-size:.95rem; padding:.65rem 1.1rem; border-radius:999px; border:1.5px solid rgba(26,26,26,.18); background:var(--cream); color:var(--charcoal); width:100%; max-width:460px; outline:none; transition:border-color .15s, box-shadow .15s; }
.filter-search:focus{ border-color:var(--charcoal); box-shadow:0 0 0 3px rgba(26,26,26,.08); }
.filter-search::placeholder{ color:var(--muted); }
.filter-sort{ font-family:var(--sans); font-size:.92rem; padding:.55rem 2.4rem .55rem 1.1rem; border-radius:999px; border:1.5px solid rgba(26,26,26,.18); background:var(--cream); color:var(--charcoal); outline:none; cursor:pointer; appearance:none; -webkit-appearance:none; background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'><path d='M1 1.5L6 6.5L11 1.5' stroke='%231A1A1A' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>"); background-repeat:no-repeat; background-position:right 1rem center; background-size:12px 8px; }
.filter-sort:focus{ border-color:var(--charcoal); box-shadow:0 0 0 3px rgba(26,26,26,.08); }
.filter-count{ font-family:var(--sans); font-size:.85rem; color:var(--muted); margin:1rem 0 0; text-transform:none; letter-spacing:0; }
.filter-count #filter-count-num{ font-weight:600; color:var(--charcoal); }
@media (max-width:900px){ .filter-bar{ top:72px; } }
@media (max-width:760px){ .filter-bar{ position:relative; top:auto; } }
@media (max-width:700px){
  .filter-bar{ padding:1rem 0; }
  .filter-row{ gap:.45rem; margin-bottom:.9rem; }
  .filter-chips{ width:100%; overflow-x:auto; flex-wrap:nowrap; padding-bottom:.4rem; -webkit-overflow-scrolling:touch; scrollbar-width:none; }
  .filter-chip{ font-size:.8rem; padding:.4rem .9rem; }
}

.library{ padding:3rem 0; }
.library .guide-list{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; border:0; }
.library .guide-row{ display:grid; grid-template-columns:1fr 32px; gap:1.5rem; align-items:center; min-height:260px; padding:32px; border:1px solid rgba(123,45,38,.14); border-radius:22px; background:var(--cream-2); text-decoration:none; color:var(--charcoal); transition:border-color .15s, background .15s; }
.library .guide-row:nth-child(4n+2),.library .guide-row:nth-child(4n+3){ background:var(--cream); }
.library .guide-row:hover{ border-color:rgba(123,45,38,.4); background:var(--cream-3); }
.library .guide-row__body{ min-width:0; display:block; height:auto; }
.library .guide-row__tag{ display:none; }
.library .guide-row__title{ font-family:var(--display); font-size:clamp(1.8rem,3vw,2.7rem); font-weight:400; line-height:.98; letter-spacing:-.01em; margin:0 0 .55rem; color:var(--charcoal); text-transform:none; text-wrap:balance; }
.library .guide-row__desc{ font-family:var(--sans); font-size:1rem; line-height:1.5; margin:0; color:var(--muted); opacity:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.library .guide-row__meta{ display:none; }
.library .guide-row__arrow{ display:grid; width:44px; height:44px; flex:0 0 auto; place-items:center; border-radius:50%; background:var(--burgundy); color:var(--cream); font-size:1.4rem; line-height:1; transition:transform .15s; }
.library .guide-row:hover .guide-row__arrow{ transform:translateX(4px); }
.library .guide-row[hidden]{ display:none; }
.guide-list__empty{ text-align:center; padding:3rem 1rem; color:var(--muted); font-size:1rem; border:0; }
.guide-list__empty[hidden]{ display:none; }
@media (max-width:900px){ .library .guide-list{ grid-template-columns:1fr; } }
@media (max-width:760px){ .library .guide-row{ min-height:0; padding:26px 22px; } .library .guide-row__desc{ white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } }

.gidai-cta{ background:var(--gold); width:100%; margin-top:0; }
.gidai-cta__inner{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; max-width:1320px; width:auto; margin:0 auto; padding:clamp(70px,8vw,110px) 24px; }
.gidai-cta__tile{ margin:0; padding:34px; border-radius:22px; background:var(--cream); }
.gidai-cta__eyebrow{ font-family:var(--sans); font-size:.7rem; font-weight:500; letter-spacing:.15em; text-transform:uppercase; color:var(--burgundy); margin-bottom:.7rem; }
.gidai-cta__tile h2{ font-family:var(--display); font-size:clamp(1.5rem,3.5vw,2.1rem); font-weight:400; line-height:1.1; color:var(--charcoal); text-transform:uppercase; letter-spacing:0; margin-bottom:1rem; }
.gidai-cta__tile p{ font-family:var(--sans); font-size:1rem; font-weight:400; color:var(--charcoal); opacity:.85; line-height:1.6; margin:0 0 1.4rem; }
.gidai-cta__tile .btn{ min-height:50px; padding:0 25px; font-size:.8rem; letter-spacing:.09em; }
@media (max-width:900px){ .gidai-cta__inner{ grid-template-columns:1fr; } }
@media (max-width:760px){ .gidai-cta__inner{ padding:64px 16px; } }

/* ══════════════ GUIDE PAGE ══════════════ */
.guide-head{ background:var(--burgundy); color:var(--cream); padding:clamp(48px,6vw,84px) 0 clamp(40px,5vw,60px); }
.guide-head .back{ font-family:var(--sans); font-size:10.5px; font-weight:500; letter-spacing:.2em; text-transform:uppercase; color:var(--gold); text-decoration:none; }
.guide-head .back:hover{ text-decoration:underline; }
.guide-head .byline{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin:22px 0 0; font-family:var(--sans); font-size:10.5px; font-weight:500; letter-spacing:.18em; text-transform:uppercase; color:rgba(245,239,230,.72); }
.guide-head .byline a{ color:var(--cream); text-decoration:none; background:rgba(245,239,230,.12); padding:5px 10px; border-radius:3px; }
.guide-head .byline a:hover{ background:rgba(245,239,230,.24); }
.guide-head h1{ font-family:var(--display); font-weight:300; text-transform:none; font-size:clamp(2.6rem,5.6vw,5rem); line-height:1; letter-spacing:-.015em; margin:18px 0 0; max-width:20ch; text-wrap:balance; }
.guide-head .lede{ margin-top:18px; max-width:58ch; font-size:1.05rem; line-height:1.6; color:rgba(245,239,230,.86); }
.guide-head .meta{ margin-top:22px; display:flex; gap:8px; flex-wrap:wrap; font-family:var(--sans); font-size:10.5px; font-weight:500; letter-spacing:.16em; text-transform:uppercase; }
.guide-head .meta span{ background:rgba(245,239,230,.1); border:1px solid rgba(245,239,230,.22); border-radius:3px; padding:6px 11px; }
.guide-head .meta .kw{ background:var(--cream); border-color:var(--cream); color:var(--burgundy); }

.guide-body{ padding:clamp(40px,5vw,64px) 0 20px; font-size:1.05rem; line-height:1.72; counter-reset:step; }
.guide-body h2{
  counter-increment:step; font-family:var(--display); font-weight:400; text-transform:none;
  font-size:clamp(1.8rem,3.2vw,2.5rem); line-height:1.06; letter-spacing:-.012em;
  margin:54px 0 16px; padding:22px 0 0; border-top:1px solid var(--rule-strong);
}
.guide-body h2::before{ content:counter(step,decimal-leading-zero); display:block; font-family:var(--sans); font-size:11px; font-weight:500; letter-spacing:.24em; color:var(--burgundy); margin-bottom:10px; }
.guide-body h2:first-child{ margin-top:0; }
.guide-body h3{ font-family:var(--sans); font-weight:500; font-size:1.15rem; line-height:1.25; margin:34px 0 10px; }
.guide-body h4{ font-size:1.02rem; font-weight:500; margin:24px 0 6px; }
.guide-body p{ margin:0 0 16px; color:var(--charcoal-soft); }
.guide-body strong{ font-weight:500; color:var(--charcoal); }
.guide-body a{ color:var(--burgundy); text-decoration:underline; text-underline-offset:2px; }
.guide-body ul,.guide-body ol{ margin:0 0 18px; padding-left:22px; color:var(--charcoal-soft); }
.guide-body li{ margin-bottom:7px; }
.guide-body hr{ border:0; border-top:1px solid var(--rule); margin:44px 0; }
.guide-body blockquote{ margin:22px 0; padding:18px 22px; background:rgba(122,139,110,.12); border-left:3px solid var(--sage); border-radius:0 4px 4px 0; }
.guide-body blockquote p{ font-size:.98rem; }
.guide-body blockquote p:last-child{ margin-bottom:0; }
.guide-body code{ font-family:var(--mono); font-size:.86em; background:var(--sand); border:1px solid var(--rule); border-radius:4px; padding:1px 6px; }
.guide-body pre{ position:relative; background:var(--charcoal); color:#E8E1D6; border:1.5px solid rgba(245,239,230,.15); border-radius:4px; padding:22px 24px; margin:0 0 20px; overflow-x:auto; }
.guide-body pre code{ font-family:var(--mono); font-size:13.5px; line-height:1.68; background:none; border:none; padding:0; color:inherit; white-space:pre-wrap; }
.copy-btn{ position:absolute; top:12px; right:12px; font-family:var(--sans); font-size:.64rem; font-weight:500; letter-spacing:.16em; text-transform:uppercase; background:rgba(245,239,230,.1); color:var(--cream); border:1px solid rgba(245,239,230,.22); border-radius:3px; padding:6px 11px; cursor:pointer; transition:background .15s; }
/* Buyers press this on every prompt in the pack, on a phone, one-handed. At .64rem it is
   about 10px with a 26px box, well under a comfortable target, so it gets its own size on
   touch screens rather than everywhere. */
@media (hover:none){ .copy-btn{ font-size:.72rem; padding:10px 14px; min-height:40px; } }
.copy-btn:hover{ background:rgba(245,239,230,.24); }
.copy-btn.done{ background:var(--gold); border-color:var(--gold); color:var(--charcoal); }
.table-scroll{ overflow-x:auto; margin:0 0 22px; }
.guide-body table{ width:100%; border-collapse:collapse; font-size:.96rem; }
.guide-body th,.guide-body td{ text-align:left; padding:11px 14px; border-bottom:1px solid var(--rule); vertical-align:top; }
.guide-body th{ font-family:var(--sans); font-size:10.5px; letter-spacing:.16em; text-transform:uppercase; font-weight:500; color:var(--burgundy); }
.guide-body td{ color:var(--charcoal-soft); }

/* screenshot + caption inside a guide */
.guide-fig{ margin:26px 0 28px; }
.guide-fig img{ display:block; width:100%; height:auto; border:1px solid var(--rule-strong); border-radius:4px; background:var(--sand); }
.guide-fig figcaption{ margin-top:10px; font-family:var(--sans); font-size:.86rem; line-height:1.55; color:var(--charcoal-soft); }
.guide-fig figcaption code{ font-size:.8em; }
@media print{ .guide-fig{ break-inside:avoid; } }

.follow{ margin:44px 0 0; padding:22px 24px; border:1px solid var(--rule-strong); border-radius:4px; display:flex; gap:22px; align-items:center; flex-wrap:wrap; }
.follow p{ margin:0; flex:1 1 240px; font-size:.98rem; color:var(--charcoal-soft); }
.follow a{ font-family:var(--display); font-weight:300; font-size:1.35rem; color:var(--charcoal); text-decoration:none; white-space:nowrap; }
.follow a::before{ content:"["; }
.follow a::after{ content:"]"; }
.follow a:hover{ color:var(--burgundy); }

.guide-end{ margin:56px 0 0; }
.guide-end__band{ background:var(--burgundy); color:var(--cream); padding:clamp(48px,6vw,72px) 0; }
.guide-end__tile{ background:var(--cream); color:var(--charcoal); padding:32px 30px; border-radius:4px; }
.guide-end__tile .kicker{ margin-bottom:12px; }
.guide-end__tile h2{ font-family:var(--display); font-weight:400; text-transform:none; font-size:clamp(1.7rem,3.2vw,2.5rem); line-height:1.08; }
.guide-end__tile p{ margin:14px 0 22px; color:var(--charcoal-soft); font-size:1.02rem; }
.related{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--rule-strong); border-left:1px solid var(--rule-strong); margin-top:0; }
.related a{ text-decoration:none; color:inherit; padding:22px 22px 24px; border-right:1px solid var(--rule-strong); border-bottom:1px solid var(--rule-strong); transition:background .18s; }
.related a:hover{ background:rgba(123,45,38,.05); }
.related .t{ font-family:var(--sans); font-size:10.5px; font-weight:500; letter-spacing:.2em; text-transform:uppercase; color:var(--burgundy); }
.related h3{ font-family:var(--display); font-weight:400; text-transform:none; font-size:1.35rem; line-height:1.12; margin-top:10px; }
.related-wrap{ padding:44px 0 70px; }
.related-wrap .kicker{ margin-bottom:16px; display:block; }
@media (max-width:760px){ .related{ grid-template-columns:1fr; } }

/* ══════════════ OTHER PAGES ══════════════ */
.page-hero{ background:var(--burgundy); color:var(--cream); padding:clamp(56px,7vw,100px) 0 clamp(44px,5vw,72px); }
.page-hero .kicker{ color:var(--gold); }
.page-hero h1{ margin:16px 0 0; color:var(--cream); font-size:clamp(2.8rem,6.6vw,6.8rem); max-width:16ch; }
.page-hero h1 em{ color:var(--gold); }
.page-hero .sub{ max-width:58ch; margin:20px 0 0; font-size:clamp(1.02rem,1.25vw,1.15rem); line-height:1.6; color:rgba(245,239,230,.84); }

.prose{ padding:clamp(40px,5vw,64px) 0 30px; font-size:1.05rem; line-height:1.72; }
.prose p{ margin:0 0 16px; color:var(--charcoal-soft); }
.prose h2{ font-family:var(--display); font-weight:400; text-transform:none; font-size:clamp(1.8rem,3.2vw,2.5rem); line-height:1.06; margin:44px 0 14px; }
.prose h2:first-child{ margin-top:0; }
.prose a{ color:var(--burgundy); }
.prose ul{ margin:0 0 18px; padding-left:22px; color:var(--charcoal-soft); }
.prose strong{ font-weight:500; color:var(--charcoal); }

.cards{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--rule-strong); border-left:1px solid var(--rule-strong); margin-bottom:40px; }
.card{ display:flex; flex-direction:column; padding:30px 28px 28px; border-right:1px solid var(--rule-strong); border-bottom:1px solid var(--rule-strong); text-decoration:none; color:inherit; background:transparent; transition:background .18s; }
.card:hover{ background:rgba(123,45,38,.05); }
.card .n{ font-family:var(--sans); font-size:10.5px; font-weight:500; letter-spacing:.2em; text-transform:uppercase; color:var(--burgundy); }
.card h2,.card h3{ font-family:var(--display); font-weight:400; text-transform:none; font-size:clamp(1.5rem,2.1vw,1.9rem); line-height:1.08; letter-spacing:-.01em; margin:12px 0 10px; text-wrap:balance; }
.card p{ font-size:.96rem; line-height:1.55; color:var(--charcoal-soft); opacity:.85; }
.card .price{ margin-top:auto; padding-top:20px; font-family:var(--display); font-style:italic; font-weight:300; font-size:2.1rem; line-height:1; color:var(--burgundy); }
.card .price s{ font-family:var(--sans); font-style:normal; font-size:.85rem; font-weight:500; opacity:.5; margin-left:10px; }
.card .go{ padding-top:14px; font-family:var(--sans); font-size:.7rem; font-weight:500; letter-spacing:.16em; text-transform:uppercase; color:var(--burgundy); }
.card--dark{ background:var(--charcoal); color:var(--cream); }
.card--dark:hover{ background:var(--charcoal-soft); }
.card--dark .n,.card--dark .go,.card--dark .price{ color:var(--gold); }
.card--dark p{ color:rgba(245,239,230,.78); }
@media (max-width:860px){ .cards{ grid-template-columns:1fr; } }

.timeline{ list-style:none; padding:0; margin:10px 0 30px; border-left:1px solid var(--rule-strong); }
.timeline li{ position:relative; padding:0 0 28px 26px; }
.timeline li::before{ content:""; position:absolute; left:-6px; top:8px; width:11px; height:11px; border-radius:50%; background:var(--burgundy); }
.timeline .y{ font-family:var(--sans); font-size:10.5px; font-weight:500; letter-spacing:.2em; text-transform:uppercase; color:var(--burgundy); }
.timeline h3{ font-family:var(--display); font-weight:400; text-transform:none; font-size:1.5rem; line-height:1.12; margin:6px 0 6px; }
.timeline p{ color:var(--charcoal-soft); font-size:1.02rem; line-height:1.6; }

/* link-in-bio page */
.bio{ max-width:540px; margin:0 auto; padding:40px 20px 70px; }
.bio__head{ text-align:center; margin-bottom:26px; }
.bio__head img{ width:104px; height:104px; border-radius:50%; object-fit:cover; margin:0 auto 14px; border:2px solid var(--gold); }
.bio__head h1{ font-family:var(--display); font-weight:300; text-transform:none; font-size:2rem; letter-spacing:-.01em; }
.bio__head h1 em{ font-style:italic; color:var(--burgundy); }
.bio__head p{ margin-top:8px; font-size:.96rem; color:var(--charcoal-soft); opacity:.85; }
.bio__group{ font-family:var(--sans); font-size:10.5px; font-weight:500; letter-spacing:.22em; text-transform:uppercase; color:var(--burgundy); margin:26px 0 10px; }
.bio__link{ display:flex; align-items:center; gap:14px; padding:16px 18px; margin-bottom:10px; border:1.5px solid var(--rule-strong); border-radius:4px; background:transparent; text-decoration:none; color:inherit; transition:background .15s, border-color .15s; }
.bio__link:hover{ background:rgba(123,45,38,.06); border-color:var(--burgundy); }
.bio__link--dark{ background:var(--charcoal); color:var(--cream); border-color:var(--charcoal); }
.bio__link--dark:hover{ background:var(--charcoal-soft); border-color:var(--charcoal-soft); }
.bio__link--gold{ background:var(--burgundy); border-color:var(--burgundy); color:var(--cream); }
.bio__link--gold:hover{ background:var(--burgundy-deep); border-color:var(--burgundy-deep); }
.bio__link .t{ flex:1 1 auto; }
.bio__link .t b{ display:block; font-family:var(--display); font-weight:400; text-transform:none; font-size:1.25rem; letter-spacing:-.005em; line-height:1.12; }
.bio__link .t span{ display:block; margin-top:4px; font-size:.88rem; opacity:.75; }
.bio__link .p{ font-family:var(--display); font-style:italic; font-weight:300; font-size:1.25rem; white-space:nowrap; opacity:.9; }
.bio__foot{ margin-top:30px; text-align:center; font-family:var(--sans); font-size:10.5px; font-weight:500; letter-spacing:.16em; text-transform:uppercase; opacity:.55; }

/* email form */
.form{ margin:26px 0 0; padding:26px; border:1.5px solid var(--rule-strong); border-radius:4px; background:var(--cream-3); }
.form .row{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.form input[type=text],.form input[type=email]{ width:100%; font-family:var(--sans); font-size:1rem; padding:14px 16px; border:1.5px solid rgba(26,26,26,.22); border-radius:4px; background:var(--cream); color:var(--charcoal); outline:none; }
.form input:focus{ border-color:var(--charcoal); box-shadow:0 0 0 3px rgba(26,26,26,.08); }
.form .consent{ display:flex; gap:10px; align-items:flex-start; margin:14px 0 16px; font-size:.9rem; color:var(--charcoal-soft); }
.form .consent input{ margin-top:3px; }
.form .btn{ width:100%; }
.form .note{ margin-top:12px; font-size:.86rem; color:var(--muted); }
.form__done{ padding:26px; border-radius:4px; background:var(--charcoal); color:var(--cream); margin-top:26px; }
.form__done h3{ font-family:var(--display); font-weight:300; font-size:1.7rem; margin-bottom:10px; }
.form__done p{ color:rgba(245,239,230,.8); margin-bottom:16px; }
@media (max-width:520px){ .form .row{ grid-template-columns:1fr; } }

@media (prefers-reduced-motion:reduce){
  *{ animation:none !important; transition:none !important; }
  html{ scroll-behavior:auto; }
}

/* ── PDF button, on-screen watermark and print layout for guide pages ── */
.pdf-row{ margin:22px 0 0; }
.pdf-btn{ gap:.5em; }
.pdf-bottom{ text-align:center; margin:40px 0 0; }
.pdf-bottom .btn{ min-height:56px; padding:0 34px; font-size:.86rem; }
.pdf-bottom small{ display:block; margin-top:10px; font-family:var(--sans); font-size:.8rem; color:var(--muted); }
.watermark{ position:fixed; inset:0; z-index:3; pointer-events:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='240'%3E%3Ctext transform='rotate(-22 180 120)' x='180' y='128' text-anchor='middle' font-family='Helvetica,Arial,sans-serif' font-size='24' letter-spacing='2' fill='%237B2D26'%3E%40apix.studija%3C/text%3E%3C/svg%3E"); background-repeat:repeat; opacity:.07; }
.guide-head,.guide-body,.guide-end{ position:relative; z-index:4; }
.watermark ~ .guide-head,.watermark ~ .guide-body{ background-color:transparent; }
.print-credit{ display:none; }
@media print{
  @page{ margin:14mm 12mm; }
  .nav,.site-footer,.guide-end,.follow,.filter-bar,.pdf-row,.pdf-bottom,.copy-btn,.guide-head .back,.guide-head .byline{ display:none !important; }
  html,body{ background:#fff !important; }
  .guide-head{ background:var(--burgundy) !important; color:var(--cream) !important; padding:24px 0 22px; -webkit-print-color-adjust:exact; print-color-adjust:exact; border-radius:6px; }
  .guide-head h1{ font-size:26pt; }
  .guide-body{ font-size:10.5pt; line-height:1.6; padding-top:18px; }
  .guide-body h2{ font-size:17pt; margin-top:26px; page-break-after:avoid; break-after:avoid; }
  .guide-body h3{ page-break-after:avoid; break-after:avoid; }
  .guide-body pre{ white-space:pre-wrap; page-break-inside:avoid; break-inside:avoid; background:var(--charcoal) !important; color:#E8E1D6 !important; -webkit-print-color-adjust:exact; print-color-adjust:exact; }
  .guide-body blockquote,.guide-body table{ page-break-inside:avoid; break-inside:avoid; }
  .watermark{ display:block; opacity:.16; z-index:9999; -webkit-print-color-adjust:exact; print-color-adjust:exact; }
  .print-credit{ display:block; position:fixed; bottom:4mm; left:0; right:0; text-align:center; font-family:var(--sans); font-size:8.5pt; letter-spacing:.14em; text-transform:uppercase; color:var(--burgundy); }
}

/* ══════════════ ABOUT: port of her about page (sticky story stage + journey timeline) ══════════════ */
.about-story{ position:relative; height:300svh; background:#171515; color:var(--cream); }
.about-story__stage{ position:sticky; top:var(--nav-h); height:calc(100svh - var(--nav-h)); min-height:560px; overflow:hidden; background:#171515; }
.about-story__photo{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 30%; transform:scale(var(--stage-scale,1.08)); transform-origin:50% 40%; will-change:transform; }
.about-story__shade{ position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg,rgba(21,17,15,.45),transparent 32%,rgba(21,17,15,.45)); }
.about-story__frame{ position:absolute; inset:14px; border:1px solid rgba(201,169,97,.55); border-radius:6px; pointer-events:none; }
.about-story__opening,.about-story__beats,.about-story__close,.about-story__hint{ position:absolute; z-index:2; }
.about-story__opening{ top:12%; left:50%; width:min(92vw,1480px); transform:translateX(-50%); text-align:center; will-change:opacity,transform; opacity:var(--open-o,1); }
.about-story__kicker{ margin:0 0 16px; font-family:var(--sans); font-size:.72rem; font-weight:500; letter-spacing:.2em; text-transform:uppercase; text-shadow:0 2px 18px rgba(0,0,0,.45); }
.about-story__opening h1{ margin:0; font-family:var(--display); font-size:clamp(4rem,12vw,12rem); font-weight:400; line-height:.86; letter-spacing:-.01em; text-transform:uppercase; white-space:nowrap; text-shadow:0 4px 38px rgba(0,0,0,.4); }
.about-story__opening h1 em{ font-style:italic; font-weight:300; font-size:.78em; text-transform:none; color:var(--gold); }
.about-story__beats{ top:22%; left:50%; width:min(86vw,820px); transform:translate(-50%,-50%); text-align:center; }
.about-story__beat{ position:absolute; top:0; left:0; width:100%; margin:0; opacity:0; transform:translateY(20px); transition:opacity .45s ease, transform .6s ease; font-family:var(--display); font-weight:300; font-size:clamp(1.6rem,3.2vw,3.2rem); line-height:1.15; text-wrap:balance; text-shadow:0 3px 22px rgba(0,0,0,.5); }
.about-story__beat.is-on{ opacity:1; transform:translateY(0); }
.about-story__close{ right:clamp(24px,5vw,76px); bottom:clamp(64px,10vh,110px); max-width:min(48vw,680px); opacity:var(--close-o,0); text-align:right; text-shadow:0 3px 24px rgba(0,0,0,.55); transition:opacity .4s; }
.about-story__close p{ margin:0; font-family:var(--display); font-weight:300; font-size:clamp(2.2rem,5.4vw,5.8rem); line-height:.92; }
.about-story__close p:last-child{ font-style:italic; color:var(--gold); }
.about-story__hint{ bottom:clamp(42px,6vh,64px); left:50%; display:flex; flex-direction:column; align-items:center; gap:5px; transform:translateX(-50%); font-family:var(--sans); font-size:.68rem; font-weight:500; letter-spacing:.18em; text-transform:uppercase; opacity:var(--open-o,1); }
.about-story__hint svg{ animation:about-hint 1.5s ease-in-out infinite; }
@keyframes about-hint{ 50%{ transform:translateY(5px); } }
.journey{ position:relative; padding:clamp(86px,10vw,160px) 0 clamp(100px,12vw,180px); overflow:hidden; background:var(--burgundy); color:var(--cream); }
.journey__intro{ width:min(100% - 96px,1380px); margin:0 auto clamp(90px,10vw,150px); }
.journey__eyebrow{ margin:0 0 16px; font-family:var(--sans); font-size:.72rem; font-weight:500; letter-spacing:.18em; text-transform:uppercase; color:var(--gold); }
.journey h2{ margin:0; font-family:var(--display); font-size:clamp(4.4rem,10vw,11rem); font-weight:400; line-height:.84; letter-spacing:-.01em; text-transform:uppercase; }
.journey h2 em{ font-style:italic; font-weight:300; font-size:.78em; text-transform:none; color:var(--gold); }
.journey__timeline{ position:relative; width:min(100% - 96px,1380px); min-height:820px; margin:0 auto; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(26px,4vw,64px); }
.journey__line{ position:absolute; top:112px; right:calc(50% - 50vw); left:calc(50% - 50vw); height:1px; background:rgba(245,239,230,.8); transform:scaleX(0); transform-origin:left center; transition:transform 1.15s cubic-bezier(.22,.8,.23,1); }
.journey__timeline.is-visible .journey__line{ transform:scaleX(1); }
.journey-card{ position:relative; min-width:0; }
.journey-card--bottom{ padding-top:86px; }
.journey-card__marker{ position:absolute; top:30px; left:0; width:1px; height:82px; background:rgba(245,239,230,.85); }
.journey-card--bottom .journey-card__marker{ top:112px; }
.journey-card__step{ height:112px; margin:0; padding:23px 0 0 25px; font-family:var(--display); font-style:italic; font-weight:300; font-size:clamp(2rem,3.2vw,3.7rem); line-height:1; color:var(--gold); }
.journey-card--bottom .journey-card__step{ padding-top:58px; }
.journey-card img{ width:min(100%,250px); aspect-ratio:1/1.12; object-fit:cover; object-position:center 28%; margin:86px 0 30px; border-radius:4px; filter:saturate(.92); }
.journey-card h3{ margin:0 0 15px; font-family:var(--display); font-size:clamp(1.7rem,2.3vw,2.65rem); font-weight:400; line-height:1; text-transform:none; }
.journey-card > p:last-child{ max-width:310px; margin:0; font-family:var(--sans); font-size:.98rem; line-height:1.68; color:rgba(245,239,230,.9); }
html.js .reveal-up{ opacity:0; transform:translateY(34px); transition:opacity .72s ease, transform .9s cubic-bezier(.22,.8,.23,1); }
.reveal-up.is-visible{ opacity:1; transform:translateY(0); }
.journey-card:nth-of-type(1){ transition-delay:80ms; } .journey-card:nth-of-type(2){ transition-delay:160ms; } .journey-card:nth-of-type(3){ transition-delay:240ms; } .journey-card:nth-of-type(4){ transition-delay:320ms; }
.no-motion .reveal-up,.no-motion .journey__line,.no-motion .about-story__beat{ opacity:1 !important; transform:none !important; }
@media (max-width:900px){
  .about-story{ height:100svh; } .about-story__stage{ position:relative; top:0; height:100%; }
  .about-story__opening h1{ font-size:clamp(3.2rem,16vw,5.4rem); white-space:normal; } .about-story__opening h1 em{ display:block; }
  .about-story__beats{ display:none; } .about-story__close{ right:20px; bottom:66px; max-width:calc(100% - 40px); opacity:1; }
  .about-story__close p{ font-size:clamp(2rem,10vw,3.6rem); } .about-story__hint{ display:none; }
  .journey{ padding:84px 0 110px; } .journey__intro{ width:calc(100% - 40px); margin-bottom:70px; } .journey h2{ font-size:clamp(4rem,18vw,6.2rem); }
  .journey__timeline{ width:calc(100% - 40px); min-height:0; display:block; }
  .journey__line{ top:0; right:auto; bottom:0; left:15px; width:1px; height:auto; transform:scaleY(0); transform-origin:top center; }
  .journey__timeline.is-visible .journey__line{ transform:scaleY(1); }
  .journey-card,.journey-card--bottom{ padding:0 0 78px 55px; } .journey-card:last-of-type{ padding-bottom:0; }
  .journey-card__marker,.journey-card--bottom .journey-card__marker{ top:18px; left:9px; width:13px; height:1px; }
  .journey-card__step,.journey-card--bottom .journey-card__step{ height:auto; padding:0 0 18px; font-size:2.35rem; }
  .journey-card img,.journey-card--bottom img{ width:min(100%,290px); margin:0 0 24px; }
}
.about-after{ padding:clamp(70px,8vw,110px) 0; }
.about-after .cards{ margin-bottom:0; }

/* ══════════════ PRODUCTS with images · VERSLUI services ══════════════ */
.pcards{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.pcard{ display:flex; flex-direction:column; border:1px solid rgba(123,45,38,.14); border-radius:22px; background:var(--cream-2); overflow:hidden; text-decoration:none; color:var(--charcoal); transition:border-color .15s, transform .15s; }
.pcard:hover{ border-color:rgba(123,45,38,.4); transform:translateY(-3px); }
.pcard img{ width:100%; aspect-ratio:4/3; object-fit:cover; object-position:center 30%; }
.pcard__body{ display:flex; flex-direction:column; flex:1 1 auto; padding:26px 28px 28px; }
.pcard .n{ font-family:var(--sans); font-size:10.5px; font-weight:500; letter-spacing:.2em; text-transform:uppercase; color:var(--burgundy); }
.pcard h3{ font-family:var(--display); font-weight:400; font-size:clamp(1.5rem,2.1vw,2rem); line-height:1.05; margin:10px 0 10px; text-wrap:balance; }
.pcard p{ font-family:var(--sans); font-size:.96rem; line-height:1.55; color:var(--charcoal-soft); opacity:.85; }
.pcard .price{ margin-top:auto; padding-top:18px; font-family:var(--display); font-style:italic; font-weight:300; font-size:2rem; line-height:1; color:var(--burgundy); }
.pcard .price s{ font-family:var(--sans); font-style:normal; font-size:.85rem; font-weight:500; opacity:.5; margin-left:10px; }
.pcard .go{ padding-top:14px; font-family:var(--sans); font-size:.7rem; font-weight:500; letter-spacing:.16em; text-transform:uppercase; color:var(--burgundy); }
@media (max-width:900px){ .pcards{ grid-template-columns:1fr; } }
.service{ display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(24px,4vw,60px); padding:clamp(40px,5vw,64px) 0; border-top:1px solid rgba(123,45,38,.25); }
.service:last-of-type{ border-bottom:1px solid rgba(123,45,38,.25); }
.service__n{ font-family:var(--sans); font-size:.7rem; font-weight:500; letter-spacing:.2em; text-transform:uppercase; color:var(--burgundy); }
.service h3{ font-family:var(--display); font-weight:400; font-size:clamp(2rem,3.6vw,3.4rem); line-height:1; margin:12px 0 10px; }
.service .price{ font-family:var(--display); font-style:italic; font-weight:300; font-size:1.6rem; color:var(--burgundy); }
.service p{ font-family:var(--sans); font-size:1.02rem; line-height:1.65; color:var(--charcoal-soft); margin:0 0 14px; }
.service ul{ margin:0 0 18px; padding:0; list-style:none; }
.service li{ position:relative; padding:.35rem 0 .35rem 1.6rem; font-family:var(--sans); font-size:1rem; line-height:1.5; color:var(--charcoal-soft); }
.service li::before{ content:"\2192"; position:absolute; left:0; color:var(--burgundy); }
.service .tiers{ font-family:var(--sans); font-size:.86rem; color:var(--muted); line-height:1.6; }
@media (max-width:820px){ .service{ grid-template-columns:1fr; } }
.stats{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; padding:clamp(40px,6vw,80px) 0; }
.stat{ padding:26px; border:1px solid rgba(123,45,38,.14); border-radius:22px; background:var(--cream-2); }
.stat b{ display:block; font-family:var(--display); font-weight:300; font-size:clamp(2.6rem,4.6vw,4.4rem); line-height:1; color:var(--burgundy); }
.stat span{ display:block; margin-top:10px; font-family:var(--sans); font-size:.92rem; line-height:1.5; color:var(--charcoal-soft); }
@media (max-width:900px){ .stats{ grid-template-columns:1fr 1fr; } }
.klubas-frame{ width:100%; height:calc(100vh - var(--nav-h)); border:0; display:block; background:#1A1A1A; }

/* ── home hero choreography (v5): title rises, arrows draw, photo breathes, chips drift ── */
.home-hero__media img{ animation:kenburns 18s ease-in-out infinite alternate; transform-origin:50% 30%; }
@keyframes kenburns{ from{ transform:scale(1); } to{ transform:scale(1.07); } }
.home-hero__title .w{ display:inline-block; opacity:0; transform:translateY(.35em); animation:rise .9s cubic-bezier(.2,.7,.2,1) forwards; }
.home-hero__title .w:nth-child(2){ animation-delay:.18s; } .home-hero__title .w:nth-child(3){ animation-delay:.36s; }
@keyframes rise{ to{ opacity:1; transform:none; } }
.home-hero__callout{ opacity:0; animation:fadein .6s ease forwards; }
.home-hero__callout--one{ animation-delay:.9s; } .home-hero__callout--two{ animation-delay:1.1s; } .home-hero__callout--three{ animation-delay:1.3s; } .home-hero__callout--four{ animation-delay:1.5s; }
@keyframes fadein{ to{ opacity:1; } }
.home-hero__callout svg path{ stroke-dasharray:160; stroke-dashoffset:160; animation:draw 1.1s ease-out forwards; }
.home-hero__callout--one svg path{ animation-delay:1.1s; } .home-hero__callout--two svg path{ animation-delay:1.3s; } .home-hero__callout--three svg path{ animation-delay:1.5s; } .home-hero__callout--four svg path{ animation-delay:1.7s; }
@keyframes draw{ to{ stroke-dashoffset:0; } }
.home-hero__callout--four{ top:56%; left:calc(50% + 150px); text-align:right; }
.home-hero__callout--four svg{ margin-left:auto; margin-right:34%; transform:scaleX(-1); }
.home-hero__bottom{ opacity:0; animation:fadein .8s ease 1.4s forwards; }
.orbit{ transition:transform .2s linear; transform:translate3d(0,var(--dy,0px),0) rotate(var(--r,0deg)); }
.manifesto.reveal-up,.split.reveal-up,.paths.reveal-up,.recent.reveal-up,.cta-band.reveal-up{ transform:translateY(24px); }
.manifesto.reveal-up.is-visible,.split.reveal-up.is-visible,.paths.reveal-up.is-visible,.recent.reveal-up.is-visible,.cta-band.reveal-up.is-visible{ transform:none; }
@media (prefers-reduced-motion:reduce){ .home-hero__title .w,.home-hero__callout,.home-hero__bottom{ opacity:1; animation:none; transform:none; } .home-hero__callout svg path{ stroke-dashoffset:0; animation:none; } .home-hero__media img{ animation:none; } }

/* ── guides: much bigger reading type (Aida, 2026-09-16) ── */
.guide-head h1{ font-size:clamp(3rem,6.4vw,5.8rem); }
.guide-head .lede{ font-size:1.25rem; max-width:60ch; }
.guide-body{ font-size:1.28rem; line-height:1.75; }
.guide-body h2{ font-size:clamp(2.2rem,3.8vw,3.1rem); }
.guide-body h3{ font-size:1.5rem; }
.guide-body h4{ font-size:1.25rem; }
.guide-body blockquote p{ font-size:1.18rem; }
.guide-body pre code{ font-size:16px; line-height:1.7; }
.guide-body table{ font-size:1.12rem; }
.guide-body code{ font-size:.9em; }
.guide-body li{ margin-bottom:10px; }
.follow p{ font-size:1.12rem; }
.wrap-narrow{ width:min(100% - 48px, 860px); }
@media (max-width:600px){ .guide-body{ font-size:1.15rem; } .guide-body h2{ font-size:2rem; } }

/* ── home v6: live prompt demo + path chooser ── */
.demo{ padding:clamp(70px,9vw,130px) 0; background:var(--cream); border-top:1px solid rgba(123,45,38,.14); }
.demo__grid{ display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(32px,5vw,80px); align-items:center; }
.demo__title{ color:var(--burgundy); font-size:clamp(2.6rem,5vw,5rem); margin:14px 0 18px; }
.demo__tabs{ display:flex; gap:8px; flex-wrap:wrap; margin:24px 0 14px; }
.demo__tab{ font-family:var(--sans); font-size:.9rem; font-weight:500; padding:.6rem 1.25rem; border-radius:999px; border:1.5px solid rgba(26,26,26,.18); background:transparent; color:var(--charcoal); cursor:pointer; transition:background .15s,color .15s,border-color .15s; }
.demo__tab:hover{ border-color:var(--burgundy); color:var(--burgundy); }
.demo__tab.is-active{ background:var(--charcoal); border-color:var(--charcoal); color:var(--cream); }
.demo__note{ font-family:var(--sans); font-size:.9rem; color:var(--muted); }
.demo__note a{ color:var(--burgundy); }
.chat{ background:#1E1B18; color:#E8E1D6; border-radius:16px; box-shadow:0 30px 80px rgba(26,26,26,.28); overflow:hidden; border:1px solid rgba(245,239,230,.08); }
.chat__bar{ display:flex; align-items:center; gap:7px; padding:12px 16px; background:#161412; border-bottom:1px solid rgba(245,239,230,.08); font-family:var(--sans); font-size:.8rem; color:rgba(232,225,214,.7); }
.chat__bar span{ width:10px; height:10px; border-radius:50%; background:rgba(245,239,230,.18); }
.chat__bar b{ margin-left:auto; font-weight:500; letter-spacing:.06em; }
.chat__body{ padding:22px 22px 10px; min-height:360px; display:flex; flex-direction:column; gap:18px; }
.chat__msg{ position:relative; }
.chat__who{ font-family:var(--sans); font-size:.68rem; font-weight:500; letter-spacing:.16em; text-transform:uppercase; color:var(--gold); margin-bottom:8px; }
.chat__prompt{ font-family:var(--mono); font-size:.9rem; line-height:1.6; white-space:pre-wrap; margin:0; background:rgba(245,239,230,.06); border:1px solid rgba(245,239,230,.1); border-radius:10px; padding:14px 16px; min-height:96px; }
.chat__copy{ position:absolute; top:26px; right:10px; font-family:var(--sans); font-size:.66rem; letter-spacing:.14em; text-transform:uppercase; background:rgba(245,239,230,.1); color:var(--cream); border:1px solid rgba(245,239,230,.2); border-radius:3px; padding:5px 10px; cursor:pointer; }
.chat__copy:hover{ background:rgba(245,239,230,.22); }
.chat__answer{ font-family:var(--sans); font-size:.98rem; line-height:1.65; white-space:pre-wrap; min-height:150px; color:#E8E1D6; }
.chat__foot{ padding:10px 22px 16px; font-family:var(--sans); font-size:.78rem; color:rgba(232,225,214,.55); display:flex; align-items:center; gap:8px; }
.chat__cursor{ width:8px; height:8px; border-radius:50%; background:var(--gold); opacity:.25; }
.chat__cursor.is-on{ opacity:1; animation:blink 1s steps(2) infinite; }
@keyframes blink{ 50%{ opacity:.2; } }
@media (max-width:900px){ .demo__grid{ grid-template-columns:1fr; } .chat__body{ min-height:0; } }
.chooser{ display:flex; gap:8px; flex-wrap:wrap; margin:26px 0 22px; }
.chooser__btn{ font-family:var(--sans); font-size:.92rem; font-weight:500; padding:.7rem 1.3rem; border-radius:999px; border:1.5px solid rgba(123,45,38,.3); background:transparent; color:var(--charcoal); cursor:pointer; transition:background .15s,color .15s,border-color .15s; }
.chooser__btn:hover{ border-color:var(--burgundy); color:var(--burgundy); }
.chooser__btn.is-active{ background:var(--burgundy); border-color:var(--burgundy); color:var(--cream); }
.chooser__panel{ position:relative; }
.chooser__item{ display:none; padding:28px 30px; border:1px solid rgba(123,45,38,.25); border-radius:22px; background:var(--cream); }
.chooser__item.is-on{ display:block; animation:panel .35s ease; }
@keyframes panel{ from{ opacity:0; transform:translateY(8px); } to{ opacity:1; transform:none; } }
.chooser__n{ font-family:var(--sans); font-size:.7rem; font-weight:500; letter-spacing:.2em; text-transform:uppercase; color:var(--burgundy); margin-bottom:8px; }
.chooser__item p{ font-family:var(--sans); font-size:1.02rem; line-height:1.65; color:var(--charcoal-soft); margin:0 0 18px; }
.chooser__more{ margin-left:14px; font-family:var(--sans); font-size:.72rem; font-weight:500; letter-spacing:.14em; text-transform:uppercase; color:var(--burgundy); }
.home-hero__media img,.home-hero__callout{ transition:translate .25s ease-out; }

/* ── newsletter block + popup ── */
.nl{ padding:clamp(70px,9vw,120px) 0; background:var(--sand); border-top:1px solid rgba(123,45,38,.14); }
.nl__inner{ display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(30px,5vw,80px); align-items:center; }
.nl__title{ color:var(--burgundy); font-size:clamp(2.6rem,5vw,5rem); margin:14px 0 16px; }
.nl__form{ padding:26px; border:1.5px solid rgba(123,45,38,.25); border-radius:22px; background:var(--cream); }
.nl__row{ display:grid; grid-template-columns:1fr 1.3fr auto; gap:10px; }
.nl__row input{ width:100%; font-family:var(--sans); font-size:1rem; padding:14px 16px; border:1.5px solid rgba(26,26,26,.22); border-radius:999px; background:var(--cream-3); color:var(--charcoal); outline:none; }
.nl__row input:focus{ border-color:var(--charcoal); box-shadow:0 0 0 3px rgba(26,26,26,.08); }
.nl__consent{ display:flex; gap:10px; align-items:flex-start; margin-top:14px; font-family:var(--sans); font-size:.86rem; color:var(--charcoal-soft); }
.nl__consent input{ margin-top:1px; width:20px; height:20px; flex:0 0 20px; accent-color:var(--burgundy); cursor:pointer; }
/* The consent box is the last thing between a visitor and a signup. At the browser default of
   13x13 it is under half Apple's 44px minimum, so on a phone people miss it and give up. 20px
   plus the label click target is the compromise that does not look like a desktop form. */
.nl__consent span{ cursor:pointer; }
.nl__done{ font-family:var(--display); font-weight:300; font-size:1.4rem; line-height:1.3; color:var(--burgundy); margin:0; }
@media (max-width:900px){ .nl__inner{ grid-template-columns:1fr; } .nl__row{ grid-template-columns:1fr; } }
.nl-pop{ position:fixed; inset:0; z-index:1200; display:grid; place-items:center; padding:20px; }
.nl-pop[hidden]{ display:none; }
.nl-pop__back{ position:absolute; inset:0; background:rgba(26,26,26,.55); backdrop-filter:blur(4px); }
.nl-pop__card{ position:relative; width:min(100%,560px); padding:38px 36px 30px; background:var(--cream); border-radius:22px; box-shadow:0 30px 80px rgba(0,0,0,.35); animation:panel .35s ease; }
.nl-pop__card h2{ font-size:clamp(2rem,4vw,3rem); color:var(--burgundy); margin:12px 0 10px; }
.nl-pop__card > p{ font-family:var(--sans); font-size:1rem; line-height:1.6; color:var(--charcoal-soft); margin:0 0 18px; }
.nl-pop__card .nl__form{ padding:0; border:0; background:transparent; }
.nl-pop__card .nl__row{ grid-template-columns:1fr; }
.nl-pop__x{ position:absolute; top:14px; right:16px; width:40px; height:40px; border:0; border-radius:50%; background:rgba(26,26,26,.06); font-size:1.6rem; line-height:1; color:var(--charcoal); cursor:pointer; }
.nl-pop__x:hover{ background:rgba(26,26,26,.12); }
body.nl-open{ overflow:hidden; }

/* reveal only runs when JS is present; anything already on screen shows at once */
.reveal-up.is-visible{ opacity:1 !important; transform:none !important; }

.site-footer__legal{max-width:1240px;margin:0 auto;padding:14px 24px 28px;font-family:var(--mono);font-size:.7rem;line-height:1.7;letter-spacing:.03em;opacity:.55;}
.site-footer__legal a{color:inherit;}

/* Accessibility, 2026-09-23. Small gold labels on the burgundy hero measured 4.16:1,
   just under the 4.5:1 minimum for text this size. A slightly lighter gold clears it
   (4.89:1) and reads the same. The wordmark star stays brand gold: it is decorative
   and marked aria-hidden. */
.page-hero .kicker, .journey__eyebrow, .split__content .kicker, .cta-band .kicker,
.guide-head .back, .journey-card__step { color:#D6B877; }

/* "netrukus" badge beside the bootcamp item in the Produktai dropdown. It is a waiting list,
   not something buyable, so it must not look like the products above it. */
.nav__soon{ font-family:var(--sans); font-size:.58rem; letter-spacing:.14em; text-transform:uppercase;
  background:var(--clay); color:#fff; border-radius:999px; padding:2px 7px; margin-left:7px; vertical-align:middle; }
.bc__soon{ font-family:var(--sans); font-size:.6rem; letter-spacing:.16em; text-transform:uppercase;
  background:var(--clay); color:#fff; border-radius:999px; padding:3px 9px; margin-left:9px; vertical-align:middle; }
.bc__days{ display:grid; gap:14px; margin:18px 0 26px; }
.bc__day{ border-left:2px solid var(--clay); padding:2px 0 2px 16px; }
.bc__day-label{ font-family:var(--sans); font-size:.68rem; letter-spacing:.14em; text-transform:uppercase;
  color:var(--muted); margin:0 0 2px; }
.bc__day h3{ margin:0 0 4px; font-size:1.05rem; }
.bc__day p{ margin:0; color:var(--muted); font-size:.92rem; }
.bc__wins li{ margin-bottom:7px; }
.bc__honest{ color:var(--muted); font-size:.9rem; border-top:1px solid var(--rule); padding-top:16px; margin-top:26px; }
.bc__visual img{ width:100%; height:auto; border-radius:10px; display:block; }
.bc__meta{ color:var(--muted); font-size:.92rem; margin-top:10px; }

/* The bootcamp band on /produktai/. It sits above the buyable products and must read as a
   different kind of thing: no price, no Buy, and a clear "netrukus" so nobody feels misled. */
.bc__band{ display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap;
  background:var(--burgundy); color:var(--cream); border-radius:12px; padding:26px 28px; margin:0 0 34px;
  text-decoration:none; transition:background .16s; }
.bc__band:hover{ background:var(--burgundy-soft); }
.bc__band-eyebrow{ font-family:var(--sans); font-size:.62rem; letter-spacing:.18em; text-transform:uppercase;
  color:var(--gold); margin:0 0 6px; }
.bc__band h2{ font-family:var(--display); font-size:1.5rem; margin:0 0 6px; color:var(--cream); }
.bc__band p{ margin:0; font-size:.94rem; color:rgba(245,239,230,.82); max-width:56ch; }
.bc__band-cta{ font-family:var(--sans); font-size:.82rem; white-space:nowrap; border:1px solid rgba(245,239,230,.5);
  border-radius:999px; padding:11px 18px; min-height:44px; display:inline-flex; align-items:center; }
@media(max-width:640px){ .bc__band{ padding:22px; } .bc__band-cta{ width:100%; justify-content:center; } }