.portal{--dir: 1;--seam: clamp(22px, 4.2vw, 76px);--open: 0;--meta: 1;--media-scale: 1;--caption: 1;position:relative}[dir=rtl] .portal{--dir: -1}.portal__stage{position:relative;display:flex;flex-direction:column}.portal__static{order:-1;display:grid;gap:var(--s-5);padding-top:calc(var(--header-h) + clamp(2rem,6vw,6rem));padding-bottom:clamp(2rem,4vw,4rem)}.portal__media{position:relative;height:min(88svh,62rem);overflow:hidden;background:var(--c-surface)}.portal__item{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0}.portal__item.is-first{opacity:1}.portal__item picture,.portal__item .portal__img,.portal__item .portal__video,.portal__placeholder,.portal__placeholder svg{display:block;width:100%;height:100%}.portal__img,.portal__video{object-fit:cover;object-position:var(--focal, 50% 50%)}@media(max-width:749px){.portal__img{object-position:var(--focal-m, 50% 50%)}}.portal--contain .portal__item{padding:calc(var(--header-h) + clamp(1.5rem,3vw,3rem)) var(--bleed) clamp(5rem,9vw,8rem);background:var(--c-surface)}.portal--contain .portal__img{object-fit:contain}.portal__label{position:absolute;inset-inline-end:var(--bleed);bottom:clamp(1.5rem,3.5vw,3rem);max-width:28ch;text-align:end;color:#fff;opacity:var(--caption)}.portal--tone-light .portal__label,.portal--contain .portal__label{color:var(--c-ink)}.portal__caption{display:grid;gap:var(--s-4);justify-items:start;padding-block:var(--s-6)}.portal__text{max-width:30ch}.portal__door{display:none}.portal__sentinel{position:absolute;bottom:0;width:1px;height:1px;pointer-events:none}.portal.is-live{height:var(--portal-length)}.portal.is-live .portal__stage{position:sticky;top:0;display:block;height:100svh;overflow:hidden;background:var(--c-surface)}.portal.is-live .portal__static{display:none}.portal.is-live .portal__media{position:absolute;top:0;right:0;bottom:0;left:0;height:auto;transform:scale(var(--media-scale));transform-origin:50% 55%;will-change:transform}.portal.is-live .portal__item{opacity:var(--o, 0)}.portal.is-live .portal__item.is-first{opacity:var(--o, 1)}.portal--tone-dark.is-live .portal__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-raised);background:linear-gradient(to top,#0808076b,#08080700 42%);opacity:var(--caption);pointer-events:none}.portal.is-live .portal__label{z-index:var(--z-above)}.portal.is-live .portal__caption{position:absolute;z-index:var(--z-above);inset-inline:0;bottom:clamp(1.5rem,3.5vw,3rem);margin-inline:auto;padding:0;opacity:var(--caption);transform:translateY(calc((1 - var(--caption)) * 1.25rem));color:#fff}.portal--tone-light.is-live .portal__caption,.portal--contain.is-live .portal__caption{color:var(--c-ink)}.portal.is-live .portal__caption .portal__text{max-width:26ch}.portal.is-live .portal__door{display:block;position:absolute;z-index:calc(var(--z-above) + 1);top:0;bottom:0;width:calc(50% - var(--seam) / 2);background:var(--c-surface);will-change:transform}.portal.is-live .portal__door--start{inset-inline-start:0;transform:translate3d(calc(var(--open) * -101% * var(--dir)),0,0);box-shadow:inset calc(-1px * var(--dir)) 0 0 var(--c-line-strong)}.portal.is-live .portal__door--end{inset-inline-end:0;transform:translate3d(calc(var(--open) * 101% * var(--dir)),0,0);box-shadow:inset calc(1px * var(--dir)) 0 0 var(--c-line-strong)}.portal__word{--lag: calc(var(--open) * -4vw * var(--dir));position:absolute;margin:0;white-space:nowrap;will-change:transform}.portal.is-live .portal__word--1{transform:translate3d(var(--lag),0,0) scale(calc(1 + var(--open) * .04))}.portal.is-live .portal__word--2{transform:translate3d(calc(var(--lag) * -1),0,0) scale(calc(1 + var(--open) * .04))}.portal__word--1{inset-inline-end:.16em;bottom:50%;transform-origin:100% 100%}[dir=rtl] .portal__word--1{transform-origin:0 100%}.portal__word--2{inset-inline-start:.16em;top:50%;margin-top:.02em;font-style:italic;transform-origin:0 0}[dir=rtl] .portal__word--2{transform-origin:100% 0;font-style:normal}.portal__meta{position:absolute;margin:0;color:var(--c-ink-2);opacity:var(--meta)}.portal__meta--top{top:calc(var(--header-h) + clamp(1.25rem,2.5vw,2.5rem))}.portal__meta--bottom{bottom:clamp(1.5rem,3vw,2.75rem)}.portal__door--start .portal__meta{inset-inline-start:var(--bleed)}.portal__door--end .portal__meta{inset-inline-end:var(--bleed)}.portal__cue{display:inline-flex;align-items:center;gap:.6rem;color:var(--c-ink)}.portal__cue .icon{width:1rem;height:1rem;animation:cue 2.4s var(--ease-inout) infinite}@keyframes cue{0%,to{transform:translateY(-2px)}50%{transform:translateY(4px)}}@media(max-width:749px){.portal.is-live .portal__door{width:100%;height:calc(50% - var(--seam) / 2)}.portal.is-live .portal__door--start{top:0;bottom:auto;transform:translate3d(0,calc(var(--open) * -101%),0);box-shadow:inset 0 -1px 0 var(--c-line-strong)}.portal.is-live .portal__door--end{top:auto;bottom:0;transform:translate3d(0,calc(var(--open) * 101%),0);box-shadow:inset 0 1px 0 var(--c-line-strong)}.portal__word{--lag: calc(var(--open) * 3svh)}.portal.is-live .portal__word--1{transform:translate3d(0,calc(var(--lag) * -1),0) scale(calc(1 + var(--open) * .04))}.portal.is-live .portal__word--2{transform:translate3d(0,var(--lag),0) scale(calc(1 + var(--open) * .04))}.portal__word--1{inset-inline:var(--bleed) auto;bottom:.1em;transform-origin:0 100%}.portal__word--2{inset-inline:auto var(--bleed);top:.06em;transform-origin:100% 0}[dir=rtl] .portal__word--1{transform-origin:100% 100%}[dir=rtl] .portal__word--2{transform-origin:0 0}.portal__door--start .portal__meta--bottom,.portal__door--end .portal__meta--top{display:none}.portal__label{inset-inline:var(--bleed) auto;top:calc(var(--header-h) + 1rem);bottom:auto;text-align:start}}@media(prefers-reduced-motion:reduce){.portal__cue .icon{animation:none}}.portal__item--work{background:var(--c-surface);padding:calc(var(--header-h) + clamp(1.5rem,4vw,4rem)) var(--bleed) clamp(6rem,12vw,9rem)}.portal__work{display:block;width:100%;height:100%}.portal__img--work{width:100%;height:100%;object-fit:contain;object-position:50% 50%;mix-blend-mode:multiply}.portal__word--logo{font-style:normal;line-height:1}.portal__logo{display:block;height:1.28em;width:auto;margin-top:-.08em}.portal__logo--static{display:inline-block;height:1.1em;vertical-align:top}
/*# sourceMappingURL=/cdn/shop/t/41/assets/section-portal-hero.css.map */