:root{--bg:#0f0e0d;--pan:#171512;--line:#2b2620;--ink:#ece5da;--dim:#9a8f81;
 --fire:#ff7a2f;--f-data:ui-monospace,SFMono-Regular,Menlo,monospace}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);line-height:1.6;
 font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}
.w{max-width:720px;margin:0 auto;padding:36px 20px 72px}
a{color:var(--fire);text-decoration:none;border-bottom:1px solid rgba(255,122,47,.35)}
a:hover{border-bottom-color:var(--fire)}
nav{font:11px/1 var(--f-data);letter-spacing:.12em;text-transform:uppercase;
 color:var(--dim);margin-bottom:22px}
nav a{border:0}
/* Navigation is not a link in a sentence, so the inline-target exception
   does not cover it: at 11px/1 these were 13 px tall, which on a phone is a
   link you hit by luck. Padding, with the margin pulled back so the rhythm
   of the page above the headline does not change. */
@media (pointer:coarse),(max-width:640px){
 nav{margin-bottom:14px}
 nav a{display:inline-block;padding:7px 2px;margin:-7px 0}
}
h1{font-size:clamp(26px,4.4vw,38px);line-height:1.1;letter-spacing:-.02em;
 margin:0 0 10px;text-wrap:balance}
.kick{font:11px/1 var(--f-data);letter-spacing:.18em;text-transform:uppercase;
 color:var(--fire);margin:0 0 12px}
.meta{font:12px/1.5 var(--f-data);color:var(--dim);margin:0 0 26px;
 padding-bottom:18px;border-bottom:1px solid var(--line)}
h2{font-size:13px;letter-spacing:.13em;text-transform:uppercase;margin:32px 0 10px;
 padding-top:16px;border-top:1px solid var(--line)}
p{margin:0 0 14px;color:var(--dim)}
p b{color:var(--ink)}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
 gap:1px;background:var(--line);border:1px solid var(--line);border-radius:6px;
 overflow:hidden;margin:0 0 26px}
.facts div{background:var(--pan);padding:12px 14px}
.facts b{display:block;font-size:18px;color:var(--ink);
 font-variant-numeric:tabular-nums}
.facts span{display:block;font:10px/1.3 var(--f-data);letter-spacing:.08em;
 text-transform:uppercase;color:var(--dim);margin-top:4px}
.how{margin-top:34px;padding-top:16px;border-top:1px solid var(--line);
 font-size:12px;color:var(--dim)}
.warn{border-left:2px solid #c9584a;padding-left:12px;font-size:12.5px;
 color:var(--dim);margin:26px 0}
.warn b{color:var(--ink)}
footer{margin-top:34px;padding-top:16px;border-top:1px solid var(--line);
 font:11px/1.6 var(--f-data);color:var(--dim)}
ul.idx{list-style:none;padding:0;margin:0}
ul.idx li{padding:12px 0;border-bottom:1px solid var(--line)}
ul.idx b{display:block;font-size:15px;color:var(--ink)}
ul.idx span{font:11px/1.5 var(--f-data);color:var(--dim)}
/* --- feature strip ------------------------------------------------------ */
.fstrip{margin:34px 0 30px}
.flead{color:#8a8079;margin:-6px 0 18px;max-width:60ch}
.frow{display:grid;gap:22px;
 grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.fcard{margin:0;display:flex;flex-direction:column;align-items:center;
 text-align:center}
.fcard img{width:100%;max-width:260px;height:auto;border-radius:16px;
 display:block;background:#24404E}
.fcard figcaption{margin-top:16px}
.fcard b{display:block;font-size:16px;font-weight:600;line-height:1.25;
 margin-bottom:8px}
.fcard span{display:block;font-size:13.5px;line-height:1.5;color:#8a8079}
@media (max-width:520px){.frow{grid-template-columns:1fr 1fr;gap:16px}
 .fcard b{font-size:14.5px}.fcard span{font-size:12.5px}}
body::before{content:"";position:fixed;inset:0 0 auto 0;height:min(42vh,340px);
 z-index:-1;pointer-events:none;opacity:.5;
 background:url(/data/brand/sky-page.jpg) center top/cover no-repeat;
 -webkit-mask-image:linear-gradient(#000 0,#000 38%,transparent 100%);
 mask-image:linear-gradient(#000 0,#000 38%,transparent 100%)}