:root{--pink:#fd6e93;--coral:#fb6d74;--cream:#fff3df;--cream-stage:#fdeedc;--blush:#f8c9d5;--burgundy:#450919;--cherry:#b70b2d;--raspberry:#d8154d;--blueberry:#3b4a8c;--stage-bg:var(--pink);--title:var(--cream);--title-shadow:var(--burgundy);--ink:var(--burgundy);--gutter:clamp(20px, 4.2vw, 72px);--font:"Archivo", "Arial Narrow", system-ui, sans-serif;--ease-pop:cubic-bezier(.34, 1.56, .64, 1);--ease-out:cubic-bezier(.22, 1, .36, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--burgundy)}body{font-family:var(--font);color:var(--ink);background:var(--pink);-webkit-font-smoothing:antialiased;margin:0;font-stretch:100%;overflow-x:hidden}img{max-width:100%;display:block}button{font:inherit;color:inherit}[hidden]{display:none!important}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:100;background:var(--burgundy);color:var(--cream);border-radius:999px;padding:12px 18px;font-weight:800;text-decoration:none;position:fixed;top:-60px;left:12px}.skip-link:focus{top:12px}:focus-visible{outline:3px solid var(--burgundy);outline-offset:3px;border-radius:6px}.topbar{z-index:20;padding:clamp(14px, 2.2vw, 28px) var(--gutter);pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:fixed;inset:0 0 auto}.topbar>*{pointer-events:auto}.wordmark{letter-spacing:.06em;color:var(--burgundy);justify-self:start;font-size:clamp(18px,1.6vw,24px);font-weight:900;font-stretch:112%;text-decoration:none}.topnav ul{background:color-mix(in srgb, var(--cream) 22%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;gap:clamp(14px,2.4vw,40px);margin:0;padding:8px 22px;list-style:none;display:flex}.topnav a{letter-spacing:.04em;color:var(--burgundy);padding:4px 0;font-size:14px;font-weight:700;text-decoration:none;display:inline-block;position:relative}.topnav a:after{content:"";height:2px;transition:transform .35s var(--ease-out);background:currentColor;border-radius:2px;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.topnav a:hover:after,.topnav a[aria-current=true]:after{transform:scaleX(1)}.btn-explore{justify-self:end}.btn{border:2px solid var(--burgundy);letter-spacing:.01em;cursor:pointer;min-height:48px;transition:transform .3s var(--ease-pop), box-shadow .3s var(--ease-out), background-color .25s, color .25s;border-radius:999px;align-items:center;gap:12px;padding:0 26px;font-size:16px;font-weight:800;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-2px)rotate(-1deg)}.btn:active{transform:translateY(1px)scale(.98)}.btn-primary{background:var(--burgundy);color:var(--cream);box-shadow:0 6px 0 0 var(--cherry)}.btn-primary:hover{box-shadow:0 9px 0 0 var(--cherry)}.btn-primary:focus-visible{box-shadow:0 6px 0 0 var(--cherry), 0 0 0 4px var(--cream), 0 0 0 7px var(--burgundy);outline:none}.btn-ghost{background:color-mix(in srgb, var(--cream) 30%, transparent);color:var(--burgundy);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn-ghost:hover{background:var(--cream)}.arrow{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px;transition:transform .35s var(--ease-pop)}.btn:hover .arrow{transform:translate(4px)}.kicker{background:var(--burgundy);color:var(--cream);letter-spacing:.22em;text-transform:uppercase;transform-origin:0;border-radius:999px;margin:0 0 18px;padding:8px 16px;font-size:clamp(12px,.95vw,15px);font-weight:800;display:inline-block;transform:rotate(-4deg)}.mega,.big{letter-spacing:-.01em;text-transform:uppercase;color:var(--title);text-shadow:.035em .045em 0 var(--title-shadow), .07em .09em 0 color-mix(in srgb, var(--title-shadow) 30%, transparent);transform-origin:0;margin:0;font-weight:900;font-stretch:68%;line-height:.84;transform:rotate(-4deg)}.mega:focus,.big:focus{outline:none}.mega span,.big span{display:block}.mega{font-size:clamp(84px,12.8vw,232px)}.big{font-size:clamp(64px,8.6vw,156px)}.index{letter-spacing:.2em;color:var(--burgundy);margin:0 0 18px;font-size:15px;font-weight:900;font-stretch:110%}.index:after{content:"";vertical-align:middle;background:currentColor;width:36px;height:2px;margin-left:12px;display:inline-block}.lede{max-width:30ch;color:var(--burgundy);margin:30px 0 0;font-size:clamp(17px,1.3vw,21px);font-weight:600;line-height:1.35}.copy-hero .btn-primary{margin-top:clamp(28px,4.2vh,52px)}.hero-bottom{justify-content:space-between;align-items:center;gap:24px;display:flex}.quickpick{background:color-mix(in srgb, var(--cream) 80%, transparent);border-radius:999px;align-items:center;gap:10px;padding:8px 10px 8px 18px;display:inline-flex;box-shadow:0 10px 30px -12px #45091973}.quickpick-label{letter-spacing:.18em;text-transform:uppercase;margin-right:4px;font-size:12px;font-weight:800}.swatch{cursor:pointer;width:44px;height:44px;transition:transform .3s var(--ease-pop), border-color .2s;background:0 0;border:2px solid #0000;border-radius:50%;place-items:center;padding:0;display:grid}.swatch i{background:var(--c);width:28px;height:28px;box-shadow:inset 0 -4px 0 #0000002e, 0 0 0 2px var(--cream);border-radius:50%}.swatch:hover,.swatch[aria-current=true]{border-color:var(--burgundy);transform:scale(1.12)}.hint{letter-spacing:.08em;text-transform:uppercase;color:var(--burgundy);align-items:center;gap:10px;margin:0;font-size:13px;font-weight:700;display:inline-flex}.hint-mouse{border:2px solid;border-radius:12px;width:20px;height:30px;position:relative}.hint-mouse:after{content:"";width:4px;height:7px;animation:hint 1.8s var(--ease-out) infinite;background:currentColor;border-radius:2px;margin-left:-2px;position:absolute;top:6px;left:50%}@keyframes hint{0%{opacity:1;transform:translateY(0)}70%{opacity:0;transform:translateY(9px)}to{opacity:0;transform:translateY(0)}}.choice{border:0;margin:28px 0 0;padding:0}.choice legend{letter-spacing:.2em;text-transform:uppercase;margin-bottom:12px;padding:0;font-size:12px;font-weight:800}.cards,.chips{flex-wrap:wrap;gap:10px;display:flex}.card,.chip{border:2px solid var(--burgundy);background:var(--cream);cursor:pointer;-webkit-user-select:none;user-select:none;min-height:48px;transition:transform .3s var(--ease-pop), background-color .2s, color .2s;border-radius:999px;align-items:center;gap:10px;padding:0 20px 0 12px;font-weight:800;display:inline-flex;position:relative}.chip{padding:0 18px}.card input,.chip input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.card-dot{background:var(--c);border-radius:50%;width:26px;height:26px;box-shadow:inset 0 -4px #0000002e}.card:hover,.chip:hover{transform:translateY(-2px)rotate(-1.5deg)}:is(.card:has(input:checked),.chip:has(input:checked)){background:var(--burgundy);color:var(--cream)}.chip span:before{content:"+";width:1em;transition:transform .3s var(--ease-pop);margin-right:6px;font-weight:900;display:inline-block}.chip:has(input:checked) span:before{content:"✓"}:is(.card:has(input:focus-visible),.chip:has(input:focus-visible)){box-shadow:0 0 0 3px var(--cream), 0 0 0 6px var(--burgundy)}.result{min-height:1.4em;color:var(--cherry);margin:22px 0 0;font-size:15px;font-weight:700}.actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.atelier-product{aspect-ratio:1;position:relative}.product{position:absolute;inset:0}.product img{object-fit:contain;width:100%;height:100%;-webkit-mask-image:radial-gradient(closest-side,#000 86%,#0000 100%);mask-image:radial-gradient(closest-side,#000 86%,#0000 100%)}.still img,.product img{background-position:50%;background-size:cover}.still img{object-fit:cover;object-position:62% 50%;width:100%;height:100%}.rail{display:none}.pause-toggle{z-index:30;border:2px solid var(--burgundy);background:var(--cream);width:44px;height:44px;color:var(--burgundy);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex;position:fixed;bottom:16px;right:16px}.pause-label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.pause-icon{border-left:4px solid;border-right:4px solid;width:12px;height:14px}.pause-toggle[aria-pressed=true] .pause-icon{border:8px solid #0000;border-left:12px solid;border-right:0;width:0;height:0;margin-left:3px}.is-paused .hint-mouse:after{animation:none}.footer{z-index:5;padding:clamp(56px, 9vw, 120px) var(--gutter) clamp(40px, 6vw, 80px);background:var(--burgundy);color:var(--cream);justify-items:start;gap:10px;display:grid;position:relative}.footer-mark{letter-spacing:-.01em;color:var(--pink);margin:0;font-size:clamp(72px,16vw,260px);font-weight:900;font-stretch:70%;line-height:.8}.footer-line{margin:0 0 18px;font-size:clamp(20px,2vw,28px);font-weight:800}.footer-actions{flex-wrap:wrap;gap:12px;display:flex}.footer .btn-primary{background:var(--pink);color:var(--burgundy);border-color:var(--pink);box-shadow:0 6px 0 0 var(--cherry)}.footer .btn-ghost{color:var(--cream);border-color:var(--cream);background:0 0}.is-immersive .stage{height:100vh;background:var(--stage-bg);height:100svh;transition:background-color .9s var(--ease-out);touch-action:none;position:relative;overflow:hidden}.is-immersive .stage[data-ch="1"]{--stage-bg:var(--coral)}.is-immersive .stage[data-ch="2"]{--stage-bg:var(--cream-stage)}.is-immersive .stage[data-ch="3"]{--stage-bg:var(--blush)}.is-immersive .chapter{visibility:hidden;position:absolute;inset:0}.is-immersive .chapter.is-active{visibility:visible}.is-immersive .still{z-index:0;position:absolute;inset:0;overflow:hidden}.is-immersive .still img,.is-immersive .media-clip{transform:translate3d(calc(var(--px,0) * -5px), calc(var(--py,0) * -4px), 0) scale(1.01)}.media-clip{z-index:1;object-fit:cover;object-position:62% 50%;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.scene-canvas{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.is-immersive .copy{z-index:3;left:var(--gutter);max-width:min(46vw,760px);position:absolute;top:50%;transform:translateY(-46%)}.is-immersive .copy-hero{transform:translateY(-50%)}.is-immersive .hero-bottom{z-index:3;left:var(--gutter);right:calc(var(--gutter) + 72px);position:absolute;bottom:clamp(20px,4vh,44px)}.is-immersive .drag-zone{z-index:3;cursor:grab;touch-action:none;position:absolute;inset:10% 8% 6% 48%}.is-immersive .drag-zone:active{cursor:grabbing}.btn-recenter{margin-top:26px}.is-immersive .chapter-atelier .atelier{position:absolute;inset:0}.is-immersive .atelier-panel{z-index:3;left:var(--gutter);width:min(44vw,600px);max-height:calc(100svh - 120px);padding:8px 4px 8px 0;position:absolute;top:50%;overflow-y:auto;transform:translateY(-46%)}.is-immersive .atelier-product{--size:min(48vw, 86svh);z-index:0;right:max(4vw,90px);top:calc(50% - var(--size) * .48);width:var(--size);position:absolute}.is-immersive .stage[data-ch="2"] #frisson,#frisson{--title:var(--raspberry)}#atelier{--title:var(--burgundy);--title-shadow:var(--pink)}.is-immersive .rail{z-index:4;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;top:50%;right:clamp(16px,2vw,32px);transform:translateY(-50%)}.rail-btn{border:2px solid var(--burgundy);background:color-mix(in srgb, var(--cream) 70%, transparent);width:44px;height:44px;color:var(--burgundy);cursor:pointer;transition:transform .3s var(--ease-pop), background-color .2s;border-radius:50%;place-items:center;padding:0;display:grid}.rail-btn:hover{background:var(--cream);transform:scale(1.08)}.rail-btn svg{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.rail-btn:disabled{opacity:.35;cursor:default;transform:none}.dots{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.dot{cursor:pointer;background:0 0;border:0;place-items:center;width:44px;height:36px;padding:0;display:grid;position:relative}.dot span{letter-spacing:.08em;color:var(--burgundy);opacity:.55;transition:opacity .2s, transform .3s var(--ease-pop);font-size:11px;font-weight:900}.dot:before{content:"";background:var(--burgundy);opacity:.35;width:6px;height:6px;transition:all .4s var(--ease-pop);border-radius:50%;margin-top:-3px;position:absolute;top:50%;right:0}.dot:hover span,.dot[aria-current=step] span{opacity:1}.dot[aria-current=step] span{transform:scale(1.15)}.dot[aria-current=step]:before{opacity:1;border-radius:3px;height:22px;margin-top:-11px}.is-immersive .pause-toggle{bottom:clamp(20px,4vh,44px);right:clamp(16px,2vw,32px)}html:not(.is-immersive) .stage{background:var(--pink);position:relative}html:not(.is-immersive) .scene-canvas{position:fixed}html:not(.is-immersive) .rail,html:not(.is-immersive) .drag-zone,html:not(.is-immersive) .only-immersive,html:not(.is-immersive) .btn-recenter{display:none}html:not(.is-immersive) .chapter{min-height:100vh;min-height:100svh;position:relative;overflow:hidden}html:not(.is-immersive) #fondre{background:var(--pink)}html:not(.is-immersive) #explosion{background:var(--coral)}html:not(.is-immersive) #frisson{background:var(--cream-stage)}html:not(.is-immersive) #atelier{background:var(--blush);min-height:0}html:not(.is-immersive) .still{z-index:0;position:absolute;inset:22% 0 0;-webkit-mask-image:linear-gradient(#0000,#000 14%);mask-image:linear-gradient(#0000,#000 14%)}html:not(.is-immersive) #fondre .still{top:30%}html:not(.is-immersive) .still img{object-position:50% 82%}html:not(.is-immersive) .copy{z-index:3;padding:calc(env(safe-area-inset-top) + 92px) var(--gutter) 0;position:relative}html:not(.is-immersive) .mega{font-size:clamp(76px,25vw,150px)}html:not(.is-immersive) .big{font-size:clamp(58px,18vw,120px)}html:not(.is-immersive) .lede{margin-top:20px}html:not(.is-immersive) .hero-bottom{z-index:3;left:var(--gutter);right:calc(var(--gutter) + 52px);bottom:calc(env(safe-area-inset-bottom) + 18px);position:absolute}html:not(.is-immersive) .hint{display:none}html:not(.is-immersive) .atelier{padding:calc(env(safe-area-inset-top) + 92px) var(--gutter) 56px;flex-direction:column;display:flex}html:not(.is-immersive) .atelier-panel{z-index:3;position:relative}html:not(.is-immersive) .atelier-product{order:-1;width:min(100%,520px);margin:0 auto 8px}html:not(.is-immersive) .topnav{display:none}html:not(.is-immersive) .topbar{background:linear-gradient(to bottom, color-mix(in srgb, var(--pink) 70%, transparent), transparent);grid-template-columns:1fr auto}html:not(.is-immersive) .reveal{opacity:0;transition:opacity .7s var(--ease-out), transform .8s var(--ease-out);transform:translateY(26px)}html:not(.is-immersive) .is-inview .reveal{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.2s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html:not(.is-immersive) .reveal,.btn:hover,.card:hover,.chip:hover{transform:none}}