:root{color-scheme:dark;--night:#050c15;--ivory:#e9e4de;--brass:#e9ad68;--bar-height:60px;--interface-size:12px}
*{box-sizing:border-box}
html,body{margin:0;background:var(--night);color:var(--ivory);font-family:Arial,Helvetica,sans-serif}
.site-header{height:var(--bar-height);min-height:var(--bar-height);padding:0 clamp(24px,4vw,88px);display:flex;align-items:center;justify-content:space-between;gap:24px;background:#000}
.site-name{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#d2cec6;font-size:var(--interface-size);letter-spacing:.13em;white-space:nowrap}
.site-name img{width:18px;height:18px;object-fit:contain}.site-name span{font-size:9px;letter-spacing:.17em;margin-left:10px;color:#b4b9c0}
.site-name sup{font-size:7px;vertical-align:super;margin-left:3px}
.site-header nav{display:flex;align-items:center;gap:clamp(16px,2.4vw,44px)}
.site-header nav a{color:#b4b9c0;font-size:var(--interface-size);line-height:20px;letter-spacing:.08em;text-decoration:none;white-space:nowrap;min-height:var(--bar-height);display:inline-flex;align-items:center;border-bottom:1px solid transparent;transition:color 150ms,border-color 150ms}
.site-header nav a:hover,.site-header nav a[aria-current="page"]{color:#f1e5d3;border-color:#d1ab7180}
.site-header a:focus-visible,.reading-page a:focus-visible{outline:2px solid var(--brass);outline-offset:5px}
main{min-height:calc(100svh - var(--bar-height));display:grid;align-content:start;background:#03070c}
.reading-page{max-width:820px;margin:0 auto;padding:100px 32px 120px;min-height:calc(100svh - var(--bar-height));display:block}
.reading-page .eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:#d0ac7a;margin:0 0 24px}
.reading-page h1{font-size:clamp(36px,5vw,64px);font-weight:400;letter-spacing:-.035em;line-height:1.15;margin:0 0 36px;color:#ede8e0;text-wrap:balance}
.reading-page h1 sup{font-size:.23em;vertical-align:super;letter-spacing:0}
.reading-page p{max-width:620px;font-size:18px;line-height:1.8;color:#b9bec5;margin:0 0 24px}
.reading-page .return-link{display:inline-block;margin-top:36px;color:#e0c9a6;font-size:12px;text-decoration:none;letter-spacing:.04em}
.hero{position:relative;isolation:isolate;width:100%;aspect-ratio:2.35/1;overflow:hidden;background:var(--night)}
#scene-mount,.scene,.landscape,.landscape svg{position:absolute;inset:0;width:100%;height:100%}
.scene{overflow:hidden;pointer-events:none}
.landscape{transform-origin:50% 73%}
.landscape svg{display:block}
.brand-position{position:absolute;left:0;right:0;top:13.5%;display:flex;justify-content:center}
.brand{width:36%;max-width:760px;display:flex;flex-direction:column;align-items:center;transform-origin:50% 90%;filter:drop-shadow(0 3px 10px #02060c33)}
.emblem{position:relative;width:40%;aspect-ratio:1/1}
.emblem img{display:block;width:100%;height:100%;object-fit:contain}
.emblem-warmth{position:absolute;inset:0;mask:url('assets/aware-emblem.webp?v=bb41ec81334d') center/contain no-repeat;-webkit-mask:url('assets/aware-emblem.webp?v=bb41ec81334d') center/contain no-repeat;background:radial-gradient(ellipse at 18% 86%,#ffac4a 0%,#e6923c99 12%,#ce844333 30%,transparent 53%);mix-blend-mode:color}
.emblem-edge{position:absolute;inset:0;width:100%;height:100%}
.wordmark{display:block;width:100%;height:auto;margin-top:12px;overflow:visible}
.motion-controls{position:absolute;bottom:24px;right:30px;display:flex;gap:8px;z-index:2}
.motion-controls button{font:var(--interface-size)/1.2 Arial,Helvetica,sans-serif;letter-spacing:.08em;color:#e0dad0;background:#09121c88;border:1px solid #dfd7c12e;border-radius:2px;min-height:36px;padding:10px 13px;cursor:pointer;transition:background-color 150ms,color 150ms}
.motion-controls button:hover{background:#142334;color:#fff}
.motion-controls button:focus-visible{outline:2px solid var(--brass);outline-offset:4px}
.motion-controls button:disabled{cursor:default;opacity:.5}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.fallback-brand{position:absolute;top:20%;left:40%;width:20%;height:auto}
@media(max-width:1100px) and (min-width:701px){.hero{aspect-ratio:16/9}.brand{width:44%}.brand-position{top:17%}}
@media(max-width:900px){.site-name img{width:18px;height:18px;object-fit:contain}.site-name span{display:none}}
@media(max-width:700px){.hero{height:100svh;min-height:520px;aspect-ratio:auto}.brand-position{top:23%}.brand{width:80vw;max-width:420px}.emblem{width:46%}.wordmark{margin-top:16px}.motion-controls{bottom:20px;right:20px}.motion-controls button{min-height:44px}}
@media(max-width:500px){.site-header{padding:0 18px;gap:12px}.site-name{font-size:var(--interface-size)}.site-header nav{gap:12px}.site-header nav a{font-size:var(--interface-size);letter-spacing:0;min-height:var(--bar-height)}.reading-page{padding-top:64px}.hero{height:calc(100svh - var(--bar-height))}}
@media(max-width:360px){.site-header{padding-inline:12px;gap:8px}.site-header nav{gap:9px}.site-header nav a{font-size:var(--interface-size)}.site-name{gap:5px;font-size:var(--interface-size)}.site-name img{width:20px;height:20px}}
@media(prefers-reduced-motion:reduce){.motion-controls button{transition:none}}

@media(min-width:501px) and (max-width:700px){.site-header{padding:0 18px;gap:14px}.site-header nav{gap:14px}.site-header nav a{font-size:var(--interface-size);min-height:var(--bar-height)}.site-name{font-size:var(--interface-size)}}