@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#080b10;--panel:#10151c;--panel2:#151b23;--line:#28303b;--white:#eff2ef;--muted:#8d959e;--acid:#c6ff49;--side:218px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:'Space Grotesk',Arial,sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}button{font:inherit}::selection{background:var(--acid);color:#0a0d0b}.noise{pointer-events:none;position:fixed;inset:0;z-index:90;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.23' filter='url(%23n)'/%3E%3C/svg%3E")}.cursor-aura{position:fixed;width:400px;height:400px;border-radius:50%;pointer-events:none;z-index:2;background:radial-gradient(circle,rgba(159,240,42,.055),transparent 69%);transform:translate(-50%,-50%);opacity:0}.sidebar{width:var(--side);position:fixed;z-index:40;left:0;top:0;bottom:0;border-right:1px solid #293039;background:#0c1016;display:flex;flex-direction:column;padding:38px 23px 24px}.side-brand{display:flex;align-items:center;gap:12px}.brand-mark{border:1px solid #727c80;width:47px;height:47px;display:grid;place-items:center;font-size:26px;font-weight:700;letter-spacing:-5px;padding-right:6px}.brand-mark span{color:var(--acid)}.brand-word{font-size:16px;line-height:.91;font-weight:700;letter-spacing:-.8px}.brand-word strong{font-weight:700}.brand-word em,.mobile-logo b{color:var(--acid);font-style:normal}.sidebar-label,.side-bottom,.nav-num,.hero-topline,.eyebrow,.hero-bottom,.scene-label,.orbit-caption,.section-meta,.card-head,.chips,.ticker,.arch-layer,.arch-footnote,.project-controls,.project-detail>span,.project-detail p,.stat>span,footer,.status,.contact-link,.button-primary,.button-text,.button-outline{font-family:'DM Mono',monospace}.sidebar-label{font-size:9px;letter-spacing:2px;color:#64707b;margin-top:112px;margin-bottom:22px}.side-nav{display:flex;flex-direction:column;gap:5px}.nav-link{min-height:45px;display:flex;align-items:center;gap:11px;padding:0 9px;border-left:2px solid transparent;color:#9ca5ae;font-size:12px;transition:.25s}.nav-link:hover,.nav-link.active{background:#161e25;color:var(--white);border-left-color:var(--acid)}.nav-link.active .nav-num{color:var(--acid)}.nav-link i{font-style:normal;margin-left:auto;opacity:0;color:var(--acid)}.nav-link:hover i,.nav-link.active i{opacity:1}.nav-num{font-size:9px;color:#66717c}.side-bottom{margin-top:auto;display:flex;flex-direction:column;gap:16px;font-size:9px;letter-spacing:.3px;color:#6d7983}.status{color:#b0bcb8}.status-dot{display:inline-block;width:6px;height:6px;background:var(--acid);border-radius:50%;box-shadow:0 0 11px var(--acid);margin-right:7px}.mobile-header{display:none}main{margin-left:var(--side)}.section{padding:45px clamp(30px,5.3vw,90px)}.hero{min-height:760px;height:min(900px,100svh);position:relative;overflow:hidden;display:flex;flex-direction:column;border-bottom:1px solid var(--line)}.hero-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to right,#ffffff07 1px,transparent 1px),linear-gradient(to bottom,#ffffff07 1px,transparent 1px);background-size:95px 95px;mask-image:linear-gradient(to right,transparent 5%,black 45%,transparent 98%)}.hero-topline,.hero-bottom{display:flex;justify-content:space-between;gap:12px;color:#78838d;font-size:10px;letter-spacing:1px;position:relative;z-index:4}.tiny-cross{color:var(--acid);font-size:14px;margin-right:9px}.topline-line{color:var(--acid)}.hero-body{display:flex;align-items:center;flex:1;position:relative}.hero-copy{width:67%;position:relative;z-index:5;padding-bottom:14px;pointer-events:none}.hero-copy .actions{pointer-events:auto}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--acid);display:flex;align-items:center;gap:12px}.eyebrow-line{width:23px;height:1px;background:var(--acid)}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:700;letter-spacing:-.075em;line-height:.99}h1{font-size:clamp(65px,8.2vw,144px);white-space:normal;overflow-wrap:anywhere;margin:27px 0 33px}h1 em,h2 em{color:var(--acid);font-style:normal}h1 .outlined{-webkit-text-stroke:1px #e6ebdd;color:transparent}.hero-desc{color:#aeb6bb;max-width:440px;font-size:16px;line-height:1.8;margin-bottom:30px}.hero-desc strong{color:#f1f4f0;font-weight:500}.actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.button-primary{background:var(--acid);color:#0d1409;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:33px;font-size:11px;font-weight:500;letter-spacing:.5px;transition:transform .2s,background .2s}.button-primary:hover{background:#e2ff9e;transform:translateY(-3px)}.button-primary span,.button-text span,.button-outline span{font-size:18px}.button-text{font-size:11px;letter-spacing:.5px;border-bottom:1px solid #697275;padding-bottom:9px;display:flex;gap:22px;align-items:center}.button-text:hover{color:var(--acid)}.scene-wrap{position:absolute;right:-5%;top:50%;transform:translateY(-51%);width:min(64vw,850px);height:min(64vw,780px);z-index:3;pointer-events:none}.scene-wrap canvas{width:100%;height:100%;display:block;position:relative;z-index:2}.scene-backlight{position:absolute;inset:14%;border-radius:50%;background:radial-gradient(circle,rgba(133,218,27,.16),transparent 60%);filter:blur(36px)}.scene-label{position:absolute;font-size:10px;letter-spacing:1px;color:#9daa9e;z-index:3}.label-a{top:18%;right:10%}.label-b{bottom:19%;left:6%;color:var(--acid)}.label-c{right:0;bottom:30%;color:#748282}.orbit-caption{position:absolute;bottom:9%;right:15%;font-size:10px;letter-spacing:2px;color:#b4c29d}.orbit-caption span{color:var(--acid)}.hero-bottom{border-top:1px solid #ffffff17;padding-top:20px}.down-arrow,.hero-bottom b{color:var(--acid)}.down-arrow{margin-left:15px}.ticker{border-bottom:1px solid var(--line);background:var(--acid);color:#0c1309;overflow:hidden;padding:15px 0;font-size:12px;font-weight:500;letter-spacing:2px}.ticker-track{width:max-content;display:flex;animation:marquee 32s linear infinite}.ticker-track>span{white-space:nowrap;padding-right:22px}.ticker b{font-size:16px;padding:0 29px}@keyframes marquee{to{transform:translateX(-50%)}}.section-meta{display:flex;justify-content:space-between;color:#78848d;letter-spacing:1px;font-size:10px;border-bottom:1px solid var(--line);padding-bottom:20px}.services,.projects,.about{padding-top:69px;padding-bottom:130px}.section-heading{padding-top:70px;display:grid;grid-template-columns:1fr auto;gap:0 50px;align-items:end}.section-heading .eyebrow{grid-column:1/-1}.section-heading h2{margin:17px 0 48px}.section-heading>p:last-child{max-width:305px;color:#939da5;font-size:14px;line-height:1.8;margin-bottom:54px}h2{font-size:clamp(60px,7vw,115px)}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.service-card{border:1px solid #27303a;background:linear-gradient(160deg,#151b22,#0e1319);min-height:430px;padding:23px;display:flex;flex-direction:column;transition:transform .35s,border-color .35s,background .35s;position:relative;overflow:hidden}.service-card:hover{transform:translateY(-9px);border-color:#7da72a;background:linear-gradient(160deg,#1d2722,#0e1319)}.card-head{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#8a959b}.card-arrow{font-size:25px;color:var(--acid)}.service-glyph{height:192px;display:grid;place-items:center;perspective:600px}.glyph-inner{font-size:97px;font-weight:700;letter-spacing:-12px;transform:rotateX(13deg) rotateY(-18deg);text-shadow:10px 9px 0 #283a1c,20px 18px 0 #1b2b14,0 0 45px #b6fa3744;transition:transform .4s;color:#d7ffc0}.glyph-inner span{font-size:.45em;color:var(--acid);letter-spacing:-4px}.service-card:hover .glyph-inner{transform:rotateX(-10deg) rotateY(19deg) scale(1.06)}.glyph-hyva .glyph-inner{color:#e3e8ef;text-shadow:10px 9px 0 #404b59,20px 18px 0 #212d38}.glyph-code .glyph-inner{font-size:80px;letter-spacing:-11px;color:#c6d5d3}.service-card h3{font-size:26px;letter-spacing:-1px;margin-bottom:9px}.service-card p{font-size:13px;color:#8b979f;line-height:1.6;min-height:63px;margin-bottom:22px}.chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto}.chips span{border:1px solid #344039;padding:7px 9px;color:#9aa5a4;font-size:9px}.architecture{background:#10161d;padding-top:70px;padding-bottom:130px;overflow:hidden}.architecture-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;padding-top:105px;min-height:610px}.architecture-copy h2{font-size:clamp(56px,6vw,96px);margin:30px 0}.architecture-copy>p:not(.eyebrow){color:#9eabb1;line-height:1.9;max-width:460px}.button-outline{border:1px solid #5e6a63;display:inline-flex;align-items:center;gap:35px;padding:18px 21px;font-size:10px;letter-spacing:1px;margin-top:25px;transition:.2s}.button-outline:hover{border-color:var(--acid);background:#c6ff4912}.arch-visual{height:470px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;perspective:900px}.arch-rings{position:absolute;width:430px;height:430px;max-width:100%;border:1px solid #44513b33;border-radius:50%;box-shadow:0 0 0 60px #c6ff4904,0 0 0 110px #c6ff4903;transform:rotateX(65deg)}.arch-layer{width:min(370px,92%);height:57px;margin-top:-4px;background:linear-gradient(140deg,#222d31,#111a21);border:1px solid #5a6e57;border-bottom:5px solid #4b6942;transform:rotateX(54deg) rotateZ(-28deg) translateZ(0);display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-size:10px;letter-spacing:1px;box-shadow:12px 15px 18px #02050855;transition:transform .5s;position:relative}.arch-layer span{color:var(--acid)}.arch-layer i{font-style:normal;color:var(--acid)}.arch-visual:hover .layer-1{transform:rotateX(54deg) rotateZ(-28deg) translate(8px,-28px)}.arch-visual:hover .layer-2{transform:rotateX(54deg) rotateZ(-28deg) translate(5px,-14px)}.arch-visual:hover .layer-4{transform:rotateX(54deg) rotateZ(-28deg) translate(-5px,14px)}.arch-visual:hover .layer-5{transform:rotateX(54deg) rotateZ(-28deg) translate(-8px,28px)}.arch-footnote{position:absolute;bottom:0;right:0;font-size:9px;letter-spacing:1px;color:#718072}.projects{overflow:hidden}.project-controls{display:flex;justify-content:space-between;align-items:center;color:#8d999d;font-size:10px;letter-spacing:1px}.control-line{color:var(--acid)}.project-controls>div{display:flex;gap:8px}.round-button{cursor:pointer;border:1px solid #52605d;color:#c8d2cf;background:none;width:46px;height:46px;border-radius:50%;font-size:19px}.round-button:hover{background:var(--acid);color:#101710;border-color:var(--acid)}.project-viewport{position:relative;height:485px;margin-top:22px;perspective:1300px;overflow:hidden;cursor:grab;touch-action:pan-y;outline-offset:4px}.project-viewport:active{cursor:grabbing}.project-stage{height:100%;position:relative;transform-style:preserve-3d}.project-card{position:absolute;top:35px;left:50%;width:min(440px,66vw);height:375px;border:1px solid #4b5658;background:#111820;box-shadow:0 22px 60px #0009;overflow:hidden;transition:transform .7s cubic-bezier(.2,.85,.2,1),opacity .7s,filter .7s;transform-style:preserve-3d;user-select:none;pointer-events:none}.project-card.is-active{pointer-events:auto}.project-card-inner{height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden}.project-card-head{padding:16px 19px;border-bottom:1px solid #ffffff25;display:flex;justify-content:space-between;align-items:center;font:10px 'DM Mono',monospace;color:#dce1dd}.project-browser{margin:24px 22px 0;background:#f0f2e9;color:#19201d;flex:1;box-shadow:0 0 30px #0004;transform:translateZ(25px)}.browser-bar{height:22px;background:#d9ddd5;border-bottom:1px solid #c5cdc4;display:flex;gap:5px;align-items:center;padding:0 10px}.browser-bar i{width:6px;height:6px;border-radius:50%;background:#909b94}.browser-bar span{font-size:7px;color:#67746b;margin-left:auto}.browser-hero{height:calc(100% - 22px);display:flex;flex-direction:column;justify-content:center;padding:35px;background:radial-gradient(circle at 85% 30%,var(--project-light),transparent 55%),var(--project-bg)}.browser-logo{font-weight:700;font-size:29px;letter-spacing:-2px;color:var(--project-ink)}.browser-tag{font:9px 'DM Mono',monospace;letter-spacing:1.5px;color:var(--project-ink);opacity:.7}.browser-art{width:42%;height:5px;background:var(--project-ink);margin-top:20px;opacity:.5}.browser-art:after{content:'';display:block;width:60%;height:5px;background:var(--project-ink);margin-top:12px;opacity:.5}.project-card-foot{padding:17px 22px;display:flex;justify-content:space-between;font:9px 'DM Mono',monospace;letter-spacing:1px;color:#ccd1cd}.project-detail{border-top:1px solid var(--line);padding:23px 0;display:flex;align-items:center;gap:55px}.project-detail>span{font-size:10px;color:var(--acid)}.project-detail h3{font-size:29px;letter-spacing:-1px;margin:0 0 5px}.project-detail p{color:#77858a;font-size:10px;letter-spacing:1px;margin:0}.project-detail-cross{margin-left:auto;font-size:30px!important}.about{background:#11161c}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding-top:100px}.about-grid h2{margin:24px 0 35px}.about-intro{font-size:23px;letter-spacing:-.7px;line-height:1.5;max-width:540px;color:#d9dfd9}.stats{border-top:1px solid var(--line)}.stat{border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:20px 8px;gap:12px}.stat strong{font-size:clamp(70px,9vw,145px);letter-spacing:-.09em;line-height:1}.stat strong span{color:var(--acid);font-size:.55em}.stat>span{color:#93a09f;font-size:10px;letter-spacing:1px;text-align:right;max-width:120px;line-height:1.5}.contact{position:relative;min-height:670px;overflow:hidden;padding-top:70px;display:flex;flex-direction:column}.contact .eyebrow{margin-top:95px;position:relative;z-index:1}.contact h2{font-size:clamp(57px,8.5vw,137px);margin:24px 0 45px;position:relative;z-index:1}.contact-link{display:inline-flex;align-items:center;gap:20px;border-bottom:1px solid var(--acid);width:max-content;max-width:100%;padding-bottom:12px;font-size:clamp(12px,1.8vw,22px);letter-spacing:1px;position:relative;z-index:1}.contact-link span{color:var(--acid);font-size:30px}.contact-orb{position:absolute;width:440px;height:440px;border:1px solid #c6ff4926;border-radius:50%;right:-90px;top:90px;box-shadow:0 0 0 45px #c6ff4905,0 0 0 85px #c6ff4905,0 0 110px #c6ff4910 inset;background:repeating-radial-gradient(circle at 45% 55%,transparent 0 27px,#c6ff4912 28px 29px);animation:orb-spin 25s linear infinite;transform:rotateX(66deg) rotate(0)}@keyframes orb-spin{to{transform:rotateX(66deg) rotate(360deg)}}footer{margin-top:auto;border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;gap:20px;color:#77858a;font-size:9px;letter-spacing:1px}footer a{color:#e4ece4}footer a span{color:var(--acid)}@media(max-width:1350px){.hero{min-height:710px}.hero-copy{width:78%}h1{font-size:clamp(58px,7.6vw,110px)}.scene-wrap{right:-16%;width:70vw;height:70vw}}@media(max-width:950px){:root{--side:0px}.mobile-header{height:70px;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;right:0;z-index:60;background:#0c1016eF;border-bottom:1px solid var(--line);padding:0 24px;backdrop-filter:blur(10px)}.mobile-logo{font-size:19px;font-weight:700;letter-spacing:-1px}.mobile-logo span{color:#b6c0b7}.menu-toggle{width:47px;height:43px;border:1px solid #48534b;background:none;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:0 11px;cursor:pointer}.menu-toggle span{height:1px;width:100%;background:#d7e0d8}.sidebar{transform:translateX(-100%);transition:transform .35s;top:70px;width:min(300px,85vw)}.sidebar.open{transform:translateX(0)}.sidebar .side-brand{display:none}.sidebar-label{margin-top:35px}main{margin-left:0;padding-top:70px}.section{padding-left:35px;padding-right:35px}.hero{height:auto;min-height:740px}.hero-body{min-height:630px}.hero-copy{width:100%}.scene-wrap{width:78vw;height:78vw;right:-17%;top:42%;opacity:.75}.service-card{padding:19px}.arch-visual{height:420px}}@media(max-width:650px){.section{padding-left:22px;padding-right:22px}.hero{min-height:720px;padding-top:26px}.hero-topline{font-size:8px}.hero-topline span:last-child{display:none}.hero-body{align-items:flex-start;padding-top:115px;min-height:620px}.hero-copy{padding:0}h1{font-size:clamp(44px,10vw,73px);margin:25px 0;line-height:1.06}.hero-desc{font-size:14px;max-width:330px}.scene-wrap{width:100vw;height:100vw;right:-32vw;top:60%;opacity:.5}.scene-label,.orbit-caption{display:none}.hero-copy .actions{gap:18px}.button-primary{padding:16px;font-size:9px;gap:12px}.button-text{font-size:9px}.hero-bottom{font-size:8px}.hero-bottom>span:last-child{display:none}.services,.projects,.about{padding-top:45px;padding-bottom:75px}.section-heading{display:block;padding-top:55px}.section-heading h2{margin-bottom:28px}h2{font-size:clamp(48px,11vw,74px)}.section-heading>p:last-child{margin-bottom:40px}.service-grid{grid-template-columns:1fr}.service-card{min-height:330px}.service-glyph{height:120px}.glyph-inner{font-size:75px}.architecture{padding-top:45px;padding-bottom:70px}.architecture-layout{grid-template-columns:1fr;padding-top:65px;min-height:0}.architecture-copy h2{font-size:clamp(46px,10vw,70px)}.arch-visual{height:385px}.project-viewport{height:350px}.project-card{height:290px;top:20px;width:min(340px,80vw)}.project-browser{margin:15px 14px 0}.browser-hero{padding:17px}.browser-logo{font-size:24px}.project-card-foot{padding:12px 14px}.project-detail{gap:18px}.project-detail h3{font-size:24px}.project-detail-cross{display:none}.about-grid{grid-template-columns:1fr;padding-top:70px}.about-intro{font-size:20px}.stat strong{font-size:87px}.contact{min-height:620px}.contact .eyebrow{margin-top:105px}.contact h2{font-size:clamp(44px,10vw,76px)}.contact-orb{width:300px;height:300px;right:-160px;top:120px}footer{flex-direction:column}.project-controls{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker-track,.contact-orb{animation:none!important}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Multi-page extensions */
.portrait-halo{position:absolute;z-index:3;right:4%;bottom:8%;width:33%;max-width:205px;perspective:650px;pointer-events:none}.portrait-3d{position:relative;transform:rotateY(-14deg) rotateX(5deg);border:1px solid rgba(173,255,40,.4);padding:7px;background:linear-gradient(125deg,rgba(180,255,57,.16),rgba(15,21,25,.72));box-shadow:18px 25px 55px #0009}.portrait-3d img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:top center;filter:grayscale(1) contrast(1.08);display:block}.portrait-label{display:block;margin-top:9px;text-align:center;font:10px monospace;letter-spacing:.07em;color:#b3f168}.portrait-missing .portrait-3d{height:245px;background:repeating-linear-gradient(110deg,#131b20,#131b20 3px,#1d2b2b 4px,#1d2b2b 5px)}.portrait-missing img{display:none}
.inner-page{padding:38px clamp(22px,5vw,88px) 100px;min-height:75vh}.inner-top{display:flex;justify-content:space-between;gap:20px;font:11px monospace;letter-spacing:.13em;color:#9aa1a7;border-bottom:1px solid #2d3337;padding:10px 0 26px}.crumbline{font:12px monospace;color:#aab1b6;margin:40px 0 32px}.crumbline a{color:#b3f168}.inner-hero{position:relative;padding:22px 0 75px;border-bottom:1px solid #30383c;overflow:hidden}.inner-hero:after{content:'</>';position:absolute;right:5%;top:0;font:clamp(160px,28vw,460px)/1 monospace;color:#b3f168;opacity:.04;pointer-events:none}.inner-hero h1{max-width:1060px;font-weight:800;font-size:clamp(45px,7vw,110px);line-height:1.02;letter-spacing:-.065em;text-transform:uppercase;position:relative;z-index:1}.inner-hero h1 em{color:#b3f168;font-style:normal}.inner-lead{font-size:clamp(18px,2vw,24px);line-height:1.65;max-width:790px;color:#c7d0d1;margin-top:30px;position:relative;z-index:1}.inner-cta{display:inline-flex;background:#b3f168;color:#0a0f12!important;padding:17px 23px;margin-top:26px;text-decoration:none;font-weight:750;letter-spacing:.06em}.content-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(24px,6vw,110px);padding:80px 0;border-bottom:1px solid #2e3439}.content-marker{font:11px monospace;color:#b3f168;letter-spacing:.13em}.content-grid h2{font-size:clamp(29px,3.3vw,50px);line-height:1.1;letter-spacing:-.035em;margin:0 0 28px}.content-grid p,.content-grid li{color:#b8c1c6;font-size:17px;line-height:1.75;max-width:840px}.content-grid ul{padding-left:22px}.content-grid li{margin:6px 0}.inner-badges{display:flex;flex-wrap:wrap;gap:11px;margin-top:28px}.inner-badges span{border:1px solid #3c4649;padding:10px 14px;font:12px monospace;color:#dae2e2}.inner-footer{padding:75px clamp(22px,5vw,88px);border-top:1px solid #353b40;background:#090c10}.inner-footer h2{font-size:clamp(34px,5vw,80px);line-height:1.1;margin:0 0 25px;letter-spacing:-.04em}.inner-footer a{color:#b3f168;text-decoration:none;font-weight:bold}.inner-footer small{display:block;color:#9fa5aa;margin-top:75px}.projects-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:45px 0}.project-tile{border:1px solid #3a4747;padding:35px;background:linear-gradient(145deg,#172124,#0e1115);position:relative;overflow:hidden;transition:transform .35s}.project-tile:hover{transform:perspective(900px) rotateY(-3deg) translateY(-6px)}.project-tile h2{letter-spacing:normal;line-height:normal;font-size:clamp(27px,3vw,44px);display:block;margin:35px 0 10px}.project-tile span{font:12px monospace;color:#b3f168}.project-tile p{color:#afbdc0;line-height:1.6}.portrait-about{max-width:290px;border:1px solid #4b6142;padding:10px;background:#1a2222;float:right;margin:0 0 24px 28px;transform:perspective(700px) rotateY(-8deg)}.portrait-about img{width:100%;display:block;filter:grayscale(1)}
@media(max-width:800px){.content-grid{grid-template-columns:1fr;gap:25px;padding:50px 0}.projects-tiles{grid-template-columns:1fr}.portrait-halo{width:32%;right:0;bottom:3%}.portrait-label{display:none}.inner-hero{padding-bottom:55px}.portrait-about{float:none;margin:0 0 25px}}@media(max-width:530px){.portrait-halo{width:30%;opacity:.72}.inner-top span:last-child{display:none}}
/* Language and social navigation */
.lang-switch,.mobile-lang{display:flex;align-items:center;gap:9px;font:12px 'DM Mono',monospace;letter-spacing:.08em;color:#8e979d}.lang-switch{margin-top:30px}.lang-switch a,.mobile-lang a{padding:7px 3px;transition:color .2s}.lang-switch a[aria-current],.mobile-lang a[aria-current]{color:var(--acid);font-weight:700}.lang-switch a:hover,.mobile-lang a:hover{color:#fff}.mobile-lang{display:none}.social-links{display:flex;flex-wrap:wrap;gap:9px 14px;margin-top:auto;margin-bottom:28px}.social-item{font:10px 'DM Mono',monospace;letter-spacing:.08em;color:#b5bec5;border-bottom:1px solid #54604e;padding-bottom:6px}.social-item[href]:hover{color:var(--acid);border-color:var(--acid)}.social-unset{opacity:.42;cursor:not-allowed}.sidebar .side-bottom{margin-top:0}
/* Desktop staggered entrance: nav items load like a technical sequence */
@media(min-width:951px){.menu-ready .sidebar .side-brand,.menu-ready .sidebar-label,.menu-ready .sidebar .nav-link,.menu-ready .sidebar .lang-switch,.menu-ready .sidebar .social-links{opacity:0;transform:translateX(-17px)}.menu-ready.menu-play .sidebar .side-brand,.menu-ready.menu-play .sidebar-label,.menu-ready.menu-play .sidebar .nav-link,.menu-ready.menu-play .sidebar .lang-switch,.menu-ready.menu-play .sidebar .social-links{opacity:1;transform:translateX(0);transition:opacity .55s ease,transform .65s cubic-bezier(.2,.7,.2,1),background .25s,color .25s}.menu-ready.menu-play .sidebar .side-brand{transition-delay:.04s}.menu-ready.menu-play .sidebar .lang-switch{transition-delay:.14s}.menu-ready.menu-play .sidebar-label{transition-delay:.22s}.menu-ready.menu-play .sidebar .nav-link:nth-child(1){transition-delay:.26s}.menu-ready.menu-play .sidebar .nav-link:nth-child(2){transition-delay:.31s}.menu-ready.menu-play .sidebar .nav-link:nth-child(3){transition-delay:.36s}.menu-ready.menu-play .sidebar .nav-link:nth-child(4){transition-delay:.41s}.menu-ready.menu-play .sidebar .nav-link:nth-child(5){transition-delay:.46s}.menu-ready.menu-play .sidebar .nav-link:nth-child(6){transition-delay:.51s}.menu-ready.menu-play .sidebar .nav-link:nth-child(7){transition-delay:.56s}.menu-ready.menu-play .sidebar .nav-link:nth-child(8){transition-delay:.61s}.menu-ready.menu-play .sidebar .social-links{transition-delay:.7s}}
@media(max-width:950px){.mobile-lang{display:flex;position:absolute;right:88px;top:19px}.sidebar .lang-switch{display:none}.social-links{margin-top:28px}}
@media(prefers-reduced-motion:reduce){.menu-ready .sidebar .side-brand,.menu-ready .sidebar-label,.menu-ready .sidebar .nav-link,.menu-ready .sidebar .lang-switch,.menu-ready .sidebar .social-links{opacity:1!important;transform:none!important;transition:none!important}}

/* Prominent email action on both contact pages. */
.contact-email{display:inline-flex;flex-direction:column;gap:8px;max-width:100%;box-sizing:border-box;letter-spacing:normal}
.contact-email-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.contact-email-address{font-size:clamp(18px,3.5vw,32px);overflow-wrap:anywhere}
.contact-email:focus-visible{outline:3px solid currentColor;outline-offset:5px}

/* Store previews in the homepage project carousel. */
.project-browser.has-image{display:flex;flex-direction:column;min-height:0}
.project-browser.has-image .browser-bar{flex-shrink:0}
.browser-image{position:relative;flex:1;min-height:0;overflow:hidden}
.browser-image img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:top}

.certification-note{position:relative;z-index:1;max-width:790px;color:#c7d0d1;font-size:16px;line-height:1.65}
.certification-note a{color:var(--acid);text-decoration:underline;text-underline-offset:3px}
.certification-note a:focus-visible{outline:2px solid var(--acid);outline-offset:4px}