:root{color-scheme:dark;--ink:#f4f5ee;--muted:#c1cecc;--bg:#081519}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;min-height:100svh;display:flex;flex-direction:column;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;isolation:isolate}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid #d9fff5;outline-offset:7px;border-radius:3px}
.world,.shade{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}
.world img{width:100%;height:100%;object-fit:cover;object-position:center 42%;animation:arrival 4.5s cubic-bezier(.18,.62,.29,1) both}
.shade{background:linear-gradient(180deg,#06121770 0%,transparent 28%,#0612171a 44%,#06121766 70%,#030c10c9 100%)}
header,footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:29px 4.5vw;gap:24px}
.brand{width:172px;display:block}
.wordmark{position:relative;display:block;aspect-ratio:5.13;overflow:hidden;mix-blend-mode:screen}
.wordmark img{position:absolute;width:151%;max-width:none;height:auto;left:50%;top:50%;transform:translate(-50%,-50%);filter:invert(1) grayscale(1) brightness(1.55);mix-blend-mode:screen}
.contact{font-size:13px;letter-spacing:.02em;padding:13px 19px;border:1px solid #ffffff50;border-radius:4px;background:#07161b15;transition:background .2s,border-color .2s;backdrop-filter:blur(8px)}
.contact span{display:inline-block;margin-left:22px;font-size:17px;transition:transform .2s}.contact:hover{background:#ffffff12;border-color:#d6eee0}.contact:hover span{transform:translate(2px,-2px)}
main{flex:1;display:flex;align-items:flex-end;justify-content:center;text-align:center;padding:clamp(210px,31svh,430px) 24px 10svh;position:relative}
.identity{width:min(840px,75vw);animation:reveal 1.4s .12s both}
.eyebrow{font-size:10px;font-weight:400;letter-spacing:.25em;color:#d0ded8;margin:0 0 24px;line-height:1.5;text-shadow:0 1px 20px #000}
h1{margin:0;width:100%;font-weight:normal;filter:drop-shadow(0 6px 20px #02101455)}
.mission{font-size:clamp(17px,1.65vw,24px);line-height:1.45;font-weight:400;letter-spacing:-.025em;margin:26px 0 0;text-shadow:0 2px 20px #06141c}
footer{font-size:11px;line-height:1.6;color:var(--muted);padding-top:20px;padding-bottom:25px}
.copyright{font-size:10px;letter-spacing:.04em;color:#abbdbb}
.email{margin:0;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;color:#adbfbd}.email a{color:#e5eeea;border-bottom:1px solid #e5eeea55;transition:border-color .2s}.email a:hover{border-color:#fff}.email a span{margin-left:7px}
@keyframes arrival{from{transform:scale(1.035);opacity:.4}to{transform:scale(1);opacity:1}}
@keyframes reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(min-width:1800px){.identity{width:min(1000px,65vw)}main{padding-bottom:11svh}}
@media(max-width:650px){header{padding:23px 23px;gap:18px}.brand{width:135px}.contact{font-size:11px;padding:11px 12px}.contact span{margin-left:10px;font-size:14px}.world img{object-position:50% 35%}.shade{background:linear-gradient(#04101655,transparent 25%,#06121744 51%,#030c10d9 100%)}main{padding:39svh 22px 8svh}.identity{width:100%;max-width:440px}.eyebrow{font-size:8px;letter-spacing:.2em;margin-bottom:22px}.mission{font-size:19px;line-height:1.5;margin-top:25px}footer{padding:20px 23px;align-items:flex-end;gap:18px;font-size:10px}.copyright{font-size:9px;white-space:nowrap}.email{display:block;text-align:right}.email a{display:block;font-size:11px;margin-top:3px}}
@media(max-height:600px) and (min-width:651px){main{padding-top:140px;padding-bottom:35px}.identity{width:min(520px,55vw)}.mission{font-size:17px;margin-top:18px}.eyebrow{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

header,.identity{mix-blend-mode:screen}