:root{color-scheme:dark;background:#020810;color:#e7edf8;font-family:"Segoe UI",Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;width:100%}body{min-height:100svh;position:relative;isolation:isolate;overflow-x:hidden}
.scene{position:fixed;inset:0;z-index:-2;background:#020810 url('/space.png') center center/cover no-repeat}
.scene::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,#01050b18 75%,#01050b50)}
header{position:absolute;top:6.2vh;left:3.3vw;right:3.3vw;display:flex;justify-content:space-between;gap:2rem;align-items:flex-start}
.mission,.values,aside,footer{text-transform:uppercase;font-size:clamp(10px,.72vw,14px);font-weight:400;letter-spacing:.33em;line-height:1.9}
p{margin:0}.rule{display:block;width:44px;height:1px;background:#f5f4ee;margin-bottom:25px;box-shadow:0 0 4px #d8eaff40}
.values{display:flex;gap:clamp(24px,3vw,60px);line-height:1.3}
main{position:absolute;top:22%;left:50%;transform:translateX(-50%);width:90%;text-align:center}
h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;text-transform:uppercase;font-size:clamp(25px,3vw,60px);letter-spacing:.32em;line-height:1.4;margin:28px 0 18px;padding-left:.32em;color:#f0f0f1;text-shadow:0 2px 10px #000}
.intro{font-size:clamp(16px,1.35vw,28px);letter-spacing:.1em;line-height:1.6;font-weight:300;color:#c4d9f1;text-shadow:0 2px 12px #000}
aside{position:absolute;right:3.3vw;top:48%;text-align:right;line-height:2.6}aside .rule{margin:22px 0 0 auto}
footer{position:absolute;bottom:8.5vh;left:50%;transform:translateX(-50%);text-align:center;white-space:nowrap;letter-spacing:.45em;line-height:1.9}footer .rule{margin:0 auto 28px;width:55px}
@media(min-aspect-ratio: 5/2){body{min-height:640px}.scene{background-position:center 58%}main{top:20%}header{top:36px}footer{bottom:40px}}
@media(max-width:900px){.values span:last-child{display:none}aside{display:none}main{top:29%}h1{font-size:clamp(65px,12vw,112px)}h2{font-size:clamp(22px,4.7vw,42px);margin-top:30px}.intro{font-size:18px}.scene{background-position:50% center}footer{bottom:8vh}}
@media(max-width:540px){header{left:26px;right:26px;top:32px}.mission{font-size:9px;letter-spacing:.26em;line-height:1.85}.rule{width:30px;margin-bottom:18px}.values{font-size:9px;letter-spacing:.22em;gap:18px;padding-top:1px}.values span:first-child{display:none}.scene{background-size:auto 100%;background-position:51% center}.scene::after{background:linear-gradient(180deg,#02081005,#02081045 35%,transparent 67%,#01050b50)}main{top:32%;width:calc(100% - 32px)}h1{font-size:17vw}h2{font-size:clamp(21px,6vw,30px);letter-spacing:.22em;padding-left:.22em;margin:30px 0 18px}.intro{font-size:15px;letter-spacing:.055em;max-width:290px;margin:auto;line-height:1.8}footer{bottom:7vh;font-size:9px;letter-spacing:.3em}footer .rule{margin-bottom:22px;width:36px}}
@media(max-height:550px) and (min-width:541px){body{min-height:550px}header{top:25px}main{top:130px}h1{font-size:90px}h2{font-size:30px;margin:15px 0 10px}footer{bottom:24px}.mission,.values{font-size:9px}aside{display:none}}
/* /* Clean brand cutout: luminance mask removes the image background and internal gaps. */
h1{margin:0;line-height:1;font-weight:400}
.brand-frame{display:block;width:clamp(170px,17vw,280px);margin:0 auto;background:none}
.brand-mark{display:block;width:100%;height:auto;overflow:visible}
.site-name{display:block;margin-top:14px;color:#d3e4fb;font-size:clamp(16px,1.3vw,24px);font-weight:300;letter-spacing:.22em;padding-left:.22em}
main{top:16%}h2{margin-top:24px}
@media(max-width:900px){main{top:23%}.brand-frame{width:200px}h2{margin-top:25px}}
@media(max-width:540px){main{top:25%}.brand-frame{width:180px}.site-name{font-size:15px;margin-top:10px}h2{margin-top:23px}}
@media(max-height:550px) and (min-width:541px){main{top:90px}.brand-frame{width:140px}.site-name{font-size:14px;margin-top:6px}h2{margin-top:12px}}