.reading-room{--room-ink:#121626;--room-cream:#f3e7d3;--room-cream-soft:#f3e7d3bd;--room-copper:#d49a62;--room-line:#f3e7d32e;background:var(--room-ink);color:var(--room-cream);position:relative}.room-stage{isolation:isolate;height:clamp(600px,88vh,940px);position:relative;overflow:hidden}.room-canvas{z-index:1;position:absolute;inset:0}.room-poster{z-index:0;background-color:#1b2547;background-image:-webkit-image-set(url(/room/poster-wide.webp) 1x type("image/webp")),-webkit-linear-gradient(270deg,#1b2547 0%,#4b5b8f 42%,#f2b98f 70%,#c99fa1 100%);background-image:image-set("/room/poster-wide.webp" 1x type("image/webp")),linear-gradient(#1b2547 0%,#4b5b8f 42%,#f2b98f 70%,#c99fa1 100%);background-position:50%;background-size:cover;position:absolute;inset:0}.room-canvas{opacity:0;transition:opacity .7s}.room-stage[data-ready=true] .room-canvas{opacity:1}.room-scrim{z-index:2;pointer-events:none;background:linear-gradient(90deg,#0e1120c7 0%,#0e11206b 28%,#0e112000 48%),linear-gradient(#0e112000 80%,#0e112099 100%);position:absolute;inset:0}.room-targets{z-index:3;pointer-events:none;position:absolute;inset:0}.room-target{visibility:hidden;pointer-events:auto;cursor:pointer;will-change:transform;background:0 0;border:0;border-radius:6px;padding:0;transition:box-shadow .16s;position:absolute;top:0;left:0}.room-target:hover,.room-target:focus-visible{outline:none;box-shadow:0 0 0 2px #ffe0b0bf,0 0 28px #ffc47859}.room-target[aria-pressed=true]{box-shadow:none}.room-target[aria-pressed=true]:focus-visible{box-shadow:0 0 0 2px #ffe0b0bf}.room-intro{z-index:4;pointer-events:none;width:min(560px,42vw);position:absolute;top:clamp(44px,9vh,110px);left:clamp(20px,5vw,80px)}.room-intro>*{pointer-events:auto}.room-intro,.room-scrim,.room-enter{transition:opacity .42s}.room-stage[data-selected=true] .room-intro,.room-stage[data-selected=true] .room-enter{opacity:0;visibility:hidden;transition:opacity .32s,visibility 0s linear .32s}.room-stage[data-selected=true] .room-scrim{opacity:.35}.room-overline{color:var(--room-copper);font:600 .78rem/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;flex-wrap:wrap;gap:0 10px;margin:0 0 18px;display:flex}.room-intro h1{font:500 clamp(2.6rem, 5.2vw, 5.1rem) / .98 var(--display);letter-spacing:-.02em;color:var(--room-cream);text-shadow:0 2px 30px #00000080;margin:0}.room-intro h1 em{color:#e7b98a;font-style:italic;display:block}.room-hint{color:#f3e7d39e;max-width:28rem;margin:-12px 0 26px;font-size:.86rem}.room-lede{max-width:30rem;color:var(--room-cream-soft);margin:22px 0 28px;font-size:1.04rem;line-height:1.65}.room-intro-actions,.room-card-actions{flex-wrap:wrap;gap:10px;display:flex}.room-button{min-height:46px;color:var(--room-cream);font:600 .9rem/1 var(--sans);cursor:pointer;-webkit-backdrop-filter:blur(6px);background:#140e0a59;border:1px solid #f3e7d366;border-radius:999px;align-items:center;gap:8px;padding:0 20px;text-decoration:none;transition:background .16s,border-color .16s,transform .16s;display:inline-flex}.room-button:hover{background:#f3e7d31a;border-color:#f3e7d3cc}.room-button:focus-visible,.room-index-item:focus-visible{outline-offset:3px;outline:3px solid #f0c48f}.room-button-primary{color:#16110c;background:#f3e7d3;border-color:#f3e7d3}.room-button-primary:hover{background:#fff6e6}.room-button-glow{background:linear-gradient(135deg,#e7b98a47,#e7b98a1a);border-color:#e7b98a;box-shadow:0 0 34px #e7b98a47}.room-button-quiet{background:0 0;border-color:#0000}.room-card{z-index:4;color:#1c1a16;width:min(390px,34vw);position:absolute;top:50%;right:clamp(16px,4vw,64px);transform:translateY(-50%)}.room-card-body{background:radial-gradient(circle at 20% 10%,#fff9,#0000 60%),#f3ecdd;border:1px solid #b99c73cc;border-radius:4px;padding:26px 28px 24px;animation:.38s cubic-bezier(.2,.8,.2,1) room-card-in;box-shadow:0 30px 80px #0000008c,inset 0 2px #fff6}@keyframes room-card-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.room-state{font:700 .7rem/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;margin:0 0 14px;padding:5px 10px;display:inline-flex}.room-state span{background:currentColor;border-radius:50%;width:7px;height:7px}.room-state-public{color:#2f5a3f;background:#34463b1f}.room-state-preparing{color:#8a4a26;background:#9c552e1f}.room-state-study{color:#5d574e;background:#6b645a1f}.room-card-room{color:#8a4a26;font:600 .74rem/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;margin:0 0 4px}.room-card h2{font:500 2.1rem/1.02 var(--display);letter-spacing:-.01em;margin:0}.room-card-byline{color:#5d574e;font:italic 500 1.12rem/1.3 var(--display);margin:6px 0 14px}.room-card-thesis{font:500 1.2rem/1.35 var(--display);margin:0 0 16px}.room-card-note{color:#4b4d45;margin:0 0 18px;font-size:.92rem;line-height:1.55}.room-card-line{font:italic 500 1.08rem/1.4 var(--display);background:#b8793f14;border-left:3px solid #b8793f;margin:0 0 16px;padding:12px 14px}.room-card-facts{border-top:1px solid #d6c9b2;border-bottom:1px solid #d6c9b2;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 20px;padding:12px 0;display:grid}.room-card-facts dt{color:#8a4a26;font:600 .68rem/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase}.room-card-facts dd{margin:4px 0 0;font-size:.86rem;font-weight:600}.room-card-formats{flex-wrap:wrap;gap:6px;margin:0 0 12px;padding:0;list-style:none;display:flex}.room-card-formats li{border:1px solid #c9b394;border-radius:999px;padding:5px 10px;font-size:.78rem;font-weight:600}.room-card .room-button{color:#1c1a16;-webkit-backdrop-filter:none;background:0 0;border-color:#1c1a16}.room-card .room-button-primary{color:#f3ecdd;background:#1c1a16}.room-card .room-button-quiet{text-underline-offset:4px;border-color:#0000;text-decoration:underline}.room-enter{z-index:4;flex-wrap:wrap;align-items:center;gap:10px 16px;max-width:min(640px,60vw);display:flex;position:absolute;bottom:clamp(20px,4vh,44px);left:clamp(20px,5vw,80px)}.room-enter p{color:#f3e7d399;flex:260px;margin:0;font-size:.82rem;line-height:1.5}.room-enter .room-enter-error{color:#f0b38a;flex-basis:100%}.room-index{border-top:1px solid var(--room-line);scrollbar-width:thin;background:#0f1322;gap:10px;padding:18px clamp(20px,5vw,80px) 26px;display:flex;overflow-x:auto}.room-index-item{border:1px solid var(--room-line);min-height:56px;color:var(--room-cream);font:inherit;text-align:left;cursor:pointer;background:#f3e7d308;border-radius:999px;flex:none;align-items:center;gap:12px;padding:8px 18px 8px 10px;transition:border-color .16s,background .16s;display:flex}.room-index-item:hover,.room-index-item[aria-pressed=true]{background:#e7b98a1a;border-color:#e7b98ab3}.room-index-swatch{border-left:3px solid;border-radius:2px;width:12px;height:36px;box-shadow:inset 0 0 0 1px #0000004d}.room-index-text{gap:2px;display:grid}.room-index-text strong{font:500 1.1rem/1.1 var(--display)}.room-index-text small{color:#f3e7d38c;letter-spacing:.04em;font-size:.72rem}@media (max-width:900px){.room-stage{flex-direction:column;height:auto;display:flex;overflow:visible}.room-poster,.room-canvas,.room-targets,.room-scrim{height:62vh;top:0;bottom:auto}.room-poster{background-image:-webkit-image-set(url(/room/poster-tall.webp) 1x type("image/webp")),-webkit-linear-gradient(270deg,#1b2547 0%,#4b5b8f 42%,#f2b98f 70%,#c99fa1 100%);background-image:image-set("/room/poster-tall.webp" 1x type("image/webp")),linear-gradient(#1b2547 0%,#4b5b8f 42%,#f2b98f 70%,#c99fa1 100%)}.room-scrim{background:linear-gradient(#12162600 66%,#121626 100%)}.room-intro,.room-card,.room-enter{width:auto;max-width:none;position:relative;inset:auto;transform:none}.room-intro{order:2;margin:calc(62vh - 120px) 20px 0}.room-intro h1{font-size:clamp(2.3rem,10vw,3.4rem)}.room-card{order:3;margin:8px 16px 0}.room-enter{order:4;margin:20px 20px 24px}.room-stage[data-selected=true] .room-intro,.room-stage[data-selected=true] .room-enter{opacity:1;visibility:visible}.room-stage[data-selected=true] .room-card{order:1;margin-top:calc(62vh - 40px)}.room-stage[data-selected=true] .room-intro{margin-top:28px}}@media (prefers-reduced-motion:reduce){.room-card-body{animation:none}.room-button,.room-target{transition:none}}
.front-shelf,.preparing,.first-book,.agents-strip{width:var(--content);margin:0 auto}.front-shelf{grid-template-columns:minmax(280px,.8fr) minmax(0,1.4fr);align-items:start;gap:clamp(40px,6vw,100px);padding:120px 0 90px;display:grid}.front-shelf-heading h2,.preparing-heading h2,.first-book-heading h2,.agents-strip h2{letter-spacing:-.035em;margin:0 0 18px;font-size:clamp(2.6rem,4.4vw,4.6rem);line-height:.98}.front-shelf-heading p:not(.overline),.preparing-heading p:not(.overline){max-width:30rem;color:var(--muted)}.front-shelf-books{gap:36px;display:grid}.front-shelf-book{border:1px solid var(--line);background:radial-gradient(circle at 90% 0%, #ffffff8c, transparent 55%), var(--paper-soft);grid-template-columns:auto minmax(0,1fr);gap:clamp(24px,4vw,56px);padding:clamp(24px,3vw,40px);display:grid}.front-shelf-book>a{align-self:start;transition:transform .22s}.front-shelf-book>a:hover{transform:translateY(-4px)rotate(-.6deg)}.front-shelf-state{color:#2f5a3f;letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;font-size:.72rem;font-weight:700}.preparing .front-shelf-state{color:var(--copper)}.front-shelf-book h3,.preparing-card h3{margin:0;font-size:clamp(2rem,3vw,3rem);line-height:1}.front-shelf-book h3 a{text-decoration:none}.front-shelf-byline{color:var(--muted);font-family:var(--display);margin:8px 0 18px;font-size:1.2rem;font-style:italic}.front-shelf-facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,max-content));gap:12px 36px;margin:22px 0 28px;padding:14px 0;display:grid}.front-shelf-facts dt{color:var(--copper);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:600}.front-shelf-facts dd{margin:4px 0 0;font-weight:600}.front-shelf-actions{flex-wrap:wrap;gap:12px;display:flex}.preparing{border-top:1px solid var(--line);grid-template-columns:minmax(280px,.8fr) minmax(0,1.4fr);gap:clamp(40px,6vw,100px);padding:70px 0 110px;display:grid}.preparing-list{gap:28px;display:grid}.preparing-card{background:var(--cabinet);color:var(--cream);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:32px;padding:30px;display:grid}.preparing-card .front-shelf-byline,.preparing-card p{color:#eadcc7b8}.preparing-card .text-link{border-color:var(--cream);color:var(--cream)}.preparing-formats{flex-wrap:wrap;gap:8px;margin:18px 0 24px;padding:0;list-style:none;display:flex}.preparing-formats li{border:1px solid #eadcc759;border-radius:999px;padding:6px 12px;font-size:.8rem;font-weight:600}.first-book{border-top:1px solid var(--line);grid-template-columns:minmax(280px,.8fr) minmax(0,1.4fr);gap:clamp(40px,6vw,100px);padding:110px 0;display:grid}.first-book-heading .button{margin-top:12px}.first-book-steps{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;display:grid}.first-book-steps li{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px}.first-book-steps span{color:var(--copper);font-family:var(--display);font-size:1.3rem}.first-book-steps h3{margin:36px 0 10px;font-size:2rem;line-height:1.05}.first-book-steps p{color:var(--muted);margin:0;font-size:.92rem}.agents-strip{border:1px solid var(--line);background:var(--paper-soft);margin-bottom:120px;padding:56px clamp(24px,5vw,72px)}.agents-strip p:not(.overline){max-width:42rem;color:var(--muted)}.agents-links{flex-wrap:wrap;align-items:center;gap:14px;margin-top:26px;display:flex}.agents-links .button{letter-spacing:.02em;text-transform:none;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.8rem}@media (max-width:900px){.front-shelf,.preparing,.first-book{grid-template-columns:1fr;padding-top:72px;padding-bottom:72px}.front-shelf-book,.preparing-card{grid-template-columns:1fr}.front-shelf-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.first-book-steps{grid-template-columns:1fr}.agents-strip{width:calc(100% - 32px)}}.app-showcase{width:var(--content);border-top:1px solid var(--line);margin:0 auto;padding:110px 0 90px;scroll-margin-top:90px}.app-showcase-heading{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:end;gap:18px 60px;display:grid}.app-showcase-heading .overline,.app-showcase-heading h2{grid-column:1}.app-showcase-heading h2{letter-spacing:-.035em;margin:0;font-size:clamp(2.6rem,4.6vw,4.8rem);line-height:.98}.app-showcase-heading h2 em{color:var(--copper);display:block}.app-showcase-heading>p:not(.overline){color:var(--muted);grid-area:1/2/span 2;align-self:end;margin:0;font-size:1.02rem}.device-row{flex-wrap:wrap;grid-column:1/-1;gap:10px;margin:26px 0 0;padding:0;list-style:none;display:flex}.device-row li{border:1px solid var(--line);background:var(--paper-soft);border-radius:999px;align-items:center;gap:10px;padding:10px 16px 10px 12px;font-size:.9rem;font-weight:600;display:inline-flex}.device-row svg{fill:none;width:22px;height:22px;stroke:var(--ink);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.app-showcase-actions{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:14px 20px;margin-top:10px;display:flex}.app-showcase-actions small{color:var(--muted)}.app-gallery{grid-template-rows:auto auto;grid-template-columns:1.5fr 1fr .5fr .5fr;gap:16px;margin-top:54px;display:grid}.app-shot{background:#0f1322;border-radius:14px;margin:0;overflow:hidden}.app-shot img{object-fit:cover;width:100%;height:100%;display:block}.app-shot figcaption{color:#eadcc7cc;padding:10px 14px 12px;font-size:.8rem}.app-shot-vision{grid-area:1/1/span 2}.app-shot-vision img{aspect-ratio:16/10.5}.app-shot-ipad{grid-area:1/2}.app-shot-ipad img{aspect-ratio:4/3}.app-shot-line{grid-area:2/2}.app-shot-line img{aspect-ratio:16/9}.app-shot-phone{grid-row:1/span 2}.app-shot-phone img{aspect-ratio:560/1100;object-position:top}.app-moments{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:40px 0 0;padding:0;list-style:none;display:grid}.app-moments li{gap:6px;padding:22px 24px 0 0;display:grid}.app-moments strong{font-family:var(--display);font-size:1.8rem;font-weight:500}.app-moments span{color:var(--muted);font-size:.92rem}@media (max-width:900px){.app-showcase{padding:72px 0}.app-showcase-heading{grid-template-columns:1fr}.app-showcase-heading>p:not(.overline){grid-area:auto/1}.app-gallery{grid-template-columns:1fr 1fr}.app-shot-vision,.app-shot-ipad,.app-shot-line{grid-area:auto/1/auto/-1}.app-shot-phone{grid-row:auto}.app-moments{grid-template-columns:1fr}}