/* יש אלבום · design v4 modern (Figma 80vZS5M49bzXHVUCkXRBTT, nodes 65:2 desktop 1280 / 72:2 mobile 390). Rubik only. RTL. */
@font-face{font-family:"Rubik";src:url("fonts/Rubik-VariableFont_wght.ttf") format("truetype");font-weight:300 900;font-style:normal;font-display:swap}
@font-face{font-family:"Rubik";src:url("fonts/Rubik-Italic-VariableFont_wght.ttf") format("truetype");font-weight:300 900;font-style:italic;font-display:swap}
:root{
  --cream:#fbf6ee;--ink:#2a2420;--gold:#e2a93b;--olive:#2f5d50;--terra:#b5472f;--white:#fff;
  --ink-72:rgba(42,36,32,.72);--ink-70:rgba(42,36,32,.7);--ink-68:rgba(42,36,32,.68);--ink-65:rgba(42,36,32,.65);
  --ink-60:rgba(42,36,32,.6);--ink-50:rgba(42,36,32,.5);--ink-45:rgba(42,36,32,.45);--ink-20:rgba(42,36,32,.2);--ink-12:rgba(42,36,32,.12);
  --cream-80:rgba(251,246,238,.8);--cream-70:rgba(251,246,238,.7);--cream-60:rgba(251,246,238,.6);--cream-45:rgba(251,246,238,.45);--cream-14:rgba(251,246,238,.14);
  --gutter:56px;--max:1280px;
  --print-shadow:0 1px 2px rgba(41,36,31,.1),0 14px 30px -6px rgba(41,36,31,.16);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--ink);font-family:"Rubik",system-ui,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
