:root { --ink:#07080c; --paper:#f4f3eb; --acid:#dfff00; --mint:#5effc5; --cyan:#7ee9ff; --purple:#a779ff; --pink:#ff6fae; --line:rgba(255,255,255,.15); --mono:"DM Mono",monospace; --sans:"Manrope",sans-serif; --display:"Space Grotesk",sans-serif; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; overflow-x:hidden; color:var(--paper); background:var(--ink); font-family:var(--sans); } body.no-scroll { overflow:hidden; } a { color:inherit; text-decoration:none; } button { font:inherit; } h1,h2,h3,p { margin:0; } button { border:0; } a:focus-visible,button:focus-visible { outline:2px solid var(--acid); outline-offset:5px; }
.noise { position:fixed; z-index:30; inset:0; pointer-events:none; opacity:.048; 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='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E"); } #starfield { position:fixed; z-index:-1; inset:0; width:100%; height:100%; opacity:.7; } .cursor-glow { position:fixed; z-index:20; width:450px; height:450px; transform:translate(-50%,-50%); pointer-events:none; background:radial-gradient(circle,rgba(108,255,212,.1),transparent 67%); mix-blend-mode:screen; }
.site-header { position:fixed; z-index:15; top:0; right:0; left:0; height:84px; display:flex; align-items:center; justify-content:space-between; padding:0 32px; border-bottom:1px solid rgba(255,255,255,.13); background:linear-gradient(to bottom,rgba(5,7,12,.8),rgba(5,7,12,0)); backdrop-filter:blur(8px); }.logo { display:flex; align-items:baseline; gap:4px; font:700 17px/1 var(--display); letter-spacing:-.06em; white-space:nowrap; }.logo span { color:var(--acid); }.logo small { margin-left:7px; color:rgba(255,255,255,.5); font:9px var(--mono); letter-spacing:.1em; }.site-header nav { display:flex; gap:26px; font:10px var(--mono); letter-spacing:.08em; }.site-header nav a { color:rgba(255,255,255,.73); transition:color .2s; }.site-header nav a:hover { color:var(--acid); }.site-header nav b { margin-right:6px; color:var(--acid); font-weight:400; }
.department { position:relative; min-height:100svh; overflow:hidden; isolation:isolate; padding:132px 32px 38px; display:flex; flex-direction:column; }.dev-department { background:radial-gradient(ellipse at 87% 15%,rgba(67,255,192,.15),transparent 29%),radial-gradient(ellipse at 70% 74%,rgba(132,108,255,.16),transparent 36%),linear-gradient(118deg,#07080d 4%,#071b1e 62%,#0b1026); }.art-department { background:radial-gradient(ellipse at 8% 18%,rgba(255,97,172,.18),transparent 29%),radial-gradient(ellipse at 83% 76%,rgba(157,107,255,.24),transparent 32%),linear-gradient(126deg,#190c21 1%,#231130 60%,#081d2b); }.department:after { content:""; position:absolute; z-index:-1; inset:0; opacity:.2; background-image:linear-gradient(rgba(126,233,255,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(126,233,255,.4) 1px,transparent 1px); background-size:74px 74px; mask-image:linear-gradient(to bottom,#000 5%,transparent 92%); }.department-number { position:absolute; z-index:3; top:103px; right:32px; color:rgba(255,255,255,.5); font:10px var(--mono); letter-spacing:.12em; }.department-number span { color:var(--acid); }.department-inner { position:relative; z-index:2; width:min(100%,1380px); flex:1; display:grid; grid-template-columns:1.04fr .96fr; align-items:center; gap:42px; margin:0 auto; }.department-copy { padding-bottom:8px; }.eyebrow { display:flex; align-items:center; gap:10px; color:rgba(255,255,255,.7); font:10px var(--mono); letter-spacing:.115em; }.eyebrow span { width:8px; aspect-ratio:1; border-radius:50%; background:var(--acid); box-shadow:0 0 0 5px rgba(223,255,0,.12),0 0 17px var(--acid); animation:blink 1.8s ease-in-out infinite; }.department h1 { margin-top:23px; font:700 clamp(57px,8vw,121px)/.81 var(--display); letter-spacing:-.1em; }.department h1 em,.gallery-top h2 em { color:var(--acid); font-style:italic; font-weight:500; }.art-department h1 em { color:#ffb7d8; }.intro { max-width:380px; margin-top:33px; color:rgba(255,255,255,.68); font-size:14px; line-height:1.85; }.intro b { color:var(--acid); font:10px var(--mono); }.open-gallery { display:inline-flex; align-items:center; gap:19px; margin-top:31px; padding:15px 18px; cursor:pointer; color:#07100f; background:var(--acid); font-size:12px; font-weight:800; transition:transform .2s,box-shadow .2s; }.open-gallery:hover { box-shadow:0 0 28px rgba(223,255,0,.44); }.open-gallery span { font-size:20px; }.art-department .open-gallery { color:#1c1123; background:#ffb7d8; }.art-department .open-gallery:hover { box-shadow:0 0 28px rgba(255,183,216,.44); }
.aurora { position:absolute; z-index:0; inset:0; overflow:hidden; pointer-events:none; opacity:.8; mix-blend-mode:screen; }.aurora i { position:absolute; display:block; width:92%; height:23%; left:-15%; top:4%; border-radius:50%; background:linear-gradient(98deg,transparent 3%,rgba(56,255,181,.05) 12%,rgba(75,255,191,.79) 31%,rgba(126,233,255,.72) 52%,rgba(177,103,255,.65) 72%,transparent 97%); filter:blur(25px); transform:rotate(-11deg) skewX(-15deg); animation:aurora-float 15s ease-in-out infinite alternate; }.aurora i:nth-child(2) { left:28%; top:9%; width:74%; height:17%; opacity:.74; filter:blur(32px); transform:rotate(13deg) skewX(12deg); animation-duration:19s; animation-direction:alternate-reverse; }.aurora i:nth-child(3) { left:-20%; top:52%; width:77%; height:14%; opacity:.5; filter:blur(19px); transform:rotate(6deg); animation-duration:12s; }.aurora i:nth-child(4) { left:46%; top:47%; width:71%; height:16%; opacity:.6; filter:blur(21px); transform:rotate(-17deg); animation-duration:16s; animation-direction:alternate-reverse; }.aurora b { position:absolute; inset:0; opacity:.6; background:radial-gradient(circle at 13% 23%,#d9fff7 0 1px,transparent 2px),radial-gradient(circle at 67% 21%,#72ffc8 0 1px,transparent 2px),radial-gradient(circle at 87% 62%,#b68aff 0 1px,transparent 2px),radial-gradient(circle at 34% 74%,#7ee9ff 0 1px,transparent 2px); background-size:127px 97px,163px 113px,197px 151px,233px 173px; animation:stars-drift 8s ease-in-out infinite alternate; }.aurora-art i { background:linear-gradient(98deg,transparent 4%,rgba(255,107,182,.06) 15%,rgba(255,104,181,.75) 33%,rgba(187,119,255,.68) 53%,rgba(126,233,255,.5) 74%,transparent 98%); }.aurora-art b { background:radial-gradient(circle at 19% 28%,#ffe8f2 0 1px,transparent 2px),radial-gradient(circle at 62% 25%,#ff9fd2 0 1px,transparent 2px),radial-gradient(circle at 84% 68%,#a78bff 0 1px,transparent 2px),radial-gradient(circle at 37% 70%,#7ee9ff 0 1px,transparent 2px); background-size:127px 97px,163px 113px,197px 151px,233px 173px; }
.dev-simulation,.art-simulation { position:relative; width:100%; height:min(53vw,590px); min-height:490px; overflow:hidden; cursor:pointer; color:inherit; border:1px solid rgba(126,233,255,.34); background:radial-gradient(ellipse at 49% 24%,rgba(73,255,191,.23),transparent 23%),linear-gradient(155deg,#0b2731,#091228 62%,#281639); box-shadow:inset 0 0 100px rgba(0,0,0,.36),0 0 80px rgba(54,126,255,.12); transition:transform .4s cubic-bezier(.2,.7,.2,1),border-color .3s; }.dev-simulation:hover,.art-simulation:hover { transform:scale(.985); border-color:var(--acid); }.dev-simulation:after,.art-simulation:after { content:""; position:absolute; inset:0; z-index:7; pointer-events:none; opacity:.15; background:repeating-linear-gradient(0deg,transparent 0 4px,rgba(126,233,255,.65) 5px 6px); mix-blend-mode:screen; }.simulation-hud,.art-hud { position:absolute; z-index:8; right:19px; left:19px; display:flex; justify-content:space-between; color:rgba(225,248,255,.7); font:9px var(--mono); letter-spacing:.09em; }.simulation-hud b,.art-hud b { color:var(--acid); font-weight:400; }.sim-top { top:18px; }.sim-bottom { bottom:17px; }.aurora-in-engine { position:absolute; z-index:0; inset:0 0 47%; overflow:hidden; mix-blend-mode:screen; }.aurora-in-engine i { position:absolute; display:block; width:110%; height:48%; left:-13%; top:-7%; border-radius:50%; background:linear-gradient(100deg,transparent 3%,rgba(74,255,188,.1) 20%,rgba(80,255,196,.85) 38%,rgba(126,233,255,.67) 52%,rgba(171,113,255,.73) 72%,transparent 97%); filter:blur(18px); transform:rotate(-13deg); animation:aurora-float 10s ease-in-out infinite alternate; }.aurora-in-engine i:nth-child(2) { top:20%; left:3%; opacity:.6; filter:blur(25px); transform:rotate(14deg); animation-duration:15s; animation-direction:alternate-reverse; }.aurora-in-engine i:nth-child(3) { top:44%; left:-19%; width:79%; height:24%; opacity:.62; filter:blur(11px); transform:rotate(3deg); animation-duration:8s; }.engine-moon { position:absolute; z-index:1; left:16%; top:16%; width:22%; aspect-ratio:1; border-radius:50%; background:radial-gradient(circle at 34% 31%,#fbfff8 0 4%,#96f7e1 5%,#3a9dc4 28%,#26385f 59%,#091122 71%); box-shadow:0 0 34px rgba(126,233,255,.65); }.engine-grid { position:absolute; z-index:0; left:-19%; bottom:-21%; width:141%; height:55%; background-image:linear-gradient(rgba(93,255,204,.44) 1px,transparent 1px),linear-gradient(90deg,rgba(93,255,204,.44) 1px,transparent 1px); background-size:25px 25px; transform:perspective(300px) rotateX(62deg); }.level-map { position:absolute; z-index:2; right:3%; bottom:19%; width:53%; aspect-ratio:1; border:1px solid rgba(105,255,210,.48); border-radius:50%; box-shadow:0 0 0 12px rgba(105,255,210,.04),0 0 30px rgba(105,255,210,.16); }.level-map:before,.level-map:after { content:""; position:absolute; left:50%; top:-10%; height:120%; border-left:1px dashed rgba(105,255,210,.37); }.level-map:after { transform:rotate(90deg); }.route { position:absolute; display:block; height:1px; background:linear-gradient(90deg,transparent,#dfff00,transparent); transform-origin:left; }.route-a { width:84%; left:8%; top:55%; transform:rotate(-28deg); }.route-b { width:60%; left:39%; top:23%; transform:rotate(95deg); }.zone { position:absolute; display:block; border:1px solid rgba(176,123,255,.85); border-radius:50%; }.zone-a { width:39%; aspect-ratio:1; left:5%; top:18%; }.zone-b { width:24%; aspect-ratio:1; right:15%; bottom:13%; }.map-player,.map-enemy { position:absolute; z-index:2; width:9px; aspect-ratio:1; border-radius:50%; background:var(--acid); box-shadow:0 0 0 6px rgba(223,255,0,.12),0 0 14px var(--acid); }.map-player { left:49%; top:47%; }.map-enemy { background:#ff795f; box-shadow:0 0 0 6px rgba(255,121,95,.12),0 0 14px #ff795f; }.enemy-a { left:21%; top:28%; }.enemy-b { right:17%; bottom:23%; }.game-unit { position:absolute; z-index:5; right:29%; bottom:9%; width:29%; aspect-ratio:.78; filter:drop-shadow(0 15px 20px rgba(0,0,0,.65)); transition:transform .45s; }.dev-simulation:hover .game-unit { transform:translateY(-9px) rotate(3deg); }.game-unit i { position:absolute; display:block; border:1px solid #b8fbff; background:linear-gradient(135deg,#ecfff9,#5e8f9a 34%,#183653 39%,#afecff 63%,#254d69 66%); box-shadow:inset 0 0 8px rgba(255,255,255,.46),0 0 12px rgba(126,233,255,.44); }.unit-head { z-index:3; top:3%; left:36%; width:28%; height:18%; border-radius:43% 43% 28% 28%; clip-path:polygon(13% 0,87% 0,100% 35%,83% 100%,18% 100%,0 35%); }.unit-head:after { content:""; position:absolute; top:42%; left:16%; width:68%; height:18%; background:var(--acid); box-shadow:0 0 14px var(--acid); }.unit-body { z-index:2; top:22%; left:24%; width:55%; height:38%; clip-path:polygon(22% 0,77% 0,100% 38%,78% 100%,20% 100%,0 38%); }.unit-arm { z-index:1; top:36%; width:17%; height:43%; transform-origin:top; }.arm-a { left:8%; transform:rotate(12deg); }.arm-b { right:8%; transform:rotate(-12deg); }.unit-leg { z-index:1; top:57%; width:21%; height:42%; }.leg-a { left:28%; transform:rotate(7deg); }.leg-b { right:28%; transform:rotate(-7deg); }.targeting { position:absolute; z-index:6; right:7%; top:14%; width:82px; aspect-ratio:1; border:1px solid var(--acid); border-radius:50%; animation:spin 8s linear infinite; }.targeting i { position:absolute; width:13px; height:13px; border-color:var(--acid); border-style:solid; }.targeting i:nth-child(1) { left:-2px; top:-2px; border-width:1px 0 0 1px; }.targeting i:nth-child(2) { right:-2px; top:-2px; border-width:1px 1px 0 0; }.targeting i:nth-child(3) { left:-2px; bottom:-2px; border-width:0 0 1px 1px; }.targeting i:nth-child(4) { right:-2px; bottom:-2px; border-width:0 1px 1px 0; }.targeting b { position:absolute; top:115%; left:-9px; width:110px; color:var(--acid); font:9px var(--mono); font-weight:400; letter-spacing:.1em; }
.art-simulation { background:radial-gradient(ellipse at 35% 24%,rgba(255,129,191,.38),transparent 25%),linear-gradient(150deg,#411842,#241333 50%,#102c42); border-color:rgba(255,193,225,.42); }.art-simulation:hover { border-color:#ffb7d8; }.art-hud { top:18px; }.art-hud b { color:#ffb7d8; }.art-sun { position:absolute; right:-7%; top:-22%; width:65%; aspect-ratio:1; border-radius:50%; background:repeating-radial-gradient(circle,transparent 0 13px,rgba(255,255,214,.52) 14px 15px),#ffd35f; box-shadow:0 0 70px rgba(255,163,209,.52); }.art-rays { position:absolute; left:-20%; bottom:11%; width:140%; height:44%; background:repeating-linear-gradient(29deg,transparent 0 23px,rgba(255,195,226,.26) 24px 26px,transparent 27px 48px); transform:skewY(-13deg); }.concept-character { position:absolute; z-index:5; left:15%; bottom:5%; width:49%; height:77%; filter:drop-shadow(11px 14px 0 rgba(31,7,35,.28)); transition:transform .4s; }.art-simulation:hover .concept-character { transform:translateY(-10px) rotate(-3deg); }.concept-character i,.concept-character b { position:absolute; display:block; }.char-halo { left:6%; top:0; width:84%; aspect-ratio:1; border:1px solid rgba(255,248,159,.8); border-radius:50%; box-shadow:0 0 0 13px rgba(255,248,159,.08),0 0 35px rgba(255,174,219,.6); }.char-head { z-index:3; left:32%; top:14%; width:37%; aspect-ratio:.9; border-radius:46% 46% 37% 37%; background:#251642; box-shadow:inset 12px 6px 0 #ffb7d8; }.char-head:after { content:""; position:absolute; left:22%; top:49%; width:57%; height:12%; background:var(--acid); box-shadow:0 0 16px var(--acid); transform:skewX(-19deg); }.char-torso { z-index:2; bottom:0; left:5%; width:89%; height:58%; background:linear-gradient(135deg,#2b1a4b 0 25%,#ffb7d8 26% 42%,#99468e 43% 67%,#25143b 68%); clip-path:polygon(26% 0,75% 0,100% 100%,0 100%); }.char-arm { z-index:1; right:0; top:40%; width:21%; height:48%; background:#5d2868; transform:rotate(-20deg); }.char-sword { z-index:4; right:-7%; top:20%; width:10%; height:69%; background:#ffe766; transform:rotate(30deg); box-shadow:0 0 22px #ffe766; }.concept-character b { z-index:4; left:39%; top:28%; width:15%; height:5%; background:var(--acid); box-shadow:0 0 18px var(--acid); }.model-object { position:absolute; z-index:4; right:7%; bottom:15%; width:29%; aspect-ratio:1; animation:spin-slow 12s linear infinite; }.model-object i { position:absolute; inset:12%; display:block; border:1px solid #7ee9ff; transform:rotate(30deg) skewY(-9deg); background:linear-gradient(135deg,rgba(126,233,255,.44),rgba(164,112,255,.22)); }.model-object i:nth-child(2) { inset:27%; border-color:#ffb7d8; }.model-object i:nth-child(3) { inset:0; border-radius:50%; border-color:rgba(255,183,216,.55); }.model-object b { position:absolute; left:39%; top:42%; color:#ffedf5; font:600 20px var(--display); }.fx-particles i { position:absolute; z-index:4; display:block; width:7px; aspect-ratio:1; border-radius:50%; background:#fff7a5; box-shadow:0 0 13px #fff7a5; animation:particle 2.5s ease-in-out infinite alternate; }.fx-particles i:nth-child(1) { right:28%; top:32%; }.fx-particles i:nth-child(2) { right:39%; top:43%; background:#ff8dcc; animation-delay:-.4s; }.fx-particles i:nth-child(3) { right:16%; top:47%; animation-delay:-1.1s; }.fx-particles i:nth-child(4) { right:24%; top:57%; background:#a784ff; animation-delay:-1.8s; }.fx-particles i:nth-child(5) { right:50%; top:22%; animation-delay:-.7s; }.fx-particles i:nth-child(6) { right:10%; top:27%; background:#7ee9ff; animation-delay:-1.4s; }.fx-particles i:nth-child(7) { right:44%; top:63%; animation-delay:-.2s; }.art-categories { position:absolute; z-index:7; right:18px; bottom:18px; display:grid; grid-template-columns:repeat(2,auto); gap:5px; }.art-categories b { padding:5px 6px; border:1px solid rgba(255,231,243,.42); color:#fff2f7; font:8px var(--mono); font-weight:400; letter-spacing:.06em; }.art-click { position:absolute; z-index:7; bottom:18px; left:18px; color:#fff1f7; font:9px var(--mono); letter-spacing:.08em; }
.capability-line { position:relative; z-index:3; display:flex; flex-wrap:wrap; gap:11px; width:min(100%,1380px); margin:22px auto 0; }.capability-line span { padding:7px 9px; border:1px solid rgba(94,255,197,.3); border-radius:99px; color:#8fdac5; font:9px var(--mono); letter-spacing:.06em; }.art-line span { border-color:rgba(255,183,216,.38); color:#ffc7e0; }
.case-gallery { position:absolute; z-index:12; inset:0; display:flex; flex-direction:column; padding:110px max(32px,calc((100% - 1380px) / 2)) 32px; overflow:auto; visibility:hidden; opacity:0; pointer-events:none; background:rgba(4,11,15,.97); transform:translateY(30px); transition:opacity .42s ease,transform .42s cubic-bezier(.2,.8,.2,1),visibility .42s; }.art-gallery { background:rgba(25,8,29,.97); }.case-gallery.is-open { visibility:visible; opacity:1; pointer-events:auto; transform:none; }.gallery-top { display:flex; align-items:flex-start; justify-content:space-between; }.gallery-top > div > span { color:#7ee9c8; font:10px var(--mono); letter-spacing:.12em; }.art-gallery .gallery-top > div > span { color:#ffb7d8; }.gallery-top h2 { margin-top:15px; font:600 clamp(47px,7vw,95px)/.8 var(--display); letter-spacing:-.1em; }.close-gallery { display:grid; width:43px; aspect-ratio:1; place-items:center; cursor:pointer; border:1px solid rgba(255,255,255,.45); border-radius:50%; color:var(--paper); background:transparent; font:31px/.8 var(--display); transition:background .2s,color .2s; }.close-gallery:hover { color:#07100f; background:var(--acid); }.art-gallery .close-gallery:hover { color:#28112a; background:#ffb7d8; }.media-grid { display:grid; gap:16px; margin-top:48px; }.media-grid-dev { grid-template-columns:1.22fr .78fr; }.media-grid-art { grid-template-columns:.83fr 1.17fr; }.media-card { min-width:0; }.media-card.media-large { grid-row:span 2; }.media-visual { position:relative; height:245px; overflow:hidden; border:1px solid rgba(255,255,255,.15); }.media-large .media-visual { height:100%; min-height:430px; }.media-card small { display:block; margin-top:15px; color:#87d9c4; font:9px var(--mono); letter-spacing:.1em; }.art-gallery .media-card small { color:#ffb7d8; }.media-card h3 { margin-top:7px; font:600 20px var(--display); letter-spacing:-.06em; }.media-card p { margin-top:7px; color:#909da1; font-size:11px; }.visual-nova { background:radial-gradient(circle at 70% 30%,#ff835b 0 4%,#4c267f 20%,transparent 37%),linear-gradient(150deg,#1a1250,#061a2a 68%); }.visual-nova > span { position:absolute; z-index:3; top:12%; left:7%; color:#f5f6eb; font:700 clamp(43px,6vw,88px)/.75 var(--display); letter-spacing:-.1em; }.visual-nova b { color:var(--acid); }.visual-nova i { position:absolute; right:-8%; top:11%; width:67%; aspect-ratio:1; border-radius:50%; background:radial-gradient(circle at 30% 26%,#ffe0a7,#f27466 12%,#963987 33%,#302c68 60%,#061428 72%); box-shadow:inset -20px -20px 28px rgba(0,0,0,.5),0 0 58px rgba(178,67,198,.42); }.visual-nova em { position:absolute; left:10%; bottom:19%; width:71%; height:8%; background:linear-gradient(90deg,transparent,var(--acid),transparent); filter:blur(5px); transform:rotate(-17deg); }.visual-drift { background:linear-gradient(142deg,#0c3c4a,#148a8b 50%,#caff23 160%); }.visual-drift:before { content:""; position:absolute; width:132%; aspect-ratio:1; left:-20%; top:8%; border:20px solid #ebe2bf; border-radius:50%; transform:rotate(-22deg); box-shadow:inset 0 0 0 9px #193245; }.visual-drift > span { position:absolute; z-index:2; left:44%; top:41%; color:var(--acid); font-size:39px; text-shadow:0 0 16px var(--acid); }.visual-drift i { position:absolute; z-index:3; left:26%; bottom:17%; width:51%; height:23%; border-radius:44% 52% 20% 22%; background:linear-gradient(150deg,#f5f2dd 0 19%,#f14f45 20% 53%,#341c51 54%); transform:rotate(-14deg); }.visual-drift b { position:absolute; z-index:4; left:37%; bottom:14%; width:12%; aspect-ratio:1; border-radius:50%; background:radial-gradient(circle,#dfff00 0 17%,#1e2532 19% 42%,#050506 45%); }.visual-system { background:#11232d; }.visual-system > span { position:absolute; z-index:3; top:19%; left:9%; color:#d8fff2; font:600 35px/.8 var(--display); letter-spacing:-.08em; }.visual-system i { position:absolute; display:block; width:17%; aspect-ratio:1; border:1px solid #5effc5; border-radius:50%; box-shadow:0 0 16px rgba(94,255,197,.42); }.visual-system i:nth-of-type(1) { right:14%; top:18%; }.visual-system i:nth-of-type(2) { right:29%; bottom:13%; border-color:#a779ff; }.visual-system i:nth-of-type(3) { left:12%; bottom:16%; width:10%; }.visual-3d { background:linear-gradient(135deg,#eadbb7,#e3828c 48%,#272244); }.visual-3d > span { position:absolute; z-index:3; top:12%; left:8%; color:#231833; font:700 43px/.78 var(--display); letter-spacing:-.09em; }.visual-3d b { color:#9e2a69; }.visual-3d i { position:absolute; right:10%; bottom:13%; width:52%; aspect-ratio:1; border-radius:48% 52% 42% 58%; background:linear-gradient(135deg,#fff9db,#ffb496 22%,#ce5367 52%,#4d2a51 72%,#12253f); box-shadow:inset 12px 9px 19px rgba(255,255,255,.76),inset -14px -17px 19px rgba(9,18,39,.62),0 16px 25px rgba(14,12,29,.38); }.visual-3d i:nth-of-type(2) { right:23%; bottom:34%; width:24%; border:7px solid #2d2b42; border-radius:50%; background:transparent; box-shadow:none; }.visual-2d { background:linear-gradient(145deg,#f35d89,#ffb85c 59%,#f9e8a6); }.visual-2d > span { position:absolute; z-index:3; left:8%; bottom:13%; color:#241936; font:700 clamp(51px,7vw,89px)/.75 var(--display); letter-spacing:-.1em; }.visual-2d b { color:#7e295f; }.visual-2d i { position:absolute; z-index:2; width:43%; aspect-ratio:.86; left:36%; top:12%; border-radius:45% 45% 40% 40%; background:#261d43; box-shadow:inset 12px 7px 0 #ffb6cf; }.visual-2d i:after { content:""; position:absolute; left:23%; top:52%; width:53%; height:13%; background:var(--acid); box-shadow:0 0 14px var(--acid); transform:skewX(-20deg); }.visual-2d i:nth-of-type(2) { left:23%; top:40%; width:63%; height:53%; border-radius:0; background:linear-gradient(135deg,#312050 0 28%,#ffb4d5 29% 43%,#8d3a8f 44% 70%,#241435 71%); clip-path:polygon(28% 0,75% 0,100% 100%,0 100%); box-shadow:none; }.visual-2d i:nth-of-type(3) { left:11%; top:18%; width:77%; aspect-ratio:1; border:1px solid rgba(255,238,142,.8); border-radius:50%; background:transparent; box-shadow:0 0 0 11px rgba(255,238,142,.07); }.visual-fx { background:#160e2b; }.visual-fx > span { position:absolute; z-index:3; left:10%; top:15%; color:#fff0f6; font:700 50px/.75 var(--display); letter-spacing:-.1em; }.visual-fx i { position:absolute; display:block; width:15px; aspect-ratio:1; border-radius:50%; background:#ffdd6a; box-shadow:0 0 19px #ffdd6a; animation:particle 2s ease-in-out infinite alternate; }.visual-fx i:nth-of-type(1) { right:15%; top:14%; }.visual-fx i:nth-of-type(2) { right:31%; top:35%; background:#ff75b8; animation-delay:-.4s; }.visual-fx i:nth-of-type(3) { right:17%; bottom:17%; background:#a779ff; animation-delay:-.8s; }.visual-fx i:nth-of-type(4) { right:45%; bottom:21%; animation-delay:-1.2s; }.replace-note { margin:36px 0 0 auto; max-width:430px; color:#7f9490; font:11px/1.7 var(--mono); }.art-gallery .replace-note { color:#ba9cb1; }
@keyframes blink { 50% { box-shadow:0 0 0 9px rgba(223,255,0,0),0 0 3px var(--acid); } } @keyframes aurora-float { 0% { transform:rotate(-11deg) skewX(-15deg) translate(-6%,-5%) scaleX(.9); } 100% { transform:rotate(-2deg) skewX(8deg) translate(8%,7%) scaleX(1.13); } } @keyframes stars-drift { to { opacity:.95; transform:translateY(12px) scale(1.04); } } @keyframes spin { to { transform:rotate(360deg); } } @keyframes spin-slow { to { transform:rotate(360deg); } } @keyframes particle { to { transform:translate(7px,-18px) scale(.55); opacity:.2; } }
@media (max-width:850px) { .site-header { height:72px; padding:0 18px; }.logo { font-size:13px; }.logo small { display:none; }.site-header nav { gap:13px; font-size:9px; }.site-header nav b { display:none; }.department { min-height:auto; padding:126px 18px 25px; }.department-number { top:92px; right:18px; font-size:8px; }.department-inner { display:block; }.department-copy { padding:0; }.department h1 { font-size:clamp(59px,17.5vw,108px); }.intro { max-width:360px; margin-top:26px; }.dev-simulation,.art-simulation { height:110vw; min-height:390px; margin-top:41px; }.capability-line { gap:7px; margin-top:17px; }.capability-line span { padding:6px 7px; font-size:8px; }.level-map { right:-4%; bottom:16%; width:57%; }.game-unit { right:31%; }.targeting { transform:scale(.76); transform-origin:top right; }.art-categories { right:11px; bottom:11px; }.art-categories b { font-size:7px; }.art-click { bottom:12px; left:12px; font-size:8px; }.case-gallery { padding:89px 18px 30px; }.gallery-top h2 { font-size:clamp(48px,14vw,77px); }.media-grid,.media-grid-dev,.media-grid-art { grid-template-columns:1fr; margin-top:37px; }.media-card.media-large { grid-row:auto; }.media-large .media-visual,.media-visual { height:min(99vw,430px); min-height:0; }.visual-system,.visual-drift,.visual-3d,.visual-fx { height:245px; }.replace-note { margin-top:28px; }.cursor-glow { display:none; } }
@media (prefers-reduced-motion:reduce) { *,*:before,*:after { animation-duration:.001ms!important; animation-iteration-count:1!important; scroll-behavior:auto!important; } }

.visual-animation { background:linear-gradient(145deg,#1d2f6a,#683c9a 59%,#ff8db9); }.visual-animation > span { position:absolute; z-index:4; top:14%; left:9%; color:#f5efff; font:700 43px/.76 var(--display); letter-spacing:-.1em; }.visual-animation b { color:var(--acid); }.visual-animation i { position:absolute; z-index:2; display:block; width:31%; aspect-ratio:.8; bottom:9%; left:36%; border-radius:44% 44% 18% 18%; background:linear-gradient(145deg,#ffcfde 0 18%,#f95eae 19% 48%,#33235d 49%); box-shadow:inset 8px 7px 0 rgba(255,255,255,.42),0 10px 18px rgba(18,7,35,.36); animation:frame-shift 1.3s steps(2) infinite; }.visual-animation i:after { content:""; position:absolute; top:22%; left:26%; width:48%; height:8%; background:var(--acid); box-shadow:0 0 12px var(--acid); }.visual-animation i:nth-of-type(2) { left:58%; bottom:18%; opacity:.38; transform:scale(.74); animation-delay:-.43s; }.visual-animation i:nth-of-type(3) { left:15%; bottom:17%; opacity:.24; transform:scale(.64); animation-delay:-.86s; }.media-card.media-wide { grid-column:1 / -1; }.media-card.media-wide .media-visual { height:260px; } @keyframes frame-shift { 50% { transform:translateY(-9px) rotate(-5deg); } }
@media (max-width:850px) { .media-card.media-wide { grid-column:auto; }.media-card.media-wide .media-visual,.visual-animation { height:245px; } }

/* Real portfolio media */
.portfolio-media { isolation:isolate; background:#0d0912; }
.portfolio-image,.portfolio-video { display:block; width:100%; height:100%; object-fit:cover; object-position:center; transform:scale(1.001); transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s ease; }
.portfolio-media:before { content:""; position:absolute; z-index:1; inset:0; pointer-events:none; background:linear-gradient(145deg,rgba(255,255,255,.12),transparent 24%,transparent 64%,rgba(18,3,25,.55)),repeating-linear-gradient(0deg,transparent 0 4px,rgba(255,255,255,.055) 5px 6px); mix-blend-mode:screen; opacity:.58; transition:opacity .35s ease; }
.portfolio-media:after { content:""; position:absolute; z-index:1; inset:0; pointer-events:none; border:1px solid rgba(255,217,239,.2); box-shadow:inset 0 0 42px rgba(4,0,10,.44); }
.portfolio-media:hover .portfolio-image,.portfolio-media:hover .portfolio-video { transform:scale(1.075); filter:saturate(1.12) contrast(1.04); }
.portfolio-media:hover:before { opacity:.82; }
.portrait-media { background:#020204; }
.portrait-media .portfolio-image { object-fit:contain; object-position:center center; }
.landscape-media .portfolio-image { object-position:center 50%; }
.video-media { background:radial-gradient(circle at 50% 44%,rgba(108,234,255,.2),transparent 49%),#05070d; }
.video-media .portfolio-video { object-position:center; }
.media-badge,.media-index,.video-mark { position:absolute; z-index:2; color:#fff5fa; font:9px var(--mono); letter-spacing:.09em; }
.media-badge { top:13px; left:13px; padding:6px 7px; border:1px solid rgba(255,235,247,.54); background:rgba(25,6,29,.47); backdrop-filter:blur(8px); }
.media-index { right:14px; bottom:11px; color:#ffb7d8; font-size:17px; letter-spacing:-.08em; }
.video-mark { left:13px; bottom:13px; color:#dfff00; text-shadow:0 0 14px rgba(223,255,0,.8); }

.portfolio-archive { margin-top:78px; padding-top:25px; border-top:1px solid rgba(255,183,216,.3); }
.archive-heading { display:flex; align-items:end; justify-content:space-between; gap:28px; margin-bottom:43px; }
.archive-heading > span { color:#ffb7d8; font:9px var(--mono); letter-spacing:.12em; }
.archive-heading h3 { max-width:650px; margin:0; font:600 clamp(31px,4vw,57px)/.88 var(--display); letter-spacing:-.08em; text-align:right; }
.archive-heading em { color:#ffb7d8; font-style:italic; font-weight:500; }
.archive-group + .archive-group { margin-top:58px; }
.archive-label { display:flex; align-items:baseline; gap:10px; margin-bottom:15px; color:#ffedf5; }
.archive-label > span { color:#ffb7d8; font:10px var(--mono); }
.archive-label > b { font:600 15px var(--display); letter-spacing:-.04em; }
.archive-label > small { margin-left:auto; color:rgba(255,220,238,.54); font:9px var(--mono); letter-spacing:.08em; }
.asset-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); grid-auto-rows:172px; gap:10px; }
.asset-tile { position:relative; min-width:0; margin:0; overflow:hidden; border:1px solid rgba(255,218,241,.17); background:#0a0611; }
.asset-tile.tile-wide { grid-column:span 2; }
.asset-tile.tile-tall { grid-row:span 2; }
.asset-tile img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .75s cubic-bezier(.2,.7,.2,1),filter .4s ease; }
.asset-tile:before { content:""; position:absolute; z-index:1; inset:0; pointer-events:none; background:linear-gradient(to top,rgba(7,2,11,.88),transparent 46%); opacity:.9; transition:opacity .35s ease; }
.asset-tile:after { content:""; position:absolute; z-index:2; top:11px; right:11px; width:17px; height:17px; border-top:1px solid #ffb7d8; border-right:1px solid #ffb7d8; opacity:0; transform:translate(-5px,5px); transition:opacity .3s ease,transform .3s ease; }
.asset-tile figcaption { position:absolute; z-index:3; right:11px; bottom:10px; left:11px; display:flex; justify-content:space-between; gap:10px; color:#fff6fa; font:9px var(--mono); letter-spacing:.06em; }
.asset-tile figcaption span { color:#ffb7d8; }
.asset-tile:hover img { transform:scale(1.09); filter:saturate(1.12) contrast(1.04); }
.asset-tile:hover:before { opacity:.58; }
.asset-tile:hover:after { opacity:1; transform:none; }

@media (max-width:850px) {
  .media-card.media-wide .landscape-media { height:min(76vw,330px); }
  .portfolio-archive { margin-top:52px; padding-top:20px; }
  .archive-heading { display:block; margin-bottom:30px; }
  .archive-heading h3 { margin-top:12px; font-size:clamp(34px,11vw,55px); text-align:left; }
  .archive-label { display:grid; grid-template-columns:auto 1fr; gap:7px 10px; }
  .archive-label > small { grid-column:2; margin:0; }
  .asset-grid { grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:41vw; gap:8px; }
}

/* Focused art portfolio: two clear collections, then individual artwork. */
.portfolio-modules { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:48px; }
.portfolio-module { position:relative; min-height:490px; overflow:hidden; isolation:isolate; padding:20px; cursor:pointer; color:#fff8fc; border:1px solid rgba(255,213,238,.36); background:#13091a; text-align:left; transition:transform .45s cubic-bezier(.2,.7,.2,1),border-color .3s,box-shadow .3s; }
.portfolio-module > img { position:absolute; z-index:-2; inset:0; width:100%; height:100%; object-fit:cover; transition:transform 1s cubic-bezier(.2,.7,.2,1),filter .5s ease; }
.portfolio-module:before { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(180deg,rgba(17,4,22,.45),transparent 36%,rgba(11,3,14,.96)),linear-gradient(90deg,rgba(255,183,216,.18),transparent 56%); transition:background .35s ease; }
.portfolio-module:after { content:""; position:absolute; inset:12px; pointer-events:none; border:1px solid rgba(255,241,249,.25); opacity:.65; transition:inset .35s ease,opacity .35s ease; }
.portfolio-module:hover { transform:translateY(-7px); border-color:#ffb7d8; box-shadow:0 19px 55px rgba(255,93,181,.2); }
.portfolio-module:hover > img { transform:scale(1.075); filter:saturate(1.15) contrast(1.05); }
.portfolio-module:hover:before { background:linear-gradient(180deg,rgba(17,4,22,.2),transparent 31%,rgba(11,3,14,.98)),linear-gradient(90deg,rgba(255,183,216,.28),transparent 65%); }
.portfolio-module:hover:after { inset:17px; opacity:.92; }
.module-top,.module-action { position:absolute; z-index:2; right:20px; left:20px; display:flex; justify-content:space-between; align-items:center; font:9px var(--mono); letter-spacing:.1em; }
.module-top { top:20px; color:rgba(255,247,252,.83); }
.module-top i { font-style:normal; }
.module-top b { color:#ffb7d8; font-weight:400; }
.module-title { position:absolute; z-index:2; bottom:58px; left:20px; font:600 clamp(50px,6.4vw,99px)/.77 var(--display); letter-spacing:-.1em; }
.module-title em { color:#ffb7d8; font-style:italic; font-weight:500; }
.module-action { bottom:20px; color:#fff2f8; }
.module-action b { color:#ffb7d8; font-size:18px; font-weight:400; }
.models-module .module-title em,.models-module .module-top b,.models-module .module-action b { color:#7ee9ff; }
.models-module:hover { border-color:#7ee9ff; box-shadow:0 19px 55px rgba(82,210,255,.18); }
.models-module:before { background:linear-gradient(180deg,rgba(4,10,18,.4),transparent 36%,rgba(3,7,12,.97)),linear-gradient(90deg,rgba(126,233,255,.18),transparent 56%); }
.models-module:hover:before { background:linear-gradient(180deg,rgba(4,10,18,.18),transparent 31%,rgba(3,7,12,.98)),linear-gradient(90deg,rgba(126,233,255,.27),transparent 65%); }

.collection-gallery .gallery-top h2 { margin-top:16px; }
.back-gallery { display:block; margin-top:14px; padding:0; cursor:pointer; color:#ffb7d8; background:transparent; font:9px var(--mono); letter-spacing:.09em; transition:color .2s,transform .2s; }
.back-gallery:hover { color:#fff2f8; transform:translateX(-4px); }
.collection-hint { margin:32px 0 17px; color:rgba(255,220,238,.72); font:9px var(--mono); letter-spacing:.1em; }
.collection-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); grid-auto-rows:172px; gap:10px; }
.collection-tile { position:relative; min-width:0; overflow:hidden; padding:0; cursor:pointer; color:#fff7fb; border:1px solid rgba(255,218,241,.19); background:#07090e; text-align:left; transition:border-color .25s,transform .25s; }
.collection-tile.tile-wide { grid-column:span 2; }
.collection-tile.tile-tall { grid-row:span 2; }
.collection-tile img { display:block; width:100%; height:100%; padding:6px; object-fit:contain; background:#05070b; transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .35s ease; }
.collection-tile:before { content:""; position:absolute; z-index:1; inset:0; pointer-events:none; background:linear-gradient(to top,rgba(8,2,12,.9),transparent 49%); opacity:.9; transition:opacity .25s ease; }
.collection-tile:after { content:""; position:absolute; z-index:2; top:11px; right:11px; width:17px; height:17px; pointer-events:none; border-top:1px solid #ffb7d8; border-right:1px solid #ffb7d8; opacity:0; transform:translate(-4px,4px); transition:opacity .25s ease,transform .25s ease; }
.collection-tile > span { position:absolute; z-index:3; right:11px; bottom:10px; left:11px; display:flex; justify-content:space-between; gap:8px; color:#fff9fb; font:9px var(--mono); letter-spacing:.06em; }
.collection-tile > span b { color:#ffb7d8; font-weight:400; }
.collection-tile:hover { border-color:#ffb7d8; transform:translateY(-3px); }
.collection-tile:hover img { transform:scale(1.045); filter:saturate(1.12) contrast(1.04); }
.collection-tile:hover:before { opacity:.62; }
.collection-tile:hover:after { opacity:1; transform:none; }
.collection-tile:focus-visible { outline:2px solid #ffb7d8; outline-offset:4px; }

.image-viewer { position:fixed; z-index:40; inset:0; display:grid; place-items:center; padding:78px max(24px,calc((100vw - 1380px) / 2)) 30px; visibility:hidden; opacity:0; pointer-events:none; background:rgba(3,4,8,.97); transform:scale(1.015); transition:opacity .3s ease,transform .35s cubic-bezier(.2,.7,.2,1),visibility .35s; }
.image-viewer.is-open { visibility:visible; opacity:1; pointer-events:auto; transform:none; }
.image-viewer figure { display:flex; flex-direction:column; width:100%; height:100%; min-height:0; margin:0; }
.image-viewer img { display:block; flex:1; min-height:0; width:100%; object-fit:contain; background:#05070b; }
.image-viewer figcaption { display:flex; justify-content:space-between; align-items:baseline; gap:20px; padding:14px 0 0; }
.image-viewer figcaption span { color:#ffb7d8; font:9px var(--mono); letter-spacing:.1em; }
.image-viewer figcaption strong { font:600 clamp(20px,2.6vw,38px)/.95 var(--display); letter-spacing:-.06em; text-align:right; }
.close-viewer { position:absolute; z-index:2; top:25px; right:max(24px,calc((100vw - 1380px) / 2)); display:grid; width:43px; aspect-ratio:1; place-items:center; cursor:pointer; border:1px solid rgba(255,255,255,.45); border-radius:50%; color:var(--paper); background:transparent; font:31px/.8 var(--display); transition:background .2s,color .2s; }
.close-viewer:hover { color:#28112a; background:#ffb7d8; }

@media (max-width:850px) {
  .portfolio-modules { grid-template-columns:1fr; gap:12px; margin-top:35px; }
  .portfolio-module { min-height:min(105vw,480px); }
  .module-title { font-size:clamp(58px,18vw,92px); }
  .collection-hint { margin:26px 0 14px; font-size:8px; line-height:1.6; }
  .collection-grid { grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:41vw; gap:8px; }
  .collection-tile.tile-wide { grid-column:span 2; }
  .collection-tile.tile-tall { grid-row:span 2; }
  .image-viewer { padding:80px 16px 20px; }
  .image-viewer figcaption { padding-top:11px; }
  .image-viewer figcaption strong { font-size:23px; }
  .close-viewer { top:18px; right:18px; }
}

/* AI beta landing page */
.nav-short { display:none; }
.site-header nav { gap:20px; }
.ai-hero { position:relative; isolation:isolate; display:flex; align-items:center; min-height:100svh; overflow:hidden; padding:128px 32px 64px; background:radial-gradient(ellipse at 82% 18%,rgba(86,255,204,.18),transparent 27%),radial-gradient(ellipse at 75% 76%,rgba(128,105,255,.18),transparent 38%),linear-gradient(123deg,#05070b 2%,#071a20 54%,#0c1028); }
.ai-hero:before { content:""; position:absolute; z-index:-1; inset:0; opacity:.34; background-image:linear-gradient(rgba(119,246,215,.26) 1px,transparent 1px),linear-gradient(90deg,rgba(119,246,215,.26) 1px,transparent 1px); background-size:84px 84px; mask-image:linear-gradient(to bottom,#000,transparent 92%); }
.hero-aurora { position:absolute; z-index:-1; inset:0; overflow:hidden; mix-blend-mode:screen; pointer-events:none; }
.hero-aurora i { position:absolute; display:block; width:85%; height:19%; left:-13%; top:2%; border-radius:50%; background:linear-gradient(94deg,transparent 3%,rgba(87,255,192,.08) 13%,rgba(87,255,192,.77) 35%,rgba(126,233,255,.74) 57%,rgba(173,111,255,.7) 76%,transparent 98%); filter:blur(30px); transform:rotate(-10deg) skewX(-14deg); animation:aurora-float 16s ease-in-out infinite alternate; }
.hero-aurora i:nth-child(2) { left:31%; top:15%; width:72%; height:14%; opacity:.62; filter:blur(37px); transform:rotate(12deg); animation-duration:21s; animation-direction:alternate-reverse; }
.hero-aurora i:nth-child(3) { left:6%; top:65%; width:79%; height:15%; opacity:.46; filter:blur(24px); transform:rotate(-4deg); animation-duration:13s; }
.hero-aurora b { position:absolute; inset:0; opacity:.55; background:radial-gradient(circle at 12% 22%,#d7fff7 0 1px,transparent 2px),radial-gradient(circle at 58% 31%,#7ee9ff 0 1px,transparent 2px),radial-gradient(circle at 86% 72%,#b993ff 0 1px,transparent 2px); background-size:137px 117px,181px 151px,211px 177px; animation:stars-drift 10s ease-in-out infinite alternate; }
.hero-gridlines { position:absolute; z-index:-1; right:-9vw; bottom:-9vw; width:min(68vw,950px); aspect-ratio:1; border:1px solid rgba(126,233,255,.24); border-radius:50%; box-shadow:0 0 0 60px rgba(126,233,255,.028),0 0 0 120px rgba(126,233,255,.018); }
.hero-gridlines:before,.hero-gridlines:after { content:""; position:absolute; left:50%; top:-15%; height:130%; border-left:1px dashed rgba(126,233,255,.24); }.hero-gridlines:after { transform:rotate(90deg); }
.hero-inner { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(370px,.78fr); align-items:center; gap:clamp(42px,7vw,120px); width:min(100%,1380px); margin:0 auto; }
.hero-copy .eyebrow { color:rgba(231,255,249,.78); }
.hero-copy h1 { margin:24px 0 0; font:700 clamp(71px,10vw,154px)/.78 var(--display); letter-spacing:-.11em; }
.hero-copy h1 em { color:var(--acid); font-style:italic; font-weight:500; }
.hero-lead { max-width:530px; margin-top:35px; color:rgba(245,252,248,.74); font-size:15px; line-height:1.9; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:31px; }
.hero-primary,.hero-secondary { display:inline-flex; align-items:center; gap:17px; padding:15px 18px; font-size:11px; font-weight:800; transition:transform .2s,box-shadow .2s,border-color .2s,background .2s; }
.hero-primary { color:#06120f; background:var(--acid); }.hero-primary:hover { box-shadow:0 0 31px rgba(223,255,0,.45); }.hero-primary span,.hero-secondary span { font-size:19px; }
.hero-secondary { color:#e6fff8; border:1px solid rgba(190,255,237,.38); background:rgba(11,32,34,.27); }.hero-secondary:hover { border-color:#7ee9ff; background:rgba(126,233,255,.12); }
.hero-tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:25px; }.hero-tags span { padding:7px 8px; border:1px solid rgba(126,233,255,.3); color:#a4ead8; font:8px var(--mono); letter-spacing:.09em; }
.api-brief { position:relative; min-height:530px; overflow:hidden; padding:20px; border:1px solid rgba(126,233,255,.38); background:linear-gradient(135deg,rgba(12,39,48,.71),rgba(11,14,32,.8)); box-shadow:inset 0 0 80px rgba(86,252,200,.06),0 24px 70px rgba(0,0,0,.23); backdrop-filter:blur(11px); }
.api-brief:before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.22; background:repeating-linear-gradient(0deg,transparent 0 4px,rgba(126,233,255,.7) 5px 6px); mix-blend-mode:screen; }.api-brief:after { content:""; position:absolute; inset:12px; pointer-events:none; border:1px solid rgba(208,255,245,.16); }
.api-brief-top,.api-status,.api-lines { position:relative; z-index:2; display:flex; justify-content:space-between; gap:15px; font:9px var(--mono); letter-spacing:.09em; }.api-brief-top { color:#d9fff4; }.api-brief-top b { color:var(--acid); font-weight:400; }
.api-core { position:relative; z-index:1; height:245px; margin:10px 0 3px; }.api-core strong { position:absolute; left:50%; top:50%; display:block; transform:translate(-50%,-50%); color:#eafff7; font:600 72px/.73 var(--display); letter-spacing:-.12em; text-align:center; }.api-core strong em { color:var(--acid); font-style:italic; font-weight:500; }
.api-orbit { position:absolute; left:50%; top:50%; display:block; border:1px solid rgba(126,233,255,.53); border-radius:50%; transform:translate(-50%,-50%) rotateX(68deg); animation:spin-slow 12s linear infinite; }.orbit-one { width:73%; height:45%; box-shadow:0 0 19px rgba(126,233,255,.22); }.orbit-two { width:51%; height:82%; border-color:rgba(174,128,255,.61); transform:translate(-50%,-50%) rotate(57deg) rotateX(70deg); animation-duration:17s; animation-direction:reverse; }.api-node { position:absolute; display:block; width:10px; aspect-ratio:1; border-radius:50%; background:var(--acid); box-shadow:0 0 13px var(--acid); }.node-one { left:23%; top:36%; }.node-two { right:19%; bottom:31%; background:#ab82ff; box-shadow:0 0 13px #ab82ff; }
.api-lines { flex-direction:column; gap:9px; margin-top:6px; color:rgba(227,255,246,.73); }.api-lines span { display:flex; gap:12px; }.api-lines b { color:var(--acid); font-weight:400; }
.api-status { margin-top:20px; padding-top:13px; border-top:1px solid rgba(170,255,233,.2); }.api-status div { display:flex; flex-direction:column; gap:5px; }.api-status small { color:rgba(224,255,246,.56); font-size:8px; }.api-status b { color:#e7fff8; font:9px var(--mono); font-weight:500; }.api-brief p { position:relative; z-index:2; margin:18px 0 0; max-width:410px; color:rgba(224,255,246,.59); font-size:11px; line-height:1.65; }
.hero-bottom { position:absolute; z-index:2; right:32px; bottom:24px; left:32px; display:grid; grid-template-columns:1fr 1fr 1fr; color:rgba(225,255,247,.45); font:9px var(--mono); letter-spacing:.08em; }.hero-bottom span:nth-child(2) { text-align:center; }.hero-bottom span:last-child { color:#9fe9d5; text-align:right; }

.beta-section { position:relative; isolation:isolate; overflow:hidden; min-height:650px; padding:130px 32px; background:radial-gradient(ellipse at 20% 24%,rgba(223,255,0,.12),transparent 25%),radial-gradient(ellipse at 77% 76%,rgba(92,239,255,.14),transparent 34%),linear-gradient(126deg,#0c1720,#081014 63%,#0b2121); }
.beta-section:before { content:""; position:absolute; z-index:-1; inset:0; opacity:.22; background-image:linear-gradient(rgba(126,233,255,.38) 1px,transparent 1px),linear-gradient(90deg,rgba(126,233,255,.38) 1px,transparent 1px); background-size:82px 82px; mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 78%,transparent); }.beta-aurora { position:absolute; z-index:-1; inset:0; overflow:hidden; mix-blend-mode:screen; }.beta-aurora i { position:absolute; display:block; width:85%; height:18%; left:-16%; top:8%; border-radius:50%; background:linear-gradient(90deg,transparent,rgba(223,255,0,.52),rgba(94,255,197,.64),transparent); filter:blur(31px); transform:rotate(-12deg); animation:aurora-float 15s ease-in-out infinite alternate; }.beta-aurora i:nth-child(2) { left:30%; top:53%; background:linear-gradient(90deg,transparent,rgba(126,233,255,.62),rgba(169,123,255,.49),transparent); animation-duration:19s; }.beta-aurora i:nth-child(3) { left:-5%; top:71%; width:66%; opacity:.48; animation-duration:11s; animation-direction:alternate-reverse; }
.beta-inner { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(350px,.76fr); align-items:center; gap:clamp(42px,8vw,150px); width:min(100%,1380px); margin:0 auto; }.beta-copy h2 { margin:23px 0 0; font:700 clamp(57px,7.7vw,120px)/.79 var(--display); letter-spacing:-.1em; }.beta-copy h2 em { color:var(--acid); font-style:italic; font-weight:500; }.beta-copy > p:not(.eyebrow) { max-width:520px; margin:33px 0 0; color:rgba(235,255,248,.7); font-size:14px; line-height:1.85; }
.beta-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; max-width:620px; margin-top:31px; }.beta-facts div { min-height:68px; padding:10px; border:1px solid rgba(193,255,234,.22); background:rgba(11,32,32,.35); }.beta-facts small { display:block; color:rgba(224,255,246,.55); font:8px var(--mono); letter-spacing:.08em; }.beta-facts b { display:block; margin-top:8px; color:#ddfff1; font:9px/1.35 var(--mono); font-weight:500; letter-spacing:.04em; }
.beta-form { position:relative; padding:25px; border:1px solid rgba(223,255,0,.45); background:rgba(4,14,16,.74); box-shadow:inset 0 0 80px rgba(223,255,0,.04),0 25px 80px rgba(0,0,0,.22); backdrop-filter:blur(11px); }.beta-form:before { content:""; position:absolute; inset:10px; pointer-events:none; border:1px solid rgba(223,255,0,.13); }.form-top { position:relative; z-index:1; display:flex; justify-content:space-between; color:#e9fff5; font:10px var(--mono); letter-spacing:.1em; }.form-top b { color:var(--acid); font-weight:400; }.beta-form label { position:relative; z-index:1; display:block; margin-top:71px; color:#bfe7da; font:9px var(--mono); letter-spacing:.09em; }.email-field { position:relative; z-index:1; display:flex; margin-top:10px; border-bottom:1px solid rgba(219,255,239,.38); }.email-field input { min-width:0; flex:1; padding:14px 0; border:0; outline:0; color:#f2fff9; background:transparent; font:600 18px var(--display); }.email-field input::placeholder { color:rgba(229,255,247,.31); }.email-field button { display:flex; align-items:center; gap:10px; align-self:center; padding:11px 12px; cursor:pointer; color:#06120f; background:var(--acid); font:800 10px var(--sans); transition:box-shadow .2s,transform .2s; }.email-field button:hover { transform:translateY(-2px); box-shadow:0 0 24px rgba(223,255,0,.42); }.email-field button span { font-size:17px; }.form-note,.form-status { position:relative; z-index:1; margin:18px 0 0; color:rgba(220,255,244,.56); font:10px/1.7 var(--mono); }.form-status { min-height:18px; margin-top:12px; color:#bdf3d6; }.beta-form.is-success { border-color:#5effc5; }.beta-form.is-success .form-status { color:var(--acid); }.beta-form.is-error { border-color:#ff90b9; }.beta-form.is-error .form-status { color:#ffb7d8; }
.site-footer { display:flex; align-items:flex-end; justify-content:space-between; gap:35px; padding:30px 32px; border-top:1px solid rgba(255,255,255,.13); color:rgba(237,255,248,.58); background:#050709; }.site-footer > div { display:flex; flex-direction:column; gap:7px; color:#e2fff5; font:9px var(--mono); letter-spacing:.08em; }.site-footer > div span:last-child { color:rgba(232,255,247,.43); }.site-footer p { max-width:680px; margin:0; color:rgba(232,255,247,.44); font:9px/1.6 var(--mono); letter-spacing:.05em; text-align:right; }

@media (max-width:850px) {
  .site-header nav { gap:11px; font-size:8px; }.site-header nav .nav-full { display:none; }.site-header nav .nav-short { display:inline; }
  .ai-hero { min-height:auto; padding:123px 18px 66px; }.hero-inner { grid-template-columns:1fr; gap:46px; }.hero-copy h1 { font-size:clamp(68px,18vw,110px); }.hero-lead { max-width:530px; margin-top:28px; font-size:14px; }.hero-actions { margin-top:27px; }.hero-primary,.hero-secondary { padding:13px 14px; font-size:10px; }.api-brief { min-height:0; }.api-core { height:210px; }.api-core strong { font-size:63px; }.hero-bottom { right:18px; bottom:20px; left:18px; grid-template-columns:1fr 1fr; font-size:8px; }.hero-bottom span:nth-child(2) { display:none; }
  .beta-section { min-height:auto; padding:112px 18px 76px; }.beta-inner { grid-template-columns:1fr; gap:48px; }.beta-copy h2 { font-size:clamp(59px,17vw,106px); }.beta-copy > p:not(.eyebrow) { margin-top:27px; }.beta-facts { gap:6px; }.beta-facts div { min-height:71px; padding:8px; }.beta-facts b { font-size:8px; }.beta-form { padding:21px; }.beta-form label { margin-top:54px; }.email-field input { font-size:16px; }.site-footer { display:block; padding:26px 18px; }.site-footer p { margin-top:18px; text-align:left; }
}

@media (max-width:470px) {
  .site-header { padding:0 13px; }.logo { font-size:12px; }.site-header nav { gap:8px; font-size:7px; }.hero-primary,.hero-secondary { width:100%; justify-content:space-between; }.api-status { flex-direction:column; }.beta-facts { grid-template-columns:1fr; }.beta-facts div { min-height:0; }.email-field { flex-direction:column; border-bottom:0; }.email-field input { border-bottom:1px solid rgba(219,255,239,.38); }.email-field button { align-self:stretch; justify-content:space-between; margin-top:12px; }.hero-bottom span:first-child { display:none; }.hero-bottom { grid-template-columns:1fr; }.hero-bottom span:last-child { text-align:left; }
}

/* Bottom contact and partner studio module */
.partner-section { position:relative; isolation:isolate; overflow:hidden; padding:96px 32px; background:radial-gradient(ellipse at 77% 22%,rgba(170,121,255,.16),transparent 27%),radial-gradient(ellipse at 16% 77%,rgba(94,255,197,.1),transparent 31%),linear-gradient(132deg,#08131a,#101125 58%,#240f2b); }.partner-section:before { content:""; position:absolute; z-index:-1; inset:0; opacity:.2; background-image:linear-gradient(rgba(126,233,255,.32) 1px,transparent 1px),linear-gradient(90deg,rgba(126,233,255,.32) 1px,transparent 1px); background-size:82px 82px; mask-image:linear-gradient(to bottom,transparent,#000 19%,#000 84%,transparent); }.partner-aurora { position:absolute; z-index:-1; inset:0; overflow:hidden; mix-blend-mode:screen; }.partner-aurora i { position:absolute; display:block; width:74%; height:22%; top:12%; left:-18%; border-radius:50%; background:linear-gradient(92deg,transparent,rgba(94,255,197,.55),rgba(126,233,255,.6),transparent); filter:blur(30px); transform:rotate(-17deg); animation:aurora-float 17s ease-in-out infinite alternate; }.partner-aurora i:nth-child(2) { top:59%; left:34%; width:71%; background:linear-gradient(92deg,transparent,rgba(255,139,203,.45),rgba(167,121,255,.55),transparent); transform:rotate(14deg); animation-duration:21s; animation-direction:alternate-reverse; }
.partner-inner { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,.78fr) minmax(500px,1.02fr); align-items:center; gap:clamp(45px,8vw,150px); width:min(100%,1380px); margin:0 auto; }.partner-copy h2 { margin-top:23px; font:700 clamp(57px,7.6vw,118px)/.79 var(--display); letter-spacing:-.1em; }.partner-copy h2 em { color:#ffb7d8; font-style:italic; font-weight:500; }.partner-copy > p:not(.eyebrow) { max-width:425px; margin-top:30px; color:rgba(235,248,248,.69); font-size:14px; line-height:1.85; }.direct-email { display:inline-flex; align-items:center; gap:18px; margin-top:30px; padding:15px 17px; color:#261028; background:#ffb7d8; font-size:11px; font-weight:800; letter-spacing:.02em; transition:transform .2s,box-shadow .2s; }.direct-email:hover { transform:translateY(-2px); box-shadow:0 0 28px rgba(255,183,216,.43); }.direct-email span { font-size:18px; }.email-address { display:block; width:max-content; max-width:100%; margin-top:14px; color:#bfece0; border-bottom:1px solid rgba(191,236,224,.4); font:10px var(--mono); letter-spacing:.07em; }
.partner-card { position:relative; display:grid; grid-template-columns:minmax(180px,.75fr) 1.25fr; min-width:0; overflow:hidden; border:1px solid rgba(197,178,255,.48); background:linear-gradient(135deg,rgba(32,19,54,.94),rgba(7,25,34,.95)); box-shadow:inset 0 0 90px rgba(168,125,255,.07),0 30px 90px rgba(0,0,0,.25); }.partner-card:after { content:""; position:absolute; right:-16%; bottom:-42%; width:57%; aspect-ratio:1; border:1px solid rgba(126,233,255,.32); border-radius:50%; box-shadow:0 0 0 22px rgba(126,233,255,.035),0 0 0 48px rgba(126,233,255,.02); pointer-events:none; }.partner-photo { position:relative; min-height:415px; overflow:hidden; border-right:1px solid rgba(197,178,255,.36); background:#101422; }.partner-photo:after { content:""; position:absolute; inset:0; background:linear-gradient(to top,rgba(7,11,21,.75),transparent 48%),linear-gradient(120deg,rgba(126,233,255,.18),transparent 47%); mix-blend-mode:screen; pointer-events:none; }.partner-photo img { width:100%; height:100%; object-fit:cover; object-position:center top; filter:saturate(.88) contrast(1.05); }.partner-details { position:relative; z-index:1; display:flex; flex-direction:column; min-width:0; padding:27px; }.partner-details > p { margin:0; color:#b9f3e5; font:9px var(--mono); letter-spacing:.1em; }.partner-details h3 { margin:24px 0 0; color:#f7f5ff; font:600 clamp(38px,4.4vw,67px)/.79 var(--display); letter-spacing:-.1em; }.partner-details h3 em { color:#cdb4ff; font-style:italic; font-weight:500; }.partner-role { margin-top:15px; color:rgba(238,236,255,.62); font:9px var(--mono); letter-spacing:.09em; }.partner-links { display:grid; gap:0; margin-top:auto; padding-top:35px; }.partner-links a { display:grid; grid-template-columns:minmax(0,.75fr) minmax(0,1fr) auto; align-items:center; gap:9px; padding:13px 0; border-top:1px solid rgba(225,235,255,.17); color:#e9fff8; font:9px var(--mono); letter-spacing:.06em; transition:color .2s,transform .2s; }.partner-links a:hover { color:#ffb7d8; transform:translateX(3px); }.partner-links b { overflow:hidden; color:rgba(226,242,255,.57); font-weight:400; text-overflow:ellipsis; white-space:nowrap; }.partner-links span { color:#ffb7d8; font:17px var(--display); }
.site-footer { align-items:center; }.site-footer > .footer-contact { display:flex; flex-direction:row; flex-wrap:wrap; gap:9px 16px; color:#bfece0; font:9px var(--mono); letter-spacing:.06em; }.footer-contact a { border-bottom:1px solid rgba(191,236,224,.32); transition:color .2s,border-color .2s; }.footer-contact a:hover { border-color:var(--acid); color:var(--acid); }

@media (max-width:850px) { .partner-section { padding:84px 18px 68px; }.partner-inner { grid-template-columns:1fr; gap:48px; }.partner-copy h2 { font-size:clamp(59px,17vw,106px); }.partner-copy > p:not(.eyebrow) { margin-top:27px; }.partner-card { width:min(100%,650px); }.site-footer { display:grid; gap:18px; }.site-footer p { margin-top:0; }.footer-contact { order:3; } }
@media (max-width:560px) { .partner-card { grid-template-columns:1fr; }.partner-photo { min-height:300px; max-height:340px; border-right:0; border-bottom:1px solid rgba(197,178,255,.36); }.partner-details { padding:22px; }.partner-details h3 { font-size:54px; }.partner-links { padding-top:28px; }.partner-links a { grid-template-columns:1fr auto; }.partner-links b { grid-column:1; grid-row:2; margin-top:4px; }.partner-links span { grid-column:2; grid-row:1 / span 2; }.site-footer > .footer-contact { flex-direction:column; align-items:flex-start; gap:10px; } }

/* Compact profile treatment for the UI partner studio */
.partner-card { display:block; width:min(100%,690px); justify-self:end; }.partner-details { padding:27px; }.partner-brand-row { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; }.partner-brand { min-width:0; }.partner-logo { display:block; width:min(100%,184px); height:auto; padding:9px 11px; background:#fff; }.partner-brand p { margin:14px 0 0; color:#b9f3e5; font:9px var(--mono); letter-spacing:.1em; }.partner-photo { flex:0 0 84px; width:84px; min-height:84px; height:84px; max-height:none; overflow:hidden; border:1px solid rgba(197,178,255,.62); border-radius:50%; background:#101422; }.partner-photo:after { background:linear-gradient(140deg,rgba(126,233,255,.2),transparent 63%); }.partner-photo img { display:block; width:100%; height:100%; object-fit:cover; object-position:center top; }.partner-details h3 { margin-top:31px; }.partner-links { padding-top:29px; }

@media (max-width:850px) { .partner-card { justify-self:start; } }
@media (max-width:560px) { .partner-details { padding:22px; }.partner-brand-row { gap:15px; }.partner-logo { width:min(100%,156px); padding:7px 9px; }.partner-brand p { margin-top:11px; font-size:8px; }.partner-photo { flex-basis:68px; width:68px; min-height:68px; height:68px; border-right:1px solid rgba(197,178,255,.62); border-bottom:1px solid rgba(197,178,255,.62); }.partner-details h3 { margin-top:27px; font-size:54px; } }

/* Condensed landing-page rhythm and integrated closing area */
.beta-side { display:grid; min-width:0; gap:16px; }.beta-side .beta-form,.beta-side .partner-card { width:100%; }.contact-quick { margin-top:28px; padding-top:18px; border-top:1px solid rgba(193,255,234,.22); }.contact-quick > p { margin:0; color:#bfece0; font:9px var(--mono); letter-spacing:.09em; }.contact-email { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:5px 13px; width:max-content; max-width:100%; margin-top:11px; color:#effff8; }.contact-email span { color:var(--acid); font:800 11px var(--sans); letter-spacing:.02em; }.contact-email b { overflow:hidden; color:rgba(225,255,247,.62); font:9px var(--mono); font-weight:400; letter-spacing:.05em; text-overflow:ellipsis; white-space:nowrap; }.contact-email i { grid-column:2; grid-row:1 / span 2; color:var(--acid); font:20px/.8 var(--display); font-style:normal; transition:transform .2s; }.contact-email:hover i { transform:translate(3px,-3px); }.partner-card { width:100%; justify-self:stretch; }.partner-details { padding:23px 25px; }.partner-brand-row { gap:22px; }.partner-logo { width:min(100%,168px); padding:8px 10px; }.partner-brand p { margin-top:11px; }.partner-photo { flex-basis:112px; width:112px; min-height:112px; height:112px; }.partner-details h3 { margin-top:23px; font-size:clamp(37px,3.6vw,54px); }.partner-role { margin-top:11px; }.partner-links { padding-top:23px; }.partner-links a { padding:10px 0; }

@media (min-width:851px) { .ai-hero { min-height:min(92svh,800px); padding:108px 32px 48px; }.api-brief { min-height:460px; }.department { min-height:min(87svh,760px); padding:108px 32px 28px; }.department-number { top:92px; }.dev-simulation,.art-simulation { height:min(46vw,500px); min-height:420px; }.beta-section { min-height:0; padding:88px 32px 54px; }.beta-inner { grid-template-columns:minmax(0,1fr) minmax(360px,.88fr); align-items:start; gap:clamp(50px,7vw,110px); }.beta-copy h2 { font-size:clamp(52px,6.6vw,98px); }.beta-copy > p:not(.eyebrow) { margin-top:24px; }.beta-facts { margin-top:24px; }.beta-form label { margin-top:45px; } }
@media (max-width:850px) { .ai-hero { min-height:auto; padding:104px 18px 48px; }.hero-inner { gap:34px; }.api-core { height:190px; }.department { padding:104px 18px 18px; }.dev-simulation,.art-simulation { height:92vw; min-height:350px; margin-top:30px; }.beta-section { min-height:auto; padding:76px 18px 46px; }.beta-inner { grid-template-columns:1fr; gap:34px; }.beta-copy h2 { font-size:clamp(52px,16vw,92px); }.beta-copy > p:not(.eyebrow) { margin-top:24px; }.beta-facts { margin-top:23px; }.contact-quick { margin-top:23px; }.beta-side { gap:13px; }.beta-form label { margin-top:35px; }.partner-photo { flex-basis:96px; width:96px; min-height:96px; height:96px; } }
@media (max-width:560px) { .contact-email { width:100%; }.contact-email span { font-size:10px; }.contact-email b { font-size:8px; }.partner-details { padding:20px; }.partner-logo { width:min(100%,154px); }.partner-photo { flex-basis:86px; width:86px; min-height:86px; height:86px; }.partner-details h3 { margin-top:22px; font-size:49px; }.partner-links { padding-top:20px; } }

/* Emphasize direct contact and the UI partner without adding another section */
.contact-quick { margin-top:34px; padding-top:23px; }.contact-quick > p { color:#d9fff4; font-size:11px; letter-spacing:.1em; }.contact-email { gap:7px 15px; margin-top:14px; }.contact-email span { font-size:16px; }.contact-email b { color:#e9fff5; font-size:13px; letter-spacing:.04em; }.contact-email i { font-size:26px; }.partner-card { border-color:rgba(197,178,255,.65); }.partner-details { padding:26px 27px; }.partner-brand-row { gap:18px; }.partner-logo { width:min(100%,212px); padding:9px 11px; }.partner-brand p { margin-top:13px; color:#effff8; font:700 12px var(--sans); letter-spacing:.045em; }.partner-photo { flex-basis:126px; width:126px; min-height:126px; height:126px; border-color:rgba(197,178,255,.78); }.partner-details h3 { margin-top:25px; font-size:clamp(40px,3.8vw,59px); }.partner-role { font-size:10px; }.footer-contact a:first-child { color:#eafff5; font-size:11px; font-weight:700; }

@media (min-width:851px) { .beta-inner { grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr); } }
@media (min-width:851px) and (max-width:980px) { .beta-inner { grid-template-columns:1fr; gap:38px; } }
@media (max-width:850px) { .partner-logo { width:min(100%,194px); }.partner-photo { flex-basis:110px; width:110px; min-height:110px; height:110px; } }
@media (max-width:560px) { .contact-quick { margin-top:28px; padding-top:20px; }.contact-quick > p { font-size:9px; }.contact-email span { font-size:13px; }.contact-email b { font-size:10px; }.contact-email i { font-size:23px; }.partner-details { padding:22px; }.partner-logo { width:min(100%,170px); }.partner-brand p { margin-top:10px; font-size:10px; }.partner-photo { flex-basis:94px; width:94px; min-height:94px; height:94px; }.partner-details h3 { font-size:52px; } }

/* Keep the longer Northern Light API name clear inside the hero badge. */
.api-core strong { font-size:clamp(50px,5vw,64px); }.api-brief-top { align-items:flex-start; }.api-brief-top span { line-height:1.4; }
@media (max-width:850px) { .api-core strong { font-size:clamp(47px,13vw,58px); } }

/* Valeria Games gameplay reel */
.development-preview { position:absolute; z-index:0; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; opacity:.76; filter:saturate(1.08) contrast(1.08) brightness(.72); }.dev-simulation:before { content:""; position:absolute; z-index:1; inset:0; pointer-events:none; background:linear-gradient(135deg,rgba(3,9,17,.52),transparent 44%,rgba(13,3,33,.35)),linear-gradient(to top,rgba(4,10,21,.48),transparent 56%); }.dev-simulation .simulation-hud,.dev-simulation .targeting { text-shadow:0 2px 12px rgba(0,0,0,.8); }.project-link { display:inline-block; margin-top:8px; color:#bfffe3; border-bottom:1px solid rgba(191,255,227,.5); font:9px var(--mono); letter-spacing:.06em; transition:color .2s,border-color .2s; }.project-link:hover { color:var(--acid); border-color:var(--acid); }
.media-grid-valeria { grid-template-columns:1fr; }.media-grid-valeria .media-card.media-large { grid-row:auto; }.media-grid-valeria .media-visual { height:auto; min-height:0; aspect-ratio:1030 / 480; max-height:570px; }
@media (max-width:850px) { .media-grid-valeria .media-visual { min-height:190px; } }

/* Owner LinkedIn contact */
.contact-linkedin { padding-top:12px; border-top:1px solid rgba(126,233,255,.24); }.contact-linkedin span,.contact-linkedin i { color:var(--cyan); }.contact-linkedin:hover span,.contact-linkedin:hover i { color:var(--acid); }
.contact-whatsapp { padding-top:12px; border-top:1px solid rgba(94,255,197,.24); }.contact-whatsapp span,.contact-whatsapp i { color:var(--mint); }.contact-whatsapp:hover span,.contact-whatsapp:hover i { color:var(--acid); }