@font-face{font-family:Geist;src:url('assets/geist-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Geist;src:url('assets/geist-medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Lexend;src:url('assets/lexend-medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
h1,h2,h3,h4,h5,h6{font-family:Lexend,sans-serif;font-weight:500}
/* Preserve the company logo, banner, title, subtitle, and font pairing. */
:root{font-family:Geist,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;color:#f3f4f6;background:#0b0e13;font-synthesis:none;color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;font-size:1rem;line-height:1.5;-webkit-font-smoothing:antialiased;background:radial-gradient(ellipse at 85% 65%,#17212b55,transparent 55%),#0b0e13;min-height:100vh}
.cover{position:relative;height:clamp(260px,42vh,440px);overflow:hidden;background:#171b21}
.cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0b0e1310 20%,#0b0e1325 55%,#0b0e13 100%)}
.cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 48%;filter:brightness(.8)}
main{position:relative;width:calc(100% - 120px);max-width:1120px;margin:0 auto;padding-bottom:72px}
header{position:relative;padding-top:82px;padding-bottom:58px;animation:arrive .65s ease-out both}
.logo{display:block;position:absolute;top:-67px;left:-7px;width:124px;height:124px;object-fit:contain;filter:drop-shadow(0 8px 22px #0008)}
h1{font-family:Lexend,sans-serif;font-size:clamp(2.5rem,5.8vw,5rem);line-height:1.12;letter-spacing:-.045em;margin:0;font-weight:500}
.description{font-size:1.25rem;line-height:1.6;font-weight:400;color:#a6afbd;margin:18px 0 0}
section{position:relative;border:1px solid #29303a;border-top-color:#ad8a45;background:linear-gradient(110deg,#151b24,#10151c);padding:30px 32px;animation:arrive .8s ease-out both}
.details{display:grid;grid-template-columns:1.4fr 1fr .8fr;gap:32px;margin:0}
.details>div+div{border-left:1px solid #2b323d;padding-left:30px}
.details dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.13em;color:#97a3b5;margin-bottom:12px;font-weight:500}
.details dd{font-size:1rem;margin:0;line-height:1.5;font-variant-numeric:tabular-nums}
a{color:#e4c582;text-decoration:none;overflow-wrap:anywhere;transition:color .2s,text-shadow .2s}
a span{display:inline-block;margin-left:7px;transition:transform .2s}
a:hover{color:#ffe3a8;text-shadow:0 0 22px #d7b36d66}
a:hover span{transform:translate(2px,-2px)}
a:focus-visible{outline:2px solid #e4c582;outline-offset:6px}
.skip-link{position:fixed;top:12px;left:12px;z-index:2;background:#151b24;padding:8px 12px;transform:translateY(-200%)}
.skip-link:focus{transform:translateY(0)}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){main{width:calc(100% - 48px);padding-bottom:40px}.cover{height:260px}.logo{width:108px;height:108px;top:-58px;left:-6px}header{padding-top:70px;padding-bottom:38px}h1{font-size:clamp(2.25rem,8vw,3.5rem)}.description{font-size:1.125rem;margin-top:16px}.details{grid-template-columns:1fr;gap:22px}.details>div+div{border-left:0;border-top:1px solid #2b323d;padding-left:0;padding-top:22px}.details dt{margin-bottom:6px}section{padding:26px 24px}}
@media(prefers-reduced-motion:reduce){a,a span{transition:none}header,section{animation:none}}

/* The original light composition is the default; dark retains its distinct panel. */
:root:not([data-theme="dark"]){color:#202123;background:#fff;color-scheme:light}
:root:not([data-theme="dark"]) body{background:#fff}
:root:not([data-theme="dark"]) .cover{height:clamp(240px,39vh,420px);background:#a7a7a7}
:root:not([data-theme="dark"]) .cover:after{display:none}
:root:not([data-theme="dark"]) .cover img{filter:none}
:root:not([data-theme="dark"]) main{max-width:1100px;padding-bottom:64px}
:root:not([data-theme="dark"]) header{padding-top:88px;padding-bottom:64px}
:root:not([data-theme="dark"]) .logo{top:-59px;width:118px;height:118px;filter:drop-shadow(0 4px 10px #00000012)}
:root:not([data-theme="dark"]) h1{font-size:clamp(2.5rem,5.2vw,4.5rem);line-height:1.08}
:root:not([data-theme="dark"]) .description{color:#727477;margin-top:20px}
:root:not([data-theme="dark"]) section{border:0;border-top:1px solid #c5a75e;background:none;padding:30px 0 0}
:root:not([data-theme="dark"]) .details>div+div{border:0;padding:0}
:root:not([data-theme="dark"]) .details dt{color:#727477;letter-spacing:.12em}
:root:not([data-theme="dark"]) a{color:inherit}
:root:not([data-theme="dark"]) a span{color:#a1823c}
:root:not([data-theme="dark"]) a:hover{color:#97742c;text-shadow:none}
:root:not([data-theme="dark"]) .skip-link{background:#fff}
.theme-switch{position:absolute;top:16px;right:20px;z-index:1;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:transparent;color:#353a40;cursor:pointer;opacity:.65;transition:opacity .18s,background .18s}
.theme-switch:hover{opacity:1;background:#ffffff25}
.theme-switch[hidden]{display:none}
.theme-switch:focus-visible{outline:2px solid #a1823c;outline-offset:2px;opacity:1}
[data-theme="dark"] .theme-switch{color:#f3f4f6}
@media(max-width:800px){.theme-switch{top:12px;right:12px}:root:not([data-theme="dark"]) main{padding-bottom:40px}:root:not([data-theme="dark"]) .cover{height:260px}:root:not([data-theme="dark"]) .logo{width:100px;height:100px;top:-50px;left:-6px}:root:not([data-theme="dark"]) header{padding-top:78px;padding-bottom:42px}:root:not([data-theme="dark"]) h1{font-size:clamp(2.25rem,8vw,3.25rem)}:root:not([data-theme="dark"]) .description{margin-top:16px}:root:not([data-theme="dark"]) .details{gap:26px}:root:not([data-theme="dark"]) section{padding-top:28px}}
@media(prefers-reduced-motion:reduce){.theme-switch{transition:none}}

/* Shared geometry: changing the theme must never move content. */
:root .cover{height:clamp(240px,39vh,420px)}
:root main{max-width:1100px;padding-bottom:64px}
:root header{padding-top:88px;padding-bottom:64px}
:root .logo{top:-59px;width:118px;height:118px}
:root h1{font-size:clamp(2.5rem,5.2vw,4.5rem);line-height:1.08}
:root .description{margin-top:20px}
:root section{border:0;border-top:1px solid #c5a75e;padding:30px 0 0;background:none}
:root .details>div+div{border:0;padding:0}
:root .details dt{letter-spacing:.12em}
@media(max-width:800px){:root main{padding-bottom:40px}:root .cover{height:260px}:root .logo{width:100px;height:100px;top:-50px;left:-6px}:root header{padding-top:78px;padding-bottom:42px}:root h1{font-size:clamp(2.25rem,8vw,3.25rem)}:root .description{margin-top:16px}:root .details{gap:26px}:root section{padding-top:28px}}