@import url('https://fonts.googleapis.com/css2?family=Archivo+Narrow:wght@400;500;600&family=Inter:wght@400;500;600&family=League+Gothic&display=swap');

:root { --ink:#f2f0eb; --muted:#aaa8a1; --acid:#d8ff35; --cyan:#65e7ff; --magenta:#ff3c87; --bg:#090909; --line:rgba(255,255,255,.18); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--bg); }
body { margin:0; color:var(--ink); background:var(--bg); font-family:Inter,Arial,sans-serif; }
body::before { content:""; position:fixed; inset:0; z-index:100; pointer-events:none; opacity:.035; background:repeating-linear-gradient(180deg,transparent 0 3px,var(--cyan) 4px,transparent 5px); mix-blend-mode:screen; }
a { color:inherit; }
.hero { min-height:100svh; position:relative; overflow:hidden; isolation:isolate; background:#0b0b0b; }
.hero__fallback { position:absolute; inset:0; z-index:-5; background:radial-gradient(circle at 72% 32%,rgba(57,91,96,.55) 0,transparent 31%),radial-gradient(circle at 12% 70%,rgba(255,60,135,.08),transparent 24%),linear-gradient(135deg,#080808 15%,#171918 55%,#060606); transform:scale(1.03); }
.hero__fallback::after { content:""; position:absolute; inset:0; opacity:.13; background-image:repeating-linear-gradient(90deg,transparent 0 3px,#fff 4px,transparent 5px); mix-blend-mode:overlay; }
.hero__reel { position:absolute; inset:0; z-index:-4; width:100%; height:100%; object-fit:cover; filter:saturate(.7) contrast(1.12); opacity:0; transition:opacity 1.2s ease; }
.hero__reel.is-ready { opacity:.82; }
.hero__shade { position:absolute; inset:0; z-index:-3; background:linear-gradient(180deg,rgba(0,0,0,.48),transparent 36%,rgba(0,0,0,.7)),linear-gradient(90deg,rgba(0,0,0,.38),transparent 62%); }
.hero__shade::after { content:""; position:absolute; inset:0; background:radial-gradient(circle at center,transparent 40%,rgba(0,0,0,.32)); }
.topbar { display:flex; justify-content:space-between; align-items:center; padding:27px 34px; border-bottom:1px solid var(--line); font-family:"Archivo Narrow",sans-serif; font-size:12px; letter-spacing:.16em; }
.brand { display:flex; flex-direction:column; align-items:center; gap:3px; text-decoration:none; line-height:1; }
.brand__word { font-family:Inter,Arial,sans-serif; font-size:15px; font-weight:500; letter-spacing:.17em; }
.brand__orb { position:relative; display:inline-grid; place-items:center; width:1.1em; height:1.1em; margin-inline:-.08em .06em; transform:translateY(.17em); }
.brand__orb img { position:absolute; inset:0; display:block; width:100%; height:100%; max-width:100%; object-fit:contain; filter:drop-shadow(0 0 3px rgba(216,255,53,.3)); }
.brand:hover .brand__orb img { filter:drop-shadow(0 0 5px rgba(216,255,53,.48)); }
.brand__sub { padding-left:.18em; color:var(--muted); font-size:8px; font-weight:500; letter-spacing:.55em; }
.topbar__meta { display:flex; gap:28px; color:var(--muted); }
.main-nav { display:flex; align-items:center; gap:clamp(14px,2vw,30px); margin-inline:auto 32px; font:600 10px/1 "Archivo Narrow",sans-serif; letter-spacing:.15em; }
.main-nav a { color:var(--muted); text-decoration:none; transition:color .25s ease,text-shadow .25s ease; }
.main-nav a:hover,.main-nav a:focus-visible,.main-nav a[aria-current="true"] { color:var(--acid); text-shadow:0 0 12px rgba(216,255,53,.25); }
:focus-visible { outline:1px solid var(--cyan); outline-offset:4px; }
.status i { display:inline-block; width:6px; height:6px; margin:0 8px 1px 0; border-radius:50%; background:var(--acid); box-shadow:0 0 12px var(--acid); }
.hero__content { position:absolute; left:clamp(24px,5vw,76px); right:clamp(24px,5vw,76px); top:49%; transform:translateY(-50%); }
.hero__content::before { content:""; position:absolute; z-index:-1; inset:-18% -8% -24%; pointer-events:none; background:radial-gradient(ellipse at 28% 48%,rgba(0,0,0,.62) 0,rgba(0,0,0,.34) 42%,transparent 72%); filter:blur(7px); }
.eyebrow { margin:0 0 22px; font-family:"Archivo Narrow",sans-serif; font-size:clamp(11px,1vw,13px); letter-spacing:.16em; color:#cbc9c2; }
h1 { margin:0; display:flex; align-items:center; gap:clamp(18px,2vw,34px); color:#faf9f5; font:400 clamp(76px,14vw,224px)/.78 "League Gothic","Archivo Narrow",sans-serif; letter-spacing:-.025em; white-space:nowrap; text-shadow:0 2px 18px rgba(0,0,0,.72),2px 0 rgba(101,231,255,.11),-2px 0 rgba(255,60,135,.08); }
.discipline { display:flex; gap:12px; margin:34px 0 0; color:#d0cec7; font:500 clamp(13px,1.2vw,17px)/1 "Archivo Narrow",sans-serif; letter-spacing:.19em; }
.discipline b { color:var(--acid); font-weight:400; }
.descriptor { max-width:470px; margin:-17px 0 0 auto; color:#d0cec7; font-size:clamp(14px,1.25vw,18px); line-height:1.45; letter-spacing:-.02em; }
.hero__footer { position:absolute; bottom:0; left:0; right:0; display:flex; justify-content:space-between; align-items:flex-end; padding:25px 34px 30px; border-top:1px solid var(--line); }
.services { display:flex; flex-wrap:wrap; gap:10px 24px; list-style:none; margin:0; padding:0; color:#bdbbb4; font:500 11px/1 "Archivo Narrow",sans-serif; text-transform:uppercase; letter-spacing:.13em; }
.services li::before { content:"+"; color:var(--acid); margin-right:7px; }
.cta { min-width:190px; display:flex; justify-content:space-between; align-items:center; padding:14px 0 9px; border-bottom:1px solid var(--ink); font:600 13px/1 Inter,sans-serif; letter-spacing:.12em; text-decoration:none; transition:color .25s,border-color .25s; }
.cta i { font-style:normal; font-size:22px; transition:transform .25s; }
.cta:hover,.cta:focus-visible { color:var(--acid); border-color:var(--acid); }
.cta:hover i,.cta:focus-visible i { transform:translate(4px,4px); }
.signal { position:absolute; top:105px; right:34px; display:flex; gap:3px; align-items:flex-end; height:20px; }
.signal span { width:2px; background:var(--acid); animation:pulse 1.4s ease-in-out infinite; }
.signal span:nth-child(1){height:8px;background:var(--cyan)}.signal span:nth-child(2){height:18px;animation-delay:.18s}.signal span:nth-child(3){height:12px;animation-delay:.36s;background:var(--magenta)}
.frame { position:absolute; top:50%; width:16px; height:56px; border-block:1px solid rgba(255,255,255,.4); }
.frame--left { left:0; border-right:1px solid rgba(255,255,255,.4); }.frame--right { right:0; border-left:1px solid rgba(255,255,255,.4); }
.clients { display:grid; grid-template-columns:130px minmax(0,1fr); align-items:center; min-height:132px; padding:0 clamp(24px,5vw,76px); border-bottom:1px solid var(--line); background:linear-gradient(90deg,rgba(101,231,255,.025),transparent 28%),#080808; overflow:hidden; }
.section-code { margin:0; color:#85837e; font:500 10px/1 "Archivo Narrow",sans-serif; letter-spacing:.18em; white-space:nowrap; }
.section-code span { display:inline-block; width:17px; height:1px; margin:0 9px 3px 0; background:linear-gradient(90deg,var(--acid),var(--cyan)); box-shadow:0 0 7px rgba(101,231,255,.25); }
.client-rail { display:flex; justify-content:space-between; align-items:center; gap:clamp(14px,1.8vw,30px); min-width:0; }
.client-logo { display:grid; place-items:center; flex:1 1 108px; min-width:64px; height:54px; }
.client-logo img { display:block; width:100%; max-width:122px; height:auto; max-height:32px; object-fit:contain; opacity:.66; transition:opacity .28s ease,filter .28s ease,transform .28s ease; }
.client-logo:nth-child(2) img,.client-logo:nth-child(9) img { max-height:22px; }
.client-logo:nth-child(5) img,.client-logo:nth-child(7) img { max-height:39px; }
.client-logo:hover img { opacity:1; filter:drop-shadow(0 0 8px rgba(101,231,255,.15)); transform:translateY(-1px); }
.work { padding:clamp(70px,9vw,140px) clamp(24px,5vw,76px) 130px; background:linear-gradient(180deg,#080808,#0b0b0a 45%,#070707); }
.section-head { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:45px; }
.section-head h2 { margin:16px 0 0; font:400 clamp(62px,9.5vw,142px)/.8 "League Gothic","Archivo Narrow",sans-serif; letter-spacing:-.015em; }
.section-head h2,.about__body h2,.contact h2 { text-shadow:1px 0 rgba(101,231,255,.07),-1px 0 rgba(255,60,135,.05); }
.section-count { display:flex; align-items:center; gap:12px; margin:0; color:#7f7e79; font:500 10px/1 "Archivo Narrow",sans-serif; letter-spacing:.16em; }
.section-count i { display:block; width:4px; height:4px; border-radius:50%; background:var(--acid); }
.project-grid { display:grid; grid-template-columns:repeat(12,1fr); gap:clamp(12px,1.5vw,24px); }
.project { grid-column:span 4; min-width:0; color:inherit; text-decoration:none; outline:none; cursor:pointer; }
.project--wide { grid-column:span 8; }
.project__visual { position:relative; aspect-ratio:16/9; overflow:hidden; border:1px solid rgba(255,255,255,.08); background:#181817; isolation:isolate; }
.project__visual::before { content:""; position:absolute; inset:-8%; z-index:-2; background:var(--art); filter:saturate(.7) contrast(1.1); transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .7s; }
.project__visual::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.82)),repeating-linear-gradient(90deg,transparent 0 7px,rgba(255,255,255,.018) 8px,transparent 9px); }
.project__image { position:absolute; inset:0; z-index:-2; width:100%; height:100%; object-fit:cover; object-position:center; filter:saturate(.78) contrast(1.08) brightness(.82); transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .7s; }
.project__image--epica { filter:saturate(.7) contrast(1.12) brightness(.76); }
.project__image--mammoth { object-position:center; filter:saturate(.72) contrast(1.1) brightness(.72); }
.project__image--sevendust { object-position:center 45%; filter:saturate(.72) contrast(1.08) brightness(.78); }
.project__image--alter-bridge { object-position:center 48%; filter:saturate(.68) contrast(1.1) brightness(.74); }
.project__image--ayreon { object-position:center 48%; filter:saturate(.72) contrast(1.08) brightness(.74); }
.project__image--helltenced { object-position:center 42%; filter:saturate(.62) contrast(1.12) brightness(.76); }
.project__image--dream-theater { object-position:center; filter:saturate(.72) contrast(1.08) brightness(.76); }
.project__image--candlebox { object-position:center 48%; filter:saturate(.72) contrast(1.08) brightness(.72); }
.project__index { position:absolute; top:16px; right:16px; color:var(--cyan); font:500 10px/1 "Archivo Narrow",sans-serif; letter-spacing:.15em; text-shadow:0 0 9px rgba(101,231,255,.45); }
.project__meta { display:flex; justify-content:space-between; gap:20px; align-items:flex-end; padding:18px 1px 30px; border-bottom:1px solid var(--line); }
.project__meta p { margin:0 0 5px; color:#aaa8a1; font:500 11px/1 "Archivo Narrow",sans-serif; letter-spacing:.14em; }
.project__meta h3 { margin:0; font:500 clamp(20px,2vw,29px)/1 "Archivo Narrow",sans-serif; letter-spacing:-.015em; }
.project__meta>span { display:flex; flex-direction:column; align-items:flex-end; gap:7px; color:#777671; font:500 9px/1.2 "Archivo Narrow",sans-serif; text-align:right; letter-spacing:.1em; }
.project__out { color:var(--ink); font-size:9px; font-style:normal; text-decoration:none; border-bottom:1px solid var(--acid); opacity:.32; transform:translateY(2px); transition:opacity .25s ease,transform .25s ease,color .25s ease; }
.project:hover .project__out,.project:focus-visible .project__out { color:var(--acid); opacity:1; transform:none; }
.project:hover .project__visual::before,.project:focus-within .project__visual::before { transform:scale(1.055); filter:saturate(1) contrast(1.18); }
.project:hover .project__image,.project:focus-within .project__image { transform:scale(1.035); filter:saturate(.94) contrast(1.12) brightness(.9); }
.project:focus-within .project__visual { outline:1px solid var(--cyan); outline-offset:3px; box-shadow:0 0 20px rgba(101,231,255,.12); }
.reveal-ready .reveal { opacity:0; transform:translateY(24px); transition:opacity .75s ease,transform .75s cubic-bezier(.2,.75,.25,1); }
.reveal-ready .reveal.is-visible { opacity:1; transform:none; }
.project--01 { --art:radial-gradient(circle at 68% 42%,rgba(216,255,53,.25),transparent 13%),radial-gradient(ellipse at 50% 70%,#384034,transparent 45%),linear-gradient(125deg,#0b0d0c,#292c27 55%,#0a0b0b); }
.project--02 { --art:radial-gradient(circle at 50% 40%,#7e6f63 0 9%,transparent 10%),repeating-radial-gradient(circle at 50% 42%,#373835 0 3%,#111 4% 8%),linear-gradient(#262522,#090909); }
.project--03 { --art:radial-gradient(circle at 50% 54%,#090909 0 11%,#a9461e 12%,#39150e 18%,transparent 34%),radial-gradient(circle at 50% 54%,#c15c28,transparent 48%),#080808; }
.project--04 { --art:radial-gradient(ellipse at 50% 48%,#091a1d 0 18%,transparent 19%),conic-gradient(from 90deg at 50% 48%,#223e42,#090c0d,#3f5b5c,#081012,#223e42); }
.project--05 { --art:linear-gradient(30deg,transparent 48%,rgba(216,255,53,.22) 49% 50%,transparent 51%),radial-gradient(circle at 30% 30%,#50413c,transparent 28%),linear-gradient(145deg,#0c0c0c,#2d211e); }
.project--06 { --art:repeating-linear-gradient(125deg,transparent 0 12%,rgba(255,255,255,.08) 13%,transparent 14%),radial-gradient(circle at 62% 38%,#4a384a,transparent 38%),#0c0b0c; }
.project--07 { --art:radial-gradient(circle at 50% 50%,transparent 0 16%,#5c5b50 17% 18%,transparent 19% 31%,#292a27 32% 34%,transparent 35%),linear-gradient(135deg,#222622,#090909); }
.project--08 { --art:linear-gradient(90deg,rgba(0,0,0,.8),transparent 50%),radial-gradient(circle at 70% 50%,#6e3320,transparent 25%),linear-gradient(160deg,#15100e,#30201b,#070707); }
.project--09 { --art:repeating-conic-gradient(from 0deg at 50% 50%,#222 0 6deg,#090909 7deg 14deg); }
.capabilities { padding:clamp(70px,8vw,125px) clamp(24px,5vw,76px); border-top:1px solid var(--line); background:radial-gradient(circle at 86% 18%,rgba(101,231,255,.045),transparent 24%),#0b0b0a; }
.section-head--compact { margin-bottom:55px; }.capabilities .section-head h2 { font-size:clamp(54px,7.5vw,108px); }.section-note { margin:0; color:#777671; font:500 10px/1.45 "Archivo Narrow",sans-serif; text-align:right; letter-spacing:.15em; }
.capability-list { list-style:none; margin:0; padding:0; border-top:1px solid var(--line); }
.capability-list li { display:grid; grid-template-columns:70px minmax(260px,1fr) minmax(260px,.8fr); gap:28px; align-items:center; padding:23px 0; border-bottom:1px solid var(--line); transition:padding .3s,color .3s; }
.capability-list li:hover { padding-inline:12px; color:var(--acid); }
.capability-mark { display:grid; place-items:center; width:26px; height:26px; }
.capability-mark img { display:block; width:100%; height:100%; object-fit:contain; opacity:.42; filter:drop-shadow(0 0 0 transparent); transition:opacity .35s ease,transform .45s cubic-bezier(.2,.8,.2,1),filter .35s ease; }
.capability-list li:hover .capability-mark img { opacity:1; transform:rotate(60deg) scale(1.14); filter:drop-shadow(0 0 7px rgba(216,255,53,.38)); }
.capability-list h3 { margin:0; font:400 clamp(30px,3.8vw,56px)/.9 "League Gothic","Archivo Narrow",sans-serif; letter-spacing:.01em; }
.capability-list p { max-width:470px; margin:0; color:#aaa8a1; font-size:clamp(13px,1.1vw,16px); line-height:1.5; }
.about { display:grid; grid-template-columns:minmax(180px,1fr) 3fr; gap:clamp(50px,8vw,130px); padding:clamp(90px,12vw,180px) clamp(24px,5vw,76px); border-top:1px solid var(--line); background:radial-gradient(circle at 14% 82%,rgba(255,60,135,.045),transparent 22%),radial-gradient(circle at 82% 18%,rgba(101,231,255,.05),transparent 26%),linear-gradient(135deg,#090909,#131514 70%,#090909); }
.about__label { display:flex; flex-direction:column; justify-content:space-between; color:#777671; font:500 10px/1.5 "Archivo Narrow",sans-serif; letter-spacing:.15em; }
.legacy-mark { display:flex; align-items:center; gap:14px; color:#777671; }
.legacy-mark p { margin:0; }
.legacy-mark__symbol { position:relative; display:grid; place-items:center; flex:0 0 auto; width:86px; aspect-ratio:1; }
.legacy-mark__fractal { display:block; width:100%; height:100%; object-fit:contain; opacity:.38; animation:legacy-drift 24s ease-in-out infinite; transition:opacity .35s ease,filter .35s ease; }
.legacy-mark__eye { position:absolute; z-index:1; top:calc(50% - 2px); left:50%; display:grid; place-items:center; width:31px; height:21px; overflow:hidden; border-radius:50%; background:#111; transform:translate(-50%,-50%); }
.legacy-mark__eye img { display:block; width:100%; height:100%; object-fit:contain; opacity:.78; transform-origin:center; animation:legacy-blink 7s ease-in-out infinite; transition:opacity .3s ease,filter .3s ease; }
.legacy-mark:hover .legacy-mark__fractal { opacity:.7; filter:drop-shadow(0 0 8px rgba(101,231,255,.16)); }
.legacy-mark:hover .legacy-mark__eye img { opacity:.95; filter:drop-shadow(0 0 7px rgba(101,231,255,.2)); }
.about__body h2 { max-width:1100px; margin:0; font:400 clamp(58px,8vw,122px)/.83 "League Gothic","Archivo Narrow",sans-serif; letter-spacing:-.015em; }
.about__body h2 em,.contact h2 em { color:var(--acid); font-style:normal; }
.contact h2 em { display:inline-block; margin-top:.08em; }
.about__copy { display:grid; grid-template-columns:1fr 1fr; gap:clamp(28px,5vw,80px); max-width:900px; margin:75px 0 0 auto; color:#b9b7b0; font-size:clamp(14px,1.15vw,17px); line-height:1.65; }
.about__copy p { margin:0; }
.retro-vortex { position:relative; isolation:isolate; overflow:hidden; padding:clamp(75px,9vw,135px) clamp(24px,5vw,76px); border-top:1px solid var(--line); background:radial-gradient(circle at 82% 38%,rgba(255,60,135,.1),transparent 25%),radial-gradient(circle at 68% 62%,rgba(101,231,255,.075),transparent 27%),linear-gradient(112deg,#080909,#101113 62%,#090809); }
.retro-vortex::before { content:""; position:absolute; z-index:-1; inset:0; opacity:.08; background:repeating-linear-gradient(115deg,transparent 0 46px,rgba(216,255,53,.18) 47px,transparent 48px); }
.retro-vortex__head { display:flex; justify-content:space-between; align-items:center; color:#777671; font:500 10px/1 "Archivo Narrow",sans-serif; letter-spacing:.15em; }
.retro-vortex__head>p { margin:0; }
.retro-vortex__body { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(320px,.72fr); gap:clamp(42px,7vw,110px); align-items:center; margin-top:clamp(60px,8vw,115px); }
.retro-vortex__eyebrow { margin:0 0 18px; color:#8d8b85; font:500 10px/1 "Archivo Narrow",sans-serif; letter-spacing:.18em; }
.retro-vortex h2 { margin:0; font:400 clamp(82px,13vw,200px)/.76 "League Gothic","Archivo Narrow",sans-serif; letter-spacing:-.02em; text-shadow:2px 0 rgba(101,231,255,.12),-2px 0 rgba(255,60,135,.12); }
.retro-vortex h2 em { color:var(--acid); font-style:normal; }
.retro-vortex__copy { position:relative; z-index:1; max-width:590px; margin-top:clamp(38px,5vw,68px); color:#bbb9b2; font-size:clamp(14px,1.2vw,17px); line-height:1.65; }
.retro-vortex__copy>p { margin:0; }
.retro-vortex__copy ul { display:flex; flex-wrap:wrap; gap:11px 20px; margin:34px 0 0; padding:0; list-style:none; color:#777671; font:500 9px/1 "Archivo Narrow",sans-serif; letter-spacing:.16em; }
.retro-vortex__copy li::before { content:"+"; margin-right:7px; color:var(--acid); }
.retro-vortex__media { position:relative; z-index:2; aspect-ratio:1; margin:18px; overflow:visible; background:#060707; box-shadow:0 22px 70px rgba(0,0,0,.38),0 0 45px rgba(101,231,255,.08),inset 0 0 28px rgba(101,231,255,.06); }
.retro-vortex__media::before { content:""; position:absolute; z-index:2; inset:10px; pointer-events:none; border:1px solid rgba(101,231,255,.12); background:linear-gradient(90deg,transparent 49.8%,rgba(101,231,255,.1) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,rgba(101,231,255,.08) 50%,transparent 50.2%); }
.retro-vortex__media::after { content:""; position:absolute; z-index:2; inset:0; pointer-events:none; background:linear-gradient(180deg,rgba(0,0,0,.12),transparent 45%,rgba(0,0,0,.54)),repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 4px); mix-blend-mode:screen; clip-path:polygon(0 22px,22px 0,calc(100% - 58px) 0,calc(100% - 44px) 14px,100% 14px,100% calc(100% - 22px),calc(100% - 22px) 100%,44px 100%,30px calc(100% - 14px),0 calc(100% - 14px)); }
.retro-vortex__media video { display:block; width:100%; height:100%; object-fit:cover; clip-path:polygon(0 22px,22px 0,calc(100% - 58px) 0,calc(100% - 44px) 14px,100% 14px,100% calc(100% - 22px),calc(100% - 22px) 100%,44px 100%,30px calc(100% - 14px),0 calc(100% - 14px)); }
.retro-vortex__media-code,.retro-vortex__media-status { position:absolute; z-index:3; bottom:16px; color:#dddcd6; font:500 9px/1 "Archivo Narrow",sans-serif; letter-spacing:.16em; }
.retro-vortex__media-code { left:17px; }.retro-vortex__media-status { right:17px; }.retro-vortex__media-status i { display:inline-block; width:5px; height:5px; margin-right:7px; border-radius:50%; background:var(--acid); box-shadow:0 0 8px var(--acid); }
.retro-vortex__frame { position:absolute; z-index:4; inset:-10px; pointer-events:none; border-inline:1px solid rgba(216,255,53,.3); }
.retro-vortex__frame i { position:absolute; width:28px; height:28px; border-color:var(--acid); opacity:.72; }.retro-vortex__frame i:nth-child(1){top:0;left:0;border-top:2px solid;border-left:2px solid}.retro-vortex__frame i:nth-child(2){top:0;right:0;border-top:2px solid;border-right:2px solid}.retro-vortex__frame i:nth-child(3){bottom:0;left:0;border-bottom:2px solid;border-left:2px solid}.retro-vortex__frame i:nth-child(4){right:0;bottom:0;border-right:2px solid;border-bottom:2px solid}
.retro-vortex__rail { position:absolute; z-index:5; color:rgba(101,231,255,.68); font:500 7px/1 "Archivo Narrow",sans-serif; letter-spacing:.2em; pointer-events:none; }.retro-vortex__rail--top { top:-15px; left:38px; }.retro-vortex__rail--side { right:-22px; top:50%; transform:translateY(-50%) rotate(90deg); transform-origin:center; }
.retro-vortex__seal { position:absolute; z-index:5; top:18px; right:18px; display:grid; grid-template-columns:34px auto; align-items:center; gap:7px; padding:5px 8px 5px 5px; border:1px solid rgba(101,231,255,.2); background:rgba(4,7,8,.58); backdrop-filter:blur(5px); pointer-events:none; }
.retro-vortex__seal::before { content:""; position:absolute; inset:-4px; border-top:1px solid rgba(216,255,53,.38); border-right:1px solid rgba(216,255,53,.38); }
.retro-vortex__seal img { display:block; width:34px; height:34px; object-fit:contain; opacity:.72; filter:grayscale(1) drop-shadow(0 0 5px rgba(101,231,255,.18)); animation:rv-seal 9s ease-in-out infinite; }
.retro-vortex__seal i { color:#aaa8a1; font:500 7px/1 "Archivo Narrow",sans-serif; font-style:normal; letter-spacing:.18em; writing-mode:vertical-rl; }
.retro-vortex__reticle { position:absolute; z-index:3; top:50%; left:50%; width:32px; height:32px; border:1px solid rgba(216,255,53,.38); border-radius:50%; transform:translate(-50%,-50%); opacity:.5; }.retro-vortex__reticle::before,.retro-vortex__reticle::after { content:""; position:absolute; background:rgba(216,255,53,.45); }.retro-vortex__reticle::before{left:50%;top:-8px;width:1px;height:46px}.retro-vortex__reticle::after{top:50%;left:-8px;width:46px;height:1px}
.retro-vortex__orbit { position:absolute; right:clamp(12px,5vw,76px); top:50%; width:clamp(150px,24vw,340px); aspect-ratio:1; transform:translateY(-50%); z-index:0; opacity:.18; pointer-events:none; }
.retro-vortex__orbit i { position:absolute; inset:0; border:1px solid var(--cyan); border-radius:50%; animation:vortex-orbit 16s linear infinite; }
.retro-vortex__orbit i:nth-child(2) { inset:22%; border-color:var(--magenta); animation-direction:reverse; animation-duration:11s; }
.retro-vortex__orbit i:nth-child(3) { inset:43%; border-color:var(--acid); animation-duration:7s; }
.sigil-system { position:relative; overflow:hidden; padding:clamp(76px,9vw,135px) clamp(24px,5vw,76px); border-top:1px solid var(--line); background:radial-gradient(circle at 50% 48%,rgba(101,231,255,.045),transparent 34%),#090a0a; }
.sigil-system::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.2; background:linear-gradient(90deg,transparent 49.95%,rgba(101,231,255,.11) 50%,transparent 50.05%); }
.sigil-system__head { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; margin-bottom:clamp(52px,7vw,90px); }
.sigil-system__head h2 { margin:18px 0 0; font:400 clamp(56px,8vw,112px)/.8 "League Gothic","Archivo Narrow",sans-serif; letter-spacing:-.01em; }
.sigil-system__head>p { margin:0; color:#777671; font:500 10px/1.5 "Archivo Narrow",sans-serif; text-align:right; letter-spacing:.17em; }
.sigil-grid { position:relative; display:grid; grid-template-columns:repeat(3,1fr); border-block:1px solid var(--line); }
.sigil[hidden] { display:none!important; }
.sigil { position:relative; min-width:0; padding:clamp(25px,3vw,44px); border-right:1px solid var(--line); outline:none; cursor:crosshair; transition:background .35s ease; }
.sigil:last-child,.sigil:nth-child(3) { border-right:0; }
.sigil::before { content:""; position:absolute; top:-1px; left:0; width:0; height:2px; background:var(--acid); box-shadow:0 0 10px rgba(216,255,53,.45); transition:width .45s cubic-bezier(.2,.8,.2,1); }
.sigil:hover,.sigil:focus-visible { background:linear-gradient(180deg,rgba(101,231,255,.035),transparent 70%); }
.sigil:hover::before,.sigil:focus-visible::before { width:100%; }
.sigil__field { position:relative; display:grid; place-items:center; width:100%; aspect-ratio:1; }
.sigil__field::before,.sigil__field::after { content:""; position:absolute; inset:11%; border:1px solid rgba(101,231,255,.08); border-radius:50%; transition:transform .55s ease,border-color .35s ease; }
.sigil__field::after { inset:24%; border-color:rgba(255,60,135,.08); }
.sigil__field img { position:relative; z-index:1; display:block; width:58%; height:58%; object-fit:contain; opacity:.56; filter:grayscale(1) drop-shadow(0 0 0 transparent); transition:opacity .4s ease,filter .4s ease,transform .6s cubic-bezier(.2,.8,.2,1); }
.sigil--origin .sigil__field img { width:68%; height:68%; }
.sigil--nullpoint .sigil__field img { width:45%; height:45%; }
.sigil:hover .sigil__field img,.sigil:focus-visible .sigil__field img { opacity:.94; filter:grayscale(1) drop-shadow(0 0 10px rgba(101,231,255,.18)); }
.sigil:hover .sigil__field::before,.sigil:focus-visible .sigil__field::before { transform:rotate(8deg) scale(1.04); border-color:rgba(101,231,255,.22); }
.sigil:hover .sigil__field::after,.sigil:focus-visible .sigil__field::after { transform:rotate(-12deg) scale(.94); border-color:rgba(255,60,135,.18); }
.sigil--origin:hover img,.sigil--origin:focus-visible img { transform:scale(1.035); }
.sigil--nullpoint:hover img,.sigil--nullpoint:focus-visible img { transform:rotate(60deg) scale(1.08); }
.sigil--vortex:hover img,.sigil--vortex:focus-visible img { transform:rotate(18deg) scale(1.06); }
.sigil--voidforge:hover img,.sigil--voidforge:focus-visible img { transform:scale(.9); }
.sigil__meta { display:grid; grid-template-columns:auto 1fr; gap:7px 15px; align-items:baseline; padding-top:22px; border-top:1px solid var(--line); }
.sigil__meta span,.sigil__meta p { color:#777671; font:500 8px/1 "Archivo Narrow",sans-serif; letter-spacing:.17em; }
.sigil__meta h3 { margin:0; font:400 clamp(22px,2.1vw,34px)/1 "League Gothic","Archivo Narrow",sans-serif; letter-spacing:.025em; }
.sigil__meta p { grid-column:2; margin:0; transition:color .3s ease; }
.sigil:hover .sigil__meta p,.sigil:focus-visible .sigil__meta p { color:var(--acid); }
.contact { padding:clamp(75px,10vw,150px) clamp(24px,5vw,76px) 30px; background:linear-gradient(135deg,rgba(101,231,255,.025),transparent 34%),#070707; border-top:1px solid var(--line); }
.contact__top { display:flex; justify-content:space-between; align-items:center; }.contact__top>.status { margin:0; color:#99978f; font:500 10px/1 "Archivo Narrow",sans-serif; letter-spacing:.15em; }
.contact h2 { margin:clamp(80px,12vw,180px) 0 70px; font:400 clamp(74px,12vw,190px)/.74 "League Gothic","Archivo Narrow",sans-serif; letter-spacing:-.015em; }
.contact__email { display:flex; justify-content:space-between; align-items:center; padding:22px 0; border-block:1px solid var(--line); font:600 clamp(16px,2vw,30px)/1 "Archivo Narrow",sans-serif; letter-spacing:.105em; text-decoration:none; transition:color .25s; }.contact__email:hover,.contact__email:focus-visible { color:var(--acid); }.contact__email span { font-size:.8em; }
.site-footer { display:grid; grid-template-columns:1fr 1fr 1fr; align-items:end; gap:28px 0; padding-top:75px; color:#777671; font:500 9px/1.5 "Archivo Narrow",sans-serif; letter-spacing:.14em; }.site-footer nav { display:flex; justify-content:center; gap:34px; font-size:12px; letter-spacing:.12em; }.site-footer nav a { color:#c1bfb8; text-decoration:none; transition:color .25s ease; }.site-footer nav a:hover,.site-footer nav a:focus-visible { color:var(--acid); }.site-footer>p { margin:0; text-align:right; }.brand--footer { grid-column:1/-1; justify-self:center; color:var(--ink); transform:scale(1.44); transform-origin:center bottom; }.site-footer .brand--footer+nav { grid-column:2; }
.future { min-height:1px; }
@keyframes pulse { 50% { height:4px; opacity:.5; } }
@keyframes legacy-blink { 0%,45%,51%,100% { transform:scaleY(1); } 48% { transform:scaleY(.08); } }
@keyframes legacy-drift { 0%,100% { transform:rotate(-2deg) scale(.98); } 50% { transform:rotate(3deg) scale(1.035); } }
@keyframes vortex-orbit { to { transform:rotate(360deg); } }
@keyframes rv-seal { 0%,100% { transform:rotate(-2deg); opacity:.62; } 50% { transform:rotate(5deg); opacity:.88; } }
@media (max-width:800px) {
  .topbar { padding:20px; }.topbar__meta { display:none; }.main-nav { position:fixed; z-index:80; left:50%; bottom:12px; transform:translateX(-50%); margin:0; padding:13px 16px; width:max-content; max-width:calc(100vw - 24px); gap:18px; border:1px solid var(--line); background:rgba(7,8,8,.88); backdrop-filter:blur(14px); box-shadow:0 8px 30px rgba(0,0,0,.45); }.main-nav a { font-size:9px; }
  .hero__content { left:20px; right:20px; top:45%; }
  h1 { flex-direction:column; align-items:flex-start; gap:5px; font-size:clamp(72px,23vw,112px); line-height:.72; white-space:normal; }
  .discipline { margin-top:28px; gap:8px; font-size:12px; letter-spacing:.13em; }.descriptor { margin:22px 0 0; max-width:330px; }
  .hero__footer { padding:20px; align-items:flex-end; }.services { display:grid; gap:9px; }.services li:nth-child(n+3) { display:none; }.cta { min-width:140px; }
  .signal { top:80px; right:20px; }
  .clients { grid-template-columns:1fr; gap:22px; min-height:auto; padding-block:28px; }.client-rail { justify-content:flex-start; gap:28px; overflow-x:auto; scrollbar-width:none; }.client-rail::-webkit-scrollbar { display:none; }.client-logo { flex:0 0 112px; min-width:112px; }
  .work { padding-bottom:80px; }.section-head { align-items:flex-start; flex-direction:column; gap:28px; }.project-grid { grid-template-columns:1fr; gap:16px; }
  .project,.project--wide { grid-column:auto; }.project__visual { aspect-ratio:16/9; }.project__meta { padding-bottom:24px; }
  .capabilities { padding-block:80px; }.section-head--compact { margin-bottom:45px; }.section-note { text-align:left; }.capability-list li { grid-template-columns:34px 1fr; gap:14px; }.capability-list p { grid-column:2; }.capability-list li:hover { padding-inline:0; }
  .about { grid-template-columns:1fr; }.about__label { gap:40px; }.about__copy { grid-template-columns:1fr; margin-top:50px; }.legacy-mark { order:3; }.retro-vortex__head { align-items:flex-start; gap:24px; }.retro-vortex__head>p:last-child { text-align:right; line-height:1.4; }.retro-vortex__body { grid-template-columns:1fr; margin-top:72px; }.retro-vortex h2 { line-height:.8; }.retro-vortex__media { width:min(100%,520px); justify-self:center; }.retro-vortex__orbit { right:-70px; top:35%; opacity:.12; }.sigil-system__head { align-items:flex-start; }.sigil-grid { grid-template-columns:repeat(3,1fr); }.contact h2 { margin-block:90px 55px; }.contact__email { overflow-wrap:anywhere; }.site-footer { grid-template-columns:1fr; gap:26px; text-align:center; }.brand--footer,.site-footer .brand--footer+nav,.site-footer>p { grid-column:1; justify-self:center; }.site-footer nav { justify-content:center; }.site-footer>p { text-align:center; }
}
@media (max-width:480px) { .brand__word { font-size:13px; } .brand__sub { font-size:7px; } .hero__footer { gap:20px; } .cta { min-width:125px; } .sigil-system__head { flex-direction:column; align-items:flex-start; }.sigil-system__head>p { text-align:left; }.sigil-grid { grid-template-columns:1fr; }.sigil,.sigil:nth-child(2) { border-right:0; border-bottom:1px solid var(--line); }.sigil:last-child,.sigil:nth-child(3) { border-bottom:0; }.sigil__field { max-height:240px; }.sigil__field img { width:42%; height:42%; }.sigil--origin .sigil__field img { width:50%; height:50%; }.sigil--nullpoint .sigil__field img { width:32%; height:32%; } }
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto}.signal span{animation:none}.hero__reel,.retro-vortex__media video{display:none}.cta i{transition:none}.capability-mark img,.legacy-mark__eye img,.legacy-mark__fractal,.retro-vortex__orbit i,.retro-vortex__seal img,.sigil__field img,.sigil__field::before,.sigil__field::after{animation:none;transition:none}.capability-list li:hover .capability-mark img,.sigil:hover .sigil__field img{transform:none}.reveal-ready .reveal{opacity:1;transform:none;transition:none} }