:root { --ink:#10182f; --ink-soft:#263454; --paper:#f7f2e9; --cream:#fffaf0; --red:#e63827; --orange:#ff9d18; --yellow:#ffd356; --line:rgba(16,24,47,.17); --mono:"SF Mono","Cascadia Mono","Liberation Mono",monospace; --display:"Avenir Next Condensed","Franklin Gothic Condensed","Haettenschweiler",sans-serif; --body:"Avenir Next","Trebuchet MS",sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:var(--body); font-size:16px; line-height:1.6; overflow-x:hidden; }
body:before { content:""; position:fixed; inset:0; z-index:-1; opacity:.21; background-image:linear-gradient(125deg,transparent 0 47%,rgba(16,24,47,.08) 47.2% 48%,transparent 48.2% 100%),radial-gradient(rgba(16,24,47,.24) .65px,transparent .65px); background-size:18px 18px,5px 5px; pointer-events:none; }
a { color:inherit; }
.skip-link { position:absolute; left:12px; top:-60px; z-index:30; padding:.6rem 1rem; background:var(--yellow); color:var(--ink); font-weight:700; transition:top .2s; }
.skip-link:focus { top:12px; }
.site-header { min-height:88px; display:flex; justify-content:space-between; align-items:center; padding:19px clamp(22px,5vw,88px); border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:12px; text-decoration:none; font:800 28px/.8 var(--display); letter-spacing:.02em; }
.brand b,.footer-brand b { color:var(--red); }.brand small { display:block; margin-top:5px; font:500 9px/1 var(--mono); letter-spacing:.22em; }
.brand-mark { width:29px; height:29px; display:grid; place-items:center; position:relative; background:var(--red); clip-path:polygon(50% 0,100% 18%,100% 82%,50% 100%,0 82%,0 18%); }.brand-mark i { position:absolute; width:3px; height:3px; border-radius:50%; background:var(--yellow); }.brand-mark i:nth-child(1){ transform:translate(-7px,-5px); }.brand-mark i:nth-child(2){ transform:translate(4px,0); }.brand-mark i:nth-child(3){ transform:translate(-3px,7px); }
.header-tools { display:flex; align-items:flex-end; flex-direction:column; gap:10px; }.language-switcher { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:4px; }.language-switcher a { padding:4px 5px; color:var(--ink-soft); border:1px solid var(--line); text-decoration:none; font:600 9px/1 var(--mono); letter-spacing:.03em; }.language-switcher a:hover,.language-switcher a[aria-current="page"] { color:var(--cream); border-color:var(--ink); background:var(--ink); }.updated { display:flex; align-items:center; gap:8px; margin:0; color:var(--ink-soft); font:500 10px/1 var(--mono); letter-spacing:.08em; text-transform:uppercase; }.updated span { width:8px; height:8px; background:#4faf6d; border-radius:50%; box-shadow:0 0 0 4px rgba(79,175,109,.14); }
.hero { min-height:clamp(590px,72vh,760px); display:grid; grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr); position:relative; isolation:isolate; overflow:hidden; }
.hero-copy { padding:clamp(75px,11vw,165px) clamp(22px,7vw,125px) 75px; max-width:800px; }.eyebrow { margin:0 0 17px; color:var(--red); font:600 11px/1.2 var(--mono); letter-spacing:.18em; text-transform:uppercase; }
h1,h2,h3,p { overflow-wrap:break-word; } h1,h2,h3 { margin:0; }h1 { max-width:750px; font:900 clamp(72px,10vw,154px)/.77 var(--display); letter-spacing:-.045em; text-transform:uppercase; }h1 em { color:var(--red); font-style:italic; } .hero-lead { max-width:565px; margin:34px 0 23px; font-size:clamp(17px,2vw,22px); line-height:1.52; }.notice { max-width:560px; padding:13px 17px; border-left:4px solid var(--red); background:rgba(255,255,255,.54); font-size:13px; line-height:1.55; }.cta { display:inline-flex; gap:23px; align-items:center; margin-top:34px; padding:15px 18px 15px 21px; background:var(--ink); color:var(--cream); text-decoration:none; font:700 12px/1 var(--mono); letter-spacing:.08em; text-transform:uppercase; transition:transform .2s,background .2s; }.cta b { font:900 22px/1 var(--display); color:var(--yellow); }.cta:hover { transform:translate(3px,-3px); background:var(--red); }
.hero-art { min-height:540px; position:relative; overflow:hidden; background:var(--ink); clip-path:polygon(13% 0,100% 0,100% 100%,0 100%,0 11%); }.hero-art:after { content:""; position:absolute; inset:0; opacity:.42; background:radial-gradient(circle at 72% 26%,rgba(255,255,255,.18) 0 1px,transparent 1.5px) 0 0/23px 23px,linear-gradient(145deg,transparent 55%,rgba(255,255,255,.1) 55.3%,transparent 55.6%); mix-blend-mode:screen; }.sun { position:absolute; width:clamp(270px,33vw,480px); aspect-ratio:1; top:17%; left:13%; display:grid; place-content:center; border-radius:50%; background:var(--yellow); color:var(--ink); text-align:center; font:900 clamp(30px,4.8vw,65px)/.75 var(--display); letter-spacing:-.03em; transform:rotate(-9deg); box-shadow:0 0 0 13px var(--red),0 0 0 15px var(--yellow); }.hero-art p { position:absolute; z-index:2; right:7%; bottom:8%; margin:0; color:var(--cream); font:900 clamp(30px,4.6vw,57px)/.75 var(--display); letter-spacing:-.03em; text-align:right; }.hero-art p span { color:var(--orange); font:500 11px/1 var(--mono); letter-spacing:.17em; }.speed { position:absolute; height:17px; background:var(--red); transform:rotate(-32deg); z-index:1; }.speed-a { width:54%; right:-9%; top:17%; }.speed-b { width:44%; right:-4%; top:29%; background:var(--orange); }.speed-c { width:54%; left:-17%; bottom:17%; background:var(--yellow); }.orb { position:absolute; z-index:2; width:24px; aspect-ratio:1; border-radius:50%; background:var(--orange); border:3px solid var(--cream); box-shadow:0 0 0 2px var(--red); }.orb-a { right:18%; top:16%; }.orb-b { right:39%; bottom:13%; }.orb-c { left:11%; bottom:27%; }
.status-strip { display:grid; grid-template-columns:repeat(4,1fr); padding:0 clamp(22px,7vw,125px); color:var(--cream); background:var(--red); }.status-strip div { min-height:105px; padding:22px 20px 19px 0; border-right:1px solid rgba(255,255,255,.3); }.status-strip div:not(:first-child) { padding-left:20px; }.status-strip div:last-child { border:0; }.status-strip span { display:block; margin-bottom:4px; color:rgba(255,255,255,.74); font:500 9px/1 var(--mono); letter-spacing:.13em; }.status-strip strong { font:700 clamp(17px,2vw,25px)/1 var(--display); text-transform:uppercase; }
.section { padding:clamp(82px,11vw,150px) clamp(22px,7vw,125px); }.section-intro { max-width:830px; margin-bottom:48px; }h2 { font:800 clamp(43px,6.5vw,82px)/.87 var(--display); letter-spacing:-.035em; text-transform:uppercase; }.facts { background:var(--cream); }.facts-grid { display:grid; grid-template-columns:1.2fr 1fr 1fr; gap:16px; }.facts-grid > * { min-width:0; }.fact-card { min-height:390px; padding:27px; display:flex; flex-direction:column; border:1px solid var(--line); background:var(--paper); }.fact-card--primary { color:var(--cream); background:var(--ink); border-color:var(--ink); }.card-index { margin:0 0 50px; color:var(--red); font:900 35px/1 var(--display); }.fact-card--primary .card-index { color:var(--yellow); }.fact-card h3 { font:800 32px/.93 var(--display); text-transform:uppercase; }.fact-card p:not(.card-index) { margin:20px 0 24px; font-size:13px; line-height:1.6; }.fact-card a,.text-link { margin-top:auto; color:var(--red); font:600 10px/1.45 var(--mono); letter-spacing:.02em; text-decoration-thickness:1px; text-underline-offset:4px; }.fact-card a span,.text-link span { font-size:17px; }.fact-card--primary a { color:var(--yellow); }
.location { display:grid; grid-template-columns:1fr 1fr; gap:clamp(42px,8vw,130px); align-items:center; background:var(--orange); }.map-panel { aspect-ratio:1.05; position:relative; overflow:hidden; border:8px solid var(--ink); background:var(--yellow); }.map-panel:before { content:""; position:absolute; inset:-30%; opacity:.68; background:repeating-linear-gradient(15deg,transparent 0 17px,var(--ink) 18px 19px,transparent 20px 39px); }.map-grid { position:absolute; inset:0; background:linear-gradient(90deg,transparent 49%,rgba(16,24,47,.75) 49.5% 50.5%,transparent 51%),linear-gradient(transparent 49%,rgba(16,24,47,.75) 49.5% 50.5%,transparent 51%); background-size:45px 45px; transform:rotate(18deg) scale(1.5); }.map-ring { position:absolute; width:71%; aspect-ratio:1; left:15%; top:15%; border:2px solid var(--red); border-radius:48% 52% 50% 50%; transform:rotate(25deg); }.ring-two { width:47%; left:28%; top:28%; border-color:var(--ink); }.map-pin { position:absolute; z-index:2; top:39%; left:43%; width:59px; height:59px; display:grid; place-items:center; border-radius:50% 50% 50% 0; background:var(--red); transform:rotate(-45deg); box-shadow:8px 8px 0 var(--ink); }.map-pin span { width:22px; height:22px; border-radius:50%; background:var(--yellow); }.map-panel p { position:absolute; left:9%; bottom:8%; margin:0; color:var(--ink); font:900 clamp(52px,7vw,90px)/.72 var(--display); letter-spacing:-.05em; }.map-panel small { position:absolute; right:8%; top:9%; writing-mode:vertical-rl; color:var(--red); font:600 10px/1 var(--mono); letter-spacing:.18em; }.location-copy h2 { max-width:620px; }.location-copy > p:not(.eyebrow) { max-width:560px; margin:26px 0; font-size:16px; }.quote-box { margin:29px 0; padding:18px 22px; border-top:4px solid var(--ink); background:rgba(255,250,240,.62); }.quote-box span { color:var(--red); font:600 10px/1 var(--mono); letter-spacing:.14em; }.quote-box p { margin:9px 0 0; font:700 24px/1 var(--display); text-transform:uppercase; }.text-link { display:inline-block; margin-top:0; color:var(--ink); }
.unknowns { color:var(--cream); background:var(--ink); }.unknowns .section-intro .eyebrow { color:var(--orange); }.unknown-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(255,255,255,.23); border-left:1px solid rgba(255,255,255,.23); }.unknown-grid article { min-height:180px; padding:23px; border-right:1px solid rgba(255,255,255,.23); border-bottom:1px solid rgba(255,255,255,.23); }.unknown-grid span { color:var(--orange); font:500 11px/1 var(--mono); }.unknown-grid h3 { margin:24px 0 6px; font:700 27px/.9 var(--display); text-transform:uppercase; }.unknown-grid p { margin:0; color:#d2d8e5; font-size:13px; line-height:1.45; }
.comparison { background:var(--cream); }.comparison-table { border-top:3px solid var(--ink); }.comparison-row { display:grid; grid-template-columns:.65fr 1fr 1fr; border-bottom:1px solid var(--line); }.comparison-row > * { padding:17px; margin:0; border-right:1px solid var(--line); font-size:13px; line-height:1.45; }.comparison-row > *:last-child { border-right:0; }.comparison-row strong { font:700 20px/.92 var(--display); text-transform:uppercase; }.comparison-head { color:var(--cream); background:var(--ink); }.comparison-head span { font:500 10px/1.2 var(--mono); letter-spacing:.1em; }.comparison-note { max-width:730px; margin:24px 0; padding-left:14px; border-left:3px solid var(--orange); font-size:13px; }
.faq { background:var(--paper); }.faq-list { max-width:990px; border-top:2px solid var(--ink); }.faq-list details { border-bottom:1px solid var(--line); }.faq-list summary { display:flex; justify-content:space-between; gap:20px; padding:22px 0; cursor:pointer; list-style:none; font:700 clamp(23px,3.4vw,40px)/.92 var(--display); text-transform:uppercase; }.faq-list summary::-webkit-details-marker { display:none; }.faq-list summary span { color:var(--red); transition:transform .2s; }.faq-list details[open] summary span { transform:rotate(45deg); }.faq-list p { max-width:760px; margin:0 0 22px; font-size:14px; }
.dossier-index { background:var(--yellow); }.dossier-index .section-intro > p:not(.eyebrow) { max-width:760px; margin:24px 0 0; }.dossier-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }.dossier-grid a { min-height:165px; padding:21px; color:var(--cream); background:var(--ink); text-decoration:none; transition:transform .2s,background .2s; }.dossier-grid a:hover { background:var(--red); transform:translate(3px,-3px); }.dossier-grid span,.dossier-grid small { display:block; color:var(--yellow); font:500 10px/1 var(--mono); letter-spacing:.1em; }.dossier-grid strong { display:block; margin:36px 0 12px; font:700 25px/.9 var(--display); text-transform:uppercase; }.dossier-grid small { color:#cbd3e1; }.dossier-index .cta { margin-top:28px; }
.article-page { max-width:1120px; margin:0 auto; padding:clamp(65px,9vw,120px) clamp(22px,6vw,76px); }.article-page .intro { max-width:850px; margin-bottom:68px; }.article-page .intro > p:last-child { max-width:710px; margin:25px 0 0; font-size:18px; }.article-page section { margin:0 0 72px; scroll-margin-top:30px; }.article-page h2 { margin-bottom:20px; font-size:clamp(35px,4.5vw,61px); }.article-page h3 { margin:30px 0 9px; font:700 26px/.95 var(--display); text-transform:uppercase; }.article-page p,.article-page li { max-width:800px; font-size:15px; }.article-page ul { max-width:810px; padding-left:22px; }.article-page li { margin:9px 0; }.evidence-box { max-width:850px; padding:21px 24px; border-left:4px solid var(--red); background:var(--paper); }.evidence-box strong { display:block; margin-bottom:6px; font:700 19px/1 var(--display); text-transform:uppercase; }.article-page .source-list { padding:0; list-style:none; }.article-page .source-list li { padding:13px 0; border-top:1px solid var(--line); }.article-page .source-list a { color:var(--red); text-underline-offset:4px; }
.sources { display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(35px,8vw,130px); padding:clamp(72px,9vw,120px) clamp(22px,7vw,125px); color:var(--cream); background:var(--red); }.sources .eyebrow { color:var(--yellow); }.sources h2 { font-size:clamp(41px,5.3vw,66px); }.sources p { max-width:540px; font-size:14px; }.sources ol { margin:0; padding:0; list-style:none; counter-reset:source; }.sources li { position:relative; padding:16px 0 16px 42px; border-top:1px solid rgba(255,255,255,.35); counter-increment:source; font-size:13px; line-height:1.35; }.sources li:before { content:"0" counter(source); position:absolute; left:0; top:16px; color:var(--yellow); font:500 10px/1 var(--mono); }.sources li a { text-decoration-thickness:1px; text-underline-offset:4px; }.sources li a:hover { color:var(--yellow); }
footer { display:grid; grid-template-columns:1fr auto 1fr; gap:20px; align-items:center; padding:28px clamp(22px,5vw,88px); color:var(--cream); background:#080d1d; }.footer-brand { font:800 24px/.8 var(--display); }.footer-brand span { display:block; margin-top:7px; font:500 9px/1 var(--mono); letter-spacing:.16em; }footer nav { display:flex; gap:19px; font:500 10px/1 var(--mono); text-transform:uppercase; }footer nav a { text-decoration-thickness:1px; text-underline-offset:4px; }footer > p { justify-self:end; margin:0; color:#a6afc4; font:500 10px/1.4 var(--mono); text-align:right; }
.legal-page { min-height:68vh; padding:clamp(72px,11vw,150px) clamp(22px,7vw,125px); background:var(--cream); }.legal-page > h1 { margin-bottom:58px; }.legal-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; max-width:1100px; }.legal-grid section { padding:26px; border-top:4px solid var(--red); background:var(--paper); }.legal-grid h2 { margin-bottom:17px; font-size:35px; }.legal-grid p { margin:0 0 16px; font-size:14px; }.legal-grid a { color:var(--red); text-underline-offset:4px; }
@media (max-width:850px) { .site-header { min-height:76px; }.header-tools { align-items:flex-end; }.hero { grid-template-columns:1fr; }.hero-copy { padding-top:82px; padding-bottom:58px; }.hero-art { min-height:400px; clip-path:polygon(0 11%,100% 0,100% 100%,0 100%); }.sun { width:250px; left:23%; top:22%; }.status-strip { grid-template-columns:repeat(2,1fr); }.status-strip div:nth-child(2) { border-right:0; }.status-strip div:nth-child(3) { border-top:1px solid rgba(255,255,255,.3); padding-left:0; }.status-strip div:nth-child(4) { border-top:1px solid rgba(255,255,255,.3); }.facts-grid { grid-template-columns:minmax(0,1fr); }.location,.sources { grid-template-columns:1fr; }.fact-card { min-height:auto; }.fact-card .card-index { margin-bottom:28px; }.unknown-grid,.dossier-grid { grid-template-columns:repeat(2,1fr); }.map-panel { max-width:560px; width:100%; }.comparison-row { grid-template-columns:.6fr 1fr 1fr; }.comparison-row > * { padding:13px 9px; font-size:11px; }.comparison-row strong { font-size:17px; }footer { grid-template-columns:1fr; }.footer-brand,footer > p { justify-self:start; } }
@media (max-width:520px) { .updated { font-size:8px; }.brand { font-size:24px; }.hero-lead { font-size:17px; }.notice { font-size:12px; }.status-strip { padding:0 22px; }.status-strip div { min-height:91px; padding:16px 12px 15px 0; }.status-strip div:not(:first-child) { padding-left:12px; }.status-strip strong { font-size:18px; }.section { padding-top:70px; padding-bottom:70px; }.facts-grid { gap:10px; }.fact-card { padding:22px; }.unknown-grid,.dossier-grid { grid-template-columns:1fr; }.unknown-grid article { min-height:135px; }.comparison-table { overflow-x:auto; }.comparison-row { min-width:590px; }.sources li { font-size:12px; }.hero-art p { right:8%; bottom:10%; }.legal-grid { grid-template-columns:1fr; } }
[dir="rtl"] { text-align:right; }.language-switcher { text-align:left; }[dir="rtl"] .header-tools { align-items:flex-start; }[dir="rtl"] .language-switcher { justify-content:flex-start; }[dir="rtl"] .notice { border-left:0; border-right:4px solid var(--red); }[dir="rtl"] .comparison-note { padding-left:0; padding-right:14px; border-left:0; border-right:3px solid var(--orange); }[dir="rtl"] .sources li { padding-left:0; padding-right:42px; }[dir="rtl"] .sources li:before { left:auto; right:0; }[dir="rtl"] .hero-art p { right:auto; left:7%; text-align:left; }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }.cta,.faq-list summary span { transition:none; } }