@font-face{font-family:"Trident";src:url("../fonts/Trident-Light.woff2") format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:"Trident";src:url("../fonts/Trident-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Trident";src:url("../fonts/Trident-Black.woff2") format("woff2");font-weight:900;font-display:swap}
@font-face{font-family:"Trident Narrow";src:url("../fonts/TridentNarrow-Bold.woff2") format("woff2");font-weight:700;font-display:swap}
:root{--abyss:#061019;--foam:#E9EFF3;--haze:#9DB0BF;--rule:rgba(233,239,243,.16);--signal:#5AA6E6;color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--abyss);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--abyss);color:var(--foam);font-family:"Trident","Bahnschrift","Segoe UI",system-ui,sans-serif;font-weight:300;font-size:1.0625rem;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--foam);text-underline-offset:3px;text-decoration-color:rgba(233,239,243,.4)}
a:hover{text-decoration-color:var(--signal)}
:focus-visible{outline:2px solid var(--signal);outline-offset:4px}
.wrap{max-width:1440px;margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px),4.5vw);padding-right:max(16px,env(safe-area-inset-right,0px),4.5vw)}
header .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:calc(clamp(18px,3vw,34px) + env(safe-area-inset-top,0px)) clamp(18px,3vw,34px)}
header img{width:clamp(150px,15vw,214px);height:auto;display:block}
.back{font-family:"Trident Narrow","Trident",sans-serif;font-weight:700;font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;text-decoration:none}
main .wrap{padding-block:clamp(56px,8vw,120px) clamp(80px,10vw,140px)}
.label{font-family:"Trident Narrow","Trident",sans-serif;font-weight:700;font-size:.75rem;letter-spacing:.24em;text-transform:uppercase;color:var(--signal);margin:0}
h1{font-weight:900;text-transform:uppercase;font-size:clamp(2.2rem,5.4vw,4.6rem);line-height:.95;margin:.5em 0 .8em;max-width:14em}
h2{font-weight:400;font-size:clamp(1.2rem,1.7vw,1.5rem);line-height:1.3;margin:2.2em 0 .6em}
.body{max-width:42em}
.body p,.body li{color:var(--haze)}
.body ul{padding-left:1.2em}
.updated{font-family:"Trident Narrow","Trident",sans-serif;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--haze);margin-top:3em}
.credit{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;padding-block:18px;border-bottom:1px solid var(--rule)}
.credit:first-of-type{border-top:1px solid var(--rule);margin-top:2em}
.credit b{font-weight:400;color:var(--foam)}
.credit span{color:var(--haze);font-size:.95rem}
footer{border-top:1px solid var(--rule)}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 32px;padding-block:32px calc(32px + env(safe-area-inset-bottom,0px))}
footer a,footer p{font-family:"Trident Narrow","Trident",sans-serif;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--haze);text-decoration:none;margin:0}
footer nav{display:flex;flex-wrap:wrap;gap:10px 28px}
footer a:hover,footer a[aria-current]{color:var(--foam)}
