/* SINTELRA editorial design system | 2026-10-26 | draft */
/* Global typography system applied to all templates, not just the homepage. */
:root{--si-font-body:"Inter","Helvetica Neue",Arial,sans-serif;--si-font-display:"Source Serif 4",Georgia,"Times New Roman",serif}
html{font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body,button,input,select,textarea,.si-nav,.si-wordmark,.si-card p,.si-service p,.si-muted{font-family:var(--si-font-body)!important}
body{font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6,.si-heading,.si-hero h1,.si-card h3,.si-service h3,.si-empty-desk h3{font-family:var(--si-font-display)!important;font-weight:500!important;letter-spacing:-.025em}
p,li{line-height:1.72}
.si-kicker,.si-desk-label,.si-tag,.si-hero-motto,.si-coming strong{font-family:var(--si-font-body)!important;letter-spacing:.1em}
.si-card p,.si-service p{font-size:15px!important;line-height:1.7}
.si-nav a{font-size:14px;letter-spacing:.01em}
.si-wordmark{font-weight:700!important;letter-spacing:.055em}
.si-hero-motto{font-size:11px}
@media(max-width:640px){body{font-size:16px}.si-nav a{font-size:14px}.si-heading{font-size:clamp(30px,8vw,42px)!important}.si-card h3{font-size:23px!important}}

:root{--si-ink:#102837;--si-blue:#355a72;--si-cyan:#1da5b1;--si-paper:#f8fafb}
.si-editorial-hero{min-height:520px;display:flex;align-items:center;position:relative}
.si-editorial-hero .si-intel-hero{padding-block:24px;grid-template-columns:minmax(0,1.7fr) minmax(180px,.5fr)}
.si-editorial-hero .si-hero-copy h1{font-family:var(--si-font-display)!important;font-weight:500;font-size:clamp(48px,5.9vw,82px);line-height:1.06;letter-spacing:-.035em;max-width:820px}
.si-editorial-hero .si-hero-copy h1 em{font-weight:500;font-style:normal;color:#b6dce9}
.si-editorial-hero .si-hero-copy p{max-width:540px;font-size:clamp(17px,1.55vw,20px);line-height:1.65}
.si-editorial-hero .si-link{border-bottom-color:#8ed9e3;padding-bottom:10px}
.si-hero-motto{font-size:10px;letter-spacing:.17em;line-height:1.8;margin-top:42px;color:#e5f0f3}
.si-hero-motto span{color:#71c9d5;margin:0 8px}
.si-editorial-hero .si-brief-panel{border:0;border-left:1px solid rgba(225,242,247,.55);background:transparent;box-shadow:none;backdrop-filter:none;padding:12px 0 12px 25px}
.si-hero-aside-lead{font-size:15px!important;letter-spacing:.09em;text-transform:uppercase;line-height:1.85!important;color:#fff!important}
.si-editorial-hero .si-brief-foot{color:#d1e6eb;letter-spacing:.07em;font-size:10px}
.si-section-intro{font-size:16px;line-height:1.7;color:#546b77;max-width:680px;margin:-14px 0 30px}
.si-functions-section .si-grid{background:transparent;border:0;gap:12px}
.si-functions-section .si-card{border:1px solid #d6e2e6;border-top:3px solid var(--si-cyan);border-radius:2px;min-height:195px}
.si-functions-section .si-card h3{font-family:var(--si-font-display);font-size:23px;line-height:1.16}
.si-publications-section .si-service{background:#fff;border-top:3px solid #d0dfe5;box-shadow:0 8px 22px rgba(16,40,55,.04)}
.si-publications-section .si-service h3 a{text-decoration:none}
.si-about-section{background:linear-gradient(110deg,#fff,#edf4f6)}
.si-about-section .si-heading{font-family:var(--si-font-display);font-weight:500;font-size:clamp(36px,4.3vw,58px)}
.si-underline{width:65px;height:3px;background:var(--si-cyan)}
.si-coming .si-heading{max-width:650px}
@media(max-width:1000px){.si-functions-section .si-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.si-editorial-hero .si-intel-hero{grid-template-columns:1fr;gap:22px}.si-editorial-hero .si-brief-panel{display:none}}
@media(max-width:640px){.si-editorial-hero{min-height:0!important;padding:50px 0 48px!important;background-size:100% auto!important;background-position:center top!important;background-repeat:no-repeat!important;background-color:var(--si-ink)!important}.si-editorial-hero .si-hero-copy h1{font-size:clamp(40px,10.6vw,56px);line-height:1.09}.si-editorial-hero .si-hero-copy p{font-size:16px}.si-hero-motto{font-size:9px;letter-spacing:.09em;margin-top:30px}.si-hero-motto span{margin:0 3px}.si-functions-section .si-grid{grid-template-columns:1fr}.si-functions-section .si-card{min-height:0;padding:23px}.si-section-intro{margin:-10px 0 25px}}