:root{--ink:#10110f;--paper:#eeeee7;--accent:#25d9de;--muted:#acaca3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:7px}.skip{position:fixed;top:-100px;z-index:20;background:var(--paper);color:var(--ink);padding:15px}.skip:focus{top:10px}header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #ffffff20}.wordmark{font-size:20px;font-weight:900;letter-spacing:-1px}.wordmark span{font-size:9px;font-weight:400;letter-spacing:1.5px;margin-left:16px;color:var(--muted)}nav{display:flex;gap:36px;font-size:12px}nav span{color:var(--accent);margin-left:14px}.hero{min-height:750px;height:calc(100svh - 90px);max-height:1120px;position:relative;isolation:isolate;overflow:hidden}.hero-photo,.shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero-photo{object-position:62% 50%}.shade{z-index:-1;background:linear-gradient(90deg,#080b0dcc 0%,#080b0d55 40%,transparent 72%),linear-gradient(0deg,#0b0d0ecc,transparent 22%)}.hero-copy{padding:65px 5% 110px;max-width:760px}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:2.6px;font-weight:700;margin:0 0 24px;color:var(--accent)}h1,h2,p{margin-top:0}h1{font-size:clamp(64px,6.8vw,112px);line-height:.91;letter-spacing:-5px;font-weight:900;margin-bottom:27px}em{font-style:normal;color:var(--accent)}.intro{font-size:16px;line-height:1.6;color:#deded9}.button{margin-top:15px;display:inline-flex;justify-content:space-between;gap:48px;align-items:center;background:var(--paper);color:var(--ink);padding:19px 23px;font-size:12px;font-weight:700}.button:hover{background:var(--accent)}.hero-foot{position:absolute;bottom:26px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.8px;color:#d2d2cd}.culture{padding:78px 7% 100px;background:var(--paper);color:var(--ink)}.section-top{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid #20231c40;padding-top:20px;margin-bottom:56px}.culture .eyebrow{color:#676b5d}.section-top>span{font-size:9px;letter-spacing:2px}.culture-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:8%}h2{font-weight:900;letter-spacing:-3px;line-height:.95;font-size:clamp(45px,5.4vw,84px);margin-bottom:0}.culture h2 em{color:#33767a}.culture-copy{max-width:380px;padding-top:5px}.big-copy{font-size:26px;line-height:1.35;letter-spacing:-.6px}.culture-copy>p:not(.big-copy){font-size:14px;line-height:1.8;color:#5c6055}.text-link{display:flex;justify-content:space-between;border-bottom:1px solid #20231c40;padding:24px 0 13px;font-size:12px;font-weight:bold}.gallery{padding:70px 5%}.gallery .section-top{border-color:#ffffff30;margin-bottom:28px}.gallery h2{font-size:27px;letter-spacing:-1px}.gallery .eyebrow{margin:0}.photo-button{display:block;width:100%;position:relative;padding:0;border:0;background:#222;cursor:zoom-in;text-align:left;color:white}.photo-button img{width:100%;display:block;aspect-ratio:16/8;object-fit:cover}.photo-caption{position:absolute;bottom:0;left:0;right:0;padding:50px 25px 22px;display:flex;justify-content:space-between;background:linear-gradient(transparent,#000b);font-size:10px;letter-spacing:1.8px}.closing{text-align:center;padding:55px 5% 100px}.closing h2{font-size:clamp(55px,7vw,104px)}.closing>a{display:inline-block;margin-top:35px;font-size:11px;border-bottom:1px solid #777;padding-bottom:9px}footer{border-top:1px solid #ffffff25;padding:32px 5%;display:flex;justify-content:space-between;align-items:center;gap:30px}footer p{font-size:10px;line-height:1.7;color:var(--muted);margin:0}dialog{border:1px solid #555;background:var(--ink);color:white;padding:50px 12px 12px;width:min(1200px,95vw)}dialog::backdrop{background:#000d}dialog img{width:100%;display:block}dialog button{position:absolute;right:14px;top:12px;color:white;background:transparent;border:0;cursor:pointer} @media(max-width:700px){header{height:74px;padding:0 6%}.wordmark{font-size:17px}.wordmark span{display:none}nav{gap:20px;font-size:11px}nav span{display:none}.hero{height:auto;min-height:800px}.hero-photo{object-position:65% bottom;height:57%;top:auto}.shade{background:linear-gradient(180deg,#10110f 0%,#10110f 35%,transparent 70%),linear-gradient(0deg,#10110f99,transparent 30%)}.hero-copy{padding:40px 6% 360px}h1{font-size:clamp(55px,13vw,86px);letter-spacing:-3px}.intro{font-size:14px}.hero-foot{font-size:8px;left:6%;right:6%;gap:20px}.hero-foot>span:nth-child(2){display:none}.culture{padding:50px 6% 60px}.section-top{margin-bottom:35px}.section-top>span{display:none}.culture-grid{grid-template-columns:1fr;gap:35px}.culture h2{font-size:58px}.big-copy{font-size:24px}.gallery{padding:45px 6%}.gallery .section-top{display:block}.gallery h2{font-size:26px;margin-top:16px}.photo-button img{aspect-ratio:4/3;object-position:65%}.photo-caption{font-size:8px;padding:45px 12px 14px;gap:15px}.closing{padding:35px 6% 65px}footer{align-items:flex-start;flex-direction:column;padding:25px 6%;gap:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@media(max-width:700px){.closing h2{font-size:clamp(34px,10.5vw,64px);letter-spacing:-2px}}

header{height:100px}.wordmark{display:inline-flex;align-items:center}.street-logo{position:relative;display:inline-block!important;width:142px;height:79px;overflow:hidden;flex-shrink:0;vertical-align:middle;margin:0!important}.street-logo img{position:absolute;width:648px!important;max-width:none!important;height:648px!important;left:-133.2px;top:0;mix-blend-mode:screen}.hazle-logo{position:relative;display:inline-block;width:186px;height:47px;overflow:hidden}.hazle-logo img{position:absolute;width:648px!important;max-width:none!important;height:648px!important;left:-367.2px;top:-7.2px;mix-blend-mode:screen}.hero{height:650px;min-height:0;max-height:none}.hero-copy{padding-top:85px;max-width:860px}h1{font-size:clamp(56px,6.2vw,90px);letter-spacing:-4px}.hero-photo{object-position:65% 60%}.hero-foot{bottom:22px}.brand-pair{display:flex;align-items:center;gap:22px}.brand-plus{color:#888}.builder{font-size:11px;color:#aaa}.builder strong{color:#eee;font-weight:500}.closing{padding-bottom:65px}#ignition{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;border:0;padding:0;background:radial-gradient(ellipse at 50% 40%,#213137ed,#0a0e11f8 65%);color:#f0f3f2}#ignition::backdrop{background:#080a0df5}.ignition-panel{min-height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:25px;text-align:center}.ignition-panel>.street-logo{margin-bottom:28px!important}.ignition-panel .eyebrow{margin-bottom:14px}.ignition-panel h2{font-size:clamp(25px,5vw,45px);letter-spacing:-1.5px;margin-bottom:38px}#start-engine{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:174px;height:174px;flex-shrink:0;border-radius:50%;border:8px solid #839398;background:radial-gradient(circle at 40% 25%,#3a4549,#111719 65%);color:#e6ecec;box-shadow:0 0 0 3px #161e22,0 0 0 6px #39474c,0 15px 35px #0009,inset 0 2px 4px #ffffff40;cursor:pointer;transition:transform .15s,box-shadow .2s}#start-engine:hover{box-shadow:0 0 0 3px #161e22,0 0 0 6px #4b666b,0 0 30px #25d9de30,inset 0 2px 4px #ffffff40}#start-engine:active{transform:scale(.97)}#start-engine span{font-size:11px;letter-spacing:3px;margin-bottom:8px}#start-engine strong{font-size:26px;line-height:1.1;font-weight:500;letter-spacing:2px}#start-engine i{width:30px;height:3px;background:var(--accent);margin-top:12px;box-shadow:0 0 10px var(--accent)}.start-hint{font-size:12px;color:#9daaad;margin:27px 0}.start-options{display:flex;align-items:center;gap:24px;font-size:11px;color:#aab6b9}.start-options button{position:static;border:0;background:none;color:inherit;font-size:11px;cursor:pointer}.start-options input{accent-color:var(--accent);vertical-align:middle}#ignition.leaving{opacity:0;transition:opacity .45s}.site-enter{animation:siteIn .5s ease-out}@keyframes siteIn{from{filter:brightness(.5)}to{filter:brightness(1)}}@media(max-width:700px){header{height:86px}.street-logo{width:119px;height:66px}.street-logo img{width:540px!important;height:540px!important;left:-111px}.hero{height:680px}.hero-copy{padding:30px 6% 0}h1{font-size:clamp(43px,11vw,66px);letter-spacing:-2.5px}.hero-photo{height:58%;object-position:64% bottom}.hero .shade{background:linear-gradient(180deg,#10110f 0%,#10110f 25%,transparent 67%),linear-gradient(0deg,#10110faa,transparent 25%)}.intro{font-size:13px}.button{padding:15px 18px;margin-top:2px}.hero-foot{font-size:7px}.brand-pair{gap:12px}.hazle-logo{width:155px;height:39px}.hazle-logo img{width:540px!important;height:540px!important;left:-306px;top:-6px}footer{gap:20px}.culture h2{font-size:clamp(44px,12vw,58px)}}@media(prefers-reduced-motion:reduce){#ignition.leaving{transition:none}.site-enter{animation:none}#start-engine{transition:none}}
.street-logo,.hazle-logo{mix-blend-mode:screen}#start-engine{top:auto;right:auto}.start-options button{top:auto;right:auto}

.street-logo,.hazle-logo{mix-blend-mode:normal}.street-logo img,.hazle-logo img{mix-blend-mode:normal;filter:url(#logo-ink)}.gallery-home{padding:52px 5% 0}.gallery-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:35px;scroll-margin-top:20px}.gallery-heading h1{font-size:clamp(45px,5.1vw,76px);margin:0;letter-spacing:-3px}.gallery-heading .eyebrow{margin-bottom:20px}.gallery-intro{font-size:14px;color:#aeb8b7;line-height:1.8;max-width:300px;margin-bottom:4px}.cover-gallery img{aspect-ratio:2.25;object-position:center 62%}.gallery-index{display:flex;justify-content:space-between;padding:20px 0 40px;font-size:9px;letter-spacing:1.5px;color:#8b9998}.events-section,.store-section{padding:75px 7%;display:grid;grid-template-columns:1.25fr 1fr;gap:10%}.events-section{background:var(--paper);color:var(--ink)}.events-section .eyebrow{color:#426669}.events-section h2 em{color:#33767a}.events-section h2,.store-section h2{font-size:clamp(40px,4.5vw,68px);letter-spacing:-2.5px}.section-detail>p:not(.big-copy){font-size:14px;line-height:1.8;max-width:340px;color:#7c8887}.events-section .section-detail>p:not(.big-copy){color:#5e6866}.status-label{display:inline-block;border-top:1px solid #8b999850;padding:18px 0 0;margin-top:8px;font-size:11px;letter-spacing:.4px}.store-brand{margin-bottom:22px!important}.store-section{border-bottom:1px solid #ffffff15}.store-section .big-copy{margin-bottom:12px}.brand-pair{gap:20px}footer{border:0;padding-top:22px;padding-bottom:22px}@media(max-width:700px){header{padding:0 5%}nav{gap:16px;font-size:11px}.gallery-home{padding:32px 5% 0}.gallery-heading{display:block;margin-bottom:25px}.gallery-heading h1{font-size:clamp(37px,10vw,60px);letter-spacing:-2px}.gallery-intro{margin:22px 0 0;font-size:13px}.cover-gallery img{aspect-ratio:1.1;object-position:65% 60%}.gallery-index{font-size:7px;gap:15px;padding-bottom:32px}.events-section,.store-section{padding:45px 6%;grid-template-columns:1fr;gap:30px}.events-section h2,.store-section h2{font-size:clamp(37px,10vw,60px)}.store-brand{margin-bottom:18px!important}}

.gallery-welcome{max-width:350px}.gallery-welcome .gallery-intro{font-size:15px;line-height:1.7;margin:0 0 22px}.gallery-actions{display:flex;gap:22px;flex-wrap:wrap}.gallery-actions a{font-size:11px;border-bottom:1px solid #708a8980;padding-bottom:10px;white-space:nowrap}.gallery-actions span{color:var(--accent);margin-left:10px}.gallery-actions a:hover{color:var(--accent)}@media(max-width:700px){.gallery-welcome{margin-top:23px}.gallery-welcome .gallery-intro{font-size:13px;margin-bottom:18px}.gallery-actions{gap:25px}.gallery-index{letter-spacing:.8px}}

.meet-hero{position:relative;isolation:isolate;padding:70px 5% 28px;min-height:610px}.meet-photo,.meet-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-2;object-fit:cover;object-position:center 60%}.meet-shade{z-index:-1;background:linear-gradient(90deg,#090e11e8,#090e1170 55%,#090e11aa),linear-gradient(0deg,#10110f,transparent 40%)}.meet-anchor{position:absolute;top:0}.meet-layout{display:grid;grid-template-columns:1.3fr .8fr;gap:7%;align-items:center}.meet-copy h1{font-size:clamp(50px,5.3vw,82px);letter-spacing:-3px;line-height:.97;margin:0 0 24px}.meet-copy>p:not(.eyebrow){font-size:16px;line-height:1.8;color:#d5dddc}.meet-copy .button{background:var(--accent)}.meet-card{padding:32px;background:#101c20ef;border:1px solid #74999a50;max-width:410px;scroll-margin-top:30px}.meet-card h2{font-size:43px;letter-spacing:-1.7px;line-height:1;margin-bottom:26px}.meet-card .eyebrow{font-size:9px;margin-bottom:20px}.announcement{display:flex;align-items:center;gap:10px;font-size:12px;border-top:1px solid #ffffff25;padding-top:22px}.announcement-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;flex-shrink:0}.meet-note{font-size:12px;line-height:1.75;color:#9dacaf;margin:14px 0 23px}.meet-card details{border-top:1px solid #ffffff25;padding-top:17px}.meet-card summary{cursor:pointer;font-size:12px;list-style:none;display:flex;justify-content:space-between}.meet-card summary::-webkit-details-marker{display:none}.meet-card summary span{color:var(--accent)}.meet-card details p{font-size:12px;line-height:1.8;color:#aab7b7;margin:15px 0 0}.meet-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:60px;padding-top:23px;border-top:1px solid #ffffff25;font-size:9px;letter-spacing:1.1px}.meet-bottom a{color:var(--accent)}.gallery-heading h2{font-size:clamp(38px,4.5vw,65px);letter-spacing:-2.5px;line-height:.95}.gallery-home{padding-top:65px}.cover-gallery img{aspect-ratio:2.65}.gallery-actions a:first-child{display:none}@media(max-width:700px){.meet-hero{padding:38px 6% 25px}.meet-layout{grid-template-columns:1fr;gap:32px}.meet-copy h1{font-size:clamp(41px,11.3vw,67px);letter-spacing:-2px}.meet-copy>p:not(.eyebrow){font-size:14px}.meet-card{max-width:none;padding:26px}.meet-card h2{font-size:36px}.meet-photo{object-position:62% 30%}.meet-shade{background:linear-gradient(180deg,#090e11c0,#090e11a0 35%,#10110f 75%)}.meet-bottom{margin-top:32px;font-size:8px;line-height:1.7}.meet-bottom>span{max-width:140px}.gallery-home{padding-top:40px}.gallery-heading h2{font-size:clamp(34px,9.5vw,55px)}.cover-gallery img{aspect-ratio:1.3}}

.gallery-home{padding:45px 5% 0;background:#17201f}.gallery-heading h2{font-size:clamp(34px,3.7vw,53px)}.cover-gallery{max-width:950px;margin:0 auto}.cover-gallery img{aspect-ratio:3.1}.gallery-index{max-width:950px;margin:0 auto;padding-bottom:35px}.gallery-heading{margin-bottom:25px}.store-section{padding-top:70px;padding-bottom:70px}@media(max-width:700px){nav{gap:13px;font-size:10px}.gallery-home{padding:35px 6% 0}.cover-gallery img{aspect-ratio:1.8}.gallery-heading h2{font-size:38px}.store-section{padding-top:45px;padding-bottom:45px}}

.merch-store{display:block;padding:65px 5%;background:#eeeee7;color:#111714}.merch-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:35px}.merch-heading .eyebrow{color:#426669}.merch-heading h2{font-size:clamp(40px,4.2vw,65px)}.merch-heading h2 em{color:#267b7f}.merch-heading>p{font-size:14px;line-height:1.7;color:#5f6b65;margin:0}.merch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.product-art{position:relative;aspect-ratio:1;overflow:hidden;background:#e0e0dc}.product-sheet{position:absolute;width:200%;height:200%;max-width:none;top:0;left:0}.product-cap .product-sheet{left:-100%}.product-lanyard .product-sheet{top:-100%}.product-sticker .product-sheet{left:-100%;top:-100%}.product-info{padding:18px 0 0}.product-info h3{font-size:17px;letter-spacing:-.4px;margin:0 0 7px}.product-info p{font-size:11px;color:#64716a;margin:0}.product-logo{position:absolute;left:50%;top:39%;width:85px;height:48px;transform:translate(-50%,-50%);display:block}.product-logo .street-logo{transform:scale(.6);transform-origin:top left;width:142px;height:79px}.product-logo .street-logo img{width:648px!important;height:648px!important;left:-133.2px!important;top:0}.product-cap .product-logo{top:47%;left:47%;transform:translate(-50%,-50%) rotate(-8deg) scale(.64)}.product-lanyard .product-logo{top:73%;transform:translate(-50%,-50%) scale(.47)}.product-sticker .product-logo{top:49%;transform:translate(-50%,-50%) rotate(-9deg) scale(1.12)}@media(max-width:850px){.merch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}}@media(max-width:700px){.merch-store{padding:42px 6%}.merch-heading{display:block;margin-bottom:28px}.merch-heading h2{font-size:37px}.merch-heading>p{margin-top:20px;font-size:13px}.product-info h3{font-size:15px}.product-logo{transform:translate(-50%,-50%) scale(.65)}.product-cap .product-logo{transform:translate(-50%,-50%) rotate(-8deg) scale(.43)}.product-lanyard .product-logo{transform:translate(-50%,-50%) scale(.32)}.product-sticker .product-logo{transform:translate(-50%,-50%) rotate(-9deg) scale(.72)}}

/* Product-sized branding, proportional to each mockup rather than fixed pixels. */
.product-logo{left:50%;top:39%;width:38%;height:auto;aspect-ratio:237/132;transform:translate(-50%,-50%)}
.product-logo .street-logo{display:block!important;width:100%!important;height:100%!important;transform:none!important;position:relative;aspect-ratio:237/132}
.product-logo .street-logo img{width:455.696%!important;height:auto!important;left:-93.671%!important;top:0!important}
.product-cap .product-logo{top:44%;left:49%;width:35%;transform:translate(-50%,-50%) rotate(-7deg)}
.product-lanyard .product-logo{top:73%;left:59%;width:37%;transform:translate(-50%,-50%) rotate(-8deg) scaleY(.82)}
.product-sticker .product-logo{top:49%;left:51%;width:65%;transform:translate(-50%,-50%) rotate(-5deg) scaleY(.82)}


.product-tee .product-logo{width:43%;top:40%;mix-blend-mode:screen;opacity:.94}
.product-cap .product-logo{width:36%;top:44%;mix-blend-mode:screen;opacity:.92}
.product-lanyard .product-logo{width:37%;top:73%;mix-blend-mode:screen;opacity:.94}
.product-sticker .product-logo{width:66%;top:49%;filter:contrast(1.05)}


/* Three approved products. */
.merch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:700px){.merch-grid{grid-template-columns:1fr;gap:30px}.merch-card{width:100%;max-width:430px;margin-inline:auto}}

.cover-gallery img{object-position:center 88%}