.hoodie-hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:1.02fr .98fr;background:var(--ink);color:#fff;overflow:hidden}.hoodie-copy{display:flex;flex-direction:column;justify-content:center;padding:80px clamp(42px,8vw,150px)}.hoodie-colors h2,.hoodie-compare h2,.hoodie-faq h2,.hoodie-feature h2,.hoodie-hero h1,.hoodie-moments h2,.hoodie-section h2{margin:0;letter-spacing:-.06em;line-height:.97}.hoodie-hero h1{font-size:clamp(3rem,5.4vw,6.25rem);text-wrap:balance}.hoodie-copy>p:not(.eyebrow){max-width:560px;font-size:1.08rem;margin:28px 0}.hoodie-media{min-height:640px;position:relative;background:#0e2c1e;overflow:hidden}.hoodie-media img{width:100%;height:100%;object-fit:cover}.hoodie-media p{position:absolute;bottom:44px;left:44px;right:44px;z-index:1;margin:0;padding-top:14px;border-top:1px solid rgba(255,255,255,.65);font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.hoodie-section{max-width:1250px;margin:auto;padding:clamp(75px,12vw,155px) 38px;display:grid;grid-template-columns:1fr 1fr;grid-gap:clamp(50px,11vw,170px);gap:clamp(50px,11vw,170px)}.hoodie-colors h2,.hoodie-compare h2,.hoodie-faq h2,.hoodie-feature h2,.hoodie-moments h2,.hoodie-section h2{font-size:clamp(2.6rem,4.6vw,5.2rem)}.hoodie-section>div:last-child{font-size:1.08rem;max-width:600px}.hoodie-detail{background:var(--cream);max-width:none;padding-left:max(38px,calc((100% - 1250px)/2));padding-right:max(38px,calc((100% - 1250px)/2))}.hoodie-colors{background:var(--lavender);padding:clamp(75px,10vw,135px) max(38px,calc((100% - 1250px)/2));display:grid;grid-template-columns:.8fr 1.2fr;grid-gap:clamp(55px,10vw,145px);gap:clamp(55px,10vw,145px)}.hoodie-color-list{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.hoodie-color-list article{border-top:1px solid rgba(18,60,39,.45);padding-top:18px}.hoodie-color-list i{display:block;width:22px;height:22px;border-radius:50%;margin-bottom:28px}.hoodie-color-list h3{margin:0 0 8px;font-size:1.1rem}.hoodie-color-list p{margin:0;font-size:.94rem}.hoodie-feature{max-width:1250px;margin:auto;padding:clamp(75px,11vw,145px) 38px;display:grid;grid-template-columns:1fr 1fr;grid-gap:clamp(45px,9vw,140px);gap:clamp(45px,9vw,140px);align-items:center}.hoodie-feature>div:first-child{background:#eee6db}.hoodie-feature img{width:100%;aspect-ratio:1;object-fit:contain}.hoodie-feature p{font-size:1.07rem;max-width:520px}.hoodie-feature .button{margin-top:14px}.hoodie-moments{background:var(--ink);color:#fff;padding:clamp(78px,11vw,145px) max(38px,calc((100% - 1250px)/2))}.hoodie-moments>div{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:25px;gap:25px;margin-top:65px}.hoodie-moments article{border-top:1px solid rgba(255,255,255,.45);padding-top:19px}.hoodie-moments h3{margin:0 0 10px;font-size:1.1rem}.hoodie-moments article p{margin:0;opacity:.9}.hoodie-compare{background:var(--pink);padding:clamp(72px,10vw,125px) max(38px,calc((100% - 1250px)/2))}.hoodie-compare>p:not(.eyebrow){max-width:550px;font-size:1.08rem}.hoodie-compare .button{margin-top:13px}.hoodie-faq{max-width:1250px;margin:auto;padding:clamp(78px,11vw,145px) 38px}.hoodie-faq>div{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:0 55px;gap:0 55px;margin-top:60px}.hoodie-faq article{border-top:1px solid var(--line);padding:24px 0}.hoodie-faq h3{margin:0 0 9px;font-size:1.1rem}.hoodie-faq p{margin:0;max-width:510px}@media(max-width:800px){.hoodie-hero{min-height:auto;grid-template-columns:1fr}.hoodie-copy{padding:76px 26px 60px}.hoodie-hero h1{font-size:clamp(3rem,14vw,4.5rem)}.hoodie-media{min-height:460px}.hoodie-media p{left:25px;right:25px;bottom:27px}.hoodie-section{grid-template-columns:1fr;padding:76px 25px;gap:42px}.hoodie-detail{padding-left:25px;padding-right:25px}.hoodie-colors{padding:78px 25px;gap:45px}.hoodie-color-list,.hoodie-colors,.hoodie-feature{grid-template-columns:1fr}.hoodie-feature{padding:76px 25px;gap:42px}.hoodie-moments{padding:78px 25px}.hoodie-moments>div{grid-template-columns:1fr;margin-top:45px}.hoodie-compare,.hoodie-faq{padding:78px 25px}.hoodie-faq>div{grid-template-columns:1fr;margin-top:40px}}