@charset "UTF-8";

:root{
color-scheme:dark;
--bg:#101010;
--panel:#191919;
--line:#303030;
--text:#f4f1ed;
--muted:#b1ada7;
--orange:#ff874f;
--font:Arial,Helvetica,sans-serif}
*{
box-sizing:border-box}
html{
scroll-behavior:smooth;
scroll-padding-top:30px}
body{
margin:0;
background:var(--bg);
color:var(--text);
font-family:var(--font);
-webkit-font-smoothing:antialiased}
a{
color:inherit;
text-decoration:none}
button{
font:inherit}
button,a{
-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{
outline:2px solid var(--orange);
outline-offset:6px}
::selection{
background:var(--orange);
color:var(--bg)}
[hidden]{
display:none!important}
.wrap{
width:min(1240px,calc(100% - 96px));
margin-inline:auto}
.header{
height:108px;
display:flex;
align-items:center;
gap:40px;
border-bottom:1px solid var(--line)}
.brand{
display:flex;
align-items:center;
gap:9px;
font-size:23px;
font-weight:750;
letter-spacing:-1px}
.brand-sub{
font-weight:400;
color:var(--muted);
letter-spacing:-.6px}
.brand-mark{
position:relative;
font-size:31px;
line-height:1;
margin-right:7px;
color:var(--orange);
font-weight:900}
.brand-mark span{
font-size:17px;
position:absolute;
top:-4px;
right:-10px}
.header nav{
display:flex;
gap:34px;
margin-left:auto;
font-size:14px;
color:var(--muted)}
.header nav a:hover,.text-link:hover,.footer a:hover{
color:var(--orange)}
.language{
font-size:12px;
display:flex;
gap:9px;
align-items:center;
margin-left:18px;
color:#898580}
.language .selected{
color:var(--text)}
.divider{
color:#504d48}
.hero{
min-height:680px;
position:relative;
display:grid;
grid-template-columns:1.2fr 1fr;
align-items:center;
gap:12px;
padding-top:56px;
padding-bottom:100px;
overflow:hidden}
.eyebrow{
font-family:Consolas,'Courier New',monospace;
font-size:11px;
letter-spacing:1.5px;
line-height:1.6;
color:var(--muted);
font-weight:400}
.hero .eyebrow{
display:flex;
align-items:center;
gap:10px;
font-size:10px;
letter-spacing:1.2px}
.dot{
width:6px;
height:6px;
flex-shrink:0;
border-radius:50%;
background:var(--orange);
box-shadow:0 0 12px #ff874f70}
h1{
font-size:clamp(44px,4.9vw,70px);
line-height:1.13;
letter-spacing:-3px;
font-weight:550;
margin:30px 0 24px}
h1>span{
color:var(--orange)}
.intro{
max-width:510px;
font-size:16px;
color:var(--muted);
line-height:1.9;
margin-bottom:34px}
.actions{
display:flex;
align-items:center;
gap:29px}
.button{
display:inline-flex;
align-items:center;
justify-content:center;
gap:28px;
padding:17px 22px;
font-size:13px;
font-weight:600;
border:1px solid transparent;
border-radius:3px;
transition:background .2s,transform .2s}
.primary{
background:var(--orange);
color:#17110e}
.primary:hover{
background:#ffa678;
transform:translateY(-2px)}
.text-link{
display:inline-flex;
align-items:center;
gap:18px;
font-size:13px;
transition:color .2s}
.signal{
height:450px;
position:relative;
display:grid;
place-items:center;
background:radial-gradient(ellipse at center,#d15a1918,transparent 62%)}
.signal-grid{
position:absolute;
inset:25px;
background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);
background-size:36px 36px;
mask-image:radial-gradient(ellipse,#000,transparent 70%)}
.orbit{
position:absolute;
width:340px;
height:340px;
border:1px solid #ff874f40;
border-radius:50%}
.orbit-one{
transform:rotate(-30deg) scaleY(.55)}
.orbit-two{
transform:rotate(45deg) scaleY(.6)}
.orbit-three{
transform:rotate(-75deg) scaleY(.65)}
.core{
width:116px;
height:116px;
display:grid;
place-items:center;
position:relative;
font-size:79px;
font-weight:800;
font-style:italic;
color:var(--orange);
text-shadow:0 0 50px #ff874f50;
transform:rotate(-8deg)}
.core span{
font-size:47px;
position:absolute;
right:-16px;
top:2px}
.node{
position:absolute;
width:9px;
height:9px;
border-radius:50%;
background:var(--orange);
box-shadow:0 0 18px #ff874f70}
.node-a{
left:19%;
top:31%}
.node-b{
right:23%;
bottom:29%;
width:5px;
height:5px}
.signal-caption,.signal-coordinate{
position:absolute;
font:9px Consolas,monospace;
color:#a77e68;
letter-spacing:2px;
bottom:18px;
left:50%;
transform:translateX(-50%);
white-space:nowrap}
.signal-coordinate{
top:25px;
bottom:auto;
color:#6e655f;
font-size:8px}
.hero-bottom{
position:absolute;
bottom:30px;
width:100%;
display:flex;
justify-content:space-between;
font:9px Consolas,monospace;
letter-spacing:1.5px;
color:#99938a}
.hero-bottom span span{
color:var(--orange);
margin-left:12px}
.ticker{
border-block:1px solid var(--line);
overflow:hidden;
padding:24px 0}
.ticker>div{
display:flex;
justify-content:space-evenly;
gap:32px;
min-width:1050px;
font-size:15px;
font-weight:600;
letter-spacing:1px}
.ticker i{
font-style:normal;
color:var(--orange)}
.section{
padding-block:100px}
.section>.eyebrow{
color:var(--orange);
margin:0 0 30px}
.section-heading{
display:grid;
grid-template-columns:1.2fr 1fr;
gap:60px;
align-items:start;
margin-bottom:46px}
h2{
font-size:clamp(30px,3.1vw,44px);
font-weight:500;
line-height:1.25;
letter-spacing:-1.5px;
margin:0}
.section-heading>p,.section-heading>.about-copy{
font-size:14px;
line-height:1.9;
color:var(--muted);
margin:2px 0 0;
max-width:470px}
.disciplines{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:40px;
border-top:1px solid var(--line);
padding-top:30px}
.index{
font:11px Consolas,monospace;
color:var(--orange)}
.disciplines h3{
font-size:18px;
font-weight:500;
margin:24px 0 12px}
.disciplines p,.game p{
font-size:13px;
line-height:1.9;
color:var(--muted);
margin:0}
#projects{
padding-top:38px}
.filters{
display:flex;
gap:8px;
margin-bottom:30px;
flex-wrap:wrap}
.filters button{
border:1px solid var(--line);
background:transparent;
color:var(--muted);
padding:10px 20px;
border-radius:3px;
font-size:12px;
cursor:pointer}
.filters button[aria-pressed=true]{
color:#14100d;
background:var(--orange);
border-color:var(--orange)}
.filters button:hover{
border-color:var(--orange)}
.featured{
background:var(--panel);
border:1px solid var(--line);
display:grid;
grid-template-columns:1.1fr 1fr;
min-height:360px;
border-radius:6px;
overflow:hidden}
.featured-copy{
padding:40px}
.featured .eyebrow{
font-size:9px;
color:var(--orange)}
.featured h3{
font-size:42px;
line-height:1.14;
font-weight:500;
letter-spacing:-1px;
margin:26px 0 18px}
.featured-copy>p:not(.eyebrow){
font-size:13px;
line-height:1.9;
color:var(--muted);
max-width:390px}
.tags{
list-style:none;
display:flex;
gap:8px;
flex-wrap:wrap;
padding:0;
margin-top:24px}
.tags li{
border:1px solid #45403a;
padding:6px 9px;
font:9px Consolas,monospace;
color:#d5b49d;
border-radius:2px}
.agent-art{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
background:radial-gradient(ellipse,#66332125,transparent 65%);
border-left:1px solid var(--line);
padding:28px;
min-height:320px}
.agent-label,.art-note{
font:9px Consolas,monospace;
letter-spacing:2px;
color:#a58572}
.agent-map{
width:260px;
height:230px;
position:relative;
display:grid;
place-items:center;
background:linear-gradient(45deg,transparent 49.7%,#754a3455 50%,transparent 50.3%),linear-gradient(-45deg,transparent 49.7%,#754a3455 50%,transparent 50.3%)}
.agent-center{
width:65px;
height:65px;
border:1px solid var(--orange);
display:flex;
align-items:center;
justify-content:center;
font-size:36px;
color:var(--orange);
background:#241c16;
box-shadow:0 0 50px #ff874f0d;
border-radius:12px}
.agent-center>span{
font-size:18px}
.agent{
position:absolute;
display:grid;
place-items:center;
width:39px;
height:39px;
border:1px solid #645043;
background:#201c18;
border-radius:8px;
font:10px Consolas,monospace;
color:#d5b49d}
.a1{
top:28px;
left:25px}
.a2{
top:28px;
right:25px}
.a3{
bottom:28px;
left:25px}
.a4{
bottom:28px;
right:25px}
.art-note{
font-size:8px;
color:#858079}
.group-title{
font:10px Consolas,monospace;
letter-spacing:1.6px;
color:var(--muted);
margin:44px 0 22px}
.games{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px}
.game{
border:1px solid var(--line);
border-radius:5px;
overflow:hidden;
background:#141414}
.game-art{
height:195px;
position:relative;
overflow:hidden;
background:#1e1a17;
display:grid;
place-items:center}
.game-art>span{
position:absolute;
top:16px;
left:18px;
font:10px Consolas,monospace;
letter-spacing:2px;
color:#b8a292;
z-index:1}
.game-art>small{
position:absolute;
bottom:16px;
left:18px;
font:7px Consolas,monospace;
color:#a08e7e;
letter-spacing:1.5px}
.game-art>div{
width:94px;
height:94px;
border:1px solid #b67750;
transform:rotate(45deg);
background:linear-gradient(135deg,#382920,#a7602d44);
box-shadow:12px 12px 0 #5a3a2422,24px 24px 0 #5a3a2411}
.art-1{
background:#191e1d}
.art-1>div{
width:92px;
height:115px;
border-color:#7a9684;
border-radius:100% 0;
background:linear-gradient(135deg,#62836b33,#19201c);
transform:rotate(-30deg);
box-shadow:15px 8px 0 #657a5b11}
.art-1>small,.art-1>span{
color:#9fac9d}
.art-2{
background:#201b23}
.art-2>div{
border-color:#a28aaf;
border-radius:50%;
background:linear-gradient(135deg,#8c679b22,#241d29);
box-shadow:0 0 0 12px #7e628e11,0 0 0 24px #7e628e11}
.art-2>span,.art-2>small{
color:#baa5be}
.game-body{
padding:24px}
.status{
display:inline-block;
color:var(--orange);
font:9px Consolas,monospace;
border-bottom:1px solid #68412d;
padding-bottom:5px}
.game h4{
font-size:19px;
line-height:1.4;
font-weight:500;
margin:17px 0 12px;
letter-spacing:-.3px}
.game p{
font-size:12px}
.experience-intro{
max-width:700px;
color:var(--muted);
font-size:13px;
line-height:1.9;
margin-bottom:28px}
.experience-list{
border-top:1px solid var(--line)}
.experience-list article{
display:grid;
grid-template-columns:32px 1fr 1fr 20px;
align-items:center;
gap:20px;
padding:27px 0;
border-bottom:1px solid var(--line)}
.experience-list h4{
font-size:15px;
font-weight:500;
margin:0}
.experience-list p{
font-size:12px;
line-height:1.7;
color:var(--muted);
margin:0}
.experience-icon{
color:#5e5851}
.contact{
background:#191713;
border-block:1px solid #3b3027}
.contact-inner{
display:flex;
justify-content:space-between;
align-items:center;
padding-block:78px}
.contact .eyebrow{
color:var(--orange);
margin-bottom:25px}
.contact h2{
font-size:clamp(34px,4vw,54px)}
.contact p:not(.eyebrow){
color:var(--muted);
font-size:14px;
line-height:1.9;
max-width:480px;
margin:22px 0 28px}
.handle{
font:11px Consolas,monospace;
color:#b8a797;
margin-left:18px}
.contact-symbol{
font-size:220px;
line-height:1;
color:var(--orange);
font-weight:300}
.footer{
padding-block:40px;
display:flex;
align-items:center;
justify-content:space-between;
gap:25px}
.footer-brand{
font-size:20px;
letter-spacing:-.6px}
.footer-brand span{
font-size:9px;
vertical-align:top;
margin-left:6px;
color:var(--orange)}
.footer p,.footer>span,.footer>a{
font-size:10px;
color:var(--muted)}
.footer p{
margin:10px 0 0}
.skip{
position:fixed;
top:10px;
left:10px;
transform:translateY(-180%);
background:var(--orange);
color:#101010;
padding:14px;
z-index:10}
.skip:focus{
transform:none}
.sr-only{
position:absolute;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0,0,0,0);
white-space:nowrap;
border:0}

@media(min-width:1500px){
.hero{
min-height:750px}
}
@media(max-width:1000px){
.wrap{
width:calc(100% - 56px)}
.hero{
grid-template-columns:1.2fr .8fr;
min-height:620px}
.signal{
height:340px}
.orbit{
width:260px;
height:260px}
h1{
letter-spacing:-2px}
.hero .eyebrow{
font-size:8px}
.section-heading{
gap:35px}
.games{
gap:12px}
.game-body{
padding:20px}
.featured-copy{
padding:30px}
.contact-symbol{
font-size:170px}
.disciplines{
gap:24px}
}

@media(max-width:700px){
.wrap{
width:calc(100% - 40px)}
.header{
height:82px;
gap:14px;
flex-wrap:wrap}
.brand{
font-size:19px;
gap:6px}
.brand-mark{
font-size:26px}
.header nav{
gap:14px;
font-size:11px}
.language{
margin-left:auto;
font-size:10px;
gap:5px}
.hero{
grid-template-columns:1fr;
padding-top:54px;
padding-bottom:60px;
gap:0}
.hero-copy{
z-index:1}
.hero .eyebrow{
font-size:8px}
h1{
font-size:clamp(37px,9.5vw,62px);
letter-spacing:-1.8px;
margin:25px 0 20px}
.intro{
font-size:14px;
max-width:470px;
line-height:1.8}
.actions{
gap:23px}
.button{
font-size:12px;
padding:15px 18px;
gap:18px}
.text-link{
font-size:12px;
gap:10px}
.signal{
height:270px;
width:100%;
max-width:390px;
justify-self:center;
margin-top:10px}
.orbit{
width:250px;
height:250px}
.signal-caption{
bottom:2px;
font-size:8px}
.signal-coordinate{
top:12px}
.hero-bottom{
bottom:20px;
font-size:8px}
.hero-bottom>span:last-child{
display:none}
.ticker{
padding:18px 0}
.ticker>div{
font-size:12px;
justify-content:flex-start;
padding-left:20px;
min-width:900px;
gap:24px}
.section{
padding-block:65px}
.section>.eyebrow{
margin-bottom:24px;
font-size:9px}
.section-heading{
grid-template-columns:1fr;
gap:22px;
margin-bottom:30px}
.section-heading>p,.section-heading>.about-copy{
font-size:13px;
max-width:100%}
h2{
font-size:31px;
letter-spacing:-1px}
.disciplines{
grid-template-columns:1fr;
gap:28px}
.disciplines article{
display:grid;
grid-template-columns:24px 1fr;
column-gap:14px}
.disciplines .index{
margin-top:6px}
.disciplines h3{
margin:0 0 10px;
font-size:17px}
.disciplines p{
grid-column:2;
font-size:12px}
#projects{
padding-top:20px}
.filters{
gap:7px}
.filters button{
font-size:11px;
padding:9px 14px}
.featured{
grid-template-columns:1fr}
.featured-copy{
padding:27px}
.featured h3{
font-size:36px}
.agent-art{
border-left:0;
border-top:1px solid var(--line);
min-height:270px;
padding:20px}
.agent-map{
height:190px;
width:250px}
.games{
grid-template-columns:1fr;
gap:22px}
.game-art{
height:210px}
.game-body{
padding:24px}
.game h4{
font-size:21px}
.game p{
font-size:13px}
.group-title{
font-size:9px;
line-height:1.8;
margin-top:34px}
.experience-list article{
grid-template-columns:24px 1fr 14px;
gap:12px;
padding:22px 0}
.experience-list h4{
font-size:14px}
.experience-list p{
grid-column:2;
grid-row:2}
.experience-icon{
grid-column:3;
grid-row:1}
.contact-inner{
padding-block:55px}
.contact-symbol{
display:none}
.contact h2{
font-size:34px}
.contact p:not(.eyebrow){
font-size:13px}
.handle{
font-size:10px;
margin-left:10px}
.footer{
flex-wrap:wrap;
padding-block:30px}
.footer>div{
width:100%}
.footer>span,.footer>a{
font-size:10px}
.footer>a{
margin-left:auto}
}

@media(max-width:380px){
.header nav{
order:3;
width:100%;
justify-content:space-between;
margin:0;
padding-bottom:12px}
.header{
height:100px;
padding-top:14px}
.hero .eyebrow{
letter-spacing:.7px}
.actions{
gap:16px}
.handle{
display:block;
margin:18px 0 0}
}

@media(prefers-reduced-motion:reduce){
html{
scroll-behavior:auto}
*,*::before,*::after{
transition:none!important;
animation:none!important}
}

/* Owner-supplied LaunchOps screenshots; all displayed data is simulated. */
.signal-scene { position: absolute; inset: 0; display: grid; place-items: center; perspective: 800px; }
.core.core-spatial { width: 220px; height: 220px; background: transparent; border: 0; border-radius: 0; box-shadow: none; perspective: 700px; transform-style: preserve-3d; }
.core-spatial .logo-fallback { width: 160px; height: 160px; }
.mark-interaction { display: none; width: 200px; height: 200px; transform-style: preserve-3d; transform: rotateX(var(--pointer-x, 0deg)) rotateY(var(--pointer-y, 0deg)); transition: transform .65s cubic-bezier(.2,.75,.2,1); }
.mark-spin { position: absolute; inset: 0; transform-style: preserve-3d; transform: rotateX(-9deg) rotateY(-25deg) rotateZ(-7deg); will-change: transform; }
.core-spatial .mark-slice, .core-spatial .mark-face, .core-spatial .mark-sheen { position: absolute; inset: 0; font-size: inherit; }
.mark-slice { mask: url('/viax-mark.svg') center / contain no-repeat; }
.mark-face { transform: translateZ(1px); mask: url('/viax-mark.svg') center / contain no-repeat; }
.core-spatial .mark-face img { width: 100%; height: 100%; }
.mark-sheen { background: linear-gradient(110deg, transparent 35%, #fff4d490 47%, transparent 59%); transform: translateX(-140%); }
.motion-toggle { position: absolute; right: 12px; bottom: 5px; width: 32px; height: 32px; border: 1px solid #ff874f40; border-radius: 50%; color: var(--orange); background: #191511; cursor: pointer; font-size: 13px; }
.motion-toggle:hover { border-color: var(--orange); background: #2a1c14; }
@supports (transform-style: preserve-3d) { .core-spatial .logo-fallback { display: none; } .mark-interaction { display: block; } }
.signal .mark-spin { animation: viax-float 11s ease-in-out infinite paused; }
.signal .mark-sheen { animation: viax-sheen 7s ease-in-out infinite paused; }
.signal .plane-one { animation: viax-orbit-one 19s ease-in-out infinite paused; }
.signal .plane-two { animation: viax-orbit-two 27s ease-in-out infinite paused; }
.signal .plane-three { animation: viax-orbit-three 34s ease-in-out infinite paused; }
.signal .track-one { animation: viax-satellite 9s linear infinite paused; }
.signal .track-two { animation: viax-satellite 13s linear infinite reverse paused; }
.signal .track-three { animation: viax-satellite 17s linear infinite paused; animation-delay: -6s; }
.signal[data-motion="on"] .mark-spin, .signal[data-motion="on"] .mark-sheen, .signal[data-motion="on"] .orbit-plane, .signal[data-motion="on"] .satellite-track { animation-play-state: running; }
.signal[data-visible="false"] .mark-spin, .signal[data-visible="false"] .mark-sheen, .signal[data-visible="false"] .orbit-plane, .signal[data-visible="false"] .satellite-track { animation-play-state: paused; }
.signal[data-motion="off"] .mark-interaction { transform: none; }
@keyframes viax-float { 0%,100% { transform: translateY(7px) rotateX(-10deg) rotateY(-28deg) rotateZ(-6deg); } 50% { transform: translateY(-9px) rotateX(9deg) rotateY(26deg) rotateZ(5deg); } }
@keyframes viax-sheen { 0%,40% { transform: translateX(-140%); } 75%,100% { transform: translateX(140%); } }
@keyframes viax-orbit-one { 0%,100% { transform: rotateZ(-25deg) rotateX(63deg) rotateY(8deg); } 38% { transform: rotateZ(12deg) rotateX(45deg) rotateY(-20deg); } 72% { transform: rotateZ(-46deg) rotateX(72deg) rotateY(15deg); } }
@keyframes viax-orbit-two { 0%,100% { transform: rotateZ(58deg) rotateX(57deg) rotateY(-13deg); } 43% { transform: rotateZ(85deg) rotateX(75deg) rotateY(19deg); } 76% { transform: rotateZ(32deg) rotateX(48deg) rotateY(-6deg); } }
@keyframes viax-orbit-three { 0%,100% { transform: rotateZ(-78deg) rotateX(60deg) rotateY(14deg); } 34% { transform: rotateZ(-112deg) rotateX(42deg) rotateY(-12deg); } 68% { transform: rotateZ(-52deg) rotateX(73deg) rotateY(22deg); } }
@keyframes viax-satellite { from { transform: rotateZ(0deg); } to { transform: rotateZ(360deg); } }
.orbit-plane { position: absolute; width: 340px; height: 340px; transform-style: preserve-3d; pointer-events: none; }
.plane-one { transform: rotateZ(-25deg) rotateX(63deg) rotateY(8deg); }
.plane-two { transform: rotateZ(58deg) rotateX(57deg) rotateY(-13deg); }
.plane-three { transform: rotateZ(-78deg) rotateX(60deg) rotateY(14deg); }
.orbit-plane .orbit { inset: 0; width: 100%; height: 100%; transform: none; }
.plane-three .orbit { border-style: dashed; border-color: #ff874f30; }
.satellite-track { position: absolute; inset: 0; transform-style: preserve-3d; }
.satellite-track::before { content: ''; position: absolute; inset: 0; border-radius: 50%; background: conic-gradient(transparent 0deg 285deg, #ff874f12 320deg, #ffc685a0 359deg, transparent 360deg); mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 1px), #000 100%, transparent calc(100% + 1px)); }
.track-two::before { transform: scaleX(-1); }
.satellite-dot { position: absolute; left: 50%; top: 0; width: 9px; height: 9px; border-radius: 50%; transform: translate(-50%, -50%); transform-style: preserve-3d; background: #ffc08c; box-shadow: 0 0 12px #ff874f80, 0 0 26px #ff874f30; }
.satellite-dot::before, .satellite-dot::after { content: ''; position: absolute; inset: 0; border-radius: inherit; background: inherit; box-shadow: 0 0 8px #ff874f70; }
.satellite-dot::before { transform: rotateX(90deg); }
.satellite-dot::after { transform: rotateY(90deg); }
.track-two .satellite-dot { width: 5px; height: 5px; background: #ff874f; }
.track-three .satellite-dot { width: 7px; height: 7px; background: #ffe0b5; }
@media(max-width:1000px) { .orbit-plane { width: 260px; height: 260px; } }
@media(max-width:700px) { .orbit-plane { width: 250px; height: 250px; } }
@media(max-width:700px) { .core.core-spatial { width: 180px; height: 180px; } .mark-interaction { width: 166px; height: 166px; } .motion-toggle { right: 15px; bottom: 0; width: 28px; height: 28px; } }
@media(prefers-reduced-motion:reduce) { .signal .mark-spin, .signal .mark-sheen, .signal .orbit-plane, .signal .satellite-track { animation: none !important; } .mark-interaction { transition: none; } }
.core-spatial .slice-0 { transform: translateZ(-30px); background: #d16a32; }
.core-spatial .slice-1 { transform: translateZ(-28px); background: #8f3819; }
.core-spatial .slice-2 { transform: translateZ(-26px); background: #8f3819; }
.core-spatial .slice-3 { transform: translateZ(-24px); background: #d16a32; }
.core-spatial .slice-4 { transform: translateZ(-22px); background: #8f3819; }
.core-spatial .slice-5 { transform: translateZ(-20px); background: #8f3819; }
.core-spatial .slice-6 { transform: translateZ(-18px); background: #d16a32; }
.core-spatial .slice-7 { transform: translateZ(-16px); background: #8f3819; }
.core-spatial .slice-8 { transform: translateZ(-14px); background: #8f3819; }
.core-spatial .slice-9 { transform: translateZ(-12px); background: #d16a32; }
.core-spatial .slice-10 { transform: translateZ(-10px); background: #8f3819; }
.core-spatial .slice-11 { transform: translateZ(-8px); background: #8f3819; }
.core-spatial .slice-12 { transform: translateZ(-6px); background: #d16a32; }
.core-spatial .slice-13 { transform: translateZ(-4px); background: #8f3819; }
.core-spatial .slice-14 { transform: translateZ(-2px); background: #8f3819; }
.core-spatial .slice-15 { transform: translateZ(0px); background: #d16a32; }
.brand-mark { display: block; width: 34px; height: 34px; margin-right: 3px; }
.core { width: 164px; height: 164px; transform: none; border-radius: 50%; background: #171411; border: 1px solid #ff874f20; box-shadow: 0 0 60px #ff874f0b; }
.core img { display: block; width: 130px; height: 130px; }
.carousel { min-width: 0; overflow: hidden; }
.carousel-slide figure { margin: 0; border: 0; border-radius: 0; }
.carousel-slide img { display: block; width: 100%; }
.carousel-slide figcaption { color: var(--muted); font-size: 10px; line-height: 1.6; padding: 12px 16px; min-height: 58px; }
.carousel.launchops-cover { border: 1px solid var(--line); border-radius: 4px; }
.launchops-cover .carousel-slide a { background: #111; aspect-ratio: 1.85; display: flex; align-items: center; }
.launchops-cover .carousel-slide img { height: 100%; object-fit: contain; }
.gambit-carousel .carousel-slide a { aspect-ratio: 1.5; display: flex; align-items: center; }
.gambit-carousel .carousel-slide img { height: 100%; object-fit: contain; aspect-ratio: auto; }
.carousel-controls { display: flex; align-items: center; gap: 8px; padding: 10px 14px; border-top: 1px solid var(--line); }
.carousel-controls button { min-width: 36px; min-height: 36px; padding: 7px 10px; background: transparent; border: 1px solid #484038; border-radius: 3px; color: var(--text); cursor: pointer; font-size: 11px; }
.carousel-controls button:hover { color: var(--orange); border-color: var(--orange); }
.carousel-controls [data-action="playback"] { margin-left: auto; color: var(--orange); }
.carousel-counter { font: 10px Consolas, monospace; color: var(--muted); min-width: 34px; text-align: center; }
.game-photo { display: block; background: #201b16; }
.game-photo img { display: block; width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
.game-photo.supplied-art { background: #dedad5; }
.game-photo.supplied-art img { object-fit: contain; }
.game-photo:focus-visible { outline-offset: -3px; }
.game-image-note { padding: 11px 18px; color: var(--muted); font-size: 10px; line-height: 1.7; border-bottom: 1px solid var(--line); }
.game-image-note.illustration-disclaimer { color: #d7b7a4; }
.game-gallery { margin-top: 22px; border-top: 1px solid var(--line); }
.game-gallery summary { padding: 16px 0 0; color: var(--orange); font-size: 11px; line-height: 1.7; cursor: pointer; }
.game-gallery summary:focus-visible { outline: 2px solid var(--orange); outline-offset: 3px; }
.game-gallery figure { margin: 18px 0 0; border: 1px solid var(--line); border-radius: 3px; overflow: hidden; }
.game-gallery figcaption { padding: 9px 12px; color: var(--muted); font-size: 10px; line-height: 1.7; }
.game-gallery .game-photo img { aspect-ratio: auto; height: auto; }
.games { align-items: start; }
.experience-list article { grid-template-columns: 32px .8fr 1.2fr 20px; }
@media(max-width:700px) { .experience-list article { grid-template-columns: 24px 1fr 14px; } }
.launchops-shot { margin: 0; min-width: 0; background: #141414; border: 1px solid var(--line); border-radius: 4px; overflow: hidden; }
.launchops-shot a { display: block; }
.launchops-shot a:focus-visible { outline-offset: -3px; }
.launchops-shot img { display: block; width: 100%; height: auto; }
.launchops-shot figcaption { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; padding: 14px 16px; color: var(--muted); font-size: 11px; line-height: 1.6; }
.simulation-badge { color: var(--orange); font: 9px Consolas, monospace; border: 1px solid #68412d; border-radius: 3px; padding: 4px 7px; }
.launchops-cover { align-self: center; margin: 28px 28px 28px 0; }
.featured-copy > .simulation-note { border-left: 2px solid var(--orange); padding-left: 13px; font-size: 11px; line-height: 1.8; color: #d7b7a4; margin-top: 22px; }
.launchops-gallery { grid-column: 1 / -1; border-top: 1px solid var(--line); }
.launchops-gallery summary { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; padding: 23px 28px; cursor: pointer; font-size: 13px; list-style: none; }
.launchops-gallery summary::before { content: '+'; color: var(--orange); font-size: 22px; line-height: 1; }
.launchops-gallery[open] summary::before { content: '−'; }
.launchops-gallery summary::-webkit-details-marker { display: none; }
.launchops-gallery summary:focus-visible { outline: 2px solid var(--orange); outline-offset: -4px; }
.launchops-gallery summary:hover { background: #ffffff04; }
.gallery-count { margin-left: auto; color: var(--muted); font: 10px Consolas, monospace; }
.gallery-intro { margin: 0 28px 20px; font-size: 12px; color: var(--muted); line-height: 1.8; }
.launchops-gallery-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; padding: 0 28px 28px; align-items: start; }
@media(max-width:700px) {
  .launchops-cover { margin: 0 20px 24px; }
  .launchops-gallery summary { padding: 20px; }
  .gallery-count { width: 100%; margin-left: 24px; font-size: 9px; }
  .gallery-intro { margin-inline: 20px; }
  .launchops-gallery-grid { grid-template-columns: 1fr; padding: 0 20px 20px; }
}

.about-copy p{margin:0}.about-copy p+p{margin-top:18px}