.ct-story{padding-block:var(--sp-8) 0;overflow:clip}.ct-story__dock-off{position:absolute;top:35vh;right:0;bottom:50vh;left:0;pointer-events:none}.ct-story__head{padding-bottom:var(--sp-5)}.ct-story__track,.ct-story__pin{position:relative}.ct-story__poster{display:block;width:100%;height:auto}.ct-story__gl,.ct-story__dots{display:none}.ct-story__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:var(--sp-6) var(--sp-5);width:min(100% - 2 * var(--gutter, 20px),1240px);margin:var(--sp-6) auto 0;padding-bottom:var(--sp-8)}.ct-story__no{margin:0 0 var(--sp-2);font-size:11px;font-weight:500;letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--fg-muted)}.ct-story__no span{color:var(--fg);margin-right:.8em;font-variant-numeric:tabular-nums}.ct-story__desc p:not(.ct-story__no){margin:0;font-size:15px;line-height:1.6;font-weight:300;color:var(--fg-muted);max-width:40ch}.ct-story__marks{list-style:none;margin:0 0 var(--sp-3);padding:0;display:grid;gap:var(--sp-2)}.ct-story__mark b{display:block;font-family:"Barlow",var(--font-body);font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--fg)}.ct-story__mark span{display:block;font-size:13px;line-height:1.4;font-weight:300;color:var(--fg-muted)}.ct3d .ct-story:not(.gl-off) .ct-story__track{height:calc(100svh + var(--n) * 90svh)}.ct3d .ct-story:not(.gl-off) .ct-story__pin{position:sticky;top:0;height:100svh;overflow:hidden}.ct3d .ct-story:not(.gl-off) .ct-story__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;transition:opacity .8s ease}.ct3d .ct-story.is-gl .ct-story__poster{opacity:0}.ct3d .ct-story:not(.gl-off) .ct-story__gl{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.ct3d .ct-story:not(.gl-off) .ct-story__cards{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;width:auto;margin:0;padding:0;pointer-events:none}.ct3d .ct-story:not(.gl-off) .ct-story__step{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .4s ease}.ct3d .ct-story:not(.gl-off) .ct-story__step.is-on{opacity:1;transition:opacity .5s .12s ease}.ct3d .ct-story:not(.gl-off):not(.is-gl) .ct-story__step:first-child{opacity:1}.ct3d .ct-story:not(.gl-off):not(.is-gl) .ct-story__marks{display:none}.ct3d .ct-story:not(.gl-off) .ct-story__desc{position:absolute;right:clamp(72px,9vw,150px);bottom:max(13svh,112px);width:min(40ch,36vw);padding-left:var(--sp-4);border-left:1px solid color-mix(in srgb,var(--fg) 28%,transparent);translate:0 10px;transition:translate .7s cubic-bezier(.22,1,.36,1)}.ct3d .ct-story:not(.gl-off) .ct-story__step.is-on .ct-story__desc{translate:0 0;transition-delay:.12s}.ct3d .ct-story.is-gl .ct-story__marks{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;display:block}.ct3d .ct-story.is-gl .ct-story__mark{--ax: 90px;--ay: 90px;--r: 14px;--ink: color-mix(in srgb, var(--fg) 58%, transparent);--halo: rgb(255 255 255 / .5);--rg: 13px;--gap: 13px;--sx: -6px;--sy: -6px;position:absolute;left:0;top:0;width:0;height:0;opacity:var(--face, 0);transition:opacity .3s ease}.ct3d .ct-story.is-gl .ct-story__mark:before{content:"";position:absolute;left:0;top:0;width:var(--rg);height:var(--rg);translate:-50% -50%;border-radius:50%;border:1px solid var(--ink);background:radial-gradient(circle,var(--ink) 0 1.75px,color-mix(in srgb,var(--bg) 45%,transparent) 2.25px);box-shadow:0 0 0 1px var(--halo);opacity:0;scale:.6;transition:opacity .15s ease,scale .15s ease}.ct3d .ct-story.is-gl .ct-story__mark:after{content:"";position:absolute;left:0;top:calc(var(--rg) / 2);width:var(--ax);height:calc(var(--ay) - var(--rg) / 2);border-left:1px solid var(--ink);border-bottom:1px solid var(--ink);border-bottom-left-radius:var(--r);filter:drop-shadow(0 0 .5px var(--halo));clip-path:polygon(var(--sx) var(--sy),var(--sx) var(--sy),var(--sx) var(--sy),var(--sx) var(--sy));transition:clip-path .2s cubic-bezier(.4,0,.2,1)}.ct3d .ct-story.is-gl .ct-story__mark.is-l{--sx: calc(100% + 6px) }.ct3d .ct-story.is-gl .ct-story__mark.is-up{--sy: calc(100% + 6px) }.ct3d .ct-story.is-gl .ct-story__mark.is-l:after{left:auto;right:0;border-left:0;border-right:1px solid var(--ink);border-bottom-left-radius:0;border-bottom-right-radius:var(--r)}.ct3d .ct-story.is-gl .ct-story__mark.is-up:after{top:auto;bottom:calc(var(--rg) / 2);border-bottom:0;border-top:1px solid var(--ink);border-radius:var(--r) 0 0 0}.ct3d .ct-story.is-gl .ct-story__mark.is-l.is-up:after{border-radius:0 var(--r) 0 0}.ct3d .ct-story.is-gl .ct-story__mark :is(b,span){position:absolute;left:calc(var(--ax) + var(--gap));white-space:nowrap;padding:2px 8px;border-radius:4px;background:color-mix(in srgb,var(--bg) 82%,transparent);opacity:0;translate:-6px 0;transition:opacity .15s ease,translate .2s ease}.ct3d .ct-story.is-gl .ct-story__mark b{top:calc(var(--ay) - 12.5px);font-size:13px;font-weight:600;letter-spacing:.18em;line-height:21px}.ct3d .ct-story.is-gl .ct-story__mark span{top:calc(var(--ay) + 15px);font-size:15px;line-height:21px}.ct3d .ct-story.is-gl .ct-story__mark b:before{content:"";position:absolute;left:calc(-1 * var(--gap));top:50%;width:4px;height:4px;translate:-50% -50%;border-radius:50%;background:var(--ink);box-shadow:0 0 0 1px var(--halo)}.ct3d .ct-story.is-gl .ct-story__mark.is-up b{top:calc(-1 * var(--ay) - 12.5px)}.ct3d .ct-story.is-gl .ct-story__mark.is-up span{top:calc(-1 * var(--ay) + 15px)}.ct3d .ct-story.is-gl .ct-story__mark.is-l :is(b,span){left:auto;right:calc(var(--ax) + var(--gap));text-align:right;translate:6px 0}.ct3d .ct-story.is-gl .ct-story__mark.is-l b:before{left:auto;right:calc(-1 * var(--gap));translate:50% -50%}.ct3d .ct-story.is-gl .ct-story__step.is-marked .ct-story__mark:not(.is-away):before{opacity:1;scale:1;transition:opacity calc(.2s * var(--mk-k, 1)) ease var(--mk-wait, 0s),scale calc(.3s * var(--mk-k, 1)) cubic-bezier(.22,1,.36,1) var(--mk-wait, 0s);animation:ct-mark-ping .9s calc(.06s * var(--mk-k, 1) + var(--mk-wait, 0s)) 1 ease-out backwards}.ct3d .ct-story.is-gl .ct-story__step.is-marked .ct-story__mark:not(.is-away):after{clip-path:polygon(-6px -6px,calc(100% + 6px) -6px,calc(100% + 6px) calc(100% + 6px),-6px calc(100% + 6px));transition:clip-path calc(.32s * var(--mk-k, 1)) calc(.03s * var(--mk-k, 1) + var(--mk-wait, 0s)) cubic-bezier(.33,1,.68,1)}.ct3d .ct-story.is-gl .ct-story__step.is-marked .ct-story__mark:not(.is-away) :is(b,span){opacity:1;translate:0 0;transition:opacity calc(.26s * var(--mk-k, 1)) calc(.18s * var(--mk-k, 1) + var(--mk-wait, 0s)) ease-out,translate calc(.34s * var(--mk-k, 1)) calc(.18s * var(--mk-k, 1) + var(--mk-wait, 0s)) cubic-bezier(.22,1,.36,1)}.ct3d .ct-story.is-gl .ct-story__step.is-marked .ct-story__mark:not(.is-away) span{transition-delay:calc(.23s * var(--mk-k, 1) + var(--mk-wait, 0s))}@keyframes ct-mark-ping{0%{box-shadow:0 0 0 1px var(--halo),0 0 color-mix(in srgb,var(--fg) 18%,transparent)}to{box-shadow:0 0 0 1px var(--halo),0 0 0 10px color-mix(in srgb,var(--fg) 0%,transparent)}}.ct3d .ct-story:not(.gl-off) .ct-story__dots{display:grid;gap:10px;position:absolute;z-index:1;right:clamp(16px,3vw,44px);top:50%;translate:0 -50%;margin:0;padding:0;list-style:none;font-size:11px;letter-spacing:.14em;font-variant-numeric:tabular-nums;color:var(--fg-muted)}.ct-story__dots li{display:flex;align-items:center;gap:10px;opacity:.45;transition:opacity .4s}.ct-story__dots li:after{content:"";width:14px;height:1px;background:currentColor;transition:width .4s cubic-bezier(.22,1,.36,1)}.ct-story__dots li.is-on{opacity:1;color:var(--fg)}.ct-story__dots li.is-on:after{width:30px}@media(max-width:760px){.ct3d .ct-story:not(.gl-off) .ct-story__dots{display:none}.ct3d .ct-story:not(.gl-off) .ct-story__desc{left:var(--gutter, 20px);right:var(--gutter, 20px);bottom:max(12svh,96px);width:auto}.ct3d .ct-story.is-gl .ct-story__mark{--r: 10px;--rg: 11px;--gap: 10px}.ct3d .ct-story.is-gl .ct-story__mark b{font-size:11px;letter-spacing:.15em;line-height:19px;top:calc(var(--ay) - 11.5px);padding:2px 6px}.ct3d .ct-story.is-gl .ct-story__mark.is-up b{top:calc(-1 * var(--ay) - 11.5px)}.ct3d .ct-story.is-gl .ct-story__mark span{display:none}.ct3d .ct-story:not(.gl-off) .ct-story__no span:after{content:"/06";margin-left:.25em;color:var(--fg-muted)}.ct3d .ct-story.is-gl .ct-story__mark b{white-space:normal;width:max-content;max-width:min(44vw,184px)}}@media(max-width:760px)and (orientation:portrait),(min-width:761px)and (max-width:1366px)and (min-height:700px)and ((orientation:portrait)or (pointer:coarse)){.ct3d .ct-story.is-gl .ct-story__mark{--rg: 9px;--halo: rgb(0 0 0 / .4)}.ct3d .ct-story.is-gl .ct-story__mark:after{display:none}.ct3d .ct-story.is-gl .ct-story__mark:before{border:0;background:#fff;box-shadow:0 0 0 1.5px var(--halo)}.ct3d .ct-story.is-gl .ct-story__mark b,.ct3d .ct-story.is-gl .ct-story__mark.is-l b{left:var(--tx, 0);right:auto;top:var(--ty, 0);text-align:left;padding:5px 10px;border-radius:13px;background:#fff;color:#0b0b0b;font-size:11px;font-weight:600;letter-spacing:.12em;line-height:16px;white-space:normal;width:max-content;max-width:min(58vw,210px);translate:0 4px}.ct3d .ct-story.is-gl .ct-story__mark b:before,.ct3d .ct-story.is-gl .ct-story__mark.is-l b:before{left:var(--tp, 50%);right:auto;top:100%;width:9px;height:9px;border-radius:0;background:inherit;box-shadow:none;rotate:45deg;translate:-50% -50%}.ct3d .ct-story.is-gl .ct-story__mark[data-tip=below] b:before{top:0}.ct3d .ct-story.is-gl .ct-story__mark:is([data-tip=right],[data-tip=left]) b:before{left:0;top:var(--tp, 50%)}.ct3d .ct-story.is-gl .ct-story__mark[data-tip=left] b:before{left:100%}.ct3d .ct-story.is-gl .ct-story__mark span{display:none}.ct3d .ct-story.is-gl .ct-story__mark[data-hole]{top:8px}.ct3d .ct-story.is-gl .ct-story__mark[data-nudge]{left:var(--nx, 0px);top:var(--ny, 0px)}}@media(min-width:761px)and (max-aspect-ratio:21/20){.ct3d .ct-story:not(.gl-off) .ct-story__desc{width:min(46ch,56vw);bottom:max(11svh,112px)}.ct3d .ct-story:not(.gl-off) .ct-story__desc p:not(.ct-story__no){font-size:17px}}@media(max-height:559px)and (min-width:641px)and (min-aspect-ratio:21/20){.ct3d .ct-story:not(.gl-off) .ct-story__dots{display:none}.ct3d .ct-story:not(.gl-off) .ct-story__desc{top:50%;bottom:auto;left:auto;right:max(var(--gutter, 20px),env(safe-area-inset-right));width:min(36ch,33vw);translate:0 calc(-50% + 10px)}.ct3d .ct-story:not(.gl-off) .ct-story__step.is-on .ct-story__desc{translate:0 -50%}.ct3d .ct-story:not(.gl-off) .ct-story__desc p:not(.ct-story__no){font-size:13px;line-height:1.55}.ct3d .ct-story.is-gl .ct-story__mark{--r: 10px;--rg: 11px;--gap: 10px}.ct3d .ct-story.is-gl .ct-story__mark b{font-size:11px;letter-spacing:.15em;line-height:19px;top:calc(var(--ay) - 11.5px);padding:2px 6px}.ct3d .ct-story.is-gl .ct-story__mark.is-up b{top:calc(-1 * var(--ay) - 11.5px)}.ct3d .ct-story.is-gl .ct-story__mark span{display:none}}@media(prefers-reduced-motion:reduce){.ct-story__step,.ct-story__desc,.ct-story__poster,.ct-story__dots li,.ct-story__dots li:after,.ct-story__mark,.ct-story__mark:before,.ct-story__mark:after,.ct-story__mark b,.ct-story__mark span{transition:none!important;animation:none!important}}.ct-3d__room,.ct-3d__unit{display:none}.ct-tt3d{position:relative;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.ct-tt3d .ct-poster__img{animation:ct-rise 1.6s .15s cubic-bezier(.16,.84,.24,1) both}.ct-tt3d__grip{position:absolute;left:30%;top:17%;translate:0 -50%;width:61%;height:max(16%,44px);padding:0;border:0;border-radius:999px;background:none;opacity:0;pointer-events:none}.ct-tt3d__grip:focus-visible{opacity:1;outline:2px solid #8a7cff;outline-offset:3px}.ct-tt3d__grip.is-live{height:44px;translate:-50% -50%;transform-origin:50% 50%;pointer-events:auto;touch-action:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.ct-poster--3d.is-live .ct-tt3d__grip.is-live{cursor:grab}.ct-poster--3d.gl-off .ct-tt3d__grip{display:none}.ct3d .ct-poster--3d:not(.gl-off) .ct-3d__room{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100%}.ct3d .ct-poster--3d:not(.gl-off) .ct-3d__unit{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;pointer-events:none}.ct-poster--3d .ct-3d__room{opacity:0;transition:opacity 1.1s ease}.ct-poster--3d .ct-3d__unit{opacity:0;transition:opacity .9s .15s ease}.ct-poster--3d.is-gl .ct-3d__room,.ct-poster--3d.is-gl .ct-3d__unit{opacity:1}.ct-poster--3d.is-gl .ct-3d__fallback{visibility:hidden;transition:visibility 0s 1.1s}.ct-poster--3d.is-gl .ct-sun__bg{opacity:0;transition:opacity .7s 1.1s ease,visibility 0s 1.8s}.ct-poster--3d.is-grabbing{cursor:grabbing!important}.ct-tt3d__over{display:none}.ct3d .ct-poster--3d.is-gl:not(.gl-off) .ct-tt3d__over{display:block;position:absolute;z-index:3;pointer-events:none}.ct-tt3d__over.is-drop .ct-tt__spot--plate{opacity:1;visibility:visible;scale:1;transition:opacity .3s,scale .3s,visibility 0s}.ct-poster--3d .ct-tt-ui__spd:not([hidden]){display:flex}.ct-poster--3d .ct-tt-ui__vol button{display:inline-grid;place-items:center}@media(prefers-reduced-motion:reduce){.ct-poster--3d .ct-3d__room,.ct-poster--3d .ct-3d__unit,.ct-poster--3d.is-gl .ct-sun__bg{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/css-ct3d.css.map */