:root{color-scheme:dark;--bg:#080f15;--panel:#0c151d;--ink:#fbf2e4;--muted:#c5cdd1;--line:#496473;--red:#fa303e;--button:#d51929;--green:#79e4bc;--body:Inter, system-ui, sans-serif;--heading:"Barlow Condensed", "Arial Narrow", sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}body{color:var(--ink);background:var(--bg);font:1rem/1.55 var(--body);margin:0}h1,h2,p{margin:0}h1,h2{font-family:var(--heading);font-weight:700;line-height:1}a{color:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--green);outline-offset:4px}button{font:inherit;cursor:pointer}ul{margin:0;padding:0;list-style:none}.wrap{width:min(1440px,100% - clamp(2rem,6vw,6rem));margin-inline:auto}.sr-only,.skip:not(:focus){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skip:focus{z-index:5;background:var(--ink);color:var(--bg);padding:.5rem;position:absolute;top:.5rem;left:.5rem}.site-header{border-bottom:1px solid var(--line);background:#080f15;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;min-height:4.25rem;padding-inline:clamp(1rem,3.4vw,4rem);display:grid}.wordmark{color:var(--red);font:800 clamp(1.65rem, 2.6vw, 2.5rem)/1 var(--heading);text-transform:uppercase;justify-self:start;text-decoration:none}.site-header nav{align-items:center;gap:clamp(1rem,3.4vw,3.4rem);display:flex}.site-header nav a{border-bottom:3px solid #0000;padding:1.2rem .125rem .95rem;font-weight:500;text-decoration:none}.site-header nav a:hover,.site-header nav a[aria-current]{border-color:var(--red)}.private-link,.outline{color:var(--ink);background:#070e13;border:1px solid #b2bcc1;border-radius:.25rem;justify-content:center;align-items:center;gap:.45rem;padding:.35rem .7rem;text-decoration:none;display:inline-flex}.private-link{white-space:nowrap;justify-self:end}.private-link svg{width:1.15rem;height:1.15rem}.private-link:hover,.outline:hover{border-color:var(--red)}.hero{background-color:#030a0f;background-image:linear-gradient(90deg,#030a0f88,#030a0f00 72%),url(/images/submarine.webp);background-position:50%;background-size:cover;align-items:center;min-height:clamp(22rem,31vw,34rem);display:flex}.hero-content{padding-block:2rem 3rem}.hero h1{letter-spacing:-.025em;font-size:clamp(4.3rem,8vw,8rem);font-weight:800}.hero p{max-width:23ch;margin-block:.7rem 1.5rem;font-size:clamp(1.2rem,2.2vw,1.85rem);line-height:1.25}.primary{background:var(--button);color:#fff;border-radius:.25rem;padding:.65rem 1.2rem;font-weight:700;text-decoration:none;display:inline-block}.primary:hover{background:#a9111d}.console{border:1px solid var(--line);background:var(--panel);border-radius:.3rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1rem;display:grid}.instrument{min-width:0;padding:.75rem 1rem}.instrument+.instrument{border-left:1px solid var(--line)}.instrument h2{font:600 clamp(.83rem, 1.4vw, 1.125rem)/1.2 var(--mono);letter-spacing:.085em;text-transform:uppercase;border-bottom:1px solid var(--line);padding-bottom:.55rem}.gauges{grid-template-columns:auto 1fr;align-items:center;gap:.9rem;padding-block:1.15rem;display:grid}.meter{background:#233540;border-radius:2px;height:.7rem;overflow:hidden}.meter div{background:var(--button);height:100%}.cpu{width:34%;animation:9s ease-in-out infinite alternate cpu}.memory{width:62%;animation:13s ease-in-out infinite alternate memory}@keyframes cpu{to{width:47%}}@keyframes memory{to{width:69%}}.console-log{font:.91rem/1.65 var(--mono);padding-block:1rem}.console-log li:before{content:"> ";color:var(--green)}.sonar-control{justify-content:space-evenly;align-items:center;gap:.75rem;padding-top:.5rem;display:flex}.sonar{aspect-ratio:1;border:1px solid var(--green);background:linear-gradient(90deg,#0000 49.7%,#79e4bc53 50%,#0000 50.5%),linear-gradient(#0000 49.7%,#79e4bc53 50%,#0000 50.5%),repeating-radial-gradient(circle,#0000 0 16%,#79e4bc55 17% 17.6%),#0c211f;border-radius:50%;flex:none;width:clamp(5rem,10vw,9rem);position:relative;overflow:hidden}.sweep{background:conic-gradient(from 16deg, transparent 0 37deg, #79e4bccc 61deg, transparent 62deg);animation:6s linear infinite sweep;position:absolute;inset:0}.sonar-dot{background:var(--green);border-radius:50%;position:absolute;inset:calc(50% - 2px)}@keyframes sweep{to{transform:rotate(1turn)}}.outline{white-space:nowrap;font-size:.9rem}.intro{color:var(--muted);padding-block:1.25rem}.home-features{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.feature{border:1px solid var(--line);background:var(--panel);border-radius:.35rem;padding:clamp(1rem,2vw,1.65rem)}.feature h2{margin-bottom:.95rem;font-size:clamp(2rem,3.6vw,3.15rem)}.project-links{gap:.5rem;display:grid}.project-links a{border:1px solid var(--line);border-radius:.25rem;grid-template-columns:1fr auto;align-items:center;gap:.1rem 1rem;padding:.65rem .8rem;font-weight:700;text-decoration:none;display:grid}.project-links a:hover,.project-links a:focus-visible{border-color:var(--red)}.project-links small{color:var(--muted);grid-column:1/-1;font-weight:400}@media (hover:hover) and (width>=800px){.project-links small{opacity:0;transition:opacity .18s}.project-links a:hover small,.project-links a:focus-visible small{opacity:1}}.arrow,.text-link{color:#ff6371}.text-link{text-underline-offset:.24em;font-weight:700}.studio-feature{isolation:isolate;background:radial-gradient(at 94% 84%,#47292d 0%,#23191d 31%,#10181e 68%);align-items:center;display:grid;position:relative;overflow:hidden}.studio-feature img{object-fit:cover;z-index:-2;width:55%;height:100%;position:absolute;inset:0 0 0 auto}.studio-feature.has-photo{background:#121719}.studio-feature.has-photo:before{content:"";z-index:-1;background:linear-gradient(90deg,#121719 28%,#121719b3 56%,#0000);position:absolute;inset:0}.studio-feature.has-photo .studio-copy{max-width:65%}.studio-copy p{max-width:30ch;color:var(--muted);margin-bottom:1rem}.interior{min-height:65vh;padding-block:clamp(2rem,7vw,5.5rem)}.interior h1{margin-bottom:1.1rem;font-size:clamp(3.6rem,8vw,7rem)}.prose{max-width:76ch}.prose h2{margin-block:1.7rem .65rem;font-size:2.2rem}.prose p,.prose ul{margin-bottom:.9rem}.prose ul{padding-left:1.4rem;list-style:outside}.prose .lede{color:var(--muted);margin-bottom:1.4rem;font-size:1.2rem}.prose .back{margin-bottom:1.25rem;display:inline-block}.project-list{max-width:64rem}.project-list a{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:1.2rem 0;text-decoration:none;display:flex}.project-list a:hover h2{color:#ff6371}.project-list h2{margin-bottom:.3rem;font-size:2.25rem}.project-list p{color:var(--muted)}.studio-photo{max-width:100%;height:auto;margin-bottom:1rem;display:block}.site-footer{border-top:1px solid var(--line);width:min(1440px,100% - clamp(2rem,6vw,6rem));color:var(--muted);font:.8rem var(--mono);margin:2rem auto 0;padding:1.1rem 0}@media (width<=800px){.site-header{grid-template-columns:1fr 1fr;row-gap:0;padding-top:.5rem}.site-header nav{flex-wrap:wrap;grid-area:2/1/3/3;gap:0 clamp(.65rem,3vw,1.5rem)}.site-header nav a{padding-block:.65rem .5rem;font-size:.9rem}.hero{background-position:59%}.hero-content{padding-top:5rem}.home-features{grid-template-columns:1fr}}@media (width<=620px){.hero{background-image:linear-gradient(90deg,#030a0fd9,#030a0f39),url(/images/submarine.webp);background-position:60%}.console{grid-template-columns:1fr}.instrument+.instrument{border-left:0;border-top:1px solid var(--line)}.sonar-control{justify-content:start;gap:1rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}