:root{--ink:#16131A;--ink2:#201A28;--ink3:#120F17;--paper:#F3E8D6;--paper2:#E7D8BE;--orange:#F15A42;--orange-ink:#1C0B07;--teal:#2BB0A6;--kraft:#C98A3C;--stone:#B8AE9E;--muted-ink:#6E6557;--ink-on-paper:#221C25;--sans:"Hanken Grotesk",system-ui,sans-serif;--disp:"Fraunces",Georgia,serif;--mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;}*{box-sizing:border-box}html,body{overflow-x:clip}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);font-weight:400;line-height:1.55;font-size:clamp(1rem,0.94rem + 0.3vw,1.12rem);-webkit-text-size-adjust:100%;}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}a{color:inherit}h1,h2,h3{font-family:var(--disp);font-weight:900;line-height:1.02;margin:0}.wrap{width:min(100% - 2.2rem,68rem);margin-inline:auto}.accent{color:var(--orange)}.teal{color:var(--teal)}.main-btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;background:var(--orange);color:var(--orange-ink);font-weight:800;font-size:1.05rem;letter-spacing:0.01em;text-decoration:none;border-radius:2px;padding:0.95rem 1.5rem;min-height:52px;border:2px solid var(--orange-ink);box-shadow:4px 4px 0 rgba(0,0,0,0.35);}.main-btn:focus-visible{outline:3px solid var(--teal);outline-offset:3px}@media (hover: hover) and (pointer: fine){.main-btn{transition:transform 0.15s ease}.main-btn:hover{transform:translateY(-2px)}}@media (prefers-reduced-motion: reduce){.main-btn{transition:none}.main-btn:hover{transform:none}}.hero{min-height:100dvh;display:flex;flex-direction:column;padding:clamp(1.1rem,4vw,2rem) 0 2.4rem;padding-top:max(clamp(1.1rem,4vw,2rem),env(safe-area-inset-top));background: radial-gradient(120% 70% at 80% 0%,#221A2C 0%,var(--ink) 55%),var(--ink);}.brandrow{display:flex;align-items:center;gap:0.7rem}.brandrow img{display:block;width:clamp(44px,10vw,60px);height:auto;border-radius:10px}.brandrow .mark{font-family:var(--disp);font-weight:900;font-size:1.3rem;letter-spacing:0.01em}.herobody{flex:1;display:flex;flex-direction:column;justify-content:center;gap:0.65rem;padding-top:0.4rem}.book-slot{align-self:flex-start}.book3d{display:block;width:clamp(72px,20vw,220px);height:auto;cursor:grab;touch-action:none}.book3d:active{cursor:grabbing}h1.title{font-size:clamp(2rem,7vw,4.1rem);max-width:16ch;letter-spacing:-0.01em;}.lead{color:var(--stone);font-size:clamp(1rem,0.96rem + 0.7vw,1.3rem);max-width:40ch;line-height:1.42}.lead b{color:var(--paper);font-weight:800}.cta-group{display:flex;flex-direction:column;gap:0.6rem;align-items:flex-start;margin-top:0.3rem}.under-cta{color:var(--stone);font-size:0.9rem;margin:0}.story{position:relative}.stage{position:sticky;top:0;height:100dvh;overflow:clip;display:grid;place-items:center;background:linear-gradient(180deg,var(--ink) 0%,var(--ink3) 100%);}.spread-crop{position:absolute;inset:0;overflow:clip;display:grid;place-items:center}.spread{position:relative;width:150vmin;max-width:none;aspect-ratio:3 / 2;transform:rotate(-2deg);}.page{position:absolute;top:6%;height:88%;width:47%;background:linear-gradient(170deg,var(--paper) 0%,var(--paper2) 100%);border-radius:3px;box-shadow:0 2.2vmin 5vmin rgba(0,0,0,0.55);}.page.left{left:2%;transform-origin:right center}.page.right{right:2%;transform-origin:left center}.spine{position:absolute;left:50%;top:5%;height:90%;width:1.1%;transform:translateX(-50%);background:linear-gradient(90deg,rgba(0,0,0,0.28),rgba(0,0,0,0.06),rgba(0,0,0,0.28));border-radius:2px}.grid{position:absolute;inset:9% 8% 9% 8%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:4%}.cell{border-radius:2px;background:var(--paper2);position:relative;overflow:clip}.cell i{position:absolute;inset:0;opacity:0;transform:scale(0.6)}.cell:nth-child(1) i{background:var(--orange)}.cell:nth-child(2) i{background:var(--teal)}.cell:nth-child(3) i{background:var(--kraft)}.cell:nth-child(4) i{background:var(--teal)}.cell:nth-child(5) i{background:var(--orange)}.cell:nth-child(6) i{background:#8E5BA6}.cell:nth-child(7) i{background:var(--kraft)}.cell:nth-child(8) i{background:#8E5BA6}.cell:nth-child(9) i{background:var(--teal)}.band{position:absolute;left:-4%;right:-4%;top:40%;height:20%;background:repeating-linear-gradient(135deg,var(--kraft) 0 14px,#b87b32 14px 28px);box-shadow:0 1.2vmin 2.6vmin rgba(0,0,0,0.45);transform-origin:center}.band::after{content:"PRIVATE";position:absolute;inset:0;display:grid;place-items:center;font-family:var(--mono);font-size:3.4vmin;letter-spacing:0.5em;color:var(--ink);text-indent:0.5em;font-weight:700}.seal{position:absolute;right:16%;top:50%;width:10%;aspect-ratio:1;transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle at 38% 35%,#ff7a63,var(--orange) 70%);box-shadow:0 1vmin 2vmin rgba(0,0,0,0.5)}.spread .page,.spread .band,.spread .seal,.spread .cell i{transition:transform 0.7s cubic-bezier(.2,.7,.2,1),opacity 0.6s ease}.stage[data-step="1"] .page.left{transform:rotateY(0deg)}.stage[data-step="1"] .page.right{transform:rotateY(0deg)}.stage[data-step="1"] .band{transform:translateY(0) scaleX(1);opacity:1}.stage[data-step="1"] .seal{opacity:1;transform:translateY(-50%) scale(1)}.stage[data-step="1"] .cell i{opacity:0;transform:scale(0.6)}.stage[data-step="2"] .band{transform:translateY(-130%) scaleX(1.04);opacity:0}.stage[data-step="2"] .seal{opacity:0;transform:translateY(-50%) scale(0.2)}.stage[data-step="2"] .page.left{transform:rotateY(-22deg)}.stage[data-step="2"] .page.right{transform:rotateY(10deg)}.stage[data-step="2"] .cell i{opacity:0;transform:scale(0.6)}.stage[data-step="3"] .band{transform:translateY(-130%);opacity:0}.stage[data-step="3"] .seal{opacity:0}.stage[data-step="3"] .page.left{transform:rotateY(-14deg)}.stage[data-step="3"] .page.right{transform:rotateY(6deg)}.stage[data-step="3"] .cell i{opacity:1;transform:scale(1)}.stage[data-step="3"] .cell:nth-child(2) i,.stage[data-step="3"] .cell:nth-child(5) i,.stage[data-step="3"] .cell:nth-child(8) i{opacity:0.25;transform:scale(0.85)}.stage[data-step="4"] .band,.stage[data-step="4"] .seal{opacity:0}.stage[data-step="4"] .page.left{transform:rotateY(-6deg)}.stage[data-step="4"] .page.right{transform:rotateY(3deg)}.stage[data-step="4"] .cell i{opacity:1;transform:scale(1)}.steps{position:relative;margin-top:-100dvh;z-index:2;pointer-events:none}.step{min-height:88dvh;display:flex;align-items:center;padding-block:2rem}.step .card{pointer-events:auto;background:rgba(14,11,19,0.82);backdrop-filter:blur(2px);border:1px solid rgba(243,232,214,0.14);border-radius:4px;padding:1.3rem 1.4rem;max-width:30rem;box-shadow:0 1.4rem 2.8rem rgba(0,0,0,0.5);}.step .card p{margin:0;font-size:clamp(1.25rem,1.1rem + 1.4vw,1.75rem);font-family:var(--disp);font-weight:900;line-height:1.2}.step .card .tag{display:inline-block;font-family:var(--mono);font-size:0.72rem;letter-spacing:0.22em;text-transform:uppercase;color:var(--teal);margin-bottom:0.7rem;font-weight:400;border-bottom:2px solid var(--orange);padding-bottom:0.3rem}.notes{background:var(--paper);color:var(--ink-on-paper);padding:clamp(2.6rem,8vw,4.6rem) 0}.notes .kicker{font-family:var(--mono);font-size:0.74rem;letter-spacing:0.22em;text-transform:uppercase;color:#7A4E14;margin:0 0 0.6rem}.notes h2{font-size:clamp(1.7rem,1.3rem + 2.4vw,2.7rem);color:var(--ink-on-paper);max-width:20ch}.notes .sub{color:var(--muted-ink);max-width:46ch;margin:0.7rem 0 1.8rem}.table-wrap{overflow-x:auto;border:2px solid var(--ink-on-paper);border-radius:4px;background:#fffaf0}table{border-collapse:collapse;width:100%;min-width:30rem}caption{caption-side:top;text-align:left;font-family:var(--mono);font-size:0.72rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--muted-ink);padding:0.7rem 0.9rem 0}th,td{text-align:left;padding:0.85rem 1rem;vertical-align:top;font-size:0.98rem;border-top:1px solid rgba(34,28,37,0.16)}thead th{border-top:none;font-family:var(--disp);font-weight:900;font-size:1.05rem}thead th.spy{color:#B23418}tbody th{font-weight:800;width:34%;color:var(--ink-on-paper)}td.spy{font-weight:800}.rownote{display:block;font-size:0.8rem;color:var(--muted-ink);font-weight:400;margin-top:0.25rem}.honest{margin:clamp(2.2rem,6vw,3.6rem) auto 0;max-width:34rem;text-align:center;padding:1.4rem 0}.honest .label{display:inline-block;font-family:var(--mono);font-size:0.72rem;letter-spacing:0.24em;text-transform:uppercase;color:#B23418;margin-bottom:0.7rem;font-weight:400}.honest p{margin:0;font-family:var(--disp);font-weight:900;font-size:clamp(1.25rem,1.05rem + 1.3vw,1.7rem);line-height:1.2;color:var(--ink-on-paper)}.facts{background:var(--ink2);padding:clamp(2.4rem,7vw,4rem) 0}.facts h2{font-size:clamp(1.4rem,1.2rem + 1.4vw,2rem);margin-bottom:1.3rem}.spec{border:1px solid rgba(243,232,214,0.16);border-radius:4px;overflow:clip;max-width:44rem}.spec dl{margin:0;font-family:var(--mono);font-size:0.95rem}.spec .line{display:grid;grid-template-columns:minmax(7rem,38%) 1fr;gap:0.5rem;padding:0.8rem 1.1rem;border-top:1px solid rgba(243,232,214,0.1)}.spec .line:first-child{border-top:none}.spec dt{color:var(--stone)}.spec dd{margin:0;color:var(--paper);font-weight:400}.spec dd.hi{color:var(--teal)}.closing{background:linear-gradient(180deg,#0C0A12 0%,#171326 100%);padding:clamp(3rem,9vw,5rem) 0 0}.scene{position:relative;max-width:30rem;margin-inline:auto;aspect-ratio:4 / 3;border-radius:8px 8px 0 0;overflow:clip;background:radial-gradient(90% 70% at 76% 24%,#2a2546 0%,#14101f 60%,#0b0812 100%);border:1px solid rgba(243,232,214,0.1);border-bottom:none;}.moon{position:absolute;right:13%;top:14%;width:16%;aspect-ratio:1;border-radius:50%;background:#F3E8D6;box-shadow:0 0 5vmin 1vmin rgba(243,232,214,0.25);overflow:clip}.moon::after{content:"";position:absolute;right:-26%;top:-14%;width:88%;height:128%;border-radius:50%;background:#171326}.phone{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:34%;height:62%;background:#0a0810;border:3px solid #2c2740;border-bottom:none;border-radius:18px 18px 0 0;overflow:clip}.phone .glow{position:absolute;inset:7% 8% 0;border-radius:10px 10px 0 0;background:linear-gradient(180deg,var(--orange) 0%,#ffd38a 55%,#fff6e2 100%)}.phone .ggrid{position:absolute;inset:14% 16% 0;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:10%}.phone .ggrid span{background:rgba(28,11,7,0.55);border-radius:2px}.scene-cta{display:flex;align-items:center;justify-content:center;gap:0.6rem;background:var(--orange);color:var(--orange-ink);font-weight:800;text-decoration:none;padding:1rem 1.3rem;font-size:1.05rem;border-top:2px solid var(--orange-ink);position:absolute;left:0;right:0;bottom:0}.scene-cta:focus-visible{outline:3px solid var(--teal);outline-offset:-5px}.closing .capnote{text-align:center;color:var(--stone);max-width:30rem;margin:1.1rem auto 0;padding-bottom:clamp(3rem,8vw,4.4rem);font-size:0.95rem}.bar{position:fixed;left:0;right:0;bottom:0;z-index:40;transform:translateY(120%);background:rgba(18,15,23,0.95);border-top:1px solid rgba(243,232,214,0.14);padding:0.7rem 1rem calc(0.7rem + env(safe-area-inset-bottom));display:flex;justify-content:center;}.bar.show{transform:translateY(0)}@media (hover: hover) and (pointer: fine){.bar{transition:transform 0.3s ease}}@media (prefers-reduced-motion: reduce){.bar{transition:none}}.bar .main-btn{width:min(100%,26rem);box-shadow:none}.foot-sep{height:0;border-top:2px dashed rgba(243,232,214,0.2);margin-top:0}footer{background:var(--paper);color:var(--ink-on-paper);padding:clamp(2.2rem,6vw,3.4rem) 0 2.6rem}.postcard{display:grid;grid-template-columns:1fr auto 1fr;gap:clamp(1rem,4vw,2.4rem);border:2px solid var(--ink-on-paper);border-radius:4px;padding:clamp(1.3rem,4vw,2rem);background:#fffaf0}.pc-msg{align-self:center}.pc-msg p{margin:0 0 1rem;font-family:var(--disp);font-weight:900;font-size:clamp(1.15rem,1rem + 1vw,1.5rem);line-height:1.18}.pc-rule{width:2px;background:var(--ink-on-paper);opacity:0.5}.pc-addr{display:flex;flex-direction:column;gap:0.5rem;font-family:var(--mono);font-size:0.86rem}.pc-addr .stamp{align-self:flex-end;width:4.2rem;height:5rem;border:2px dashed var(--muted-ink);border-radius:3px;display:grid;place-items:center;text-align:center;font-size:0.6rem;letter-spacing:0.12em;color:var(--muted-ink);text-transform:uppercase;line-height:1.3;margin-bottom:0.4rem}.ref{margin-top:0.4rem}.ref .reftitle{font-family:var(--mono);font-size:0.7rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted-ink);margin:0 0 0.4rem}.ref a{display:inline-flex;align-items:center;gap:0.5rem;color:var(--ink-on-paper);text-decoration:none;border-bottom:1px dotted var(--muted-ink);padding-bottom:1px;font-size:0.86rem}.ref a:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.dot{width:0.6rem;height:0.6rem;border-radius:50%;background:var(--orange);flex:none}.foot-end{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1.3rem}.foot-end .wm{font-family:var(--disp);font-weight:900;font-size:1.1rem}.smallprint{background:none;border:none;color:var(--muted-ink);font-family:var(--mono);font-size:0.8rem;text-decoration:underline;cursor:pointer;padding:0.3rem}.smallprint:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.drawer-back{position:fixed;inset:0;background:rgba(10,8,14,0.6);z-index:60;opacity:0;visibility:hidden;transition:opacity 0.25s ease,visibility 0.25s ease}.drawer-back.open{opacity:1;visibility:visible}.drawer{position:fixed;top:0;right:0;z-index:61;height:100dvh;width:min(26rem,100%);background:var(--ink2);color:var(--paper);display:flex;flex-direction:column;transform:translateX(100%);transition:transform 0.28s ease;box-shadow:-1rem 0 3rem rgba(0,0,0,0.5)}.drawer.open{transform:translateX(0)}@media (prefers-reduced-motion: reduce){.drawer-back,.drawer{transition:none}}.drawer .tabs{display:flex;gap:0.4rem;padding:1rem 1.1rem 0}.drawer .tabs button{flex:1;background:none;border:1px solid rgba(243,232,214,0.18);color:var(--stone);font-family:var(--mono);font-size:0.78rem;letter-spacing:0.12em;text-transform:uppercase;padding:0.6rem;border-radius:3px;cursor:pointer}.drawer .tabs button[aria-selected="true"]{color:var(--orange-ink);background:var(--orange);border-color:var(--orange)}.drawer .tabs button:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.drawer .body{flex:1;overflow-y:auto;padding:1.2rem 1.3rem}.drawer .body h3{font-size:1.2rem;margin-bottom:0.6rem}.drawer .body p{color:var(--stone);font-size:0.92rem;margin:0 0 0.9rem}.drawer .panel[hidden]{display:none}.drawer .close{margin:0.4rem 1.1rem calc(1rem + env(safe-area-inset-bottom));background:none;border:1px solid rgba(243,232,214,0.3);color:var(--paper);font-family:var(--mono);font-size:0.85rem;padding:0.7rem;border-radius:3px;cursor:pointer}.drawer .close:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media (min-width: 900px){.herobody{display:grid;grid-template-columns:1.15fr 0.85fr;align-items:center;gap:2.4rem;padding-top:1rem}.book-slot{grid-column:2;grid-row:1;justify-self:center;align-self:center}.book3d{width:clamp(220px,20vw,300px)}.hero .textcol{grid-column:1;grid-row:1}.step{min-height:84dvh}.step .card{margin-left:4%}.spread{transform:rotate(-3deg) translateX(14%)}}