@font-face{font-family:Marker;src:url(assets/edo-brush.ttf)}@font-face{font-family:Condensed;src:url(assets/display.ttf);font-weight:100 900}*{box-sizing:border-box}body{margin:0;background:#f5f2ea;color:#171717;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}img{display:block;width:100%;object-fit:cover}button{border:0}h1,h2,h3,p{margin:0}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #ff5100;outline-offset:4px}.wrap{max-width:1440px;margin:auto}.header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:18px 5%;background:#141416;color:white;position:relative;z-index:10}.home .header{position:absolute;top:0;left:0;right:0;background:linear-gradient(#0008,transparent)}.logo{font:26px/.83 Marker;display:block;transform:rotate(-7deg);width:145px;position:relative}.logo b{color:#ff5100;font-size:32px;position:absolute;right:14px;top:-15px}.nav{display:flex;gap:30px;font-size:14px}.nav a:hover{color:#ff5100}.actions{display:flex;align-items:center;gap:20px}.icon{color:inherit;background:none;padding:4px;position:relative;display:inline-flex;align-items:center}.icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7}.count{font:10px Arial;background:#ff5100;border-radius:50%;padding:3px;min-width:16px;position:absolute;right:-7px;top:-3px}.menu-btn{display:none}.hero{height:800px;position:relative;background:#15171c url(assets/hero.png) center/cover;color:white;display:flex;align-items:center;justify-content:flex-end;padding:115px 5% 40px}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 38%,#0004 65%,#0008)}.hero-copy{position:relative;width:48%;text-align:center}.brush{font-family:Marker;line-height:1.05;text-transform:uppercase;letter-spacing:-.035em}.hero h1{font-size:clamp(58px,6.8vw,98px);transform:rotate(-5deg);margin:18px 0 28px}.paint{display:inline-block;background:#ff5100;clip-path:polygon(3% 0,99% 3%,96% 90%,0 100%);padding:10px 24px;color:#111;font:28px Marker;transform:rotate(-4deg)}.hero h1:after,.section-title:after{content:'';display:block;height:8px;background:#ff5100;transform:rotate(-2deg);width:80%;margin:8px auto}.hero-copy>p{font-weight:800;letter-spacing:.18em;line-height:1.45;margin:25px 0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 24px;background:#ff5100;color:white;font-size:13px;font-weight:800;text-transform:uppercase;border:1px solid transparent;min-height:46px}.btn:hover{background:#d83d00}.btn.dark{background:#141416}.btn.outline{background:transparent;color:inherit;border-color:currentColor}.countdown{margin:35px auto 0;max-width:440px;border:1px solid #ffffff55;background:#121218bb;border-radius:10px;padding:18px 30px}.countdown>p{font-size:13px;font-weight:800;margin-bottom:12px}.clock{display:flex;justify-content:space-around;gap:16px}.clock b{font:700 43px/.9 Condensed;display:block}.clock small{font-size:10px}.categories{display:grid;grid-template-columns:repeat(6,1fr);padding:16px 4%;background:#f6f3eb}.category{text-align:center;border-right:1px solid #d7d2c9;padding:0 12px;font:700 23px Condensed}.category:last-child{border:0}.category img{height:142px;object-fit:contain;mix-blend-mode:multiply}.category:hover{color:#f54b00}.campaign{height:370px;background:#141416 url(assets/campaign.png) center/cover;display:flex;align-items:center;padding:40px 7%;color:white}.campaign>div{width:43%;text-align:center}.campaign h2{font-size:58px;transform:rotate(-5deg)}.campaign p{font-size:12px;font-weight:bold;letter-spacing:.1em;margin:22px 0}.section{padding:44px 5%}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.section-title{font-size:38px}.section-title:after{height:4px;width:95%;margin:6px 0}.underlink{font-size:12px;font-weight:bold;border-bottom:2px solid #ff5100;padding-bottom:6px}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.product-card{position:relative;min-width:0}.product-image{position:relative;display:block;background:#eeebe5;border-radius:8px;overflow:hidden}.product-image img{aspect-ratio:1;object-fit:cover;transition:transform .3s}.product-image:hover img{transform:scale(1.04)}.badge{position:absolute;top:15px;left:15px;background:#ff5100;color:white;font:700 12px Condensed;letter-spacing:.05em;padding:4px 10px}.product-bottom{display:flex;justify-content:space-between;gap:12px;padding:13px 3px}.product-bottom h3{font-size:15px;margin-bottom:4px}.price{font-weight:800;font-size:15px}.product-bottom .btn{padding:9px 14px;min-height:36px;font:700 15px Condensed;align-self:center}.rating{font-size:12px;color:#ed4d0b;margin-top:4px}.community-head{border-bottom:1px solid #999;display:flex;justify-content:space-between;margin-bottom:25px}.community-head h2,.community-head span{background:#171717;color:white;font:24px Marker;padding:8px 20px;transform:rotate(-3deg)}.community-head span{background:#123cdd}.community-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.community-grid img{aspect-ratio:1.6;object-fit:cover;border-radius:7px}.benefits{background:#1235d6;color:white;display:grid;grid-template-columns:repeat(4,1fr);padding:20px 5%;gap:20px}.benefits div{display:flex;align-items:center;gap:14px}.benefits b{font-size:13px;display:block}.benefits small{font-size:12px}.benefits svg{width:30px;height:30px;fill:none;stroke:white;stroke-width:1.5}.footer{background:#161618;color:white;padding:32px 5% 20px}.footer-top{display:grid;grid-template-columns:170px 1fr 1.2fr;gap:25px;align-items:center}.footer p{font-size:13px;line-height:1.4;max-width:330px}.newsletter{display:flex}.newsletter input{width:100%;min-width:0;background:transparent;color:white;border:1px solid #555;padding:14px;border-radius:4px 0 0 4px}.footer-links{display:flex;gap:24px;flex-wrap:wrap;margin:25px 0;font-size:12px}.fine{font-size:11px;color:#aaa}.page-head{padding:58px 5% 30px}.page-head h1{font-size:60px;margin:14px 0}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.page-head p{max-width:600px;line-height:1.65}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}.filters a{padding:10px 16px;border:1px solid #ccc;font-size:13px}.filters a.active{background:#151515;color:white}.detail{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;padding:30px 5% 70px;align-items:start}.detail-photo{background:#eee9e2;border-radius:8px}.detail-photo img{aspect-ratio:1;object-fit:cover}.detail h1{font:700 56px/1 Condensed;text-transform:uppercase;margin:15px 0}.detail .price{font-size:25px;margin:18px 0}.detail p{line-height:1.7}.sizes{display:flex;gap:9px;margin:12px 0 22px}.sizes button{padding:12px 17px;background:white;border:1px solid #ccc}.sizes button.active{background:#151515;color:white;border-color:#151515}.detail .btn{width:100%;margin-top:15px}.detail details{border-top:1px solid #ccc;padding:18px 0;line-height:1.6}.detail summary{font-weight:bold;cursor:pointer}.detail .details{margin-top:30px}.cart-layout{display:grid;grid-template-columns:1.7fr 1fr;gap:45px;padding:20px 5% 80px}.cart-row{display:grid;grid-template-columns:105px 1fr auto;gap:20px;align-items:center;border-bottom:1px solid #ccc;padding:22px 0}.cart-row img{aspect-ratio:1;border-radius:5px}.cart-row h3{font-size:17px}.cart-row p{font-size:13px;margin-top:7px}.quantity{display:flex;align-items:center;margin-top:12px;gap:14px}.quantity button{background:#e4e0d7;width:30px;height:30px}.remove{background:none;text-decoration:underline;font-size:12px;margin-left:10px}.summary{padding:28px;background:#ebe7df;height:max-content}.summary h2{font:700 30px Condensed}.summary p{display:flex;justify-content:space-between;margin:20px 0}.summary .btn{width:100%}.empty{padding:70px 5%;text-align:center}.empty h2{font:700 44px Condensed;margin-bottom:20px}.content{padding:25px 5% 70px;max-width:950px;line-height:1.7}.content h2{margin:22px 0 10px;font:700 32px Condensed}.form{display:grid;gap:16px;margin-top:25px}.form label{display:grid;gap:8px;font-size:14px;font-weight:bold}.form input,.form textarea{padding:13px;border:1px solid #bbb;background:white;width:100%;border-radius:2px}.form .btn{justify-self:start}.notice{padding:16px;background:#ebe7df;margin:20px 0;font-size:14px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#161618;color:white;padding:16px 24px;z-index:50;box-shadow:0 4px 30px #0003;max-width:90%;text-align:center}.toast[hidden]{display:none}.searchbox{display:flex;gap:12px;margin-top:20px}.searchbox input{padding:14px;border:1px solid #aaa;flex:1;min-width:0}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.collection-grid a{background:#ece8df;padding:20px;text-align:center}.collection-grid img{aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply}.collection-grid h2{font:700 30px Condensed}.community-page .community-grid{grid-template-columns:repeat(2,1fr)}.community-page .community-grid img{aspect-ratio:1}.checkout{max-width:700px;margin:0 auto;padding:20px 28px 70px}.status{font-size:13px;margin-top:10px;color:#ff692f}

@media(max-width:900px){.nav{gap:15px}.header{gap:18px}.hero{height:660px}.hero h1{font-size:66px}.hero-copy{width:50%}.categories{padding:15px 2%}.category{font-size:19px;padding:0 5px}.category img{height:110px}.campaign{height:300px}.campaign h2{font-size:43px}.detail{gap:35px}.benefits{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:140px 1fr}.newsletter{grid-column:1/-1}}
@media(max-width:650px){.header{height:84px;padding:20px 24px}.logo{font-size:23px;width:115px}.logo b{right:0}.actions{gap:15px}.menu-btn{display:inline-flex}.nav{display:none;position:absolute;top:84px;left:0;right:0;padding:20px 28px;background:#151515;flex-direction:column;gap:0}.nav.open{display:flex}.nav a{padding:14px 0}.hero{height:760px;padding:105px 24px 26px;background-position:36% center;align-items:flex-end}.hero:before{background:linear-gradient(0deg,#080a11f5,transparent 83%)}.hero-copy{width:100%}.hero h1{font-size:57px;margin:12px 0 18px}.paint{font-size:20px;padding:8px 20px}.hero-copy>p{font-size:12px;margin:15px 0}.countdown{padding:13px 22px;margin-top:23px;max-width:330px}.clock b{font-size:34px}.categories{grid-template-columns:repeat(3,1fr);gap:18px 0;padding:20px 20px}.category{font-size:19px}.category:nth-child(3){border:0}.category img{height:100px}.campaign{height:350px;padding:25px;background-position:65% center;position:relative}.campaign:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#000b,transparent)}.campaign>div{width:65%;position:relative}.campaign h2{font-size:40px}.section{padding:32px 24px}.section-title{font-size:28px}.section-head{gap:12px}.underlink{font-size:10px;white-space:nowrap}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.product-bottom{display:block}.product-bottom h3{font-size:13px;line-height:1.3}.product-bottom .btn{width:100%;margin-top:10px}.badge{font-size:10px;top:9px;left:9px}.community-head h2,.community-head span{font-size:15px;padding:8px}.community-grid{grid-template-columns:repeat(2,1fr);gap:12px}.community-grid img{aspect-ratio:1.2}.benefits{padding:20px 24px;gap:20px 15px}.benefits b{font-size:10px}.benefits small{font-size:10px}.benefits svg{width:24px;min-width:24px}.footer{padding:35px 24px 24px}.footer-top{grid-template-columns:1fr}.footer-top .logo{margin-bottom:15px}.newsletter{grid-column:auto}.newsletter .btn{padding:12px}.page-head{padding:35px 24px 20px}.page-head h1{font-size:42px}.page-head p{font-size:15px}.detail{display:block;padding:20px 24px 45px}.detail-info{margin-top:30px}.detail h1{font-size:44px}.cart-layout{display:block;padding:0 24px 50px}.cart-row{grid-template-columns:75px 1fr;gap:14px}.cart-row>strong{grid-column:2}.summary{margin-top:30px}.content{padding:10px 24px 45px}.collection-grid{grid-template-columns:repeat(2,1fr);gap:15px}.collection-grid a{padding:10px}.collection-grid h2{font-size:23px}}
@media(max-width:650px){.hero h1{font-size:clamp(38px,12vw,57px)}.community-head{flex-wrap:wrap;gap:8px}.section-title{font-size:clamp(23px,7vw,28px)}.header .logo{flex-shrink:0}.actions{gap:10px}.header{gap:10px}}
.hero{background-position:center top}.campaign{background-position:center 20%}.community-grid img{object-position:center 25%}
@media(max-width:650px){.hero{background-position:36% top}.campaign{background-position:65% 20%}}

/* Supplied orange crown and reference-aligned editorial framing. */
.logo .brand-crown{position:absolute;width:46px;height:46px;object-fit:contain;right:5px;top:-28px;mix-blend-mode:screen;transform:rotate(7deg)}
@media(min-width:901px){.hero{background-color:#123b82;background-size:auto 100%;background-position:right top;background-repeat:no-repeat}.hero-copy{width:46%}.nav{gap:24px}}
.campaign{background-position:center top}
@media(max-width:650px){.logo .brand-crown{width:36px;height:36px;right:0;top:-22px}.campaign{background-position:65% top}}
@media(min-width:651px){.campaign{background-color:#1b1d20;background-size:auto 150%;background-position:80% top;background-repeat:no-repeat}}

/* Reference-led layout: cobalt, orange, charcoal and warm paper. */
body{background:#f6f3eb}.wrap{max-width:1440px}.header{height:100px;display:flex;padding:18px 3%;gap:26px}.header>.menu-btn{display:inline-flex;order:-2}.header>.logo{order:-1;flex-shrink:0;margin-right:auto;width:185px;font-size:36px}.header .nav{gap:25px}.header .actions{gap:24px}.actions>.menu-btn{display:none}.logo{font-style:italic;letter-spacing:-1px}.logo .brand-crown{right:0;top:-27px;width:55px;height:55px;mix-blend-mode:normal}.footer .logo .brand-crown{width:40px;height:40px;right:0;top:-24px}.brush{font-style:italic;letter-spacing:-.045em}.hero{height:864px;min-height:0;padding:110px 5% 28px;background-size:cover;background-position:center;background-color:#111;background-repeat:no-repeat}.hero:before{background:linear-gradient(90deg,transparent 50%,#0002)}.hero-copy{width:46%;align-self:center;padding-top:20px}.hero h1{font-size:clamp(70px,7.4vw,108px);line-height:1.02;margin:22px -10px 24px;transform:rotate(-6deg) skew(-6deg)}.paint{font-size:35px;line-height:1.05;padding:9px 30px;clip-path:polygon(4% 0,99% 0,97% 12%,100% 16%,95% 29%,98% 33%,96% 78%,99% 81%,94% 90%,1% 100%,3% 84%,0 78%,3% 64%,1% 56%)}.hero h1:after{height:9px;width:91%;margin:15px auto 0}.hero-copy>p{font-size:22px;letter-spacing:.13em;margin:27px 0}.hero .btn{font-size:17px;padding:18px 36px;clip-path:polygon(2% 0,100% 0,98% 100%,0 100%)}.countdown{max-width:480px;padding:22px 32px;margin:38px auto 0;background:#101017cf;border-radius:14px}.countdown>p{font-size:17px}.clock b{font-size:61px}.clock small{font-size:12px}.categories{padding:15px 4% 20px}.category{font-size:26px;padding:0 15px}.category img{height:183px;object-fit:contain}.campaign{height:383px;background-size:cover;background-position:center;background-repeat:no-repeat;padding:35px 5%;background-color:#151517}.campaign>div{width:41%}.campaign h2{font-size:69px;line-height:.92;transform:rotate(-7deg) skew(-6deg)}.campaign h2:after{content:'';height:6px;background:#f6530b;display:block;width:90%;margin:16px auto 0;transform:rotate(-2deg)}.campaign p{font-size:16px;margin:22px 0}.campaign .btn{min-width:230px}.section{padding:35px 5%}.section-title{font-size:49px;line-height:1.1;transform:skew(-5deg)}.section-head{margin-bottom:24px}.section-title:after{height:5px}.underlink{font-size:14px}.products{gap:28px}.product-image img{aspect-ratio:1.25;object-fit:cover}.badge{top:14px;left:16px;font-size:16px;padding:3px 12px;transform:rotate(-2deg)}.product-bottom{padding:12px 6px}.product-bottom h3{font-size:18px}.price{font-size:19px}.product-bottom .btn{font-size:18px;padding:8px 22px;min-height:35px;border-radius:5px;transform:skew(-4deg)}.community-head{align-items:center}.community-head h2,.community-head span{font-size:29px;clip-path:polygon(3% 0,98% 5%,100% 20%,97% 35%,100% 75%,94% 94%,1% 100%,4% 80%,0 62%,3% 40%,0 20%)}.community-grid{gap:18px}.community-grid img{aspect-ratio:1.85;object-position:center; border-radius:9px}.benefits{padding:17px 6%;background:#0726cd}.footer{padding:30px 5% 18px}.footer-top{grid-template-columns:145px 1fr 1.25fr}.footer-links{margin:18px 0}.footer-top .logo{font-size:25px}.detail-photo img{object-fit:contain}.section-title.brush{white-space:normal}
@media(max-width:1100px) and (min-width:651px){.header{gap:15px}.header>.logo{width:140px;font-size:29px}.header .nav{gap:15px;font-size:12px}.header .actions{gap:14px}.hero{height:60vw;min-height:570px}.hero h1{font-size:7.5vw}.hero-copy{padding-top:10px}.paint{font-size:25px}.hero-copy>p{font-size:16px;margin:20px 0}.countdown{margin-top:24px;padding:16px 20px}.clock b{font-size:44px}.countdown>p{font-size:13px}.hero .btn{font-size:13px;padding:14px 23px}.category img{height:125px}.category{font-size:22px}.campaign{height:27vw;min-height:250px}.campaign h2{font-size:5.3vw}.campaign p{font-size:12px}.section-title{font-size:36px}.product-bottom h3{font-size:14px}.product-bottom .btn{font-size:15px;padding:9px 13px}.price{font-size:15px}.community-head h2,.community-head span{font-size:23px}}
@media(max-width:650px){.header{padding:18px 22px;height:92px;gap:14px}.header>.logo{width:130px;font-size:26px;margin-right:auto}.header .brand-crown{width:38px;height:38px;top:-20px}.header>.menu-btn{padding:0}.header .actions{gap:12px}.header .actions svg{width:20px;height:20px}.header .actions a[aria-label="Saved products"]{display:none}.header .nav{top:92px;font-size:15px}.hero{height:800px;min-height:0;padding:110px 24px 25px;background-size:auto 100%;background-position:36% center}.hero:before{background:linear-gradient(0deg,#080b14fa,transparent 82%)}.hero-copy{width:100%;align-self:flex-end;padding:0}.hero h1{font-size:clamp(38px,11.8vw,65px);margin:18px 0 20px}.paint{font-size:23px;padding:8px 22px}.hero-copy>p{font-size:13px;margin:18px 0}.hero .btn{font-size:13px;padding:14px 25px}.countdown{padding:15px 24px;margin-top:23px}.countdown>p{font-size:12px}.clock b{font-size:38px}.clock small{font-size:10px}.categories{padding:20px 20px}.category{font-size:19px;padding:0 6px}.category img{height:100px}.campaign{height:310px;padding:25px 24px;background-size:auto 100%;background-position:65% center}.campaign>div{width:65%}.campaign h2{font-size:37px}.campaign p{font-size:10px;margin:17px 0}.campaign .btn{min-width:0;padding:12px 20px;font-size:11px}.section{padding:30px 24px}.section-title{font-size:27px}.underlink{font-size:10px}.products{gap:22px 14px}.product-image img{aspect-ratio:1}.product-bottom{padding:10px 0}.product-bottom h3{font-size:13px}.product-bottom .btn{font-size:15px;padding:9px;transform:none}.price{font-size:15px}.badge{font-size:11px;left:8px;top:8px;padding:3px 7px}.community-head h2,.community-head span{font-size:16px}.community-grid img{aspect-ratio:1.3}.benefits{padding:20px 24px}.footer{padding:32px 24px 20px}.footer-top{grid-template-columns:1fr}.footer-links{margin:25px 0}.footer .logo .brand-crown{right:0;width:38px;height:38px}}

.rating{font-size:13px}.rating span{color:#222;font-size:11px}
@media(min-width:651px){.header .nav.open{position:absolute;left:3%;top:88px;display:flex;flex-direction:column;background:#151518;padding:25px 35px;gap:22px;box-shadow:0 15px 30px #0006}}

@media(min-width:1101px){.hero h1{font-size:96px;margin-left:0;margin-right:0}.header .nav{font-size:16px;gap:24px}}
.campaign{background-position:center top}.community-grid img{object-position:center top}
@media(max-width:650px){.campaign{background-position:45% top}.campaign>div{width:62%}.campaign h2{font-size:clamp(28px,8vw,36px)}.campaign:before{background:linear-gradient(90deg,#111b,transparent 80%)}}

/* Keep the homepage crown clear of the top edge. */
.home .header>.logo{top:17px}
/* Compact inner-page wordmark with room above its crown. */
body:not(.home) .header>.logo{transform:translateY(8px) rotate(-7deg) scale(.8);transform-origin:center center}

/* Angular brush lettering rendered as scalable live text. */
.brush,.logo,.paint,.community-head h2,.community-head span{font-weight:400;font-style:normal}
/* Nest the crown against the end of URBAN, as in the logo reference. */
.header .logo .brand-crown{right:13px;top:-17px}
.footer .logo .brand-crown{right:9px;top:-14px}
@media(max-width:650px){.header .logo .brand-crown{right:8px;top:-12px}.footer .logo .brand-crown{right:8px;top:-12px}}
/* Reference footer and community strip. */
.community-head{position:relative;border:0;isolation:isolate}.community-head:before{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:#999;z-index:-1}.community-head h2{display:flex;align-items:center;gap:14px}.community-head h2 svg{width:34px;height:34px;fill:none;stroke:white;stroke-width:2;flex-shrink:0}.community-head h2,.community-head>span{padding:12px 24px;background-image:linear-gradient(175deg,#ffffff0d,transparent);filter:drop-shadow(2px 1px 1px #2224)}
.benefits{padding:18px 8%;gap:30px;background:linear-gradient(110deg,#0735df,#0418bf);border-top:2px solid #344bfa;border-bottom:2px solid #1732de}.benefits svg{width:39px;height:39px;flex-shrink:0}.benefits b{font-size:15px;white-space:nowrap}.benefits small{font-size:13px}.footer{position:relative;isolation:isolate;overflow:hidden;padding:32px 13% 18px 5%;background:#19191c url('assets/footer-texture.png') center/cover}.footer-top{display:grid;grid-template-columns:155px 1fr 1.5fr;gap:20px 32px;align-items:start}.footer-top>.logo{grid-row:1/3;margin-top:30px;font-size:32px;width:155px}.footer .club-copy p{max-width:none;font-size:15px;line-height:1.3}.footer .club-copy b{font-size:17px}.club-copy p+p{margin-top:7px}.newsletter{align-self:start}.newsletter input{padding:15px 20px;border:1px solid #404047;border-right:0;background:#13141988;border-radius:9px 0 0 9px;font-size:15px}.newsletter .btn{font:700 23px Condensed;padding:12px 24px;border-radius:0 12px 12px 0;clip-path:polygon(6% 0,100% 0,100% 100%,0 100%)}.footer-links{grid-column:2;margin:0;gap:0;flex-wrap:nowrap;align-self:center}.footer-links a{font-size:14px;padding:0 15px;border-right:1px solid #555;white-space:nowrap}.footer-links a:first-child{padding-left:0}.footer-links a:last-child{border:0;padding-right:0}.social-links{grid-column:3;display:flex;gap:20px;justify-content:flex-end;align-items:center}.social-links button{padding:0;background:none;color:white;width:23px;height:27px}.social-links svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9}.social-links button:hover{color:#ff5100}.footer-graffiti-crown{position:absolute;right:-23px;bottom:-27px;width:180px;height:180px;object-fit:contain;transform:rotate(-17deg);z-index:-1}.footer .fine{margin-top:22px;font-size:10px;opacity:.65;max-width:none}.footer .fine a{text-decoration:underline}
@media(max-width:1100px){.benefits{padding:17px 5%;gap:18px}.benefits b{font-size:12px}.benefits small{font-size:11px}.benefits svg{width:30px;height:30px}.footer{padding-right:10%}.footer-top{grid-template-columns:125px 1fr 1.3fr;gap:18px}.footer-top>.logo{width:125px;font-size:26px}.footer-links a{font-size:11px;padding:0 9px}.footer .club-copy p{font-size:12px}.footer .club-copy b{font-size:14px}.newsletter input{font-size:13px;padding:12px}.newsletter .btn{font-size:19px;padding:12px 15px}.footer-graffiti-crown{width:125px;height:125px}}
@media(max-width:650px){.community-head h2{gap:8px}.community-head h2 svg{width:24px;height:24px}.community-head h2,.community-head>span{padding:9px 12px;font-size:16px}.benefits{padding:18px 24px;gap:20px 12px}.benefits div{gap:9px}.benefits b{font-size:10px;white-space:normal}.benefits small{font-size:10px}.benefits svg{width:27px;height:27px}.footer{padding:35px 24px 20px}.footer-top{grid-template-columns:1fr;gap:24px}.footer-top>.logo{grid-row:auto;font-size:28px;margin:15px 0 0;width:145px}.footer .club-copy p{font-size:14px}.footer .club-copy b{font-size:16px}.newsletter{width:100%}.footer-links{grid-column:1;flex-wrap:wrap;gap:12px 0}.footer-links a{font-size:12px}.social-links{grid-column:1;justify-content:flex-start;gap:24px}.footer-graffiti-crown{right:-25px;bottom:28px;width:135px;height:135px;opacity:.8}.footer .fine{line-height:1.6;max-width:250px}}

.community-head .hashtag-mark{font-family:Arial,sans-serif;font-size:.95em;font-weight:800;font-style:italic;margin-right:.08em}
/* Taller launch cards show each complete product without cropping. */
.home .products .product-image img{aspect-ratio:1;object-fit:contain}
/* Show complete community photos in taller homepage tiles. */
.home .community-grid img{aspect-ratio:auto;height:auto;object-fit:contain}

/* Tuck the crown over the N, relative to the wordmark's type size. */
.header .logo .brand-crown,.footer .logo .brand-crown{left:calc(2.45em + 10px);right:auto;top:calc(-.15em - 9px);width:1.30815em;height:1.30815em}
/* Match the launch product image hover motion. */
.category img{transition:transform .3s}
.category:hover img,.category:focus-visible img{transform:scale(1.04)}
@media(prefers-reduced-motion:reduce){.category img{transition:none}}

/* Full product views with consistent, gently animated image treatments. */
.product-image img,.home .products .product-image img,.detail-photo img,.cart-row img,.collection-grid img{
  aspect-ratio:1;object-fit:contain;object-position:center;padding:3%;
}
.product-image,.detail-photo,.cart-row>a,.collection-grid>a{overflow:hidden}
.product-image img,.detail-photo img,.cart-row img,.collection-grid img,.category img,.community-grid img,.campaign-media{transition:transform .3s ease}
.product-card:hover .product-image img,.product-card:focus-within .product-image img,
.detail-photo:hover img,.cart-row>a:hover img,.cart-row>a:focus-visible img,
.collection-grid>a:hover img,.collection-grid>a:focus-visible img,
.category:hover img,.category:focus-visible img,.community-grid img:hover{transform:scale(1.04)}
.collection-grid h2,.product-bottom h3,.campaign h2,.campaign p{transition:color .3s ease}
.collection-grid>a:hover h2,.collection-grid>a:focus-visible h2,
.product-card:hover h3,.product-card:focus-within h3,
.campaign:hover h2,.campaign:hover p,.campaign:focus-within h2,.campaign:focus-within p{color:#ff5100}
.community-grid img{aspect-ratio:auto;height:auto;object-fit:contain}
.campaign{position:relative;overflow:hidden;background-image:none}
.campaign-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;z-index:0}
.campaign>div{position:relative;z-index:2}
.campaign:before{z-index:1;pointer-events:none}
.campaign:hover .campaign-media,.campaign:focus-within .campaign-media{transform:scale(1.04)}
@media(max-width:650px){.campaign-media{object-position:45% top}}
@media(prefers-reduced-motion:reduce){.product-image img,.detail-photo img,.cart-row img,.collection-grid img,.category img,.community-grid img,.campaign-media,.collection-grid h2,.product-bottom h3,.campaign h2,.campaign p{transition:none}}

/* Use the same product image surface as the women’s and men’s pages. */
.collection-grid>a{background:transparent;padding:0}
.collection-grid img{mix-blend-mode:normal}
.collection-grid h2{padding:12px 0}

/* Edge-to-edge page canvas and a header anchored to that canvas. */
body{padding:0}
.wrap{position:relative;width:100%;max-width:none;margin:0;box-shadow:none}
.header>.logo{margin-left:0}
@media(min-width:1441px){.hero{height:60vw}.hero h1{font-size:clamp(96px,6.67vw,180px)}}
@media(min-width:651px) and (max-width:1000px){.header .nav{display:none}.header .nav.open{display:flex}.footer-links{flex-wrap:wrap;row-gap:12px}.benefits b{white-space:normal}}

/* Navigation toggle belongs on the right only when navigation collapses. */
.header>.menu-btn{display:none}
.header .actions>.menu-btn{display:none}
@media(max-width:1000px){.header .actions>.menu-btn{display:inline-flex}}

.campus-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:28px}.campus-grid img{width:100%;height:auto;border-radius:9px;transition:transform .3s ease}.campus-grid img:hover{transform:scale(1.04)}@media(max-width:650px){.campus-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.campus-grid img{transition:none}}

.hero{overflow:hidden}.hero-model-overlay{position:absolute;height:auto;max-width:none;pointer-events:none;z-index:0}.hero:before{z-index:1;pointer-events:none}.hero-copy{z-index:2}

.hero{background-image:url(assets/hero-background.png)}

/* Footer menu feedback. */
.footer-links a{transition:color .2s ease}
.footer-links a:hover,.footer-links a:focus-visible{color:#ff5100}