@font-face{font-family:Cordix Sans;src:url('assets/nimbus-sans.otf') format('opentype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Cordix Serif;src:url('assets/palatin-italic.otf') format('opentype');font-style:italic;font-weight:400;font-display:swap}
:root{color-scheme:dark;--bg:#080b0d;--text:#f2f0e9;--muted:#92999b;--gold:#d3c29f;--teal:#89b7b2;--line:#ffffff1a;--sans:'Cordix Sans','Helvetica Neue',Arial,sans-serif;--serif:'Cordix Serif',Georgia,serif;--mono:'Courier New',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:7px}::selection{background:#d3c29f;color:#080b0d}.site-shell{max-width:1920px;min-height:100svh;margin:auto;padding:0 clamp(24px,4.4vw,88px);display:flex;flex-direction:column}.skip-link{position:fixed;left:20px;top:-100px;padding:14px;background:var(--text);color:var(--bg);z-index:20}.skip-link:focus{top:20px}
.masthead{height:100px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.wordmark{display:inline-flex;align-items:center;gap:11px;font-size:2.2rem;letter-spacing:-.065em;line-height:1;font-weight:400}.brand-orbit{height:19px;width:19px;display:inline-block;border:1px solid var(--gold);border-radius:50%;position:relative;margin:3px 0 0 2px}.brand-orbit:after{content:'';position:absolute;inset:4px -5px;border:1px solid var(--gold);border-radius:50%;transform:rotate(-45deg)}main{flex:1;display:flex;flex-direction:column}
.hero{min-height:630px;flex:1;position:relative;isolation:isolate;display:flex;align-items:center;overflow:clip}.hero-copy{position:relative;z-index:2;width:52%;padding:65px 0 56px;pointer-events:none}h1{overflow-wrap:anywhere;font-weight:400;font-size:clamp(4.5rem,6.6vw,7.9rem);letter-spacing:-.055em;line-height:.985;margin:37px 0 27px}h1 em{font-family:var(--serif);font-weight:400;color:var(--gold);letter-spacing:-.06em;font-size:1.04em;line-height:1.1}
.visual{position:absolute;inset:0 0 0 43%;margin:0;z-index:1}.art-frame{position:absolute;width:110%;aspect-ratio:1;top:49%;left:50%;transform:translate(-50%,-50%);isolation:isolate}.artwork{height:100%;width:100%;object-fit:contain;display:block;mix-blend-mode:screen;mask-image:radial-gradient(ellipse at center,#000 25%,#000d 49%,transparent 73%);}.art-frame canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2}.motion-toggle{position:absolute;bottom:16px;right:8px;display:grid;place-items:center;width:40px;height:40px;background:transparent;color:#959d9b;border:1px solid var(--line);border-radius:50%;font-size:1rem;cursor:pointer;transition:color .2s,border-color .2s}.motion-toggle:hover{color:var(--text);border-color:var(--gold)}.play-icon{display:none}.is-paused .pause-icon{display:none}.is-paused .play-icon{display:block}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:75px;border-top:1px solid var(--line);color:#798285;font-size:.75rem}
@media(min-width:1600px){.hero{min-height:740px}.hero-copy{padding-top:80px;padding-bottom:80px}.art-frame{width:104%}}
@media(max-width:1100px){.masthead{height:86px}.hero{min-height:600px}h1{font-size:clamp(3.8rem,7.1vw,5.5rem)}.hero-copy{width:57%}.visual{left:42%;right:0}.art-frame{width:120%}}
@media(max-width:760px){.site-shell{padding:0 24px}.masthead{height:80px}.wordmark{font-size:2rem}.hero{min-height:0;display:flex;flex-direction:column;align-items:stretch}.hero-copy{width:100%;padding:48px 0 0}h1{font-size:clamp(3.5rem,11.5vw,5.5rem);margin-top:28px;margin-bottom:23px;line-height:1}.visual{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1.04;margin:0;align-self:center;max-width:650px}.art-frame{width:115%;top:48%;left:50%}.motion-toggle{bottom:7px;right:0}footer{min-height:70px;font-size:.75rem}}
@media(max-width:380px){.site-shell{padding:0 18px}.masthead{gap:15px}h1{font-size:3.25rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Single-statement composition. */
h1{margin:0;font-size:clamp(3.8rem,6.3vw,7.5rem);line-height:1.08}
.lead-in{display:block;margin-bottom:30px;color:var(--muted);font:400 .875rem/1.6 var(--mono);letter-spacing:.09em;text-transform:uppercase}
.headline{display:block}
.hero-copy{width:55%;padding:90px 0}
@media(min-width:1600px){.hero-copy{padding:100px 0}}
@media(max-width:1100px){h1{font-size:clamp(3.5rem,6.3vw,5.5rem)}.hero-copy{width:57%}}
@media(max-width:760px){h1{font-size:clamp(2.6rem,9.9vw,4.7rem);line-height:1.12}.hero-copy{width:100%;padding:58px 0 15px}.lead-in{font-size:.8125rem;margin-bottom:25px;letter-spacing:.06em}.visual{margin-top:10px}.art-frame{top:46%}}
@media(max-width:380px){h1{font-size:clamp(2.35rem,10vw,3.6rem)}}

/* The original artwork remains the fallback until the spherical graph draws. */
.art-scene {
  position: absolute;
  inset: 0;
}
.has-motion .artwork { opacity: 0; }
.art-frame canvas[data-renderer="webgl"] {
  background: radial-gradient(ellipse at 44% 40%, rgba(64,106,99,.045), rgba(40,79,78,.02) 34%, transparent 64%);
}
.motion-toggle { visibility: hidden; }
.has-motion .motion-toggle { visibility: visible; }
.has-motion .art-scene canvas { touch-action: none; user-select: none; -webkit-user-select: none; }
.art-scene[data-interaction="hover"] { cursor: grab; }
.art-scene[data-interaction="dragging"] { cursor: grabbing; }