.contact-header{position:relative;background:var(--ti-off-white);padding:clamp(120px,14vw,180px) clamp(20px,5vw,56px) clamp(16px,2.5vw,28px);text-align:center}.contact-header__inner{max-width:720px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:clamp(16px,2vw,24px)}.contact-header__eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--ti-font-body);font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--ti-royal);margin:0}.contact-header__eyebrow:before,.contact-header__eyebrow:after{content:"";width:18px;height:1px;background:var(--ti-royal);opacity:.7}.contact-header__title{font-family:var(--ti-font-display);font-weight:400;font-size:clamp(48px,7.4vw,92px);line-height:.98;letter-spacing:-.01em;color:var(--ti-deep);margin:0;text-wrap:balance}.contact-header__title em{font-family:var(--ti-font-serif);font-style:italic;font-weight:500;color:var(--ti-royal);position:relative;white-space:nowrap}.contact-header__title em:after{content:"";position:absolute;left:.04em;right:.04em;bottom:-.05em;height:.16em;background:var(--ti-squiggle-sun) no-repeat;background-size:100% 100%;transform:scaleX(0);transform-origin:left center;transition:transform .9s .5s var(--ti-ease)}.contact-header.is-in-view .contact-header__title em:after{transform:scaleX(1)}.contact-header__lede{font-family:var(--ti-font-serif);font-weight:500;font-size:clamp(17px,1.5vw,21px);line-height:1.55;color:#2a3744;margin:0;max-width:52ch}.contact-header__eyebrow,.contact-header__title,.contact-header__lede{opacity:0;transform:translateY(16px);transition:opacity .8s var(--ti-ease),transform .8s var(--ti-ease)}.contact-header.is-in-view .contact-header__eyebrow{opacity:1;transform:none;transition-delay:.12s}.contact-header.is-in-view .contact-header__title{opacity:1;transform:none;transition-delay:.24s}.contact-header.is-in-view .contact-header__lede{opacity:1;transform:none;transition-delay:.4s}@media(prefers-reduced-motion:reduce){.contact-header__eyebrow,.contact-header__title,.contact-header__lede{opacity:1!important;transform:none!important;transition:none!important}.contact-header__title em:after{transform:scaleX(1)!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/contact-header.css.map */