tatli-story{display:block;position:relative;background:#160e0a;color:#f5efe5;width:100%;min-width:0}.td-stage{position:relative;isolation:isolate;width:100%}.td-scene{position:relative;height:var(--scene-height,100svh);min-height:560px;width:100%;overflow:clip;background:var(--scene-bg);isolation:isolate}.td-ambient,.td-camera,.td-shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.td-ambient{overflow:clip;opacity:.35}.td-ambient img{width:100%;height:100%;object-fit:cover;filter:blur(32px);transform:scale(1.12)}.td-camera{perspective:var(--perspective,1200px)}.td-media{position:absolute;left:var(--mx);top:var(--my);width:min(76vw,110svh);height:96%;transform:translate(-50%,-50%) scale(var(--ms));mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent)}.td-media picture{display:contents}.td-media img,.td-media video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:var(--fit,contain)}.td-video{opacity:0;transition:opacity .16s linear}.td-video.is-ready{opacity:1}.td-shade{background:linear-gradient(var(--direction,to right),rgba(15,9,6,var(--overlay,.55)),transparent 78%),linear-gradient(to top,rgba(15,9,6,.7),transparent 20%,transparent 80%,rgba(15,9,6,.25))}.td-copy{position:absolute;left:var(--tx);top:var(--ty);width:min(var(--tw),700px);max-width:calc(100% - var(--tx) - 5%);text-align:var(--align,left);transform:translateY(-15%);color:#f5efe5}.td-copy h1,.td-copy h2{color:inherit;font-family:var(--td-serif,Georgia,serif);font-weight:400;font-size:clamp(3.2rem,5.1vw,8.6rem);font-size:clamp(3.2rem,calc(5.1vw * var(--ts)),8.6rem);letter-spacing:-.035em;line-height:1.14;margin:0;text-wrap:balance;overflow-wrap:break-word}.td-copy p{font-size:clamp(1.6rem,1.4vw,2rem);line-height:1.6;margin:2.4rem 0 0;max-width:32ch}.td-copy a,.td-controls a,.td-motion{color:inherit;font:inherit;text-underline-offset:.5em}.td-copy a{display:inline-block;margin-top:2rem}.td-controls{position:absolute;bottom:3rem;left:6%;right:6%;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;z-index:30;font-size:1.4rem}.td-motion{background:none;border:0;padding:1rem 0;cursor:pointer}.td-controls a{margin-left:auto}.td-progress{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#ffffff12;z-index:31}.td-progress span{display:block;height:100%;background:#e8d6b8;transform-origin:left;transform:scaleX(0)}tatli-story.is-enhanced .td-stage{position:sticky;top:0;height:100svh;overflow:clip}tatli-story.is-enhanced .td-scene{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;min-height:0;visibility:hidden;pointer-events:none;background:var(--scene-bg)}tatli-story.is-enhanced .td-scene.is-active{visibility:visible;pointer-events:auto}tatli-story.is-enhanced .td-scene.is-active .td-media{will-change:transform}tatli-story.is-enhanced .td-scene.is-active .td-copy{will-change:transform,opacity}tatli-story.is-static .td-video{display:none}.td-controls button:focus-visible,.td-controls a:focus-visible,.td-copy a:focus-visible{outline:2px solid currentColor;outline-offset:6px}@media(max-width:749px){.td-scene{min-height:560px}.td-media{left:var(--mmx);top:var(--mmy);width:112%;height:80%;transform:translate(-50%,-50%) scale(var(--mms));mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 87%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 87%,transparent)}.td-copy{left:var(--mtx);top:var(--mty);width:var(--mtw);max-width:calc(100% - var(--mtx) - 5%)}.td-copy h1,.td-copy h2{font-size:clamp(3.2rem,8.5vw,5rem);line-height:1.13}.td-copy p{font-size:1.6rem;margin-top:1.5rem;max-width:29ch}.td-shade{background:linear-gradient(to bottom,rgba(15,9,6,.85),rgba(15,9,6,.5) 24%,transparent 45%,transparent 78%,rgba(15,9,6,.8))}.td-controls{left:7%;right:7%;bottom:2rem;font-size:1.3rem}.td-ambient img{filter:blur(20px)}}@media(prefers-reduced-motion:reduce){.td-video{display:none}.td-video,.td-copy{transition:none}}.td-media{width:min(76vw,calc(var(--scene-height) * .96 * var(--ratio,1)));height:auto;aspect-ratio:var(--ratio,1);mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 92%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 92%,transparent);-webkit-mask-composite:source-in}@media(max-width:749px){.td-media{width:min(112vw,calc(80svh * var(--mobile-ratio,1)));height:auto;aspect-ratio:var(--mobile-ratio,1)}}@media(max-width:749px){.td-ambient img{filter:blur(12px)}.td-camera{perspective:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/td-cinematic.css.map */