.photos-hero{position:relative;background:var(--ti-off-white);color:var(--ti-ink);padding:clamp(104px,15vw,150px) 0 clamp(44px,7vw,72px);isolation:isolate;overflow:hidden}.photos-hero__eyebrow{display:flex;align-items:center;justify-content:center;gap:10px;font-family:var(--ti-font-body);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--ti-royal);font-weight:600;margin:0 0 clamp(20px,3vw,34px)}.photos-hero__eyebrow:before,.photos-hero__eyebrow:after{content:"";width:22px;height:1px;background:var(--ti-royal)}.photos-hero__fan-wrap{position:relative;width:100%;height:clamp(360px,42vw,460px)}.photos-hero__fan{position:relative;width:100%;height:100%}.photos-hero .fan-card{position:absolute;top:50%;left:50%;width:clamp(210px,20vw,290px);margin:0;background:#fff;padding:13px 13px 46px;border-radius:2px;box-shadow:0 18px 40px -16px #0000004d,0 4px 12px -4px #0003;transform-origin:center center;display:block;isolation:isolate;opacity:0;transition:opacity .7s var(--ti-ease)}.photos-hero .fan-card__photo{position:relative;width:100%;aspect-ratio:4 / 5;overflow:hidden;background:var(--ti-sand)}.photos-hero .fan-card__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.photos-hero .fan-card--1{z-index:1;transform:translate(calc(-50% - 32vw),-50%) rotate(-22deg) scale(.84)}.photos-hero .fan-card--2{z-index:2;transform:translate(calc(-50% - 20vw),-50%) rotate(-13deg) scale(.9)}.photos-hero .fan-card--3{z-index:3;transform:translate(calc(-50% - 10vw),-50%) rotate(-6deg) scale(.96)}.photos-hero .fan-card--4{z-index:4;transform:translate(-50%,-50%) rotate(0) scale(1)}.photos-hero .fan-card--5{z-index:3;transform:translate(calc(-50% + 10vw),-50%) rotate(6deg) scale(.96)}.photos-hero .fan-card--6{z-index:2;transform:translate(calc(-50% + 20vw),-50%) rotate(13deg) scale(.9)}.photos-hero .fan-card--7{z-index:1;transform:translate(calc(-50% + 32vw),-50%) rotate(22deg) scale(.84)}.photos-hero.is-in-view .fan-card--4{opacity:1;transition-delay:0s}.photos-hero.is-in-view .fan-card--3,.photos-hero.is-in-view .fan-card--5{opacity:1;transition-delay:.05s}.photos-hero.is-in-view .fan-card--2,.photos-hero.is-in-view .fan-card--6{opacity:1;transition-delay:.13s}.photos-hero.is-in-view .fan-card--1,.photos-hero.is-in-view .fan-card--7{opacity:1;transition-delay:.21s}.photos-hero__text{width:100%;max-width:640px;margin:clamp(28px,4vw,52px) auto 0;padding:0 clamp(20px,5vw,56px);display:flex;flex-direction:column;align-items:center;text-align:center;gap:clamp(14px,1.8vw,20px);opacity:0;transform:translateY(26px);transition:opacity .7s var(--ti-ease) .2s,transform .7s var(--ti-ease) .2s}.photos-hero.is-in-view .photos-hero__text{opacity:1;transform:none}.photos-hero__headline{margin:0;font-family:var(--ti-font-display);font-weight:400;font-size:clamp(40px,6vw,68px);line-height:1;letter-spacing:-.005em;color:var(--ti-deep);text-wrap:balance}.photos-hero__headline em{font-family:var(--ti-font-serif);font-style:italic;font-weight:500;color:var(--ti-royal);position:relative;white-space:nowrap}.photos-hero__headline em:after{content:"";position:absolute;left:.04em;right:.04em;bottom:-.05em;height:.16em;background-image:var(--ti-squiggle-sun);background-repeat:no-repeat;background-size:100% 100%;transform:scaleX(0);transform-origin:left center;transition:transform .9s .5s var(--ti-ease)}.photos-hero.is-in-view .photos-hero__headline em:after{transform:scaleX(1)}.photos-hero__lede{font-family:var(--ti-font-serif);font-weight:500;font-size:clamp(15px,1.5vw,18px);line-height:1.55;color:#2a3744;max-width:42ch;margin:0}@media(max-width:767px){.photos-hero__fan-wrap{height:auto}.photos-hero__fan{display:flex;justify-content:center}.photos-hero .fan-card{display:none}.photos-hero .fan-card--4{display:block;position:relative;top:auto;left:auto;transform:none;width:clamp(240px,76vw,320px)}.photos-hero.is-in-view .fan-card--4{opacity:1}}@media(prefers-reduced-motion:reduce){.photos-hero .fan-card{opacity:1!important;transition:none!important}.photos-hero__text{opacity:1!important;transform:none!important;transition:none!important}.photos-hero__headline em:after{transform:scaleX(1)!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/photos-hero.css.map */