@import url('https://fonts.googleapis.com/css2?family=Rye&display=swap');
.webb-page{--webb-orange:#ff810c;--webb-cream:#f0e5d1;max-width:1440px;margin:0 auto;border:1px solid #b5763b66;color:var(--webb-cream);background:radial-gradient(ellipse at 90% 45%,#62351c40,transparent 60%),repeating-linear-gradient(1deg,transparent 0 42px,#0008 43px 46px,transparent 48px 102px),repeating-linear-gradient(0deg,#41322616 0 1px,#0b0d0d 2px 5px);isolation:isolate}
.webb-page h1,.webb-page h2,.webb-page h3{color:inherit}.webb-page a:focus-visible,.webb-page button:focus-visible{outline:3px solid var(--webb-orange);outline-offset:5px}.webb-hero{display:grid;grid-template-columns:52% 48%;min-height:410px;border-bottom:1px solid #c98a5555}.webb-portrait{position:relative;overflow:hidden;min-height:410px}.webb-portrait img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:48% 28%;mask-image:linear-gradient(90deg,#000 75%,transparent)}.webb-hero-brand{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:25px 30px 25px 0}.webb-hero-brand>a{display:flex;flex-direction:column;align-items:center;width:100%}.webb-mark{display:block;width:230px;max-width:72%;height:auto;mix-blend-mode:screen}.webb-name{font-family:Montserrat,Arial,sans-serif;font-size:clamp(21px,2.4vw,36px);letter-spacing:.07em;line-height:1.3;white-space:nowrap}.webb-name sup{font-size:11px;vertical-align:top}.webb-straight{font-family:'Barlow Condensed',sans-serif;letter-spacing:.38em;font-size:12px;padding-top:4px}.webb-cross{font-size:25px;line-height:1.2}.webb-page h1{font-family:Rye,Georgia,serif;font-weight:400;color:var(--webb-orange);font-size:clamp(25px,3vw,44px);line-height:1.2;letter-spacing:0;margin:0 0 14px}.webb-brush{font-family:Caveat,cursive;font-weight:700;font-size:clamp(25px,3vw,44px);background:#c58b49;color:#080b0b;transform:rotate(-1deg);padding:5px 22px;margin:0;clip-path:polygon(2% 7%,98% 0,100% 85%,0 100%)}
.webb-intro-offer{display:grid;grid-template-columns:35% 1fr;gap:30px;padding:25px 4% 20px;align-items:center}.webb-story{border-left:3px solid var(--webb-orange);padding:0 0 0 20px;font-style:italic}.webb-story p{font-size:clamp(14px,1.25vw,18px);line-height:1.45;margin:0 0 8px}.webb-story p:last-child{margin:0}.webb-offer{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;border:2px solid #c38c54;border-radius:14px;padding:20px;box-shadow:inset 0 0 0 2px #583c25}.webb-page .webb-offer h2{font-family:'Bebas Neue',sans-serif;font-weight:400;font-size:clamp(20px,1.8vw,27px);line-height:1.1;letter-spacing:.02em;margin:0;white-space:nowrap}.webb-percent{display:block;color:var(--webb-orange);font-family:'Bebas Neue',Impact,sans-serif;font-size:clamp(60px,7.3vw,105px);font-weight:400;line-height:1.1;transform:skew(-7deg)}.webb-checkout{border-left:1px solid #c98a5577;padding-left:20px;display:flex;flex-direction:column;justify-content:center;gap:9px;text-align:center}.webb-checkout>span:first-child{font-family:'Bebas Neue',sans-serif;font-size:19px}.webb-code{background:#080c0e;color:#f7f0e6;border:2px solid var(--webb-orange);border-radius:6px;font-size:clamp(20px,2vw,29px);font-weight:700;padding:6px 9px;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:8px}.webb-code svg{width:20px;fill:none;stroke:currentColor;stroke-width:2}.webb-shop{font-family:'Bebas Neue',sans-serif;background:var(--webb-orange);color:#fff;padding:9px 12px;border-radius:5px;font-size:23px;white-space:nowrap;transition:background .2s}.webb-shop:hover{background:#cf6100}.webb-copy-status{font-size:12px;min-height:0}.webb-copy-status:empty{display:none}
.webb-lineup{padding:10px 3% 22px}.webb-page .webb-lineup>h2{display:flex;align-items:center;gap:25px;font-family:Rye,Georgia,serif;font-weight:400;text-align:center;font-size:clamp(22px,2.6vw,35px);line-height:1.2;margin:0 0 14px}.webb-lineup>h2:before,.webb-lineup>h2:after{content:'';height:2px;flex:1;background:linear-gradient(90deg,transparent,var(--webb-orange),transparent)}.webb-hats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;background:linear-gradient(0deg,#5d32174d,transparent 40%)}.webb-hat{display:block;text-align:center;min-width:0;transition:transform .2s}.webb-hat:hover{transform:translateY(-4px)}.webb-hat>img{display:block;width:100%;height:220px;object-fit:contain}.webb-page .webb-hat h3{font:400 22px/1.1 'Bebas Neue',sans-serif;margin:8px 0 0}.webb-hat p{font:400 18px/1.1 'Bebas Neue',sans-serif;margin:2px 0 0}.webb-worn-photo{height:220px;overflow:hidden;position:relative;border-radius:8px;mask-image:linear-gradient(0deg,#000 85%,transparent)}.webb-worn-photo img{width:225%;height:auto;max-width:none;position:absolute;left:-30%;top:-15%}
.webb-request{display:grid;grid-template-columns:30% 1fr 20%;margin:6px 3% 24px;min-height:280px;border:2px solid #b9834c;border-radius:13px;overflow:hidden;background:radial-gradient(ellipse at 100% 100%,#bd54134d,transparent 50%),#121310}.webb-concept{background:url('/webb/reference-layout.png') left bottom/990px 1024px no-repeat;min-height:280px}.webb-request-copy{text-align:center;padding:24px 10px 18px}.webb-page .webb-request h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(27px,2.8vw,39px);line-height:1.1;margin:0 0 14px;letter-spacing:0}.webb-request-copy p{font-size:16px;line-height:1.45;font-style:italic;margin:0 0 18px}.webb-request-button{display:inline-block;padding:9px 14px;border:2px solid var(--webb-orange);border-radius:6px;color:#e9c8a1;font:400 25px/1.1 'Bebas Neue',sans-serif}.webb-request-button:hover{background:#a4521a44}.webb-concept-note{display:block;font-size:10px;letter-spacing:.08em;margin-top:10px;color:#c3b49e}.webb-request-brand{align-self:start;padding:32px 10px 0;text-align:center;display:flex;flex-direction:column;align-items:center}.webb-request-brand .webb-mark{width:150px}.webb-request-brand .webb-name{font-size:clamp(12px,1.3vw,20px)}.webb-request-brand .webb-straight{font-size:8px;letter-spacing:.2em}
@media(min-width:901px) and (max-width:1250px){.topbar{padding-left:3%;padding-right:3%;gap:16px}.topbar nav{gap:14px}.topbar nav a{letter-spacing:.07em}.topbar .social{gap:10px}}
@media(max-width:1050px){.webb-offer{gap:10px;padding:15px}.webb-intro-offer{gap:20px;grid-template-columns:33% 1fr}.webb-checkout{padding-left:12px}.webb-page .webb-offer h2{white-space:normal}.webb-request{grid-template-columns:30% 1fr}.webb-request-brand{display:none}.webb-request-copy p{font-size:15px}}
@media(max-width:760px){.webb-hero{grid-template-columns:1fr;min-height:0}.webb-portrait{min-height:350px}.webb-portrait img{object-position:center 24%;mask-image:linear-gradient(0deg,transparent,#000 12%)}.webb-hero-brand{padding:10px 20px 25px}.webb-hero-brand .webb-name{font-size:30px}.webb-page h1{font-size:32px}.webb-brush{font-size:32px}.webb-intro-offer{grid-template-columns:1fr;padding:22px 5%;gap:23px}.webb-story p{font-size:16px}.webb-percent{font-size:75px}.webb-offer{padding:15px 12px}.webb-page .webb-offer h2{font-size:22px}.webb-code{font-size:21px}.webb-shop{font-size:20px;padding:10px 6px}.webb-checkout>span:first-child{font-size:17px}.webb-hats{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 10px}.webb-hat>img,.webb-worn-photo{height:195px}.webb-page .webb-lineup>h2{font-size:23px;gap:10px}.webb-hat p{font-size:17px}.webb-request{grid-template-columns:1fr;margin:15px 4% 20px}.webb-concept{min-height:245px;width:330px;max-width:100%;justify-self:center}.webb-request-copy{padding:18px}.webb-request-button{font-size:23px}.webb-page .webb-request h2{font-size:32px}}
.webb-portrait img{object-position:48% 7%}.webb-concept{width:100%;max-width:330px}.webb-hat>img{height:240px;padding:8px 4px}@media(max-width:760px){.webb-portrait img{object-position:center 5%}.webb-hat>img{height:185px;padding:4px}}
.webb-page{background:linear-gradient(#090d0dd9,#090d0d80),url("/webb/dark-wood.png") center/cover}.webb-hats{background:linear-gradient(0deg,#1d100250,transparent),url("/webb/dark-wood.png") center bottom/cover}.webb-hero-brand{background:linear-gradient(90deg,transparent,#07090966)}
.webb-concept{background:url("/webb/navy-orange-concept-v2.png") center/contain no-repeat;max-width:none}@media(max-width:760px){.webb-offer{grid-template-columns:1fr;text-align:center;padding:20px}.webb-percent{font-size:85px;white-space:nowrap}.webb-checkout{border-left:0;border-top:1px solid #c98a5577;padding:15px 0 0}.webb-code{font-size:26px}.webb-page .webb-offer h2{white-space:normal;font-size:24px}.webb-hat>img{height:170px}.webb-concept{width:100%;height:250px}}@media(max-width:900px){body:has(.webb-page) .topbar .social{display:none}}
.webb-page .webb-ridge-logo{width:270px;max-width:85%;margin:5px auto 13px;line-height:1}.webb-ridge-logo img{display:block;width:100%;height:auto}.webb-ridge-logo .brush{width:100%;height:9px;background:#c98a55;margin:8px auto 0}@media(max-width:760px){.webb-page .webb-ridge-logo{width:270px}}