/* Base reset & typography — English comments */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{height:100%}
body{margin:0;font-family:"Archivo",system-ui,-apple-system,"Segoe UI",Roboto,Arial,"Noto Sans";line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.wrap{max-width:1440px;margin:0 auto;padding:clamp(16px,3.2vw,40px)}
a{color:var(--link);text-decoration:none}a:hover{color:var(--link-hover)}
img{max-width:100%;height:auto;display:block}
figure{margin:0}
h1,h2,h3{color:var(--text-strong);line-height:1.2;margin:0 0 .45rem}
.lead{color:var(--text);font-size:clamp(15px,1.6vw,18px)}
p{color:var(--text)}
.display-5{font-size:clamp(32px,6vw,56px)}

/* Spacing utilities */
.space-y-2>*+*{margin-top:.5rem}
.py-6{padding-top:3rem;padding-bottom:3rem}
.py-lg-8{padding-top:4rem;padding-bottom:4rem}
@media(max-width:991.98px){.py-lg-8{padding-top:3rem;padding-bottom:3rem}}
.col-lg-2-5{flex:0 0 20%;max-width:20%}
@media(max-width:991.98px){.col-lg-2-5{flex:0 0 50%;max-width:50%}}

/* Light subtle background */
.bg-light-subtle{background-color:rgba(0,0,0,.02)}
@media(prefers-color-scheme:dark){.bg-light-subtle{background-color:transparent}}

/* Self-hosted Archivo (placeholders; add .woff2 to /assets/fonts) */
@font-face{font-family:"Archivo";src:url("/assets/fonts/Archivo-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Archivo";src:url("/assets/fonts/Archivo-SemiBold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Archivo";src:url("/assets/fonts/Archivo-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}