.h3d-root{background:linear-gradient(180deg, #fbf9f3 0%, #f5f1e6 55%, var(--c-plaster) 100%);color:var(--c-ink);position:relative}.h3d-sticky{height:100dvh;position:sticky;top:0;overflow:hidden}.h3d-vignette{pointer-events:none;background:radial-gradient(120% 90% at 50% 46%,#0000 58%,#8a6a3a1a 100%);position:absolute;inset:0}.h3d-canvas{opacity:0;transition:opacity .9s var(--ease-out);position:absolute;inset:0}.h3d-canvas--ready{opacity:1}.h3d-layer{z-index:3;text-align:center;pointer-events:none;place-content:center;justify-items:center;gap:1.2rem;padding:0 1.5rem;display:grid;position:absolute;inset:0}.h3d-manif{font-family:var(--font-display);font-size:var(--step-3);text-wrap:balance;max-width:24ch;line-height:1.14}.h3d-caption{z-index:3;font-size:var(--step--1);letter-spacing:.22em;text-transform:uppercase;color:var(--c-stone);pointer-events:none;position:absolute;bottom:clamp(1.4rem,5vh,3rem);left:clamp(1.2rem,4vw,3rem)}.h3d-final{z-index:3;text-align:center;justify-items:center;gap:.9rem;width:max-content;max-width:92vw;display:grid;position:absolute;bottom:clamp(1.6rem,7vh,4rem);left:50%;transform:translate(-50%)}.h3d-final-name{font-family:var(--font-display);font-size:var(--step-1);letter-spacing:.08em}.h3d-cue{z-index:3;font-size:var(--step--1);letter-spacing:.26em;text-transform:uppercase;color:var(--c-stone);pointer-events:none;flex-direction:column;align-items:center;gap:.6rem;display:inline-flex;position:absolute;bottom:clamp(1.4rem,4vh,2.6rem);left:50%;transform:translate(-50%)}.h3d-cue:after{content:"";background:linear-gradient(180deg, var(--c-sunset-ink), transparent);width:1px;height:44px;animation:h3dCue 2.4s var(--ease-out) infinite}@keyframes h3dCue{0%{transform-origin:top;opacity:0;transform:scaleY(0)}40%{transform-origin:top;opacity:1;transform:scaleY(1)}60%{transform-origin:bottom;opacity:1;transform:scaleY(1)}to{transform-origin:bottom;opacity:0;transform:scaleY(0)}}.h3d-still-wrap{place-items:center;display:grid;position:absolute;inset:0}.h3d-still{object-fit:contain;filter:drop-shadow(0 30px 60px #60421847);width:min(64vw,420px);height:min(66vh,540px)}@media (prefers-reduced-motion:reduce){.h3d-cue:after{animation:none}.h3d-canvas{transition:none}}.h3d-wrap{z-index:2;box-sizing:border-box;grid-template-columns:1fr;place-items:center;gap:clamp(.5rem,2vh,1.6rem);height:100%;padding:clamp(4.5rem,9vh,7rem) 1.5rem 3rem;display:grid;position:relative}.h3d-copy-zone{text-align:center;justify-items:center;transition:opacity .25s linear;display:grid}.h3d-copy{justify-items:center;gap:1rem;max-width:46ch;display:grid}.h3d-stage{place-items:center;width:100%;min-height:0;display:grid;position:relative}.h3d-bottle{object-fit:contain;filter:drop-shadow(0 24px 42px #60421842);will-change:transform;width:min(62vw,290px);max-height:44vh}.h3d-ground{filter:blur(5px);z-index:-1;pointer-events:none;background:radial-gradient(50% 50%,#5a3c144d,#5a3c1400 70%);width:min(46vw,220px);height:22px;position:absolute;bottom:2%;left:50%}@media (min-width:900px){.h3d-wrap{grid-template-columns:1.05fr .95fr;justify-items:start;padding-inline:clamp(2rem,7vw,7rem)}.h3d-copy-zone,.h3d-copy{text-align:left;justify-items:start}.h3d-bottle{width:min(30vw,420px);max-height:76vh}}