@supports (overflow:clip){body{overflow-x:clip}}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
p,h1,h2,h3{margin:0}
button,input{font:inherit}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.skip{position:absolute;right:-9999px;z-index:50}
.skip:focus{right:12px;top:12px;background:var(--white);padding:8px 12px;border-radius:8px}
.ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.todo{display:inline-block;background:#FFF1B8;color:#5A4500;border:2px dashed #B38600;border-radius:8px;padding:2px 8px;font-weight:700;font-size:.9em}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}
.m-only{display:none}
.eyebrow{font-size:14px;font-weight:600;line-height:1.2;color:var(--olive)}

/* buttons: capsule, ink CTA */
.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:var(--ink);color:var(--cream);font-weight:600;font-size:17px;line-height:1.2;text-decoration:none;padding:18px 30px;cursor:pointer;white-space:nowrap;transition:transform .15s ease,background-color .15s ease}
.btn:hover{transform:translateY(-1px);background:#3a322c}
.btn-sm{font-size:14px;padding:11px 18px}
.btn-gold{background:var(--gold);color:var(--ink)}
.btn-gold:hover{background:#ebb64d}

/* ---------- nav (floating white capsule) ---------- */
.nav-row{position:sticky;top:0;z-index:30;display:flex;justify-content:center;padding-top:20px;pointer-events:none}
.nav-pill{pointer-events:auto;display:flex;align-items:center;gap:40px;padding:8px;background:var(--white);border:1px solid rgba(42,36,32,.06);border-radius:999px;box-shadow:0 4px 16px rgba(41,36,31,.06)}
.logo{display:inline-flex;align-items:center;gap:7px;padding:0 12px;text-decoration:none;color:var(--ink);font-weight:700;font-size:19px;line-height:1.1;letter-spacing:-.01em;white-space:nowrap}
.logo-mark{position:relative;display:block;width:23px;height:15px;flex:none}
.logo-mark i{position:absolute;top:0;width:10px;height:15px;border-radius:2px}
.logo-mark i:first-child{left:0;background:var(--gold)}
.logo-mark i:last-child{left:13px;background:var(--olive)}
.nav-links{display:flex;gap:28px;font-size:14px;font-weight:500;line-height:1.2}
.nav-links a{color:var(--ink-72);text-decoration:none;white-space:nowrap}
.nav-links a:hover{color:var(--ink)}
.nav-cta .short{display:none}

/* ---------- hero ---------- */
.hero{position:relative;max-width:var(--max);margin:0 auto;height:820px;--k:1}
.prints{position:absolute;inset:0;pointer-events:none}
.print{position:absolute;left:calc(var(--x) * 1%);top:calc(var(--y) * 1px);margin:0;padding:8px;background:var(--white);border-radius:2px;box-shadow:var(--print-shadow);transform:rotate(var(--r))}
.print img{width:calc(var(--w) * var(--k) * 1px);height:calc(var(--h) * var(--k) * 1px);object-fit:cover}
.p-leaves{--x:82.14;--y:99;--w:176;--h:212;--r:-6deg}
.p-cupcakes{--x:86.16;--y:417;--w:140;--h:140;--r:5deg}
.p-turtle{--x:76.84;--y:595;--w:168;--h:128;--r:-3deg}
.p-pumpkin{--x:4.51;--y:139;--w:150;--h:176;--r:7deg}
.p-alpaca{--x:3.56;--y:414;--w:150;--h:150;--r:-4deg}
.p-river{--x:13.77;--y:625;--w:160;--h:124;--r:3deg}
.sim-note{font-size:11px;line-height:1.4;color:var(--ink-45)}
.hero > .sim-note{position:absolute;top:790px;left:var(--gutter)}
.hero > .sim-note.right{left:auto;right:var(--gutter)}
.hero-copy{position:absolute;top:150px;left:50%;transform:translateX(-50%);width:760px;max-width:calc(100% - 2*var(--gutter));display:flex;flex-direction:column;align-items:center;gap:26px;text-align:center}
.tag{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:var(--white);border:1px solid rgba(42,36,32,.08);border-radius:999px;font-size:14px;font-weight:500;line-height:1.2;white-space:nowrap}
.tag .dot{width:8px;height:8px;flex:none}
.hero h1{font-size:112px;font-weight:700;line-height:.96;letter-spacing:-.045em}
.hero-sub{font-size:20px;line-height:1.55;color:var(--ink-70)}
.cta-row{display:flex;align-items:center;gap:20px}
.link-how{font-size:16px;font-weight:500;line-height:1.2;text-decoration:none;white-space:nowrap}
.link-how:hover{text-decoration:underline}
.hero-small{font-size:13px;line-height:1.4;color:var(--ink-50)}

/* ---------- ticker ---------- */
.ticker{background:var(--ink);color:var(--cream);overflow:hidden;padding:20px 0}
.ticker-track{display:flex;width:max-content;animation:ticker 40s linear infinite}
.ticker-group{display:flex;align-items:center;gap:28px;padding-left:28px;font-size:18px;font-weight:500;line-height:1.2;white-space:nowrap}
.ticker-group i{display:block;width:6px;height:6px;background:var(--gold);transform:rotate(45deg);flex:none}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(50%)}}
@media (prefers-reduced-motion:reduce){.ticker-track{animation:none}html{scroll-behavior:auto}}

