:root{color-scheme:dark;--ink:#000;--white:#fff;--soft:#ccc;--line:rgba(255,255,255,.22);font-family:Arial,Helvetica,sans-serif;background:var(--ink);color:var(--white);font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;min-width:280px}
p,h1{margin:0}
::selection{background:#fff;color:#000}
.page{min-height:max(780px,100svh);display:flex;flex-direction:column;padding:0 clamp(1.5rem,4.8vw,5.5rem)}
header{display:flex;align-items:center;justify-content:space-between;gap:2rem;min-height:116px;border-bottom:1px solid var(--line)}
.brand{font-size:.875rem;letter-spacing:.29em;font-weight:400;line-height:1.8}
.header-note{font-size:.75rem;line-height:1.7;letter-spacing:.1em;text-align:right;color:var(--soft)}
main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3.75rem 0 4.5rem;animation:arrive 1s ease-out both}
.eyebrow{display:flex;align-items:center;gap:1.25rem;font-size:.8125rem;line-height:1.7;letter-spacing:.23em;font-weight:400;color:#eee;margin-bottom:1.7rem}
.eyebrow span{width:32px;height:1px;background:#aaa;opacity:.5}
.identity{width:min(100%,960px);font-weight:400;margin:0 0 1.75rem}
.logo-desktop{display:block;width:100%;height:auto;aspect-ratio:3.25/1;object-fit:cover;object-position:center 44%;mix-blend-mode:screen}
.logo-mobile{display:none}
.tagline{font-size:clamp(1.375rem,2.3vw,2.25rem);font-weight:400;line-height:1.4;letter-spacing:-.03em;margin:0 0 1.25rem}
.intro{max-width:37rem;font-size:1.0625rem;line-height:1.8;color:var(--soft)}
footer{min-height:104px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.5rem 0;color:var(--soft)}
.disciplines,.copyright{font-size:.75rem;line-height:1.7;letter-spacing:.08em}
.disciplines span{padding:0 .65rem;opacity:.55}
.closing{font-size:.8125rem;line-height:1.6;letter-spacing:.025em}
@keyframes arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1700px){.page{padding-left:max(5rem,calc((100vw - 1540px)/2));padding-right:max(5rem,calc((100vw - 1540px)/2))}.identity{width:min(100%,1150px)}main{padding-top:5rem;padding-bottom:5rem}}
@media(max-width:950px){footer{flex-wrap:wrap;gap:1rem}.closing{order:3;text-align:center;width:100%}}
@media(max-width:700px){.page{min-height:100svh}header{min-height:92px;gap:1rem}.brand{font-size:.75rem;letter-spacing:.22em}.header-note{display:none}main{padding:3rem 0 3.5rem}.eyebrow{font-size:.75rem;letter-spacing:.2em;margin-bottom:1.25rem;gap:1rem}.eyebrow span{width:25px}.identity{margin:0 0 2.5rem}.logo-desktop{display:none}.logo-mobile{display:flex;flex-direction:column;align-items:center}.logo-mobile img{display:block;width:min(78%,260px);height:auto;mix-blend-mode:screen}.mobile-wordmark{display:block;padding-left:.28em;margin-top:-.6rem;font-size:2.25rem;font-weight:400;line-height:1.25;letter-spacing:.28em}.mobile-caption{display:block;padding-left:.29em;font-size:.8125rem;line-height:1.6;letter-spacing:.29em;margin-top:.45rem}.tagline{font-size:1.5rem;line-height:1.45;max-width:290px;margin-bottom:1.1rem}.intro{font-size:1rem;line-height:1.75;max-width:340px}.desktop-break{display:none}footer{justify-content:center;gap:.875rem;text-align:center;padding:1.5rem 0;min-height:150px}.disciplines{width:100%}.closing{order:0;width:100%}.copyright{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}