@font-face{font-family:Inter;src:url('fonts/inter-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url('fonts/inter-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url('fonts/inter-900.woff2') format('woff2');font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:'Permanent Marker';src:url('fonts/permanent-marker-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}

:root{--ink:#070707;--panel:#0d0d0d;--paper:#f0ebe3;--muted:#b9b0a5;--gold:#d4af6a;--pink:#ef7e9f;--line:rgba(212,175,106,.36)}
html{background:var(--ink)}
body{background:var(--ink);font-family:Inter,Arial,sans-serif;color:var(--paper);line-height:1.6}
body::before{opacity:.025}
h1,h2{letter-spacing:-.02em;line-height:1.02}
h1{font-size:clamp(3rem,5.4vw,4.8rem)}
h2{font-size:clamp(2.4rem,4.5vw,3.9rem)}
p{line-height:1.6}
.section{position:relative;isolation:isolate}
.button,.card,.product,.contact a,.live-menu a,.challenge-grid article,.sponsor-grid article{transition:color .35s,background-color .35s,border-color .35s,transform .55s cubic-bezier(.16,1,.3,1)}
.button,.card,.productpic,.contact a,.live-menu a,.challenge-grid article,.sponsor-grid article,.rabbit-img{box-shadow:none!important;border-width:1px}

/* Complete, full-frame hero treatment */
.hero,.pagehero,.school-hero{min-height:760px;position:relative;overflow:hidden;isolation:isolate}
.hero-bg,.pagehero-bg,.schoolhero-bg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;z-index:-2!important}
.hero::after,.pagehero::after,.school-hero::after{display:block!important;content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#070707 0%,rgba(7,7,7,.94) 31%,rgba(7,7,7,.38) 66%,rgba(7,7,7,.12)),linear-gradient(0deg,rgba(7,7,7,.86),transparent 42%)}
.hero .copy,.pagehero>div{max-width:680px}
.pagehero{padding-top:190px}
.pagehero>div>p:last-child,.copy>p:not(.eyebrow){color:#ded7ce}

/* High-resolution founding collections */
.collection-hero{min-height:760px;grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);gap:5vw;padding-top:130px}
.collection-hero .rabbit-img{aspect-ratio:3/2!important;height:auto!important;background:#090909;border-color:var(--line);overflow:hidden}
.collection-hero .rabbit-img img{width:100%;height:100%!important;object-fit:contain!important;object-position:center!important}
.collection-hero h1{font-size:clamp(3.4rem,6vw,5.5rem)}
.products{background:linear-gradient(180deg,#0d0d0d,#080808);gap:52px 18px}
.productpic{background-color:#101010;background-repeat:no-repeat;background-size:cover!important;background-position:center!important}
.product:hover{transform:translateY(-5px)}
.product:hover .productpic{border-color:var(--gold)}

[data-collection="horchata"]{--p1:url('img/products/horchata-1.webp');--p2:url('img/products/horchata-2.webp');--p3:url('img/products/horchata-3.webp');--p4:url('img/products/horchata-4.webp');--p5:url('img/products/horchata-5.webp');--p6:url('img/products/horchata-6.webp')}
[data-collection="silly-rabbit"]{--p1:url('img/products/silly-rabbit-1.webp');--p2:url('img/products/silly-rabbit-2.webp');--p3:url('img/products/silly-rabbit-3.webp');--p4:url('img/products/silly-rabbit-4.webp');--p5:url('img/products/silly-rabbit-5.webp');--p6:url('img/products/silly-rabbit-6.webp')}
[data-collection="average-bear"]{--p1:url('img/products/average-bear-1.webp');--p2:url('img/products/average-bear-2.webp');--p3:url('img/products/average-bear-3.webp');--p4:url('img/products/average-bear-4.webp');--p5:url('img/products/average-bear-5.webp');--p6:url('img/products/average-bear-6.webp')}
[data-collection="jealous-panda"]{--p1:url('img/products/jealous-panda-1.webp');--p2:url('img/products/jealous-panda-2.webp');--p3:url('img/products/jealous-panda-3.webp');--p4:url('img/products/jealous-panda-4.webp');--p5:url('img/products/jealous-panda-5.webp');--p6:url('img/products/jealous-panda-6.webp')}
[data-collection="glitchin-cat"]{--p1:url('img/products/glitchin-cat-1.webp');--p2:url('img/products/glitchin-cat-2.webp');--p3:url('img/products/glitchin-cat-3.webp');--p4:url('img/products/glitchin-cat-4.webp');--p5:url('img/products/glitchin-cat-5.webp');--p6:url('img/products/glitchin-cat-6.webp')}
[data-collection="lone-wolf"]{--p1:url('img/products/lone-wolf-1.webp');--p2:url('img/products/lone-wolf-2.webp');--p3:url('img/products/lone-wolf-3.webp');--p4:url('img/products/lone-wolf-4.webp');--p5:url('img/products/lone-wolf-5.webp');--p6:url('img/products/lone-wolf-6.webp')}
[data-collection="no-regrets-reefer"]{--p1:url('img/products/no-regrets-reefer-1.webp');--p2:url('img/products/no-regrets-reefer-2.webp');--p3:url('img/products/no-regrets-reefer-3.webp');--p4:url('img/products/no-regrets-reefer-4.webp');--p5:url('img/products/no-regrets-reefer-5.webp');--p6:url('img/products/no-regrets-reefer-6.webp')}
[data-collection="trust-teddy"]{--p1:url('img/products/trust-teddy-1.webp');--p2:url('img/products/trust-teddy-2.webp');--p3:url('img/products/trust-teddy-3.webp');--p4:url('img/products/trust-teddy-4.webp');--p5:url('img/products/trust-teddy-5.webp');--p6:url('img/products/trust-teddy-6.webp')}
[data-collection="chaos-clown"]{--p1:url('img/products/chaos-clown-1.webp');--p2:url('img/products/chaos-clown-2.webp');--p3:url('img/products/chaos-clown-3.webp');--p4:url('img/products/chaos-clown-4.webp');--p5:url('img/products/chaos-clown-5.webp');--p6:url('img/products/chaos-clown-6.webp')}
[data-collection="broke-flower"]{--p1:url('img/products/broke-flower-1.webp');--p2:url('img/products/broke-flower-2.webp');--p3:url('img/products/broke-flower-3.webp');--p4:url('img/products/broke-flower-4.webp');--p5:url('img/products/broke-flower-5.webp');--p6:url('img/products/broke-flower-6.webp')}
.productpic.p1{background-image:var(--p1)}.productpic.p2{background-image:var(--p2)}.productpic.p3{background-image:var(--p3)}.productpic.p4{background-image:var(--p4)}.productpic.p5{background-image:var(--p5)}.productpic.p6{background-image:var(--p6)}

/* Every collection tile carries its actual visual identity */
.cards .card{padding:0 24px 26px;overflow:hidden;min-height:430px;display:flex;flex-direction:column}
.cards .card::before{content:"";height:255px;margin:0 -24px 22px;background:#0b0b0b center/cover no-repeat;border-bottom:1px solid var(--line)}
.cards .card strong{margin-top:auto}
#misfit-01::before{background-image:url('img/horchata-founding-collection.webp')}
#misfit-03::before{background-image:url('img/average-bear-founding-collection.webp')}
#misfit-04::before{background-image:url('img/jealous-panda-founding-collection.webp')}
#misfit-05::before{background-image:url('img/glitchin-cat-founding-collection.webp')}
#misfit-06::before{background-image:url('img/lone-wolf-founding-collection.webp')}
#misfit-07::before{background-image:url('img/no-regrets-reefer-founding-collection.webp')}
#misfit-08::before{background-image:url('img/trust-teddy-founding-collection.webp')}
#misfit-09::before{background-image:url('img/chaos-clown-founding-collection.webp')}
#misfit-10::before{background-image:url('img/broke-flower-founding-collection.webp')}

/* Editorial images assigned to the sections they explain */
[data-page="home"] .roster-statement{min-height:650px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,#070707 0%,rgba(7,7,7,.92) 43%,rgba(7,7,7,.2)),url('img/school-character-selection.webp') center/cover no-repeat}
[data-page="home"] .roster-statement>*{max-width:53%}
[data-page="home"] .roster-statement .stats{justify-content:flex-start;gap:5vw}
[data-page="home"] .grant-band{background:linear-gradient(90deg,rgba(7,7,7,.96),rgba(7,7,7,.74)),url('img/school-sponsor-drops.webp') center/cover no-repeat}

[data-page="rosterLive"] .live-menu{background:linear-gradient(90deg,rgba(7,7,7,.96),rgba(7,7,7,.55)),url('img/festival-mascot-hunt.webp') center/cover no-repeat}
[data-page="rosterLive"] .live-menu a{background:rgba(10,10,10,.82);backdrop-filter:blur(6px)}
[data-page="rosterLive"] .ventura-cities{min-height:620px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,#070707,rgba(7,7,7,.55)),url('img/ventura-roster-live.webp') center/cover no-repeat}
[data-page="rosterLive"] .livebox{background:linear-gradient(90deg,rgba(7,7,7,.94),rgba(7,7,7,.62)),url('img/school-social-challenge.webp') center/cover no-repeat}

[data-page="schoolBattles"] .season-timeline{background:linear-gradient(90deg,rgba(7,7,7,.96),rgba(7,7,7,.66)),url('img/school-character-selection.webp') center/cover no-repeat}
[data-page="schoolBattles"] main>section:nth-of-type(4){background:linear-gradient(90deg,rgba(7,7,7,.94),rgba(7,7,7,.66)),url('img/school-mascot-performance.webp') center/cover no-repeat}
[data-page="schoolBattles"] main>section:nth-of-type(6){background:linear-gradient(90deg,rgba(7,7,7,.94),rgba(7,7,7,.66)),url('img/school-sponsor-drops.webp') center/cover no-repeat}
[data-page="schoolBattles"] main>section:nth-of-type(7){background:linear-gradient(90deg,rgba(7,7,7,.94),rgba(7,7,7,.55)),url('img/school-social-challenge.webp') center/cover no-repeat}
[data-page="schoolBattles"] .championship{background:linear-gradient(90deg,rgba(7,7,7,.94),rgba(7,7,7,.55)),url('img/championship-school-year-prize.webp') center/cover no-repeat}

[data-page="festivals"] .steps{background:linear-gradient(90deg,rgba(7,7,7,.94),rgba(7,7,7,.48)),url('img/festival-mascot-hunt.webp') center/cover no-repeat}
[data-page="festivals"] .steps article{background:rgba(10,10,10,.84);backdrop-filter:blur(5px)}
[data-page="festivals"] .grant-band{background:linear-gradient(90deg,rgba(7,7,7,.94),rgba(7,7,7,.66)),url('img/school-sponsor-drops.webp') center/cover no-repeat}
[data-page="festivals"] .livebox{background:linear-gradient(90deg,rgba(7,7,7,.96),rgba(7,7,7,.5)),url('img/ventura-roster-live.webp') center/cover no-repeat}

[data-page="sponsors"] .sponsor-grid{background:linear-gradient(90deg,rgba(7,7,7,.96),rgba(7,7,7,.6)),url('img/school-sponsor-drops.webp') center/cover no-repeat}
[data-page="sponsors"] .sponsor-grid article{background:rgba(10,10,10,.86);backdrop-filter:blur(5px)}
[data-page="sponsors"] .grant-band{background:linear-gradient(90deg,rgba(7,7,7,.94),rgba(7,7,7,.58)),url('img/championship-school-year-prize.webp') center/cover no-repeat}
[data-page="sponsors"] .livebox{background:linear-gradient(90deg,rgba(7,7,7,.94),rgba(7,7,7,.64)),url('img/school-sponsor-drops.webp') center/cover no-repeat}

[data-page="story"] .values{min-height:620px;align-items:end;background:linear-gradient(90deg,rgba(7,7,7,.74),rgba(7,7,7,.9)),url('img/misfit-design-studio.webp') center/cover no-repeat}
[data-page="story"] .values article{background:rgba(10,10,10,.82);backdrop-filter:blur(5px)}
[data-page="contact"] .contact{min-height:680px;align-content:center;background:linear-gradient(90deg,rgba(7,7,7,.96),rgba(7,7,7,.5)),url('img/contact-crew-support.webp') center/cover no-repeat}
[data-page="contact"] .contact a{background:rgba(10,10,10,.84);backdrop-filter:blur(6px)}

[data-page="schoolProfile"] #highlights{background:linear-gradient(90deg,rgba(7,7,7,.94),rgba(7,7,7,.52)),url('img/school-mascot-performance.webp') center/cover no-repeat}
[data-page="schoolProfile"] .video-placeholder{background:rgba(10,10,10,.7);backdrop-filter:blur(4px)}
[data-page="schoolProfile"] #challenges{background:linear-gradient(90deg,rgba(7,7,7,.94),rgba(7,7,7,.58)),url('img/school-social-challenge.webp') center/cover no-repeat}
[data-page="schoolProfile"] .challenge-grid article{background:rgba(10,10,10,.84)}
[data-page="schoolProfile"] #sponsors{background:linear-gradient(90deg,rgba(7,7,7,.95),rgba(7,7,7,.62)),url('img/school-sponsor-drops.webp') center/cover no-repeat}

@media(max-width:1000px){
  .collection-hero{grid-template-columns:1fr;padding-top:120px}
  [data-page="home"] .roster-statement>*{max-width:70%}
}

@media(max-width:767px){
  .header{height:68px}
  .hero,.pagehero,.school-hero{display:block!important;min-height:0!important;padding:68px 0 0!important}
  .hero-bg,.pagehero-bg,.schoolhero-bg{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:16/9!important;object-fit:cover!important;z-index:0!important}
  .hero::after,.pagehero::after,.school-hero::after{display:none!important}
  .hero .copy,.pagehero>div,.school-hero>div{position:relative!important;width:100%!important;max-width:none!important;padding:34px 20px 52px!important;background:linear-gradient(180deg,#0a0a0a,#070707)}
  .collection-hero{padding:94px 20px 58px!important;gap:28px}
  .collection-hero .rabbit-img{aspect-ratio:3/2!important}
  .collection-hero h1{font-size:clamp(3rem,14vw,4rem)}
  .products{grid-template-columns:1fr!important;padding-inline:20px}
  .productpic{aspect-ratio:4/5}
  .cards .card{min-height:420px}
  [data-page="home"] .roster-statement{min-height:760px;justify-content:flex-end;background:linear-gradient(0deg,#070707 3%,rgba(7,7,7,.96) 52%,rgba(7,7,7,.12)),url('img/school-character-selection.webp') 64% center/cover no-repeat}
  [data-page="home"] .roster-statement>*{max-width:100%}
  [data-page="home"] .roster-statement .stats{justify-content:space-between;gap:8px}
  [data-page="home"] .roster-statement .stats small{font-size:7px}
  .steps,.values,.contact,.live-menu,.sponsor-grid,.challenge-grid{background-position:center!important}
  [data-page="story"] .values,[data-page="contact"] .contact{min-height:0}
}

@media(prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important;transition:none!important}}

.product.coming-soon{cursor:default;opacity:.72}.product.coming-soon:hover{transform:none}.product.coming-soon .productpic{filter:saturate(.65)}.product.coming-soon strong{letter-spacing:.08em}.button[aria-disabled="true"]{cursor:default;opacity:.78}

/* Official Shopify product imagery */
.productpic{background-image:none!important;background-color:#f5f5f5!important}
.productpic>img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}
.collection-hero .rabbit-img{background:#f5f5f5}
.collection-hero .rabbit-img img{object-fit:contain;object-position:center}


/* Crew card image correction: use the supplied mascot character art, not product mockups. */
body[data-page="crew"] .roster-pic {
  display:flex;
  align-items:flex-end;
  justify-content:center;
  overflow:hidden;
  background:radial-gradient(circle at 50% 65%, rgba(212,175,106,.10), transparent 48%), #090909;
  border:1px solid rgba(212,175,106,.18);
}
body[data-page="crew"] .roster-pic img {
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center bottom;
  padding:10px 8px 0;
}
body[data-page="crew"] .roster-pic img.crew-lineup-crop {
  width:390%;
  max-width:none;
  height:100%;
  object-fit:cover;
  padding:0;
}
body[data-page="crew"] .roster-pic img.crew-lineup-horchata { object-position:20.5% 48%; }
body[data-page="crew"] .roster-pic img.crew-lineup-reefer { object-position:77% 48%; }

/* Refined site-wide footer using the existing footer hierarchy. */
footer {
  position:relative;
  grid-template-columns:minmax(180px,.72fr) minmax(440px,1.7fr) minmax(250px,.9fr);
  gap:clamp(28px,4vw,72px);
  align-items:start;
  padding:64px 6vw 52px;
  background:
    linear-gradient(180deg,rgba(212,175,106,.035),transparent 42%),
    #080808;
  border-top:1px solid rgba(212,175,106,.44);
}
footer::before {
  content:"";
  position:absolute;
  top:-1px;
  left:6vw;
  width:92px;
  height:1px;
  background:var(--gold);
}
footer .footer-logo {
  width:152px;
  height:auto;
  align-self:start;
}
footer .footer-logo img {
  width:100%;
  height:auto;
  object-fit:contain;
}
footer .links {
  display:grid;
  grid-template-columns:repeat(3,minmax(120px,1fr));
  column-gap:28px;
  row-gap:0;
  align-items:start;
  font-size:9px;
  font-weight:800;
  letter-spacing:.11em;
}
footer .links a {
  min-height:36px;
  display:flex;
  align-items:center;
  color:#bbb4aa;
  border-bottom:1px solid rgba(255,255,255,.065);
  transition:color .25s ease,border-color .25s ease;
}
footer .links a:hover {
  color:var(--gold);
  border-bottom-color:var(--gold);
}
footer .right {
  max-width:330px;
  justify-self:end;
  text-align:right;
  color:#d7d0c6;
  font-size:13px;
  line-height:1.75;
}
footer .right a {
  display:inline-block;
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid rgba(212,175,106,.24);
  color:var(--gold);
  font-family:Inter,Arial,sans-serif;
  font-size:9px;
  font-weight:800;
  line-height:1.55;
  letter-spacing:.11em;
  text-transform:uppercase;
}
footer .right a:hover { border-top-color:var(--gold); }

@media(max-width:1180px){
  footer { grid-template-columns:180px 1fr; }
  footer .right { grid-column:1/-1; justify-self:start; text-align:left; max-width:620px; }
}
@media(max-width:760px){
  footer { grid-template-columns:1fr; gap:30px; padding:48px 24px 40px; }
  footer::before { left:24px; }
  footer .footer-logo { width:138px; }
  footer .links { grid-template-columns:1fr 1fr; column-gap:20px; }
  footer .right { grid-column:auto; }
}
@media(max-width:430px){
  footer .links { grid-template-columns:1fr; }
}

/* Article visual media */
.article-hero-image{margin:0 0 2.5rem;border:1px solid rgba(212,175,106,.35);overflow:hidden;background:#0a0a0a}.article-hero-image img{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover}.article-hero-image+ .episode-box{margin-top:0}

.story-card-image{display:block;width:100%;aspect-ratio:1200/630;object-fit:cover;margin-bottom:1.1rem;border-bottom:1px solid rgba(212,175,106,.28)}