@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Instrument+Sans:wght@400;500;600;700&display=swap');

:root{--ink:#171d22;--panel:#20282f;--paper:#f3eee4;--gold:#e0bf7b;--gold-dark:#775525;--muted:#c6c7c3;--line:#ffffff27;--serif:"Instrument Serif",Georgia,serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--paper);font:16px/1.62 "Instrument Sans",Arial,sans-serif}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.skip{position:absolute;z-index:5;top:0;left:12px;transform:translateY(-110%);background:var(--paper);color:var(--ink);padding:10px}
.skip:focus{transform:none}
.wrap{width:min(100% - 112px,1240px);margin-inline:auto}
.header{border-bottom:1px solid var(--line)}
.top,.actions,.hero-actions,.foot{display:flex;align-items:center}
.top{min-height:96px;justify-content:space-between;gap:25px}
.logo img,.foot img{width:132px;height:auto}
.top nav{display:flex;gap:clamp(14px,2.4vw,40px);font-size:.92rem}
.top nav a:hover,.language:hover,.foot a:hover{color:var(--gold)}
.actions,.hero-actions{gap:21px}
.language{font-size:.88rem}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;background:var(--gold);color:var(--ink);font-weight:700;font-size:.9rem;border:1px solid var(--gold);white-space:nowrap}
.button:hover{background:#f6d99d;border-color:#f6d99d}
.button.outline{background:transparent;color:var(--gold);border-color:#e0bf7b85}
.button.outline:hover{background:var(--gold);color:var(--ink)}
.hero{background:radial-gradient(ellipse at 75% 45%,#2c343b,var(--ink) 72%)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:6%;padding-block:48px 36px}
.hero-photo{margin:0;position:relative;min-width:0}
.hero-photo img{width:100%;height:clamp(400px,43vw,580px);object-fit:cover;object-position:center 54%}
.hero-photo::after{position:absolute;inset:0;content:"";border:1px solid #e0bf7b52;pointer-events:none}
.eyebrow{margin:0 0 18px;color:var(--gold);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
h1,h2,h3,p{margin-top:0}
h1,h2{font-family:var(--serif);font-weight:400}
h1{font-size:clamp(68px,8.2vw,126px);line-height:.88;letter-spacing:-.033em;margin-bottom:26px}
h1 em{color:var(--gold)}
h2{font-size:clamp(42px,5.15vw,76px);letter-spacing:-.022em;line-height:1;margin-bottom:28px}
h3{font-size:1.25rem;line-height:1.22;margin-bottom:12px}
p{max-width:66ch;color:var(--muted);margin-bottom:16px}
.lede{max-width:47ch;font-size:clamp(16px,1.45vw,20px);margin-bottom:28px}
.text-link{border-bottom:1px solid #e0bf7b6b;font-weight:600;font-size:.88rem}
.text-link span{color:var(--gold);padding-left:5px}
.region{border-top:1px solid var(--line);padding-block:16px;color:var(--gold);font-size:.78rem;letter-spacing:.04em}
.section{padding-block:clamp(62px,8vw,118px);scroll-margin-top:12px}
.light{background:var(--paper);color:var(--ink)}
.light p{color:#41464b}
.light .eyebrow{color:var(--gold-dark)}
.audience-grid,.service-grid,.about,.feature-grid{display:grid;gap:28px}
.audience-grid,.about{grid-template-columns:1fr 1fr}
.audience-grid article{padding:24px 18px 0 0;border-top:1px solid #9b774c70}
.service-grid{grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.service-grid article{padding:27px 24px;background:var(--panel)}
.service-grid h3{color:var(--gold)}
article p,li p,.about p{margin-bottom:0}
.feature{background:#252d33}
.feature-grid{grid-template-columns:.8fr 1.2fr;gap:8%;align-items:center}
.feature img{width:100%;height:390px;object-fit:cover}
.steps{list-style:none;counter-reset:step;display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:35px 0 26px;padding:0}
.steps li{border-top:1px solid #9b774c70;padding-top:16px;counter-increment:step}
.steps li::before{content:"0" counter(step);display:block;color:var(--gold-dark);font-weight:700;margin-bottom:15px;font-size:.8rem}
.formats{padding-top:18px;border-top:1px solid #9b774c70;max-width:none}
.about{align-items:center}
.about h2{margin-bottom:0}
.contact{background:#232b32;border-block:1px solid var(--line)}
.contact h2{max-width:18ch}
.contact p{margin-bottom:23px}
.foot{padding-block:26px;gap:20px;justify-content:space-between;flex-wrap:wrap;color:var(--muted);font-size:.85rem}
@media(max-width:980px){
.wrap{width:min(100% - 56px,1240px)}
.top{flex-wrap:wrap;padding-block:12px;gap:14px}
.top nav{order:3;width:100%;padding-top:8px;border-top:1px solid var(--line);flex-wrap:wrap}
.hero-grid{gap:24px}
h1{font-size:clamp(57px,9vw,96px)}
}
@media(max-width:650px){
.wrap{width:calc(100% - 36px)}
.top nav{gap:6px 16px;font-size:.82rem}
.actions{gap:12px}
.top .outline{padding:7px 9px;font-size:.77rem}
.logo img,.foot img{width:102px}
.hero-grid,.audience-grid,.service-grid,.feature-grid,.steps,.about{grid-template-columns:1fr}
.hero-grid{padding-top:34px}
.hero-photo img{height:clamp(230px,70vw,360px)}
.hero-actions{gap:14px;flex-wrap:wrap}
.feature img{height:280px}
.about p{margin-top:0}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}