.book-view{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:14px max(16px,env(safe-area-inset-right,0px)) 12px max(16px,env(safe-area-inset-left,0px));background:radial-gradient(120% 90% at 50% 40%,var(--desk-2),var(--desk))}.stage{flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;touch-action:pan-y}.book{--avail-h: calc(100dvh - var(--header-h) - 92px);--pw: max(220px, min(470px, calc(100vw - 36px) , calc(var(--avail-h) * .72)));--ph: calc(var(--pw) / .72);--u: calc(var(--pw) / 100);position:relative;width:var(--pw);height:var(--ph);perspective:2600px;transition:transform .8s cubic-bezier(.4,.1,.2,1);filter:drop-shadow(0 18px 22px rgba(0,0,0,.28))}@media(min-width:752px){.book:not(.single){--pw: max(220px, min(470px, calc((100vw - 64px)/2) , calc(var(--avail-h) * .72)));width:calc(var(--pw) * 2);transform:translate(calc(var(--pw) * -.5))}.book:not(.ready)>.face:first-child{left:var(--pw)}}.book.spread{width:calc(var(--pw) * 2)}.book.single{width:var(--pw)}.book:not(.ready)>.face{display:none}.book:not(.ready)>.face:first-child{display:block;position:absolute;top:0;left:0;width:var(--pw);height:100%;border-radius:0 6px 6px 0}.leaf{position:absolute;top:0;left:var(--pw);width:var(--pw);height:100%;transform-origin:left center;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.4,.1,.2,1);cursor:pointer}.leaf.off{display:none}.book.no-anim,.book.no-anim .leaf{transition:none!important}.book.single .leaf{left:0}.leaf.flipped{transform:rotateY(-180deg)}.book.single .leaf.flipped{opacity:0;transition:transform .8s cubic-bezier(.4,.1,.2,1),opacity .2s .6s}.face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;background-color:var(--paper);background-image:radial-gradient(circle at 1px 1px,rgba(55,55,70,.13) 1px,transparent 1.5px);background-size:calc(var(--u) * 5) calc(var(--u) * 5);color:var(--ink);border:1px solid var(--paper-edge)}.face.back{transform:rotateY(180deg);border-radius:6px 0 0 6px}.face.front{border-radius:0 6px 6px 0}.book.single .face.front{border-radius:6px}.face.front:after,.face.back:after{content:"";position:absolute;top:0;bottom:0;width:12%;pointer-events:none}.face.front:after{left:0;background:linear-gradient(90deg,#00000029,#0000)}.face.back:after{right:0;background:linear-gradient(270deg,#00000029,#0000)}.book.single .face.front:after{width:5%}.controls{display:flex;align-items:center;gap:14px;font-size:13px;color:var(--fg-soft);flex:none}.controls button{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--desk);color:var(--fg);font-size:18px;cursor:pointer}.controls button:disabled{opacity:.35;cursor:default}.page-num{min-width:132px;text-align:center;font-variant-numeric:tabular-nums}.pg{position:absolute;inset:0;padding:calc(var(--u) * 7) calc(var(--u) * 7) calc(var(--u) * 9);display:flex;flex-direction:column;gap:calc(var(--u) * 2.6);font-size:calc(var(--u) * 3.9);line-height:1.45}.pg h2{font-family:var(--f-display);font-weight:400;font-size:calc(var(--u) * 8.4);line-height:1;letter-spacing:.02em;margin:0;text-wrap:balance}.pg h3{font-family:var(--f-hand);font-weight:700;font-size:calc(var(--u) * 6);line-height:1.1;margin:0;color:var(--indigo)}.pg p{margin:0}.pg .eyebrow{font-size:calc(var(--u) * 2.8);margin:0}.pg .note{font-size:calc(var(--u) * 3.6);line-height:1.2}.pg .sample{font-size:calc(var(--u) * 2.5);padding:0 calc(var(--u) * 1.2)}.pg .status{font-size:calc(var(--u) * 2.8);padding:calc(var(--u) * .6) calc(var(--u) * 1.8)}.pg .row{gap:calc(var(--u) * 2)}.pg .tape{width:calc(var(--u) * 13);height:calc(var(--u) * 4.2);top:calc(var(--u) * -1.6)}.pg .tape.tl{left:calc(var(--u) * -3)}.pg .tape.tr{right:calc(var(--u) * -3)}.pg .photo-todo{font-size:calc(var(--u) * 3.6);padding:calc(var(--u) * 3)}.folio{position:absolute;bottom:calc(var(--u) * 3);font-family:var(--f-hand);font-size:calc(var(--u) * 3.2);color:var(--ink-soft)}.face.front .folio,.book:not(.ready) .folio{right:calc(var(--u) * 5)}.face.back .folio{left:calc(var(--u) * 5)}.skip{position:absolute;bottom:calc(var(--u) * 3.2);left:50%;transform:translate(-50%);font-size:calc(var(--u) * 2.7);color:var(--ink-soft);text-decoration:none;white-space:nowrap;letter-spacing:.02em}.skip:hover{color:var(--orange-strong);text-decoration:underline}.pg .photo{box-shadow:0 2px 6px #0000002e}.price{font-weight:700;font-size:calc(var(--u) * 4.6);font-variant-numeric:tabular-nums}.door{align-self:flex-start;font:700 calc(var(--u) * 3.8) var(--f-body);color:var(--orange-ink);background:var(--orange-strong);border:0;border-radius:calc(var(--u) * 1.2);padding:calc(var(--u) * 2) calc(var(--u) * 3.6);cursor:pointer;display:inline-flex;gap:calc(var(--u) * 1.6);align-items:center;box-shadow:0 3px 0 var(--orange-deep);text-decoration:none}.door:active{transform:translateY(2px);box-shadow:0 1px 0 var(--orange-deep)}.door.ghost{background:transparent;color:var(--orange-strong);box-shadow:inset 0 0 0 2px var(--orange-strong)}.pg .more{font-size:calc(var(--u) * 3.2);font-weight:600;color:var(--orange-strong);text-decoration:none}.pg .more:hover{text-decoration:underline}.face.cover,.face.back-cover{background:var(--ink);color:var(--paper);background-image:none}.cover .pg{justify-content:space-between}.cover .title{font-family:var(--f-display);font-size:calc(var(--u) * 11.5);line-height:.95;letter-spacing:.02em;color:var(--paper);margin:0;font-weight:400}.cover .title em{font-style:normal;color:var(--orange)}.cover .sk{flex:1;min-height:0;display:flex;justify-content:center;margin:0}.cover .sk img{height:100%;width:auto;max-width:100%;object-fit:contain;mix-blend-mode:screen;filter:invert(1) contrast(1.15);opacity:.92}.cover .sub{display:flex;justify-content:space-between;align-items:flex-end;gap:calc(var(--u) * 3)}.cover .note,.back-cover .note{color:var(--cover-note)}.label{font-size:calc(var(--u) * 2.7);letter-spacing:.14em;text-transform:uppercase;opacity:.8}.face.cover .skip,.face.back-cover .skip,.face.back-cover .folio{color:#b8b3aa}.face.cover .sample,.face.back-cover .sample{color:#d9cfc4}.piece-grid{flex:1;min-height:0;display:grid;grid-template-columns:44% 1fr;gap:calc(var(--u) * 4.5)}.piece-grid>.photo,.piece-grid>.reel{height:100%}.piece-grid>.reel .reel-poster{flex:1;min-height:0;aspect-ratio:auto}.piece-grid>.reel .reel-text{display:none}.piece-grid .txt{display:flex;flex-direction:column;gap:calc(var(--u) * 2.2);min-width:0}.meta{color:var(--ink-soft);font-size:calc(var(--u) * 3.3)}.story-text{font-size:calc(var(--u) * 3.5)}.wide-photo{height:40%;flex:none}.full-photo{flex:1}.pg .reel{font-size:calc(var(--u) * 3);gap:calc(var(--u) * 2.4)}.pg .reel-play{width:calc(var(--u) * 9);height:calc(var(--u) * 9);margin:calc(var(--u) * -4.5) 0 0 calc(var(--u) * -4.5)}.pg .reel-play:before{border-width:calc(var(--u) * 1.6) 0 calc(var(--u) * 1.6) calc(var(--u) * 2.6)}.pg .reel-ig{font-size:calc(var(--u) * 2);left:calc(var(--u) * 1.2);top:calc(var(--u) * 1.2);padding:calc(var(--u) * .3) calc(var(--u) * 1.2)}.pg .reel--compact{align-items:center;flex:none}.pg .reel--compact .reel-poster{height:calc(var(--u) * 22)}.pg .reel--compact q{font-size:calc(var(--u) * 3.2)}.reels-pair{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u) * 5)}.reels-pair .reel{min-height:0}.reels-pair .reel-poster{flex:1;min-height:0;aspect-ratio:auto;width:100%}.reels-pair q{font-size:calc(var(--u) * 3);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.reveal{position:relative;flex:1;min-height:0;overflow:hidden;background:#ddd;--x: 100%;box-shadow:0 2px 6px #0000002e;touch-action:none}.reveal img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%}.reveal .skl{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--x)) 0 0)}.reveal .handle{position:absolute;top:0;bottom:0;left:var(--x);width:3px;margin-left:-1.5px;background:var(--orange);pointer-events:none}.reveal .handle:after{content:"↔";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(var(--u) * 9);height:calc(var(--u) * 9);border-radius:50%;background:var(--orange);color:#fff;display:grid;place-items:center;font-size:calc(var(--u) * 4.4)}.reveal input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}.reveal:has(input:focus-visible){outline:2px solid var(--orange);outline-offset:2px}.reveal .tag{position:absolute;bottom:calc(var(--u) * 2);font-family:var(--f-hand);font-size:calc(var(--u) * 3.6);background:#efeee7e0;color:var(--ink);padding:0 calc(var(--u) * 1.6);border-radius:3px;pointer-events:none}.reveal .tag.l{left:calc(var(--u) * 2)}.reveal .tag.r{right:calc(var(--u) * 2)}.stages{flex:1;min-height:0;display:grid;grid-template-rows:repeat(3,1fr);gap:calc(var(--u) * 3)}.stage-row{display:grid;grid-template-columns:42% 1fr;gap:calc(var(--u) * 3.5);align-items:center;min-height:0}.stage-row .photo{height:100%}.stage-row .num{font-family:var(--f-display);font-size:calc(var(--u) * 7);color:var(--orange);line-height:1}.stage-row .door{margin-top:calc(var(--u) * 1.6);padding:calc(var(--u) * 1.4) calc(var(--u) * 2.8);font-size:calc(var(--u) * 3.4)}.quotes{display:flex;flex-direction:column;gap:calc(var(--u) * 3);margin:0;padding:0}.quotes blockquote{margin:0;font-family:var(--f-hand);color:var(--indigo);font-size:calc(var(--u) * 4.4);line-height:1.25;padding-left:calc(var(--u) * 3);border-left:calc(var(--u) * .6) solid var(--orange)}.crafts-mini{display:flex;flex-wrap:wrap;gap:calc(var(--u) * 1.4);list-style:none;margin:0;padding:0}.crafts-mini li{font-size:calc(var(--u) * 2.8);font-weight:600;border:1px solid var(--paper-edge);background:#fff8;border-radius:999px;padding:calc(var(--u) * .4) calc(var(--u) * 2)}.since{font-family:var(--f-display);color:var(--orange);font-size:calc(var(--u) * 5.2);line-height:1}.legacy-quote{font-family:var(--f-hand);color:var(--indigo);font-size:calc(var(--u) * 5.6);line-height:1.25;margin:auto 0}.legacy-quote footer{font-family:var(--f-body);color:var(--ink-soft);font-size:calc(var(--u) * 3.2);margin-top:calc(var(--u) * 3)}.pg .owners-map{flex:none}.pg .owners-map text{font-size:19px}.pg .owners-list{gap:calc(var(--u) * 1.6);font-size:calc(var(--u) * 3.4)}.pg .owners-list li{padding-bottom:calc(var(--u) * 1.2);gap:calc(var(--u) * 2)}.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--u) * 2.5);flex:1;min-height:0;max-height:calc(var(--u) * 26)}.slot{border:2px dashed var(--paper-edge);border-radius:4px;display:grid;place-items:center;text-align:center;font-family:var(--f-hand);color:var(--ink-soft);font-size:calc(var(--u) * 3.2);padding:calc(var(--u) * 2)}.pg .steps{gap:calc(var(--u) * 3.4);margin:0}.pg .steps li{grid-template-columns:calc(var(--u) * 9) 1fr;gap:calc(var(--u) * 2.5)}.pg .steps li i{font-size:calc(var(--u) * 7)}.pg .steps li p{font-size:inherit;margin:0}.arch{flex:1;min-height:0;position:relative;display:grid;place-items:end center;padding-bottom:calc(var(--u) * 6);text-decoration:none;background:radial-gradient(70% 85% at 50% 100%,#3a2a20,#120d0a 70%);border-radius:50% 50% 4px 4px/34% 34% 4px 4px;overflow:hidden;cursor:pointer}.arch:before{content:"";position:absolute;left:14%;right:14%;top:24%;height:34%;background:var(--orange);opacity:.85;background-image:repeating-linear-gradient(90deg,rgba(0,0,0,.18) 0 2px,transparent 2px 18%)}.arch:after{content:"";position:absolute;left:0;right:0;bottom:0;height:30%;background:linear-gradient(transparent,#ffd6a026)}.arch .door{position:relative;z-index:2;align-self:end}.back-cover .pg{justify-content:center;align-items:flex-start;gap:calc(var(--u) * 3)}.back-cover h2{color:var(--paper)}.back-cover .handle-ig{font-family:var(--f-hand);font-size:calc(var(--u) * 5);color:var(--cover-note);text-decoration:none}.back-cover .contact-line{font-variant-numeric:tabular-nums}.back-cover .contact-line .num{user-select:all;font-weight:700}.back-cover a{color:var(--paper)}.back-cover .door{color:var(--orange-ink)}@media(prefers-reduced-motion:reduce){.book,.leaf{transition-duration:.01s!important}}