.photobook-scene{isolation:isolate;--book-tilt:9deg;background-color:#e9e7e3;background-image:-webkit-image-set(url(/photobook/background-surface-white.webp) 1x type("image/webp"),url(/photobook/background-surface-white.png) 1x type("image/png"));background-image:image-set("/photobook/background-surface-white.webp" 1x type("image/webp"),"/photobook/background-surface-white.png" 1x type("image/png"));background-position:50%;background-size:cover;border-radius:1.25rem;padding:clamp(1.75rem,5vw,4.75rem) clamp(1.25rem,4.5vw,4rem);position:relative;overflow:hidden;box-shadow:0 24px 60px -28px #26180c80,0 2px 6px -2px #26180c4d}.photobook-scene:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(75% 65% at 18% 6%,#ffffff61,#0000 62%),radial-gradient(120% 105% at 50% 48%,#0000 54%,#585c641c 100%);position:absolute;inset:0}.photobook-stage{z-index:1;perspective:2400px;perspective-origin:50% 10%;max-width:88%;margin-inline:auto;position:relative}@media (max-width:640px){.photobook-scene{--book-tilt:0deg;padding:clamp(1.25rem,4vw,1.75rem) clamp(.5rem,3vw,1.25rem)}.photobook-stage{max-width:100%}.photobook-scene .photobook-hint{letter-spacing:.08em;font-size:.6875rem}.photobook-scene .photobook-indicator{font-size:.625rem}.photobook-footer{gap:.2rem;min-height:1.9rem;margin-top:1rem}}@media (prefers-reduced-motion:reduce){.photobook-scene{--book-tilt:0deg}}.book-perspective{perspective:2200px;isolation:isolate;transform:rotateX(var(--book-tilt,0deg));transform-origin:50%;--board-rim:clamp(4px, .46vw, 9px);--leaf-rim:clamp(2px, .26vw, 5px);--book-focus:74 26 168}.book-contact-shadow{z-index:-4;pointer-events:none;filter:blur(10px);background:#1c1e2452;border-radius:6px;position:absolute;inset:0;transform:translate(6px,11px)scale(1.008,1.028);box-shadow:20px 30px 46px #1c1e243d,5px 8px 13px -3px #16181e66}.book-cover{top:calc(-.72 * var(--board-rim));right:calc(-1 * var(--board-rim));bottom:calc(-1.7 * var(--board-rim));left:calc(-1 * var(--board-rim));z-index:-3;pointer-events:none;background:linear-gradient(112deg,#332c26 0%,#241e1a 44%,#14100e 100%);border-radius:3px 5px 6px 6px;position:absolute;box-shadow:inset 0 1px #fff0dc29,inset 0 -2px 3px -1px #0000008c}.book-block{top:calc(-.7 * var(--leaf-rim));right:calc(-1 * var(--leaf-rim));bottom:calc(-1.6 * var(--leaf-rim));left:calc(-1 * var(--leaf-rim));z-index:-2;pointer-events:none;background:linear-gradient(118deg,#fdfaf3 0%,#efe9dc 38%,#d5cdba 100%);border-radius:2px;position:absolute;box-shadow:0 1px 4px #00000052}.book-preserve-3d{transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.book-backface-hidden{backface-visibility:hidden}.book-layer{will-change:transform;transform:translateZ(.1px)}.book-front-face{transform:rotateY(0)translateZ(.5px)}.book-back-face{transform:rotateY(180deg)translateZ(.5px)}.page-paper{background:radial-gradient(at 20% 80%,#00000003 0%,#0000 50%),radial-gradient(at 80% 20%,#00000003 0%,#0000 50%),radial-gradient(#00000002 0%,#0000 70%),linear-gradient(175deg,#fefdfb 0%,#f8f4ec 100%);position:relative}.page-paper[data-side=left]{box-shadow:inset 7px 0 11px -7px #0000001c,inset 0 -6px 9px -6px #0000000f,inset 0 6px 9px -6px #0000000d}.page-paper[data-side=right]{box-shadow:inset -7px 0 11px -7px #0000001c,inset 0 -6px 9px -6px #0000000f,inset 0 6px 9px -6px #0000000d}.page-paper:after{content:"";z-index:1;pointer-events:none;opacity:.038;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;position:absolute;inset:0}.turn-shadow,.turn-highlight,.curve-layer-1,.curve-layer-2{z-index:2}.turn-shadow{pointer-events:none;opacity:var(--shade-intensity,0);background:linear-gradient(90deg,#00000059 0%,#00000014 40%,#0000 100%);position:absolute;inset:0}.turn-highlight{pointer-events:none;opacity:var(--shade-intensity,0);background:linear-gradient(270deg,#0000 0%,#ffffff38 15%,#0000 50%);position:absolute;inset:0}.curve-layer-1{pointer-events:none;opacity:var(--shade-intensity,0);background:linear-gradient(90deg,#0000 0%,#0000000f 70%,#00000024 100%);position:absolute;inset:0}.curve-layer-2{pointer-events:none;opacity:var(--shade-intensity,0);background:linear-gradient(270deg,#0000 0%,#0000000a 60%,#0000001a 100%);border-radius:0 4px 4px 0;position:absolute;inset:0}.book-turn-page{z-index:20;contain:layout;pointer-events:none}.book-gutter{width:calc(var(--book-gutter,12px) * 4);z-index:30;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#0000000b 28%,#00000021 44%,#00000042 50%,#00000021 56%,#0000000b 72%,#0000 100%);position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.book-gutter:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff38 34%,#0000 46% 54%,#ffffff38 66%,#0000 100%);position:absolute;inset:0}.book-thickness{z-index:-1;background:linear-gradient(#f7f4ec 0%,#ded8ca 22%,#f4f0e7 24%,#d8d1c2 48%,#f1ede3 50%,#cfc8b8 78%,#ece7dc 80%,#c6bfae 100%);border-radius:0 0 4px 4px;height:9px;position:absolute;bottom:-7px;left:1.5%;right:1.5%;box-shadow:0 4px 7px -3px #0000002e;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 3% 97%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 3% 97%,#0000 100%)}.book-light{z-index:40;pointer-events:none;mix-blend-mode:multiply;background:radial-gradient(95% 150% at 102% 118%,#76747a4d,#0000 64%),radial-gradient(126% 138% at 50% 44%,#0000 62%,#76747a3d 100%),linear-gradient(#fefdfb,#faf9f6);border-radius:3px;position:absolute;inset:0}.book-glow{z-index:41;pointer-events:none;background:radial-gradient(70% 130% at 8% -20%,#ffffff42,#0000 58%);border-radius:3px;position:absolute;inset:0}@keyframes book-peek{0%{animation-timing-function:cubic-bezier(.34,.02,.28,1);transform:rotateY(0)}38%{animation-timing-function:linear;transform:rotateY(-15deg)}48%{animation-timing-function:cubic-bezier(.42,0,.3,1);transform:rotateY(-15deg)}to{transform:rotateY(0)}}.page-hover-zone{z-index:10;background:0 0;width:22%;position:absolute;top:0;bottom:0}.page-hover-zone-right{right:0}.page-hover-zone-left{left:0}.page-curl,.page-edge-lift,.page-focus-ring{pointer-events:none}.page-curl{z-index:15;opacity:0;width:58px;height:58px;transition:opacity .2s cubic-bezier(.22,.61,.36,1),transform .26s cubic-bezier(.22,.61,.36,1);position:absolute;bottom:0;transform:scale(.55)}.page-curl-right{transform-origin:100% 100%;clip-path:polygon(100% 0,100% 100%,0 100%);background:linear-gradient(225deg,#fffdf8 0%,#f4f0e7 40%,#ded7c9 72%,#c8bfad 100%);border-bottom-right-radius:3px;right:0;box-shadow:-7px -7px 14px -5px #00000038}.page-curl-left{transform-origin:0 100%;clip-path:polygon(0 0,100% 100%,0 100%);background:linear-gradient(135deg,#fffdf8 0%,#f4f0e7 40%,#ded7c9 72%,#c8bfad 100%);border-bottom-left-radius:3px;left:0;box-shadow:7px -7px 14px -5px #00000038}.page-edge-lift{z-index:14;opacity:0;width:28px;transition:opacity .2s ease-out;position:absolute;top:0;bottom:0}.page-edge-lift-right{background:linear-gradient(270deg,#00000026 0%,#0000000d 42%,#0000 100%);right:0}.page-edge-lift-left{background:linear-gradient(90deg,#00000026 0%,#0000000d 42%,#0000 100%);left:0}[data-book-state=idle] .page-hover-zone:hover~.page-edge-lift,[data-book-state=idle] .page-half:focus-visible>.page-edge-lift{opacity:1}[data-book-state=idle] .page-hover-zone:hover~.page-curl,[data-book-state=idle] .page-half:focus-visible>.page-curl{opacity:1;transform:scale(1)}.page-half:disabled .page-hover-zone{display:none}@media (hover:none){.page-hover-zone{display:none}}.page-half:focus{outline:none}.page-focus-ring{z-index:16;opacity:0;box-shadow:0 0 0 2px rgb(var(--book-focus) / .6), 0 0 0 5px rgb(var(--book-focus) / .15);border-radius:4px;transition:opacity .12s ease-out;position:absolute;inset:3px}.page-half:focus-visible>.page-focus-ring{opacity:1}@media (forced-colors:active){.page-focus-ring{box-shadow:none}.page-half:focus-visible>.page-focus-ring{outline:3px solid highlight}}.photobook-footer{flex-direction:column;align-items:center;gap:.35rem;min-height:2.6rem;margin-top:1.75rem;display:flex}.photobook-hint{letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-tertiary,#8e8e93);opacity:1;font-size:.75rem;transition:opacity .48s ease-out,transform .48s ease-out}.photobook-hint-hidden{opacity:0;pointer-events:none;transform:translateY(-2px)}.photobook-hint:before{content:"‹";opacity:.55;margin-right:.7em}.photobook-hint:after{content:"›";opacity:.55;margin-left:.7em}.hint-touch{display:none}@media (hover:none){.hint-pointer{display:none}.hint-touch{display:inline}}.photobook-indicator{letter-spacing:.1em;font-variant-numeric:tabular-nums;color:var(--color-text-tertiary,#8e8e93);opacity:.7;font-size:.6875rem}.photobook-scene .photobook-hint,.photobook-scene .photobook-indicator{color:#5b5e65;opacity:1;font-weight:600}.photobook-scene .photobook-hint{font-size:.8125rem}.photobook-scene .photobook-indicator{color:#5b5e65d9;font-size:.75rem}@media (prefers-reduced-motion:reduce){.book-preserve-3d{transform-style:flat!important}.page-curl,.page-edge-lift,.photobook-hint{transition:none}}