:root{
  --bg:#0c0c0c;
  --panel:#141414;
  --fg:#f5f5f5;
  --muted:rgba(245,245,245,.66);
  --line:rgba(245,245,245,.12);
  --gold:#c9a96e;
  --serif:"Cormorant Garamond","Times New Roman",serif;
  --sans:"Inter",system-ui,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:16px;line-height:1.7}
a{color:inherit;text-decoration:none}
img{display:block;width:100%;height:auto}
.wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}
.nav{position:sticky;top:0;z-index:10;background:rgba(12,12,12,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav-inner{height:76px;display:flex;align-items:center;gap:28px}
.brand{font-weight:600;letter-spacing:.03em;margin-right:auto}
.nav-links{display:flex;align-items:center;gap:24px;font-size:13px;color:var(--muted)}
.nav-links a:hover{color:var(--fg)}
.lang{display:flex;border:1px solid var(--line);border-radius:99px;padding:3px;font:10px var(--mono);letter-spacing:.14em}
.lang a{padding:6px 10px;border-radius:99px;color:var(--muted)}
.lang a.active{background:var(--gold);color:#0b0b0b}
.hero{padding:clamp(80px,12vw,160px) 0 76px;border-bottom:1px solid var(--line)}
.eyebrow{font:11px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.02;margin:0}
h1{font-size:clamp(55px,9vw,126px);max-width:1050px;margin:24px 0 30px}
.lead{font-size:clamp(18px,2vw,25px);line-height:1.55;max-width:800px;color:var(--muted)}
.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:38px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border:1px solid var(--gold);font:11px var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--gold)}
.button.primary{background:var(--gold);color:#0b0b0b}
.section{padding:clamp(70px,10vw,130px) 0;border-bottom:1px solid var(--line)}
.section-head{display:grid;grid-template-columns:1fr 2fr;gap:40px;margin-bottom:56px}
h2{font-size:clamp(42px,6vw,78px)}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.card{background:var(--bg);padding:clamp(26px,4vw,48px)}
.card .num{font:10px var(--mono);color:var(--gold);letter-spacing:.16em}
.card h3{font-size:clamp(28px,3vw,40px);margin:28px 0 16px}
.card p,.copy p{color:var(--muted);margin:0}
.copy{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,90px);align-items:start}
.copy h2{position:sticky;top:120px}
.copy-text{display:grid;gap:24px}
.copy-text ul{margin:0;padding-left:20px;color:var(--muted)}
.work-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}
.work-grid figure{margin:0;overflow:hidden;background:var(--panel)}
.work-grid img{height:100%;object-fit:cover;min-height:420px}
.faq{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}
.faq article{background:var(--bg);padding:clamp(26px,4vw,46px)}
.faq h3{font-size:clamp(26px,3vw,38px);margin-bottom:14px}
.faq p{margin:0;color:var(--muted)}
.cta-band{text-align:center;padding:clamp(86px,13vw,160px) 0}
.cta-band h2{max-width:900px;margin:0 auto 30px}
.footer{border-top:1px solid var(--line);padding:28px 0;color:var(--muted);font-size:13px}
.footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.crumbs{font:10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:34px}
.crumbs a{color:var(--gold)}
@media(max-width:800px){
  .nav-links{display:none}
  .section-head,.copy{grid-template-columns:1fr}
  .copy h2{position:static}
  .grid{grid-template-columns:1fr}
  .work-grid{grid-template-columns:1fr}
  .work-grid img{min-height:0}
  .faq{grid-template-columns:1fr}
}