.ptc-hat-intro-section{position:relative;flex-shrink:0;z-index:2;background:transparent;pointer-events:none}.ptc-hat-intro-section[hidden]{display:none!important}.ptc-hat-intro{--intro-screen: calc(100svh - var(--header-height, 72px));--intro-top: var(--header-height, 72px);--intro-travel: 200svh;--intro-turn: -10deg;--intro-yaw: -14deg;--intro-pitch: 5deg;--intro-scale: .9;--intro-x: 0px;--intro-y: 0px;--intro-fade: 1;--intro-type-fade: 1;--intro-type-scale: 1;--intro-type-flight: 0px;--intro-detail-one: 0;--intro-detail-two: 0;--intro-shadow: .15;--intro-shadow-scale: 1;--intro-progress: 0;--intro-hat-size: min(46vw, 68svh, 700px);display:block;position:relative;pointer-events:auto;min-height:var(--intro-screen);color:var(--intro-ink, #4b3e34);font-family:var(--font-body--family, Arial, sans-serif)}.ptc-hat-intro.is-animated{height:calc(var(--intro-screen) + var(--intro-travel))}.ptc-hat-intro__viewport{position:relative;height:var(--intro-screen);min-height:540px}.is-animated .ptc-hat-intro__viewport{position:sticky;top:var(--intro-top);min-height:0}.ptc-hat-intro__surface{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;overflow:clip;isolation:isolate;background:var(--intro-paper, #ede9e2);opacity:var(--intro-fade)}.ptc-hat-intro a{color:inherit;text-decoration:none}.ptc-hat-intro a:focus-visible{outline:2px solid currentColor;outline-offset:6px;border-radius:2px}.ptc-hat-intro p{margin:0}.ptc-hat-intro__topline,.ptc-hat-intro__bottomline{position:absolute;z-index:4;left:clamp(22px,4vw,72px);right:clamp(22px,4vw,72px);display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:10px;line-height:1.4;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.ptc-hat-intro__topline{top:28px}.ptc-hat-intro__topline p span{margin:0 16px;opacity:.35}.ptc-hat-intro__skip{display:inline-flex;align-items:center;gap:20px;min-height:44px}.ptc-hat-intro__skip span{font-size:20px;font-weight:400;transition:transform .2s ease}.ptc-hat-intro__skip:hover span{transform:translate(2px,-2px)}.ptc-hat-intro__wordmark{position:absolute;z-index:0;inset:16% 0 auto;display:grid;gap:.03em;margin:0;text-align:center;font-family:var(--font-heading--family, Arial, sans-serif);font-size:clamp(80px,18.8vw,300px);font-weight:900;font-style:normal;letter-spacing:-.07em;line-height:.88;color:var(--intro-ink, #4b3e34);opacity:var(--intro-type-fade);transform:scale(var(--intro-type-scale));pointer-events:none}.ptc-hat-intro__wordmark span{display:block}.ptc-hat-intro__product{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;perspective:1400px;pointer-events:none}.ptc-hat-intro__hat{position:relative;flex-shrink:0;width:var(--intro-hat-size);aspect-ratio:1;transform:translate3d(var(--intro-x),var(--intro-y),0) rotateX(var(--intro-pitch)) rotateY(var(--intro-yaw)) rotate(var(--intro-turn)) scale(var(--intro-scale));transform-origin:50% 55%;backface-visibility:hidden}.is-animated .ptc-hat-intro__hat{will-change:transform}.ptc-hat-intro__image{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none}.ptc-hat-intro__shadow{position:absolute;bottom:11%;left:34%;width:32%;height:3%;border-radius:50%;background:#41352d;filter:blur(22px);opacity:var(--intro-shadow);transform:scaleX(var(--intro-shadow-scale))}.ptc-hat-intro__detail{position:absolute;z-index:1;top:41%;width:min(230px,18vw);pointer-events:none}.ptc-hat-intro__detail--left{left:5%;opacity:var(--intro-detail-one);transform:translateY(calc((1 - var(--intro-detail-one)) * 16px))}.ptc-hat-intro__detail--right{right:5%;opacity:var(--intro-detail-two);transform:translateY(calc((1 - var(--intro-detail-two)) * 16px))}.ptc-hat-intro__detail-number{display:block;margin-bottom:22px;font-size:10px;letter-spacing:.1em}.ptc-hat-intro__detail p{max-width:9ch;margin-bottom:14px;font-size:clamp(24px,2.5vw,38px);font-weight:600;line-height:1.05;letter-spacing:-.045em}.ptc-hat-intro__detail>span:last-child{display:block;max-width:23ch;font-size:12px;line-height:1.65;opacity:.75}.ptc-hat-intro__bottomline{bottom:28px}.ptc-hat-intro__scroll{display:inline-flex;min-height:44px;align-items:center;gap:16px}.ptc-hat-intro__scroll-icon{width:42px;height:42px;border:1px solid #4b3e3433;border-radius:50%;display:grid;place-items:center;font-size:20px;font-weight:400;transition:transform .2s ease}.ptc-hat-intro__scroll:hover .ptc-hat-intro__scroll-icon{transform:translateY(3px)}.ptc-hat-intro__caption{position:absolute;left:50%;transform:translate(-50%);font-size:12px;font-weight:400;letter-spacing:0;text-transform:none}.ptc-hat-intro__counter{font-variant-numeric:tabular-nums}.ptc-hat-intro__counter span{opacity:.35;margin:0 12px}.ptc-hat-intro__track{position:absolute;inset:auto 0 0;z-index:4;height:2px;background:#4b3e3414}.ptc-hat-intro__track span{display:block;height:100%;background:var(--intro-ink);transform:scaleX(var(--intro-progress));transform-origin:left}.ptc-hat-intro__scroll-copy{display:none}.is-animated .ptc-hat-intro__scroll-copy{display:inline}.is-animated .ptc-hat-intro__static-copy{display:none}.ptc-hat-intro__destination{height:0;scroll-margin-top:var(--header-height, 72px)}.ptc-hat-intro__destination:focus{outline:none}.ptc-intro-following{margin-top:calc(-1 * var(--ptc-intro-overlap, 0px));position:relative;z-index:1}.ptc-hat-intro.is-finished .ptc-hat-intro__surface{visibility:hidden}.ptc-hat-intro.is-finished{pointer-events:none}@media(min-width:1600px){.ptc-hat-intro__wordmark{inset-block-start:13%}}@media(max-width:749px){.ptc-hat-intro{--intro-hat-size: min(100vw, 50svh)}.ptc-hat-intro__topline{top:12px;font-size:9px;letter-spacing:.09em;gap:12px}.ptc-hat-intro__topline p span{margin:0 7px}.ptc-hat-intro__skip{gap:8px;max-width:155px}.ptc-hat-intro__skip span{display:none}.ptc-hat-intro__wordmark{inset:50% 0 auto;height:calc(var(--intro-hat-size) * 1.08);display:flex;flex-direction:column;justify-content:space-between;font-size:20.5vw;gap:0;transform:translateY(-50%)}.ptc-hat-intro__wordmark span:first-child{transform:translateY(calc(-1 * var(--intro-type-flight)))}.ptc-hat-intro__wordmark span:last-child{transform:translateY(var(--intro-type-flight))}.ptc-hat-intro__hat{margin-top:0}.ptc-hat-intro__product{transform:none}.ptc-hat-intro__bottomline{bottom:22px;font-size:9px;gap:12px}.ptc-hat-intro__caption{display:none}.ptc-hat-intro__scroll{gap:10px}.ptc-hat-intro__scroll-icon{width:36px;height:36px}.ptc-hat-intro__counter span{margin:0 7px}.ptc-hat-intro__detail{top:12%;width:65%}.ptc-hat-intro__detail--left{left:6%}.ptc-hat-intro__detail--right{right:6%;text-align:right}.ptc-hat-intro__detail--right p,.ptc-hat-intro__detail--right>span:last-child{margin-left:auto}.ptc-hat-intro__detail-number{margin-bottom:10px}.ptc-hat-intro__detail p{max-width:100%;font-size:27px;margin-bottom:7px}.ptc-hat-intro__detail>span:last-child{max-width:100%;font-size:11px}.ptc-hat-intro__shadow{bottom:max(13%,calc(50% - var(--intro-hat-size) * .48));left:23%;width:54%}}@media(max-height:550px)and (min-width:750px){.ptc-hat-intro__wordmark{font-size:22svh;inset-block-start:13%}.ptc-hat-intro__hat{width:72svh}.ptc-hat-intro__topline{top:8px}.ptc-hat-intro__bottomline{bottom:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ptc-hat-intro.is-animated{height:auto}.ptc-hat-intro__viewport{position:relative!important;top:auto!important}.ptc-hat-intro__hat{transform:rotate(-5deg) scale(.9)!important;will-change:auto!important}.ptc-hat-intro__surface,.ptc-hat-intro__wordmark{opacity:1!important;visibility:visible!important}.ptc-hat-intro__wordmark{transform:none!important}.ptc-hat-intro__detail,.ptc-hat-intro__track,.ptc-hat-intro__counter{display:none}.ptc-intro-following{margin-top:0}}@media(prefers-reduced-motion:reduce)and (max-width:749px){.ptc-hat-intro__wordmark{transform:translateY(-50%)!important}.ptc-hat-intro__wordmark span{transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/ptc-hat-intro.css.map */