@font-face{font-family:Manrope;src:url('assets/manrope-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/manrope-bold.ttf') format('truetype');font-weight:700 900;font-display:swap}
@font-face{font-family:'Space Mono';src:url('assets/space-mono.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--ink:#08111c;--panel:#101f2d;--paper:#fffdf8;--cream:#f5f0e7;--cyan:#4bd7e8;--yellow:#ffd34e;--pink:#ff6b98;--violet:#8d75ff;--green:#8de6b0;--muted:#536170;--line:#cbd1d5;--mono:'Space Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;border:0}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.08;font-weight:800;letter-spacing:-.05em}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #147c89;outline-offset:5px}.hero-shell a:focus-visible,.hero-shell button:focus-visible,.editorial a:focus-visible{outline-color:var(--yellow)}::selection{background:var(--pink);color:var(--ink)}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.mono,.eyebrow{font-family:var(--mono);font-weight:400}.mono{font-size:11px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.08em}.muted{color:var(--muted)}.accent{color:#147c89}.live-dot{display:inline-block;width:7px;height:7px;background:#218555;border-radius:50%;margin-right:8px;vertical-align:middle}.skip-link{position:fixed;left:20px;top:-100px;background:var(--yellow);color:var(--ink);padding:12px 20px;z-index:20}.skip-link:focus{top:15px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
.hero-shell{background:radial-gradient(ellipse at 90% 50%,#132d3a90,transparent 55%),var(--ink);color:var(--paper)}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:98px;border-bottom:1px solid #ffffff26}.wordmark{display:inline-flex;align-items:center;font-size:23px;font-weight:800;letter-spacing:-1px;line-height:1.2}.wordmark .domain{color:#aebbc5}.wordmark small{display:block;font:8px/1.5 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:#aebbc5;margin-top:6px}.mark{width:42px;height:42px;background:var(--yellow);color:var(--ink);font-weight:900;font-size:27px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;margin-right:15px;box-shadow:4px 4px 0 var(--pink);transform:rotate(-5deg);letter-spacing:-2px}.site-header nav{display:flex;align-items:center;gap:28px;font-weight:700;font-size:11px}.site-header nav a:hover{color:var(--cyan)}.site-header .nav-contact{background:var(--yellow);color:var(--ink);padding:11px 17px;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--pink);border-radius:3px}.site-header .nav-contact:hover{background:var(--cyan);color:var(--ink)}
.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:35px;align-items:center;padding:75px 0 88px;min-height:720px}.hero .eyebrow{color:var(--yellow);font-size:10px}.hero h1{font-family:'Arial Black',Manrope,Arial,sans-serif;font-size:clamp(68px,7.2vw,108px);font-weight:900;letter-spacing:-.065em;line-height:1;margin:29px 0 30px;white-space:nowrap}.hero h1>span{color:var(--cyan)}.hero-sticker{display:inline-block;padding:9px 15px;background:var(--yellow);color:var(--ink);box-shadow:5px 5px 0 var(--pink);font-size:16px;font-weight:800;transform:rotate(-2deg);margin-bottom:28px}.hero-intro{font-size:15px;line-height:1.9;color:#c1cbd2}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:29px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:15px 21px;border:2px solid var(--ink);font-weight:800;font-size:12px;box-shadow:5px 5px 0 var(--ink);border-radius:3px;transition:transform .18s,box-shadow .18s}.button span{font-size:22px;line-height:1}.button-primary{background:var(--yellow);color:var(--ink);box-shadow:5px 5px 0 var(--pink)}.button-dark{background:var(--ink);color:var(--paper);box-shadow:5px 5px 0 var(--pink)}.button:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--pink)}.surprise{background:transparent;color:var(--paper);font-size:11px;padding:9px 0;border-bottom:1px solid #aebbc5}.surprise span{font-size:18px;vertical-align:middle;margin-right:4px}.surprise:hover{color:var(--cyan);border-color:var(--cyan)}.hero-meta{display:flex;gap:23px;font-size:8px;color:#aebbc5;margin-top:34px}.hero-meta .live-dot{background:var(--green);width:6px;height:6px}
.hero-scene{height:535px;position:relative;isolation:isolate}.scene-grid{position:absolute;inset:15px -12px 0;background-image:linear-gradient(#4bd7e817 1px,transparent 1px),linear-gradient(90deg,#4bd7e817 1px,transparent 1px);background-size:29px 29px;mask-image:radial-gradient(ellipse,black 25%,transparent 73%);z-index:-1}.scene-note{position:absolute;top:19px;left:38px;color:var(--cyan);font-size:10px;letter-spacing:.1em;transform:rotate(-3deg)}.scene-plus{color:var(--pink);position:absolute;right:25px;top:-20px;font-size:84px;font-weight:400}.floating-window{position:absolute;border:3px solid var(--ink);border-radius:7px;overflow:hidden;background:white;box-shadow:9px 9px 0 var(--cyan);transition:transform .25s}.window-bar{height:26px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 12px;font-family:var(--mono);font-size:8px;line-height:1;background:var(--paper);color:var(--ink);border-bottom:2px solid var(--ink)}.window-dots{font-size:7px;color:#147c89;letter-spacing:2px}.floating-window img{width:100%;height:auto;aspect-ratio:1.65;object-fit:cover;object-position:top}.window-one{width:89%;top:73px;left:0;transform:rotate(-5deg)}.window-two{width:82%;top:259px;right:-3px;transform:rotate(6deg);box-shadow:9px 9px 0 var(--pink)}.floating-window:hover{transform:rotate(0) translateY(-5px);z-index:4}.scene-sticker{position:absolute;left:-12px;top:330px;z-index:5;background:var(--yellow);color:var(--ink);font-size:14px;line-height:1.2;padding:16px 45px 16px 18px;transform:rotate(-10deg);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);pointer-events:none}.scene-sticker b{font-size:20px;letter-spacing:-.05em}.scene-sticker>span{position:absolute;right:10px;top:22px;font-size:32px}.ticker{background:var(--yellow);border-block:3px solid var(--ink);overflow:hidden;color:var(--ink);padding:15px 0;white-space:nowrap}.ticker>div{display:flex;gap:30px;align-items:center;width:max-content;font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.06em}.ticker span{color:#ab2454;font-size:20px;line-height:1}
.section{padding-block:90px}.section-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.section-top .eyebrow{color:#147c89}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:40px}.section-heading h2{font-size:62px;line-height:1.04}.highlight{display:inline-block;background:var(--yellow);box-shadow:5px 5px 0 var(--ink);padding:0 13px 6px;margin-top:8px;transform:rotate(-1deg)}.section-heading>p{font-size:13px;color:var(--muted);padding-bottom:5px;line-height:1.9}.filter-bar{border-top:2px solid var(--ink);padding:22px 0 29px;display:flex;justify-content:space-between;align-items:center;gap:15px}.filters{display:flex;gap:7px;flex-wrap:wrap}.filters button{padding:8px 14px;background:transparent;border:1px solid #adb7bd;font-size:10px;border-radius:2px}.filters button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink);box-shadow:3px 3px 0 var(--pink)}.filters button:hover:not([aria-pressed=true]){background:var(--cyan);border-color:var(--ink)}.filters span{font-family:var(--mono);font-size:9px;margin-left:6px}.project-count{font-size:9px;color:var(--muted);white-space:nowrap}.project-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:29px 25px;align-items:start}.project-card{grid-column:span 2;min-width:0;border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);border-radius:4px;overflow:hidden;background:var(--paper);scroll-margin-top:28px}.project-card.featured{grid-column:span 3}.project-card:focus{outline:3px solid #147c89;outline-offset:8px}.project-visual{display:block;position:relative;aspect-ratio:1.3;overflow:hidden;border-bottom:2px solid var(--ink);isolation:isolate}.featured .project-visual{aspect-ratio:1.65}.visual-cyan{background:var(--cyan)}.visual-yellow{background:var(--yellow)}.visual-pink{background:var(--pink)}.visual-violet{background:#b7a6ff}.visual-green{background:var(--green)}.project-badge{position:absolute;left:16px;top:15px;z-index:2;font-family:var(--mono);font-size:8px;border:1px solid var(--ink);padding:4px 7px;background:var(--paper);box-shadow:2px 2px 0 var(--ink);transform:rotate(-2deg)}.project-browser{position:absolute;top:67px;left:8%;width:85%;border:2px solid var(--ink);box-shadow:6px 6px 0 #08111c80;border-radius:3px;overflow:hidden;background:#fff;transform:rotate(-3deg);transition:transform .3s}.project-card:nth-child(even) .project-browser{transform:rotate(3deg)}.project-browser img{width:100%;height:auto}.project-visual:hover .project-browser{transform:rotate(0) translateY(-6px)}.project-browser .window-bar{height:20px;font-size:6px;padding-inline:8px;border-bottom-width:1px}.project-browser .window-dots{font-size:5px}.visual-index{position:absolute;right:12px;bottom:3px;z-index:-1;font-size:60px;font-weight:800;line-height:1;color:#08111c50}.project-content{padding:20px}.project-type{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.project-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:7px 0 12px}.project-heading h3{font-size:29px;letter-spacing:-.05em}.featured .project-heading h3{font-size:35px}.circle-link{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border:1.5px solid var(--ink);font-size:23px;background:var(--paper);box-shadow:2px 2px 0 var(--ink);transition:background .15s}.circle-link:hover{background:var(--yellow)}.project-tagline{font-size:12px;font-weight:800;min-height:21px}.project-description{font-size:12px;line-height:1.85;color:var(--muted);margin-top:10px;min-height:89px}.featured .project-description{min-height:45px;font-size:13px}.project-access{margin:19px 0 16px;font-size:8px;line-height:1.6;min-height:14px}.project-access .live-dot{width:6px;height:6px;margin-right:5px}.project-story{border-top:1px solid var(--line);font-size:12px}.project-story summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none;font-size:10px;padding:10px 0}.project-story summary::-webkit-details-marker{display:none}.project-story summary>span{font-size:20px}.project-story[open] summary>span{transform:rotate(45deg)}.project-story p{margin-bottom:13px;color:var(--muted)}.project-story .story-takeaway{color:var(--ink);font-weight:700}.project-cta{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:800;padding-top:12px;margin-top:2px}.project-cta>span{font-size:20px}.project-cta:hover{color:#147c89}.project-card.is-picked .project-visual{animation:pick 1s ease-out}@keyframes pick{0%,50%{box-shadow:inset 0 0 0 7px var(--pink)}100%{box-shadow:inset 0 0 0 0 transparent}}.project-grid.is-filtered .project-card{grid-column:span 3}
.editorial{background:var(--ink);color:var(--paper);border-top:3px solid var(--ink)}.editorial .section-top{color:#aebbc5;margin-bottom:47px}.editorial .section-top .eyebrow{color:var(--cyan)}.editorial-feature{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:65px}.editorial-label{display:inline-block;background:var(--pink);color:var(--ink);padding:5px 10px;font-family:var(--mono);font-size:11px;font-weight:700;box-shadow:4px 4px 0 var(--cyan);transform:rotate(-2deg)}.editorial h2{font-size:57px;margin:23px 0;line-height:1.08}.editorial h2 span{color:var(--cyan)}.editorial-copy>p{font-size:14px;line-height:1.9;color:#c4cdd4;max-width:490px;margin-bottom:17px}.editorial-copy .button{margin-top:8px}.editorial-copy .editorial-note{font-size:8px;margin-top:20px;margin-bottom:0;color:#aebbc5}.editorial-screen{display:block;transform:rotate(3deg);border:3px solid var(--ink);border-radius:5px;box-shadow:10px 10px 0 var(--cyan);overflow:hidden;transition:transform .25s}.editorial-screen:hover{transform:rotate(0)}.editorial-screen img{width:100%;height:auto}.editorial-screen-label{display:block;background:var(--yellow);color:var(--ink);font-family:var(--mono);font-size:10px;padding:12px;text-align:center;border-top:2px solid var(--ink)}.article-links{display:grid;grid-template-columns:repeat(3,1fr);gap:23px;margin-top:54px}.article-links>a{border:1px solid #405262;padding:23px 24px 27px;position:relative;background:var(--panel);transition:border-color .2s}.article-links>a:hover{border-color:var(--cyan)}.article-links .eyebrow{font-size:8px;color:var(--cyan)}.article-links h3{font-size:19px;line-height:1.4;letter-spacing:-.02em;margin-top:13px;padding-right:10px;max-width:310px}.article-arrow{display:block;text-align:right;font-size:23px;color:var(--yellow);margin-top:15px}
.about{display:grid;grid-template-columns:.95fr 1.05fr;gap:80px;align-items:center;padding-bottom:75px}.portrait-block{min-height:530px;align-self:stretch;position:relative;border:3px solid var(--ink);box-shadow:9px 9px 0 var(--cyan);border-radius:5px}.portrait-block>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:72% center;filter:saturate(.75)}.portrait-label{position:absolute;bottom:22px;left:22px;line-height:1.8;font-size:10px;color:var(--paper);padding:6px 9px;background:#08111cda}.portrait-sticker{position:absolute;left:-17px;top:34px;transform:rotate(-8deg);background:var(--yellow);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--pink);padding:13px 18px;font-size:12px;line-height:1.5}.portrait-sticker strong{font-size:16px}.about-copy>.eyebrow{color:#147c89}.about h2{font-size:64px;margin:25px 0}.about-lead{font-size:18px!important;font-weight:800;color:var(--ink)!important;line-height:1.7!important}.about-copy>p:not(.eyebrow){font-size:13px;line-height:1.9;color:var(--muted);margin-bottom:19px}.about-tags{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.about-tags>span{font-family:var(--mono);font-size:8px;border:1px solid var(--ink);padding:6px 9px;background:var(--cream);box-shadow:2px 2px 0 var(--ink)}.text-link{display:inline-flex;align-items:center;gap:25px;font-weight:800;font-size:12px;border-bottom:2px solid var(--ink);padding-bottom:5px}.text-link span{font-size:21px}.text-link:hover{color:#147c89}.network{padding-bottom:94px}.network-heading{border-top:2px solid var(--ink);padding-top:25px}.network-heading .eyebrow{font-size:9px;color:var(--muted)}.network h2{font-size:32px;margin:12px 0 26px}.network-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.network-grid>a{border:2px solid var(--ink);padding:23px;box-shadow:4px 4px 0 var(--ink);background:var(--yellow)}.network-grid>a:nth-child(2){background:var(--pink)}.network-grid>a:nth-child(3){background:var(--cyan)}.network-grid>a:hover{transform:translateY(-3px)}.network-number{font-family:var(--mono);font-size:8px}.network h3{font-size:20px;letter-spacing:-.03em;display:flex;justify-content:space-between;gap:12px;margin:15px 0 12px}.network h3 span{font-size:22px}.network-grid p{font-size:11px;line-height:1.8}
.contact{padding-block:77px;background:var(--yellow);color:var(--ink);border-block:3px solid var(--ink);background-image:linear-gradient(#08111c0c 1px,transparent 1px),linear-gradient(90deg,#08111c0c 1px,transparent 1px);background-size:28px 28px}.contact-inner{display:grid;grid-template-columns:1.3fr 1fr;gap:65px;align-items:center}.contact h2{font-size:87px;line-height:1.02;margin:27px 0}.contact h2>span{display:inline-block;background:var(--ink);color:var(--paper);padding:0 18px 7px;transform:rotate(-2deg);box-shadow:6px 6px 0 var(--pink);margin-top:9px}.contact p:not(.eyebrow){font-size:14px;line-height:1.9}.contact .button{margin-top:27px;gap:50px}.contact-note{display:block;font-size:8px;margin-top:18px}.contact-aside{justify-self:center;max-width:340px}.contact-aside>span{display:block;font-size:175px;line-height:1;font-weight:800;color:var(--ink);transform:rotate(9deg);text-shadow:7px 7px 0 var(--pink)}.contact-aside p{font-size:19px!important;transform:rotate(-4deg);margin-top:26px;line-height:1.7!important}.site-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:27px;padding-top:43px;padding-bottom:26px}.site-footer .wordmark{font-size:21px}.site-footer .wordmark .domain{color:var(--muted)}.site-footer .mark{width:34px;height:34px;font-size:24px}.site-footer p{font-size:10px;color:var(--muted);margin-top:13px}.site-footer nav{display:flex;gap:23px;flex-wrap:wrap;font-size:10px}.site-footer nav a:hover{text-decoration:underline;text-underline-offset:4px}.copyright{width:100%;border-top:1px solid var(--line);padding-top:20px;font-size:8px;color:var(--muted)}
.legal-main{max-width:760px;padding-block:65px 100px}.legal-main h1{font-size:60px;margin:25px 0 45px}.legal-main h2{font-size:27px;margin:30px 0 13px}.legal-main p{font-size:15px;color:var(--muted);margin-bottom:18px}.legal-main a{text-decoration:underline;text-underline-offset:3px}body>.site-header{border-color:var(--line)}body>.site-header .domain{color:var(--muted)}
@media(min-width:1550px){.hero{min-height:770px}.hero h1{font-size:115px}}
@media(max-width:1150px){.wrap{width:calc(100% - 70px)}.site-header nav{gap:18px;font-size:10px}.hero{gap:25px;padding-block:60px 75px;min-height:670px}.hero h1{font-size:7.65vw}.hero .eyebrow{font-size:8px}.hero-sticker{font-size:14px}.hero-intro{font-size:13px}.hero-actions{gap:20px}.hero-actions .button{font-size:10px;padding:14px 17px;gap:18px}.surprise{font-size:10px}.hero-scene{height:470px}.scene-plus{font-size:64px;right:10px;top:-5px}.scene-note{left:15px;font-size:9px}.window-one{top:75px}.window-two{top:228px}.scene-sticker{top:286px;font-size:12px;left:-7px;padding:13px 38px 13px 13px}.scene-sticker b{font-size:17px}.scene-sticker>span{top:16px}.hero-meta{font-size:7px;gap:15px}.section-heading h2{font-size:55px}.project-grid{gap:22px 20px}.project-content{padding:17px}.project-heading h3{font-size:24px}.featured .project-heading h3{font-size:31px}.project-description{min-height:112px;font-size:11px}.project-tagline{font-size:11px;min-height:38px}.featured .project-tagline{min-height:0;font-size:12px}.project-access{font-size:7px;min-height:23px}.project-badge{font-size:6.5px;left:12px;top:13px}.project-browser{top:58px}.project-cta{font-size:10px}.editorial-feature{gap:45px}.editorial h2{font-size:49px}.editorial-copy>p{font-size:13px}.about{gap:55px}.about h2{font-size:58px}.about-lead{font-size:16px!important}.network h3{font-size:17px}.network-grid>a{padding:20px}.contact h2{font-size:78px}}
@media(max-width:850px){.wrap{width:calc(100% - 56px)}.site-header{min-height:88px}.wordmark{font-size:20px}.wordmark small{font-size:6px}.mark{width:36px;height:36px;font-size:25px;margin-right:12px}.site-header nav>a:nth-child(3){display:none}.site-header nav{gap:19px}.hero{grid-template-columns:1fr;gap:25px;padding-block:52px 50px}.hero h1{font-size:100px}.hero .eyebrow{font-size:10px}.hero-copy{max-width:650px}.hero-sticker{font-size:17px}.hero-intro{font-size:16px}.hero-actions .button{font-size:12px;padding:16px 22px}.surprise{font-size:12px}.hero-meta{font-size:9px;gap:22px}.hero-scene{width:min(580px,100%);height:535px;margin:0 auto}.scene-note{top:15px;left:65px}.scene-plus{top:-13px;right:55px;font-size:75px}.window-one{top:65px;width:86%;left:0}.window-two{top:250px;width:79%;right:5px}.scene-sticker{top:300px;left:0;font-size:14px}.scene-sticker b{font-size:20px}.section{padding-block:75px}.section-heading{align-items:flex-start;gap:25px}.section-heading h2{font-size:51px}.section-heading>p{font-size:11px;max-width:215px;padding-top:5px}.section-heading>p br{display:none}.section-top .eyebrow{font-size:9px}.section-top .mono{font-size:9px}.filters{gap:5px}.filters button{font-size:9px;padding:8px 11px}.project-count{display:none}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 21px}.project-card,.project-card.featured,.project-grid.is-filtered .project-card{grid-column:span 1}.project-visual,.featured .project-visual{aspect-ratio:1.3}.project-badge{font-size:7px}.project-browser{top:62px}.project-content{padding:19px}.project-heading h3,.featured .project-heading h3{font-size:26px}.project-tagline,.featured .project-tagline{min-height:37px;font-size:12px}.project-description,.featured .project-description{font-size:12px;min-height:111px}.project-access{font-size:8px;min-height:24px}.project-cta{font-size:10px}.editorial-feature{gap:30px;grid-template-columns:1fr 1fr}.editorial h2{font-size:41px}.editorial-copy>p{font-size:12px}.editorial .button{font-size:10px;padding:13px 14px;gap:15px}.editorial-screen-label{font-size:7px}.article-links{gap:15px}.article-links>a{padding:20px 17px}.article-links h3{font-size:16px}.article-links .eyebrow{font-size:7px}.about{grid-template-columns:.85fr 1fr;gap:39px}.about h2{font-size:50px}.about-copy>.eyebrow{font-size:8px}.portrait-block{min-height:530px}.portrait-sticker{left:-12px;padding:11px 13px;font-size:11px}.portrait-sticker strong{font-size:14px}.network-grid{gap:15px}.network-grid>a{padding:17px}.network h3{font-size:16px;line-height:1.3}.network-number{font-size:7px}.network-grid p{font-size:10px}.contact-inner{gap:30px;grid-template-columns:1.35fr 1fr}.contact h2{font-size:65px}.contact-aside>span{font-size:140px}.contact-aside p{font-size:16px!important}.site-footer{align-items:flex-start}.site-footer nav{gap:17px}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.site-header{min-height:80px;gap:12px}.site-header nav>a:not(.nav-contact){display:none}.site-header .nav-contact{font-size:9px;padding:9px 10px;white-space:nowrap;box-shadow:3px 3px 0 var(--pink)}.wordmark{font-size:19px}.wordmark small{font-size:5px;letter-spacing:.025em;max-width:142px}.mark{width:31px;height:33px;font-size:24px;margin-right:10px}.hero{padding-block:38px 28px;gap:18px}.hero .eyebrow{font-size:7px;letter-spacing:.035em}.hero h1{font-size:clamp(54px,14.7vw,85px);margin:26px 0}.hero-sticker{font-size:12px;padding:8px 10px;margin-bottom:27px;box-shadow:4px 4px 0 var(--pink)}.hero-intro{font-size:12px;line-height:1.95}.hero-actions{gap:20px;margin-top:25px}.hero-actions .button{font-size:10px;padding:13px 14px;gap:18px}.surprise{font-size:10px}.surprise span{font-size:15px}.hero-meta{flex-wrap:wrap;gap:8px 18px;font-size:7px;margin-top:30px}.hero-scene{height:355px;margin-top:10px}.scene-note{font-size:7px;left:25px;top:8px}.scene-plus{font-size:49px;right:22px;top:-9px}.window-one{top:43px;width:87%;left:1%}.window-two{top:174px;width:79%;right:3px}.floating-window{border-width:2px;box-shadow:5px 5px 0 var(--cyan);border-radius:4px}.window-two{box-shadow:5px 5px 0 var(--pink)}.window-bar{height:19px;font-size:6px;padding-inline:8px;border-bottom-width:1px}.window-dots{font-size:5px;letter-spacing:1px}.scene-sticker{top:219px;left:0;font-size:10px;padding:10px 32px 10px 10px;box-shadow:3px 3px 0 var(--ink)}.scene-sticker b{font-size:14px}.scene-sticker>span{font-size:24px;right:7px;top:12px}.ticker{padding:12px 0;border-block-width:2px}.ticker>div{font-size:10px;gap:22px}.ticker span{font-size:17px}.section{padding-block:57px}.section-top{margin-bottom:22px;gap:10px}.section-top .eyebrow{font-size:7px;letter-spacing:.04em}.section-top .mono{font-size:7px}.section-heading{flex-direction:column;gap:22px;margin-bottom:27px}.section-heading h2{font-size:44px}.section-heading>p{font-size:12px;max-width:300px}.highlight{padding:0 9px 5px;margin-top:9px;box-shadow:4px 4px 0 var(--ink)}.filter-bar{padding-top:19px;padding-bottom:25px}.filters{gap:8px 7px}.filters button{font-size:9px;padding:7px 10px}.project-grid{grid-template-columns:1fr;gap:28px}.project-visual,.featured .project-visual{aspect-ratio:1.35}.project-badge{font-size:7px;left:15px;top:14px}.project-browser{top:59px}.project-content{padding:19px}.project-heading h3,.featured .project-heading h3{font-size:29px}.project-heading{margin-top:9px}.project-type{font-size:8px}.project-tagline,.featured .project-tagline{min-height:0;font-size:12px}.project-description,.featured .project-description{min-height:0;font-size:12px}.project-access{font-size:8px;min-height:0;margin:18px 0 14px}.project-story summary{font-size:10px}.project-cta{font-size:11px}.project-card{box-shadow:4px 4px 0 var(--ink)}.editorial .section-top{margin-bottom:32px}.editorial-feature{grid-template-columns:1fr;gap:42px}.editorial-label{font-size:10px}.editorial h2{font-size:46px;margin-block:25px}.editorial-copy>p{font-size:13px}.editorial .button{font-size:11px;padding:14px 17px;gap:24px}.editorial-copy .editorial-note{font-size:8px}.editorial-screen{width:calc(100% - 13px);margin-left:2px;box-shadow:7px 7px 0 var(--cyan)}.editorial-screen-label{font-size:8px;padding:10px}.article-links{grid-template-columns:1fr;gap:14px;margin-top:43px}.article-links>a{padding:20px;display:grid;grid-template-columns:1fr 25px;column-gap:10px}.article-links .eyebrow{grid-column:1/3;font-size:8px}.article-links h3{font-size:19px;margin-top:12px;grid-column:1}.article-arrow{grid-column:2;margin:12px 0 0;align-self:end}.about{grid-template-columns:1fr;gap:44px;padding-bottom:50px}.portrait-block{width:calc(100% - 9px);min-height:410px;box-shadow:7px 7px 0 var(--cyan)}.portrait-sticker{left:-9px;top:29px}.portrait-label{left:15px;bottom:16px;font-size:9px}.about h2{font-size:56px;margin-block:23px}.about-copy>.eyebrow{font-size:8px}.about-lead{font-size:16px!important}.about-copy>p:not(.eyebrow){font-size:13px}.network{padding-bottom:59px}.network h2{font-size:28px;line-height:1.2;max-width:300px}.network-heading .eyebrow{font-size:8px}.network-grid{grid-template-columns:1fr;gap:17px}.network-grid>a{padding:21px}.network-number{font-size:8px}.network h3{font-size:22px;margin-block:13px 10px}.network-grid p{font-size:12px}.contact{padding-block:55px}.contact-inner{grid-template-columns:1fr;gap:0}.contact .eyebrow{font-size:8px}.contact h2{font-size:clamp(57px,15.5vw,75px);margin-block:25px;line-height:1.04}.contact h2>span{padding:0 12px 5px;margin-top:8px}.contact p:not(.eyebrow){font-size:12px}.contact .button{font-size:11px;gap:35px}.contact-aside{display:none}.contact-note{font-size:8px}.site-footer{padding-top:31px;gap:24px}.site-footer nav{font-size:10px;gap:21px}.site-footer p{font-size:9px}.copyright{font-size:7px;line-height:1.9}.legal-main{padding-top:40px}.legal-main h1{font-size:43px}body>.site-header .text-link{font-size:10px;max-width:120px}}
@media(max-width:360px){.wordmark small{display:none}.site-header .nav-contact{font-size:8px}.hero-actions{gap:14px}.hero-actions .button{padding-inline:11px;gap:10px;font-size:9px}.surprise{font-size:9px}.hero-scene{height:310px}.window-two{top:154px}.scene-sticker{top:194px}.hero-intro{font-size:11px}.hero-meta{font-size:6px}.project-badge{font-size:6px}.section-heading h2{font-size:40px}.editorial h2{font-size:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* Tech edition: the portfolio is a small, explorable lab. */
body{background:#0b1521;color:#eaf1f5}.hero-shell{background:radial-gradient(ellipse at 90% 40%,#12374665,transparent 58%),#08111c}.hero{position:relative;padding-top:61px;padding-bottom:66px}.hero-copy>.eyebrow{color:#7ccbd7;letter-spacing:.035em}.hero-sticker{font-family:var(--mono);font-size:12px;transform:none;background:#112b35;color:var(--cyan);box-shadow:none;border-left:3px solid var(--cyan);padding:9px 13px}.hero-sticker>span{color:var(--yellow);margin-right:8px}.hero h1>span::after{content:'_';color:var(--yellow);font-size:.75em;display:inline-block;transform:translateY(-.02em)}.mark{border-radius:3px;transform:none;box-shadow:3px 3px 0 var(--cyan)}.hero-meta{margin-top:19px;color:#aebbc5}.hero-intro{font-size:14px}.console-launch{display:flex;align-items:center;gap:13px;width:min(435px,100%);margin-top:26px;border:1px solid #355565;border-radius:4px;background:#0b1925;color:#eaf1f5;text-align:left;padding:12px 15px;font-family:var(--mono);box-shadow:inset 0 1px 0 #ffffff07}.console-launch:hover{border-color:var(--cyan);background:#102432}.console-prompt{font-size:22px;color:var(--green)}.console-launch b{font-size:12px;font-weight:400;color:var(--cyan)}.console-launch small{display:block;font-size:8px;margin-top:4px;color:#aebbc5}.console-launch kbd{margin-left:auto;border:1px solid #476171;padding:1px 8px;font-family:var(--mono);font-size:13px;color:#b4c6d2}.scene-grid{background-image:linear-gradient(#4bd7e828 1px,transparent 1px),linear-gradient(90deg,#4bd7e828 1px,transparent 1px);background-size:23px 23px;mask-image:radial-gradient(ellipse,black 34%,transparent 76%)}.scene-note{color:#b0c3d0;font-size:9px}.scene-plus{font-family:var(--mono);color:var(--cyan);opacity:.7}.floating-window{border-color:#263f4c;box-shadow:5px 5px 0 #1a6673;border-radius:5px}.window-one{transform:rotate(-4deg)}.window-two{transform:rotate(4deg);box-shadow:5px 5px 0 #73415e}.window-bar{background:#102230;color:#b6ccd7;border-color:#284553;font-size:8px}.window-dots{color:var(--cyan)}.scene-sticker{background:#08111c;color:var(--cyan);border:1px solid var(--cyan);box-shadow:4px 4px 0 #153f4a;font-family:var(--mono);font-size:11px;transform:rotate(-7deg)}.scene-sticker b{font-size:16px;letter-spacing:-.04em}.scene-sticker>span{color:var(--yellow)}.ticker{background:#10242c;color:var(--cyan);border-block:1px solid #31515c;padding-block:12px}.ticker>div{font-size:10px;letter-spacing:.12em}.ticker span{color:var(--yellow);font-size:15px}.projects{position:relative}.section-top .eyebrow,.about-copy>.eyebrow{color:var(--cyan)}.section-top .muted,.muted{color:#aebbc5}.section-heading>p{color:#b3c2cc}.section-heading h2{font-size:58px}.highlight{background:transparent;padding:0 0 6px;color:var(--cyan);border-bottom:3px solid var(--cyan);transform:none;box-shadow:none}.filter-bar{border-color:#345060}.filters button{color:#c9d7df;border-color:#3e5668;background:#10212f;font-family:var(--mono);font-size:9px;border-radius:3px}.filters button[aria-pressed=true]{background:var(--cyan);color:var(--ink);border-color:var(--cyan);box-shadow:2px 2px 0 #296574}.filters button:hover:not([aria-pressed=true]){color:var(--ink)}.project-count{color:#b2c3ce}.project-card{background:#0f1f2e;border:1px solid #3a5263;box-shadow:4px 4px 0 #030a12;border-radius:5px}.project-visual{border-color:#395363}.project-badge{background:#091b29;color:#ddf1f6;border-color:#49606c;box-shadow:2px 2px 0 #08111c;transform:none}.project-browser{border-color:#213c4b;box-shadow:5px 5px 0 #08111c90}.visual-cyan{background:#1d5a66}.visual-yellow{background:#6c6027}.visual-pink{background:#67384f}.visual-violet{background:#463a6e}.visual-green{background:#295445}.visual-index{font-family:var(--mono);color:#ffffff28;font-weight:400;font-size:52px}.project-type{color:#9ab6c6;font-size:8px}.project-type>span{color:var(--cyan)}.project-heading h3{color:var(--paper)}.circle-link{color:var(--cyan);background:#142f3d;border-color:#527485;box-shadow:none;border-radius:3px}.circle-link:hover{color:var(--ink);background:var(--cyan)}.project-tagline{color:#e8f0f4}.project-description,.project-story p{color:#b3c4cf}.project-access{color:#b6cfcc}.project-access .live-dot{background:var(--green)}.project-story,.project-cta{border-color:#344b5a}.project-story .story-takeaway{color:#e2ecf1}.project-story summary{color:#baceD8;font-family:var(--mono);font-size:9px}.project-story summary>span{color:var(--cyan)}.project-cta{color:var(--cyan)}.project-cta:hover{color:var(--yellow)}.project-cta>span{color:var(--yellow)}.editorial{border-block:1px solid #2c4656;background:#08111c}.editorial-label{font-family:var(--mono);box-shadow:none;transform:none;background:#2c1c36;color:#ff9cbb;border:1px solid #754459}.editorial-screen{box-shadow:6px 6px 0 #1b5863;border:1px solid #446573;transform:rotate(2deg)}.editorial-screen-label{background:#112e39;color:var(--cyan);border-color:#35515d}.article-links>a{border-radius:4px}.about .accent,.network .accent{color:var(--cyan)}.about-lead{color:#ecf2f5!important}.about-copy>p:not(.eyebrow){color:#b3c4cf}.about-tags>span{color:#b6dbe4;border-color:#3c6573;background:#102b37;box-shadow:none;border-radius:3px}.about .text-link{border-color:var(--cyan);color:var(--cyan)}.portrait-block{border-color:#405868;box-shadow:6px 6px 0 #164c59}.portrait-sticker{background:#102531;color:var(--cyan);border:1px solid #4c7787;box-shadow:3px 3px 0 #071019;transform:rotate(-4deg);font-family:var(--mono);font-size:10px}.portrait-sticker strong{font-size:13px}.network-heading{border-color:#345363}.network-heading .eyebrow{color:#9eb6c5}.network-grid>a,.network-grid>a:nth-child(2),.network-grid>a:nth-child(3){background:#102330;color:#e3edf2;border:1px solid #3c5a6e;box-shadow:4px 4px 0 #030a12;border-top:3px solid var(--yellow);border-radius:3px}.network-grid>a:nth-child(2){border-top-color:var(--pink)}.network-grid>a:nth-child(3){border-top-color:var(--cyan)}.network-number{color:#b0c6d3}.network-grid p{color:#b9cad4}.network h3>span{color:var(--cyan)}.contact{border-block:1px solid #3a5c6a;background-color:#102a36;background-image:linear-gradient(#4bd7e815 1px,transparent 1px),linear-gradient(90deg,#4bd7e815 1px,transparent 1px);color:#f1f6f8}.contact .eyebrow{color:var(--cyan)}.contact h2>span{color:var(--cyan);background:none;transform:none;box-shadow:none;padding:0}.contact .button-dark{background:var(--yellow);color:var(--ink);border-color:var(--ink);box-shadow:4px 4px 0 var(--cyan)}.contact-aside>span{color:var(--cyan);text-shadow:5px 5px 0 #235366}.contact p:not(.eyebrow){color:#c4d5de}.contact-note{color:#b9cbd6}.site-footer .wordmark .domain{color:#aebbc5}.site-footer p,.copyright{color:#aebbc5}.copyright{border-color:#324a5a}.site-footer nav{color:#c3d3dd}.legal-main p{color:#b7cbd7}.legal-main .accent{color:var(--cyan)}body>.site-header{border-color:#345363}body>.site-header .domain{color:#aebbc5}.legal-main a{color:var(--cyan)}
.project-console{padding:0;max-width:640px;width:calc(100% - 36px);max-height:min(720px,85dvh);background:#0c1a28;color:#eaf2f7;border:1px solid #568091;border-radius:7px;box-shadow:0 30px 120px #000b;overflow:auto}.project-console::backdrop{background:#020912d9;backdrop-filter:blur(5px)}.console-top{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #35505f;gap:10px}.console-top h2{font-family:var(--mono);font-size:13px;font-weight:400;letter-spacing:0}.console-top h2>span{color:var(--cyan);margin-right:8px}.console-top>button{font-family:var(--mono);font-size:10px;background:#182e3e;color:#bed3df;padding:5px 9px;border:1px solid #496273;border-radius:3px}.console-top>button span{font-size:15px;margin-left:7px}.console-input-row{display:flex;gap:13px;padding:20px 22px 13px;align-items:center}.console-input-row>span{font-family:var(--mono);color:var(--cyan);font-size:19px}.console-input-row input{width:100%;min-width:0;background:none;border:0;border-bottom:1px solid #527586;border-radius:0;padding:9px 0;color:white;font:14px/1.5 var(--mono);outline-offset:5px}.console-input-row input::placeholder{color:#9bb5c5;font-size:12px}.console-result-count{font-size:9px;color:#a9c0cd;padding:4px 22px 12px}.console-results{padding:0 12px 12px;display:grid;gap:3px}.console-results button{display:grid;grid-template-columns:1fr 30px;gap:4px 12px;text-align:left;background:transparent;color:#eaf2f7;border:1px solid transparent;border-radius:3px;padding:11px 14px}.console-results button strong{font-size:14px;letter-spacing:-.03em}.console-results button>span{font-size:10px;color:#acc4d1;grid-column:1}.console-results button i{grid-row:1/3;grid-column:2;align-self:center;font-style:normal;color:var(--cyan);font-size:23px}.console-results button:hover,.console-results button:focus-visible{background:#173647;border-color:#4e9bad;outline:none}.console-help{border-top:1px solid #35505f;padding:12px 20px;font-size:8px;color:#b7cedb}.console-top button:focus-visible,.console-input-row input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
@media(max-width:1150px){.hero h1{font-size:7.25vw}.console-launch{max-width:390px}.hero-intro{font-size:13px}.section-heading h2{font-size:53px}}
@media(max-width:850px){.hero h1{font-size:96px}.hero{padding-block:50px}.hero-intro{font-size:15px}.hero-scene{margin-top:15px}.console-launch{max-width:470px}.section-heading h2{font-size:49px}}
@media(max-width:600px){.hero{padding-block:37px 24px}.hero h1{font-size:clamp(52px,14vw,83px)}.hero h1>span::after{font-size:.6em}.hero-sticker{font-size:9px;padding:8px 10px;margin-bottom:23px}.hero-intro{font-size:12px}.hero-copy>.eyebrow{font-size:7px}.console-launch{margin-top:25px;padding:11px 12px;gap:9px}.console-launch b{font-size:11px}.console-launch small{font-size:7px}.console-launch kbd{font-size:11px}.hero-meta{margin-top:18px;font-size:6px}.scene-note{font-size:7px}.scene-sticker{font-size:9px}.scene-sticker b{font-size:12px}.section-heading h2{font-size:42px}.filters button{font-size:8px}.project-console{max-height:88dvh}.console-top{padding:14px 16px}.console-top h2{font-size:12px}.console-input-row{padding:16px}.console-input-row input{font-size:12px}.console-input-row input::placeholder{font-size:10px}.console-help{font-size:7px}.portrait-sticker{font-size:9px}.portrait-sticker strong{font-size:12px}.network-grid p{font-size:11px}.project-badge{font-size:7px}}
@media(max-width:360px){.hero-intro{font-size:11px}.console-launch small{font-size:6px}.hero-copy>.eyebrow{font-size:6px}.project-badge{font-size:6px}.section-heading h2{font-size:38px}}

/* Workspace edition: editor chrome, readable content, zero flashing effects. */
:root{--cyan:#5de3f3;--violet:#ae9cff;--green:#a5efb0}
body{background:#090e17}.hero-shell{background:radial-gradient(ellipse at 95% 0%,#28325066,transparent 55%),#090e17}.hero-shell:has(.site-header){border-top:3px solid var(--cyan)}.site-header{min-height:87px}.site-header nav{font-family:var(--mono);font-size:10px}.site-header nav a:not(.nav-contact)::before{content:'./';color:#7c91aa;margin-right:3px}.site-header .nav-contact,.button{border-radius:0;box-shadow:3px 3px 0 #ae9cff}.mark{border-radius:0;box-shadow:3px 3px 0 var(--cyan);background:#e7edf5}.wordmark{font-family:var(--mono);font-size:21px;letter-spacing:-1.4px}.hero{grid-template-columns:1fr 1fr;gap:50px;padding-block:65px 72px;min-height:775px}.hero-copy>.eyebrow{text-transform:none;letter-spacing:-.03em;font-size:10px;white-space:normal;color:#cbd6e8}.prompt-user{color:var(--green)}.prompt-path{color:var(--violet)}.hero h1{font-family:var(--mono);font-weight:700;font-size:clamp(50px,5.25vw,80px);letter-spacing:-.05em;line-height:1.12;margin-block:29px}.hero h1>span{color:var(--cyan);text-shadow:0 0 35px #5de3f322}.hero h1>span::after{font-size:.72em;color:var(--green)}.hero-sticker{background:none;border:0;padding:0;font-size:11px;color:#a9b8ce;margin-bottom:26px}.hero-sticker>span{color:var(--violet)}.hero-intro{font-size:14px}.console-launch{border-radius:0;border-color:#465268;background:#101827;box-shadow:4px 4px 0 #02050a;width:100%}.console-launch small{font-size:9px}.console-launch kbd{background:#1b2a40;color:#e1eafa}.hero-meta{font-size:8px;gap:15px}.hero-actions{gap:23px}.button-primary{background:#d4f74b;color:#0b1420}.button-primary:hover{background:var(--cyan)}.button:hover{box-shadow:5px 5px 0 var(--violet)}.ticker{background:#101c2c;border-block:1px solid #3a4b63;padding-block:10px}.ticker>div{font-size:9px;gap:40px}.ticker span{color:var(--violet)}
.dev-workspace{align-self:center;border:1px solid #4a5d79;box-shadow:10px 10px 0 #030711,10px 10px 0 1px #27324b;background:#101725;min-width:0;position:relative}.dev-workspace::before{content:'// a work in progress. always.';position:absolute;top:-30px;right:0;font:9px var(--mono);color:#9aaec8}.workspace-chrome{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid #354058;background:#151e2d;color:#b6c5d9;font-size:9px}.editor-dots{font-size:8px;letter-spacing:4px;color:var(--violet)}.editor-tab{display:flex;align-items:center;gap:10px;padding:10px 16px;font-size:10px;border-bottom:1px solid #344056;background:#111c2d;border-top:2px solid var(--cyan)}.editor-tab>span:first-child{color:var(--cyan);font-size:9px}.editor-tab-note{margin-left:auto;color:#94a6bf;font-size:8px}.code-editor{padding:20px 14px 22px;font:12px/2 var(--mono);background:linear-gradient(90deg,#0c1421 40px,transparent 40px)}.code-editor>div{display:flex}.code-editor i{font-style:normal;flex:0 0 31px;color:#8093b0;font-size:10px;user-select:none}.code-editor code{white-space:pre;font-family:inherit;color:#d2dfef;letter-spacing:-.03em}.code-editor b{color:#c4a6ff;font-weight:400}.code-editor em{font-style:normal;color:#b6e998}.code-editor strong{color:#f3d27a;font-weight:400}.code-editor code>span{color:var(--cyan)}.preview-toolbar{display:flex;justify-content:space-between;gap:12px;padding:9px 15px;border-block:1px solid #3c4b64;font-size:8px;color:#a6b8d0}.preview-toolbar .live-dot{width:5px;height:5px;background:var(--green)}.preview-tabs{display:flex;background:#101827;border-bottom:1px solid #35455f}.preview-tabs button{flex:1;padding:10px 15px;font:10px var(--mono);color:#aebed4;background:transparent;border-right:1px solid #34445e;border-bottom:2px solid transparent;display:flex;justify-content:space-between}.preview-tabs button[aria-pressed=true]{color:var(--cyan);background:#1b293c;border-bottom-color:var(--cyan)}.preview-tabs button:hover{background:#26364d}.workspace-preview{display:block;position:relative;overflow:hidden;background:#152033}.workspace-preview img{width:100%;height:auto;aspect-ratio:2.65;object-fit:cover;object-position:top;transition:transform .3s}.workspace-preview:hover img{transform:scale(1.025)}.preview-caption{padding:9px 14px;display:flex;justify-content:space-between;gap:10px;background:#111e31;color:#aabfd8;font-size:8px;border-top:1px solid #384963}.preview-caption>span{color:var(--cyan)}.workspace-status{display:flex;justify-content:space-between;background:#22334d;color:#e0eafb;padding:7px 12px;font-size:8px;gap:10px}.workspace-status>span:first-child{color:var(--green)}
.projects::before{content:'';position:absolute;left:-15px;top:90px;bottom:65px;width:1px;background:linear-gradient(var(--cyan),#25364d 25%,transparent)}.section-top .eyebrow{letter-spacing:.05em}.section-heading h2{font-family:var(--mono);font-size:44px;letter-spacing:-.075em;line-height:1.2}.highlight{border:0;padding:0}.section-heading>p{font-size:12px}.explorer-title{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#c3d0e4;font-size:10px;padding:13px 16px;background:#121e30;border:1px solid #3c4b64;border-bottom:0}.explorer-title>span>span{color:var(--cyan);margin-right:7px}.crt-toggle{background:none;color:#a8bbd2;font:9px var(--mono);padding:4px 7px;border:1px solid #4a5d78}.crt-toggle span{color:var(--green)}.crt-toggle[aria-pressed=true]{color:#0b1710;background:var(--green)}.crt-toggle[aria-pressed=true] span{color:#0b1710}.filter-bar{border:1px solid #3c4b64;padding:13px 16px;margin-bottom:26px;background:#0e1725;gap:13px}.filters button{border:0;border-radius:0;background:transparent;padding:7px 9px;color:#b3c3da}.filters button[aria-pressed=true]{background:#243b50;color:var(--cyan);box-shadow:none}.filters button[aria-pressed=true]{box-shadow:inset 0 -2px 0 var(--cyan)}.filters span{font-size:8px}.project-count{font-size:8px}.view-toggle{font-size:9px;background:#19263a;color:#cdd9eb;border:1px solid #4a5b75;padding:7px 9px;margin-left:auto;white-space:nowrap}.project-card{border-radius:0;background:#101a29;border:1px solid #3c4b64;box-shadow:5px 5px 0 #02050c;transition:border-color .2s,box-shadow .2s}.project-card:hover{border-color:#7ecbdb;box-shadow:5px 5px 0 #132b39}.file-heading{padding:10px 13px;display:flex;align-items:center;gap:8px;background:#162236;border-bottom:1px solid #3c4b64;font-size:8px;color:#b7c6dd}.file-heading>span:first-child{color:var(--violet);font-size:13px;line-height:1}.file-state{margin-left:auto;font-size:7px;color:var(--green)}.project-visual{background-color:#0d1726;background-image:radial-gradient(#40516a 1px,transparent 1px);background-size:16px 16px}.project-badge{border:1px solid #526580;background:#15263b;color:#dceafa;box-shadow:none;font-size:8px}.project-browser,.project-card:nth-child(even) .project-browser{transform:none;border-color:#52617b;border-radius:0;left:7%;width:86%;top:57px;box-shadow:6px 6px 0 #0006}.project-browser .window-bar{background:#22324c;color:#d8e4f3}.project-visual:hover .project-browser{transform:translateY(-4px)}.visual-index{font-size:39px;color:#7292b95c}.project-heading h3{letter-spacing:-.04em}.project-type{font-size:9px}.circle-link{border-radius:0}.project-access{font-size:9px}.project-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px;background:#122236;color:var(--cyan);font:22px var(--mono);gap:20px}.project-placeholder small{font-size:9px;color:#acbfd6}.project-grid.is-list{grid-template-columns:1fr;gap:14px}.project-grid.is-list .project-card{grid-column:1;display:grid;grid-template-columns:200px 1fr}.project-grid.is-list .file-heading{grid-column:1/-1}.project-grid.is-list .project-visual{aspect-ratio:auto;border:0;border-right:1px solid #3c4b64;min-height:210px}.project-grid.is-list .project-badge{display:none}.project-grid.is-list .project-browser{top:30px}.project-grid.is-list .project-content{padding:19px 24px}.project-grid.is-list .project-description,.project-grid.is-list .project-tagline,.project-grid.is-list .project-access{min-height:0}.project-grid.is-list .project-heading h3{font-size:29px}.empty-projects{grid-column:1/-1}
.editorial-screen{transform:none;border-radius:0;box-shadow:7px 7px 0 #24334b}.editorial-label{border-radius:0}.article-links>a,.network-grid>a{border-radius:0;background:#101c2d}.network-number{font-family:var(--mono)}.about-tags>span{border-radius:0;font-family:var(--mono);font-size:8px}.contact{background-color:#0e1b2c;background-size:24px 24px}.contact h2{font-family:var(--mono);font-size:58px;letter-spacing:-.075em;line-height:1.2}.contact h2>span{color:var(--green)}.contact .button-dark{background:var(--cyan);box-shadow:4px 4px 0 var(--violet)}.project-console{border-radius:0;background:#0d1726;box-shadow:8px 8px 0 #273653,0 30px 120px #000b}.console-top{background:#17243a}.console-top h2{font-size:12px}.console-results button,.console-top button{border-radius:0}.console-results button strong{font-family:var(--mono);font-size:12px}.console-input-row>span{color:var(--green)}.console-launch:focus-visible,.view-toggle:focus-visible,.crt-toggle:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
.crt-mode{--cyan:#a5efb0}.crt-mode .dev-workspace{position:relative;box-shadow:0 0 24px #a5efb025,8px 8px 0 #030711}.crt-mode .dev-workspace::after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(transparent 0,transparent 3px,#0002 3px,#0002 4px);z-index:2}.crt-mode .code-editor{filter:sepia(.25)}
@media(max-width:1150px){.hero{gap:32px}.hero h1{font-size:5.3vw}.hero-copy>.eyebrow{font-size:8px}.code-editor{font-size:10px}.editor-tab-note{font-size:6px}.console-launch small{font-size:7px}.hero-meta{font-size:6px}.filters button{padding-inline:6px;font-size:8px}.project-count{display:none}.contact h2{font-size:49px}}
@media(max-width:850px){.hero{grid-template-columns:1fr;gap:60px;padding-block:49px 55px}.hero h1{font-size:75px}.hero-copy{max-width:640px}.hero-copy>.eyebrow{font-size:10px}.hero-intro{font-size:15px}.hero-meta{font-size:8px}.console-launch small{font-size:9px}.dev-workspace{width:100%;max-width:640px;margin:auto}.code-editor{font-size:13px}.editor-tab-note{font-size:8px}.section-heading h2{font-size:38px}.filter-bar{flex-wrap:wrap}.filters{flex:1 1 auto}.project-access{font-size:8px}.contact h2{font-size:43px}}
@media(max-width:600px){.wordmark{font-size:16px}.wordmark small{font-size:5px}.hero{gap:56px;padding-top:35px}.hero h1{font-size:clamp(43px,11.7vw,67px);margin-block:26px}.hero-copy>.eyebrow{font-size:7px}.hero-sticker{font-size:10px}.hero-intro{font-size:12px}.hero-meta{font-size:7px}.console-launch small{font-size:7px}.dev-workspace{box-shadow:6px 6px 0 #030711,6px 6px 0 1px #27324b}.dev-workspace::before{font-size:7px;top:-24px}.workspace-chrome{padding:10px;font-size:7px}.editor-dots{font-size:6px;letter-spacing:2px}.editor-tab{padding:10px;font-size:8px;gap:8px}.editor-tab-note{font-size:6px}.code-editor{font-size:clamp(9px,2.5vw,12px);padding:16px 9px 18px;line-height:2.1;background:linear-gradient(90deg,#0c1421 29px,transparent 29px)}.code-editor i{font-size:8px;flex-basis:25px}.preview-toolbar{font-size:6px;padding:9px 10px}.preview-tabs button{font-size:9px;padding:10px}.workspace-preview img{aspect-ratio:1.95}.workspace-status{font-size:6px;padding:8px}.preview-caption{font-size:7px;padding:10px}.section-heading h2{font-size:clamp(31px,8.5vw,45px)}.projects::before{left:-10px;top:55px}.explorer-title{font-size:9px;padding:11px}.filter-bar{padding:12px 10px;gap:12px}.filters{gap:5px;flex-basis:100%}.filters button{font-size:8px;padding:7px}.view-toggle{margin-left:0;padding:5px 8px;font-size:8px}.project-count{display:block;margin-left:auto;font-size:7px}.file-heading{font-size:8px}.project-badge{font-size:7px}.project-browser{top:53px}.project-grid.is-list .project-card{display:block}.project-grid.is-list .project-visual{display:none}.project-grid.is-list .project-content{padding:18px}.contact h2{font-size:clamp(30px,8.2vw,46px)}.contact h2>span{padding:0}.project-console{box-shadow:4px 4px 0 #273653}.console-results button strong{font-size:11px}}
@media(max-width:360px){.hero h1{font-size:39px}.hero-meta{font-size:6px}.editor-tab-note{display:none}.code-editor{font-size:9px}.preview-toolbar{font-size:6px}.hero-intro{font-size:11px}}
@media(prefers-reduced-motion:reduce){.workspace-preview img,.project-card{transition:none}}