.showcase{position:relative;min-height:100dvh;background:var(--background);color:var(--foreground)}.showcase-scroll{position:relative}.showcase-sticky{position:fixed;inset:0;overflow:hidden}.showcase-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 55% at 70% 58%,oklch(.3 .045 62 / .75),transparent 70%),radial-gradient(90% 60% at 50% 110%,oklch(.24 .03 58 / .9),transparent 70%);transition:opacity .9s var(--ease-out)}.showcase[data-scene="0"] .showcase-glow{background:radial-gradient(70% 55% at 50% 72%,oklch(.3 .045 62 / .8),transparent 70%),radial-gradient(90% 60% at 50% 110%,oklch(.24 .03 58 / .9),transparent 70%)}.showcase-stage{position:absolute;inset:0;pointer-events:none;opacity:0}.showcase[data-ready=true] .showcase-stage{opacity:1}.showcase-stage>*{position:absolute;top:0;left:0;will-change:transform,opacity}.showcase-plank{width:1000px;transform-origin:0 0;background:url(/collection/walnut-shelf-v2.webp) center/100% 100%;box-shadow:0 10px 18px #0805028c;opacity:0}.showcase-box{transform-origin:50% 50%;opacity:0}.showcase-box img{display:block;width:100%;height:100%;object-fit:cover;border-radius:2px;box-shadow:0 1px #fff4de2e inset,3px 8px 14px #0805028c;-webkit-user-select:none;user-select:none;transition:filter .42s var(--ease-out)}.showcase-box[data-photo=true] img{filter:saturate(.45) brightness(.62) contrast(.92) sepia(.25)}.showcase-found-mark{position:absolute;inset:-5px;border:2px solid var(--primary);border-radius:5px;opacity:0;transform:scale(1.06);transition:opacity var(--dur-short) var(--ease-out),transform var(--dur-long) var(--ease-out)}.showcase-found-mark:after{position:absolute;top:-11px;right:-11px;width:22px;height:22px;border-radius:999px;background:var(--primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23231a10' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/14px no-repeat;box-shadow:0 2px 6px #08050280;content:""}.showcase-box[data-found=true] .showcase-found-mark{opacity:1;transform:scale(1)}.showcase-viewfinder{overflow:hidden;border-radius:22px;background:radial-gradient(90% 70% at 40% 30%,oklch(.4 .05 55 / .55),transparent 70%),linear-gradient(160deg,#482f1f,#26160e);box-shadow:0 0 0 1px #fff4de14,0 30px 80px #08050299;opacity:0}.showcase-cubby{position:absolute;border-radius:2px;background:linear-gradient(#0e0804,#1b110b);box-shadow:inset 0 10px 18px #0000008c,inset 0 -2px #ffe6be0d}.showcase-corner{z-index:2;position:absolute;width:28px;height:28px;border:0 solid rgba(255,244,222,.85)}.showcase-corner[data-corner=tl]{top:14px;left:14px;border-width:2px 0 0 2px;border-top-left-radius:8px}.showcase-corner[data-corner=tr]{top:14px;right:14px;border-width:2px 2px 0 0;border-top-right-radius:8px}.showcase-corner[data-corner=bl]{bottom:14px;left:14px;border-width:0 0 2px 2px;border-bottom-left-radius:8px}.showcase-corner[data-corner=br]{right:14px;bottom:14px;border-width:0 2px 2px 0;border-bottom-right-radius:8px}.showcase-scan{position:absolute;z-index:3;top:0;right:6px;left:6px;height:2px;border-radius:2px;background:var(--primary);box-shadow:0 0 14px 2px #dba156b3,0 -40px 50px -10px #dba1562e;opacity:0}.showcase-flash{position:absolute;z-index:4;inset:0;border-radius:inherit;background:#fff8ee;opacity:0;pointer-events:none}.showcase-viewfinder[data-flash=true] .showcase-flash{animation:showcase-flash .48s var(--ease-out)}@keyframes showcase-flash{0%{opacity:.85}to{opacity:0}}.showcase-review{display:flex;align-items:center;gap:14px;padding:8px 8px 8px 18px;border:1px solid var(--paper-rule);border-radius:999px;background:var(--paper);color:var(--paper-ink);font-size:var(--text-sm);font-weight:500;white-space:nowrap;box-shadow:0 14px 30px #08050280;opacity:0}.showcase-review-action{padding:6px 14px;border-radius:999px;background:var(--paper-ink);color:var(--paper)}.showcase-plate{display:inline-flex;align-items:center;transform-origin:0 0;gap:8px;padding:3px 11px 4px;border:1px solid rgba(244,212,158,.75);border-radius:6px;background:linear-gradient(#e7bb73,#c9944c);color:#22170f;font:italic 500 14px/1.2 var(--font-heading);white-space:nowrap;box-shadow:0 1px #fff0d299 inset,0 3px 6px #08050273;opacity:0}.showcase-plate-star{width:11px;height:11px;fill:currentColor}.showcase-plate-count{font:600 10px var(--font-code);opacity:.7}.showcase-share{opacity:0}.showcase-share-image{position:absolute;inset:0;overflow:hidden;border-radius:14px;background:#3c2013 url(/collection/walnut-cabinet.webp) center/cover;box-shadow:0 0 0 1px #fff4de1a,0 30px 80px #08050299}.showcase-share-image:before{position:absolute;inset:0;background:#1407021f;content:""}.showcase-share-actions{position:absolute;top:calc(100% + 16px);left:50%;display:flex;gap:8px;translate:-50% 0;white-space:nowrap}.showcase-share-action{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border:1px solid color-mix(in oklch,var(--foreground) 20%,transparent);border-radius:999px;background:color-mix(in oklch,var(--background) 70%,transparent);color:var(--foreground);font-size:var(--text-sm);font-weight:500}.showcase-share-action[data-primary]{border-color:var(--paper-rule);background:var(--paper);color:var(--paper-ink)}.showcase-share-action svg{width:15px;height:15px}.showcase-copy{position:absolute;inset:0;pointer-events:none}.showcase-scene{position:absolute;top:50%;left:clamp(1.5rem,7vw,6rem);width:min(32rem,34vw);margin-top:-6rem;visibility:hidden;opacity:0}.showcase-scene[data-hero]{top:14svh;left:50%;width:min(46rem,calc(100vw - 2rem));margin:0;translate:-50% 0;text-align:center}.showcase-scene[data-finale]{pointer-events:auto}.showcase-eyebrow{margin-bottom:var(--space-sm);color:var(--primary);font:500 var(--text-xs) / 1 var(--font-code);letter-spacing:.14em;text-transform:uppercase}.showcase-title{font-family:var(--font-heading);font-size:clamp(2.25rem,4.6vw,3.75rem);font-weight:700;line-height:1;letter-spacing:-.03em;text-wrap:balance}.showcase-scene[data-hero] .showcase-title{font-size:clamp(2.75rem,7vw,5rem);line-height:.98;letter-spacing:-.035em}.showcase-body{max-width:30rem;margin-top:var(--space-md);color:var(--muted-foreground);font-size:clamp(1rem,1.3vw,1.125rem);line-height:1.55;text-wrap:pretty}.showcase-scene[data-hero] .showcase-body{margin-inline:auto}.showcase-cue{position:absolute;bottom:18px;left:50%;width:1px;height:36px;overflow:hidden;translate:-50% 0;background:#fff4de26;opacity:0}.showcase-cue span{display:block;width:100%;height:40%;background:var(--foreground);animation:showcase-cue 1.8s var(--ease-in-out) infinite}@keyframes showcase-cue{0%{transform:translateY(-100%)}to{transform:translateY(260%)}}@media(max-width:899px){.showcase-scene{top:5.25rem;left:1.25rem;width:calc(100vw - 2.5rem);margin:0}.showcase-scene[data-hero]{top:6rem}.showcase-title{font-size:clamp(2rem,9vw,2.75rem)}.showcase-scene[data-hero] .showcase-title{font-size:clamp(2.5rem,11vw,3.25rem)}.showcase-body{margin-top:var(--space-sm);font-size:.975rem}.showcase-scene[data-finale]{top:5.25rem}}@media(prefers-reduced-motion:reduce){.showcase-cue span{animation:none}.showcase-box img,.showcase-found-mark{transition:none}}