:root{--paper:#eeede8;--ink:#282a28;--muted:#72756e}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,.rotator:focus-visible{outline:2px solid #777d6e;outline-offset:6px}header{height:90px;margin:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #282a2817}.brand{font:italic 26px Georgia,serif}.header-note{font-size:9px;letter-spacing:3px}.back{font-size:11px;letter-spacing:.6px;display:flex;gap:12px;align-items:center}main{max-width:1800px;margin:auto}.gallery-heading{position:relative;padding:36px 6vw 0}.gallery-heading>p{font-size:9px;letter-spacing:2.7px;color:var(--muted);margin:0 0 16px}h1{font:normal clamp(40px,4.5vw,68px)/1 Georgia,serif;letter-spacing:-2px;margin:0}h1 i{font-weight:normal}.intro{position:absolute;right:6vw;bottom:0;font-size:11px;color:var(--muted);line-height:1.8}.stage{height:calc(100svh - 290px);min-height:520px;max-height:860px;position:relative;margin:0 9vw;display:grid;grid-template-columns:1fr 1fr;isolation:isolate}.stage::before{content:"";position:absolute;inset:4% -10% 8%;background:radial-gradient(ellipse at 50% 50%,#fff9,transparent 65%);z-index:-1;pointer-events:none}.piece{position:relative;display:flex;align-items:center;justify-content:center;perspective:1400px;min-width:0}.ghost{position:absolute;font:normal clamp(130px,20vw,300px)/1 Georgia;color:#2c302608;letter-spacing:-15px;top:32%;left:4%;pointer-events:none}.entrance{position:relative;height:76%;aspect-ratio:2/3;z-index:2;animation:arrive 1.25s cubic-bezier(.2,.75,.2,1) both;max-width:100%}.piece-005 .entrance{height:98%;animation-delay:160ms}.piece-001 .entrance{margin-top:1%}.levitate{width:100%;height:100%;animation:float 6s ease-in-out infinite;animation-delay:1.3s}.piece-005 .levitate{animation-delay:1.7s;animation-duration:6.8s}.rotator{position:relative;width:100%;height:100%;transform-style:preserve-3d;cursor:grab;touch-action:none;user-select:none;outline:none;will-change:transform}.rotator img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}.rotator>.front,.rotator>.side{filter:drop-shadow(10px 15px 12px #18201d26)}.front{transform:translateZ(7px);opacity:1}.side{opacity:0;transform:translateZ(8px)}.volume{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}.volume img{filter:brightness(.55) saturate(.35);opacity:.85}.piece.dragging .rotator{cursor:grabbing}.piece.dragging .levitate,.piece:focus-within .levitate{animation-play-state:paused}.ground-shadow{position:absolute;width:43%;height:20px;bottom:7%;left:28.5%;background:#32382e;opacity:.13;filter:blur(17px);border-radius:50%;transform:scaleY(.6);animation:shadow 6s ease-in-out infinite}.piece-005 .ground-shadow{width:27%;left:36.5%;bottom:2%;animation-delay:1.7s}.caption{position:absolute;bottom:0;width:85%;display:flex;justify-content:space-between;align-items:center;z-index:4;padding:10px 0;border-top:1px solid #282a281c}.product-id{font-size:12px;letter-spacing:3px}.view-controls{display:flex;gap:5px}.view-controls button{background:none;border:0;font-size:10px;border-radius:20px;padding:7px 10px;color:var(--muted)}.view-controls button[aria-pressed=true]{background:#282a28;color:#fff}.view-controls button:hover{background:#d8d9d1}.view-controls button[aria-pressed=true]:hover{background:#282a28}.center-line{position:absolute;height:24px;width:1px;background:#282a2833;left:50%;bottom:8px}.gallery-bottom{padding:30px 6vw 28px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px;letter-spacing:.4px}.hint{display:flex;gap:12px;align-items:center}.hint>span:first-child{font-size:20px;color:#444b42}.mobile-hint{display:none}#replay{border:0;background:none;font-size:10px;letter-spacing:.4px;padding:9px}#replay span{margin-left:15px}.collection{font-size:9px;letter-spacing:2px}@keyframes arrive{0%{opacity:0;transform:translateY(70vh) rotateZ(-9deg) scale(.8)}58%{opacity:1;transform:translateY(-28px) rotateZ(2deg) scale(1.025)}78%{transform:translateY(9px) rotateZ(-.7deg) scale(.99)}100%{opacity:1;transform:translateY(0) rotateZ(0) scale(1)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-11px)}}@keyframes shadow{0%,100%{opacity:.13;transform:scale(.9,.6)}50%{opacity:.09;transform:scale(1.05,.65)}}
@media(min-width:1400px){.piece-001 .entrance{height:80%}.stage{margin:0 13vw}}
@media(max-width:700px){header{height:72px;margin:0 22px}.brand{font-size:22px}.header-note{display:none}.back{font-size:10px;gap:6px}.gallery-heading{padding:32px 24px 0}.gallery-heading>p{font-size:8px}h1{font-size:38px;letter-spacing:-1.4px}.intro{display:none}.stage{margin:10px 9px 0;height:calc(100svh - 275px);min-height:380px;max-height:700px;grid-template-columns:1fr 1fr}.entrance{height:auto!important;width:115%;max-width:none;flex-shrink:0;aspect-ratio:2/3}.piece-001 .entrance{width:104%;margin-top:-20px}.piece-005 .entrance{width:175%;margin-top:-20px}.ghost{font-size:110px;letter-spacing:-8px;left:0;top:35%}.caption{width:86%;display:block;text-align:center;bottom:0;padding-top:14px}.product-id{font-size:11px}.view-controls{justify-content:center;margin-top:9px;gap:0}.view-controls button{padding:6px 9px;font-size:9px}.ground-shadow{bottom:24%}.piece-005 .ground-shadow{bottom:15%}.gallery-bottom{padding:18px 22px 22px;gap:10px}.collection{display:none}.desktop-hint{display:none}.mobile-hint{display:inline}.center-line{display:none}.rotator>.front,.rotator>.side{filter:drop-shadow(5px 10px 8px #18201d23)}}
@media(max-width:380px){h1{font-size:34px}.stage{min-height:340px}.back span{display:none}}
@media(prefers-reduced-motion:reduce){.entrance,.levitate,.ground-shadow{animation:none!important}}
.stage{overflow:clip}.piece{overflow:clip}.piece-005 .entrance{height:86%;margin-top:-5%}.ghost{font-size:clamp(80px,12vw,180px);letter-spacing:-8px;left:0}@media(max-width:700px){.piece-005 .entrance{width:160%;margin-top:-35px}.ghost{font-size:58px;letter-spacing:-4px}}