/* THOWI / SYSTEMS :: PRISM-inspired original variation V4 */
:root{
 --bg:#0c1115;--bg2:#10171b;--bg3:#070b0e;--panel:#0b1014;
 --accent:#fc633d;--bright:#ff9a64;--dim:#a84d37;
 --text:#f0e6d9;--muted:#a39a8e;--quiet:#6d6b68;
 --line:rgba(249,116,67,.30);--line-dim:rgba(255,190,150,.12);
 --glow:0 0 12px rgba(252,99,61,.32),0 0 37px rgba(252,99,61,.13);
 --mono:"IBM Plex Mono",monospace;
 --display:"Chakra Petch",Arial,sans-serif;
 --body:"DM Sans",Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:122px}
body{background:var(--bg3);color:var(--text);margin:0;font-family:var(--body);-webkit-font-smoothing:antialiased}
body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(var(--line-dim) 1px,transparent 1px),linear-gradient(90deg,var(--line-dim) 1px,transparent 1px);background-size:36px 36px;opacity:.20;pointer-events:none;z-index:-1}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{cursor:pointer}
h1,h2,h3,p{margin:0}
img{display:block;max-width:100%;height:auto}
[hidden]{display:none!important}
::selection{background:var(--accent);color:var(--bg3)}
:focus-visible{outline:2px solid var(--bright);outline-offset:4px}
.skip-link{position:fixed;z-index:350;left:16px;top:-80px;background:var(--accent);color:var(--bg3);padding:12px;font:600 13px var(--mono)}
.skip-link:focus{top:16px}
.scanlines{position:fixed;inset:0;z-index:280;pointer-events:none;opacity:.13;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.45) 3px 4px)}
.read-progress{position:fixed;inset:0 0 auto;height:3px;z-index:300;pointer-events:none}
.read-progress span{display:block;background:var(--accent);height:100%;width:0;box-shadow:var(--glow)}
.site-shell{max-width:1850px;margin:auto;background-color:var(--bg)}
.site-shell main{display:block}
.header-line,.nav-line,.global-footer,.footer-cta,.section-header,.system-hero,.internal-hero,.repos-section,.team-section,.service-details,.contact-main,.legal-section,.section-main,.section-projects,.work-section,.process-section{position:relative}
.header-line,.nav-line,.section-header,.internal-meta,.internal-footer,.protocol,.hero-issue,.hero-command,.hero-foot,.diagram-top,.diagram-bottom,.command-shortcuts,.terminal-toolbar,.terminal-form,.featured-top,.projects-tail,.case-link>span,.step>span,.kicker,.cta-identifier,.global-footer,.tiny-label,.contact-main,.legal-meta,.detail-index,.detail-tags,.repository-index,.repository-open,.repo-toolbar,.repo-count,.repo-note,.status-module,.nav-action,.site-nav,.service-code,.service-band>span,.service-band>b,.hero-caption,.footer-signoff,.work-lead .tiny-label,.section-intro .intro-note>span{
font:500 11px/1.55 var(--mono);letter-spacing:.055em}
.status-pixel,.signal-led{width:7px;height:7px;background:var(--accent);box-shadow:0 0 14px var(--accent);display:inline-block;vertical-align:middle;animation:led-blink 2s ease-in-out infinite}
@keyframes led-blink{50%{opacity:.35;box-shadow:0 0 4px var(--accent)}}
.header-line{background:var(--bg3);border-bottom:1px solid var(--line);color:var(--bright);padding:9px clamp(19px,2.4vw,42px);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px}
.header-line .subtle{color:var(--quiet)}
.header-line .status-pixel{margin-right:9px}
.header-clock{white-space:nowrap;color:#827969}
.header-clock b{color:var(--accent);margin-left:12px;font-size:10px}
.nav-line{display:flex;align-items:center;min-height:93px;border-bottom:1px solid var(--line);padding:0 clamp(19px,2.4vw,42px);gap:25px;background:rgba(12,17,21,.97)}
.global-header{position:sticky;top:0;z-index:200}
.brand-lockup{display:flex;align-items:center;gap:10px;flex:none;font:700 25px/.95 var(--display);letter-spacing:-.05em}
.brand-lockup img{width:50px;height:48px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(252,99,61,.20))}
.brand-slash{color:var(--accent)}
.brand-lockup small{display:block;font:600 8px var(--mono);letter-spacing:.14em;color:var(--muted);margin-top:7px}
.site-nav{display:flex;gap:clamp(14px,2.6vw,44px);align-items:center;margin-left:auto;height:93px}
.site-nav a{height:100%;position:relative;display:flex;align-items:center;gap:9px;color:#c7bcb0;white-space:nowrap}
.site-nav a b{color:var(--dim);font-size:9px}
.site-nav a:after{content:"";height:2px;background:var(--accent);position:absolute;left:0;right:100%;bottom:-1px;transition:right .25s}
.site-nav a:hover,.site-nav a[aria-current="page"]{color:var(--bright)}
.site-nav a:hover:after,.site-nav a[aria-current="page"]:after{right:0}
.nav-action{border:1px solid var(--accent);background:rgba(252,99,61,.12);color:var(--bright);display:flex;align-items:center;gap:20px;padding:14px 16px;white-space:nowrap;transition:color .25s,background .25s}
.nav-action span{font-size:21px}
.nav-action:hover{background:var(--accent);color:#160c0b}
.menu-button{display:none}
.tiny-label{display:inline-block;color:var(--accent);font-size:11px;letter-spacing:.105em}
.tiny-label .status-pixel,.tiny-label .signal-led{margin-right:10px}
.section-header{display:flex;justify-content:space-between;align-items:center;gap:25px;background:rgba(251,104,64,.035);border-block:1px solid var(--line);padding:13px clamp(19px,3vw,50px);color:#a98c7b;font-size:10px}
.section-header .section-index{color:var(--bright);font-weight:700}
.section-header .status-pixel{margin-left:7px}
.system-link{display:inline-flex;align-items:center;gap:32px;justify-content:space-between;border-bottom:1px solid var(--accent);padding-bottom:10px;color:var(--bright);font:700 12px var(--mono);letter-spacing:.06em;transition:gap .2s}
.system-link b{font-size:20px}
.system-link:hover{gap:50px}
/* Split command center landing */
.system-hero{min-height:685px;display:grid;grid-template-columns:50% 50%;background-color:var(--bg);background-image:linear-gradient(rgba(225,116,80,.038) 1px,transparent 1px),linear-gradient(90deg,rgba(225,116,80,.038) 1px,transparent 1px);background-size:30px 30px;overflow:hidden}
.system-hero::before{content:"";height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);position:absolute;top:30%;left:0;right:0;z-index:0;opacity:.32;pointer-events:none}
.hero-left,.hero-right{padding:clamp(42px,4.1vw,73px) clamp(22px,4vw,70px);position:relative;min-width:0;z-index:1}
.hero-left{border-right:1px solid var(--accent);display:flex;flex-direction:column;align-items:stretch}
.hero-right{display:flex;flex-direction:column;gap:23px}
.protocol{display:flex;align-items:center;gap:10px;color:var(--bright);font-size:12px;margin-bottom:47px}
.protocol-state{color:var(--muted);margin-left:auto}
.hero-caption{color:var(--dim);font-size:12px;margin-bottom:7px}
.glitch-title{font:700 clamp(72px,8vw,155px)/.89 var(--display);color:var(--accent);letter-spacing:-.095em;text-shadow:0 0 13px rgba(251,87,42,.25),0 0 48px rgba(251,87,42,.18);display:flex;align-items:baseline;gap:2px;position:relative;white-space:nowrap}
.glitch-title:after{content:attr(data-title);position:absolute;top:0;left:0;right:0;z-index:2;overflow:hidden;color:#ffc4a9;text-shadow:0 0 13px var(--accent);pointer-events:none;clip-path:inset(38% 0 58% 0);opacity:.68;animation:glitch 9s steps(1) infinite}
@keyframes glitch{0%,93%,100%{transform:translate(0);opacity:0}94%{opacity:1;transform:translate(-4px,0)}95%{opacity:.6;transform:translate(5px,0)}96%{transform:translate(-2px,0)}97%{opacity:0}}
.glitch-title .hero-mark{font:400 .62em var(--mono);color:#ffc7aa;text-shadow:none;letter-spacing:-.17em}
.glitch-title small{font:700 clamp(17px,2.3vw,40px)/1 var(--display);color:var(--text);letter-spacing:-.02em;margin-left:4px}
.hero-issue{display:flex;justify-content:space-between;gap:8px;align-items:center;color:var(--bright);padding:12px 0 25px;border-bottom:1px solid var(--line);font-size:10px}
.hero-issue b{color:var(--muted)}
.hero-issue span:last-child{color:var(--quiet)}
.hero-line{font:700 clamp(38px,4vw,78px)/1.03 var(--display);letter-spacing:-.047em;margin:28px 0 17px;text-transform:uppercase}
.hero-line em,.section-intro h2 em,.projects-intro h2 em,.work-lead h2 em,.process-heading h2 em,.internal-head h1 em,.detail-copy h2 em,.repo-heading h2 em,.operator-info h2 em,.contact-grid h1 em,.footer-cta h2 em{color:var(--accent);font-style:normal}
.bright-dot,.section-intro h2>span,.hot-dot{color:var(--accent)}
.hero-blurb{max-width:550px;font:400 15px/1.8 var(--body);color:#c1b3a7}
.hero-command{display:flex;justify-content:space-between;gap:15px;color:var(--muted);margin-top:38px;margin-bottom:14px}
.hero-command span:last-child{color:var(--accent)}
.status-modules{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.status-module{min-height:117px;padding:12px 6px 9px;border:1px solid var(--line);background:rgba(0,0,0,.2);display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:6px;text-align:center;transition:background .25s,border-color .25s,transform .25s}
.status-module>span{font-size:8px;color:#b18b79}
.status-module strong{font:600 clamp(25px,2.2vw,43px)/1 var(--display);color:var(--accent);text-shadow:var(--glow)}
.status-module small{font:500 8px/1.2 var(--mono);color:#bda48f}
.status-module:hover{background:rgba(239,95,55,.16);border-color:var(--bright);transform:translateY(-5px)}
.hero-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:auto;padding-top:30px;color:var(--muted)}
.hero-foot>a{white-space:nowrap}
.hero-foot>a span{color:var(--accent);font-size:20px;margin-left:10px}
.pulse-line{height:2px;background:var(--line);flex:1;overflow:hidden}
.pulse-line span{display:block;height:100%;width:28%;background:var(--accent);box-shadow:var(--glow);animation:trace-line 3.2s ease-in-out infinite alternate}
@keyframes trace-line{from{transform:translateX(-100%)}to{transform:translateX(360%)}}
/* live terminal */
.terminal-window{border:1px solid var(--line);background:rgba(1,5,6,.84);box-shadow:0 0 25px rgba(246,88,45,.11),inset 0 0 28px rgba(242,78,45,.02);overflow:hidden}
.terminal-toolbar{min-height:46px;display:flex;align-items:center;gap:14px;padding:0 16px;border-bottom:1px solid var(--line);background:rgba(230,98,58,.07);color:var(--muted);font-size:11px}
.window-lights{display:flex;gap:7px;flex:none}
.window-lights i{width:9px;height:9px;border-radius:50%;background:#f56b56}
.window-lights i:nth-child(2){background:#ffc365}
.window-lights i:nth-child(3){background:#82c58b}
.toolbar-id{margin-left:auto;color:var(--dim);font-size:9px}
.terminal-history{height:225px;overflow-y:auto;scrollbar-color:var(--dim) var(--bg3);padding:19px 17px 12px;font:500 13px/1.83 var(--mono);letter-spacing:0}
.term-row{color:#f4a17b;overflow-wrap:anywhere}
.term-row .term-prompt,.term-prompt{color:var(--accent);margin-right:8px}
.term-row.muted-term{color:#b59d8c}
.term-row.term-ok{color:#d9c6b6}
.term-row.term-ok span{color:var(--accent);padding-right:8px}
.term-row.accent-term{color:var(--bright)}
.term-row.term-input{color:var(--text);margin-top:8px}
.term-row.term-response{color:#c6ada0}
.term-row.term-error{color:#ffbc9e}
.term-row.term-response a{color:var(--bright);text-decoration:underline}
.terminal-form{display:flex;align-items:center;gap:10px;padding:12px 14px 14px;border-top:1px solid rgba(240,120,70,.16);color:var(--accent)}
.terminal-form label{white-space:nowrap}
.terminal-form input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text);caret-color:var(--accent);font:500 12px var(--mono)}
.terminal-form input::placeholder{color:#6e594d}
.terminal-form button{border:1px solid var(--line);background:rgba(252,99,61,.1);color:var(--accent);padding:3px 10px;font:600 18px/1.2 var(--mono)}
.terminal-form button:hover{background:var(--accent);color:var(--bg3)}
.command-shortcuts{display:flex;flex-direction:column;gap:12px;color:var(--dim)}
.command-shortcuts>div{display:flex;flex-wrap:wrap;gap:9px}
.command-shortcuts button{padding:9px 10px;background:transparent;border:1px solid var(--line);color:var(--bright);font:500 10px var(--mono);transition:background .2s}
.command-shortcuts button:hover{background:rgba(252,99,61,.17)}
/* diagram right side */
.system-diagram{border:1px solid var(--line);background:rgba(6,10,12,.75);margin-top:auto}
.diagram-top,.diagram-bottom{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;gap:10px;color:var(--muted);font-size:10px}
.diagram-top{border-bottom:1px solid var(--line-dim)}
.diagram-top .signal-led{margin-right:7px}
.diagram-bottom{border-top:1px solid var(--line-dim)}
.diagram-stage{min-height:220px;position:relative;overflow:hidden;background-image:linear-gradient(rgba(234,112,76,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(234,112,76,.055) 1px,transparent 1px);background-size:22px 22px}
.network-svg{width:100%;height:225px;display:block}
.network-beacon{transform-origin:260px 113px;animation:network-pulse 3s ease-in-out infinite}
@keyframes network-pulse{50%{transform:scale(1.12);opacity:.45}}
.diagram-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;gap:2px;justify-items:center;align-items:center}
.diagram-logo img{width:70px}
.diagram-logo small{font:700 9px var(--mono);color:var(--bright);white-space:nowrap}
.wire-label{position:absolute;font:600 10px var(--mono);color:var(--bright);background:var(--bg3);border:1px solid var(--line);padding:6px 8px}
.wl-a{top:16%;left:8%}.wl-b{top:16%;right:7%}.wl-c{bottom:11%;left:8%}.wl-d{bottom:11%;right:7%}
.running-tape{background:var(--accent);color:var(--bg3);overflow:hidden;border-block:1px solid var(--accent)}
.running-tape-content{width:max-content;display:flex;gap:0;animation:marquee 38s linear infinite;padding:11px 0}
.running-tape-content span{font:700 17px var(--display);letter-spacing:.1em;white-space:nowrap;padding-right:18px}
@keyframes marquee{to{transform:translateX(-50%)}}
/* Core landing */
.section-main,.section-projects,.work-section,.process-section{background-color:var(--bg);background-image:linear-gradient(rgba(250,110,65,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(250,110,65,.03) 1px,transparent 1px);background-size:32px 32px}
.section-intro{display:grid;grid-template-columns:1.25fr .6fr;align-items:end;gap:65px;padding:clamp(70px,8vw,125px) clamp(23px,5vw,90px) 65px}
.section-intro h2,.projects-intro h2,.work-lead h2,.process-heading h2,.repo-heading h2{font:700 clamp(62px,7vw,118px)/.95 var(--display);letter-spacing:-.06em;margin-top:18px}
.intro-note{padding-bottom:12px}
.intro-note>span{color:var(--accent)}
.intro-note p,.projects-intro>p,.work-lead>p{max-width:400px;color:#c3b4a8;font:400 17px/1.8 var(--body);margin:15px 0 25px}
.service-list{padding:0 clamp(23px,5vw,90px) clamp(85px,10vw,165px)}
.service-band{border-top:1px solid var(--line);display:grid;grid-template-columns:65px minmax(0,1.2fr) minmax(100px,.4fr) 45px;align-items:center;gap:25px;padding:27px 0;min-height:148px;transition:background .3s,padding .3s}
.service-band:last-child{border-bottom:1px solid var(--line)}
.service-band:hover{background:rgba(245,104,61,.09);padding-inline:20px}
.service-band>span:first-child{color:var(--accent)}
.service-band h3{font:700 clamp(27px,3.6vw,56px)/1.1 var(--display);letter-spacing:-.045em}
.service-band p{color:var(--muted);line-height:1.7;font-size:14px;margin-top:8px;max-width:590px}
.service-code{color:var(--dim);text-align:right;font-size:11px}
.service-band>b{font:400 44px/1 var(--display);color:var(--accent);text-align:right;transition:transform .3s}
.service-band:hover>b{transform:translate(7px,-7px)}
/* Public projects */
.section-projects{background-color:#121717}
.projects-intro{padding:clamp(70px,8vw,130px) clamp(23px,5vw,90px) 56px;display:grid;grid-template-columns:1.1fr .55fr;align-items:end;gap:45px}
.projects-intro>p{margin-bottom:0}
.project-records{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 clamp(23px,5vw,90px)}
.featured-record{min-height:400px;border:1px solid var(--line);background-color:rgba(7,10,12,.65);padding:20px;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:transform .25s,border-color .25s,background .25s}
.featured-record:hover{transform:translateY(-8px);border-color:var(--accent);background:#1d1918}
.featured-top{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:10px}
.featured-top>span:last-child{font:700 22px var(--mono);color:var(--accent)}
.featured-glyph{height:148px;display:grid;place-items:center;font:400 120px var(--display);color:var(--accent);text-shadow:var(--glow);animation:glyph-breathe 5s ease-in-out infinite}
@keyframes glyph-breathe{50%{transform:scale(1.08) rotate(6deg);opacity:.66}}
.featured-bottom{margin-top:auto}
.featured-bottom>span{font:600 10px var(--mono);color:var(--accent)}
.featured-bottom h3{font:700 clamp(25px,3vw,42px)/1.08 var(--display);letter-spacing:-.045em;margin:10px 0 13px;overflow-wrap:anywhere}
.featured-bottom p{font:400 13px/1.75 var(--body);color:#c2b6ab;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.projects-tail{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:35px clamp(23px,5vw,90px) 0;padding-bottom:clamp(78px,10vw,150px);color:var(--muted)}
/* Case work */
.work-layout{display:grid;grid-template-columns:.85fr 1fr;gap:clamp(50px,9vw,150px);padding:clamp(80px,10vw,150px) clamp(23px,5vw,90px)}
.work-lead{align-self:start}
.work-items{border-top:1px solid var(--accent)}
.case-link{display:block;padding:28px 0;border-bottom:1px solid var(--line);transition:padding .2s}
.case-link:hover{padding-left:12px}
.case-link>span{color:var(--muted)}
.case-link h3{font:700 clamp(46px,5.5vw,90px)/1.1 var(--display);letter-spacing:-.04em;display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:10px}
.case-link h3 b{color:var(--accent);font-size:.7em}
.case-link p{max-width:470px;color:var(--muted);line-height:1.8;font-size:15px;margin-top:10px}
/* method */
.process-section{background:#171b1a}
.process-heading{padding:clamp(70px,8vw,130px) clamp(23px,5vw,90px) 60px}
.step-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border-top:1px solid var(--line);background:var(--line);margin:0 clamp(23px,5vw,90px) 0;border-left:1px solid var(--line);border-right:1px solid var(--line)}
.step{background:var(--bg);min-height:245px;padding:24px;display:flex;flex-direction:column;align-items:flex-start;transition:background .3s}
.step:hover{background:rgba(240,99,61,.16)}
.step>span{color:var(--accent)}
.step strong{font:700 clamp(27px,3vw,44px)/1.1 var(--display);letter-spacing:-.04em;margin-top:auto}
.step p{font-size:14px;line-height:1.7;color:var(--muted);margin-top:15px}
.process-section{padding-bottom:clamp(85px,10vw,150px)}

/* Shared command-footer */
.footer-cta{background:linear-gradient(115deg,#17191a,#241918 55%,#111315);border-top:1px solid var(--accent)}
.cta-identifier{padding:14px clamp(23px,5vw,90px);border-bottom:1px solid var(--line);color:var(--accent)}
.cta-identifier .signal-led{margin-left:12px}
.cta-main{display:flex;align-items:end;justify-content:space-between;gap:45px;padding:clamp(70px,8vw,125px) clamp(23px,5vw,90px)}
.kicker{color:var(--muted)}
.cta-main h2{font:700 clamp(64px,8vw,145px)/.95 var(--display);letter-spacing:-.055em;margin:21px 0}
.cta-main p{font:400 16px/1.8 var(--body);max-width:580px;color:#c8b8ab}
.cta-transmit{width:170px;height:170px;flex:none;border:1px solid var(--accent);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:var(--accent);position:relative;background:rgba(238,90,55,.07);transition:transform .3s,background .3s}
.cta-transmit:before{content:"";position:absolute;inset:9px;border:1px dashed var(--dim);border-radius:50%;animation:spin-around 18s linear infinite}
.cta-transmit span{font:700 10px var(--mono)}
.cta-transmit strong{font:400 70px/.9 var(--display)}
.cta-transmit:hover{transform:rotate(-9deg);background:rgba(238,90,55,.22)}
@keyframes spin-around{to{transform:rotate(360deg)}}
.global-footer{background:#080c0f;border-top:1px solid var(--line);color:var(--muted)}
.footer-columns{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:45px;padding:70px clamp(23px,5vw,90px) 90px}
.footer-columns>div{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.footer-columns>div:first-child{display:grid;grid-template-columns:65px 1fr;align-items:start;gap:0}
.footer-columns>div:first-child img{width:56px;grid-row:span 2}
.footer-columns strong{font:700 29px var(--display);color:var(--text)}
.footer-columns strong span{font:700 10px var(--mono);color:var(--accent);vertical-align:top}
.footer-columns p{grid-column:2;font:400 13px/1.75 var(--body)}
.footer-columns>div>span{font:600 11px var(--mono);color:var(--accent);margin-bottom:11px}
.footer-columns a{font:500 13px var(--mono)}
.footer-columns a:hover{color:var(--accent)}
.footer-signoff{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px clamp(23px,5vw,90px);border-top:1px solid var(--line);font-size:10px;color:var(--quiet)}
.footer-signoff a{color:var(--bright)}
/* Inner page hero */
.internal-hero{background:var(--bg);background-image:linear-gradient(rgba(241,99,56,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(241,99,56,.055) 1px,transparent 1px);background-size:32px 32px}
.internal-meta,.internal-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);padding:17px clamp(23px,5vw,90px);border-bottom:1px solid var(--line)}
.internal-meta>span:first-child{color:var(--accent)}
.internal-footer{border-top:1px solid var(--line);border-bottom:0}
.internal-footer>span:last-child{color:var(--accent)}
.internal-head{padding:clamp(75px,9vw,140px) clamp(23px,5vw,90px);display:grid;grid-template-columns:1.35fr .48fr;gap:45px;align-items:end}
.internal-head h1{font:700 clamp(65px,8.5vw,145px)/.95 var(--display);letter-spacing:-.065em;margin-top:24px;overflow-wrap:anywhere}
.internal-head>p{font:400 18px/1.75 var(--body);color:#c6b6a9;padding-bottom:10px;max-width:425px}
.service-details{background:#0d1316}
.detail-record{display:grid;grid-template-columns:135px minmax(0,1fr) minmax(260px,.63fr);gap:clamp(25px,4vw,65px);padding:clamp(75px,8vw,130px) clamp(23px,5vw,90px);border-top:1px solid var(--line);align-items:center;scroll-margin-top:110px}
.detail-index{display:flex;flex-direction:column;gap:15px;color:var(--accent);align-self:start}
.detail-index>b{color:var(--muted)}
.detail-copy h2{font:700 clamp(50px,5.6vw,99px)/1 var(--display);letter-spacing:-.055em;margin:15px 0 24px;overflow-wrap:anywhere}
.detail-copy p{font:400 16px/1.85 var(--body);color:#c4b6a9;max-width:610px}
.detail-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}
.detail-tags span{padding:7px 10px;border:1px solid var(--line);color:var(--bright)}
.detail-graphic{border:1px solid var(--line);background:var(--bg3);min-height:315px;display:grid;place-items:center;position:relative;overflow:hidden;padding:25px}
.detail-graphic:before{content:"";inset:0;position:absolute;background-image:linear-gradient(rgba(252,116,71,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(252,116,71,.05) 1px,transparent 1px);background-size:22px 22px}
.detail-graphic>small{position:absolute;bottom:17px;left:16px;font:500 9px var(--mono);color:var(--dim)}
.graphic-window{position:relative;z-index:2;width:85%;max-width:330px;border:1px solid var(--accent);background:#0b1014;box-shadow:0 0 40px rgba(246,90,52,.1)}
.graphic-window>div{padding:9px 13px;border-bottom:1px solid var(--line);font:500 9px var(--mono);color:var(--accent);display:flex;justify-content:space-between}
.graphic-window section{display:flex;gap:15px;padding:15px;min-height:155px}
.graphic-window section>i{width:30px;background:#40241f;flex:none}
.graphic-window section>span{flex:1;display:flex;flex-direction:column;gap:8px}
.graphic-window section>span em{height:10px;background:#53332a;width:100%}
.graphic-window section>span em:nth-child(1){background:var(--accent);width:70%;height:19px}
.graphic-window section>span em:nth-child(3){width:76%}
.graphic-phone{width:135px;height:265px;border:4px solid #d46c4c;border-radius:22px;z-index:2;padding:23px 11px;background:#101215;display:flex;flex-direction:column;gap:13px}
.graphic-phone div{font:600 9px var(--mono);color:var(--accent)}
.graphic-phone i{height:31px;background:#30231f}
.graphic-phone i:nth-of-type(2){height:65px;background:var(--accent)}
.graphic-phone b{font:600 10px var(--mono);margin-top:auto;color:var(--bright)}
.graphic-nodes{z-index:2;display:flex;align-items:center;gap:7px;justify-content:center}
.graphic-nodes span{background:#331e18;color:var(--bright);border:1px solid var(--accent);padding:12px 9px;font:700 12px var(--mono)}
.graphic-nodes b{font:400 30px var(--display);color:var(--accent)}
.graphic-servers{display:grid;gap:10px;width:80%;max-width:300px;position:relative;z-index:2}
.graphic-servers span{border:1px solid var(--line);background:#1c1614;display:flex;align-items:center;padding:14px;gap:10px;font:600 11px var(--mono);color:var(--bright)}
.graphic-servers i{width:7px;height:7px;border-radius:50%;background:var(--accent)}
.graphic-servers b{margin-left:auto;color:var(--dim)}
/* Github archive */
.repos-section{background:#0d1215}
.repo-heading{padding:clamp(75px,8vw,130px) clamp(23px,5vw,90px) 55px;display:flex;align-items:end;justify-content:space-between;gap:30px}
.repo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 clamp(23px,5vw,90px);border-block:1px solid var(--line);padding:16px 0}
.filter-buttons{display:flex;flex-wrap:wrap;gap:8px}
.repo-filter{background:none;color:var(--muted);border:1px solid var(--line);font:600 10px var(--mono);padding:10px 11px}
.repo-filter.is-active,.repo-filter:hover{background:var(--accent);color:var(--bg3);border-color:var(--accent)}
.repo-search-label{border-bottom:1px solid var(--accent);display:flex;align-items:center;min-width:220px;gap:10px}
.repo-search-label span{font:400 30px var(--display);color:var(--accent)}
.repo-search{width:100%;min-width:0;background:transparent;border:0;outline:0;padding:10px 0;color:var(--text);font:500 10px var(--mono)}
.repo-search::placeholder{color:#7d6860}
.repo-count{padding:25px clamp(23px,5vw,90px);color:var(--muted)}
.repo-count b{font:700 24px var(--display);color:var(--accent);margin-left:10px}
.repo-rows{border-top:1px solid var(--line);margin:0 clamp(23px,5vw,90px)}
.repository-record{border-bottom:1px solid var(--line);display:grid;grid-template-columns:135px minmax(0,1fr) 120px;gap:25px;align-items:center;padding:28px 0;transition:background .2s,padding .2s}
.repository-record:hover{background:rgba(250,99,61,.08);padding-inline:15px}
.repository-index{color:var(--accent);display:flex;align-items:center;gap:10px}
.repo-indicator{height:7px;width:7px;background:var(--accent);box-shadow:var(--glow)}
.repository-core h3{font:700 clamp(24px,3vw,50px)/1.1 var(--display);letter-spacing:-.04em;overflow-wrap:anywhere}
.repository-core p{color:var(--muted);font:400 14px/1.75 var(--body);margin-top:10px;max-width:720px}
.repository-open{display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--accent)}
.repository-open b{font:400 37px var(--display)}
.no-results{padding:45px clamp(23px,5vw,90px)}
.no-results button{color:var(--accent);border:0;background:none;text-decoration:underline}
.repo-note{padding:25px clamp(23px,5vw,90px) 95px;color:var(--muted)}
/* Team operators */
.team-section{background:#0d1316}
.team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;padding:clamp(65px,8vw,115px) clamp(23px,5vw,90px)}
.operator{border:1px solid var(--line);background:rgba(5,8,10,.4);display:flex;flex-direction:column}
.operator-id{display:flex;justify-content:space-between;gap:15px;padding:13px 18px;font:500 10px var(--mono);color:var(--muted);border-bottom:1px solid var(--line)}
.operator-visual{min-height:310px;background:#351b17;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.operator-visual:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 45% 50%,rgba(255,109,62,.25),transparent 70%);pointer-events:none}
.operator-visual>b{font:700 clamp(160px,20vw,290px)/1 var(--display);letter-spacing:-.13em;color:var(--accent)}
.operator-visual>img{position:absolute;width:100px;right:20px;top:20px;opacity:.5}
.operator-v2{background:#181c21}
.operator-v2>b{color:#e9dacc}
.operator-info{padding:30px;flex:1}
.operator-info h2{font:700 clamp(51px,6vw,99px)/.98 var(--display);letter-spacing:-.065em;margin:23px 0}
.operator-info h2>span{color:var(--accent)}
.operator-info>p{font:400 15px/1.8 var(--body);color:var(--muted)}
/* Contact terminal */
.contact-main{background-color:#111517;background-image:linear-gradient(rgba(251,111,65,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(251,111,65,.055) 1px,transparent 1px);background-size:32px 32px}
.contact-grid{display:grid;grid-template-columns:1.3fr minmax(300px,.8fr);gap:clamp(40px,7vw,110px);align-items:center;padding:clamp(95px,10vw,170px) clamp(23px,5vw,90px)}
.contact-grid h1{font:700 clamp(70px,8vw,140px)/.95 var(--display);letter-spacing:-.06em;margin:30px 0}
.contact-grid p{max-width:550px;font:400 17px/1.8 var(--body);color:#c5b6a9}
.contact-email{border-top:1px solid var(--accent);border-bottom:1px solid var(--accent);display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:70px;padding:20px 0;font:600 clamp(23px,3.3vw,52px) var(--display);overflow-wrap:anywhere}
.contact-email b{color:var(--accent)}
.copy-email{background:rgba(244,93,54,.12);color:var(--accent);border:1px solid var(--accent);padding:13px 18px;margin-top:20px;font:600 11px var(--mono)}
.copy-email:hover{background:var(--accent);color:var(--bg3)}
.contact-terminal{border:1px solid var(--line);background:var(--bg3);box-shadow:0 0 30px rgba(245,96,55,.13)}
.contact-terminal-body{min-height:300px;padding:25px;font:500 13px/2.1 var(--mono);color:#c7a393}
.contact-terminal-body p{font:inherit;color:inherit}
.contact-terminal-body p>span{color:var(--accent)}
.contact-terminal-body .term-cursor{margin-top:22px}
.contact-terminal-body .term-cursor i{font-style:normal;animation:led-blink .8s infinite}
.contact-terminal-foot{border-top:1px solid var(--line);padding:12px 16px;font:500 10px var(--mono);color:var(--dim)}
/* Legal */
.legal-section{display:grid;grid-template-columns:250px minmax(0,800px);gap:55px;padding:110px clamp(23px,5vw,90px);background:#0f1417}
.legal-meta{color:var(--accent)}
.legal-text{font:400 16px/1.95 var(--body);color:#c4b3a5}
.legal-text h2{font:700 40px var(--display);color:var(--text);margin-bottom:25px}
.legal-text h3{font:600 15px var(--mono);color:var(--accent);margin:42px 0 13px}
.legal-text a{color:var(--bright);text-decoration:underline}

@media(max-width:1260px){
 .site-nav{gap:14px}
 .nav-action{padding:12px;gap:8px}
 .system-hero{grid-template-columns:52% 48%}
 .hero-left,.hero-right{padding:40px 25px}
 .glitch-title{font-size:clamp(70px,7.8vw,113px)}
 .hero-line{font-size:clamp(39px,4vw,60px)}
 .status-module strong{font-size:30px}
 .status-module>span,.status-module small{font-size:7px}
 .hero-right{gap:17px}
 .detail-record{grid-template-columns:95px minmax(0,1fr) minmax(245px,.65fr);gap:25px}
 .detail-copy h2{font-size:clamp(47px,6vw,80px)}
 .operator-info h2{font-size:clamp(50px,5.4vw,75px)}
}
@media(max-width:1000px){
 .nav-line{min-height:79px}
 .site-nav{display:none;position:absolute;left:0;right:0;top:100%;height:auto;margin:0;background:var(--bg2);border-bottom:1px solid var(--accent);padding:18px 23px 30px;flex-direction:column;align-items:stretch;gap:0}
 .site-nav.is-open{display:flex}
 .site-nav a{padding:17px 8px;border-bottom:1px solid var(--line-dim);font-size:14px}
 .site-nav a:after{display:none}
 .nav-action{margin-left:auto}
 .menu-button{display:flex;flex:none;width:45px;height:43px;border:1px solid var(--line);background:none;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px}
 .menu-button span{width:100%;height:2px;background:var(--accent);transition:transform .2s,opacity .2s}
 .menu-button[aria-expanded="true"] span:first-child{transform:translateY(8px) rotate(45deg)}
 .menu-button[aria-expanded="true"] span:nth-child(2){opacity:0}
 .menu-button[aria-expanded="true"] span:last-child{transform:translateY(-8px) rotate(-45deg)}
 .system-hero{grid-template-columns:1fr}
 .hero-left{border-right:0;border-bottom:1px solid var(--accent)}
 .hero-left,.hero-right{padding:55px clamp(26px,6vw,70px)}
 .glitch-title{font-size:clamp(94px,12vw,145px)}
 .glitch-title small{font-size:clamp(23px,4vw,41px)}
 .hero-line{font-size:clamp(55px,7vw,85px)}
 .status-module strong{font-size:clamp(36px,6vw,55px)}
 .status-module>span,.status-module small{font-size:10px}
 .hero-foot{margin-top:25px}
 .terminal-history{height:195px}
 .system-diagram{margin-top:15px}
 .section-intro,.projects-intro,.work-layout{grid-template-columns:1fr 1fr;gap:28px}
 .section-intro h2,.projects-intro h2,.work-lead h2{font-size:clamp(60px,7vw,93px)}
 .service-band{grid-template-columns:47px minmax(0,1fr) 38px;gap:13px}
 .service-band>span.service-code{grid-column:2;grid-row:2;text-align:left}
 .service-band>b{grid-column:3;grid-row:1/3}
 .service-band h3{font-size:clamp(29px,4vw,47px)}
 .project-records{grid-template-columns:repeat(2,minmax(0,1fr))}
 .featured-record:last-child{grid-column:1/-1;min-height:275px}
 .featured-record:last-child .featured-glyph{height:70px;font-size:73px}
 .step-grid{grid-template-columns:repeat(2,1fr)}
 .detail-record{grid-template-columns:80px 1fr;gap:22px}
 .detail-graphic{grid-column:2;max-width:600px}
 .internal-head{grid-template-columns:1fr;gap:25px}
 .internal-head>p{max-width:650px;padding:0}
 .team-grid{gap:16px}
 .operator-info{padding:22px}
 .contact-grid{grid-template-columns:1fr}
 .contact-terminal{max-width:640px}
 .legal-section{grid-template-columns:1fr;gap:30px}
}
@media(max-width:650px){
 html{scroll-padding-top:83px}
 .header-line{padding:7px 17px;gap:10px;font-size:8px}
 .header-line .subtle{display:none}
 .header-clock{font-size:8px}.header-clock b{font-size:8px;margin-left:5px}
 .nav-line{min-height:70px;padding-inline:17px;gap:13px}
 .brand-lockup img{width:38px;height:40px}
 .brand-lockup{font-size:20px;gap:7px}
 .brand-lockup small{font-size:6px}
 .nav-action{display:none}
 .menu-button{margin-left:auto}
 .section-header{padding:11px 17px;font-size:8px;gap:10px;flex-wrap:wrap}
 .section-header>span:nth-child(2){display:none}
 .hero-left,.hero-right{padding:42px 18px}
 .protocol{font-size:10px;margin-bottom:36px}
 .hero-caption{font-size:10px}
 .glitch-title{font-size:clamp(62px,16vw,102px)}
 .glitch-title small{font-size:clamp(16px,4.4vw,29px)}
 .hero-issue{font-size:8px}
 .hero-line{font-size:clamp(46px,11vw,68px)}
 .hero-blurb{font-size:15px}
 .hero-command{font-size:9px}
 .status-modules{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .status-module{min-height:108px;padding:12px}
 .status-module strong{font-size:45px}
 .status-module>span,.status-module small{font-size:9px}
 .hero-foot{font-size:9px}
 .hero-right{gap:18px}
 .terminal-toolbar{padding-inline:11px;font-size:9px;gap:10px}
 .terminal-history{padding:16px 12px;font-size:11px;height:200px}
 .terminal-form{padding:11px;font-size:10px}
 .terminal-form label{font-size:10px}
 .terminal-form input{font-size:11px}
 .command-shortcuts button{font-size:9px}
 .diagram-stage{min-height:185px}
 .network-svg{height:190px}
 .wire-label{font-size:8px;padding:5px}
 .diagram-logo img{width:56px}
 .diagram-top,.diagram-bottom{font-size:8px}
 .running-tape-content span{font-size:14px}
 .section-intro,.projects-intro{grid-template-columns:1fr;gap:21px;padding:75px 18px 40px}
 .section-intro h2,.projects-intro h2,.work-lead h2,.process-heading h2{font-size:clamp(56px,11.5vw,85px)}
 .intro-note p,.projects-intro>p,.work-lead>p{font-size:15px;max-width:580px}
 .service-list{padding:0 18px 85px}
 .service-band{min-height:135px;padding:20px 0;grid-template-columns:32px minmax(0,1fr) 33px;gap:7px}
 .service-band h3{font-size:clamp(26px,7vw,43px)}
 .service-band p{font-size:12px}
 .service-band>b{font-size:30px}
 .service-code{font-size:9px}
 .project-records{grid-template-columns:1fr;gap:12px;margin:0 18px}
 .featured-record,.featured-record:last-child{min-height:310px;grid-column:1}
 .featured-record .featured-glyph,.featured-record:last-child .featured-glyph{height:90px;font-size:84px}
 .featured-bottom h3{font-size:34px}
 .projects-tail{margin:27px 18px 0;padding-bottom:90px;flex-direction:column;align-items:flex-start;font-size:9px;gap:21px}
 .work-layout{grid-template-columns:1fr;gap:40px;padding:75px 18px}
 .case-link h3{font-size:65px}
 .case-link p{font-size:14px}
 .process-heading{padding:70px 18px 40px}
 .step-grid{grid-template-columns:1fr 1fr;margin:0 18px}
 .step{min-height:195px;padding:17px}
 .step strong{font-size:clamp(26px,7vw,39px)}
 .step p{font-size:12px}
 .process-section{padding-bottom:90px}
 .cta-identifier{padding:12px 18px;font-size:10px}
 .cta-main{padding:80px 18px;align-items:flex-start;flex-direction:column;gap:30px}
 .cta-main h2{font-size:clamp(54px,11vw,80px)}
 .cta-main p{font-size:14px}
 .cta-transmit{width:112px;height:112px;margin-left:auto}
 .cta-transmit strong{font-size:48px}
 .cta-transmit span{font-size:8px}
 .footer-columns{grid-template-columns:1fr 1fr;gap:32px 20px;padding:65px 18px}
 .footer-columns>div:first-child{grid-column:1/-1}
 .footer-columns p{font-size:12px}
 .footer-columns a{font-size:11px}
 .footer-signoff{padding:17px 18px;flex-wrap:wrap;font-size:8px;gap:12px}
 .footer-signoff>span:nth-child(2){display:none}
 .internal-meta,.internal-footer{padding:12px 18px;font-size:9px}
 .internal-head{padding:80px 18px}
 .internal-head h1{font-size:clamp(54px,11.5vw,91px)}
 .internal-head>p{font-size:16px}
 .detail-record{grid-template-columns:1fr;padding:65px 18px;gap:22px}
 .detail-index{flex-direction:row}
 .detail-copy h2{font-size:clamp(50px,10vw,76px)}
 .detail-copy p{font-size:15px}
 .detail-tags span{font-size:10px}
 .detail-graphic{grid-column:1;min-height:270px}
 .repo-heading{padding:75px 18px 32px;display:block}
 .repo-heading h2{font-size:clamp(56px,12vw,85px)}
 .repo-heading>a{margin-top:25px}
 .repo-toolbar{margin:0 18px;flex-direction:column;align-items:stretch}
 .filter-buttons{gap:6px}
 .repo-filter{font-size:9px;padding:9px}
 .repo-search-label{min-width:0;width:100%}
 .repo-count{padding:18px;font-size:10px}
 .repo-rows{margin:0 18px}
 .repository-record{grid-template-columns:minmax(0,1fr) 65px;gap:10px;padding:25px 0}
 .repository-index{grid-column:1/-1}
 .repository-core h3{font-size:clamp(28px,7vw,42px)}
 .repository-core p{font-size:12px}
 .repository-open{font-size:8px;gap:5px}
 .repository-open b{font-size:25px}
 .repo-note{padding:25px 18px 80px;font-size:10px}
 .team-grid{grid-template-columns:1fr;padding:70px 18px}
 .operator-visual{min-height:240px}
 .operator-visual>b{font-size:180px}
 .operator-info h2{font-size:clamp(63px,12vw,90px)}
 .operator-info p{font-size:14px}
 .contact-grid{padding:80px 18px;gap:60px}
 .contact-grid h1{font-size:clamp(53px,12vw,90px)}
 .contact-grid p{font-size:15px}
 .contact-email{font-size:clamp(22px,6.5vw,42px);margin-top:45px}
 .contact-terminal-body{padding:18px;font-size:11px}
 .legal-section{padding:75px 18px}
 .legal-text{font-size:15px}
}
@media(max-width:365px){
 .glitch-title{font-size:58px}
 .glitch-title small{font-size:16px}
 .hero-line{font-size:44px}
 .section-intro h2,.projects-intro h2,.work-lead h2,.process-heading h2{font-size:53px}
 .step-grid{grid-template-columns:1fr}
 .step{min-height:145px}
 .footer-columns{grid-template-columns:1fr}
 .footer-columns>div:first-child{grid-column:1}
 .wire-label{font-size:7px}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 [data-reveal]{opacity:1!important;transform:none!important}
}
/* Small viewports: the large headlines must not force horizontal scroll. */
@media(max-width:365px){
 .work-lead h2{font-size:clamp(36px,11vw,43px)}
 .cta-main h2{font-size:clamp(35px,11vw,43px)}
 .work-layout,.cta-main{min-width:0}
}