/* Night Circuit — an outdoor performance campaign system */
:root{--ink:#f4f6f8;--muted:#abb3bb;--line:rgba(244,246,248,.16);--paper:#0f0f0f;--lime:#00d9ff;--blue:#00d9ff;--soft:#181818;--orange:#ff4d00;--panel:#161719;--plum:#0f0f0f}
*{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:Inter,Arial,"Helvetica Neue",sans-serif}.topbar{height:78px;background:rgba(15,15,15,.92);border-bottom:1px solid var(--line);box-shadow:none;backdrop-filter:blur(14px)}.topbar nav{gap:18px}.topbar nav a{color:#eef3f6;font-size:.7rem;letter-spacing:.075em}.topbar nav a:hover{color:var(--blue)}.topbar select{padding:8px 7px;background:#181818;color:#fff;border:1px solid var(--line)}

.hero.hero-with-feed{width:min(1420px,calc(100% - 44px));height:710px;margin:22px auto 0;display:block;position:relative;overflow:hidden;border:1px solid rgba(0,217,255,.38);background-color:#111;background-image:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.3)),url('/sport-outdoor-hero.jpg');background-position:center;background-size:cover;box-shadow:0 28px 70px rgba(0,0,0,.5)}.hero.hero-with-feed:before{content:"OUTDOOR / NIGHT CIRCUIT / PERFORMANCE";position:absolute;z-index:6;top:23px;left:30px;color:#00d9ff;font:800 .64rem/1 Arial,sans-serif;letter-spacing:.19em}.hero.hero-with-feed:after{content:"RUN";position:absolute;z-index:3;right:30px;top:20px;color:rgba(255,255,255,.12);font:italic 900 clamp(6rem,14vw,14rem)/.72 Impact,"Arial Narrow",sans-serif;letter-spacing:-.08em}
.hero-copy{z-index:5;left:0;top:0;width:55%;height:100%;padding:136px 46px 42px;background:linear-gradient(90deg,rgba(7,8,9,.94) 0%,rgba(7,8,9,.80) 67%,rgba(7,8,9,.08) 100%);color:#fff}.hero .eyebrow{color:var(--blue);font-size:.68rem;letter-spacing:.2em}.hero h1,.section h2,.category-page h1,.faq-page h1,.research-article h1,.research-article h2{font-family:Impact,"Arial Narrow",Montserrat,Arial,sans-serif;font-weight:900}.hero h1{max-width:690px;font-size:clamp(3.65rem,6.4vw,7.1rem);line-height:.82;letter-spacing:-.055em;font-style:italic;text-transform:uppercase;margin:18px 0 25px;text-shadow:0 5px 18px rgba(0,0,0,.45)}.hero .lead{max-width:450px;color:#d5dbe0;font-size:1.05rem;line-height:1.55}.search{max-width:485px;background:#fff;border:1px solid #fff;border-radius:0;overflow:hidden;box-shadow:8px 8px 0 var(--blue)}.search input{padding:15px 17px;color:#111}.search button,.button{background:var(--blue);color:#001014;font-size:.72rem;letter-spacing:.045em}.search button:hover,.button:hover{background:var(--orange);color:#fff}.button-ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.7)}.button-ghost:hover{background:#fff;color:#111}.hero .text-action{color:#fff;border-bottom:1px solid var(--blue)}.hero-actions{gap:17px;margin-top:20px}.signal-row{gap:20px;margin-top:29px}.signal-row b{color:var(--blue)}.signal-row span{font-size:.67rem}

.hero-feed{left:auto;right:0;bottom:0;z-index:4;width:57%;height:205px;background:linear-gradient(0deg,rgba(0,0,0,.90),rgba(0,0,0,.16))}.carousel-window{height:100%;padding:22px 24px 17px}.carousel-track{grid-template-columns:repeat(3,1fr);gap:11px}.hero-product{background:rgba(11,12,13,.83);border:1px solid rgba(255,255,255,.25);box-shadow:none;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.hero-product:hover{transform:translateY(-9px);border-color:var(--blue);box-shadow:0 12px 24px rgba(0,0,0,.35)}.hero-product:nth-child(1),.hero-product:nth-child(2),.hero-product:nth-child(3){margin:0;border-radius:0}.hero-product-image{background:#20242a}.hero-product-image img{filter:contrast(1.05) saturate(1.08)}.hero-product-info{padding:48px 14px 12px;background:linear-gradient(transparent,rgba(0,0,0,.94))}.hero-product-meta{font-size:.59rem;color:#d1d8dd}.hero-product-info h2{font-family:Impact,"Arial Narrow",sans-serif;font-size:1.26rem;letter-spacing:.01em;text-transform:uppercase}.hero-product-bottom a{color:var(--blue)}

.section{padding:76px 0;border-top:1px solid var(--line)}h2{letter-spacing:-.04em}.eyebrow{color:var(--blue)}.intro{grid-template-columns:.92fr 1.08fr;gap:8vw}.intro>div{padding:0}.intro>div:after{content:"";display:block;width:82px;margin-top:25px;border-bottom:4px solid var(--orange)}.intro p{margin:auto 0;font-size:1.12rem;line-height:1.68;color:#c1c9cf}.section-heading{align-items:end}.section-heading>a{padding:9px 0;color:var(--blue);border-bottom:1px solid var(--blue)}.section-heading>a:hover{color:#fff;border-color:#fff}

.categories{border:1px solid var(--line);gap:0;background:#111;padding:0}.category{min-height:275px;border-right:1px solid var(--line);background:#141517;padding:21px;transition:transform .28s cubic-bezier(.2,.8,.2,1),background .28s ease,box-shadow .28s ease}.category:nth-child(2n){background:#181a1d}.category:nth-child(3n){background:#101a1e}.category.featured{background:linear-gradient(145deg,#043947,#101316);color:#fff}.category:hover{position:relative;z-index:1;background:#002b38;transform:translateY(-10px);box-shadow:0 20px 32px rgba(0,0,0,.36)}.category.featured:hover{background:linear-gradient(145deg,#004f65,#141517)}.category span,.category.featured span{color:var(--blue);opacity:1}.category strong{font-family:Impact,"Arial Narrow",sans-serif;font-size:1.68rem;font-weight:900;letter-spacing:-.015em;text-transform:uppercase}.category small{color:#c0c8cf;opacity:1}.category i,.category.featured i{color:var(--orange)}

.entry-grid{grid-template-columns:repeat(7,1fr)!important;gap:10px!important;border:0!important}.entry-grid a{min-height:170px!important;border:1px solid var(--line)!important;background:#151619!important;padding:17px!important;transition:transform .26s ease,border-color .26s ease,background .26s ease!important}.entry-grid a:nth-child(2n){background:#181a1d!important}.entry-grid a:nth-child(3n){background:#10181b!important}.entry-grid a:hover{background:#002c3b!important;border-color:var(--blue)!important;color:#fff!important;transform:translateY(-8px)!important;box-shadow:0 14px 22px rgba(0,0,0,.28)!important}.entry-grid a:hover small,.entry-grid a:hover span{color:#fff!important}.entry-grid span{color:var(--blue)!important}.entry-grid strong{font-family:Impact,"Arial Narrow",sans-serif;font-size:1.1rem!important;letter-spacing:.02em;text-transform:uppercase}

.visual-preview{grid-template-columns:.76fr 1.24fr!important;gap:42px!important;background:#151719;padding:46px!important;border-top:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important}.visual-preview .eyebrow,.visual-preview a{color:var(--blue)!important}.visual-preview p{color:#c5cdd3!important}.preview-board{border:1px solid var(--blue)!important;box-shadow:12px 12px 0 var(--orange)!important}.preview-head{background:#002b38!important;color:#fff!important}.preview-head b{color:#fff!important}.preview-item{background:#1a1c1f}.preview-item i{color:var(--orange)!important}

.split{gap:0;border:1px solid var(--line)}.story,.checklist{padding:44px;border:0}.story{background:#151619;border-right:1px solid var(--line)}.checklist{background:linear-gradient(135deg,#002d3b,#101214);color:#fff}.checklist .eyebrow{color:var(--blue)}.checklist .button{background:var(--orange);color:#fff}.checklist .button:hover{background:#fff;color:#111}.faq details,.faq-list details{background:#151619;border:1px solid var(--line);padding:19px;margin:10px 0}.faq details:last-child,.faq-list details:last-child{border-bottom:1px solid var(--line)}details[open]{background:#002a37}details p{color:#c5cdd3}footer{border-top:1px solid var(--line);padding-top:31px}footer a{color:var(--blue)}

.category-page,.faq-page{margin-top:28px;width:100%;padding:60px max(22px,calc((100vw - 1240px)/2));background:linear-gradient(135deg,#0f0f0f,#142126);border-block:1px solid var(--line)}.category-page h1,.faq-page h1{color:#fff}.directory-grid{border:0;gap:11px}.directory-grid a{border:1px solid var(--line);background:#151619}.directory-grid a:nth-child(2n){background:#181c20}.directory-grid a:hover{background:#002d3b;border-color:var(--blue)}.detail-scroll-frame{height:680px;border:1px solid var(--line);background:#151619}.detail-scroll-card{grid-template-columns:1.1fr .9fr}.detail-scroll-card>div{background:#1a1c1f}.detail-scroll-card .text-action{color:var(--blue)}.research-wrap{gap:25px}.research-article{background:#151619;border:1px solid var(--line);padding:clamp(26px,5vw,74px)}.research-article h1{color:#fff}.research-cta{background:#002d3b;color:#fff;top:96px;border:1px solid var(--blue)}.research-cta .button{background:var(--orange);color:#fff}

@keyframes circuit-pulse{0%,100%{box-shadow:0 0 0 rgba(0,217,255,0)}50%{box-shadow:0 0 32px rgba(0,217,255,.22)}}@keyframes speed-line{0%,100%{transform:translateX(0)}50%{transform:translateX(7px)}}.hero.hero-with-feed{animation:circuit-pulse 7s ease-in-out infinite}.hero.hero-with-feed:before{animation:speed-line 5s ease-in-out infinite}
@media(max-width:900px){.topbar{height:auto}.hero.hero-with-feed{height:650px}.hero-copy{width:62%;padding:108px 31px 28px}.hero-feed{width:57%;height:184px}.carousel-window{padding:13px}.entry-grid{grid-template-columns:repeat(4,1fr)!important}.categories{grid-template-columns:repeat(3,1fr)}.category.featured{grid-column:auto}.visual-preview{grid-template-columns:1fr!important}.research-wrap{grid-template-columns:1fr}.research-cta{position:static}}
@media(max-width:760px){.topbar{padding:10px 14px}.topbar nav{gap:10px}.hero.hero-with-feed{width:calc(100% - 24px);height:635px;margin-top:13px;background-position:61% center}.hero.hero-with-feed:before{top:15px;left:17px;font-size:.53rem}.hero.hero-with-feed:after{font-size:5.8rem;right:13px}.hero-copy{width:100%;height:62%;padding:72px 20px 15px;background:linear-gradient(90deg,rgba(6,7,8,.94),rgba(6,7,8,.62))}.hero-feed{left:0;right:auto;width:100%;top:auto;bottom:0;height:38%}.carousel-window{padding:8px}.carousel-track{grid-template-columns:1.2fr .8fr!important;gap:8px}.hero-product:nth-child(3){display:none!important}.hero h1{font-size:3.15rem}.hero .lead{font-size:.86rem;margin-bottom:11px}.search input,.search button{padding:11px;font-size:.76rem}.hero-actions{margin-top:11px}.signal-row{display:none}.section{padding:43px 0}.intro{grid-template-columns:1fr;gap:20px}.intro p{font-size:1.02rem}.categories{grid-template-columns:1fr 1fr;gap:0}.category,.category.featured{min-height:155px;padding:14px}.category strong{font-size:1.22rem}.entry-grid{grid-template-columns:1fr 1fr!important;gap:7px!important}.entry-grid a{min-height:123px!important}.visual-preview{padding:27px!important;gap:23px!important}.preview-board{box-shadow:8px 8px 0 var(--orange)!important}.split{grid-template-columns:1fr;gap:0}.story{border-right:0;border-bottom:1px solid var(--line)}.story,.checklist{padding:28px}.category-page,.faq-page{padding:36px 14px;margin-top:15px}.detail-scroll-frame{height:550px}.detail-scroll-card{grid-template-columns:1fr;grid-template-rows:55% 45%}.detail-scroll-card>div{padding:24px}.research-article{padding:24px 18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Readability pass: a calm system sans replaces the condensed display treatment. */
body,.topbar nav a,.button,.search button,.search input{font-family:"Segoe UI",Inter,Arial,"Helvetica Neue",sans-serif}body{font-size:16px;line-height:1.55}.topbar nav a{font-size:.78rem;letter-spacing:.025em;font-weight:650}.hero h1,.section h2,.category-page h1,.faq-page h1,.research-article h1,.research-article h2{font-family:"Segoe UI",Inter,Arial,"Helvetica Neue",sans-serif;font-style:normal;font-weight:750;letter-spacing:-.035em;text-transform:none;line-height:1.06}.hero h1{max-width:610px;font-size:clamp(2.55rem,4.2vw,4.35rem);margin:16px 0 21px}.hero .lead{font-size:1rem;line-height:1.62}.hero .eyebrow{font-size:.72rem;letter-spacing:.12em}.search button,.button{font-size:.82rem;font-weight:700}.hero-product-info h2,.category strong,.entry-grid strong{font-family:"Segoe UI",Inter,Arial,"Helvetica Neue",sans-serif;font-style:normal;font-weight:750;letter-spacing:-.02em;text-transform:none}.hero-product-info h2{font-size:1rem;line-height:1.2}.category strong{font-size:1.32rem}.entry-grid strong{font-size:.98rem!important}.section h2,.research-article h2{font-size:clamp(1.7rem,2.5vw,2.45rem)}.category-page h1,.faq-page h1,.research-article h1{font-size:clamp(2rem,3.5vw,3.3rem)}.hero.hero-with-feed:after{font-family:"Segoe UI",Inter,Arial,sans-serif;font-style:normal;font-weight:800;letter-spacing:-.04em}.hero-product-meta,.signal-row span{font-size:.7rem}.category small{font-size:.9rem;line-height:1.48}
@media(max-width:760px){body{font-size:16px}.topbar nav a{font-size:.75rem}.hero h1{font-size:2.35rem;line-height:1.08}.hero .lead{font-size:.92rem;line-height:1.52}.category strong{font-size:1.12rem}.entry-grid strong{font-size:.9rem!important}.section h2,.research-article h2{font-size:1.65rem}.category-page h1,.faq-page h1,.research-article h1{font-size:2rem}}

/* Shared page canvas — all routes now use the same near-black from the reference. */
html,body,main,.category-page,.faq-page,.research-wrap,.faq-list{background:#0f0f0f!important}.category-page,.faq-page{background:#0f0f0f!important}.section{background:#0f0f0f}.research-article,.detail-scroll-frame,.detail-scroll-card>div,.visual-preview,.story{background:#0f0f0f!important}.directory-grid a{background:#111!important}.directory-grid a:nth-child(2n){background:#111!important}

/* True single-canvas treatment: every UI surface is the same black; only media and action colors remain. */
:root{--paper:#0f0f0f!important;--soft:#0f0f0f!important}.topbar,footer,.categories,.category,.entry-grid a,.visual-preview,.preview-board,.preview-head,.preview-item,.split,.story,.checklist,.faq details,.faq-list details,.category-page,.faq-page,.subcategory-grid a,.directory-grid a,.detail-scroll-frame,.detail-scroll-card>div,.research-article,.research-cta,select,.search,.search input{background:#0f0f0f!important;background-image:none!important}.category:nth-child(2n),.category:nth-child(3n),.category.featured,.directory-grid a:nth-child(2n),details[open]{background:#0f0f0f!important}.search{border-color:var(--blue)!important}.search input{color:#fff!important}.search input::placeholder{color:#b8c0c7!important}.hero-copy{background:linear-gradient(90deg,rgba(15,15,15,.96),rgba(15,15,15,.84),rgba(15,15,15,.16))!important}.hero-feed,.hero-product-info{background:linear-gradient(0deg,rgba(15,15,15,.95),rgba(15,15,15,.10))!important}.hero-product,.hero-product-image{background:#0f0f0f!important}.entry-grid a:hover,.category:hover,.directory-grid a:hover,.subcategory-grid a:hover{background:#0f0f0f!important;border-color:var(--blue)!important}.checklist .button,.research-cta .button{background:var(--orange)!important}

/* Compact mobile rhythm: all content remains present, with denser cards and spacing. */
@media(max-width:760px){
  .topbar{padding:7px 12px!important}
  .brand img{width:116px!important;height:auto!important}
  .topbar nav{gap:8px!important;overflow-x:auto;scrollbar-width:none;padding-bottom:1px}
  .topbar nav::-webkit-scrollbar{display:none}
  .topbar nav a{font-size:.74rem!important;white-space:nowrap}
  .lang-label{font-size:.76rem!important}
  .hero.hero-with-feed{width:calc(100% - 20px)!important;height:510px!important;margin-top:10px!important}
  .hero.hero-with-feed:before{top:12px!important;left:15px!important}
  .hero-copy{height:61%!important;padding:54px 16px 10px!important}
  .hero-feed{height:39%!important}
  .carousel-window{padding:6px!important}
  .carousel-track{gap:6px!important}
  .hero-product-info{padding:34px 8px 7px!important}
  .hero-product-info h2{font-size:.82rem!important;line-height:1.16!important}
  .hero-product-meta{font-size:.62rem!important}
  .hero h1{font-size:2.05rem!important;line-height:1.06!important;margin:8px 0 9px!important}
  .hero .lead{font-size:.88rem!important;line-height:1.46!important;margin-bottom:8px!important}
  .hero .eyebrow{font-size:.62rem!important}
  .search{box-shadow:4px 4px 0 var(--blue)!important}
  .search input,.search button{padding:9px 10px!important;font-size:.76rem!important}
  .hero-actions{gap:9px!important;margin-top:8px!important}
  .hero-actions .button{padding:9px 11px!important;font-size:.74rem!important}
  .section{padding:26px 0!important}
  .intro{gap:14px!important}
  .intro p{font-size:1rem!important;line-height:1.5!important}
  .section-heading{margin-bottom:12px!important}
  .section h2,.research-article h2{font-size:1.45rem!important;line-height:1.12!important}
  .categories{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .category,.category.featured{min-height:116px!important;padding:11px!important}
  .category strong{font-size:1.02rem!important}
  .category small{font-size:.78rem!important;line-height:1.36!important}
  .entry-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}
  .entry-grid a{min-height:94px!important;padding:10px!important}
  .entry-grid strong{font-size:.78rem!important;line-height:1.14!important}
  .entry-grid span{font-size:.67rem!important;line-height:1.25!important}
  .visual-preview{padding:20px!important;gap:16px!important}
  .preview-head,.preview-item{padding:10px!important}
  .preview-item{min-height:72px!important}
  .split{gap:0!important}
  .story,.checklist{padding:21px 16px!important}
  .faq details,.faq-list details{margin:6px 0!important;padding:12px!important}
  .category-page,.faq-page{padding:24px 12px!important;margin-top:10px!important}
  .category-page h1,.faq-page h1,.research-article h1{font-size:1.72rem!important;line-height:1.12!important}
  .directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  .directory-grid a,.subcategory-grid a{min-height:108px!important;padding:11px!important}
  .detail-scroll-frame{height:430px!important}
  .detail-scroll-card>div{padding:18px!important}
  .research-wrap{padding:24px 0!important;gap:14px!important}
  .research-article{padding:18px 14px!important}
  .research-article p,.faq-page p,.category-page p{font-size:1rem!important;line-height:1.5!important}
  .research-article h2{margin:21px 0 9px!important}
  .research-cta{padding:17px!important}
  footer{padding:20px 0 28px!important}
}