@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Serif+TC:wght@400;500;600;700&family=Shippori+Mincho:wght@400;500;600;700&display=swap";:root{color:#251b16;background:#e9ddc1;font-family:"Noto Serif TC",serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:hidden}main{overflow:clip}.shelf-intro{height:240vh;position:relative;background:#1b1613}.scene{position:sticky;top:0;height:100vh}.scene canvas{display:block;width:100%!important;height:100%!important}.intro-copy{position:fixed;z-index:2;top:50%;left:clamp(1.5rem,7vw,8rem);transform:translateY(-46%);color:#f2e4ca;pointer-events:none}.eyebrow,.folio,.cover-kicker,.scroll-note,.credit{font-family:DM Mono,monospace;font-size:.65rem;letter-spacing:.13em;line-height:1.7;text-transform:uppercase}.intro-copy h1{font-family:Shippori Mincho,serif;font-size:clamp(6rem,17vw,14rem);line-height:.75;font-weight:500;letter-spacing:-.11em;margin:.8rem 0 1.25rem -.55rem}.jp{letter-spacing:.08em;font-size:clamp(.85rem,1.5vw,1rem)}.scroll-note{color:#bda987;margin-top:3.8rem}.shelf-tag{position:fixed;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-4deg);color:#4d2d20;background:#dfcda8;width:9.5rem;height:15rem;padding:1.2rem .75rem;display:flex;flex-direction:column;justify-content:space-between;font-family:Shippori Mincho,serif;font-size:3.8rem;box-shadow:.5rem .7rem 2rem #0006;pointer-events:none}.shelf-tag small{font:.58rem DM Mono,monospace;letter-spacing:.1em}.zine{position:relative;background:#e9ddc1}.page{min-height:100vh;padding:clamp(2rem,6vw,7rem);position:relative}.folio{margin:0;color:#78513c}.cover{padding-top:clamp(5.5rem,13vw,10rem);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(12rem,.75fr);grid-template-rows:auto auto 1fr;gap:1.5rem clamp(2rem,6vw,8rem)}.cover .folio{grid-column:1 / -1}.cover-kicker{margin:0;align-self:end}h2{font:500 clamp(2.8rem,6vw,7.3rem)/1.08 "Shippori Mincho","Noto Serif TC",serif;letter-spacing:-.06em;margin:0}h2 em{color:#ad4e34;font-style:normal}.portrait-placeholder,.photo-placeholder{background:#42554e;position:relative;overflow:hidden;display:grid;place-items:center;color:#e9ddc1;min-height:28rem;isolation:isolate}.portrait-placeholder:before,.photo-placeholder:before{content:"";position:absolute;width:70%;aspect-ratio:1;border:1px solid #e9ddc155;border-radius:50%;top:17%}.portrait-placeholder span,.photo-placeholder span{font:.65rem/1.8 DM Mono,monospace;letter-spacing:.12em;text-align:center;z-index:1}.cover .intro{grid-column:1;max-width:29rem;line-height:2.2;align-self:end;font-size:1.05rem}.cover .portrait-placeholder{grid-column:2;grid-row:2 / span 2}.experience{background:#294740;color:#f0e3c9;display:flex;flex-direction:column;justify-content:center}.experience .folio{color:#c9af82;position:absolute;top:clamp(2rem,6vw,7rem);left:clamp(2rem,6vw,7rem)}.section-heading{display:grid;grid-template-columns:1fr 2.5fr;align-items:end;border-bottom:1px solid #f0e3c955;padding-bottom:2rem}.section-heading .jp{color:#cfb887}.experience-list{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;margin:4rem 0}.experience-card{border-top:1px solid #f0e3c955;padding-top:1rem}.experience-card span,.favourite-grid b{font:.65rem DM Mono,monospace;color:#cfb887}h3{font:500 1.45rem Shippori Mincho,serif;margin:1.1rem 0 .8rem}.experience-card p,.side-note,.recipe-copy>p:not(.folio):not(.jp){line-height:2;font-size:.92rem}.side-note{align-self:flex-end;max-width:21rem;color:#d2c5ab}.split-page{display:grid;grid-template-columns:1fr 1fr;padding:0;min-height:100vh}.kitchen-photo{background:#a54f32;min-height:100%}.recipe-copy{padding:clamp(3rem,8vw,10rem);display:flex;flex-direction:column;justify-content:center}.recipe-copy .jp{color:#a44f35;margin:3rem 0 1rem}.recipe-copy h2{font-size:clamp(2.5rem,5vw,5.7rem)}.recipe-copy>p:last-child{max-width:26rem;margin-top:3rem}.favorites{background:#d5c194;padding-top:clamp(5rem,14vw,13rem)}.favorites h2{color:#3a3125}.favourite-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;max-width:70rem;margin:clamp(3rem,7vw,7rem) 0;border-top:1px solid #725843}.favourite-grid article{min-height:15rem;padding:1.4rem 2rem 1.4rem 0;border-bottom:1px solid #725843}.favourite-grid article+article{padding-left:2rem;border-left:1px solid #725843}.favourite-grid h3{font-size:2.1rem;margin-top:3rem}.favourite-grid p{max-width:13rem;line-height:1.9}.book-spines{display:flex;align-items:end;height:13rem;max-width:50rem;margin-left:auto}.book-spines i{background:#8c4330;width:13%;height:95%;margin-right:.3rem}.book-spines i:nth-child(2){height:70%;background:#23453e}.book-spines i:nth-child(3){height:85%;background:#e6dcc1}.book-spines i:nth-child(4){height:60%;background:#3b332b}.book-spines i:nth-child(5){height:80%;background:#ba9660}.book-spines i:nth-child(6){height:98%;background:#294740}.book-spines i:nth-child(7){height:76%;background:#c15539}.closing{background:#261b17;color:#f1e3c8;display:flex;flex-direction:column;justify-content:center}.closing .folio{color:#b99461;position:absolute;top:clamp(2rem,6vw,7rem);left:clamp(2rem,6vw,7rem)}.closing .jp{color:#caaa78;margin-bottom:1.2rem}.closing h2{max-width:55rem}.closing>p:not(.folio):not(.jp):not(.credit){color:#bda98b;margin:3rem 0 1rem}.email{color:#f1e3c8;font:clamp(1.3rem,3vw,3rem) "Shippori Mincho",serif;text-decoration:none;border-bottom:1px solid #f1e3c8;padding-bottom:.5rem;width:fit-content}.email span{color:#bd573a}.credit{color:#8e755b;position:absolute;bottom:clamp(2rem,6vw,7rem)}@media(max-width:700px){.intro-copy{left:1.7rem}.intro-copy h1{font-size:7rem}.page{padding:2rem 1.5rem}.cover{display:flex;flex-direction:column;padding-top:5rem}.cover .portrait-placeholder{min-height:25rem;order:3}.cover .intro{order:4}.section-heading,.experience-list,.split-page,.favourite-grid{grid-template-columns:1fr}.section-heading .jp{margin:0 0 1rem}.experience-list{gap:1.5rem;margin:3rem 0}.experience-card{display:grid;grid-template-columns:2rem 1fr;column-gap:.5rem}.experience-card h3,.experience-card p{grid-column:2}.experience-card h3{margin-top:-.2rem}.split-page{display:flex;flex-direction:column}.kitchen-photo{min-height:65vh}.recipe-copy{padding:4rem 1.5rem}.favourite-grid article+article{padding-left:0;border-left:0}.favourite-grid article{min-height:auto;padding:1.8rem 0}.favourite-grid h3{margin:1rem 0}.book-spines{height:8rem}.closing{min-height:100svh}.shelf-tag{width:7.5rem;height:12rem;font-size:3rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scene,.intro-copy,.shelf-tag{position:absolute}}.page-turn-prototype{--paper: #eadfc7;min-height:100vh;background:#1a1512;color:#271b15}.prototype-scroll-track{position:relative;height:820vh}.prototype-stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;perspective:1600px;background:radial-gradient(ellipse at 52% 35%,#6b4a30 0,#352319 38%,#17110e 78%),repeating-linear-gradient(90deg,#0000 0,#0000 72px,#b6875120 73px,#0000 75px)}.prototype-heading{position:absolute;z-index:40;left:clamp(1.5rem,7vw,7rem);top:50%;transform:translateY(-50%);color:#f2e4c8;pointer-events:none}.prototype-heading p,.prototype-heading span{font:.62rem/1.7 DM Mono,monospace;letter-spacing:.14em}.prototype-heading h1{font:500 clamp(7rem,18vw,15rem)/.7 "Shippori Mincho",serif;letter-spacing:-.12em;margin:1rem 0 2rem -.7rem}.prototype-state{position:absolute;z-index:70;right:1.25rem;top:1.25rem;width:12rem;padding:.75rem;color:#eadfc7;background:#171210cc;border:1px solid #eadfc733;font:.58rem DM Mono,monospace;letter-spacing:.08em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;grid-template-columns:1fr auto;gap:.6rem}.prototype-state i{grid-column:1 / -1;height:2px;background:#eadfc733}.prototype-state em{display:block;height:100%;background:#c45b3c}.prototype-state code{grid-column:1 / -1;color:#bca98b}.prototype-switcher{position:fixed;z-index:100;bottom:1rem;left:50%;transform:translate(-50%);display:flex;align-items:center;color:#fff;background:#111e;box-shadow:0 .5rem 2rem #0008;border:1px solid #fff3;border-radius:2rem;font:.7rem DM Mono,monospace}.prototype-switcher button{width:2.75rem;height:2.5rem;color:inherit;background:none;border:0;cursor:pointer;font-size:1rem}.prototype-switcher span{min-width:9rem;text-align:center}.prototype-shelf{position:absolute;top:15%;right:10%;bottom:14%;left:10%;display:flex;gap:1.5%;align-items:flex-end;padding:8% 5.5% 4%;border:clamp(1.1rem,2.8vw,2.7rem) solid transparent;border-image:linear-gradient(135deg,#8a5b35,#3a2418 38%,#6f4529 66%,#2a1a13) 1;background:radial-gradient(ellipse at 50% 5%,#6e4b342b,transparent 55%),repeating-linear-gradient(89deg,#261912 0,#261912 5px,#2c1c14 6px,#2c1c14 31px,#21150f 33px,#21150f 36px);box-shadow:inset 0 1.2rem 2rem #120b08cc,inset 0 -1rem 2rem #000c,0 1.6rem 3.5rem #0009,0 0 0 1px #bb875044;transition:opacity .1s linear}.prototype-shelf:before{content:"";position:absolute;z-index:0;inset:-4.5% -3% auto;height:5%;border-radius:.2rem;background:linear-gradient(#93613a,#4c2d1c 48%,#2d1b13 52%,#6f4428);box-shadow:0 .35rem .8rem #0009,inset 0 1px #d19a6044}.prototype-shelf:after{content:"";position:absolute;z-index:3;left:-3%;right:-3%;bottom:-1%;height:7%;border-radius:.15rem;background:linear-gradient(#9a6640 0,#9a6640 8%,#5b3722 15%,#5b3722 47%,#2e1b12 51%,#70462b 68%,#3b2418);box-shadow:0 1.15rem 1.8rem #000b,inset 0 1px #d6a37055}.prototype-shelf i{position:relative;z-index:1;flex:1;max-width:8rem;height:var(--height, 72%);background:linear-gradient(90deg,#263b35,#466358 18%,#3c574e 78%,#1f312c);border-radius:.24rem .4rem .08rem .08rem;box-shadow:inset .25rem 0 #fff1,inset -.45rem 0 #0004,.35rem .15rem .35rem #0006;transform:rotate(var(--tilt, 0deg));transform-origin:bottom}.prototype-shelf i:before{content:"";position:absolute;inset:8% 12% auto;height:10%;border-top:2px solid #c9ad744f;border-bottom:1px solid #c9ad744f}.prototype-shelf i span{position:absolute;left:50%;top:25%;color:#eadbb4dd;font:600 clamp(.34rem,.7vw,.68rem)/1 "DM Mono",monospace;letter-spacing:.08em;writing-mode:vertical-rl;transform:translate(-50%)}.prototype-shelf i small{position:absolute;left:50%;bottom:8%;color:#eadbb499;font:clamp(.24rem,.4vw,.4rem)/1 "DM Mono",monospace;letter-spacing:.08em;writing-mode:vertical-rl;transform:translate(-50%)}.prototype-shelf i:nth-child(2),.prototype-shelf i:nth-child(6){--height: 88%;--tilt: -.8deg;background:linear-gradient(90deg,#7d3426,#b65438 18%,#97432f 80%,#65291f)}.prototype-shelf i:nth-child(3){--height: 63%;--tilt: 1.2deg;background:linear-gradient(90deg,#d4c9af,#f0e8d4 18%,#d7ceb9 80%,#a69b84)}.prototype-shelf i:nth-child(4){--height: 82%;background:linear-gradient(90deg,#301d17,#543125 22%,#43271e 78%,#271713)}.prototype-shelf i:nth-child(5){--height: 72%;--tilt: -.6deg;background:linear-gradient(90deg,#8d6b39,#c3a269 22%,#a88751 78%,#72542f)}.prototype-shelf i:nth-child(7){--height: 66%;--tilt: .8deg;background:linear-gradient(90deg,#d9d0bb,#f3ecdc 20%,#d3cbb9 78%,#9e9685)}.prototype-shelf i:nth-child(8){--height: 78%;--tilt: -.5deg;background:linear-gradient(90deg,#20211d,#3b3e35 20%,#30332c 78%,#191a17)}.prototype-shelf i.magazine{flex:1.12;border-radius:.08rem .18rem 0 0;box-shadow:inset .15rem 0 #fff2,inset -.2rem 0 #0003,.2rem .15rem .3rem #0005}.prototype-shelf i.manga{flex:.76;border-radius:.08rem;box-shadow:inset .18rem 0 #8d806c66,inset -.18rem 0 #0002,.15rem .12rem .25rem #0004}.prototype-shelf i.manga span{color:#3c332acc;font-family:Shippori Mincho,serif}.prototype-shelf i.manga small{color:#5b5143aa}.prototype-shelf i.novel span{font-family:Shippori Mincho,serif;font-weight:500}.prototype-shelf i.selected{flex:.82;box-shadow:inset .25rem 0 #fff1,inset -.45rem 0 #0004,0 0 0 1px #cf9f6655,.35rem .15rem .5rem #0008}.prototype-shelf i.selected span{font-size:clamp(.5rem,1vw,1rem)}.prototype-shelf i.vinyl{--tilt: 1.4deg;flex:.95;height:auto;max-width:7.5rem;aspect-ratio:1;overflow:hidden;background:linear-gradient(145deg,#d3c29b,#9f845a);border-radius:.08rem;box-shadow:inset 0 0 0 .2rem #f1e2bd22,.4rem .35rem .55rem #0008}.prototype-shelf i.vinyl:before{top:13%;right:13%;bottom:13%;left:13%;height:auto;aspect-ratio:1;border:0;border-radius:50%;background:repeating-radial-gradient(circle,#171817 0,#171817 2px,#30312e,#30312e,#171817 5px,#171817 7px);box-shadow:0 0 0 1px #0008}.prototype-shelf i.vinyl:after{content:"";position:absolute;z-index:1;width:18%;aspect-ratio:1;left:50%;top:50%;border-radius:50%;background:#b94d34;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #d8bd8455}.prototype-shelf i.vinyl span{z-index:2;left:8%;top:7%;color:#2b2119;font-size:clamp(.3rem,.5vw,.5rem);writing-mode:horizontal-tb;transform:none}.prototype-shelf i.vinyl small{display:none}.prototype-shelf i.vinyl.amber{--tilt: -1deg;background:linear-gradient(145deg,#b95538,#713120)}.prototype-shelf i.vinyl.amber:after{background:#d0a95d}.prototype-page{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--paper);-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1px solid #7a5a3030;box-shadow:inset 0 0 2.5rem #5a3d1a1c}.prototype-page .spread-art{position:absolute;top:0;width:200%;height:100%;max-width:none;object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none}.prototype-page.spread-left .spread-art{left:0}.prototype-page.spread-right .spread-art{left:-100%}.prototype-page.green{background-color:#294740;color:#f1e4cb}.prototype-page.rust{background-color:#a45034;color:#f5e5c8}.prototype-page.ochre{background-color:#cfb780}.prototype-page.night{background-color:#261b17;color:#f1e3c8}.prototype-page.blank{background-color:#d6c6a5}.prototype-folio,.prototype-kicker,.prototype-page small{margin:0;font:clamp(.42rem,.7vw,.62rem)/1.5 "DM Mono",monospace;letter-spacing:.1em}.prototype-page h2{white-space:pre-line;font-size:clamp(1.15rem,2.7vw,3.5rem);line-height:1.12;margin:.5rem 0}.prototype-body{max-width:26rem;font-size:clamp(.58rem,1.05vw,.88rem);line-height:1.9}.prototype-kicker{color:#a44f35}.landscape-book{--lift: 0;--open: 0;--close: 0;--contact: 0;position:absolute;z-index:20;width:min(68vw,720px);aspect-ratio:1.28;left:50%;top:50%;opacity:calc(1 - var(--contact));transform-style:preserve-3d;will-change:transform;transform:translate3d(calc(-50% + (1 - var(--lift)) * -1.5vw),calc(-7% + (var(--lift) * -43%)),calc(var(--lift) * 170px)) rotateX(calc(68deg - var(--open) * 61deg + var(--close) * 5deg)) rotateY(calc((1 - var(--lift)) * -7deg)) rotate(calc((1 - var(--lift)) * -3deg)) scale(calc(.16 + var(--lift) * .84 - var(--close) * .08))}.book-shadow{position:absolute;top:4%;right:4%;bottom:4%;left:4%;opacity:var(--open);transform:translateZ(-3rem);background:#000c;filter:blur(2.2rem)}.landscape-cover{position:absolute;top:-2.4%;right:-2.4%;bottom:-2.4%;left:-2.4%;opacity:var(--open);background:linear-gradient(135deg,#6c4230,#3e251d 48%,#5a3427);border:1px solid #b17c5144;border-radius:.65rem;box-shadow:0 2rem 5rem #0009,inset 0 0 0 .3rem #27171255,inset 0 1px #d39a6a55}.landscape-spread{position:absolute;top:1%;right:1%;bottom:1%;left:1%;opacity:clamp(0,calc((var(--open) - .35) * 2.5),1);transform-style:preserve-3d;transform:scaleX(calc(.82 + var(--open) * .18 - var(--close) * .5));filter:drop-shadow(0 .5rem .35rem #0004)}.landscape-spread:after{content:"";position:absolute;z-index:10;top:0;bottom:0;left:50%;width:1.2rem;pointer-events:none;transform:translate(-50%);background:linear-gradient(90deg,transparent,#4d34182b 38%,#fff7 49%,#422b162d 58%,transparent)}.landscape-spread>.left-page{right:50%;border-radius:.3rem 0 0 .3rem}.landscape-spread>.right-page{left:50%;border-radius:0 .3rem .3rem 0;box-shadow:inset 1rem 0 2rem #6f512b21}.turning-leaf{position:absolute;z-index:5;left:50%;top:0;width:50%;height:100%;transform-origin:left center;transform-style:preserve-3d;filter:drop-shadow(calc(var(--turn) * .8rem) .35rem .45rem #24160e55);transform:rotateY(calc(var(--turn) * -180deg))}.turning-leaf .leaf-surface{-webkit-backface-visibility:visible;backface-visibility:visible;transform:scaleX(1)}.turning-leaf .leaf-surface-back{transform:scaleX(-1);box-shadow:inset -1rem 0 2rem #6f512b21}.landscape-front-cover{--lift: 0;--open: 0;--reveal: 0;container-type:inline-size;position:absolute;z-index:32;left:50%;top:calc(55% - var(--lift) * 5%);width:min(34vw,360px);aspect-ratio:.64;overflow:hidden;color:#492d21;background:#fff;border:1px solid #76583b55;border-radius:.12rem .45rem .45rem .12rem;box-shadow:.8rem 1rem 2rem #0007,inset .35rem 0 #ad9874,inset 0 0 0 .25rem #fff2,inset 0 0 2rem #62472217;opacity:clamp(0,calc(var(--reveal) - var(--open) * 1.7),1);transform:translate3d(-50%,-50%,calc(var(--lift) * 172px)) rotate(calc((1 - var(--lift)) * -3deg)) scale(calc(.43 + var(--lift) * .57 - var(--open) * .06));backface-visibility:hidden}.landscape-front-cover>img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-select:none;user-select:none}.landscape-front-cover p,.landscape-front-cover span,.landscape-front-cover small{margin:0;font:clamp(.42rem,2.2cqi,.65rem)/1.6 "DM Mono",monospace;letter-spacing:.11em}.landscape-front-cover strong{align-self:flex-start;font:500 clamp(3.6rem,32cqi,7.25rem)/.8 "Shippori Mincho",serif;letter-spacing:-.1em}.landscape-back-cover{--close: 0;--contact: 0;container-type:inline-size;position:absolute;z-index:31;left:50%;top:50%;width:min(34vw,360px);aspect-ratio:.64;overflow:hidden;color:#f0e2c7;background:#fff;border-radius:.35rem .12rem .12rem .35rem;box-shadow:1rem 1.4rem 2.8rem #0007,inset -.35rem 0 #172c27;opacity:var(--close);transform:translate(-50%,-50%) scale(calc(.94 + var(--close) * .06)) rotate(calc((1 - var(--close)) * 1.5deg));pointer-events:none}.landscape-back-cover>img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-select:none;user-select:none}.back-cover-email{position:absolute;z-index:2;left:12%;right:12%;top:45%;height:14%;border-radius:.25rem}.back-cover-email:focus-visible{outline:3px solid #a52b0d;outline-offset:3px}.landscape-back-cover p,.landscape-back-cover small,.landscape-back-cover span{margin:0;color:#cbb894;font:clamp(.42rem,2.1cqi,.62rem)/1.7 "DM Mono",monospace;letter-spacing:.1em}.landscape-back-cover>div{opacity:var(--contact);transform:translateY(calc((1 - var(--contact)) * 1rem))}.landscape-back-cover h2{margin:.8rem 0 2rem;font-size:clamp(1.5rem,8cqi,2.6rem);line-height:1.2}.landscape-back-cover a{color:#f0e2c7;font:clamp(.65rem,3.4cqi,1rem) "DM Mono",monospace;text-decoration:none;border-bottom:1px solid #f0e2c7;padding-bottom:.45rem;pointer-events:auto}.landscape-back-cover a b{color:#d46a49}.variant-b{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 45%,#132b25aa),repeating-linear-gradient(90deg,#4c2e20 0,#4c2e20 8px,#42271c 8px,#42271c 15px)}.table-book{--lift: 0;--open: 0;position:absolute;z-index:20;width:min(54vw,590px);aspect-ratio:.72;left:52%;top:51%;transform-style:preserve-3d;transform:translate(-50%,-50%) rotateX(47deg) rotate(-12deg) translateZ(calc(var(--lift) * 130px)) scale(calc(.25 + var(--lift) * .75))}.table-cover{position:absolute;top:-2%;right:-2%;bottom:-2%;left:-2%;z-index:0;color:#e8d6b4;background:#2c493f;padding:10%;font:500 clamp(4rem,11vw,9rem)/1 "Shippori Mincho",serif;display:flex;flex-direction:column;justify-content:space-between;box-shadow:2rem 2rem 4rem #0009;transform-origin:left;transform:rotateY(calc(var(--open) * -172deg))}.table-cover small{font:.65rem DM Mono,monospace}.paper-stack{position:absolute;top:1%;right:1%;bottom:1%;left:1%;transform-style:preserve-3d}.stack-sheet{--passed: 0;position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left center;transform-style:preserve-3d;transform:translateZ(calc(var(--sheet) * 2px)) rotateY(calc(var(--passed) * -176deg))}.stack-sheet .prototype-page{box-shadow:.4rem .4rem 1rem #0003}.variant-c{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,#80684a 0,#35261b 55%,#17110e)}.portrait-zine{--lift: 0;--open: 0;position:absolute;z-index:20;left:50%;top:50%;width:min(39vw,430px);aspect-ratio:.7;transform-style:preserve-3d;transform:translate(-50%,-50%) translateZ(calc(var(--lift) * 180px)) rotate(calc((1 - var(--lift)) * -5deg)) scale(calc(.25 + var(--lift) * .75))}.zine-cover{position:absolute;z-index:10;top:-1.5%;right:-1.5%;bottom:-1.5%;left:-1.5%;color:#492d21;background:#dbc9a5;padding:10%;font:500 clamp(4rem,12vw,9rem)/.8 "Shippori Mincho",serif;transform-origin:left;transform:rotateY(calc(var(--open) * -180deg));box-shadow:1rem 1.5rem 3rem #0008;backface-visibility:hidden}.zine-cover span{display:block;margin-top:2rem;font-size:.7rem;letter-spacing:.1em}.zine-under{box-shadow:1rem 1.5rem 3rem #0008}.zine-turn{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;transform-origin:left;transform-style:preserve-3d;transform:rotateY(calc(var(--turn) * -180deg))}.binding-stitch{position:absolute;z-index:20;top:3%;bottom:3%;left:2%;border-left:2px dashed #51392bb0;pointer-events:none}@media(max-width:700px){.prototype-shelf{top:23%;right:3%;bottom:17%;left:3%;gap:2%}.prototype-heading{left:1.5rem;top:44%}.prototype-heading h1{font-size:7rem}.prototype-state{top:.75rem;right:.75rem;width:10.5rem}.landscape-book{width:96vw}.landscape-front-cover,.landscape-back-cover{width:min(72vw,390px)}.prototype-page{padding:.75rem}.prototype-body{font-size:.5rem;line-height:1.55}.prototype-page h2{font-size:1rem}.table-book{width:min(76vw,420px)}.portrait-zine{width:min(72vw,390px)}}@media(prefers-reduced-motion:reduce){.prototype-scroll-track{height:620vh}.prototype-stage *{transition:none!important}}