@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Oswald:wght@400;500;600&display=swap";:root{color-scheme:dark;--ink: #10211b;--ink-deep: #091611;--panel: #163329;--panel-soft: #1d4033;--paper: #f3eddf;--paper-dim: #cabfaa;--line: rgba(235, 225, 198, .18);--line-dark: rgba(16, 33, 27, .18);--orange: #ef7a22;--orange-bright: #ffad3b;--sage: #afb88d;--display: "Oswald", "Arial Narrow", sans-serif;--mono: "DM Mono", "Courier New", monospace}*{box-sizing:border-box}html{min-width:320px;background:var(--ink-deep)}body{margin:0;min-width:320px;min-height:100vh;background:var(--ink-deep);color:var(--paper);font-family:var(--mono);-webkit-font-smoothing:antialiased}button,a{font:inherit}button{cursor:pointer}.site-shell{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 75% 30%,rgba(65,112,83,.23),transparent 31rem),linear-gradient(135deg,#10251d,#132d23 52%,#0a1913)}.site-shell:before{position:absolute;inset:0;background-image:linear-gradient(rgba(236,224,192,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(236,224,192,.035) 1px,transparent 1px);background-size:54px 54px;content:"";-webkit-mask-image:linear-gradient(to bottom,black,transparent 88%);mask-image:linear-gradient(to bottom,black,transparent 88%);pointer-events:none}.grain{position:absolute;inset:-50%;z-index:5;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");pointer-events:none;transform:rotate(8deg)}.topbar,.main-grid,.footer-bar{position:relative;z-index:2}.topbar{display:flex;align-items:center;justify-content:space-between;width:min(1440px,calc(100% - 72px));margin:0 auto;padding:31px 0 22px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:11px;color:var(--paper);text-decoration:none}.brand-mark{display:grid;width:37px;height:37px;place-items:center;border:1px solid var(--orange);color:var(--orange-bright);font:500 11px var(--mono);letter-spacing:-.12em;transform:rotate(-7deg)}.brand-copy{display:grid;gap:1px}.brand-copy strong{font:600 18px var(--display);letter-spacing:.08em;line-height:1;text-transform:uppercase}.brand-copy strong span{color:var(--orange-bright)}.brand-copy small,.header-note,.header-index{color:var(--paper-dim);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.header-note{display:flex;align-items:center;gap:8px;margin-left:auto;margin-right:48px}.status-dot,.chip-dot{display:inline-block;width:6px;height:6px;border-radius:100%;background:var(--orange);box-shadow:0 0 0 4px #ef7a2221}.header-index{color:var(--paper)}.header-index span{margin:0 5px;color:var(--orange)}.main-grid{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(560px,1.65fr);gap:clamp(34px,7vw,118px);width:min(1440px,calc(100% - 72px));min-height:calc(100vh - 155px);margin:0 auto;padding:clamp(60px,10vh,132px) 0 58px}.intro{align-self:center;max-width:450px;padding-bottom:32px}.eyebrow{margin:0 0 24px;color:var(--orange-bright);font-size:9px;letter-spacing:.17em;line-height:1.5;text-transform:uppercase}.eyebrow>span{margin-right:13px;color:var(--paper)}.eyebrow-dark{margin-bottom:13px;color:#759b86}.eyebrow-dark>span{color:var(--orange)}h1,h2,p{margin-top:0}h1,h2{font-family:var(--display);font-weight:500;text-transform:uppercase}h1{max-width:460px;margin-bottom:25px;color:var(--paper);font-size:clamp(55px,7.2vw,110px);letter-spacing:-.065em;line-height:.86}h1 em{color:var(--orange-bright);font-style:normal}.lede{max-width:390px;margin-bottom:34px;color:#aebaa7;font-size:12px;line-height:1.8}.intro-actions{display:flex;align-items:center;gap:17px;margin-bottom:clamp(58px,10vh,110px)}.primary-button{display:inline-flex;align-items:center;gap:12px;min-height:48px;padding:0 20px 0 10px;border:1px solid var(--orange);border-radius:1px;background:var(--orange);color:#17271f;font:500 11px var(--mono);letter-spacing:.02em;transition:background .18s ease,color .18s ease,transform .18s ease}.primary-button:hover{background:var(--orange-bright);transform:translateY(-2px)}.primary-button:focus-visible{outline:2px solid var(--paper);outline-offset:4px}.primary-button.is-active{background:transparent;color:var(--orange-bright)}.button-icon{display:grid;width:28px;height:28px;place-items:center;border:1px solid currentColor;font-size:17px;line-height:1;transition:transform .18s ease}.primary-button.is-active .button-icon{transform:rotate(90deg)}.action-hint{color:#718677;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.data-rail{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-top:18px;border-top:1px solid var(--line)}.data-item{display:grid;gap:6px}.data-item>span{color:var(--orange);font-size:9px}.data-item strong{color:#d8d5bd;font-size:9px;letter-spacing:.08em;font-weight:500}.data-item small{color:#617c6c;font-size:8px}.stage-card{align-self:center;min-width:0;padding:22px 22px 0;border:1px solid rgba(174,188,157,.26);background:linear-gradient(150deg,#234b3ae6,#0f261cb8);box-shadow:25px 30px 80px #0000003d}.stage-header,.stage-footer{display:flex;align-items:end;justify-content:space-between;gap:18px}.stage-header{padding:0 5px 16px}h2{margin-bottom:0;color:#eae3ca;font-size:clamp(25px,3vw,42px);letter-spacing:-.045em;line-height:.9}h2 span{color:var(--sage)}.stage-meta{display:grid;gap:6px;text-align:right}.meta-label{color:#6b8e7a;font-size:8px;letter-spacing:.15em}.stage-meta strong{color:var(--orange-bright);font-size:10px;letter-spacing:.12em}.stage-viewport{position:relative;min-height:min(57vw,610px);overflow:hidden;border:1px solid rgba(222,213,176,.14);background:radial-gradient(circle at 62% 48%,#9c997d,#727a63 24%,#3d5847 53%,#172f25)}.stage-viewport:before{position:absolute;inset:0;background:linear-gradient(115deg,rgba(244,231,195,.22),transparent 35%),linear-gradient(180deg,transparent 68%,rgba(10,21,15,.36));content:"";pointer-events:none;z-index:1}#scene{position:relative;z-index:2;display:block;width:100%;height:100%;min-height:min(57vw,610px)}.viewport-orbit{position:absolute;z-index:1;border:1px solid rgba(242,234,209,.2);border-radius:50%;pointer-events:none;transform:rotate(-20deg)}.orbit-one{width:61%;height:48%;top:26%;left:22%}.orbit-two{width:83%;height:64%;top:17%;left:9%;border-color:#f2ead11a;transform:rotate(18deg)}.viewport-crosshair{position:absolute;z-index:3;top:50%;left:50%;width:17px;height:17px;opacity:.55;transform:translate(-50%,-50%);pointer-events:none}.viewport-crosshair span:first-child,.viewport-crosshair span:last-child{position:absolute;background:#ef7a22d9}.viewport-crosshair span:first-child{top:8px;left:0;width:17px;height:1px}.viewport-crosshair span:last-child{top:0;left:8px;width:1px;height:17px}.reference-tag,.viewport-caption{position:absolute;z-index:3;color:#f4e7c5;font-size:8px;letter-spacing:.12em;text-transform:uppercase;pointer-events:none}.reference-tag{top:17px;left:17px;display:flex;align-items:center;gap:8px}.tag-line{display:inline-block;width:24px;height:1px;background:var(--orange)}.viewport-caption{right:17px;bottom:17px;display:flex;gap:14px;color:#bdc1a2}.viewport-caption span:first-child{color:var(--orange-bright)}.scene-fallback{position:absolute;z-index:6;inset:50% auto auto 50%;width:max-content;max-width:calc(100% - 32px);padding:14px;border:1px solid rgba(255,180,61,.4);background:#0b1c15e6;color:#ffe2ad;font-size:11px;transform:translate(-50%,-50%)}.stage-footer{min-height:80px;padding:18px 5px 0;align-items:center}.spec-chip{display:grid;grid-template-columns:9px auto;grid-template-rows:auto auto;column-gap:9px;align-items:center}.spec-chip .chip-dot{grid-row:1 / span 2;background:#89aa81;box-shadow:0 0 0 4px #89aa811f}.spec-chip strong{color:#d9d7be;font-size:9px;font-weight:500;letter-spacing:.08em}.spec-chip small{margin-top:5px;color:#718e7c;font-size:8px}.control-copy{color:#718e7c;font-size:8px;letter-spacing:.06em;text-transform:uppercase}.control-key{display:inline-block;margin:0 4px;padding:4px 5px;border:1px solid rgba(210,221,194,.16);color:#c4c9a9}.footer-bar{display:flex;align-items:center;justify-content:space-between;gap:26px;width:min(1440px,calc(100% - 72px));margin:0 auto;padding:20px 0 26px;border-top:1px solid var(--line)}.footer-bar>div:not(.footer-mark){display:grid;gap:6px}.footer-kicker{color:#6d8976;font-size:8px;letter-spacing:.16em}.footer-bar strong{color:#c0c5aa;font-size:9px;font-weight:400}.footer-mark{color:var(--orange-bright);font:500 21px var(--display);letter-spacing:.05em}.footer-mark span{display:inline-block;margin-left:4px;color:#84a483;transform:translateY(-3px)}@media(max-width:1000px){.main-grid{grid-template-columns:1fr;gap:40px;padding-top:64px}.intro{max-width:700px}h1{font-size:clamp(58px,12vw,108px)}.intro-actions{margin-bottom:45px}.stage-card{width:100%}.stage-viewport,#scene{min-height:min(70vw,600px)}}@media(max-width:650px){.topbar,.main-grid,.footer-bar{width:min(100% - 34px,540px)}.topbar{padding-top:18px}.header-note{display:none}.header-index{font-size:8px}.main-grid{padding-top:52px}.stage-card{padding:16px 12px 0}.stage-header{padding-inline:3px}.stage-header h2{font-size:29px}.stage-meta{min-width:70px}.stage-viewport,#scene{min-height:105vw}.stage-footer{display:grid;grid-template-columns:1fr;gap:16px;padding-bottom:18px}.control-copy{line-height:2.1}.footer-bar{flex-wrap:wrap;padding-bottom:21px}.footer-bar>div:not(.footer-mark){min-width:calc(50% - 15px)}.footer-mark{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}