/* Shared site shell. Project artwork and palettes remain local. */
@font-face{font-family:ClubPixel;src:url('/assets/whit3star-pixel.woff') format('woff');font-display:swap}
:root{--whit-sans:Arial,Helvetica,sans-serif;--whit-mono:'Courier New',monospace;--whit-cream:#f2ecd9;--whit-ink:#24252b;--whit-blue:#244acb}
body{font-family:var(--whit-sans);line-height:1.65}body h1,body h2,body h3,body .lead,body .range{font-family:var(--whit-sans);font-weight:700;letter-spacing:-.035em}body h1{line-height:1.08}body h1 em{font-family:inherit;font-style:normal;font-weight:inherit}body h2{line-height:1.14}body h3{line-height:1.25}body .eyebrow,body .overline,body .rule-label{font-family:var(--whit-mono);font-size:11px;line-height:1.6;letter-spacing:.1em}body button,body input,body select{font-family:var(--whit-sans)}body input,body select{font-size:16px}body .button{font-family:var(--whit-mono);font-size:12px;line-height:1.5;min-height:48px;border-radius:4px}body a:focus-visible,body button:focus-visible,body input:focus-visible,body select:focus-visible{outline:3px solid #bd712a;outline-offset:4px}
body .whit-header{display:block;position:relative;z-index:40;max-width:none;width:100%;margin:0;padding:0;background:var(--whit-cream);color:var(--whit-ink);border:0;border-bottom:2px solid var(--whit-ink);box-sizing:border-box}body .whit-header-inner{width:min(1230px,100% - 48px);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0}body .whit-brand{display:inline-flex;align-items:center;color:var(--whit-ink);font:22px/1.4 ClubPixel,var(--whit-mono);letter-spacing:-.04em;white-space:nowrap;text-decoration:none}body .whit-brand>span{color:var(--whit-blue)}body .whit-brand .whit-star{font:30px var(--whit-sans);margin-left:14px}
body nav.whit-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:4px 18px;margin:0}body nav.whit-nav a{display:flex;align-items:center;min-height:44px;padding:6px 0;font:600 13px/1.4 var(--whit-sans);color:var(--whit-ink);text-decoration:none;border:0;border-bottom:2px solid transparent;white-space:nowrap}body nav.whit-nav a:hover,body nav.whit-nav a[aria-current]{color:var(--whit-blue);border-color:var(--whit-blue)}
body .whit-section-nav{display:flex;flex-wrap:wrap;gap:8px 24px;margin:0 auto;padding:12px 24px;width:min(1230px,100%);border-bottom:1px solid #938b7844}body .whit-section-nav a{min-height:44px;display:inline-flex;align-items:center;font:600 13px var(--whit-sans)}body .project-navigation{position:relative;top:auto;z-index:20}body .project-navigation .nav-wrap{min-height:64px}body .world-brand{font:600 14px var(--whit-sans)}
body .whit-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin:64px auto 0;padding:28px 24px;max-width:1230px;border-top:1px solid #938b7866;font:13px/1.6 var(--whit-sans)}body .whit-footer .whit-brand{font-size:19px;color:inherit}body .whit-footer p{margin:0}body .whit-footer>a:last-child{min-height:44px;display:flex;align-items:center;color:inherit}body .mythos-project-image{width:min(100%,540px);height:auto;margin:auto;border-radius:22px}body .case-art:has(.mythos-project-image){background:#080a08;padding:20px}body .hero h1{letter-spacing:-.04em}body .shell>.whit-header .whit-header-inner{width:100%}
@media(max-width:900px){body .whit-header-inner{align-items:flex-start;flex-direction:column;gap:14px;padding:20px 0}body nav.whit-nav{width:100%;justify-content:flex-start;gap:4px 24px}}
@media(max-width:600px){body .whit-header-inner{width:calc(100% - 32px)}body nav.whit-nav{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}body nav.whit-nav a{white-space:normal}body .whit-footer{margin-top:40px;align-items:flex-start;flex-direction:column}body .hero-copy h1{font-size:clamp(54px,14vw,80px)}body .case-art:has(.mythos-project-image){padding:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Global navigation must remain visible when Veyr's local menu is collapsed. */
html body header.whit-header nav.whit-nav{display:flex;position:static;flex-direction:row;flex-basis:auto;padding:0;width:auto;background:transparent}
@media(max-width:900px){html body header.whit-header nav.whit-nav{width:100%}}
@media(max-width:600px){html body header.whit-header nav.whit-nav{display:grid;grid-template-columns:1fr 1fr}}