.hero-art{overflow:hidden}.motion-enabled .hero-art img{transform:translate3d(0,var(--hero-pan,0px),0) scale(var(--hero-scale,1.12));transform-origin:center center;will-change:transform}.motion-enabled .hero-copy{transform:translate3d(0,var(--hero-copy-drift,0px),0)}.hat-section{overflow:clip}.hat-products{padding-top:24px}.hat-card{--direction:1}.hat-card:nth-child(2){--direction:-1}.hat-image{transform-origin:50% 65%;box-shadow:0 20px 45px #0003}.motion-enabled .hat-image{transform:translate3d(0,calc(var(--hat-lift,0px)*var(--direction)),0) rotate(calc(var(--hat-turn,0deg)*var(--direction)));will-change:transform}.motion-enabled .hat-image img{transform:translate3d(0,var(--hat-pan,0px),0) scale(1.12);transition:none}.motion-enabled .hat-intro h2{transform:translate3d(var(--hat-word-drift,0px),0,0)}.motion-enabled .apparel-image img{transform:translate3d(0,var(--apparel-pan,0px),0) scale(1.16);transition:none}.hat-info{position:relative;z-index:1;margin-top:38px}.motion-toggle{position:fixed;bottom:16px;right:16px;z-index:20;border:1px solid #566770;background:#0a0d10ed;color:#edf3f6;padding:11px 14px;min-height:44px;font-size:12px;font-weight:600;box-shadow:0 5px 20px #0002;border-radius:3px}.motion-toggle:hover{border-color:var(--cyan);color:var(--cyan)}body:has(dialog[open]) .motion-toggle{visibility:hidden}.motion-enabled .button,.motion-enabled .add-button,.motion-enabled .round-arrow{transition:transform .25s ease,background .25s ease,color .25s ease}.motion-enabled .button:hover{transform:translateY(-3px)}.motion-enabled .button span,.motion-enabled .text-link span{display:inline-block;transition:transform .25s ease}.motion-enabled .button:hover span,.motion-enabled .text-link:hover span{transform:translate(3px,-3px)}.motion-enabled .apparel-card:hover .round-arrow{transform:rotate(45deg);background:var(--cyan)}.motion-enabled dialog[open]{animation:dialog-enter .25s ease-out}.motion-enabled #bag-dialog[open]{animation:bag-enter .3s ease-out}@keyframes dialog-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes bag-enter{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:none}}.stock-note{font-size:13px!important;color:#9ad7e7!important;margin-top:12px!important;line-height:1.5}.detail-copy .stock-note{color:#146c80!important;border-top:1px solid var(--line);padding-top:15px;margin-top:18px!important}.add-button:disabled,.button:disabled{opacity:.65;cursor:default;transform:none!important;box-shadow:none!important}.stock-explainer{font-size:13px;color:var(--muted);margin-top:9px}@media(max-width:760px){.motion-toggle{bottom:10px;right:10px;padding:9px 11px}.stock-note{font-size:12px!important}.hat-products{padding-top:12px}.hat-info{margin-top:28px}}html:not(.motion-enabled) .hero-art img,html:not(.motion-enabled) .hero-copy,html:not(.motion-enabled) .hat-image,html:not(.motion-enabled) .hat-image img,html:not(.motion-enabled) .hat-intro h2,html:not(.motion-enabled) .apparel-image img{transform:none!important}html:not(.motion-enabled) *{scroll-behavior:auto;animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-art img,.hero-copy,.hat-image,.hat-image img,.hat-intro h2,.apparel-image img{transform:none!important}.motion-toggle{display:none!important}}.hat-scroll-story{background:var(--ink);color:#fff;position:relative;--spread:48%;--turn:0deg;--lift:0px;--scene-scale:1;--scene-progress:0}.motion-enabled .hat-scroll-story{height:calc(100svh + 720px)}.hat-stage{padding:38px 4.5%;display:grid;grid-template-columns:34% 66%;align-items:center;min-height:520px;height:calc(100svh - 92px);position:relative;overflow:hidden}.motion-enabled .hat-stage{position:sticky;top:92px}.hat-stage-copy{position:relative;z-index:3}.hat-stage-copy .eyebrow{color:var(--cyan)}.hat-stage-copy h2{font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(55px,5.8vw,92px);line-height:.95;margin:25px 0}.hat-stage-copy h2 em{font-style:normal;color:var(--cyan)}.hat-stage-copy>p:not(.eyebrow){color:#c3cbd0;font-size:18px;margin-bottom:24px}.hat-stage-art{position:relative;height:100%;min-height:410px;isolation:isolate}.scene-hat{position:absolute;width:45%;height:80%;object-fit:cover;object-position:50% 34%;left:27.5%;top:10%;box-shadow:0 24px 55px #0006;border:1px solid #ffffff30;will-change:transform}.scene-hat-first{z-index:2;transform:translate3d(calc(-1 * var(--spread)),var(--lift),0) rotate(calc(-1 * var(--turn))) scale(var(--scene-scale))}.scene-hat-second{z-index:1;transform:translate3d(var(--spread),calc(-1 * var(--lift)),0) rotate(var(--turn)) scale(var(--scene-scale))}.scroll-cue{margin-top:35px;font-size:12px;letter-spacing:.13em;display:flex;gap:30px;align-items:center;color:#c5d0d7}.scroll-cue>span:last-child{font-size:22px;color:var(--cyan)}.scroll-meter{width:150px;height:2px;background:#384650;margin-top:12px}.scroll-meter span{display:block;width:100%;height:100%;background:var(--cyan);transform-origin:left;transform:scaleX(var(--scene-progress))}.hat-section{display:block;padding-top:45px}.hat-intro{display:none}.hat-products{max-width:1000px;margin:auto}html:not(.motion-enabled) .hat-scroll-story{height:auto}html:not(.motion-enabled) .hat-stage{position:relative}html:not(.motion-enabled) .scene-hat-first{transform:translate(-53%) rotate(-3deg)}html:not(.motion-enabled) .scene-hat-second{transform:translate(53%) rotate(3deg)}html:not(.motion-enabled) .scroll-cue,html:not(.motion-enabled) .scroll-meter{display:none}@media(max-width:760px){.motion-enabled .hat-scroll-story{height:calc(100svh + 520px)}.hat-stage{height:calc(100svh - 74px);min-height:530px;padding:25px 5% 10px;grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:4px}.motion-enabled .hat-stage{top:74px}.hat-stage-copy h2{font-size:46px;margin:14px 0 10px}.hat-stage-copy h2 br{display:none}.hat-stage-copy h2 em{display:block}.hat-stage-copy>p:not(.eyebrow){font-size:16px;margin-bottom:12px}.hat-stage-copy .button{min-height:44px;padding:10px 15px}.hat-stage-art{min-height:245px}.scene-hat{height:83%;width:44%;left:28%;top:6%;object-position:50% 35%}.scroll-cue{position:absolute;right:0;bottom:18px;margin:0;font-size:10px;gap:8px}.scroll-meter{position:absolute;right:0;bottom:8px;width:100px;margin:0}}@media(max-height:620px)and (min-width:761px){.hat-stage{min-height:420px}.hat-stage-art{min-height:340px}.hat-stage-copy h2{font-size:54px}.scroll-cue{margin-top:15px}}@media(prefers-reduced-motion:reduce){html.motion-enabled .motion-toggle{display:block!important}html.motion-enabled .hero-art img{transform:translate3d(0,var(--hero-pan,0px),0) scale(var(--hero-scale,1.12))!important}}.motion-toggle{display:block!important}
/*# sourceMappingURL=/cdn/shop/t/22/assets/tc-next-motion.css.map */