:root{--red:#c41a1a;--black:#0d0d0d;--dark:#151515;--surface:#1e1e1e;--border:#272727;--white:#f0f0ec;--muted:#a0a09b;--text:#d2d2ce}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--black)}
body{background:var(--black);color:var(--text);font-family:'DM Sans',sans-serif;font-weight:300;line-height:1.8;font-size:18px;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.eyebrow{font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--red);font-weight:500}
.display{font-family:'Bebas Neue',sans-serif;font-weight:400;line-height:.96;letter-spacing:.01em}
.hub-hero{padding:128px 0 18px}
.hub-hero h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(40px,7vw,92px);line-height:.94;color:var(--white);margin:16px 0 26px;letter-spacing:.01em;max-width:14ch}
.hub-hero h1 em{color:var(--red);font-style:normal}
.intro{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(21px,2.6vw,30px);line-height:1.35;color:var(--white);max-width:780px}
.intro b{color:var(--red);font-weight:500;font-style:normal}
.cases{padding:60px 0 96px}
.card{display:grid;grid-template-columns:1.05fr 1fr;border:1px solid var(--border);background:var(--dark);margin-bottom:30px;overflow:hidden}
.card .media{min-height:340px}
.card img{width:100%;height:100%;min-height:340px;object-fit:cover;filter:grayscale(.1)}
.card .body{padding:48px;display:flex;flex-direction:column;justify-content:center}
.card.rev .media{order:2}
.rank{font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--red);font-weight:500}
.card h2{font-size:clamp(30px,3.6vw,46px);color:var(--white);margin:12px 0 14px}
.one{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:23px;color:var(--white);margin:0 0 16px;line-height:1.3}
.blurb{font-size:17px;line-height:1.75;color:var(--text);margin:0 0 26px;max-width:46ch}
.golink{color:var(--red);text-decoration:none;font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;border-bottom:1px solid var(--red);padding-bottom:4px;width:fit-content}
.golink:hover{color:var(--white);border-color:var(--white)}
.faqs{padding:8px 0 96px}
.faq-item{border-top:1px solid var(--border);padding:28px 0}
.faq-item h3{font-family:'DM Sans',sans-serif;font-weight:500;font-size:21px;color:var(--white);margin-bottom:10px;line-height:1.4}
.faq-item p{max-width:840px;color:var(--text);margin:0}
a:focus-visible{outline:2px solid var(--white);outline-offset:3px}
footer{background:var(--dark);padding:40px 0;border-top:1px solid var(--border)}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;align-items:center;color:var(--muted);font-size:13px;letter-spacing:.05em}
.rx{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.rx.in{opacity:1;transform:none}
@media(max-width:860px){
 .card,.card.rev{grid-template-columns:1fr}
 .card .media,.card.rev .media{order:0}
 .card .body{padding:32px}
 .hub-hero{padding:96px 0 10px}
}
@media(prefers-reduced-motion:reduce){.rx{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}