:root{--navy:#071521;--navy-raised:#0b1d2c;--cream:#f4f0e7;--muted:#b9bec0;--orange:#d76a2f;--orange-soft:#ee9b61;--grid:#ee9b6117;--line:#f4f0e72e}*{box-sizing:border-box}html{background:var(--navy);scroll-behavior:smooth}body{background:var(--navy);color:var(--cream);text-rendering:optimizelegibility;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}.site-shell{background:radial-gradient(circle at 83% 44%, #d76a2f1a, transparent 29rem), var(--navy);isolation:isolate;grid-template-rows:auto 1fr auto;min-height:100svh;display:grid;position:relative;overflow:hidden}.grid-overlay{z-index:-1;pointer-events:none;background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:11.75rem 11.75rem;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0% 76%,#0000 100%);mask-image:linear-gradient(#000 0% 76%,#0000 100%)}.site-header,.hero,.site-footer{width:min(100%,104rem);margin-inline:auto;padding-inline:clamp(1.4rem,5vw,5rem)}.site-header{border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.16em;justify-content:space-between;align-items:center;min-height:7rem;font-size:.72rem;font-weight:700;display:flex}.brand{align-items:center;gap:.8rem;text-decoration:none;display:inline-flex}.brand-mark{background:var(--orange);width:.7rem;height:.7rem;box-shadow:0 0 0 .25rem #d76a2f21}.header-note{color:var(--muted);margin:0}.hero{grid-template-columns:minmax(0,1.45fr) minmax(22rem,.55fr);align-items:center;gap:clamp(3rem,7vw,8rem);padding-block:clamp(4.5rem,9vh,8rem);display:grid}.eyebrow{color:var(--orange-soft);text-transform:uppercase;letter-spacing:.24em;align-items:center;gap:1rem;margin:0 0 clamp(2.8rem,6vh,5.25rem);font-size:clamp(.67rem,.8vw,.82rem);font-weight:750;line-height:1.5;display:flex}.eyebrow span{background:var(--orange);flex:none;width:.72rem;height:.72rem}h1{letter-spacing:-.068em;max-width:12ch;margin:0;font-size:clamp(4.25rem,7vw,7.4rem);font-weight:720;line-height:.9}h1 span{color:var(--orange);margin-top:.14em;display:block}.intro{border-left:3px solid var(--orange);max-width:44rem;color:var(--muted);letter-spacing:-.018em;margin:clamp(3rem,6.5vh,5.2rem) 0 0;padding-left:clamp(1.35rem,2.5vw,3rem);font-size:clamp(1.08rem,1.5vw,1.42rem);line-height:1.65}.visual{place-items:center;display:grid}.visual-frame{aspect-ratio:.82;background:linear-gradient(90deg,#0000 57.5%,#f4f0e72e 57.5% calc(57.5% + 1px),#0000 calc(57.5% + 1px)),linear-gradient(#0000 49%,#f4f0e72e 49% calc(49% + 1px),#0000 calc(49% + 1px)),#0b1d2ccc;border:1px solid #ee9b614d;width:min(100%,34rem);position:relative;overflow:hidden}.visual-circle{aspect-ratio:1;border:1px solid #ee9b61b8;border-radius:50%;width:58%;position:absolute;top:17%;left:30%}.visual-bar{background:var(--orange);width:73%;height:12%;position:absolute;top:39%;right:8%;box-shadow:0 1rem 3rem #d76a2f2e}.visual-axis{background:#f4f0e747;width:1px;height:47%;position:absolute;bottom:0;left:30%}.visual-corner{border-right:.7rem solid var(--cream);border-bottom:.7rem solid var(--cream);width:28%;height:22%;position:absolute;bottom:8%;right:8%}.visual-frame p{color:var(--muted);text-transform:uppercase;letter-spacing:.2em;writing-mode:vertical-rl;margin:0;font-size:.7rem;font-weight:700;position:absolute;bottom:5%;left:7.5%;transform:rotate(180deg)}.site-footer{border-top:1px solid var(--line);min-height:6.5rem;color:var(--muted);text-transform:uppercase;letter-spacing:.15em;justify-content:space-between;align-items:center;gap:2rem;font-size:.66rem;font-weight:700;display:flex}.site-footer p{margin:0}@media (max-width:980px){.hero{grid-template-columns:1fr;align-items:start}.visual{justify-items:end}.visual-frame{aspect-ratio:1.15;width:min(82vw,31rem)}.visual-frame p{display:none}}@media (max-width:620px){.site-header{min-height:5.5rem}.header-note{display:none}.hero{gap:3.5rem;padding-block:3.75rem}.eyebrow{letter-spacing:.18em;align-items:flex-start;margin-bottom:2.75rem}.eyebrow span{margin-top:.14rem}h1{font-size:clamp(3.45rem,17vw,5.1rem)}.intro{margin-top:2.75rem;font-size:1.05rem}.visual-frame{aspect-ratio:1.05;width:100%}.visual-corner{border-width:.5rem}.site-footer{flex-direction:column;justify-content:center;align-items:flex-start;gap:.65rem;min-height:8rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}