:root{--forest:#0B332A;--deep:#061A15;--beige:#F3EFE6;--sand:#E9E2D4;--ink:#0C1F19;--gold:#A58C65;--goldD:#7A6645;--off:#F7F4ED;
--lineD:rgba(11,51,42,.16);--ar:'Readex Pro','Segoe UI',Tahoma,Arial,sans-serif;--arD:'Amiri',Georgia,serif;--en:'Jost',Helvetica,Arial,sans-serif;--enD:'Cormorant Garamond',Georgia,serif;
--gut:clamp(16px,5vw,96px);--maxw:1240px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:var(--beige)}
body{margin:0;background:var(--beige);color:var(--ink);font-family:var(--ar);font-weight:300;font-size:17px;line-height:1.85;-webkit-font-smoothing:antialiased;overflow-x:hidden}
html[lang=en] body{font-family:var(--en);line-height:1.7}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.wrap{max-width:var(--maxw);margin:0 auto;padding-inline:var(--gut)}
.top{position:sticky;top:0;z-index:5;background:var(--forest);color:var(--off)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;flex-wrap:wrap;padding-block:10px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand img{height:22px;width:auto}
.brand span{font-family:var(--en);font-size:11px;letter-spacing:.32em;color:var(--gold)}
.menu{display:flex;flex-wrap:wrap;gap:4px 22px;font-size:15px}
.menu a{text-decoration:none;opacity:.82;padding-block:4px;border-bottom:1px solid transparent}
.menu a:hover,.menu a[aria-current]{opacity:1;border-bottom-color:var(--gold)}
.lang{font-family:var(--en);font-size:13px;letter-spacing:.08em;border:1px solid rgba(247,244,237,.35);padding:6px 12px;text-decoration:none}
.hero{background:var(--forest);color:var(--off);padding-block:clamp(48px,8vw,104px) clamp(40px,6vw,72px)}
.crumb{font-size:13px;opacity:.7;margin:0 0 18px}
.crumb a{text-decoration:none}
.eyebrow{font-family:var(--en);font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin:0 0 10px}
h1{font-family:var(--arD);font-weight:400;font-size:clamp(34px,5.4vw,64px);line-height:1.25;margin:0;text-wrap:balance}
html[lang=en] h1{font-family:var(--enD);font-weight:400;line-height:1.1}
.lede{max-width:62ch;font-size:clamp(17px,1.6vw,20px);opacity:.88;margin:18px 0 0}
main section{padding-block:clamp(44px,6vw,80px)}
main section+section{border-top:1px solid var(--lineD)}
h2{font-family:var(--arD);font-weight:400;font-size:clamp(26px,3.2vw,38px);line-height:1.3;margin:0 0 18px;color:var(--forest);text-wrap:balance}
html[lang=en] h2{font-family:var(--enD);font-size:clamp(28px,3.4vw,42px)}
h3{font-size:19px;font-weight:500;margin:0 0 8px;color:var(--forest)}
p{margin:0 0 14px;max-width:70ch}
.grid{display:grid;gap:28px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.item{border-top:1px solid var(--goldD);padding-top:18px}
.item .n{font-family:var(--en);font-size:13px;letter-spacing:.2em;color:var(--goldD)}
.item p{font-size:16px;margin:0}
.proj{display:grid;gap:36px 28px;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr))}
.proj figure{margin:0}
.proj img{width:100%;aspect-ratio:4/5;object-fit:cover;background:var(--sand)}
.proj figcaption{padding-top:12px}
.proj .st{font-size:13px;color:var(--goldD);letter-spacing:.04em}
.steps{counter-reset:s;display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr))}
.two{display:grid;gap:40px;grid-template-columns:1.1fr .9fr;align-items:start}
@media(max-width:860px){.two{grid-template-columns:1fr}}
.quote{font-family:var(--arD);font-size:clamp(21px,2.3vw,27px);line-height:1.7;color:var(--forest);border-inline-start:2px solid var(--gold);padding-inline-start:20px;margin:0}
html[lang=en] .quote{font-family:var(--enD)}
.stats{display:flex;flex-wrap:wrap;gap:18px 44px;margin-top:8px}
.stats div{display:flex;flex-direction:column}
.stats b{font-family:var(--en);font-weight:300;font-size:36px;color:var(--forest);font-variant-numeric:tabular-nums}
.stats span{font-size:14px;color:var(--goldD)}
dl.info{display:grid;grid-template-columns:max-content 1fr;gap:12px 28px;margin:0}
dl.info dt{color:var(--goldD);font-size:15px}
dl.info dd{margin:0}
@media(max-width:520px){dl.info{grid-template-columns:1fr;gap:2px}dl.info dd{margin-bottom:12px}}
.ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}
details{border-bottom:1px solid var(--lineD);padding-block:18px}
details:first-of-type{border-top:1px solid var(--lineD)}
summary{cursor:pointer;font-weight:500;font-size:18px;color:var(--forest);list-style:none;display:flex;justify-content:space-between;gap:16px}
summary::-webkit-details-marker{display:none}
summary::after{content:'+';font-family:var(--en);color:var(--gold);font-size:22px;line-height:1}
details[open] summary::after{content:'–'}
details p{margin:12px 0 0}
.cta{background:var(--forest);color:var(--off)}
.cta .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding-block:clamp(40px,5vw,64px)}
.cta h2{color:var(--off);margin:0}
.btns{display:flex;flex-wrap:wrap;gap:12px}
.btn{display:inline-block;padding:13px 26px;text-decoration:none;border:1px solid var(--gold);font-size:16px}
.btn.fill{background:var(--gold);color:var(--deep)}
.btn:hover{background:var(--off);color:var(--deep);border-color:var(--off)}
.foot{background:var(--deep);color:rgba(247,244,237,.8);font-size:15px}
.foot .wrap{padding-block:44px 28px;display:grid;gap:28px}
.foot nav{display:flex;flex-wrap:wrap;gap:8px 22px}
.foot a{text-decoration:none}
.foot a:hover{color:var(--gold)}
.foot .soc{display:flex;flex-wrap:wrap;gap:8px 18px;font-family:var(--en);font-size:14px}
.foot small{display:block;opacity:.7;font-size:13px}
.foot p a,.foot .ltr{white-space:nowrap}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}