:root{--paper:#faf6ed;--paper2:#f2ecdf;--ink:#191a1b;--blue:#1548bd;--deep:#103593;--night:#0c1e52;--night2:#081538;--brick:#13296b;--frame:#ebe3d1;--red:#e03728;--warm:#ffd98a;--muted:#62625d;--line:#d8d0c1;--serif:'Young Serif',Georgia,'Times New Roman',serif;--sans:'Atkinson Hyperlegible',Inter,Avenir,'Segoe UI',Arial,sans-serif;--ease:cubic-bezier(.2,.75,.1,1);--spring:cubic-bezier(.34,1.5,.64,1)}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:20px;-webkit-text-size-adjust:100%}html:has(dialog[open]){overflow:hidden}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}
body::after{content:'';pointer-events:none;position:fixed;inset:0;opacity:.07;z-index:100;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
h1,h2,h3,p,figure,ol,ul{margin:0}ol,ul{padding:0;list-style:none}img,video{display:block;max-width:100%}
h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-.01em;text-wrap:balance}em{font-style:normal;color:var(--blue)}
a{color:var(--ink);text-decoration-thickness:1.5px;text-underline-offset:4px;text-decoration-color:var(--blue)}a:hover{color:var(--blue)}
button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
:focus-visible{outline:3px solid var(--red);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:12px;top:-60px;z-index:200;background:var(--blue);color:var(--paper);padding:10px 14px;border-radius:10px}.skip:focus{top:12px}
.container{max-width:1240px;margin:0 auto;padding:0 clamp(18px,4vw,44px)}
.eyebrow{display:inline-block;font:700 12px/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--blue)}.eyebrow.red{color:var(--red)}
.fine{font-size:14px;color:var(--muted);line-height:1.5}.checkout-status{font-size:14px;color:var(--red);margin-top:8px}.checkout-status:empty{display:none}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 26px;border-radius:999px;background:var(--blue);color:var(--paper);font-weight:700;font-size:16px;text-decoration:none;border:2px solid var(--blue);transition:background .25s,transform .3s var(--spring),box-shadow .3s}.button:hover{background:var(--deep);border-color:var(--deep);color:var(--paper);transform:translateY(-2px);box-shadow:0 12px 24px -12px rgba(16,53,147,.6)}
.button.small{min-height:42px;padding:0 18px;font-size:14.5px}.button.light{background:var(--paper);color:var(--blue);border-color:var(--paper)}.button.light:hover{background:var(--warm);border-color:var(--warm);color:var(--ink)}
.textlink{font-weight:700;color:var(--ink);text-decoration:underline}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:28px}
.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:84px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}.ticks{width:42px;height:34px;color:var(--blue);flex:none}.brand-words{font:400 19px/1 var(--serif)}.brand-words strong{font-weight:400;color:var(--blue)}.brand-words span{font-size:22px}
.navlinks{display:flex;align-items:center;gap:clamp(14px,2.4vw,28px)}.navlinks a:not(.button){font-weight:700;font-size:15px;text-decoration:none}.navlinks a:not(.button):hover{text-decoration:underline}
.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,64px);align-items:center;padding:clamp(18px,3vw,40px) 0 0}
.hero h1{font-size:clamp(56px,8.4vw,122px);line-height:.94;margin:18px 0 22px}.ln{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}.ln>span{display:block}
html.js .ln>span{transform:translateY(105%);animation:rise 1s var(--ease) forwards}html.js .ln:nth-child(2)>span{animation-delay:.1s}html.js .ln:nth-child(3)>span{animation-delay:.2s}@keyframes rise{to{transform:none}}
.hero-description{font-size:clamp(18px,1.5vw,21px);max-width:31em;color:#33342f}
.hero-art{position:relative;justify-self:center;max-width:430px;width:100%}.portrait{width:100%;height:auto;mix-blend-mode:multiply}
.bubble{position:absolute;left:4%;top:14%;font:400 21px var(--serif);color:var(--red);background:var(--paper);border:2px solid var(--red);border-radius:28px 28px 28px 6px;padding:8px 16px;transform:rotate(-6deg);animation:float 5s ease-in-out infinite}@keyframes float{50%{transform:rotate(-3deg) translateY(-8px)}}
.chat{position:absolute;left:61%;top:42%;display:grid;place-items:center;min-width:86px;height:44px;background:#fff;border-radius:22px 22px 6px 22px;box-shadow:0 10px 24px -10px rgba(16,53,147,.45)}
.chat>span{grid-area:1/1;display:flex;align-items:center;gap:5px}.typing i{width:8px;height:8px;border-radius:50%;background:var(--blue);opacity:.35;animation:dot 1.2s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes dot{30%{opacity:1;transform:translateY(-3px)}}
.seen{font-size:13px;font-weight:700;color:var(--blue);padding:0 14px}.seen svg{width:22px;height:18px;fill:none;stroke:var(--blue);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
html.js .chat{animation:chatbox 7s 1.2s infinite}html.js .typing{animation:typing 7s 1.2s infinite}html.js .seen{opacity:0;animation:seenmsg 7s 1.2s infinite}
@keyframes chatbox{0%,4%{transform:scale(.6);opacity:0}8%,46%{transform:none;opacity:1}50%,56%{transform:scale(.85);opacity:0}60%,92%{transform:none;opacity:1}100%{opacity:0;transform:scale(.6)}}
@keyframes typing{0%,46%{opacity:1}48%,100%{opacity:0}}@keyframes seenmsg{0%,58%{opacity:0}62%,92%{opacity:1}100%{opacity:0}}
.stamp{position:absolute;left:-6%;bottom:9%;background:var(--blue);color:var(--paper);font:400 17px/1.25 var(--serif);padding:14px 18px;border-radius:14px;transform:rotate(-3deg);box-shadow:0 18px 30px -16px rgba(16,53,147,.6)}.stamp small{display:block;font:700 11px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--warm);margin-bottom:4px}
.hero-folio{grid-column:1/-1;display:flex;justify-content:space-between;gap:16px;border-top:1.5px solid var(--ink);padding:14px 0 26px;font-size:15px}.folio-note{color:var(--red);font-weight:700}
.portal{position:relative;height:270vh;background:var(--night2)}
.portal-stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:grid;place-items:center;background:color-mix(in oklab,var(--paper) calc((1 - var(--n,0)) * 100%),var(--night2))}
.pt-city{position:absolute;inset:0;opacity:var(--co,0);transform:scale(var(--cs,1.18));transform-origin:50% 70%;background:linear-gradient(180deg,var(--night2) 0%,var(--night) 62%,#1b347c 100%)}
.moon{position:absolute;right:14%;top:12%;width:clamp(54px,7vw,96px);aspect-ratio:1;border-radius:50%;background:#fff6dc;box-shadow:0 0 60px 12px rgba(255,232,170,.35)}
.bd{position:absolute;bottom:0;background-color:#0a1a46;background-image:linear-gradient(90deg,transparent 0 30%,rgba(255,255,255,.035) 30% 40%,transparent 40%),linear-gradient(#0a1a46,#0a1a46);border-radius:2px 2px 0 0}
.bd i{position:absolute;width:var(--w,9px);height:var(--h,13px);background:var(--warm);box-shadow:0 0 14px rgba(255,217,138,.55);border-radius:1px;transition:opacity 1.2s}.bd i.off{opacity:.08}
.pt-frame{position:relative;height:min(86svh,150vw);aspect-ratio:941/1672;transform:scale(var(--z,1));transform-origin:91% 40%;opacity:var(--fo,1);will-change:transform}.pt-frame img{width:100%;height:auto}
.pt-line{position:absolute;z-index:3;font-family:var(--serif);pointer-events:none}.pt-1{left:4vw;top:42%;max-width:calc(50% - min(24svh,42vw) - 24px);font-size:clamp(40px,5.4vw,92px);line-height:1;color:var(--ink);opacity:var(--o1,1)}
.pt-2{left:0;right:0;top:38%;text-align:center;font-size:clamp(38px,5.6vw,84px);line-height:1.02;color:var(--paper);opacity:var(--o2,0);transform:translateY(calc((1 - var(--o2,0)) * 24px))}.pt-2 em{color:var(--warm)}
.pt-hint{position:absolute;bottom:5%;left:50%;transform:translateX(-50%);font-weight:700;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);opacity:var(--o1,1)}.pt-hint::after{content:'↓';display:block;text-align:center;font-size:18px;animation:hint 1.6s ease-in-out infinite}@keyframes hint{50%{transform:translateY(6px)}}
.building-sec{background:var(--night);color:var(--paper);padding:clamp(40px,6vw,90px) 0 clamp(80px,10vw,140px);position:relative}
.bld-head{text-align:center;max-width:720px;margin:0 auto 46px;display:grid;justify-items:center;gap:14px}.bld-head .eyebrow{color:var(--warm)}.bld-head h2{font-size:clamp(42px,6vw,84px);line-height:.98}.bld-head em{color:var(--warm)}.bld-head p{color:rgba(250,246,237,.82);font-size:18px}
.building{position:relative;max-width:780px;margin:0 auto;background-color:var(--brick);background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 2px,transparent 2px 24px),repeating-linear-gradient(90deg,rgba(0,0,0,.08) 0 2px,transparent 2px 48px);border-radius:8px 8px 0 0;padding:0 clamp(16px,3vw,34px);box-shadow:0 50px 90px -40px #000}
.building::after{content:'';position:absolute;left:-40px;right:-40px;bottom:-18px;height:18px;background:#2a3f86;border-radius:2px}
.roof{margin:0 calc(-1*clamp(16px,3vw,34px)) 28px;padding:12px;background:#0d2160;border-bottom:6px solid var(--frame);text-align:center;border-radius:8px 8px 0 0}.roof span{font:700 11.5px var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--warm)}
.floors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,3vw,30px) clamp(14px,3vw,30px);padding-bottom:30px}
.win{position:relative;aspect-ratio:3/4;border:clamp(4px,.7vw,7px) solid var(--frame);border-radius:4px;background:#0a1840;perspective:800px;padding:0;display:block;box-shadow:inset 0 0 0 2px rgba(0,0,0,.25),0 6px 0 -1px #0a1a4f}
.win::after{content:'';position:absolute;left:-10px;right:-10px;bottom:-10px;height:7px;background:var(--frame);border-radius:2px}
.deco[data-lit="1"]{background:radial-gradient(circle at 50% 35%,#ffe7ad,#f2b65a 70%);box-shadow:0 0 40px rgba(255,217,138,.35),0 6px 0 -1px #0a1a4f}.deco.off{background:#0a1840;box-shadow:none}
.curtain{position:absolute;top:0;bottom:0;left:0;width:42%;background:repeating-linear-gradient(90deg,#c9372b 0 6px,#e04a3c 6px 12px);border-radius:0 0 40% 0;opacity:.9}.deco:nth-child(6) .curtain{background:repeating-linear-gradient(90deg,#1d4fbf 0 6px,#e9eefc 6px 12px);left:auto;right:0;border-radius:0 0 0 40%}
.story{cursor:pointer;background:#ffe2a0;box-shadow:0 0 60px rgba(255,217,138,.5),0 6px 0 -1px #0a1a4f;transition:transform .5s var(--spring),box-shadow .5s}.story:hover,.story:focus-visible{transform:translateY(-4px) scale(1.03);box-shadow:0 0 90px rgba(255,217,138,.75),0 6px 0 -1px #0a1a4f}
.win-in{position:absolute;inset:0;overflow:hidden}.win-in img{position:absolute;left:50%;bottom:-5%;width:128%;max-width:none;height:auto;aspect-ratio:2/3;transform:translateX(-50%);transition:transform 1.2s var(--ease)}.story:hover .win-in img{transform:translateX(-50%) scale(1.07)}
.pane{position:absolute;top:0;bottom:0;width:50%;border:3px solid var(--frame);background:linear-gradient(160deg,rgba(255,248,225,.34),rgba(255,236,190,.06) 46%,rgba(255,255,255,.22));transition:transform 1s var(--spring);transform-style:preserve-3d}
.pane::before{content:'';position:absolute;left:0;right:0;top:50%;height:3px;margin-top:-1.5px;background:var(--frame)}.pl{left:0;transform-origin:0 50%}.pr{right:0;transform-origin:100% 50%}
.story:hover .pl,.story:focus-visible .pl,.story.open .pl{transform:rotateY(-74deg)}.story:hover .pr,.story:focus-visible .pr,.story.open .pr{transform:rotateY(74deg)}
.win-no{position:absolute;left:-14px;top:-14px;z-index:2;width:34px;height:34px;border-radius:50%;background:var(--red);color:var(--paper);display:grid;place-items:center;font:400 16px var(--serif);box-shadow:0 4px 10px rgba(0,0,0,.35)}
.win-tag{position:absolute;left:50%;bottom:-14px;z-index:2;transform:translateX(-50%);background:var(--warm);color:var(--ink);font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;border-radius:999px;padding:4px 10px;white-space:nowrap}
.door{width:clamp(90px,16%,130px);height:clamp(110px,18vw,160px);margin:0 auto;background:var(--deep);border:6px solid var(--frame);border-bottom:0;border-radius:70px 70px 0 0;display:grid;place-items:center}.door span{font:400 15px var(--serif);background:var(--frame);color:var(--ink);padding:2px 10px;border-radius:6px}
.dir{max-width:780px;margin:56px auto 0;border-top:1px solid rgba(250,246,237,.2)}.dir li{border-bottom:1px solid rgba(250,246,237,.2)}
.dir button{width:100%;display:grid;grid-template-columns:52px minmax(0,1fr) auto 28px;align-items:center;gap:14px;padding:16px 6px;background:none;border:0;text-align:left;color:var(--paper);transition:background .25s}.dir button:hover{background:rgba(255,255,255,.05)}
.dir b{font:400 26px var(--serif);color:var(--warm)}.dir strong{display:block;font:400 20px/1.2 var(--serif)}.dir small{color:rgba(250,246,237,.7);font-size:14.5px}.dir em{font-style:normal;color:var(--ink);background:var(--warm);font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:999px}.dir i{font-style:normal;font-size:20px;transition:transform .3s var(--ease)}.dir button:hover i{transform:translateX(5px)}
.collection{max-width:1080px;margin:80px auto 0;background:var(--paper);color:var(--ink);border-radius:26px;padding:clamp(22px,3vw,40px);display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.2fr) minmax(0,.9fr);gap:clamp(20px,3vw,40px);align-items:center}
.col-covers{position:relative;aspect-ratio:1/1.02;max-width:300px;width:100%}.col-covers img{position:absolute;width:58%;height:auto;border-radius:8px;box-shadow:0 18px 36px -18px rgba(0,0,0,.5)}.col-covers img:first-child{left:0;top:6%;transform:rotate(-6deg)}.col-covers img:last-child{right:0;top:0;transform:rotate(5deg)}
.col-copy{display:grid;gap:12px}.col-copy h3{font-size:clamp(28px,3vw,40px);line-height:1.05}.col-copy ul{display:grid;gap:6px;font-size:15.5px}.col-copy li::before{content:'✓✓';color:var(--blue);font-weight:700;margin-right:8px;letter-spacing:-.15em}
.col-buy{display:grid;gap:10px;justify-items:start}.price{font:400 64px/1 var(--serif);color:var(--blue)}.price small{font:700 14px var(--sans);letter-spacing:.1em;color:var(--muted)}
.col-buy .button{background:var(--blue);color:var(--paper);border-color:var(--blue)}.col-buy .button:hover{background:var(--deep)}
.section{padding:clamp(70px,9vw,120px) 0}
.sample{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,5vw,72px);align-items:center}.sample-copy{display:grid;gap:16px;justify-items:start}.sample-copy h2,.reading-method h2,.behind h2,.free-callout h2,.seen h2,.faq h2{font-size:clamp(40px,5.2vw,72px);line-height:1}
.sample-card{background:#fff;border-radius:22px;padding:clamp(22px,3vw,36px);box-shadow:0 30px 60px -36px rgba(16,53,147,.45);display:grid;gap:14px}.sample-k{font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--red)}.sample-card h3{font-size:24px}
.sample-body{min-height:150px;display:grid;gap:12px;align-content:start}.sample-body p{font:400 clamp(20px,2vw,25px)/1.45 var(--serif);white-space:pre-line}
.sample-nav{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:14px;font-weight:700;font-size:12px;letter-spacing:.14em;color:var(--muted)}.sample-nav div{display:flex;gap:8px}.sample-nav button{width:46px;height:46px;border-radius:50%;border:2px solid var(--blue);background:var(--paper);color:var(--blue);font-size:18px}.sample-nav button:disabled{opacity:.3;cursor:default}
.wide-art{max-width:1300px;margin:0 auto;padding:0 clamp(18px,4vw,44px)}.wide-art img{width:100%;height:auto;border-radius:24px;mix-blend-mode:multiply}.wide-art figcaption{text-align:center;font:400 22px var(--serif);color:var(--red);margin-top:16px}
.reading-method{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,5vw,72px)}.steps{display:grid;gap:8px}.step{display:grid;grid-template-columns:70px 1fr;gap:4px 18px;padding:22px 0;border-top:1.5px solid var(--ink)}.step b{grid-row:span 2;font:400 44px/1 var(--serif);color:var(--red)}.step h3{font-size:26px}.step p{color:#3a3b36}
.behind-card{background:var(--blue);color:var(--paper);border-radius:30px;padding:clamp(28px,5vw,64px);display:grid;gap:20px}.behind-card .eyebrow{color:var(--warm)}.behind-card em{color:var(--warm)}.behind-card>p:not(.fine){font-size:clamp(18px,1.6vw,21px);max-width:40em}
.behind-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:6px}.behind-list li{background:rgba(250,246,237,.08);border:1px solid rgba(250,246,237,.18);border-radius:18px;padding:18px;font-size:15.5px;color:rgba(250,246,237,.85)}.behind-list b{display:block;font:400 20px/1.2 var(--serif);color:var(--paper);margin-bottom:8px}
.behind-card .fine{color:rgba(250,246,237,.72)}
.free-callout{display:grid;grid-template-columns:minmax(0,.45fr) minmax(0,1fr) minmax(0,.8fr);gap:clamp(20px,4vw,48px);align-items:center;background:var(--night);color:var(--paper);border-radius:30px;padding:clamp(24px,4vw,48px);margin:20px 0}
.free-cover{width:100%;height:auto;border-radius:10px;transform:rotate(-4deg);box-shadow:0 24px 40px -20px #000}.free-callout .eyebrow{color:var(--warm)}.free-callout em{color:var(--warm)}.free-callout h2{margin:12px 0}.free-callout p{color:rgba(250,246,237,.84)}.free-callout>div:last-child{display:grid;gap:14px;justify-items:start}.free-callout .fine{color:rgba(250,246,237,.7)}.free-callout .fine a{color:var(--paper)}
.seen{display:grid;gap:18px}.seen-list{margin-top:10px;border-top:1.5px solid var(--ink)}.seen-list li{border-bottom:1.5px solid var(--ink)}.seen-list a{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:18px;padding:14px 0;text-decoration:none}.seen-list span{font:400 clamp(40px,6.6vw,92px)/1.05 var(--serif);transition:color .3s,transform .5s var(--ease)}.seen-list small{font-weight:700;font-size:14px;color:var(--muted)}.seen-list i{font-style:normal;font-size:26px}.seen-list a:hover span{color:var(--blue);transform:translateX(10px)}
.faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,5vw,72px)}.faq details{border-top:1.5px solid var(--line)}.faq details:last-child{border-bottom:1.5px solid var(--line)}.faq summary{list-style:none;cursor:pointer;position:relative;padding:20px 48px 20px 0;font:400 clamp(20px,1.9vw,24px)/1.25 var(--serif)}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:'+';position:absolute;right:4px;top:50%;transform:translateY(-50%);font:400 30px var(--sans);color:var(--blue);transition:transform .35s var(--spring)}.faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}.faq details p{padding-bottom:22px;color:var(--muted)}
footer{background:var(--night2);color:rgba(250,246,237,.85);padding:56px 0 calc(32px + env(safe-area-inset-bottom));margin-top:40px}.footer-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;padding-bottom:30px;border-bottom:1px solid rgba(250,246,237,.15)}.footer-brand{font:400 clamp(40px,5vw,64px)/.95 var(--serif);color:var(--paper);text-decoration:none}.footer-brand span{color:var(--warm)}
.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;padding-top:20px;font-size:14px}.footer-links{display:flex;flex-wrap:wrap;gap:8px 20px}.footer-links a{color:var(--paper)}
.room{padding:0;border:0;background:transparent;max-width:none;max-height:none;width:100vw;height:100vh;height:100dvh;margin:0;color:var(--paper)}.room::backdrop{background:rgba(8,21,56,.6)}
.room-in{position:fixed;inset:0;color:var(--paper);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);background:radial-gradient(circle at 20% 30%,#24408f 0,var(--night) 45%,var(--night2) 100%);overflow:auto;overscroll-behavior:contain}
.room-art{position:relative;overflow:hidden;background:#0a1840}.room-art img{position:sticky;top:0;width:100%;height:100vh;height:100dvh;object-fit:cover;object-position:50% 70%}.room-glow{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 60%,var(--night) 100%),radial-gradient(circle at 50% 40%,rgba(255,217,138,.18),transparent 60%)}
.room-info{padding:clamp(56px,7vw,96px) clamp(22px,5vw,72px) clamp(40px,6vw,72px);display:grid;gap:16px;align-content:center}.room-info .eyebrow{color:var(--warm)}.room-info h2{font-size:clamp(40px,4.8vw,70px);line-height:1}.room-info .hook{font:400 clamp(20px,2vw,26px)/1.3 var(--serif);color:var(--warm)}.room-info>p:not(.hook):not(.fine){color:rgba(250,246,237,.84);max-width:34em}.room-info .fine{color:rgba(250,246,237,.7)}
.room-video{position:relative;border-radius:18px;overflow:hidden;background:#000;max-width:560px;box-shadow:0 30px 60px -30px #000}.room-video video{width:100%;max-height:44vh;object-fit:contain;background:#000}.room-snd{position:absolute;right:12px;bottom:12px;min-height:40px;border-radius:999px;border:0;background:rgba(250,246,237,.94);color:var(--ink);font-weight:700;font-size:13.5px;padding:0 14px}.room-snd[aria-pressed="true"]{background:var(--warm)}
.room .textlink{color:var(--paper);text-decoration-color:var(--warm)}
.x{position:fixed;right:16px;top:16px;z-index:5;width:48px;height:48px;border-radius:50%;border:0;background:var(--paper);color:var(--ink);font-size:28px;line-height:1;display:grid;place-items:center;transition:transform .3s var(--spring)}.x:hover{transform:rotate(90deg)}
.backlink{display:inline-block;margin:20px 0 10px;font-weight:700;text-decoration:none}.backlink:hover{text-decoration:underline}
.detail-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,5vw,72px);align-items:center;padding:20px 0 50px}.detail-hero>div:first-child{display:grid;gap:14px;justify-items:start}
.detail-hero h1{font-size:clamp(50px,7.4vw,108px);line-height:.95;color:var(--blue)}.hook{font:400 clamp(22px,2.2vw,28px)/1.3 var(--serif)}.description{font-size:clamp(18px,1.5vw,20px);max-width:32em;color:#33342f}.detail-hero .actions{margin-top:8px}
.cover-stage{position:relative;justify-self:center;max-width:420px;width:100%}.book-cover{width:100%;height:auto;border-radius:10px;box-shadow:0 34px 60px -30px rgba(16,53,147,.6);transform:rotate(2deg);transition:transform .8s var(--ease)}.cover-stage:hover .book-cover{transform:rotate(0) translateY(-6px)}
.story-no{position:absolute;left:-34px;top:-46px;font:400 clamp(90px,10vw,150px)/1 var(--serif);color:var(--red);pointer-events:none}
.includes{display:flex;flex-wrap:wrap;gap:10px 26px;padding:16px 0;border-block:1.5px solid var(--ink);font-weight:700;font-size:15px}.includes b{color:var(--red);margin-right:6px}
.detail-excerpt{max-width:780px;margin:0 auto;display:grid;gap:18px}.detail-excerpt h2,.trailer-section h2,.detail-cta h2{font-size:clamp(38px,5vw,66px);line-height:1}.excerpt{display:grid;gap:16px;padding:28px;background:#fff;border-radius:22px;box-shadow:0 26px 50px -34px rgba(16,53,147,.4)}.excerpt p{font:400 clamp(20px,1.9vw,24px)/1.5 var(--serif)}.excerpt-end{font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.trailer-section{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,5vw,64px);align-items:center}.trailer-section>div:first-child{display:grid;gap:14px}.video-wrap video{width:100%;border-radius:20px;background:var(--ink);box-shadow:0 30px 60px -30px rgba(0,0,0,.5)}.video-note{font-size:13px;color:var(--muted);margin-top:10px}
.detail-cta{text-align:center;background:var(--blue);color:var(--paper);border-radius:30px;padding:clamp(40px,6vw,80px) 24px;margin-bottom:80px;display:grid;justify-items:center;gap:16px}.detail-cta .eyebrow{color:var(--warm)}.detail-cta em{color:var(--warm)}.detail-cta p{max-width:36em;color:rgba(250,246,237,.86)}.detail-cta .actions{justify-content:center}
.detail-cta .button{background:var(--paper);color:var(--blue);border-color:var(--paper)}.detail-cta .button:hover{background:var(--warm);border-color:var(--warm);color:var(--ink)}.detail-cta .textlink{color:var(--paper);text-decoration-color:var(--warm)}.detail-cta .checkout-status{color:var(--warm)}
.legal{max-width:780px;margin:30px auto 100px;display:grid;gap:16px}.legal h1{font-size:clamp(46px,6vw,80px);line-height:.98;margin:8px 0 10px}.legal h2{font-size:28px;margin-top:26px}.legal p{font-size:18px;line-height:1.7}
html.js .rv{opacity:0;transform:translateY(26px);transition:opacity .9s var(--ease),transform .9s var(--ease)}html.js .rv.in{opacity:1;transform:none}
@media (max-width:980px){.hero,.detail-hero,.sample,.reading-method,.faq,.trailer-section{grid-template-columns:1fr}.hero-art{max-width:380px}.collection{grid-template-columns:1fr 1.4fr}.col-buy{grid-column:1/-1}.free-callout{grid-template-columns:.5fr 1fr}.free-callout>div:last-child{grid-column:1/-1}.behind-list{grid-template-columns:1fr}.room-in{grid-template-columns:1fr;overflow:auto}.room-art{height:46vh}.room-art img{position:static;height:46vh}.room-glow{background:linear-gradient(180deg,transparent 55%,var(--night) 100%)}.room-info{align-content:start;padding-top:28px}}
@media (max-width:720px){body{font-size:16px}.nav{min-height:70px}.navlinks a:not(.button){display:none}.brand-words{font-size:17px}.brand-words span{font-size:19px}.ticks{width:34px;height:28px}
.hero h1{font-size:clamp(38px,11vw,62px)}.bld-head h2,.sample-copy h2,.reading-method h2,.behind h2,.free-callout h2,.seen h2,.faq h2,.detail-excerpt h2,.trailer-section h2,.detail-cta h2{font-size:clamp(32px,9vw,48px)}.detail-hero h1{font-size:clamp(40px,12vw,64px)}.hero-art{max-width:300px}.stamp{left:-4%;font-size:15px;padding:11px 14px}.bubble{font-size:18px}.chat{left:58%;top:41%;min-width:74px;height:38px}.hero-folio{flex-direction:column;gap:4px}
.pt-1{left:50%;top:auto;bottom:9%;max-width:none;transform:translateX(-50%);background:var(--paper);padding:4px 18px 10px;border-radius:16px;white-space:nowrap}.pt-2{top:34%;padding:0 16px}
.floors{gap:22px 14px}.win-no{width:28px;height:28px;font-size:14px;left:-10px;top:-10px}.win-tag{font-size:10px;padding:3px 8px}.building::after{left:-14px;right:-14px}
.dir button{grid-template-columns:40px minmax(0,1fr) 22px;gap:10px}.dir em{display:none}.dir strong{font-size:18px}
.collection{grid-template-columns:1fr;text-align:left}.col-covers{max-width:260px}.free-callout{grid-template-columns:1fr}.free-cover{max-width:180px}
.seen-list a{grid-template-columns:minmax(0,1fr) auto;gap:0 12px}.seen-list small{grid-row:2}.seen-list i{grid-row:1/3;grid-column:2}
.footer-top{grid-template-columns:1fr}.story-no{left:-10px;top:-30px}.excerpt{padding:20px}.x{right:12px;top:12px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html.js .rv{opacity:1;transform:none}html.js .ln>span{transform:none}html.js .seen{opacity:0}.portal{height:auto}.portal-stage{position:relative;height:auto;padding:60px 0;background:var(--night2)}.pt-frame,.pt-1,.pt-hint{display:none}.pt-city{position:absolute;opacity:1;transform:none}.pt-2{position:relative;opacity:1;transform:none;top:auto}}