@font-face{font-family:Space Mono;src:url(/outfit-book/assets/space-mono.woff2) format("woff2");font-display:swap}@font-face{font-family:Architects Daughter;src:url(/outfit-book/assets/architects-daughter.woff2) format("woff2");font-weight:400;font-display:swap}:root{--accent:#754d3b;--accent-hover:#58372a;--paper:#fefdf6;--ink:#75462e;--pop:var(--ink);--pop-hover:#58321f;--page-ink:#3f2f27;--board:#854526;--board-deep:#582d19;--board-ink:#fbf7f1;--board-muted:#d8c2b3;--pop-light:#f3c4b1;--book-ratio:.82;--page-w:min(46vw,600px,calc((100dvh - 225px)*var(--book-ratio)));--page-h:calc(var(--page-w)/var(--book-ratio));--edge:clamp(14px,1.6vw,24px);--spine-w:calc(var(--page-w)*.1);--cover-spine-w:calc(var(--page-w)*.075);--cover-hinge:calc(var(--page-w)*-.04);--cover-w:calc((var(--page-w) - var(--cover-hinge))*.95);--paper-in:calc(var(--page-w)*.014);--hand:"Architects Daughter","Bradley Hand","Segoe Script",cursive}*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100dvh;color:var(--ui);font-family:Space Mono,monospace;font-size:12px}#root{min-height:100vh;min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0}button:focus-visible,a:focus-visible{outline:2px solid var(--ui);outline-offset:5px}button:disabled{opacity:.28;cursor:default}a{color:inherit}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}body{--ground:#f1e6df;--ui:#684735;background-color:var(--ground);background-image:radial-gradient(ellipse at 50% 42%,#fbf5ed,#f5ece4 42%,#eee0d8);background-size:cover;background-attachment:fixed}.masthead{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px var(--edge) 0;position:relative;z-index:5}.brand{font-size:12px;letter-spacing:1.4px;text-transform:uppercase;padding:4px 2px}.shop-link{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:13px;letter-spacing:1.4px;text-transform:uppercase;padding:4px 2px;position:relative}.shop-icon{width:23px;height:23px;flex-shrink:0}.shop-link:after{content:"";position:absolute;left:35px;right:2px;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;pointer-events:none;transition:transform .25s ease}.shop-link .shop-icon{transition:transform .25s ease}.shop-link:hover:after,.shop-link:focus-visible:after{transform:scaleX(1)}.shop-link:hover .shop-icon,.shop-link:focus-visible .shop-icon{transform:translateY(-2px)}.shop-link:focus-visible{outline:1px solid currentColor;outline-offset:5px;border-radius:2px}main{display:grid;place-items:center;min-width:0;padding:14px 0}.reading-space{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0}.book-stage{width:calc(var(--page-w)*2.1);height:var(--page-h);perspective:1900px;display:flex;align-items:flex-start;justify-content:center}.book{--spine-angle:90deg;--cover-angle:90deg;width:var(--page-w);height:var(--page-h);position:relative;transform-style:preserve-3d;transform:rotate(0);transition:transform .85s cubic-bezier(.22,.7,.25,1)}.book.is-open{--spine-angle:0deg;--cover-angle:0deg;transform:translate(50%)}.back-board{position:absolute;inset:0 auto 0 var(--cover-hinge);width:var(--cover-w);background:var(--board);border-radius:0 9px 9px 0;box-shadow:0 0 1px 1px #2a150c55,8px 12px 19px #1a0c0750,14px 28px 36px #1a0c0730}.back-board:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;opacity:.16;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23g)' opacity='.7' d='M0 0h220v220H0z'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.07' numOctaves='3' seed='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23m)' opacity='.8' d='M0 0h220v220H0z'/%3E%3C/svg%3E");background-size:220px 220px,440px 440px}.back-board:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff0a,inset 0 0 calc(var(--page-w)*.07) #1a0c0833}.end-note{position:absolute;left:52%;transform:translate(-50%,-50%);font-family:var(--hand);font-size:calc(var(--page-w)*.04);color:var(--board-muted);white-space:nowrap}.leaf{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:0 50%;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.42,.04,.3,1);cursor:pointer}.sheet{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d}.leaf.flipped{transform:rotateY(-180deg)}.leaf.page{left:0;right:5%}.face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;border-radius:1px 4px 4px 1px;background:#fff;box-shadow:0 0 1px #71564170}.page .front,.page .back{inset:0 0 0 var(--paper-in)}.page .front,.stack-edge.right,.flying-sheet{-webkit-mask-image:var(--cutouts-front);mask-image:var(--cutouts-front);-webkit-mask-composite:source-in;mask-composite:intersect}.page .back,.stack-edge.left{-webkit-mask-image:var(--cutouts-back);mask-image:var(--cutouts-back);-webkit-mask-composite:source-in;mask-composite:intersect}.front{transform:translateZ(.6px)}.back{transform:rotateY(180deg) translateZ(.6px);border-radius:4px 1px 1px 4px}.face:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;opacity:0;background:linear-gradient(90deg,#3b2a2200 20%,#3b2a2266)}.back:before{background:linear-gradient(270deg,#3b2a2200 20%,#3b2a2266)}.turning .face:before{animation:turn-shade 1s ease-in-out}@keyframes turn-shade{0%,to{opacity:0}50%{opacity:1}}.face:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#53362218 0%,#53362205 6%,transparent 14%,transparent 92%,#ffffff30)}.back:after{background:linear-gradient(90deg,transparent 86%,#5336220a 95%,#53362222)}.binding-contents{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;transform-style:preserve-3d;transform:translate(var(--cover-hinge)) rotateY(var(--spine-angle)) translate(calc(var(--cover-spine-w)/-2)) rotateY(calc(-1*var(--spine-angle)));transition:transform 1s cubic-bezier(.42,.04,.3,1)}.cover-assembly,.mechanism-assembly{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;pointer-events:none}.mechanism-assembly{z-index:60;transform-origin:0 50%;transform:rotateY(var(--spine-angle));transition:transform 1s cubic-bezier(.42,.04,.3,1)}.book:not(.is-open) .mechanism-assembly{visibility:hidden;transition:transform 1s cubic-bezier(.42,.04,.3,1),visibility 0s 1s}.mechanism-mount{position:absolute;left:calc(var(--spine-w)/-2);top:0;width:var(--spine-w);height:100%;transform-style:preserve-3d}.spine-joint{position:absolute;left:calc(var(--cover-hinge) - var(--cover-spine-w));top:0;width:var(--cover-spine-w);height:100%;transform-origin:100% 50%;transform-style:preserve-3d;transform:rotateY(var(--spine-angle));transition:transform 1s cubic-bezier(.42,.04,.3,1)}.spine-panel{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--board-deep),var(--board) 9%,#884c2d 48%,var(--board) 90%,var(--board-deep));border-top:1px solid #b87952;border-bottom:1px solid #2e1a12;box-shadow:inset 1px 0 #fff3,inset -1px 0 #1d0f0a66;transform:translateZ(-1px)}.spine-panel:before,.spine-panel:after{content:"";position:absolute;top:0;bottom:0;width:2px;background:#1d0f0a33;box-shadow:1px 0 #fff2}.spine-panel:before{left:4%}.spine-panel:after{right:4%}.spine-bar{position:absolute;left:50%;top:2.2%;bottom:2.2%;width:calc(var(--page-w)*.042);z-index:35;transform:translate(-50%) translateZ(.2px);border-radius:45%/1.5%;pointer-events:none;background:linear-gradient(90deg,#454c52,#a3a9ac,#e3e6e7 18%,#b9bfc2 28%,#f8fafb 42%,#747b80 51%,#b9bfc2 64%,#f8fafb 79%,#a3a9ac 91%,#52595e);box-shadow:0 0 0 .5px #52595e66,1px 2px 2px #302b2440,-1px 0 1px #fff9,inset 0 1px 1px #fff}.spine-bar:before{content:"";position:absolute;top:2%;right:12%;bottom:2%;left:12%;border-radius:inherit;background:repeating-linear-gradient(0deg,transparent 0 3px,#ffffff16 3px 4px);box-shadow:inset 1px 0 #fff4,inset -1px 0 #454c5233}.spine-bar:after{content:"";position:absolute;left:48%;top:4%;bottom:4%;width:1px;background:#59616835;box-shadow:1px 0 #ffffff50}.spine-rivet{position:absolute;left:50%;width:40%;aspect-ratio:1;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle at 32% 25%,#f8fafb,#d9dfe2 25%,#a3a9ac 57%,#52595e 76%,#b9bfc2 90%);box-shadow:0 1px 1px #33394080,0 0 0 .5px #e3e6e799;z-index:1}.spine-rivet.top{top:16%}.spine-rivet.bottom{bottom:16%}.spine-release{position:absolute;left:-12%;width:124%;height:1.7%;border-radius:45% 45% 30% 30%;background:linear-gradient(100deg,#656a6d,#d9dfe2 24%,#f8fafb 48%,#a3a9ac 75%,#52595e);box-shadow:0 1px 1px #33394066,inset 0 1px #fff9}.spine-release.top{top:-.6%;transform:rotate(180deg)}.spine-release.bottom{bottom:-.6%}.rings{position:absolute;left:50%;top:0;width:0;height:100%;z-index:60;transform:translateZ(1.5px);transform-style:preserve-3d;pointer-events:none}.ring-pair{position:absolute;left:0;width:0;height:0;transform-style:preserve-3d}.ring,.ring-shadow{position:absolute;left:0;width:calc(var(--page-w)*.18);height:calc(var(--page-w)*.11);transform-origin:50% 81.82%;transform:translate(-50%,-81.82%) scale(.88);overflow:visible}.ring-shadow{transform:translate(-50%,-81.82%) translateZ(-1px) scale(.88,-.88)}.stack-edge{position:absolute;left:var(--paper-in);right:5%;border-radius:1px 4px 4px 1px;background:#fff;transition:box-shadow .5s,opacity .5s;box-shadow:1px 1px #e9e2d8,2px 2px #fff,3px 3px #e4dcd0,4px 4px #fff,5px 5px #ddd4c7}.stack-edge.left{left:auto;right:calc(100% + var(--paper-in));width:calc(95% - var(--paper-in));border-radius:4px 1px 1px 4px;box-shadow:-1px 1px #e9e2d8,-2px 2px #fff,-3px 3px #e4dcd0,-4px 4px #fff,-5px 5px #ddd4c7}.stack-edge[data-depth="1"]{box-shadow:1px 1px #e9e2d8,2px 2px #fff,3px 3px #e4dcd0}.stack-edge.left[data-depth="1"]{box-shadow:-1px 1px #e9e2d8,-2px 2px #fff,-3px 3px #e4dcd0}.stack-edge[data-depth="0"]{opacity:0}.cover-leaf{position:absolute;top:0;right:100%;width:var(--cover-w);height:100%;transform-origin:100% 50%;transform-style:preserve-3d;transform:rotateY(var(--cover-angle));transition:transform 1s cubic-bezier(.42,.04,.3,1);cursor:pointer;pointer-events:auto}.cover-assembly.turning.is-open{animation:cover-opening-layer 1s linear both}.cover-assembly.turning:not(.is-open){animation:cover-closing-layer 1s linear both}@keyframes cover-opening-layer{0%,38.69%{z-index:70}38.7%,to{z-index:1}}@keyframes cover-closing-layer{0%,38.69%{z-index:1}38.7%,to{z-index:70}}.cover-leaf .face{border-radius:9px 0 0 9px;background:transparent;box-shadow:0 0 1px 1px #2a150c55}.cover-leaf .back{border-radius:0 9px 9px 0;box-shadow:inset 0 0 0 1px #ffffff12,2px 2px 0 var(--board-deep),5px 8px 16px #1a0c0740}.cover-leaf .face:after{background:linear-gradient(90deg,#1a0c0850,transparent 4%,transparent 97%,#1a0c0826)}.cover-leaf .back:after{background:linear-gradient(90deg,#1a0c0840,transparent 4%,transparent 97%,#1a0c0826)}.binder-cover{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--board);container-type:inline-size;overflow:hidden}.binder-cover:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.16;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23g)' opacity='.7' d='M0 0h220v220H0z'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.07' numOctaves='3' seed='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23m)' opacity='.8' d='M0 0h220v220H0z'/%3E%3C/svg%3E");background-size:220px 220px,440px 440px}.binder-cover{box-shadow:inset 0 0 0 1px #ffffff0a,inset 0 0 calc(var(--page-w)*.07) #1a0c0833}.binder-cover:not(.inside):after{content:"";position:absolute;left:0;top:0;bottom:0;width:8%;pointer-events:none;background:linear-gradient(90deg,#1a0c0840,#1a0c0814 55%,transparent)}.cover-artwork{display:block;width:100%;height:100%;padding:0;border:0;border-radius:inherit;background:#965633}.cover-artwork:before,.binder-cover.cover-artwork:after{display:none}.cover-artwork-image{position:absolute;left:-4.13%;top:-3.16%;width:106.63%;height:105.45%;max-width:none;pointer-events:none;-webkit-user-select:none;user-select:none}.cover-artwork:focus-visible{outline:2px solid #fbf7f1;outline-offset:-6px}.paper{position:relative;height:100%;padding:11% 5% 8% 8%;container-type:inline-size;display:grid;grid-template-rows:minmax(0,1fr);color:var(--page-ink);isolation:isolate}.paper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;background-image:var(--holes-front);transition:opacity .4s}.back .paper:before{background-image:var(--holes-back)}.paper.blank{background-image:radial-gradient(#3f2f2714 .6px,transparent .9px);background-size:14px 14px;background-position:7px 7px}.cloth-button{display:block;width:100%;height:100%;min-height:0;padding:0;background:none;border:0;border-radius:0;cursor:pointer}.cloth-button:focus-visible{outline:none}.cloth{display:block;width:100%;height:100%;min-height:0;object-fit:contain;transform:scale(var(--garment-scale,1));filter:drop-shadow(0 1.2cqw 1.6cqw #3b2a221f);pointer-events:none;-webkit-user-select:none;user-select:none;transition:transform .25s,filter .25s}.cloth-button.is-over .cloth,.cloth-button:focus-visible .cloth{transform:translateY(-1.5%) scale(calc(var(--garment-scale,1)*1.035));filter:drop-shadow(0 2.4cqw 2.4cqw #3b2a2233)}.caption{position:absolute;left:8%;right:5%;top:4%;display:flex;align-items:baseline;gap:1.6cqw;font-family:var(--hand);font-size:4.4cqw;line-height:1;white-space:nowrap}.counter{position:absolute;right:5%;bottom:3%;font-size:2.2cqw;letter-spacing:.2cqw;color:#9a8a7d;line-height:1}.price{color:var(--pop)}.dash{color:#9a8a7d}.model{overflow:hidden;text-overflow:ellipsis}.parts-2 .paper{padding:8% 3% 5% 7%}.parts-2 .caption{left:7%;right:3%;top:3.5%;font-size:3.6cqw}.parts-2 .counter{right:3%;bottom:3%;font-size:2cqw}.parts-3 .paper{padding:7.5% 3% 4.5% 7%}.parts-3 .caption{left:7%;right:3%;top:3.5%;font-size:3.3cqw}.parts-3 .counter{right:3%;bottom:3%;font-size:1.8cqw}.site-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;min-height:76px;padding:8px var(--edge) 16px;font-size:11px}.mode-picker{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.mode-button{position:relative;min-height:32px;padding:6px 0;border:0;border-radius:0;background:transparent;color:#8b7567;font-family:inherit;font-size:13px;line-height:1.3;letter-spacing:.6px;text-transform:none;box-shadow:none;transition:color .2s}.mode-button:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:currentColor;opacity:0;transform:scaleX(.65);transition:opacity .2s,transform .2s}.mode-button:hover,.mode-button[aria-pressed=true]{color:#684735}.mode-button[aria-pressed=true]:after{opacity:.65;transform:scaleX(1)}.mode-button:focus-visible{outline:1px solid #684735;outline-offset:3px}.signature{white-space:nowrap;padding-bottom:1px;position:relative;text-decoration:none;min-height:32px;display:inline-flex;align-items:flex-end}.signature:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}.signature:hover:after,.signature:focus-visible:after{transform:scaleX(1)}@media(max-width:700px){:root{--edge:14px;--page-w:min(calc((100vw - 2*var(--edge))/1.065),calc((100dvh - 250px)*var(--book-ratio)));--page-h:calc(var(--page-w)/var(--book-ratio))}.masthead{padding-top:12px;gap:16px}.brand{font-size:10px;letter-spacing:1px}.shop-link{font-size:11px;letter-spacing:1px}.shop-icon{width:20px;height:20px}main{padding:28px 0}.site-footer{min-height:70px;padding-bottom:14px;font-size:9px;gap:12px}.mode-picker{gap:12px}.mode-button{min-height:40px;padding:6px 0;font-size:11px}.signature{font-size:8px}}@media(max-height:600px)and (min-width:701px){:root{--page-w:min(38vw,calc((100dvh - 200px)*var(--book-ratio)))}.masthead{padding-top:14px}main{padding:8px 0}.site-footer{min-height:52px;padding-bottom:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}.note{position:absolute;left:-93.5%;width:86%;z-index:40;color:var(--board-ink);font-family:var(--hand);container-type:inline-size;pointer-events:none;transform:translateZ(1px)}@keyframes note-in{0%{opacity:0;transform:translateY(1%)}to{opacity:1;transform:none}}.note-inner{position:relative;height:100%;padding:9% 8% 6% 10%;display:flex;flex-direction:column;gap:1.2cqw;pointer-events:auto;animation:note-in .35s ease-out}.note-name{position:relative;align-self:flex-start;max-width:100%;font-size:6cqw;line-height:1.05;transform:rotate(-1deg);transform-origin:0 100%}.note-price{font-size:5cqw;color:var(--pop-light);line-height:1}.note-desc{margin:.5cqw 0 0;font-size:3.4cqw;line-height:1.3;color:var(--board-muted);max-width:70%}.note-stock{font-family:Space Mono,monospace;font-size:2.1cqw;letter-spacing:.2cqw;text-transform:uppercase;color:var(--board-muted);margin-top:5cqw}.note-total{margin:auto 0 0;padding-top:1.6cqw;border-top:1px dashed color-mix(in srgb,var(--board-ink) 45%,transparent);display:flex;justify-content:space-between;align-items:baseline;gap:3cqw;font-size:4.4cqw;line-height:1;animation:note-in .3s ease-out}.note-total-sum{color:var(--pop-light)}.note-row{display:flex;align-items:center;gap:3cqw;flex-wrap:wrap}.qty{display:inline-flex;align-items:center;gap:1cqw;font-family:Space Mono,monospace;font-size:3.6cqw}.qty button{width:6.5cqw;height:6.5cqw;border-radius:50%;border:1px solid var(--board-ink);background:var(--board-ink);font-size:4cqw;line-height:1;display:grid;place-items:center;color:var(--accent)}.qty button:hover:not(:disabled){background:#fff;color:var(--pop)}.qty button:disabled{opacity:.3}.qty output{min-width:5cqw;text-align:center}.add-button{font-family:var(--hand);font-size:3.9cqw;padding:1.4cqw 5cqw 1.8cqw;border-radius:999px;border:1.5px solid var(--board-ink);background:var(--board-ink);color:var(--accent);transform:rotate(-1deg);transition:transform .2s,background .2s}.add-button:hover{transform:rotate(-1deg) translateY(-2px);background:#fff;color:var(--pop)}.note-crossout{position:absolute;left:-2%;top:50%;width:104%;height:.55em;transform:translateY(-50%);overflow:visible;pointer-events:none;color:#482b1d}.note-crossout path{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1}.note.stamped .note-crossout path{animation:cross-out .32s cubic-bezier(.3,.1,.4,1) forwards}@keyframes cross-out{to{stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){.note.stamped .note-crossout path{animation:none;stroke-dashoffset:0}}.note.on-paper{color:var(--page-ink)}.note.on-paper .note-price,.note.on-paper .note-total-sum{color:var(--pop)}.note.on-paper .note-desc{color:#6b5b50}.note.on-paper .note-stock{color:#9a8a7d}.note.on-paper .note-total{border-top-color:#3f2f2766}.note.on-paper .qty button{border-color:#3f2f2755;background:#fff;color:var(--page-ink)}.note.on-paper .qty button:hover:not(:disabled){background:var(--page-ink);color:#fff}.note.on-paper .add-button{border-color:var(--pop);background:var(--pop);color:#fff}.note.on-paper .add-button:hover{background:var(--pop-hover);color:#fff}.note.parts-2 .note-inner{padding:6% 7% 4% 9%;gap:.6cqw}.note.parts-2 .note-stock{margin-top:2.5cqw}.note.parts-2 .note-name{font-size:4.6cqw}.note.parts-2 .note-price{font-size:3.8cqw}.note.parts-2 .note-desc{font-size:2.8cqw;max-width:80%}.note.parts-2 .add-button{font-size:3.1cqw}.note.parts-2 .qty button{width:5.2cqw;height:5.2cqw;font-size:3.2cqw}.note.parts-2 .qty{font-size:3cqw}.note.parts-2 .note-total{font-size:3.6cqw;padding-top:1.2cqw}.note.parts-3 .note-inner{padding:5% 6% 3% 8%;gap:.3cqw}.note.parts-3 .note-name{font-size:3.8cqw}.note.parts-3 .note-price{font-size:3.2cqw}.note.parts-3 .note-desc{display:none}.note.parts-3 .note-stock{font-size:1.8cqw;margin-top:1.5cqw}.note.parts-3 .add-button{font-size:2.7cqw;padding:1cqw 3.5cqw 1.3cqw}.note.parts-3 .qty button{width:4.4cqw;height:4.4cqw;font-size:2.8cqw}.note.parts-3 .qty{font-size:2.6cqw}.note.parts-3 .note-total{font-size:3cqw;padding-top:1cqw}.flying-sheet{position:fixed;z-index:1000;pointer-events:none;background:#fff;border-radius:1px 4px 4px 1px;box-shadow:0 0 1px #71564170,0 18px 40px #3b2a2240;overflow:hidden;transform-origin:50% 50%}.flying-sheet .paper{--holes-front:var(--holes-front)}.shop-link{transform-origin:80% 50%}.bag-count{position:absolute;top:-7px;left:11px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--pop);color:#fff;font-size:9px;line-height:16px;text-align:center;letter-spacing:0;box-shadow:0 0 0 2px var(--ground)}.bag{position:fixed;top:64px;left:var(--edge);z-index:20;width:min(320px,calc(100vw - 2*var(--edge)));background:#fffdf8;color:var(--page-ink);border:1px solid #e6dfd4;border-radius:6px;box-shadow:0 18px 50px #3b2a2233;padding:14px 16px 12px;font-size:11px;animation:note-in .25s ease-out}.bag-head{display:flex;justify-content:space-between;align-items:center;font-family:var(--hand);font-size:17px;margin-bottom:8px}.bag-close{background:none;font-size:22px;line-height:1;width:28px;height:28px;color:inherit}.bag-lines{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.bag-line{display:grid;grid-template-columns:40px 1fr auto auto;align-items:center;gap:10px;padding:8px 0;border-top:1px dashed #e6dfd4}.bag-line img{width:40px;height:40px;object-fit:contain}.bag-name{display:flex;flex-direction:column;gap:3px;font-family:var(--hand);font-size:13px;line-height:1}.bag-name small{font-family:Space Mono,monospace;font-size:9px;color:#9a8a7d}.bag-sum{font-family:var(--hand);font-size:13px;color:var(--pop)}.bag-cancel{background:none;border-bottom:1px solid currentColor;padding:0 1px 1px;font-size:9px;letter-spacing:.5px;text-transform:uppercase;color:#9a8a7d}.bag-cancel:hover{color:var(--pop)}.bag-empty{padding:10px 0;color:#9a8a7d}.bag-total{margin:10px 0 0;padding-top:8px;border-top:1px solid #e6dfd4;font-family:var(--hand);font-size:15px;text-align:right}.bag-total:empty{display:none}.bag-footnote{margin:6px 0 0;font-size:9px;color:#9a8a7d}@media(max-width:700px){.bag{top:56px}}.note-total{flex-wrap:wrap}.note-total .add-all-button{margin-left:auto;white-space:nowrap}.ui-tap{position:absolute;left:69%;top:69%;width:clamp(32px,11cqw,52px);color:#fff4df;pointer-events:none;filter:drop-shadow(0 2px 3px #32170866);animation:tap-invitation 2.4s ease-in-out infinite}.ui-tap svg{display:block;width:100%;height:auto;overflow:visible}.ui-tap-hand{fill:#854526}.ui-tap-rays{animation:tap-rays 2.4s ease-in-out infinite;transform-origin:25px 20px}@keyframes tap-invitation{0%,65%,to{transform:translateY(0) rotate(-12deg)}25%,40%{transform:translateY(5px) rotate(-12deg)}}@keyframes tap-rays{0%,65%,to{opacity:0;transform:scale(.8)}25%,40%{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.ui-tap,.ui-tap-rays{animation:none}.ui-tap{transform:rotate(-12deg)}}.about-link{position:relative;background:none;min-height:40px;cursor:pointer}.about-link:after{content:"";position:absolute;left:2px;right:2px;bottom:5px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}.about-link:hover:after,.about-link:focus-visible:after{transform:scaleX(1)}.about-dialog{width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:40px 32px 30px;border:1px solid #b69a7d66;border-radius:5px;background:#fcf6ed;color:#684735;box-shadow:0 20px 80px #321d1940}.about-dialog::backdrop{background:#30201a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.about-close{position:absolute;top:7px;right:7px;width:40px;height:40px;background:none;font-size:25px}.about-eyebrow{font-size:10px;letter-spacing:2px;text-transform:uppercase}.about-dialog h1{font-family:var(--hand);font-size:28px;font-weight:400;line-height:1.2;margin:20px 0}.about-dialog p{font-size:12px;line-height:1.9;margin:0 0 16px}.about-cta{color:#8b7567}.about-dialog a{color:var(--pop);text-underline-offset:3px}.about-dialog a:hover{color:var(--pop-hover)}.about-credit{display:block;margin-top:25px;font-size:10px;color:#8b7567;text-decoration:none}.about-credit:hover{text-decoration:underline}.shop-link{min-height:40px}@media(max-width:700px){.site-footer{flex-wrap:wrap;align-items:center;gap:4px 16px}.signature{margin-left:auto;font-size:9px}.bag{max-height:calc(100dvh - 80px);overflow:auto}}@media(max-width:400px){.site-footer{flex-direction:column;align-items:flex-start}.signature{align-self:flex-end;margin-top:3px}.mode-picker{width:100%;justify-content:space-between}.about-dialog{padding:38px 24px 24px}}@media(max-height:500px){:root{--page-w:min(43vw,calc((100dvh - 150px)*var(--book-ratio)))}main{padding:8px 0}.masthead{padding-top:6px}.site-footer{min-height:44px;padding-top:0;padding-bottom:8px}}.bag-actions{display:flex;justify-content:flex-end;margin-top:12px}.bag-clear{padding:8px 0;background:none;color:var(--accent);font-size:10px;text-decoration:underline;text-underline-offset:4px}.bag-clear:hover{color:var(--accent-hover)}@media(max-width:700px){html{overflow-x:hidden}main{padding:14px 0 6px}.reading-space{width:100%;align-items:stretch;gap:12px}.book-stage{width:100%;flex-shrink:0;justify-content:flex-start;padding-left:calc(var(--edge) + var(--page-w)*.115);perspective-origin:calc(var(--edge) + var(--page-w)*.59) 50%}.book.is-open{transform:none}.book .end-note{left:48%}.mobile-nav{display:flex;flex-direction:column;gap:2px;padding:0 var(--edge);color:#796253}.mobile-nav-band{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;letter-spacing:.4px}.mobile-nav-band button{flex:0 0 44px;height:40px;border-radius:50%;background:none;font-size:18px;line-height:1;color:#684735}.mobile-nav-label{text-transform:capitalize}.mobile-nav-count{font-family:Space Mono,monospace;color:#9a8a7d;margin-left:6px}.mobile-sheet{position:fixed;left:0;right:0;bottom:0;z-index:15;max-height:72dvh;overflow:auto;padding:8px var(--edge) calc(12px + env(safe-area-inset-bottom));background:#fffaf0;color:var(--page-ink);border-top:1px solid #cbb8a366;border-radius:14px 14px 0 0;box-shadow:0 -12px 40px #3b2a2233;animation:sheet-in .3s ease-out}@keyframes sheet-in{0%{transform:translateY(100%)}to{transform:none}}@media(prefers-reduced-motion:reduce){.mobile-sheet{animation:none}}.mobile-sheet-close{position:sticky;top:0;float:right;width:40px;height:40px;background:none;font-size:24px;line-height:1;z-index:1}.mobile-sheet .note{position:relative;inset:auto!important;width:100%;transform:none;container-type:normal;pointer-events:auto;animation:none}.mobile-sheet .note+.note{border-top:1px dashed #3f2f2733}.mobile-sheet .note .note-inner{height:auto;padding:12px 4px 14px;gap:8px}.mobile-sheet .note .note-name{font-size:21px;line-height:1.3;max-width:calc(100% - 44px)}.mobile-sheet .note .note-price{font-size:19px}.mobile-sheet .note .note-desc{display:block;max-width:none;font-size:15px;line-height:1.5;margin:0}.mobile-sheet .note .note-stock{font-size:11px;letter-spacing:.5px;margin-top:4px}.mobile-sheet .note .note-row{gap:16px;justify-content:space-between}.mobile-sheet .note .qty{gap:6px;font-size:14px}.mobile-sheet .note .qty button{width:44px;height:44px;font-size:20px}.mobile-sheet .note .qty output{min-width:20px}.mobile-sheet .note .add-button{min-height:44px;padding:8px 16px;font-size:16px}.mobile-sheet .note .note-total{font-size:18px;gap:12px;margin:4px 0 0;padding-top:12px}.mobile-sheet .note .note-crossout{height:.55em}.bag{width:min(360px,calc(100vw - 2*var(--edge)));padding:14px}.bag-name{font-size:16px}.bag-name small{font-size:11px;line-height:1.4}.bag-line{grid-template-columns:36px minmax(0,1fr) auto;gap:8px}.bag-line img{width:36px;height:40px}.bag-sum{font-size:16px}.bag-cancel{grid-column:2 / -1;justify-self:end;min-height:36px;font-size:11px}.bag-clear{min-height:44px;font-size:12px}.bag-footnote{font-size:11px;line-height:1.5}.signature{font-size:10px}}