@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Serif+SC:wght@500;600;700&display=swap');

:root { --ink:#17222c; --paper:#f4f1ea; --cream:#e8e1d4; --rust:#c65335; --muted:#788087; --line:rgba(23,34,44,.18); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Manrope, "Noto Sans SC", sans-serif; }
a { color:inherit; text-decoration:none; }
.site-shell { max-width:1440px; margin:auto; overflow:hidden; }
.site-header { height:92px; padding:0 6vw; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.brand { display:flex; gap:12px; align-items:center; letter-spacing:.03em; }
.brand-mark { display:grid; place-items:center; width:38px; height:38px; color:var(--paper); background:var(--ink); font:500 12px "DM Mono", monospace; }
.brand strong,.brand small { display:block; }.brand strong { font-size:14px; letter-spacing:.04em; }.brand small { margin-top:2px; font:500 9px "DM Mono", monospace; letter-spacing:.2em; color:var(--rust); }
.nav { display:flex; gap:36px; margin-left:auto; margin-right:34px; font-size:12px; font-weight:700; }.nav a:hover,.text-link:hover { color:var(--rust); }.nav-search { font-size:28px; line-height:1; transform:rotate(-20deg); }
.hero { display:grid; grid-template-columns:1.08fr .92fr; min-height:650px; padding:86px 8vw 78px; gap:4vw; align-items:center; }
.eyebrow { margin:0 0 23px; color:var(--rust); font:500 11px "DM Mono", monospace; letter-spacing:.14em; text-transform:uppercase; }
h1,h2,h3,p { margin-top:0; } h1,h2 { font-weight:700; letter-spacing:-.065em; } h1 { max-width:670px; margin-bottom:28px; font-size:clamp(50px,6.3vw,92px); line-height:.99; } h2 { margin-bottom:22px; font-size:clamp(36px,4.3vw,62px); line-height:1.05; } em { color:var(--rust); font-family:"Noto Serif SC", serif; font-style:normal; font-weight:600; letter-spacing:-.09em; }
.hero-intro { max-width:500px; color:#59636a; font-size:16px; line-height:1.9; }.hero-actions { display:flex; align-items:center; gap:28px; margin-top:40px; }.button { display:inline-flex; gap:22px; align-items:center; padding:16px 20px; font-size:12px; font-weight:800; }.button-dark { color:var(--paper); background:var(--ink); }.button-dark:hover { background:var(--rust); }.text-link { border-bottom:1px solid currentColor; padding-bottom:5px; font-size:12px; font-weight:800; }.text-link span { margin-left:12px; color:var(--rust); }
.hero-visual { position:relative; min-height:440px; background:var(--cream); overflow:hidden; }.hero-visual:before { content:""; position:absolute; inset:18px; border:1px solid rgba(23,34,44,.17); }.orbit { position:absolute; border:1px solid rgba(23,34,44,.25); border-radius:50%; transform:rotate(-25deg); }.orbit-one { width:430px; height:190px; top:120px; left:50px; }.orbit-two { width:500px; height:270px; top:75px; left:0; transform:rotate(25deg); }.hero-card { position:absolute; left:22%; top:27%; padding:28px 30px; width:245px; color:var(--paper); background:var(--ink); box-shadow:18px 18px 0 var(--rust); }.card-kicker { display:block; margin-bottom:38px; color:#b8c0c0; font:500 10px "DM Mono",monospace; letter-spacing:.14em; }.hero-card strong { display:block; font-family:"Noto Serif SC",serif; font-size:24px; line-height:1.35; font-weight:600; }.card-line { display:block; width:36px; margin:25px 0 13px; border-top:2px solid var(--rust); }.hero-card small { color:#b8c0c0; font:10px "DM Mono",monospace; }.signal { position:absolute; color:var(--rust); font:10px "DM Mono",monospace; letter-spacing:.15em; }.signal-a { left:24px; top:23px; }.signal-b { right:24px; bottom:23px; transform:rotate(90deg); }
.ticker { display:flex; justify-content:space-around; align-items:center; min-height:66px; padding:0 7vw; color:var(--paper); background:var(--rust); font:10px "DM Mono",monospace; letter-spacing:.1em; text-transform:uppercase; }.ticker i { font-size:16px; font-style:normal; }
.section-block { padding:130px 8vw 140px; }.section-heading { display:grid; grid-template-columns:1fr 1.1fr 1fr; gap:5vw; align-items:end; margin-bottom:62px; }.section-heading p:last-child { max-width:330px; margin:0 0 3px; color:#687177; font-size:13px; line-height:1.8; }.area-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }.area-card { min-height:210px; position:relative; padding:28px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); transition:background .25s, transform .25s; }.area-card:hover { background:var(--cream); transform:translateY(-4px); }.area-card-featured { color:var(--paper); background:var(--ink); }.area-number { color:var(--rust); font:500 11px "DM Mono",monospace; }.area-card h3 { margin:42px 0 13px; font-size:17px; }.area-card p { color:#6f777c; font-size:12px; line-height:1.6; }.area-card-featured p { color:#b8c0c0; }.area-arrow { position:absolute; right:28px; bottom:26px; color:var(--rust); font-size:24px; }
.report-band { display:grid; grid-template-columns:1fr 1fr; gap:10vw; padding:112px 8vw; color:var(--paper); background:var(--ink); }.report-placeholder { padding:8px 0 0 13%; border-left:1px solid rgba(244,241,234,.3); }.report-placeholder span { color:var(--rust); font:500 10px "DM Mono",monospace; letter-spacing:.15em; }.report-placeholder strong { display:block; margin:36px 0 20px; font-family:"Noto Serif SC",serif; font-size:30px; line-height:1.35; }.report-placeholder p { max-width:330px; margin-bottom:28px; color:#adb6b7; font-size:13px; line-height:1.8; }
.about-strip { display:grid; grid-template-columns:60px 1.1fr 1fr; gap:5vw; padding:105px 8vw; align-items:start; }.about-index { color:var(--rust); font:500 12px "DM Mono",monospace; }.about-strip > p { max-width:380px; color:#687177; font-size:14px; line-height:1.9; }.site-footer { display:flex; justify-content:space-between; padding:27px 8vw; border-top:1px solid var(--line); color:#778087; font:10px "DM Mono",monospace; }
@media (max-width:800px) { .site-header { height:76px; padding:0 6vw; }.nav { display:none; }.hero { display:block; min-height:0; padding:65px 6vw 72px; }.hero-visual { min-height:360px; margin-top:60px; }.hero-card { left:15%; }.section-block { padding:85px 6vw; }.section-heading { display:block; }.section-heading p:last-child { margin-top:27px; }.area-grid { grid-template-columns:1fr 1fr; }.area-card { min-height:180px; padding:20px; }.area-card h3 { margin-top:30px; font-size:15px; }.report-band { display:block; padding:80px 6vw; }.report-placeholder { margin-top:55px; padding:0 0 0 25px; }.about-strip { display:block; padding:80px 6vw; }.about-index { margin-bottom:35px; }.about-strip > p { margin-top:30px; }.site-footer { flex-wrap:wrap; gap:12px; padding:23px 6vw; } }
@media (max-width:460px) { h1 { font-size:45px; }.ticker { justify-content:flex-start; gap:18px; padding:0 6vw; overflow:hidden; white-space:nowrap; }.ticker span:nth-of-type(n+3),.ticker i:nth-of-type(n+3) { display:none; }.area-grid { grid-template-columns:1fr; }.hero-visual { min-height:330px; }.hero-card { left:12%; }.hero-card strong { font-size:21px; } }