.t-film{--t-film-progress: 0;position:relative;isolation:isolate;color:var(--t-slate);background:var(--t-silver)}.t-film__stage{position:sticky;top:0;z-index:0;width:100%;height:100dvh;overflow:hidden;background:var(--t-silver)}.t-film__media,.t-film__layer,.t-film__picture,.t-film__poster,.t-film__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.t-film__layer{margin:0;overflow:hidden;opacity:0}.t-film__layer:first-child{opacity:1}.t-film__poster,.t-film__video{display:block;max-width:none;object-fit:cover;object-position:50% 40%}.t-film__poster{z-index:0}.t-film__video{z-index:1}.t-film__layer[data-painted=true] .t-film__poster{visibility:hidden}.t-film__progress{position:absolute;z-index:5;top:0;right:0;left:0;height:2px;background:color-mix(in srgb,var(--t-slate) 14%,transparent);pointer-events:none}.t-film__progress span{display:block;width:100%;height:100%;background:var(--t-heartwood);transform:scaleX(var(--t-film-progress));transform-origin:left center}.t-film__route{position:absolute;z-index:6;top:clamp(1rem,2.4vw,1.9rem);right:calc(var(--t-gutter) + 12rem);display:flex;gap:.25rem}.t-film__route button{min-height:2.75rem;padding:.6rem .8rem;color:var(--t-lichen);font:400 .9rem/1 var(--t-body)}.t-film__route button:hover,.t-film__route button[aria-current=step]{color:var(--t-slate)}.t-film__route button[aria-current=step]{text-decoration:underline;text-decoration-color:var(--t-heartwood);text-decoration-thickness:.15em;text-underline-offset:.3em}.t-film__story{position:relative;z-index:3;margin-top:-100dvh;pointer-events:none}.t-film__chapter{position:relative}.t-film__pin{position:sticky;top:0;display:flex;align-items:flex-end;min-height:100dvh;padding:clamp(5rem,9vw,8rem) var(--t-gutter) clamp(3.5rem,9vh,6.5rem);pointer-events:none}.t-film__copy{position:relative;width:min(40rem,46vw);pointer-events:auto}.t-film__copy:before{position:absolute;z-index:-1;top:-3rem;right:-5rem;bottom:-3rem;left:-5rem;content:"";background:radial-gradient(ellipse at center,color-mix(in srgb,var(--t-silver) 88%,transparent) 0%,color-mix(in srgb,var(--t-silver) 58%,transparent) 52%,transparent 76%);pointer-events:none}.t-film__kicker{margin-bottom:.9rem;color:var(--t-heartwood-deep);font:700 .85rem/1.3 var(--t-body);letter-spacing:.14em;text-transform:uppercase}.t-film__title{max-width:12ch;font-family:var(--t-display);font-stretch:118%;font-weight:800;font-size:clamp(2.6rem,6.2vw,6.4rem);line-height:.93;letter-spacing:-.035em;text-wrap:balance}.t-film__body{max-width:38ch;margin-top:1.5rem;color:var(--t-lichen);font-size:clamp(1.05rem,1.3vw,1.25rem);line-height:1.55}.t-film__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem}.t-film__chapter:first-child .t-film__title{animation:t-rise .9s var(--t-ease) both}.t-film__chapter:first-child .t-film__body{animation:t-rise .9s .12s var(--t-ease) both}.t-film__chapter:first-child .t-film__actions{animation:t-rise .9s .22s var(--t-ease) both}@keyframes t-rise{0%{transform:translateY(.6em)}to{transform:none}}@media(min-width:861px){.t-film__media{left:auto;width:min(56vw,68dvh);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 24%);mask-image:linear-gradient(to right,transparent 0%,#000 24%)}}@media(max-width:860px){.t-film__poster,.t-film__video{object-position:50% 50%}.t-film__route{top:4.2rem;right:max(.75rem,env(safe-area-inset-right));left:max(.75rem,env(safe-area-inset-left));overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.t-film__route::-webkit-scrollbar{display:none}.t-film__route button{flex:0 0 auto}.t-film__pin{padding:6.5rem max(1.25rem,env(safe-area-inset-right)) calc(2.2rem + env(safe-area-inset-bottom)) max(1.25rem,env(safe-area-inset-left))}.t-film__copy{width:100%}.t-film__copy:before{top:-8rem;right:-2rem;bottom:-3rem;left:-2rem;background:linear-gradient(to top,var(--t-silver) 0%,color-mix(in srgb,var(--t-silver) 82%,transparent) 58%,transparent 100%)}.t-film__title{max-width:15ch;font-stretch:106%;font-size:clamp(2.1rem,9.4vw,3.6rem)}.t-film__body{font-size:1.02rem}}@media(prefers-reduced-motion:reduce){.t-film__chapter:first-child .t-film__title,.t-film__chapter:first-child .t-film__body,.t-film__chapter:first-child .t-film__actions{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/teak-film.css.map */