:root{
  --bg:#0a0a0b; --panel:#111113; --line:#232327; --txt:#ECECEE; --dim:#8A8A91; --key:#C9A227;
  --max:1040px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--txt);
  font-family:"Helvetica Neue",Arial,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  -webkit-font-smoothing:antialiased}
a{color:var(--key);text-decoration:none}
a:hover{text-decoration:underline}
img{display:block;max-width:100%}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
header{border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(10,10,11,.92);
  backdrop-filter:blur(8px);z-index:20}
.nav{display:flex;align-items:center;justify-content:space-between;height:62px}
.brand{font-size:19px;letter-spacing:.34em;font-weight:700}
.nav nav{display:flex;gap:20px;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase}
.nav nav a{color:var(--dim)}
.nav nav a:hover{color:var(--txt)}
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;
  padding:72px 0 60px;border-bottom:1px solid var(--line)}
.hero h1{font-size:clamp(30px,4.4vw,52px);line-height:1.06;margin:0 0 18px;letter-spacing:-.02em}
.hero p{color:var(--dim);font-size:15.5px;line-height:1.72;margin:0 0 26px;max-width:44ch}
.hero figure{margin:0;border:1px solid var(--line);overflow:hidden;background:var(--panel)}
.hero figure img{width:100%;aspect-ratio:3/4;object-fit:cover}
.btn{display:inline-block;padding:14px 26px;border:1px solid var(--key);color:var(--key);
  font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:700}
.btn:hover{background:var(--key);color:#0a0a0b;text-decoration:none}
.btn.solid{background:var(--key);color:#0a0a0b}
.btn.solid:hover{background:#dcb43a}
.eyebrow{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--dim);margin:0 0 14px}
section.block{padding:64px 0;border-bottom:1px solid var(--line)}
h2{font-size:22px;letter-spacing:.02em;margin:0 0 26px;font-weight:700}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.card{border:1px solid var(--line);background:var(--panel);overflow:hidden}
.card img{width:100%;aspect-ratio:3/4;object-fit:cover}
.card figcaption{font-size:11.5px;color:var(--dim);padding:10px 12px;letter-spacing:.06em}
.blur img{filter:blur(14px) saturate(1.05);transition:filter .35s ease}
.blur:hover img{filter:none}
.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.cols h3{font-size:13.5px;letter-spacing:.1em;text-transform:uppercase;margin:0 0 10px;color:var(--key)}
.cols p{color:var(--dim);font-size:14px;line-height:1.72;margin:0}
footer{padding:44px 0 60px;font-size:12.5px;color:var(--dim)}
footer .links{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:16px}
.legal{padding:56px 0 80px;max-width:74ch}
.legal h1{font-size:26px;margin:0 0 8px}
.legal h2{font-size:15px;margin:30px 0 10px;color:var(--key)}
.legal p,.legal li{color:#B9B9C0;font-size:14px;line-height:1.78}
.legal .upd{font-size:12px;color:var(--dim);margin:0 0 26px}
.badge18{display:inline-block;border:1px solid var(--line);padding:3px 8px;font-size:10.5px;
  letter-spacing:.14em;color:var(--dim);margin-left:10px;vertical-align:middle}
@media(max-width:860px){
  .hero{grid-template-columns:1fr;gap:28px;padding:44px 0 40px}
  .grid{grid-template-columns:repeat(2,1fr)}
  .cols{grid-template-columns:1fr;gap:22px}
  .nav nav{display:none}
}