/* ---------- how it works ---------- */
.how{padding:128px 0 120px}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}
.sec-title{display:flex;flex-direction:column;gap:14px}
.sec-title h2{font-size:64px;font-weight:700;line-height:1;letter-spacing:-.03em}
.head-note{width:340px;font-size:17px;line-height:1.6;color:var(--ink-65)}
.steps{list-style:none;margin:56px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.step{display:flex;flex-direction:column;gap:18px}
.media{position:relative;overflow:hidden;border-radius:24px;background:#e9e1d4}
.media img{width:100%;height:100%;object-fit:cover}
.step .media{height:440px}
.step-head{display:flex;align-items:center;gap:12px}
.step-head h3{font-size:24px;font-weight:600;line-height:1.25}
.num{background:var(--ink);color:var(--cream);border-radius:999px;padding:4px 10px;font-size:13px;font-weight:600;line-height:1.2}
.step p{font-size:16px;line-height:1.6;color:var(--ink-68)}
.chip{position:absolute;bottom:12px;right:12px;padding:3px 9px;border-radius:999px;background:rgba(42,36,32,.55);color:var(--cream);font-size:11px;line-height:1.4;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}

/* ---------- gallery ---------- */
.gallery{padding-bottom:128px}
.gal-arrows{display:flex;gap:10px}
.arrow{width:48px;height:48px;border-radius:999px;border:1px solid var(--ink-20);background:transparent;display:grid;place-items:center;cursor:pointer;padding:0}
.arrow:hover{background:rgba(42,36,32,.05)}
.arrow:disabled{opacity:.35;cursor:default}
.gal-row{display:flex;gap:20px;margin-top:40px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:0 max(var(--gutter),calc((100vw - var(--max))/2 + var(--gutter)));padding:0 max(var(--gutter),calc((100vw - var(--max))/2 + var(--gutter)));scrollbar-width:none}
.gal-row::-webkit-scrollbar{display:none}
.card{flex:none;margin:0;display:flex;flex-direction:column;gap:12px;scroll-snap-align:start}
.card .media{width:300px;height:421px;border-radius:20px;background:#faf7f2}
.card.wide .media{width:380px;height:533px}
.card figcaption{font-size:14px;font-weight:500;line-height:1.2;color:var(--ink-60)}

/* ---------- what you get (dark) ---------- */
.get{background:var(--ink);color:var(--cream)}
.get-grid{display:grid;grid-template-columns:1fr 600px;grid-template-areas:"head img" "stats img";column-gap:72px;align-items:center;align-content:center;padding-top:120px;padding-bottom:120px}
.get-head{grid-area:head;align-self:end;display:flex;flex-direction:column;gap:20px}
.get-head .eyebrow{color:var(--gold);line-height:1.4}
.get-head h2{font-size:52px;font-weight:700;line-height:1.04;letter-spacing:-.025em}
.get-img{grid-area:img;margin:0;display:flex;flex-direction:column;gap:12px}
.get-img .media{height:410px;background:#3a322c}
.get-img .chip{background:rgba(42,36,32,.7)}
.stats{grid-area:stats;align-self:start;padding-top:36px}
.stat-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:22px 0;border-top:1px solid var(--cream-14)}
.stat{display:flex;flex-direction:column;gap:4px}
.stat b{font-size:56px;font-weight:700;line-height:1;letter-spacing:-.02em;color:var(--gold)}
.stat span{font-size:15px;line-height:1.45;color:var(--cream-70)}

/* ---------- price ---------- */
.price{padding:136px 0;text-align:center}
.price .wrap{display:flex;flex-direction:column;align-items:center;gap:22px}
.price .eyebrow{line-height:1.4}
.price h2{font-size:40px;font-weight:700;line-height:1.1;letter-spacing:-.015em}
.big-price{font-size:184px;font-weight:700;line-height:.92;letter-spacing:-.06em}
.included{list-style:none;margin:0;padding:18px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:12px 28px}
.included li{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:500;line-height:1.2;color:rgba(42,36,32,.8);white-space:nowrap}
.included img{width:18px;height:18px;flex:none}
.price .btn{margin-top:10px;padding:19px 32px}
.price-note{font-size:13px;line-height:1.4;color:var(--ink-50);max-width:640px}
.price-note + .price-note{margin-top:-14px}

/* ---------- FAQ ---------- */
.faq{padding:120px 0}
.faq .wrap{display:flex;gap:96px;align-items:flex-start}
.faq-head{width:340px;flex:none;display:flex;flex-direction:column;gap:14px}
.faq-head .eyebrow{line-height:1.4}
.faq-head h2{font-size:56px;font-weight:700;line-height:1;letter-spacing:-.025em}
.faq-head p{font-size:16px;line-height:1.55;color:var(--ink-60)}
.faq-list{flex:1;min-width:0}
.faq-list details{border-top:1px solid var(--ink-12);padding:26px 0}
.faq-list details:last-child{border-bottom:1px solid var(--ink-12)}
.faq-list summary{display:flex;align-items:center;gap:20px;cursor:pointer;list-style:none;font-size:21px;font-weight:600;line-height:1.3}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary .q{flex:1}
.tgl{order:2;width:36px;height:36px;flex:none;border-radius:999px;border:1px solid var(--ink-20);display:grid;place-items:center}
.tgl img{width:16px;height:16px}
.tgl .i-minus{display:none}
details[open] .tgl{background:var(--ink);border-color:var(--ink)}
details[open] .tgl .i-plus{display:none}
details[open] .tgl .i-minus{display:block}
.answer{padding-left:56px;margin-top:12px;font-size:17px;line-height:1.6;color:var(--ink-70)}
.answer p+p{margin-top:8px}

/* ---------- waitlist (olive block) ---------- */
.wl-wrap{padding:0 24px 24px;max-width:var(--max);margin:0 auto}
.wl-block{background:var(--olive);color:var(--cream);border-radius:36px;padding:80px 72px;display:flex;gap:72px;align-items:center}
.wl-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:20px}
.wl-copy .eyebrow{color:var(--gold);line-height:1.4}
.wl-copy h2{font-size:72px;font-weight:700;line-height:.98;letter-spacing:-.035em}
.wl-copy p{font-size:18px;line-height:1.55;color:var(--cream-80)}
.wl-form{width:440px;flex:none}
#waitlist-form{display:flex;flex-direction:column;gap:12px}
#waitlist-form[hidden],[hidden]{display:none!important}
.field input{width:100%;background:var(--cream);color:var(--ink);border:2px solid transparent;border-radius:14px;padding:17px 20px;font-size:16px;line-height:1.25;text-align:right}
.field input[dir=ltr]{text-align:right}
.field input::placeholder{color:var(--ink-50);opacity:1}
.field input:focus{outline:none;border-color:var(--gold)}
.field input[aria-invalid=true]{border-color:#f4c46a}
.field-error{display:block;color:#ffd98a;font-size:13px;font-weight:500;margin-top:4px}
.field-error:empty{display:none}
.hp{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.45;color:var(--cream-80);cursor:pointer;margin-top:4px}
.consent input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--gold);flex:none}
.consent-note{font-size:12px;line-height:1.4;color:var(--cream-60);margin-top:-6px}
.btn-submit{width:100%;margin-top:4px;padding:19px 32px}
.btn-submit:disabled{opacity:.7;cursor:progress}
.wl-small{font-size:12px;line-height:1.4;color:var(--cream-60);text-align:center}
.form-status{font-weight:600;min-height:1px;margin-top:10px}
.form-status:empty{display:none}
.form-status.ok{color:var(--cream);font-size:18px}
.form-status.err{color:#ffd98a}
.privacy-line{font-size:12px;line-height:1.5;color:var(--cream-60);margin-top:12px}
.privacy-line a{color:var(--cream)}
.wl-block .todo{font-size:11px}

/* ---------- footer (giant wordmark) ---------- */
.site-footer{overflow:hidden}
.site-footer .wrap{display:flex;flex-direction:column;gap:28px;padding-top:40px}
.foot-row{display:flex;align-items:center;justify-content:space-between;gap:20px;line-height:1.2}
.foot-links{display:flex;flex-wrap:wrap;gap:12px 28px;font-size:14px;font-weight:500}
.foot-links a{color:var(--ink-70);text-decoration:none}
.foot-links a:hover{color:var(--ink);text-decoration:underline}
.foot-copy{font-size:13px;color:var(--ink-50)}
.foot-todo{font-size:12px;line-height:1.45;color:var(--ink-45)}
.foot-todo .todo{font-size:11px}
.foot-biz{font-size:12px;line-height:1.5;font-weight:300;letter-spacing:.01em;color:rgba(42,36,32,.42)}   /* legal pages only (privacy/terms/cancellation/about/order): quiet business-details line */
.foot-biz a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(42,36,32,.18)}
.foot-biz a:hover{color:var(--ink-60)}
.wordmark{font-size:min(300px,23.4vw);font-weight:700;line-height:.76;letter-spacing:-.06em;text-align:center;white-space:nowrap;padding-bottom:.04em}

/* ---------- secondary pages ---------- */
.doc{padding:72px 0 96px}
.doc .wrap{max-width:860px}
.doc h1{font-size:56px;font-weight:700;line-height:1;letter-spacing:-.025em;margin-bottom:14px}
.doc .updated{font-size:13px;color:var(--ink-50);margin-bottom:32px}
.doc h2{font-size:26px;font-weight:700;line-height:1.2;letter-spacing:-.01em;margin:44px 0 12px}
.doc p,.doc li{font-size:17px;line-height:1.7;color:rgba(42,36,32,.8)}
.doc p+p{margin-top:12px}
.doc ul{padding-right:22px;margin:12px 0}
.doc li{margin-bottom:8px}
.doc a{color:var(--olive)}
.doc .small{font-size:14px;color:var(--ink-60)}
.doc .btn{color:var(--cream)}
.doc table{width:100%;border-collapse:collapse;margin:12px 0}
.doc th,.doc td{border-top:1px solid var(--ink-12);padding:10px 8px;text-align:right;vertical-align:top;font-size:16px}
.legal{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;margin:12px 0}
.legal dt{font-weight:600}
.legal dd{margin:0}

/* ---------- in-between widths ---------- */
@media (max-width:1200px){.hero{--k:.86}.hero h1{font-size:96px}.hero-copy{width:640px}}
@media (max-width:1080px){
  :root{--gutter:40px}
  .hero{--k:.74}.hero h1{font-size:84px}.hero-copy{width:560px}
  .p-cupcakes,.p-river{display:none}
  .sec-title h2{font-size:52px}
  .get-grid{grid-template-columns:1fr 1fr;column-gap:48px}
  .wl-block{padding:64px 48px;gap:48px}.wl-copy h2{font-size:56px}.wl-form{width:400px}
  .faq .wrap{gap:56px}.faq-head{width:280px}
}

/* ---------- mobile (Figma 72:2, 390) ---------- */
@media (max-width:900px){
  :root{--gutter:20px}
  .m-only{display:inline}
  .d-only{display:none!important}
  .eyebrow{font-size:13px;line-height:1.4}
  .btn{font-size:17px;padding:17px 28px}
  .nav-row{position:static;padding:14px 16px 6px;justify-content:stretch}
  .nav-pill{width:100%;justify-content:space-between;gap:12px;padding:0;background:none;border:0;box-shadow:none}
  .nav-pill .logo{padding:0}
  .nav-links{display:none}
  .nav-cta{padding:10px 16px}
  .nav-cta .long{display:none}.nav-cta .short{display:inline}
  .hero{height:auto;display:flex;flex-direction:column}
  .prints{position:relative;height:250px;width:390px;max-width:100%;margin:0 auto;inset:auto;overflow:hidden}
  .print{padding:6px;box-shadow:0 10px 22px -6px rgba(41,36,31,.16)}
  .print img{width:calc(var(--mw) * 1px);height:calc(var(--mh) * 1px)}
  .p-cupcakes,.p-alpaca,.p-river{display:none}
  .p-pumpkin{left:3.5%;top:67px;--mw:112;--mh:134;--r:9deg}
  .p-leaves{left:32.2%;top:38px;--mw:132;--mh:160;--r:1.5deg}
  .p-turtle{left:auto;right:-2px;top:87px;--mw:124;--mh:96;--r:-7deg}
  .hero > .sim-note{display:none}
  .hero-copy{position:static;transform:none;width:auto;max-width:none;padding:0 20px 36px;gap:18px}
  .tag{font-size:13px;gap:7px;padding:7px 12px}
  .tag .dot{width:7px;height:7px}
  .hero h1{font-size:54px;line-height:.98;letter-spacing:-.035em}
  .hero-sub{font-size:16px}
  .cta-row{width:100%;max-width:440px;flex-direction:column}
  .cta-row .btn{width:100%}
  .link-how{display:none}
  .hero-small{font-size:12px}
  .hero-copy .sim-note.m-only{display:block;font-size:10px;color:rgba(42,36,32,.4)}
  .ticker{padding:15px 0}
  .ticker-group{gap:20px;padding-left:20px;font-size:15px}
  .ticker-group i{width:5px;height:5px}
  .how{padding:72px 0 64px}
  .sec-head{display:block}
  .sec-title{gap:12px}
  .sec-title h2{font-size:40px;letter-spacing:-.025em}
  .head-note{display:none}
  .steps{grid-template-columns:1fr;gap:36px;margin-top:32px}
  .step{gap:14px}
  .step .media{height:260px;border-radius:20px}
  .step-head{gap:10px}
  .step-head h3{font-size:21px}
  .num{font-size:12px;padding:3px 9px}
  .step p{font-size:15px;line-height:1.58}
  .chip{font-size:10px;bottom:10px;right:10px}
  .gallery{padding-bottom:72px}
  .gal-arrows{display:none}
  .gal-row{gap:14px;margin-top:24px;padding:0 20px;scroll-padding:0 20px}
  .card{gap:10px}
  .card .media{width:240px;height:337px;border-radius:18px}
  .card.wide .media{width:240px;height:337px;border-radius:18px}
  .card figcaption{font-size:13px}
  .get-grid{display:flex;flex-direction:column;align-items:stretch;gap:16px;padding-top:72px;padding-bottom:72px}
  .get-head{gap:16px}
  .get-head h2{font-size:34px;line-height:1.06;letter-spacing:-.02em}
  .get-img{gap:10px}
  .get-img .media{height:240px;border-radius:20px}
  .stats{padding-top:4px}
  .stat-row{gap:16px;padding:18px 0}
  .stat{gap:2px}
  .stat b{font-size:44px}
  .stat span{font-size:13px}
  .price{padding:80px 0}
  .price .wrap{gap:16px}
  .price h2{font-size:28px;letter-spacing:-.01em}
  .big-price{font-size:116px;letter-spacing:-.05em}
  .tag-long{display:none}
  .included{flex-direction:column;flex-wrap:nowrap;align-self:stretch;gap:12px;padding:16px 0 8px}
  .included li{font-size:16px;line-height:1.3;color:rgba(42,36,32,.85);gap:10px;white-space:normal;text-align:right}
  .price .btn{width:100%;margin-top:0;padding:17px 28px}
  .price-note{font-size:12px}
  .price-note + .price-note{margin-top:-8px}
  .faq{padding:16px 0 72px}
  .faq .wrap{flex-direction:column;gap:12px;align-items:stretch}
  .faq-head{width:auto;gap:12px}
  .faq-head h2{font-size:40px;letter-spacing:-.025em}
  .faq-head p{display:none}
  .faq-list{padding-top:16px}
  .faq-list details{padding:20px 0}
  .faq-list summary{gap:14px;font-size:17px}
  .tgl{width:32px;height:32px}
  .tgl img{width:14px;height:14px}
  .answer{padding-left:0;margin-top:10px;font-size:15px;line-height:1.58}
  .wl-wrap{padding:0 12px 12px}
  .wl-block{flex-direction:column;align-items:stretch;gap:16px;border-radius:28px;padding:44px 24px 32px}
  .wl-copy{gap:16px}
  .wl-copy h2{font-size:42px;line-height:1;letter-spacing:-.025em}
  .wl-copy p{font-size:15px}
  .wl-form{width:auto;padding-top:8px}
  #waitlist-form{gap:10px}
  .field input{padding:15px 16px}
  .btn-submit{padding:17px 28px}
  .wl-small{font-size:11px}
  .site-footer .wrap{gap:16px;padding-top:32px}
  .foot-row{flex-direction:column;align-items:flex-start;gap:16px}
  .foot-links{gap:10px 20px;font-size:13px}
  .foot-copy{order:3;font-size:11px;color:var(--ink-45)}
  .foot-todo{font-size:11px}
  .foot-biz{font-size:11px}
  .site-footer .wrap{display:flex}
  .foot-row{display:contents}
  .foot-links{order:1}.foot-todo{order:2}.foot-biz{order:3}.wordmark{order:4}
  .wordmark{font-size:24.6vw;line-height:.8;letter-spacing:-.05em}
  .doc{padding:40px 0 64px}
  .doc h1{font-size:40px}
  .doc h2{font-size:22px}
  .doc p,.doc li{font-size:16px}
}

/* ---------- sample album (debate 12): /sample flip-through + index teaser. Spreads are real engine output (tools/make_sample.py) ---------- */
.sample-sec{padding-bottom:128px}
.sample-fig{margin:40px 0 0}
.sv-book{position:relative;overflow:hidden;border-radius:6px;background:#faf7f2;box-shadow:0 2px 4px rgba(41,36,31,.08),0 24px 48px -14px rgba(41,36,31,.3)}
.sv-book img{width:100%;height:auto}
.sv-book::after{content:"";position:absolute;top:0;bottom:0;left:50%;width:64px;transform:translateX(-50%);pointer-events:none;background:linear-gradient(90deg,rgba(42,36,32,0),rgba(42,36,32,.06) 42%,rgba(42,36,32,.16) 50%,rgba(42,36,32,.06) 58%,rgba(42,36,32,0))}
.single .sv-book::after{display:none}
.sample-fig figcaption,.sv-slide figcaption{font-size:14px;font-weight:500;line-height:1.3;color:var(--ink-60);margin-top:12px}
.sample-cta-row{margin-top:32px}
.btn-line{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink-20)}
.btn-line:hover{background:rgba(42,36,32,.05)}
.sample-small{margin-top:16px;font-size:13px;line-height:1.5;color:var(--ink-50);max-width:640px}
.sample-page{padding-top:56px}
.sample-intro{max-width:780px;display:flex;flex-direction:column;gap:16px}
.sample-intro h1{font-size:72px;font-weight:700;line-height:1;letter-spacing:-.035em}
.sample-lead{font-size:19px;line-height:1.6;color:var(--ink-70)}
.sample-meta{font-size:14px;line-height:1.5;color:var(--ink-50)}
.sv{max-width:var(--max);margin:40px auto 0;padding:0 var(--gutter)}
.sv-stage{--bw:min(100%,calc((100vh - 230px) * 1.4142));outline-offset:6px;border-radius:8px}
.sv-slide{margin:0 0 48px;display:flex;flex-direction:column;align-items:center}
.sv-slide .sv-book{width:var(--bw)}
.sv-slide.single .sv-book{width:calc(var(--bw) / 2)}
.sv-js .sv-stage{touch-action:pan-y;-webkit-user-select:none;user-select:none}
.sv-js .sv-slide{margin:0}
.sv-js .sv-slide[hidden]{display:none}
.sv-slide img{-webkit-user-drag:none}
.sv-controls{display:none}
.sv-js .sv-controls{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:20px}
.sv-count{min-width:84px;text-align:center;font-size:15px;font-weight:600;line-height:1.2;color:var(--ink-70)}
.sv-slide.from-next{animation:sv-from-left .3s ease}
.sv-slide.from-prev{animation:sv-from-right .3s ease}
@keyframes sv-from-left{from{opacity:0;transform:translateX(-32px)}to{opacity:1;transform:none}}
@keyframes sv-from-right{from{opacity:0;transform:translateX(32px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.sv-slide.from-next,.sv-slide.from-prev{animation:none}}
.sample-notes{max-width:780px;margin:56px 0 0;display:flex;flex-direction:column;gap:12px}
.sample-notes p{font-size:16px;line-height:1.65;color:var(--ink-70)}
.sample-cta{padding:56px 0 112px;display:flex;flex-direction:column;gap:24px;align-items:flex-start}
.sample-cta h2{font-size:48px;font-weight:700;line-height:1.05;letter-spacing:-.025em}
@media (max-width:900px){
  .sample-sec{padding-bottom:72px}
  .sample-fig{margin-top:24px}
  .sv-book{border-radius:4px}
  .sv-book::after{width:28px}
  .sample-fig figcaption,.sv-slide figcaption{font-size:13px;margin-top:10px}
  .sample-cta-row{margin-top:24px}
  .sample-small{font-size:12px}
  .sample-page{padding-top:24px}
  .sample-intro{gap:12px}
  .sample-intro h1{font-size:44px}
  .sample-lead{font-size:16px}
  .sample-meta{font-size:13px}
  .sv{margin-top:28px}
  .sv-stage{--bw:100%}
  .sv-slide.single .sv-book{width:64%}
  .sv-js .sv-controls{gap:16px;margin-top:16px}
  .sample-notes{margin-top:40px}
  .sample-notes p{font-size:15px}
  .sample-cta{padding:40px 0 72px;gap:18px;align-items:stretch}
  .sample-cta h2{font-size:34px}
}