:root{--orange:#ff681c;--bg:#0b0b0c;--txt:#f8f4ee;--muted:#b5aeaa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--txt);font:16px 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer}img{max-width:100%}.wrap{max-width:1260px;margin:auto;padding:0 40px}header{height:88px;display:flex;align-items:center;gap:40px;padding:0 max(4vw,24px);border-bottom:1px solid #ffffff25;background:#0b0b0cf5;position:sticky;top:0;z-index:10;backdrop-filter:blur(15px)}.brand{display:flex;align-items:center;gap:10px;font:900 24px 'Barlow Condensed',sans-serif;letter-spacing:.6px;line-height:.8;white-space:nowrap}.brand img{width:54px;height:54px;object-fit:contain;border-radius:50%}.brand em{color:var(--orange);font-style:normal}.brand small{display:block;font-size:12px;letter-spacing:5px;margin-top:6px}nav{display:flex;align-items:center;gap:34px;margin-left:auto}nav a,.follow,.index,.eyebrow,.minor,.tag,.host small,.host .num,.culturegrid small,.handle{font-size:12px;letter-spacing:2px;font-weight:800}nav a:hover,.simple:hover,.line-link:hover{color:var(--orange)}.follow{background:var(--orange);color:#111;padding:16px 20px;white-space:nowrap}#menubtn{display:none;background:transparent;color:#fff;border:0;font-size:25px}.hero{min-height:675px;background:linear-gradient(115deg,#090909 10%,#1b0d09 72%,#0b0b0c 100%);position:relative;overflow:hidden}.hero:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 85% 55%,#ff5a0a22,transparent 55%),repeating-linear-gradient(0deg,transparent 0 5px,#00000014 6px 7px);pointer-events:none}.hero-inner{max-width:1360px;margin:auto;padding:70px 50px 85px;display:grid;grid-template-columns:52% 48%;align-items:center;min-height:675px;position:relative;z-index:1}.hero h1,h2,.host h3,.culturegrid h3,.sticker,.contact h2{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;line-height:.88;letter-spacing:-2px}.hero h1{font-size:clamp(70px,8vw,140px);margin:38px 0 24px}.hero h1 span{color:#ddd2ca}.hero h1 b,h2 em{color:var(--orange);font-style:normal}.hero-text>p:not(.tag){line-height:1.8;max-width:480px;color:#c8c0bb}.eyebrow{color:var(--orange)}.eyebrow span{color:#c6bcb5;margin-left:15px}.tag{border-left:4px solid var(--orange);padding:10px 0 10px 18px;margin:20px 0}.actions{display:flex;gap:30px;align-items:center;flex-wrap:wrap;margin:32px 0 52px}.btn{display:inline-block;background:var(--orange);color:#080808;padding:17px 26px;font-size:13px;letter-spacing:1px;font-weight:900}.btn:hover,.follow:hover{background:#ff8e45}.simple,.line-link{font-weight:800;font-size:13px;letter-spacing:1px}.minor{color:#93867d}.hero-art{min-height:555px;position:relative;display:grid;place-items:center}.hero-bandana{position:absolute;inset:4%;transform:rotate(-8deg);background:linear-gradient(#0005,#0005),url('bandana.webp') center/cover;clip-path:polygon(4% 6%,92% 0,100% 82%,18% 100%);box-shadow:0 0 95px #fd511833}.hero-art:before{content:'';position:absolute;border:2px solid #ff742933;border-radius:50%;width:490px;height:490px;max-width:90%;box-shadow:0 0 80px #ff6e2522}.hero-art .mic{position:absolute;width:79%;max-width:485px;filter:drop-shadow(0 20px 20px #000)}.hero-art .biglogo{position:absolute;width:62%;max-width:380px;bottom:-30px;right:-4%;border-radius:50%;filter:drop-shadow(0 15px 15px #000)}.stamp{position:absolute;right:1%;top:12%;font:900 70px 'Barlow Condensed';color:var(--orange);transform:rotate(10deg)}.stamp small{font-size:20px;color:#fff}.ticker{overflow:hidden;white-space:nowrap;background:var(--orange);color:#0a0a0a;font:900 28px 'Barlow Condensed';letter-spacing:3px;padding:17px 0}.ticker div{width:max-content;animation:marquee 25s linear infinite}@keyframes marquee{to{transform:translateX(-36%)}}.section{padding:110px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.index{color:var(--orange)}h2{font-size:clamp(58px,6.5vw,105px);margin:20px 0 30px}section p{color:#bfb9b6;line-height:1.8}.about h3{font-size:22px;max-width:500px}.about p{max-width:500px}.line-link{display:inline-block;margin-top:20px;border-bottom:2px solid var(--orange);padding-bottom:12px}.about-visual{position:relative;padding:30px;background:url('bandana.webp') center/cover;border:1px solid #f8823d50;transform:rotate(1deg)}.about-visual img{display:block;width:100%;aspect-ratio:1.2;object-fit:cover;filter:grayscale(.4)}.sticker{position:absolute;bottom:-25px;right:-22px;background:var(--orange);padding:25px;color:#0b0b0b;font-size:26px;transform:rotate(5deg);text-align:center}.sticker b,.sticker small{display:block}.sticker small{font:900 11px 'DM Sans';margin-top:10px}.crew{background:#121213}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:20px}.sectionhead p{font-size:12px;letter-spacing:2px;font-weight:800}.hostgrid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:18px}.host{height:470px;position:relative;background:#222;overflow:hidden;border:1px solid #4b362e}.host.lead{border-bottom:5px solid var(--orange)}.host img{height:100%;width:100%;object-fit:cover;object-position:top center;filter:grayscale(.27) contrast(1.12);transition:transform .4s}.host:hover img{transform:scale(1.05)}.host:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#050505 0%,transparent 65%)}.host .num,.hosttitle{position:absolute;z-index:1}.host .num{left:22px;top:24px;background:#0a0a0ac9;padding:9px}.hosttitle{bottom:23px;left:25px;right:15px}.hosttitle small{color:var(--orange)}.host h3{font-size:54px;letter-spacing:-1px;margin:8px 0}.host h3 span{color:var(--orange)}.host p{margin:0;font-size:13px}.culturegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.culturegrid article{min-height:370px;position:relative;overflow:hidden;background:#242424}.culturegrid img{position:absolute;width:100%;height:100%;object-fit:cover;filter:brightness(.68)}.culturegrid article:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#080808 0%,transparent 85%)}.culturegrid article>div{position:absolute;z-index:1;left:25px;bottom:22px}.culturegrid h3{font-size:43px;margin:12px 0 0}.culturegrid small{color:var(--orange)}.social{background:#141110}.social .wrap>div:first-child>p{max-width:490px}.handle{color:#fff;font-size:19px;margin:28px 0}.phonewrap{display:grid;place-items:center;min-height:480px;background:linear-gradient(130deg,#9b3a13,#120e0b),url('bandana.webp') center/cover;border:1px solid #ff6b1e65}.phone{max-width:250px;height:445px;object-fit:cover;object-position:top;border:9px solid #080808;border-radius:32px;box-shadow:15px 25px 60px #0009}.contact{padding:115px 0;text-align:center;color:#111;background:linear-gradient(#ff681ce6,#ff681ce6),url('bandana.webp') center/cover}.contact .index{color:#111}.contact h2{font-size:clamp(76px,10vw,150px);margin:20px 0}.contact h2 span{color:#fff}.contact p{color:#1d100c}.btn.dark{background:#090909;color:white}.btn.dark:hover{background:#2a1812}footer{padding:60px 0 25px;background:#070707}.foot{display:grid;grid-template-columns:140px 1fr 1fr;gap:35px;align-items:center}.foot img{width:125px;border-radius:50%}.foot h3{font:900 40px/.95 'Barlow Condensed';margin:0}.foot p{font-size:11px;letter-spacing:2px}.foot>div:last-child{display:flex;flex-direction:column;gap:15px;font-weight:900;font-size:12px;letter-spacing:1px;align-items:end}.copyright{color:#777;border-top:1px solid #444;margin-top:42px;padding-top:20px;font-size:11px;letter-spacing:2px}@media(max-width:950px){header{gap:10px;justify-content:space-between}header .top{display:none}#menubtn{display:block}nav{display:none;position:absolute;top:88px;left:0;right:0;padding:30px;background:#0d0d0e;flex-direction:column;align-items:start;border-bottom:2px solid var(--orange)}nav.open{display:flex}.hero-inner{grid-template-columns:1fr;padding:55px 25px}.hero h1{font-size:clamp(64px,12vw,115px)}.hero-art{min-height:490px;max-width:590px;width:100%;margin:auto}.split{gap:38px}.host h3{font-size:40px}}@media(max-width:650px){.wrap{padding:0 22px}header{height:74px;padding:0 18px}nav{top:74px}.brand{font-size:20px}.brand img{width:42px;height:42px}.hero-inner{padding:40px 22px 55px}.hero h1{font-size:clamp(56px,12vw,82px);letter-spacing:-1px}.eyebrow{font-size:10px}.eyebrow span{display:block;margin:10px 0 0}.hero-art{min-height:350px}.hero-art .mic{width:75%}.hero-art .biglogo{bottom:0;right:0}.stamp{font-size:42px}.section{padding:74px 0}.split{grid-template-columns:1fr;gap:55px}.sectionhead{display:block}.hostgrid{grid-template-columns:1fr}.host{height:430px}.host.lead{height:470px}.culturegrid{grid-template-columns:1fr}.culturegrid article{min-height:330px}.phonewrap{min-height:460px}.contact{padding:85px 0}.contact h2{font-size:70px}.foot{grid-template-columns:1fr 1fr}.foot img{width:90px}.foot>div:last-child{grid-column:1 / -1;align-items:start}.sticker{right:-12px}.ticker{font-size:23px}}

/* October 2026 approved artwork: a single cohesive hero graphic, not layered cutouts. */
.hero-art{min-height:0;display:flex;align-items:center;justify-content:center;width:100%;margin:0 auto;isolation:isolate}
.hero-art:before{display:none}
.hero-art .hero-feature{display:block;width:min(100%,575px);height:auto;aspect-ratio:4/5;object-fit:contain;filter:drop-shadow(0 15px 36px rgba(0,0,0,.5))}
/* Keep the vivid orange brand backgrounds in all three host portraits. */
.host img{filter:contrast(1.03) saturate(1.04);object-position:center top}
@media(max-width:950px){.hero-art{max-width:590px;min-height:0;margin:12px auto 0}}
@media(max-width:650px){.hero-art{min-height:0}.hero-art .hero-feature{width:min(100%,480px)}}

/* Store teaser — the merch has a proper dedicated store page. */
.merch-teaser{padding:94px 0;background:radial-gradient(ellipse at 88% 48%,#80320e40,transparent 48%),#110f0e;border-top:1px solid #34231b;border-bottom:1px solid #34231b;overflow:hidden}
.merch-teaser-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center}
.merch-teaser .index{color:var(--orange)}
.merch-teaser h2{font-size:clamp(71px,8vw,128px);margin:18px 0 24px}
.merch-teaser h2 em{color:var(--orange);font-style:normal}
.merch-teaser-copy>p:not(.index){font-size:15px;color:#c5b7af;max-width:490px;line-height:1.75}
.merch-teaser-action{display:flex;align-items:center;gap:23px;margin-top:28px;flex-wrap:wrap}
.merch-teaser-action>span{font-size:11px;font-weight:800;letter-spacing:1.6px;color:#edb28a}
.merch-teaser-copy>small{display:block;margin-top:17px;font-size:11px;color:#988b83}
.merch-teaser-visual{aspect-ratio:1/.91;position:relative;display:grid;place-items:center;background:radial-gradient(circle at center,#303032,#171515 73%);border:1px solid #5c3520;overflow:hidden}
.merch-teaser-visual:before{content:'';position:absolute;inset:10%;border-radius:50%;border:1px solid #ff681c38}
.merch-teaser-tee{display:block;width:95%;height:100%;object-fit:contain;filter:drop-shadow(0 20px 15px #0007);transform:scale(.92);transition:transform .3s}
.merch-teaser-logo{position:absolute;width:24%;left:50%;top:40%;transform:translate(-50%,-50%);border-radius:50%;filter:drop-shadow(0 2px 1px #000a)}
.merch-teaser-visual:hover .merch-teaser-tee{transform:scale(.97)}
.merch-teaser-stamp{position:absolute;right:18px;top:19px;color:#f8f4ee;font:900 13px 'Barlow Condensed',Impact,sans-serif;letter-spacing:2px;display:flex;flex-direction:column}
.merch-teaser-stamp strong{font-size:36px;color:var(--orange);line-height:1.05;letter-spacing:0}
@media(min-width:951px) and (max-width:1190px){header{gap:18px;padding:0 24px}nav{gap:17px}nav a{letter-spacing:1px;font-size:11px}}
@media(max-width:680px){.merch-teaser{padding:67px 0}.merch-teaser-inner{grid-template-columns:1fr;gap:35px}.merch-teaser h2{font-size:clamp(70px,14vw,96px)}.merch-teaser-visual{max-width:540px}.merch-teaser-action{gap:15px}.merch-teaser-copy>small{line-height:1.5}}


/* Match the merch teaser to the approved shirt photography in the store. */
.merch-teaser-visual {
  aspect-ratio: 4 / 5;
  background: #fff;
}
.merch-teaser-visual::before { display: none; }
.merch-teaser-photo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform .3s ease;
}
.merch-teaser-visual:hover .merch-teaser-photo { transform: scale(1.025); }
.merch-teaser-stamp {
  background: rgba(15,15,15,.9);
  border-left: 3px solid var(--orange);
  padding: 10px 14px;
}
@media (prefers-reduced-motion: reduce) {
  .merch-teaser-visual:hover .merch-teaser-photo { transform: none; }
}