/* Dirt, worn ink and rally lettering; keep the approved composition. */
@font-face{font-family:'Rolling Terrain Two';src:url('assets/fonts/rolling-terrain-v2.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}
.hero h1,.watch h2,.explore h2,.crew h2,.partners h2,.contact h2,.sponsor-hero h1,.intro-grid h2,.deliverables h2,.contact-panel h2{font-family:'Rolling Terrain Two','Arial Narrow',Arial,sans-serif;font-weight:700;letter-spacing:.005em;line-height:1.02}
.hero h1{letter-spacing:.005em;line-height:.9;font-style:oblique 8deg}.hero h1 em{font-style:normal}
.hero h1,.crew h2,.contact h2,.sponsor-hero h1{-webkit-mask-image:none;mask-image:none}
.hero-grid,.hero-orbit{display:block}
.watch,.crew,.partners,.contact,.deliverables,.packages,.sponsor-section{position:relative;isolation:isolate}
.watch:before,.crew:before,.partners:before,.contact:before,.deliverables:before,.packages:before,.sponsor-section:before{content:'';position:absolute;inset:0;background:url('assets/trail-dirt-texture.png') 17% 30%/560px 560px repeat;mix-blend-mode:multiply;opacity:.14;pointer-events:none;z-index:-1}
.watch:before,.partners:before,.packages:before{mix-blend-mode:screen;opacity:.055;filter:invert(1)}
.crew:after{content:'';position:absolute;left:0;right:0;top:-1px;height:17px;background:var(--night);clip-path:polygon(0 0,100% 0,100% 35%,97% 60%,93% 35%,88% 75%,83% 45%,78% 82%,72% 40%,68% 66%,62% 28%,57% 69%,51% 42%,45% 78%,39% 30%,33% 60%,28% 35%,23% 80%,17% 40%,12% 69%,7% 35%,3% 70%,0 45%);pointer-events:none}
.button{clip-path:polygon(2% 0,100% 0,98% 100%,0 100%);border-radius:0;font-weight:800}
.button-primary{background-image:url('assets/button-wear.svg');background-size:200px 80px}
.eyebrow,.section-label,.card-kicker,.tier-level{font-family:'Rolling Narrow','Arial Narrow',Arial,sans-serif;font-weight:800;letter-spacing:.065em}
.format-strip{border-top-style:dashed;border-bottom-style:dashed}
.crew-visual>img,.partners-gallery figure,.channel-card>img{outline:1px solid rgba(236,240,231,.15);outline-offset:-5px}
@media(max-width:800px){.hero h1{letter-spacing:-.065em}.watch:before,.crew:before,.partners:before,.contact:before{background-size:380px 380px}}
@media(max-width:480px){.hero h1{font-size:clamp(2rem,12vw,3.6rem)}}

h3{font-family:'Rolling Terrain Two','Arial Narrow',Arial,sans-serif;font-weight:700;letter-spacing:.005em}
@media(max-width:480px){.hero h1{font-size:clamp(1.85rem,11vw,3.3rem)}}

/* Tire tracks on the light section; paint stays behind, never through, the type. */
.watch{overflow:hidden;background:#f5f4ef}
.watch:before{background:url('assets/curved-trail-tracks.svg') center bottom/100% 100% no-repeat;mix-blend-mode:multiply;filter:none;opacity:.2;z-index:-1}
.watch-layout>div:first-child{position:relative}
.watch-layout>div:first-child>p{background:rgba(245,244,239,.88);padding:12px 14px;margin-left:-14px;max-width:630px}
.crew-copy .eyebrow,.partners-intro .eyebrow{position:relative;isolation:isolate;display:inline-block;color:#f3f0e8;padding:18px 30px;letter-spacing:.075em}
.crew-copy .eyebrow:before,.partners-intro .eyebrow:before{content:'';position:absolute;inset:-9px -32px;z-index:-1;background:url('assets/trail-splatter-band.svg') center/100% 100% no-repeat;pointer-events:none}
@media(max-width:800px){.hero h1{letter-spacing:.005em}.watch:before{background-size:auto 100%;background-position:20% bottom;opacity:.15}}
@media(max-width:480px){.hero h1{font-size:clamp(2.1rem,13vw,3.9rem);letter-spacing:.005em}.crew-copy .eyebrow,.partners-intro .eyebrow{padding:16px 20px;font-size:.7rem}}

/* Custom angular lettering: the slant is built into the font, never stacked. */
.hero h1,.sponsor-hero h1{font-style:normal;letter-spacing:.005em;line-height:.98}
.hero h1 em{font-style:normal}
@media(max-width:480px){.hero h1{font-size:clamp(2rem,11.7vw,3.5rem);letter-spacing:.005em}}

/* Reference-led proportions: tall, heavy caps with clean spacing. */
.hero h1{line-height:1.01;letter-spacing:.006em}
.hero h1 em{display:inline-block;padding-right:.1em}

/* Restore the approved textured rally typography from version 21. */
@font-face{font-family:'Rolling Rally';src:url('assets/fonts/rolling-rally-bold.woff') format('woff');font-weight:700 900;font-style:normal;font-display:swap}
.hero h1,.watch h2,.explore h2,.crew h2,.partners h2,.contact h2,.sponsor-hero h1,.intro-grid h2,.deliverables h2,.contact-panel h2{font-family:'Rolling Rally',Arial,sans-serif;font-weight:800;letter-spacing:-.055em;line-height:.94}
.hero h1{letter-spacing:-.07em;line-height:.83}.hero h1 em{font-style:normal}
.hero h1,.crew h2,.contact h2,.sponsor-hero h1{-webkit-mask-image:url('assets/worn-ink.svg');mask-image:url('assets/worn-ink.svg');-webkit-mask-size:220px 220px;mask-size:220px 220px;-webkit-mask-repeat:repeat;mask-repeat:repeat}
.hero h1{font-style:normal}.hero h1 em{display:inline;padding-right:0;font-style:normal}
h3{font-family:'Rolling Narrow','Arial Narrow',Arial,sans-serif;font-weight:700;letter-spacing:-.025em}
@media(max-width:480px){.hero h1{font-size:clamp(2rem,12vw,3.6rem);letter-spacing:-.065em}}
/* Slightly more upright and heavier while retaining the approved rally face. */
.hero h1,.watch h2,.explore h2,.crew h2,.partners h2,.contact h2,.sponsor-hero h1,.intro-grid h2,.deliverables h2,.contact-panel h2{transform:skewX(4deg);transform-origin:left bottom;-webkit-text-stroke:.008em currentColor;paint-order:stroke fill}
/* Dense, continuous tread follows the reference behind the channel card. */
.watch:before{background-image:url('assets/curved-trail-tracks-v2.svg');background-size:75% 100%;background-position:right bottom;opacity:.24}
.watch .channel-card{position:relative;z-index:2;background-color:#16281c}
.watch-layout>div:first-child{z-index:1}
.watch-layout>div:first-child>h2{position:relative}
@media(max-width:800px){.watch:before{background-size:auto 100%;background-position:60% bottom;opacity:.18}.watch .channel-card{isolation:isolate}}
/* Approved hand-drawn route, rendered as a transparent tread background. */
.watch:before{inset:8% 0 -4%;background-image:url('assets/tire-tracks-original-transparent.png');background-size:100% 100%;background-position:center;opacity:.28;mix-blend-mode:multiply;filter:none;z-index:-1}
.watch-layout>div:first-child>p{background:transparent;padding:0;margin-left:0}
.watch .channel-card{position:relative;z-index:2;background:#16281c}
@media(max-width:800px){.watch:before{inset:8% -10% -2%;background-size:100% 100%;background-position:center;opacity:.17}}

/* Original uploaded artwork: retain its native proportions and wheel paths. */
.watch:before{inset:0;background-size:cover;background-position:center;opacity:.24}
@media(max-width:800px){.watch:before{inset:0;background-size:auto 100%;background-position:center;opacity:.17}}
/* Show the original track beginnings by WATCH; carry the foreground off-section. */
.watch:before{inset:0;background-size:auto 120%;background-position:center bottom;opacity:.24}
@media(max-width:800px){.watch:before{inset:0;background-size:auto 120%;background-position:46% bottom;opacity:.17}}

/* One continuous track canvas spans Watch and Explore without a section seam. */
.track-route{position:relative;isolation:isolate;overflow:hidden;--watch-height:850px;background:linear-gradient(to bottom,#f5f4ef 0 var(--watch-height),#122317 var(--watch-height) 100%)}
.track-route:before{content:'';position:absolute;pointer-events:none;z-index:0;top:calc(var(--watch-height)*-.2);left:calc(50% - var(--watch-height)*1.04936);width:calc(var(--watch-height)*2.66439);height:calc(var(--watch-height)*1.84458);background:url('assets/tire-tracks-extended-original.png') 0 0/100% 100% no-repeat;opacity:.24;mix-blend-mode:multiply}
.track-route>.watch,.track-route>.explore{position:relative;z-index:1;background:transparent}
.track-route>.watch:before{display:none}
@media(max-width:800px){.track-route:before{opacity:.17;left:calc(46% - var(--watch-height)*1.04936)}}
/* Widely spaced tread artwork in the bottom lime contact panel. */
#contact:before{inset:0 0 0 28%;background:url('assets/contact-tire-tracks.png') right center/cover no-repeat;opacity:.18;mix-blend-mode:multiply;filter:none;mask-image:linear-gradient(to right,transparent,#000 36%);-webkit-mask-image:linear-gradient(to right,transparent,#000 36%)}
@media(max-width:800px){#contact:before{left:0;background-position:65% center;opacity:.12;mask-image:linear-gradient(to right,transparent,#000 55%);-webkit-mask-image:linear-gradient(to right,transparent,#000 55%)}}

/* Shared text rows keep the Explore card headings and descriptions aligned. */
.explore-grid{grid-auto-flow:row;grid-template-rows:auto 1fr auto auto}
.explore-card{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:12px}
.explore-card>span{grid-row:1;align-self:start}
.explore-card>h3{grid-row:3;align-self:end;margin:0;bottom:auto;position:relative}
.explore-card>p{grid-row:4;align-self:start;margin:0;bottom:auto;position:relative}
.card-builds .card-image{object-position:55% center}
/* Reference tire-and-splatter labels, extracted with true transparency. */
.crew-copy .eyebrow,.partners-intro .eyebrow{padding:22px 34px;line-height:1.35;text-align:center;text-wrap:balance}
.crew-copy .eyebrow{color:#f3f0e8;text-shadow:0 1px 3px #16281c,0 0 5px #16281c}
.partners-intro .eyebrow{color:#102016;text-shadow:0 0 3px #d8fc54,0 0 5px #d8fc54}
.crew-copy .eyebrow:before,.partners-intro .eyebrow:before{inset:-26px -26px;background-position:center;background-size:100% 100%;background-repeat:no-repeat}
.crew-copy .eyebrow:before{background-image:url('assets/crew-tread-splatter.png')}
.partners-intro .eyebrow:before{background-image:url('assets/partners-tread-splatter.png')}
@media(max-width:480px){.crew-copy .eyebrow,.partners-intro .eyebrow{padding:20px 16px;font-size:.67rem}.crew-copy .eyebrow:before,.partners-intro .eyebrow:before{inset:-18px -12px}}

/* Give the reference badges room and keep the lettering on solid matching ink. */
.crew-copy .eyebrow,.partners-intro .eyebrow{font-size:clamp(.85rem,1.1vw,1.05rem);font-weight:800;letter-spacing:.055em;line-height:1.45;padding:30px 34px;margin-bottom:34px;max-width:100%;text-shadow:none}
.crew-copy .eyebrow:before,.partners-intro .eyebrow:before{inset:-38px -34px}
.tread-label-text{padding:4px 8px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.crew-copy .tread-label-text{color:#fff;background:#16281c;box-shadow:8px 0 #16281c,-8px 0 #16281c}
.partners-intro .tread-label-text{color:#102016;background:#d8fc54;box-shadow:8px 0 #d8fc54,-8px 0 #d8fc54}
@media(max-width:480px){.crew-copy .eyebrow,.partners-intro .eyebrow{font-size:.82rem;padding:25px 18px;margin-bottom:28px}.crew-copy .eyebrow:before,.partners-intro .eyebrow:before{inset:-26px -14px}}
/* Center the lettering on the artwork's dense ink, rather than its outer specks. */
.crew-copy .eyebrow,.partners-intro .eyebrow{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:96px;padding:24px 34px;text-align:center;vertical-align:middle}
.crew-copy .eyebrow:before,.partners-intro .eyebrow:before{inset:-30px -34px;transform:translate(-1.5%,-8%)}
.crew-copy .tread-label-text,.partners-intro .tread-label-text{display:block;text-align:center;line-height:1.45;margin:0}
@media(max-width:480px){.crew-copy .eyebrow,.partners-intro .eyebrow{min-height:88px;padding:22px 18px}.crew-copy .eyebrow:before,.partners-intro .eyebrow:before{inset:-22px -14px;transform:translate(-1.5%,-8%)}}

/* Break up the readability backing's edges without distressing the letters. */
.crew-copy .tread-label-text,.partners-intro .tread-label-text{position:relative;isolation:isolate;background:transparent;box-shadow:none}
.tread-label-text:before{content:'';position:absolute;inset:-5px -16px;z-index:-1;pointer-events:none;background:var(--label-ink);mask:url('assets/ragged-label-edge.svg') center/100% 100% no-repeat;-webkit-mask:url('assets/ragged-label-edge.svg') center/100% 100% no-repeat}
.crew-copy .tread-label-text{--label-ink:#16281c}
.partners-intro .tread-label-text{--label-ink:#d8fc54}
/* Instagram-style 4:5 Explore portraits; retain the shared text rows. */
.explore-grid{aspect-ratio:16 / 5;grid-template-rows:auto minmax(0,1fr) auto auto}
.explore-card{min-height:0;aspect-ratio:4 / 5}
.card-trails .card-image{object-position:52% center}
.card-builds .card-image{object-position:58% center}
.card-runs .card-image{object-position:60% center}
.card-notes .card-image{object-position:65% center}
@media(max-width:800px){.explore-grid{aspect-ratio:4 / 5;grid-template-rows:repeat(2,auto minmax(0,1fr) auto auto)}}
@media(max-width:480px){.explore-grid{aspect-ratio:1 / 5;grid-template-rows:repeat(4,auto minmax(0,1fr) auto auto)}}
/* Mobile crew reading order: label, portrait, introduction, supporting copy. */
@media(max-width:800px){
 .crew{grid-template-columns:minmax(0,1fr);row-gap:24px;padding-top:76px;padding-bottom:76px}
 .crew-copy{display:contents}
 .crew-copy>.eyebrow{grid-column:1;grid-row:1;margin:0 0 34px;justify-self:start}
 .crew-visual{grid-column:1;grid-row:2;height:auto;aspect-ratio:4 / 3}
 .crew-copy>h2{grid-column:1;grid-row:3;margin:0}
 .crew-copy>p:not(.eyebrow){grid-column:1;grid-row:4;margin:0}
}

.sponsor-options-note{color:#3b493f;font-size:1rem;line-height:1.65;max-width:850px;margin:30px 0 0}
/* Clear sponsorship typography and shared rows for consistent comparisons. */
.tier h3,.package h3,.deliverable h3{font-family:Arial,Helvetica,sans-serif;font-stretch:normal;font-style:normal;font-weight:800;font-size:clamp(1.35rem,1.65vw,1.8rem);letter-spacing:-.035em;line-height:1.16;transform:none;-webkit-text-stroke:0;margin:0}
.tier-level,.package .level{font-family:Arial,Helvetica,sans-serif;font-size:.7rem;line-height:1.5;font-weight:700;letter-spacing:.075em;margin:0}
.tier-grid{grid-template-rows:auto auto auto auto 1fr;row-gap:20px}
.tier{display:grid;grid-row:span 5;grid-template-rows:subgrid;row-gap:20px;min-height:0;padding:30px 26px 34px}
.tier-number{grid-row:1;margin:0}
.tier-level{grid-row:2;align-self:start}
.tier h3{grid-row:3;align-self:start}
.tier>p:not(.tier-number):not(.tier-level){grid-row:4;align-self:start;font-size:.95rem;line-height:1.6;margin:0}
.tier ul{grid-row:5;align-self:start;position:static;margin:0;padding:0;font-size:.86rem;line-height:1.55;list-style:none}
.tier li{position:relative;padding-left:17px;margin:0 0 10px}
.tier li:before{content:'•';position:absolute;left:0;top:0;width:auto;height:auto;padding:0;margin:0;background:none;mask:none;-webkit-mask:none;color:var(--acid)}
.tier-featured li:before{color:#142014}
.package-grid{grid-template-rows:auto auto auto 1fr;row-gap:20px}
.package{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:20px;min-height:0}
.package .level{grid-row:1}.package h3{grid-row:2;align-self:start}
.package>p:not(.level){grid-row:3;align-self:start;margin:0;line-height:1.6}
.package ul{grid-row:4;align-self:start;margin:0}
.deliverable h3{font-size:1.35rem;margin:30px 0 14px;line-height:1.2}
@media(max-width:800px){.tier-grid{grid-template-rows:repeat(2,auto auto auto auto 1fr)}.tier{padding:26px 22px}.tier h3,.package h3{font-size:1.55rem}}
@media(max-width:480px){.tier-grid{grid-template-rows:repeat(4,auto auto auto auto 1fr)}.tier{row-gap:16px;padding:28px 24px}}
@media(max-width:900px){.package-grid{grid-template-rows:repeat(2,auto auto auto 1fr)}}
@media(max-width:600px){.package-grid{grid-template-rows:repeat(4,auto auto auto 1fr)}}
/* Remove condensed secondary lettering throughout both pages. */
h1,h2,h3,.eyebrow,.section-label,.card-kicker,.tier-level,.package .level{font-family:Arial,Helvetica,sans-serif;font-stretch:normal}
h3{font-weight:800;letter-spacing:-.03em;line-height:1.16}
.channel-card h3{font-family:Arial,Helvetica,sans-serif;font-weight:800;letter-spacing:-.03em;line-height:1.16;font-size:clamp(1.55rem,2.2vw,2rem)}
/* Keep the photo cards flush with the grunge transition into Crew. */
.explore{padding-bottom:0}

.trail-video-links{margin-top:28px;max-width:580px}
.trail-video-links h3{font-size:1.1rem;letter-spacing:-.02em;margin:0 0 14px}
.trail-video-links ul{padding:0;margin:0;list-style:none}
.trail-video-links li{border-top:1px solid rgba(18,35,23,.18);padding:12px 0}
.trail-video-links a{color:#163c25;font-weight:700;text-underline-offset:3px}
.trail-video-links li>span{display:block;font-size:.9rem;line-height:1.5;margin-top:4px;color:#37493b}

.latest-social{background:#eef0e7;color:#14271a;padding-top:90px;padding-bottom:90px}
.latest-social h2{font-family:'Rolling Rally',Arial,sans-serif;font-weight:800;font-size:clamp(2.5rem,4.8vw,5rem);letter-spacing:-.045em;line-height:1.02;margin:22px 0}
.latest-intro{font-size:1.1rem;max-width:650px;line-height:1.6}
.social-feed-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:48px;margin-top:38px;align-items:start}
.social-feed-grid h3{font:800 1.5rem/1.2 Arial,Helvetica,sans-serif;letter-spacing:-.025em;margin:0 0 14px}
.social-feed-grid p{line-height:1.65;margin:0 0 20px}
.social-feed-grid a{color:#215232;text-underline-offset:3px}
.youtube-player{aspect-ratio:16/9;background:#16281c;margin:22px 0}
.youtube-player iframe{width:100%;height:100%;border:0;display:block}
.facebook-post{background:#fff;border:1px solid #d4dbcd;padding:22px;margin-top:20px;overflow:hidden}
.facebook-post h4{font:700 1.12rem/1.3 Arial,Helvetica,sans-serif;margin:0 0 10px}
.facebook-post p{font-size:.95rem}.facebook-post iframe{border:0;width:100%;height:320px;display:block;margin-bottom:16px}
.facebook-post>a{font-weight:700;font-size:.9rem}
.facebook-feed .embed-note{font-size:.8rem;color:#526151;margin-top:20px}
@media(max-width:800px){.social-feed-grid{grid-template-columns:minmax(0,1fr);gap:38px}.latest-social{padding-top:65px;padding-bottom:65px}}