.c-exploded{position:relative;height:340svh;background:#f7f5f0;border-block:1px solid #dcd6ce;overflow:clip;--part-opacity:0;--assembled-opacity:1}.c-exploded-sticky{position:sticky;top:0;height:100svh;min-height:620px;max-width:1440px;margin:auto;padding:30px 40px 38px;display:flex;flex-direction:column}.c-exploded-header{text-align:center;flex-shrink:0;position:relative;z-index:2}.c-exploded-header>span{font-size:11px;font-weight:700;letter-spacing:2px;color:#6b625b}.c-exploded-header h2{font-size:clamp(25px,3vw,40px);line-height:1.15;letter-spacing:-1.3px;margin:10px 0 0;color:#30231d}.c-exploded-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;flex:1;min-height:0;align-items:center}.c-exploded-visual{height:100%;min-height:0;position:relative;display:grid;place-items:center}.c-exploded-stage{position:absolute;width:500px;height:660px;transform:scale(var(--stage-scale,.8));transform-origin:center}.c-exploded-halo{position:absolute;top:14%;right:2%;bottom:14%;left:2%;background:radial-gradient(ellipse,#e8e0d580,transparent 68%);border-radius:50%}.c-exploded-assembled{position:absolute;width:560px;max-width:none;height:560px;object-fit:contain;left:-30px;top:50px;mix-blend-mode:multiply;opacity:var(--assembled-opacity)}.c-exploded-parts{opacity:var(--part-opacity)}.c-exploded-parts svg{position:absolute;overflow:hidden;left:0;top:0;will-change:transform;transition:filter .3s;filter:drop-shadow(0 9px 9px #30231d13)}.c-exploded-parts [data-piece=body]{z-index:3}.c-exploded-parts [data-piece=lid]{z-index:4}.c-exploded-parts [data-piece=cup]{z-index:5}.c-exploded-story{max-width:420px;padding-right:20px;position:relative;z-index:2}.c-exploded-count{font-size:12px;letter-spacing:2px;color:#8c8075;margin:0 0 22px}.c-exploded-count span{color:#30231d;font-weight:700}.c-exploded-copy{min-height:210px}.c-exploded-copy h3{font-size:clamp(30px,3.3vw,46px);line-height:1.08;letter-spacing:-1.5px;margin:0 0 18px;color:#30231d}.c-exploded-copy p{font-size:16px;line-height:1.65;color:#6b625b;margin:0;max-width:36ch}.c-exploded-nav{display:flex;gap:6px;margin:24px 0 10px}.c-exploded-nav button{width:48px;height:36px;display:grid;place-items:center;border:0;background:transparent;padding:0;cursor:pointer}.c-exploded-nav button span{display:block;width:36px;height:3px;background:#dcd6ce;border-radius:4px;transition:background .2s}.c-exploded-nav button[aria-current] span{background:#30231d}.c-exploded-hint{font-size:11px;color:#6b625b;margin:0}.c-exploded-hint span{margin-left:10px}.c-exploded-static-copy{display:none}@media(max-width:749px){.c-exploded{height:300svh}.c-exploded-sticky{padding:20px 20px 78px;min-height:600px}.c-exploded-header h2{font-size:25px;letter-spacing:-.7px}.c-exploded-header>span{font-size:9px}.c-exploded-layout{grid-template-columns:1fr;grid-template-rows:minmax(230px,1fr) auto;gap:0}.c-exploded-story{padding:0;max-width:none;text-align:center}.c-exploded-count{margin:0 0 8px;font-size:10px}.c-exploded-copy{min-height:107px}.c-exploded-copy h3{font-size:26px;letter-spacing:-.7px;margin-bottom:9px}.c-exploded-copy p{font-size:13px;line-height:1.5;max-width:36ch;margin:auto}.c-exploded-nav{justify-content:center;margin:8px 0 0}.c-exploded-hint{font-size:10px}}@media(prefers-reduced-motion:reduce){.c-exploded{height:auto}.c-exploded-sticky{position:relative;height:auto;min-height:0}.c-exploded-layout{min-height:650px}.c-exploded-visual{min-height:530px}.c-exploded-nav,.c-exploded-hint{display:none}.c-exploded-static-copy{display:block;font-size:14px;line-height:1.6;max-width:650px;margin:20px auto;padding-left:20px}.c-exploded-static-copy li{margin:8px 0}.c-exploded-copy{min-height:0}@media(max-width:749px){.c-exploded-layout{min-height:650px}.c-exploded-visual{height:480px;min-height:480px}}}.c-exploded{height:580svh}.c-exploded-visual{overflow:hidden;isolation:isolate}.c-exploded-nav{gap:2px}.c-exploded-nav button{width:40px;min-width:0}.c-exploded-nav button span{width:28px}@media(max-width:749px){.c-exploded{height:540svh}}@media(prefers-reduced-motion:reduce){.c-exploded{height:auto}}.c-exploded-parts svg{filter:none;will-change:auto;transition:none}.c-exploded-stage{background:#f7f5f0}.c-exploded-stage:before{content:"";position:absolute;top:-60px;right:-60px;bottom:-60px;left:-60px;background:#f7f5f0;z-index:-1}
/*# sourceMappingURL=/cdn/shop/t/9/assets/daybreak-c-exploded.css.map */