*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#020305;color:#fff;font-family:'Plus Jakarta Sans',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,92%);margin:auto}.site-header{position:sticky;top:0;z-index:100;background:rgba(2,3,5,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.header-inner{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{width:220px;max-height:52px;object-fit:contain}.nav{display:flex;align-items:center;gap:17px;color:#9da3b2;font-size:.81rem;font-weight:700}.nav>a:hover,.nav>a.active{color:#fff}.lang{display:inline-flex;padding:4px;border-radius:999px;border:1px solid rgba(255,255,255,.1);gap:3px}.lang a{padding:6px 9px;border-radius:999px}.lang a.active{background:#fff;color:#050609}.nav-toggle{display:none;border:1px solid rgba(255,255,255,.12);background:#11141a;color:#fff;border-radius:10px;padding:8px 11px;font-size:20px}
.blog-hero{padding:94px 0 44px;background:radial-gradient(circle at 15% 10%,rgba(255,85,0,.18),transparent 34%),radial-gradient(circle at 82% 20%,rgba(0,176,255,.12),transparent 30%)}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:#ff7a2d;font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.eyebrow:before{content:'';width:8px;height:8px;border-radius:50%;background:#ff5500;box-shadow:0 0 18px #ff5500}.blog-hero h1{font-size:clamp(2.5rem,6vw,5.3rem);line-height:.98;letter-spacing:-.055em;margin:18px 0;max-width:900px}.blog-hero h1 span{background:linear-gradient(90deg,#ff5500,#ff9a4d);-webkit-background-clip:text;color:transparent}.blog-hero p{max-width:780px;color:#a5aab8;font-size:1.08rem;line-height:1.75}.categories{display:flex;gap:10px;overflow:auto;padding:18px 0 4px;scrollbar-width:none}.categories::-webkit-scrollbar{display:none}.category-pill{white-space:nowrap;padding:10px 15px;border:1px solid rgba(255,255,255,.1);background:#0a0d12;border-radius:999px;color:#adb3c0;font-size:.8rem;font-weight:700}.category-pill:hover,.category-pill.active{border-color:#ff5500;color:#fff;background:rgba(255,85,0,.12)}
.featured{padding:30px 0 54px}.feature-card{display:grid;grid-template-columns:1.02fr .98fr;border:1px solid rgba(255,255,255,.09);background:linear-gradient(145deg,#0b0e14,#07090d);border-radius:30px;overflow:hidden;min-height:460px}.feature-copy{padding:54px;display:flex;flex-direction:column;justify-content:center}.tag{display:inline-flex;align-self:flex-start;padding:7px 11px;border:1px solid rgba(255,85,0,.35);background:rgba(255,85,0,.11);color:#ff8241;border-radius:999px;font-weight:800;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.feature-copy h2{font-size:clamp(2rem,4vw,3.3rem);letter-spacing:-.045em;line-height:1.05;margin:18px 0}.feature-copy p{color:#9fa5b4;line-height:1.7}.meta{display:flex;gap:14px;flex-wrap:wrap;color:#747b8a;font-size:.78rem;margin-top:18px}.read-link{margin-top:28px;display:inline-flex;align-items:center;gap:8px;font-weight:800;color:#fff}.read-link span{color:#ff5500}.feature-visual{position:relative;min-height:360px;background:radial-gradient(circle at 50% 48%,rgba(255,85,0,.28),transparent 25%),linear-gradient(145deg,#11151d,#050609);display:flex;align-items:center;justify-content:center;overflow:hidden}.feature-visual:before,.feature-visual:after{content:'';position:absolute;border:1px solid rgba(255,255,255,.09);border-radius:50%;width:350px;height:350px}.feature-visual:after{width:510px;height:510px}.ai-mark{font-size:7rem;font-weight:800;letter-spacing:-.08em;background:linear-gradient(135deg,#fff,#ff5500);-webkit-background-clip:text;color:transparent;z-index:1}.ai-sub{position:absolute;bottom:72px;font-weight:800;color:#6e7480;letter-spacing:.22em;text-transform:uppercase;font-size:.72rem}
.section-title{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:20px 0 22px}.section-title h2{font-size:2rem;letter-spacing:-.04em;margin:0}.section-title p{color:#777e8d;margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-bottom:80px}.post-card{display:flex;flex-direction:column;min-height:360px;background:#080b10;border:1px solid rgba(255,255,255,.08);border-radius:23px;overflow:hidden;transition:.25s ease}.post-card:hover{transform:translateY(-5px);border-color:rgba(255,85,0,.38)}.card-cover{height:155px;padding:22px;display:flex;align-items:flex-end;background:radial-gradient(circle at 80% 20%,rgba(0,176,255,.16),transparent 34%),radial-gradient(circle at 15% 80%,rgba(255,85,0,.2),transparent 35%),#0c1017}.cover-icon{font-size:2.4rem}.post-body{padding:22px;display:flex;flex-direction:column;flex:1}.post-body h3{font-size:1.18rem;line-height:1.32;letter-spacing:-.025em;margin:12px 0}.post-body p{color:#858c9c;font-size:.9rem;line-height:1.6;margin:0 0 18px}.post-body .meta{margin-top:auto}.cta-band{margin:0 auto 80px;width:min(1180px,92%);padding:42px;border-radius:28px;border:1px solid rgba(255,85,0,.2);background:linear-gradient(135deg,rgba(255,85,0,.13),rgba(0,176,255,.07));display:flex;justify-content:space-between;gap:30px;align-items:center}.cta-band h2{margin:0 0 10px;font-size:2rem;letter-spacing:-.04em}.cta-band p{margin:0;color:#9299a8;max-width:650px;line-height:1.6}.cta-buttons{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;padding:13px 18px;border-radius:999px;font-weight:800;font-size:.83rem;background:#fff;color:#050609}.btn.secondary{background:#151922;color:#fff;border:1px solid rgba(255,255,255,.1)}
.article-hero{padding:72px 0 40px;border-bottom:1px solid rgba(255,255,255,.07);background:radial-gradient(circle at 12% 15%,rgba(255,85,0,.13),transparent 32%)}.breadcrumb{font-size:.76rem;color:#777f8f;margin-bottom:24px}.breadcrumb a{color:#a5abba}.article-hero h1{font-size:clamp(2.4rem,5.2vw,4.8rem);line-height:1.02;letter-spacing:-.055em;margin:16px 0;max-width:1000px}.article-hero .lead{max-width:850px;color:#a4aab7;font-size:1.08rem;line-height:1.7}.article-meta{display:flex;gap:14px;flex-wrap:wrap;color:#747b8a;font-size:.8rem;margin-top:24px}.article-wrap{width:min(820px,92%);margin:0 auto;padding:54px 0 80px}.article-wrap h2{font-size:1.85rem;letter-spacing:-.035em;margin:48px 0 16px}.article-wrap h3{font-size:1.25rem;margin:28px 0 10px}.article-wrap p,.article-wrap li{font-size:1.02rem;line-height:1.83;color:#c1c5cf}.article-wrap ul,.article-wrap ol{padding-left:22px}.article-wrap li{margin:9px 0}.answer-box{padding:22px 24px;border-radius:18px;background:#0b0e13;border:1px solid rgba(255,85,0,.25);margin:24px 0 38px;color:#d8dae0;line-height:1.7}.answer-box strong{color:#fff}.inline-card{padding:26px;border:1px solid rgba(255,255,255,.09);background:#080b10;border-radius:20px;margin:34px 0}.inline-card h3{margin-top:0}.inline-card a{color:#ff7a2d;font-weight:800}.faq-item{border-top:1px solid rgba(255,255,255,.08);padding:22px 0}.faq-item h3{margin:0 0 8px}.related{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.related a{display:block;padding:18px;border-radius:16px;background:#0a0d12;border:1px solid rgba(255,255,255,.08);font-weight:700}.related a:hover{border-color:rgba(255,85,0,.4)}
.category-hero{padding:72px 0 36px}.category-hero h1{font-size:clamp(2.4rem,5vw,4rem);letter-spacing:-.05em;margin:12px 0}.category-hero p{color:#9299a8;max-width:760px;line-height:1.7}footer{border-top:1px solid rgba(255,255,255,.08);background:#040609;padding:52px 0 22px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-logo{width:190px}.footer-grid p{color:#7d8493;max-width:420px;line-height:1.6}.footer-grid strong{display:block;margin-bottom:14px}.footer-grid a{display:block;color:#858c9a;margin:9px 0;font-size:.9rem}.footer-grid a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.06);margin-top:36px;padding-top:20px;color:#636a77;font-size:.78rem}
@media(max-width:880px){.nav-toggle{display:block}.nav{display:none;position:absolute;top:82px;left:4%;right:4%;padding:18px;flex-direction:column;align-items:stretch;background:#090c11;border:1px solid rgba(255,255,255,.1);border-radius:18px}.nav.open{display:flex}.feature-card{grid-template-columns:1fr}.feature-copy{padding:34px}.feature-visual{min-height:290px}.grid{grid-template-columns:1fr 1fr}.cta-band{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr 1fr}.brand img{width:185px}}@media(max-width:600px){.blog-hero{padding-top:65px}.grid{grid-template-columns:1fr}.feature-copy{padding:28px}.feature-visual{min-height:240px}.ai-mark{font-size:5rem}.article-wrap{padding-top:35px}.related{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.cta-band{padding:28px}.header-inner{height:72px}.nav{top:72px}.brand img{width:165px}}

/* Sprint 3.1 visual layer */
.feature-visual{padding:0}.feature-visual:before,.feature-visual:after,.ai-mark,.ai-sub{display:none}.feature-visual img{width:100%;height:100%;min-height:460px;object-fit:cover;display:block;transition:transform .45s ease}.feature-card:hover .feature-visual img{transform:scale(1.025)}
.card-cover{height:185px;padding:0;overflow:hidden;background:#0c1017}.card-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease,filter .35s ease}.post-card:hover .card-cover img{transform:scale(1.045);filter:saturate(1.06)}
.article-cover-wrap{margin-top:34px;margin-bottom:8px}.article-cover-wrap img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover;border-radius:28px;border:1px solid rgba(255,255,255,.09);box-shadow:0 28px 80px rgba(0,0,0,.30)}
@media(max-width:880px){.feature-visual img{min-height:300px}.card-cover{height:175px}.article-cover-wrap{margin-top:24px}.article-cover-wrap img{border-radius:20px}}@media(max-width:600px){.feature-visual img{min-height:240px}.card-cover{height:190px}}

/* Sprint 3.2 editorial photography refinement */
.feature-visual{position:relative;background:#07090d}
.feature-visual:after{display:block;content:'';position:absolute;inset:0;border:0;border-radius:0;width:auto;height:auto;background:linear-gradient(90deg,rgba(3,5,8,.08),rgba(3,5,8,.24)),linear-gradient(0deg,rgba(3,5,8,.20),transparent 38%);pointer-events:none}
.feature-visual img{filter:saturate(.92) contrast(1.04);object-position:center}
.card-cover{position:relative;background:#080b10}
.card-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,3,5,.18),transparent 58%);pointer-events:none}
.card-cover img{filter:saturate(.9) contrast(1.04)}
.post-card:hover .card-cover img{filter:saturate(1.02) contrast(1.04)}
.article-cover-wrap{position:relative}
.article-cover-wrap:after{content:'';position:absolute;inset:0;border-radius:28px;box-shadow:inset 0 -80px 100px rgba(0,0,0,.12);pointer-events:none}
.article-cover-wrap img{filter:saturate(.94) contrast(1.03)}
@media(max-width:880px){.article-cover-wrap:after{border-radius:20px}}


/* Sprint 4.5.4 — ambient pattern, text contrast and branded card borders */
body{position:relative;isolation:isolate;background:#020305!important;color:#fff!important;}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:url('/assets/visuals/ui/pattern-glow-athletic.webp');background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.34;mix-blend-mode:screen;filter:saturate(1.05) contrast(1.03);}
body::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 16% 14%,rgba(255,85,0,.08),transparent 30%),radial-gradient(circle at 82% 28%,rgba(204,255,0,.065),transparent 28%),linear-gradient(180deg,rgba(2,3,5,.06),rgba(2,3,5,.28));}
.site-header,header,main,footer{position:relative;z-index:1;}
@media(max-width:700px){body::before{opacity:.24;background-position:center top;}}

.blog-hero,.article-hero,.category-hero{background-color:transparent!important;}
.blog-hero h1,.feature-copy h2,.post-body h3,.section-title h2,.article-hero h1,.article-wrap h2,.article-wrap h3,.category-hero h1,.cta-band h2{color:#fff!important;}
.feature-card,.post-card{background:rgba(8,11,16,.92)!important;border:1px solid rgba(255,101,24,.38)!important;box-shadow:inset 0 0 0 1px rgba(204,255,0,.035),0 18px 50px rgba(0,0,0,.22);}
.post-card:hover,.feature-card:hover{border-color:rgba(204,255,0,.48)!important;box-shadow:0 20px 60px rgba(0,0,0,.30),0 0 0 1px rgba(255,85,0,.12);}
.post-body{background:linear-gradient(180deg,rgba(8,11,16,.96),rgba(6,8,12,.94));}
.card-cover{border-bottom:1px solid rgba(255,101,24,.28);}
.feature-copy{background:linear-gradient(145deg,rgba(9,12,17,.97),rgba(6,8,12,.94));}
.categories .category-pill{border-color:rgba(255,255,255,.14);background:rgba(10,13,18,.82);backdrop-filter:blur(8px);}


/* Sprint 4.5.5 — ambient motion */
@keyframes athleticAmbientDrift{
  0%{transform:translate3d(-1.8%,-1.2%,0) scale(1.05);opacity:.27;filter:saturate(1.02) contrast(1.02) brightness(.95)}
  50%{transform:translate3d(1.3%,1.0%,0) scale(1.085);opacity:.38;filter:saturate(1.12) contrast(1.04) brightness(1.05)}
  100%{transform:translate3d(-.4%,1.5%,0) scale(1.06);opacity:.31;filter:saturate(1.07) contrast(1.03) brightness(1)}
}
body::before{
  inset:-5% !important;
  will-change:transform,opacity,filter;
  animation:athleticAmbientDrift 22s ease-in-out infinite alternate;
  transform-origin:center center;
}
@media (prefers-reduced-motion: reduce){
  body::before{animation:none !important;transform:none !important;inset:0 !important}
}

/* Header alignment fix 2026-09-23: keep inner-page nav centered like Home */
@media (min-width: 881px) {
  .header-inner{position:relative;}
  .header-inner > .nav{position:absolute;left:50%;transform:translateX(-50%);gap:30px;white-space:nowrap;}
  .header-inner > .lang{margin-left:auto;flex:0 0 auto;}
}