:root{--hb-ink:#181a19;--hb-paper:#ffffff;--hb-muted:#666963;--hb-orange:#d3542e;--hb-line:#d5d6ce}
html{scroll-behavior:smooth;scroll-padding-top:30px}.hb-home,.hb-nav,.hb-footer,.hb-newsletter,.hb-announcement{font-family:Arial,Helvetica,sans-serif;color:var(--hb-ink);background:var(--hb-paper)}
.hb-home *,.hb-nav *,.hb-footer *,.hb-newsletter *{box-sizing:border-box}.hb-home a,.hb-nav a,.hb-footer a{color:inherit;text-decoration:none}.hb-home h1,.hb-home h2,.hb-newsletter h2{font-family:Arial,Helvetica,sans-serif;letter-spacing:-.055em;line-height:1.02;font-weight:800;text-wrap:balance}.hb-home h3{font:700 18px/1.25 Arial,sans-serif;letter-spacing:-.025em}.hb-home p,.hb-newsletter p,.hb-footer p{line-height:1.65}
.hb-announcement{background:var(--hb-ink);color:var(--hb-paper);font-size:10px;font-weight:700;letter-spacing:.2em;text-align:center;padding:10px 14px}
.hb-nav{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 5vw;border-bottom:1px solid var(--hb-line)}.hb-brand{font:900 27px/.9 Arial,sans-serif;letter-spacing:-.05em;display:inline-block}.hb-brand span{display:block;font:700 9px/1 Arial,sans-serif;letter-spacing:.2em;margin-top:7px}.hb-navlinks{display:flex;gap:28px;font-size:10px;font-weight:700;letter-spacing:.06em}.hb-bag{font-size:11px;font-weight:700;white-space:nowrap}.hb-bag span{border:1px solid var(--hb-line);padding:5px 8px;margin-left:7px}.hb-nav a:hover,.hb-footer a:hover{text-decoration:underline;text-underline-offset:4px}
.hb-hero{display:grid;grid-template-columns:1fr 1fr;min-height:650px;border-bottom:1px solid var(--hb-line)}.hb-hero-copy{padding:65px 5vw;align-self:center}.hb-kicker{font-size:10px!important;letter-spacing:.15em;font-weight:700;margin:0 0 24px!important}.hb-hero h1{font-size:clamp(48px,5.5vw,88px);margin:0}.hb-hero h1 span{color:var(--hb-orange)}.hb-lead{font-size:16px;max-width:355px;color:var(--hb-muted);margin:26px 0}.hb-button{display:inline-flex;align-items:center;gap:35px;padding:18px 24px;background:var(--hb-ink);color:white!important;font:700 10px/1 Arial,sans-serif;letter-spacing:.08em;min-height:48px}.hb-button:hover{background:var(--hb-orange)}.hb-button span{font-size:20px}.hb-hero-note{font-size:10px;color:var(--hb-muted);margin:23px 0 0}.hb-hero-art{position:relative;background:#e4e1d9;display:flex;align-items:center;justify-content:center;overflow:hidden}.hb-hero-art img{display:block;width:100%;height:100%;object-fit:cover;max-height:760px}.hb-hero-caption{position:absolute;bottom:24px;left:24px;right:24px;background:var(--hb-paper);padding:17px 20px;display:flex;justify-content:space-between;gap:20px;align-items:center;border:1px solid var(--hb-line)}.hb-hero-caption span{font-size:9px;letter-spacing:.08em;white-space:nowrap}.hb-hero-caption strong{font-size:11px;text-align:right}
.hb-strip{display:flex;justify-content:space-around;gap:20px;padding:21px 5vw;border-bottom:1px solid var(--hb-line);font-size:10px;font-weight:700;letter-spacing:.1em}.hb-shop{padding:90px 5vw}.hb-section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px;gap:25px}.hb-section-head h2{font-size:clamp(35px,4vw,58px);margin:0}.hb-section-head>p{font-size:13px;color:var(--hb-muted);margin:0}.hb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 22px}.hb-card-image{display:block;aspect-ratio:1;overflow:hidden;background:#e5e1db}.hb-card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}.hb-card-image:hover img{transform:scale(1.025)}.hb-card-meta{padding:19px 0 0}.hb-card-meta>p{font-size:8px;letter-spacing:.11em;color:var(--hb-muted);margin:0 0 9px}.hb-card h3{margin:0 0 15px;min-height:23px}.hb-card-bottom{display:flex;justify-content:space-between;gap:12px;font-size:10px;border-top:1px solid var(--hb-line);padding-top:13px}.hb-card-bottom a{font-size:9px;font-weight:700}.hb-card-bottom a:hover{text-decoration:underline}
.hb-worlds{display:grid;grid-template-columns:1fr 1fr}.hb-world{padding:65px 5vw;display:block}.hb-world h2{font-size:clamp(38px,4.5vw,68px);margin:0 0 24px}.hb-world>p:not(.hb-kicker){font-size:14px;max-width:320px;margin:0 0 36px}.hb-world>span{font-size:10px;letter-spacing:.06em;font-weight:700;border-bottom:1px solid;padding-bottom:8px}.hb-garage{background:#d3542e;color:#fff!important}.hb-night{background:#182426;color:#f6f4ed!important}.hb-world:hover>span{padding-bottom:12px}.hb-story{padding:90px 5vw;display:grid;grid-template-columns:1fr 1fr;gap:20px 7vw;border-bottom:1px solid var(--hb-line)}.hb-story>.hb-kicker{grid-column:1/-1}.hb-story h2{font-size:clamp(37px,4vw,60px);margin:0}.hb-story>div{max-width:490px;color:var(--hb-muted);font-size:15px}.hb-story>div p:first-child{margin-top:0}.hb-details{display:grid;grid-template-columns:repeat(3,1fr);padding:50px 5vw;gap:40px}.hb-details span{font:10px/1 Arial,sans-serif;color:var(--hb-orange)}.hb-details h3{margin:20px 0 12px;font-size:16px}.hb-details p{font-size:13px;max-width:300px;color:var(--hb-muted);margin:0}
.hb-newsletter{padding:65px 5vw;background:#eae7dc;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:7vw}.hb-newsletter h2{font-size:clamp(35px,4vw,54px);margin:0}.hb-newsletter>div>p:last-child{font-size:13px;color:var(--hb-muted);margin-bottom:0}.hb-signup label{display:block;font-size:11px;margin-bottom:9px}.hb-signup>div{display:flex;border-bottom:1px solid var(--hb-ink)}.hb-signup input{width:100%;min-width:0;border:0;padding:16px 0;background:none;font:14px Arial,sans-serif;border-radius:0}.hb-signup button{border:0;background:none;white-space:nowrap;font:700 10px Arial,sans-serif;padding:16px 0 16px 12px;cursor:pointer}.hb-signup>p{font-size:12px}
.hb-footer{padding:50px 5vw 25px;background:var(--hb-ink);color:var(--hb-paper);display:grid;grid-template-columns:1fr 1fr;gap:40px}.hb-footer p{font-size:11px;color:#bec0b9;margin-top:18px}.hb-footer nav{display:flex;flex-wrap:wrap;gap:16px 24px;align-content:start;font-size:11px}.hb-copyright{grid-column:1/-1;padding-top:25px;border-top:1px solid #444842;font-size:10px;color:#bec0b9}.hb-home a:focus-visible,.hb-nav a:focus-visible,.hb-footer a:focus-visible,.hb-signup button:focus-visible{outline:3px solid #db862c;outline-offset:5px}
@media(max-width:900px){.hb-navlinks{gap:18px}.hb-hero{min-height:550px}.hb-hero-copy{padding:45px 5vw}.hb-hero h1{font-size:54px}.hb-hero-caption{display:block;left:15px;right:15px;bottom:15px;padding:13px}.hb-hero-caption strong{display:block;text-align:left;margin-top:6px}.hb-grid{gap:30px 15px}.hb-card h3{font-size:16px}.hb-card-bottom{flex-wrap:wrap}}
@media(max-width:600px){.hb-nav{padding:20px}.hb-brand{font-size:25px}.hb-navlinks{display:none}.hb-hero{grid-template-columns:1fr}.hb-hero-copy{padding:44px 24px}.hb-hero h1{font-size:54px}.hb-lead{font-size:14px;margin:22px 0}.hb-kicker{font-size:9px!important;margin-bottom:20px!important}.hb-hero-art{aspect-ratio:1;max-height:500px}.hb-hero-caption{display:flex}.hb-hero-caption strong{text-align:right;margin:0}.hb-strip{font-size:8px;letter-spacing:.015em;padding:18px 15px;gap:12px}.hb-shop{padding:58px 18px}.hb-section-head{display:block;margin-bottom:30px}.hb-section-head>p{margin-top:18px}.hb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 13px}.hb-card-meta{padding-top:13px}.hb-card-meta>p{font-size:7px}.hb-card h3{font-size:15px;min-height:38px;margin-bottom:10px}.hb-card-bottom{font-size:10px;gap:10px}.hb-card-bottom a{font-size:8px}.hb-worlds{grid-template-columns:1fr}.hb-world{padding:50px 24px}.hb-story{padding:58px 24px;grid-template-columns:1fr;gap:10px}.hb-story>div{margin-top:18px;font-size:14px}.hb-details{grid-template-columns:1fr;padding:45px 24px;gap:32px}.hb-details h3{margin-top:12px}.hb-newsletter{padding:50px 24px;grid-template-columns:1fr;gap:30px}.hb-footer{padding:45px 24px 25px;grid-template-columns:1fr;gap:25px}.hb-footer nav{gap:18px}.hb-copyright{grid-column:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hb-card-image img{transition:none}}

/* Off Spec Society brand treatment */
.hb-brand{display:block;width:300px;height:44px;flex-shrink:0;overflow:hidden}
.hb-brand img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:multiply}
.hb-button{background:var(--hb-orange)}.hb-button:hover{background:var(--hb-ink)}
.hb-footer{background:#f3f2ed;color:var(--hb-ink)}.hb-footer p,.hb-copyright{color:var(--hb-muted)}.hb-copyright{border-top-color:var(--hb-line)}
.hb-signup button:hover{color:var(--hb-orange)}
@media(max-width:1000px){.hb-brand{width:245px;height:36px}.hb-navlinks{gap:16px;font-size:9px}}
@media(max-width:600px){.hb-brand{width:220px;height:33px}.hb-nav{padding:22px 18px}.hb-footer .hb-brand{width:270px;height:40px}}
@media(max-width:360px){.hb-nav .hb-brand{width:190px;height:29px}.hb-nav{gap:12px}}