:root{
  --paper:#f3f0e8;
  --ink:#0a0d0f;
  --red:#a40000;
  --muted:#6f7070;
  --line:#b8b6b0;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:
    radial-gradient(circle at 15% 20%, rgba(0,0,0,.025), transparent 30%),
    radial-gradient(circle at 80% 65%, rgba(164,0,0,.018), transparent 32%),
    var(--paper);
  color:var(--ink);
  font-family:Arial, Helvetica, sans-serif;
  line-height:1.45;
}
body:before{
  content:"";
  pointer-events:none;
  position:fixed; inset:0; opacity:.12; z-index:-1;
  background-image:
    repeating-linear-gradient(0deg, rgba(0,0,0,.035) 0, rgba(0,0,0,.035) 1px, transparent 1px, transparent 4px);
  mix-blend-mode:multiply;
}
a{color:inherit}
.wrap{width:min(calc(100% - 42px),var(--max));margin:auto}
header{
  position:sticky;top:0;z-index:20;
  backdrop-filter:blur(9px);
  background:rgba(243,240,232,.88);
  border-bottom:1px solid rgba(10,13,15,.12);
}
.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:900;letter-spacing:.02em}
.brand img{width:36px;height:44px}
nav{display:flex;gap:24px;align-items:center;font-weight:700;font-size:.93rem}
nav a{text-decoration:none}
nav a:hover{color:var(--red)}
.hero{min-height:82vh;display:flex;align-items:center;padding:82px 0 70px;position:relative;overflow:hidden}
.eyebrow{font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.84rem;margin-bottom:22px}
h1,h2,h3{
  font-family:"Arial Narrow", Impact, Haettenschweiler, Arial, sans-serif;
  text-transform:uppercase;
  line-height:.94;
  margin:0;
  letter-spacing:-.025em;
}
h1{font-size:clamp(3.7rem,10vw,8.2rem);max-width:1050px}
h1 .red,h2 .red,.red{color:var(--red)}
.lead{font-size:clamp(1.15rem,2.2vw,1.55rem);max-width:820px;margin:34px 0 0}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.btn{display:inline-block;padding:13px 18px;border:2px solid var(--ink);text-decoration:none;font-weight:800}
.btn.primary{background:var(--ink);color:var(--paper)}
.btn:hover{transform:translateY(-1px)}
.hero-deco{position:absolute;right:2%;top:16%;width:260px;height:430px;opacity:.92}
.dotline{position:absolute;width:1px;background:var(--line)}
.dotline:before,.dotline:after{content:"";position:absolute;left:50%;transform:translateX(-50%);border-radius:50%}
.dotline:before{width:12px;height:12px;top:-5px;background:var(--red)}
.dotline:after{width:6px;height:6px;bottom:-3px;background:var(--ink)}
.d1{height:210px;right:38px;top:40px}.d2{height:150px;right:150px;top:190px}.d2:before{background:#929292}
section{padding:88px 0;border-top:1px solid rgba(10,13,15,.1)}
.section-grid{display:grid;grid-template-columns:minmax(0,42fr) minmax(0,58fr);gap:58px;align-items:start}
.section-grid>*{min-width:0}
h2{font-size:clamp(2.8rem,4.4vw,4.6rem);max-width:100%}
.section-title span{display:block}
.copy{font-size:1.15rem;max-width:780px}
.copy p:first-child{margin-top:0}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}
.card{border:1.5px solid var(--ink);padding:24px;min-height:210px;background:rgba(255,255,255,.14)}
.card .no{font-weight:900;color:var(--red);font-size:1rem}
.card h3{font-size:1.65rem;margin:28px 0 12px}
.card p{margin:0;color:#232629}
.quote{
  margin:34px 0 0;padding:26px 0 26px 24px;border-left:6px solid var(--red);
  font-size:1.55rem;font-weight:800;max-width:780px
}
.research-list{display:grid;gap:14px}
.research-item{padding:22px 0;border-bottom:1px solid rgba(10,13,15,.16)}
.research-item b{display:block;font-size:1.15rem;margin-bottom:4px}
.pressbox{border:2px solid var(--ink);padding:32px;background:rgba(255,255,255,.2)}
.pressbox h3{font-size:2.35rem;margin-bottom:16px}
.pressbox a{font-weight:800;color:var(--red)}
footer{padding:42px 0 60px;border-top:1px solid rgba(10,13,15,.15)}
.footergrid{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
.small{font-size:.88rem;color:var(--muted)}
.legal h1{font-size:clamp(3rem,7vw,5.8rem);margin-bottom:35px}
.legal{padding:80px 0}
.legal h2{font-size:2rem;margin:38px 0 14px}
.legal p,.legal li{max-width:850px}
.notice{border-left:5px solid var(--red);padding:14px 18px;margin:26px 0;background:rgba(164,0,0,.04)}
.placeholder{background:#fff1a8;padding:2px 5px}
.logo-big{display:flex;align-items:center;gap:16px;margin-bottom:25px;font-size:1.25rem;font-weight:900}
.logo-big img{width:56px}
.error{min-height:75vh;display:flex;align-items:center}
.error h1{font-size:clamp(4rem,12vw,10rem)}
@media(max-width:900px){
  nav{display:none}
  .hero{min-height:auto;padding:70px 0 65px}
  .hero-deco{opacity:.35;right:-70px}
  .section-grid{grid-template-columns:1fr;gap:28px}
  h2{font-size:clamp(2.8rem,11vw,5rem)}
  .cards{grid-template-columns:1fr}
  section{padding:64px 0}
}

@media(max-width:520px){
  .wrap{width:min(calc(100% - 30px),var(--max))}
  h1{font-size:clamp(3.1rem,16vw,5rem)}
  h2{font-size:clamp(2.7rem,14vw,4.2rem)}
  .pressbox{padding:22px}
}
.contact-row{margin:18px 0}.contact-row strong{display:block;margin-bottom:3px}.footerlinks{display:flex;gap:15px;flex-wrap:wrap}