.eea-hat-story{--hat-navy: #28315d;--hat-teal: #86b2ae;--hat-muted: #6d747d;--hat-ice: #f4fafa;--hat-brown: #4f3e3e;background:#fff;color:#414651;font-family:var(--eea-hat-font, inherit);letter-spacing:normal;overflow:hidden;isolation:isolate}.eea-hat-story *,.eea-hat-story *:before,.eea-hat-story *:after{box-sizing:border-box}.eea-hat-story img{display:block;max-width:100%}.eea-hat-story__wrap{width:min(1320px,calc(100% - 48px));margin-inline:auto}.eea-hat-story__band{padding-block:76px}.eea-hat-story__band--ice{background:var(--hat-ice)}.eea-hat-story h2,.eea-hat-story h3{color:var(--hat-navy);font-family:inherit;font-weight:800;letter-spacing:-.025em;margin:0}.eea-hat-story h2{font-size:clamp(34px,3.15vw,48px);line-height:1.12}.eea-hat-story h3{font-size:clamp(20px,1.6vw,25px);line-height:1.22}.eea-hat-story p{line-height:1.55}.eea-hat-story__heading{max-width:820px;margin:0 auto 42px;text-align:center}.eea-hat-story__heading h2{margin-top:10px}.eea-hat-story__heading p{max-width:740px;margin:16px auto 0;font-size:18px;color:var(--hat-muted)}.eea-hat-story__kicker,.eea-hat-story__compare>div span{display:inline-block;font-size:12px;font-weight:800;line-height:1.5;letter-spacing:.13em;color:#477e7b}.eea-hat-story__button{display:inline-flex;gap:18px;align-items:center;justify-content:center;min-height:58px;max-width:100%;padding:16px 27px;border-radius:100px;background:var(--hat-brown);box-shadow:0 12px 25px #4f3e3e33;color:#fff;font-size:17px;font-weight:800;line-height:1.2;text-align:center;text-decoration:none;transition:background .2s,transform .2s}.eea-hat-story__button:hover{background:#443535;color:#fff;transform:translateY(-2px)}.eea-hat-story__button--small{min-height:52px;padding:14px 24px;font-size:16px}.eea-hat-story :is(a,button,summary,[tabindex]):focus-visible{outline:2px solid var(--hat-navy);outline-offset:3px}.eea-hat-story__compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.eea-hat-story__compare>div{min-height:400px;overflow:hidden;border-radius:19px}.eea-hat-story__compare-before{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:44px;border:1px solid #e9eaed;background:#f1f2f4;text-align:center}.eea-hat-story__accessories{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:9px;margin:29px 0}.eea-hat-story__accessories b{min-width:90px;padding:20px 12px;border:2px dashed #babfc8;border-radius:12px;background:#fff;color:#7e838e;font-size:13px}.eea-hat-story__accessories i{color:#aab0ba;font-style:normal;font-weight:800}.eea-hat-story__compare p{max-width:380px;margin:13px 0 0;color:var(--hat-muted);font-size:16px}.eea-hat-story__compare-after{position:relative;display:flex;align-items:end;background:#e3eee9}.eea-hat-story__compare-after picture,.eea-hat-story__compare-after img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 38%}.eea-hat-story__compare-after:after{content:"";position:absolute;top:45%;right:0;bottom:0;left:0;background:linear-gradient(0deg,#0b1d26e6,transparent);pointer-events:none}.eea-hat-story__compare-after>div{position:relative;z-index:1;padding:35px}.eea-hat-story__compare-after>div :is(span,h3,p){color:#fff}.eea-hat-story__features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.eea-hat-story__feature{padding-bottom:22px;border-radius:17px;background:#fff;box-shadow:0 7px 24px #28315d12;overflow:hidden}.eea-hat-story__feature>div{overflow:hidden;background:#e9eeee}.eea-hat-story__feature img{width:100%;height:auto;aspect-ratio:1.24;object-fit:cover;transition:transform .5s}.eea-hat-story__feature:hover img,.eea-hat-story__outdoor-card:hover img{transform:scale(1.04)}.eea-hat-story__feature>span,.eea-hat-story__slide div>span{display:block;color:#61928c;font-size:11px;font-weight:800;letter-spacing:.11em}.eea-hat-story__feature>span{margin:22px 23px 8px}.eea-hat-story__feature h3{margin-inline:23px}.eea-hat-story__feature p{margin:10px 23px 0;color:var(--hat-muted);font-size:15px}.eea-hat-story__uses{background:linear-gradient(135deg,#f6f0e9,#ecf4f0)}.eea-hat-story__uses-layout,.eea-hat-story__fabric,.eea-hat-story__specs-layout{display:grid;gap:clamp(32px,5vw,80px);align-items:center}.eea-hat-story__uses-layout{grid-template-columns:.9fr 1.1fr}.eea-hat-story__uses-intro h2,.eea-hat-story__fabric-copy h2{margin:12px 0 20px}.eea-hat-story__uses-intro p,.eea-hat-story__fabric-copy>p{font-size:18px;color:var(--hat-muted)}.eea-hat-story__uses-intro a{display:inline-block;margin-top:12px;color:#b95073;font-weight:800;text-underline-offset:5px}.eea-hat-story__activity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.eea-hat-story__activity-grid article{padding:26px 22px;border-radius:16px;background:#fff;box-shadow:0 8px 24px #28315d0c}.eea-hat-story__activity-grid article>span,.eea-hat-story__fabric-point>span{display:grid;place-items:center;width:49px;height:49px;margin-bottom:14px;border-radius:14px;background:var(--hat-teal);color:#fff;font-size:26px}.eea-hat-story__activity-grid h3{font-size:20px}.eea-hat-story__activity-grid p{margin:8px 0 0;color:var(--hat-muted);font-size:14px}.eea-hat-story__slider{display:block;position:relative;max-width:900px;margin-inline:auto;padding:0 63px 45px}.eea-hat-story__slides{overflow:hidden;border-radius:18px;box-shadow:0 18px 45px #28315d1a}.eea-hat-story__slide-track{display:flex;transform:translate(calc(-100% * var(--hat-story-slide, 0)));transition:transform .48s cubic-bezier(.22,.61,.36,1)}.eea-hat-story__slide{display:grid;grid-template-columns:53% 47%;flex:0 0 100%;min-height:390px;overflow:hidden;background:var(--hat-ice)}.eea-hat-story__slide img{width:100%;height:100%;aspect-ratio:1;object-fit:cover}.eea-hat-story__slide>div{display:flex;flex-direction:column;justify-content:center;padding:35px}.eea-hat-story__slide div>span{margin-bottom:15px}.eea-hat-story__slide h3{font-size:clamp(23px,2.5vw,32px)}.eea-hat-story__slide p{color:var(--hat-muted);font-size:16px}.eea-hat-story__arrow{position:absolute;z-index:1;top:43%;display:grid;place-items:center;width:44px;height:44px;padding:0 0 4px;border:1px solid #e6e8eb;border-radius:50%;transform:translateY(-50%);background:#fff;box-shadow:0 7px 22px #28315d14;color:var(--hat-navy);font-size:32px;line-height:1;cursor:pointer}.eea-hat-story__arrow--prev{left:0}.eea-hat-story__arrow--next{right:0}.eea-hat-story__dots{position:absolute;inset:auto 0 0;display:flex;justify-content:center;gap:10px}.eea-hat-story__dots button{width:11px;height:11px;padding:0;border:0;border-radius:10px;background:#cfd4d7;cursor:pointer;transition:width .2s,background .2s}.eea-hat-story__dots button[aria-current=true]{width:32px;background:var(--hat-teal)}.eea-hat-story__fabric{grid-template-columns:repeat(2,minmax(0,1fr))}.eea-hat-story__fabric-copy>p{margin:0 0 30px}.eea-hat-story__fabric-point{display:grid;grid-template-columns:38px 1fr;gap:14px;margin-bottom:22px}.eea-hat-story__fabric-point>span{width:36px;height:36px;margin:0;border-radius:12px;font-size:16px;font-weight:800}.eea-hat-story__fabric-point h3{font-size:19px}.eea-hat-story__fabric-point p{margin:5px 0 0;color:var(--hat-muted);font-size:15px}.eea-hat-story__fabric-image{position:relative;overflow:hidden;border-radius:24px;background:#e9eeee;box-shadow:0 15px 40px #28315d1b}.eea-hat-story__fabric-image img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}.eea-hat-story__fabric-image>span{position:absolute;bottom:18px;left:18px;padding:10px 14px;border-radius:30px;background:#fff;color:var(--hat-navy);font-size:12px;font-weight:800;letter-spacing:.06em}.eea-hat-story__colors{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.eea-hat-story__color-track{display:flex;width:max-content;animation:eea-hat-color-loop 30s linear infinite}.eea-hat-story__colors:is(:hover,:focus-visible) .eea-hat-story__color-track{animation-play-state:paused}.eea-hat-story__color-group{display:flex;flex-shrink:0;gap:20px;padding-inline-end:20px}.eea-hat-story__color-card{position:relative;width:255px;overflow:hidden;border-radius:15px;background:#f3f3f3}.eea-hat-story__color-card img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}.eea-hat-story__color-card b{position:absolute;inset:auto 0 0;padding:31px 15px 16px;background:linear-gradient(0deg,#1a283ad9,transparent);color:#fff;font-size:17px;text-align:center}.eea-hat-story__center{margin:32px 15px 0;text-align:center}@keyframes eea-hat-color-loop{to{transform:translate(-50%)}}.eea-hat-story__specs{padding-bottom:55px}.eea-hat-story__specs-layout{grid-template-columns:1.1fr .9fr;gap:clamp(32px,5vw,65px)}.eea-hat-story__specs-layout dl{margin:0}.eea-hat-story__specs-layout dl>div{display:grid;grid-template-columns:minmax(0,39fr) minmax(0,61fr);gap:8px;align-items:center;min-height:57px;padding:11px 4px;border-bottom:1px solid #e5e8ec}.eea-hat-story__specs-layout dt,.eea-hat-story__specs-layout dd{margin:0;color:#737b85;font-size:15px}.eea-hat-story__specs-layout dd{color:#232f46;font-weight:700;line-height:1.35;text-align:right;overflow-wrap:anywhere}.eea-hat-story__specs-layout small,.eea-hat-story__final small{display:block;margin-top:12px;color:#707981;font-size:11px;line-height:1.45}.eea-hat-story__specs-layout img{width:100%;height:auto;border-radius:17px}.eea-hat-story__faq{max-width:870px;margin:78px auto 0}.eea-hat-story__faq h3{margin-bottom:24px;font-size:30px;text-align:center}.eea-hat-story__faq details{padding-inline:4px;border-bottom:1px solid #e1e5ea}.eea-hat-story__faq summary{position:relative;padding:20px 30px 20px 0;color:var(--hat-navy);font-size:16px;font-weight:800;list-style:none;cursor:pointer}.eea-hat-story__faq summary::-webkit-details-marker{display:none}.eea-hat-story__faq summary:after{content:"+";position:absolute;top:12px;right:4px;color:#76a5a0;font-size:25px}.eea-hat-story__faq details[open] summary:after{content:"\2212"}.eea-hat-story__faq details p{margin:0 0 18px;color:var(--hat-muted);font-size:15px}.eea-hat-story__faq a,.eea-hat-story__shipping{color:#477e7b;text-decoration:underline}.eea-hat-story__final{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:32px;margin-top:70px;padding:37px 43px;border-radius:20px;background:linear-gradient(112deg,#eaf5f2,#fff1f2)}.eea-hat-story__final h2{margin:8px 0 14px;font-size:32px}.eea-hat-story__final p{margin:0 0 10px;color:#57606a;font-size:15px}.eea-hat-story__shipping{font-size:13px;font-weight:700}.eea-hat-story__final-action{display:flex;flex-direction:column;align-items:center;gap:11px;color:#68717a;font-size:15px;text-align:center}.eea-hat-story__final-action strong{color:var(--hat-navy);font-size:26px}.eea-hat-story__final-action .eea-hat-story__button{width:100%}.eea-hat-story__final-action small{margin:0}.eea-hat-story__outdoors{padding:72px 0;background:radial-gradient(circle at 8% 8%,#469fd221,transparent 26%),radial-gradient(circle at 94% 94%,#f1643c1a,transparent 24%),#f4f8fb}.eea-hat-story__outdoor-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid #1769aa24;border-radius:999px;background:#ffffffd1;color:#1769aa;font-size:12px;font-weight:800;letter-spacing:.08em}.eea-hat-story__outdoors h2{margin-top:15px;color:#152033;font-size:clamp(32px,4vw,52px);font-weight:900;line-height:1.06}.eea-hat-story__outdoors mark{padding:0;background:linear-gradient(transparent 62%,#f1643c3d 62%);color:inherit}.eea-hat-story__outdoor-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.eea-hat-story__outdoor-card{overflow:hidden;border:1px solid #15203314;border-radius:21px;background:#fff;box-shadow:0 14px 38px #132b4217}.eea-hat-story__outdoor-image{position:relative;overflow:hidden;background:#dfe8ee}.eea-hat-story__outdoor-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#05121fdb,transparent 48%)}.eea-hat-story__outdoor-image img{width:100%;height:auto;aspect-ratio:4 / 5;object-fit:cover;transition:transform .5s ease}.eea-hat-story__outdoor-image span{position:absolute;z-index:1;right:15px;bottom:15px;left:15px;color:#fff;font-size:15px;font-weight:800}.eea-hat-story__outdoor-copy{padding:20px 18px 22px}.eea-hat-story__outdoor-copy h3{color:#152033;font-size:18px}.eea-hat-story__outdoor-copy p{margin:11px 0 0;color:#667085;font-size:13.5px}@media(max-width:1100px){.eea-hat-story__outdoor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.eea-hat-story__wrap{width:calc(100% - 32px)}.eea-hat-story__band{padding-block:44px}.eea-hat-story h2{font-size:clamp(29px,8.1vw,39px)}.eea-hat-story__heading{margin-bottom:27px}.eea-hat-story__heading p{margin-top:11px;font-size:15px}.eea-hat-story__compare,.eea-hat-story__features,.eea-hat-story__uses-layout,.eea-hat-story__fabric,.eea-hat-story__specs-layout,.eea-hat-story__final{grid-template-columns:minmax(0,1fr);gap:25px}.eea-hat-story__compare,.eea-hat-story__features{gap:14px}.eea-hat-story__compare>div{min-height:300px}.eea-hat-story__compare .eea-hat-story__compare-after{min-height:370px}.eea-hat-story__compare-before{padding:25px 15px}.eea-hat-story__accessories{margin:19px 0}.eea-hat-story__accessories b{min-width:75px;padding:15px 8px;font-size:11px}.eea-hat-story__features{max-width:500px;margin-inline:auto}.eea-hat-story__feature img{aspect-ratio:1.45}.eea-hat-story__uses-intro,.eea-hat-story__fabric-copy,.eea-hat-story__final{text-align:center}.eea-hat-story__uses-intro p,.eea-hat-story__fabric-copy>p{font-size:16px}.eea-hat-story__activity-grid{gap:10px}.eea-hat-story__activity-grid article{padding:17px 13px}.eea-hat-story__activity-grid h3{font-size:17px}.eea-hat-story__activity-grid p{font-size:13px}.eea-hat-story__slider{padding:0 0 36px}.eea-hat-story__slide{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;min-height:0}.eea-hat-story__slide img{height:auto;aspect-ratio:1.23}.eea-hat-story__slide>div{justify-content:start;min-height:170px;padding:21px}.eea-hat-story__slide div>span{margin-bottom:9px}.eea-hat-story__slide h3{font-size:23px}.eea-hat-story__slide p{margin:8px 0 0;font-size:14px}.eea-hat-story__arrow{top:32%;width:35px;height:35px;font-size:24px}.eea-hat-story__arrow--prev{left:7px}.eea-hat-story__arrow--next{right:7px}.eea-hat-story__fabric-point{text-align:left}.eea-hat-story__color-group{gap:12px;padding-inline-end:12px}.eea-hat-story__color-card{width:185px}.eea-hat-story__color-card b{font-size:15px}.eea-hat-story__specs-layout :is(dt,dd){font-size:13px}.eea-hat-story__specs-layout img{max-width:480px;margin-inline:auto}.eea-hat-story__faq,.eea-hat-story__final{margin-top:42px}.eea-hat-story__faq h3{font-size:25px}.eea-hat-story__faq summary{font-size:14px}.eea-hat-story__final{gap:18px;padding:25px 19px}.eea-hat-story__final h2{font-size:28px}.eea-hat-story__outdoors{padding:46px 0 42px}.eea-hat-story__outdoor-badge{padding:8px 11px;font-size:10px}.eea-hat-story__outdoor-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(84%,330px);padding:2px 14px 12px 0;overflow-x:auto;gap:14px;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain}.eea-hat-story__outdoor-card{scroll-snap-align:start}.eea-hat-story__outdoor-copy{padding:17px 16px 19px}}@media(max-width:390px){.eea-hat-story__wrap{width:calc(100% - 24px)}.eea-hat-story__color-card{width:165px}.eea-hat-story__activity-grid h3{font-size:15px}}@media(prefers-reduced-motion:reduce){.eea-hat-story__colors{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.eea-hat-story__color-track{animation:none}.eea-hat-story__color-group[aria-hidden=true]{display:none}.eea-hat-story *,.eea-hat-story *:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/eea-hat-story.css.map */