:root{--scene:#b9b787;--scene-glow:#5c7965}body.home{background:#101d1a}.home .nav{position:relative;z-index:4;padding:25px 5%;background:#101d1a}.home .brand{font-size:20px}.home .nav nav{font-size:13px;gap:25px}.home h1{font-size:clamp(3.2rem,5.7vw,6.4rem);line-height:.98;letter-spacing:-.055em}.home h1 em,.home h2 em{font-weight:normal;color:var(--scene);transition:color .7s}.home .intro{font:17px/1.8 Arial,sans-serif;max-width:440px;color:#b8c5be}.home .label{font:11px/1.7 'Courier New',monospace;letter-spacing:.16em;color:var(--scene)}.home .hero{position:relative;isolation:isolate;overflow:hidden;min-height:790px;max-width:none;gap:35px;padding:65px 7% 135px;grid-template-columns:1.05fr 1fr;background:radial-gradient(ellipse at var(--spot-x,75%) var(--spot-y,40%),color-mix(in srgb,var(--scene-glow) 32%,transparent),transparent 58%),#101d1a;transition:background-color .8s}.hero:after{content:'';position:absolute;z-index:-1;inset:0;opacity:.11;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='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.7' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none}.home .hero-copy{position:relative;z-index:2}.home .hero-copy .label{margin-bottom:32px}.home .actions{gap:25px}.home .button{border-radius:2px;background:var(--scene);padding:18px 24px;font:13px Arial,sans-serif;letter-spacing:.03em;transition:background .4s,box-shadow .3s}.home .button span{margin-left:25px}.home .text-link{font:13px/1.7 Arial,sans-serif}.scroll-note{font:9px/1.5 'Courier New',monospace;letter-spacing:.15em;color:#9faea2;margin:45px 0 0}.scroll-note span{display:inline-block;font-size:20px;margin-right:12px;animation:scroll-cue 2.5s ease-in-out infinite}.case-stage{height:510px;position:relative;display:grid;place-items:center;perspective:1100px;--rx:0deg;--ry:0deg}.stage-book{width:230px;position:relative;display:block;transform:rotateX(var(--rx)) rotateY(var(--ry)) rotate(-8deg);transform-style:preserve-3d;transition:transform .2s ease-out;z-index:2;box-shadow:22px 35px 55px #0009}.stage-book:before{content:'';position:absolute;inset:6px -10px -6px auto;width:10px;background:repeating-linear-gradient(#eee6d5 0 1px,#b7b19e 1px 2px);transform:skewY(30deg);transform-origin:left}.stage-book img{width:100%;aspect-ratio:2/3;object-fit:cover;transition:filter .5s}.book-shine{position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,#ffffff28 48%,transparent 60%);mix-blend-mode:screen;pointer-events:none;opacity:.55}.orbital-ring{position:absolute;border:1px solid #b6c4a529;width:440px;height:440px;border-radius:50%;transform:rotateX(55deg) rotate(-25deg)}.ring-two{width:510px;height:510px;transform:rotateX(20deg) rotateY(45deg);border-style:dashed;opacity:.5}.ring-one:after{content:'';width:9px;height:9px;border-radius:50%;background:var(--scene);position:absolute;top:12%;left:15%;box-shadow:0 0 20px var(--scene)}.evidence-tag{position:absolute;right:0;top:40px;border:1px solid #c7c7a54d;padding:13px;transform:rotate(8deg);font:9px monospace;color:var(--scene);z-index:3;background:#101d1a9c}.evidence-tag b{font:45px Georgia;display:block}.evidence-tag span{display:block;font-size:7px;letter-spacing:.12em}.stage-coordinates{position:absolute;top:-10px;left:0;font:8px monospace;letter-spacing:.1em;color:#8b9f93}.feature-caption{position:absolute;bottom:-25px;left:0;right:0;text-align:center;z-index:3}.feature-caption .label{margin:0 0 3px!important}.feature-caption p:not(.label){font:22px Georgia;margin-bottom:8px}.feature-caption a{color:var(--scene)}.mood-bar{position:absolute;bottom:0;left:0;right:0;min-height:90px;padding:23px 7%;border-top:1px solid #c5d8bd26;display:flex;align-items:center;gap:25px;background:#0e1915a8;z-index:3}.mood-bar>.label{margin:0;flex-shrink:0}.mood-buttons{display:flex;gap:8px;flex-wrap:wrap}.mood-buttons button{font:10px/1.5 Arial,sans-serif;background:transparent;color:#b3c2b5;border:1px solid #a6bc9d36;border-radius:30px;padding:10px 14px;cursor:pointer;transition:color .3s,background .3s,border-color .3s}.mood-buttons button[aria-pressed=true]{color:#101d1a;background:var(--scene);border-color:var(--scene)}.mood-status{font:italic 12px Georgia;color:#a6b49f;margin-left:auto;max-width:160px}.scene-specks i{position:absolute;width:3px;height:3px;background:var(--scene);box-shadow:0 0 9px var(--scene);border-radius:50%;animation:drift 7s ease-in-out infinite;top:20%;left:15%}.scene-specks i:nth-child(2){top:65%;left:84%;animation-delay:-3s}.scene-specks i:nth-child(3){top:40%;left:90%;animation-delay:-1s}.scene-specks i:nth-child(4){top:75%;left:22%;animation-delay:-5s}.scene-specks i:nth-child(5){top:10%;left:70%;animation-delay:-2s}.scene-specks i:nth-child(6){top:55%;left:5%;animation-delay:-4s}.home .ribbon{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#bfc0a0;padding:18px}.home .collection{background:#eee9dc;padding:95px 7%}.home .collection h2{font-size:clamp(2.8rem,5vw,5rem);line-height:1.05}.home .collection h2 em{color:#6d7654}.home .section-title{max-width:730px}.home .section-title>p:last-child{font:16px/1.8 Arial,sans-serif;max-width:510px;color:#5b655b}.home .book-grid{gap:60px 35px}.home .book-card .cover-link{position:relative;overflow:hidden;min-height:380px;display:grid;place-items:center;border-radius:160px 160px 4px 4px;perspective:900px}.book-card .cover-link img{transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(var(--lift,0px));transition:transform .25s ease-out,filter .3s;max-height:300px}.book-card .cover-link:hover{--lift:-12px}.home .book-card h3{font-size:26px}.home .book-card p{font:14px/1.8 Arial,sans-serif;color:#596257}.home .book-card .label{font:10px monospace;color:#735737}.home .book-card.selected .cover-link{outline:2px solid #576b4d;outline-offset:6px}.home .choose{padding:85px 7%;background:#1b3027}.home .choices a{transition:padding .3s,background .3s}.home .choices a:hover{padding-left:15px;background:#a4b2830c}.home .pairing{background:#b9bb94;padding:95px 7%}.home .pair-covers a{transition:transform .5s}.home .pair-covers a:first-child{transform:rotate(-7deg)}.home .pair-covers a:last-child{transform:rotate(7deg)}.home .pair-covers a:hover{transform:rotate(0) translateY(-18px)}.home .reader{padding:65px 7%}.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:#b9b787;transform:scaleX(0);transform-origin:left;z-index:20;pointer-events:none}.motion-ready .reveal{opacity:0;transform:translateY(35px);transition:opacity .8s,transform .8s}.motion-ready .reveal.visible{opacity:1;transform:translateY(0)}.detail .book-object{perspective:1000px}.detail .book-object img{transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .25s}.page-pair a{transition:transform .4s}.page-pair a:hover{transform:translateY(-8px) rotate(-1deg)}@keyframes drift{0%,100%{transform:translateY(0);opacity:.2}50%{transform:translateY(-28px);opacity:.8}}@keyframes scroll-cue{50%{transform:translateY(7px)}}
@media(min-width:1500px){.home .hero{padding-inline:10%}.stage-book{width:270px}}@media(max-width:1100px){.mood-status{display:none}.home .hero{padding-inline:5%;gap:20px}.stage-book{width:210px}.orbital-ring{width:360px;height:360px}.ring-two{width:400px;height:400px}.home .hero{min-height:760px}.mood-bar{padding-inline:5%;gap:14px}}@media(max-width:760px){.home .hero{grid-template-columns:1fr;padding:45px 6% 155px;min-height:0;gap:35px}.home h1{font-size:clamp(3.2rem,10vw,4.8rem)}.home .hero-copy .label{margin-bottom:20px}.home .hero-copy .intro{max-width:520px}.scroll-note{display:none}.case-stage{height:440px;max-width:450px;width:100%;margin:auto}.stage-book{width:195px}.stage-coordinates{top:0}.feature-caption{bottom:-5px}.mood-bar{display:block;padding:15px 6%;min-height:125px}.mood-bar>.label{display:block;margin-bottom:9px}.mood-buttons{gap:7px}.mood-buttons button{padding:9px 11px;font-size:10px}.home .nav nav{gap:12px 19px}.home .book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 20px}.home .book-card .cover-link{min-height:270px;padding:25px 18px;border-radius:90px 90px 3px 3px}.home .book-card img{max-height:220px}.home .book-card h3{font-size:22px}.home .collection,.home .choose,.home .pairing{padding:60px 6%}.home .pairing{grid-template-columns:1fr}.home .ribbon{gap:10px;font-size:8px}.home .coming .book-grid{grid-template-columns:1fr 1fr}}@media(max-width:420px){.home .book-grid,.home .coming .book-grid{grid-template-columns:1fr}.home .book-card .cover-link{min-height:350px}.home .book-card img{max-height:290px}.evidence-tag{right:0}.home .hero{padding-bottom:180px}.mood-bar{min-height:145px}.orbital-ring{width:300px;height:300px}.ring-two{width:340px;height:340px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-ready .reveal{opacity:1;transform:none}.stage-book,.book-card .cover-link img,.detail .book-object img{transform:none!important}}
/* A hinged cover and a two-sided paper leaf, rendered in CSS 3D. */
.book-reader{--book-width:230px;position:relative;width:var(--book-width);perspective:1600px;z-index:3;margin:auto;touch-action:pan-y}.volume{position:relative;width:100%;aspect-ratio:2/3;transform-style:preserve-3d;transform:rotateX(var(--rx,5deg)) rotateY(var(--ry,-12deg)) rotateZ(-6deg);transition:transform 1.1s cubic-bezier(.2,.75,.2,1);filter:none}.book-reader.is-open .volume{transform:translateX(50%) rotateX(5deg) rotateY(0deg) rotateZ(0deg)}.back-board,.page-block,.base-page,.turning-page,.front-board{position:absolute;inset:0;transform-style:preserve-3d;transform-origin:left center;border-radius:1px 5px 5px 1px}.back-board{background:#1e3028;transform:translateZ(-12px);box-shadow:12px 28px 35px #0008}.page-block{background:#ece4d3;transform:translateZ(-7px);box-shadow:3px 2px 0 #a69f8b,5px 4px 0 #f1eadb,7px 6px 0 #aaa28f,9px 8px 0 #e8e0ca}.base-page{transform:translateZ(-2px);overflow:hidden;background:#faf7eb}.base-page:after,.page-front:after,.page-back:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#30231940,transparent 12%,transparent 85%,#30231912)}.turning-page{transform:translateZ(1px);transition:transform 1.15s cubic-bezier(.25,.6,.2,1);z-index:2}.book-reader.page-turned .turning-page{transform:translateZ(1px) rotateY(-180deg)}.page-front,.page-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;background:#faf7eb;border-radius:1px 4px 4px 1px}.page-back{transform:rotateY(180deg)}.front-board{padding:0;border:0;cursor:pointer;color:#23362b;background:transparent;transform:translateZ(8px);transition:transform 1.2s cubic-bezier(.2,.7,.2,1);z-index:4}.book-reader.is-open .front-board{transform:translateZ(8px) rotateY(-175deg)}.cover-face,.cover-inside{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;box-shadow:inset 6px 0 12px #0003}.cover-face{background:#19382d;border-radius:1px 4px 4px 1px;box-shadow:10px 18px 25px #0005}.cover-inside{transform:rotateY(180deg);background:#eee7d4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;border:7px solid #33463c;text-align:center;font:12px/1.6 Georgia,serif;letter-spacing:.15em}.cover-inside em{font:italic 11px Georgia;letter-spacing:0}.book-reader img,.detail .book-object .book-reader img{width:100%;height:100%;max-height:none;object-fit:fill;box-shadow:none;transform:none!important;margin:0}.book-controls{position:absolute;top:calc(100% + 29px);left:50%;width:max-content;max-width:460px;transform:translateX(-50%);display:flex;gap:8px;align-items:center;justify-content:center}.book-controls button{border:1px solid #a8ba9f65;border-radius:22px;background:#14241e;color:#f4eddb;padding:10px 13px;cursor:pointer;font:11px/1.3 Arial,sans-serif;white-space:nowrap}.book-controls button[hidden]{display:none}.book-controls button:hover{background:#344c3d}.book-controls button:disabled{opacity:.35;cursor:default}.page-status{position:absolute;top:calc(100% + 71px);left:50%;transform:translateX(-50%);width:340px;text-align:center;color:#acbcae;font:10px/1.5 Arial,sans-serif;margin:0}.case-stage .book-reader{align-self:start;margin-top:45px}.case-stage .feature-caption{bottom:-38px}.case-stage{height:550px}.book-object .book-reader{--book-width:260px;margin-bottom:100px}.book-object .file-stamp{margin-top:28px}.book-object{overflow:visible}.detail .book-reader .page-status{color:var(--ink)}.detail.full .book-controls button{background:#222c25}.book-reader:not(.is-open) .base-page,.book-reader:not(.is-open) .turning-page{visibility:hidden}.book-reader.is-open .base-page,.book-reader.is-open .turning-page{visibility:visible}.book-reader.page-turned .page-back{box-shadow:-6px 12px 20px #0002}.front-board:focus-visible{outline:3px solid var(--accent);outline-offset:6px}
@media(max-width:1100px){.book-reader{--book-width:210px}.book-object .book-reader{--book-width:200px}}@media(max-width:760px){.case-stage{height:465px}.case-stage .book-reader{--book-width:160px;margin-top:35px}.case-stage .feature-caption{bottom:-20px}.book-controls{gap:5px;max-width:330px}.book-controls button{font-size:10px;padding:10px}.book-object .book-reader{--book-width:160px}.cover-inside{font-size:9px;gap:20px}.page-status{width:290px}.book-object{width:100%}.book-reader.is-open .volume{transform:translateX(50%) rotateX(0deg)}}@media(prefers-reduced-motion:reduce){.book-reader .volume{transform:rotateZ(-3deg)!important}.book-reader.is-open .volume{transform:translateX(50%)!important}.book-reader .front-board{transform:translateZ(8px)!important}.book-reader.is-open .front-board{transform:translateZ(8px) rotateY(-175deg)!important}.book-reader .turning-page{transform:translateZ(1px)!important}.book-reader.page-turned .turning-page{transform:translateZ(1px) rotateY(-180deg)!important}}
.front-board,.turning-page{z-index:auto}.book-reader.page-turned .turning-page{transform:translateZ(15px) rotateY(-180deg)}@media(prefers-reduced-motion:reduce){.book-reader.page-turned .turning-page{transform:translateZ(15px) rotateY(-180deg)!important}}
.book-reader.page-turned .turning-page{transform:translateZ(35px) rotateY(-180deg)}@media(prefers-reduced-motion:reduce){.book-reader.page-turned .turning-page{transform:translateZ(35px) rotateY(-180deg)!important}}

@media(min-width:761px){.mood-bar{gap:14px}.mood-bar>.mood-status{display:none}.mood-buttons{flex-wrap:nowrap}.mood-buttons button{white-space:nowrap}}