@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
:root{
--shell:#04050F;
--paper:#ffffff;
--ink:#04050F;
--muted:#333333;
--heading:#222222;
--gold:#C8BD7C;
--gold-dim:#a59a59;
--brand-blue:#1294C9;
--brand-red:#FB0421;
--accent:#1294C9;
--accent-dim:#0e6f97;
--line:#e0e0e0;
--card:#ffffff;
--shadow:rgba(0,0,0,0.06);
--shadow-hover:rgba(0,0,0,0.16);
--space:1rem;
--radius:6px;
--head:'Oswald',sans-serif;
--body:system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{background-color:var(--paper);color:var(--ink);font-family:var(--body);margin:0;padding:0;line-height:1.5}
img{max-width:100%;height:auto;display:block}
a{color:var(--accent)}
.content{display:grid;grid-template-columns:minmax(260px,22%) minmax(0,1fr);gap:clamp(16px,2vw,28px);padding:clamp(16px,2.4vw,32px);align-items:start}
main.page-content{min-width:0;background-color:var(--paper);padding:0}
.hero{background-color:var(--shell);color:#fff;padding:clamp(20px,3vw,40px);margin-bottom:clamp(16px,2vw,24px);border-radius:var(--radius)}
.hero h2{font-family:var(--head);color:var(--gold);margin:0 0 .5rem 0;font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:1.1}
.hero p{color:#fff;margin:0;font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.6}
main p{margin-bottom:var(--space)}
main ul{margin-bottom:var(--space)}
main ul li{margin-bottom:.5rem}
footer{background-color:var(--shell);padding:clamp(20px,3vw,32px);color:var(--gold);text-align:center}
footer p{margin:0}
@media(max-width:1120px){
.content{grid-template-columns:1fr}
main.page-content{order:1;margin-bottom:clamp(16px,2vw,24px)}
aside.featured-content{order:2}
}
.hero{position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;top:0;right:0;bottom:0;width:55%;background-image:url(https://cdn.activelyphysical.dev/assets/activelyphysical/v2026.06.25/img/hero-background-right.webp);background-repeat:no-repeat;background-position:right center;background-size:contain;opacity:.5;pointer-events:none;z-index:0;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 60%);mask-image:linear-gradient(to right,transparent 0%,#000 60%)}
.hero>*{position:relative;z-index:1}
@media(max-width:768px){.hero::after{width:70%;opacity:.35}}