@import"https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--black:#0A0A0A;--surface:#111;--cream:#F4F0E6;--red:#ff4f42;--orange:#ff8c27;--blue:#4b7cff;--lime:#c8fa48}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--cream);font-family:Manrope,sans-serif;overflow-x:hidden}button,a{font:inherit}button{cursor:pointer}.noise{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;opacity:.09;pointer-events:none;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.ambient{position:fixed;z-index:-1;width:46vw;height:46vw;border-radius:50%;filter:blur(110px);opacity:.25;animation:drift 18s ease-in-out infinite alternate}.ambient.a{left:-20vw;top:16vh;background:var(--red)}.ambient.b{right:-19vw;top:62vh;background:#8f32e6}.section{position:relative;min-height:100vh;padding:130px max(5vw,28px) 80px;overflow:hidden}.section-label{font:10px DM Mono;letter-spacing:.12em;display:flex;align-items:center;gap:11px;margin:0 0 32px}.section-label span{width:10px;height:10px;border-radius:50%;background:var(--red);box-shadow:15px 0 0 var(--cream),30px 0 0 var(--red)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Archivo Black,Impact,sans-serif;letter-spacing:-.08em;line-height:.82}.navbar{position:fixed;z-index:20;top:20px;left:50%;translate:-50%;width:min(92%,1130px);min-height:54px;border:2px solid rgba(244,240,230,.72);background:#0a0a0ab8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:5px 5px #000;display:flex;align-items:center;padding:0 14px;gap:20px}.brand{font:20px Archivo Black;letter-spacing:-.09em;color:var(--cream);text-decoration:none}.brand sup{font:8px Manrope}.nav-list{display:flex;gap:19px;margin:auto}.nav-list a,.nav-cta{color:var(--cream);text-decoration:none;text-transform:uppercase;font:9px DM Mono;letter-spacing:.08em;opacity:.65}.nav-list a.active{opacity:1;color:var(--orange)}.nav-list a.active:before{content:"● ";font-size:8px}.nav-cta{opacity:1;border:1px solid var(--cream);padding:7px 9px}.menu{display:none;background:none;border:0;color:var(--cream)}.hero{display:flex;align-items:center;padding-top:140px}.hero:after{content:"";position:absolute;z-index:-1;right:4vw;top:20%;width:35vw;height:35vw;border:2px solid var(--cream);border-radius:50%;box-shadow:16px 15px 0 var(--red)}.hero-grid{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(244,240,230,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(244,240,230,.07) 1px,transparent 1px);background-size:58px 58px;-webkit-mask-image:linear-gradient(90deg,#000,transparent 75%);mask-image:linear-gradient(90deg,#000,transparent 75%)}.hero-inner{max-width:900px}.hero h1{font-size:clamp(5.5rem,15.5vw,15rem);margin:0}.hero h1 span{color:var(--red);text-shadow:10px 10px 0 var(--cream)}.hero-role{position:absolute;right:9vw;top:50%;font:13px DM Mono;line-height:1.55}.hero-copy{position:absolute;left:5vw;bottom:9vh;width:280px;font-size:14px;line-height:1.55}.hero-actions{display:flex;gap:13px;margin-top:30px}.brutal-button{display:inline-flex;align-items:center;gap:9px;justify-content:center;border:3px solid #000;background:var(--cream);color:#000;text-decoration:none;font:700 11px DM Mono;letter-spacing:.05em;padding:15px 17px;box-shadow:6px 6px #000;transition:.18s}.brutal-button:hover{transform:translate(3px,3px);box-shadow:3px 3px #000}.brutal-button:active{transform:translate(6px,6px);box-shadow:none}.availability{position:absolute;right:8vw;bottom:9vh;background:var(--lime);color:#000;border:3px solid #000;box-shadow:7px 7px #000;padding:12px;font:10px DM Mono;rotate:-3deg}.availability i,.build-card i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#0c9d45;margin-right:5px;animation:blink 1.4s infinite}.hero-square{position:absolute;right:34vw;top:27%;width:90px;height:90px;background:var(--blue);color:#fff;border:3px solid #000;box-shadow:7px 7px #000;padding:13px;font:10px DM Mono;rotate:12deg}.code-sticker{position:absolute;right:5vw;top:18%;background:var(--orange);color:#000;border:3px solid #000;box-shadow:7px 7px #000;padding:14px;font:11px DM Mono;rotate:-6deg}.about{background:#e8e1d5;color:#111}.about .section-label{color:#222}.about-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:8vw;align-items:center;max-width:1250px;margin:auto}.about h2,.stack h2,.projects>h2,.experience h2,.building h2,.contact h2{font-size:clamp(4rem,9vw,10rem);margin-bottom:28px}.about p{max-width:500px;line-height:1.65;font-size:15px}.about .intro{font-size:clamp(1.2rem,2vw,1.8rem);font-weight:700;line-height:1.38}.about-art{height:470px;position:relative;background:#1b1a1e;border:4px solid #000;box-shadow:12px 12px #000;overflow:hidden}.rays{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-conic-gradient(from 0deg,#ff5945 0 7deg,transparent 7deg 18deg);clip-path:polygon(50% 0,55% 35%,100% 15%,64% 45%,100% 57%,62% 58%,86% 100%,53% 65%,44% 100%,43% 62%,0 87%,35% 54%,0 41%,36% 42%,12% 0)}.laptop{position:absolute;left:13%;top:25%;width:68%;height:46%;background:linear-gradient(130deg,#ffc44f,#ec6840,#315cb3);border:8px solid #111;border-radius:12px;padding:20px;color:#192b5a;box-shadow:15px 15px #29398e;transform:perspective(600px) rotateY(10deg) rotate(-4deg)}.laptop:after{content:"";position:absolute;left:-5%;right:-5%;bottom:-55px;height:54px;background:#17328b;clip-path:polygon(5% 0,95% 0,100% 100%,0 100%)}.laptop span{font-size:44px}.laptop b{font-size:22px;line-height:.9;display:block}.sticker{position:absolute;display:grid;place-items:center;border:3px solid #000;box-shadow:5px 5px #000;width:76px;height:76px;font:700 24px Manrope}.js{right:5%;top:8%;background:#f4df43;rotate:11deg}.ai{bottom:7%;left:7%;background:var(--blue);color:#fff;rotate:-13deg}.esp{right:7%;bottom:9%;background:var(--lime);font-size:15px;line-height:.85;rotate:8deg}.info-grid{border-top:2px solid #111;margin-top:30px}.info-grid b{font:10px DM Mono;display:grid;grid-template-columns:110px 1fr;border-bottom:2px solid #111;padding:12px 0}.info-grid span{font:700 12px Manrope}.stack{background:var(--blue)}.stack .section-label span{background:var(--lime)}.stack-heading{display:flex;align-items:end;justify-content:space-between;gap:25px}.stack-heading h2{font-size:clamp(4rem,10vw,11rem)}.stack-heading p{font:11px DM Mono;max-width:220px;line-height:1.6}.skill-wall{display:flex;flex-wrap:wrap;gap:17px;align-items:center;margin:45px auto 0;max-width:1160px}.skill{border:3px solid #000;box-shadow:7px 7px #000;padding:19px 22px;background:var(--cream);color:#000;font:700 clamp(1.2rem,2vw,2rem) "Archivo Black";letter-spacing:-.07em}.skill span{font:13px DM Mono;margin-right:9px;color:var(--red)}.skill-1,.skill-5,.skill-9{background:var(--red);color:#000}.skill-3,.skill-7,.skill-11{background:var(--lime)}.skill-2,.skill-6{background:#111;color:var(--cream);border-color:var(--cream);box-shadow:7px 7px var(--cream)}.projects{background:#15151a}.projects>h2{font-size:clamp(4.5rem,11vw,12rem)}.project{display:grid;grid-template-columns:.82fr 1.18fr;min-height:520px;border:3px solid #000;box-shadow:13px 13px #000;background:var(--cream);color:#0e0d0f}.project.flip{grid-template-columns:1.18fr .82fr}.project-info{padding:34px;display:flex;flex-direction:column;align-items:flex-start}.project-no{font:clamp(4rem,8vw,8rem) "Archivo Black";line-height:.7;color:var(--red)}.orange .project-no{color:var(--orange)}.blue .project-no{color:var(--blue)}.lime .project-no{color:#68a600}.category{font:9px DM Mono;letter-spacing:.08em;margin:23px 0 10px}.project-info>p:not(.category){font-size:13px;line-height:1.6;max-width:290px}.tags{display:flex;flex-wrap:wrap;gap:6px;margin:auto 0 24px}.tags span,.detail-tags span{border:2px solid #000;padding:5px 7px;font:9px DM Mono;background:#fff}.project-visual{position:relative;min-height:330px;overflow:hidden;background:#241d2a}.orange .project-visual{background:#ff6f31}.blue .project-visual{background:#b7d6eb}.lime .project-visual{background:#c5e95c}.art{position:absolute;top:0;right:0;bottom:0;left:0}.orbit{position:absolute;width:110%;height:110%;top:-5%;left:-5%;border:2px dashed #ff8b7e;border-radius:50%;animation:spin 18s linear infinite}.drone-shape{position:absolute;top:42%;left:28%;width:230px;height:84px;background:#e8e3d7;border:4px solid #111;border-radius:50% 50% 22px 22px;rotate:-12deg;box-shadow:13px 14px #111}.drone-shape:before,.drone-shape:after{content:"";position:absolute;top:-8px;width:105px;height:9px;background:#e8e3d7;border:3px solid #111}.drone-shape:before{left:-79px;rotate:-15deg}.drone-shape:after{right:-79px;rotate:15deg}.drone-shape b{position:absolute;width:35px;height:35px;border:6px solid #111;border-radius:50%;top:-20px}.drone-shape b:first-child{left:-80px}.drone-shape b:nth-child(2){right:-80px}.drone-shape em{position:absolute;left:45%;bottom:11px;width:22px;height:22px;border-radius:50%;background:var(--red);border:3px solid #111}.map-dot{position:absolute;right:17%;bottom:18%;width:44px;height:44px;display:grid;place-items:center;background:var(--red);border:3px solid #111;border-radius:50%;font:10px DM Mono;animation:blink 2s infinite}.tee{position:absolute;right:20%;top:13%;width:220px;height:260px;background:var(--cream);clip-path:polygon(25% 0,37% 8%,63% 8%,75% 0,100% 22%,84% 42%,75% 34%,75% 100%,25% 100%,25% 34%,16% 42%,0 22%);border:3px solid #111;color:#111;font:100px Archivo Black;padding:72px 60px;rotate:8deg;filter:drop-shadow(11px 11px #111)}.tee span{font:35px Manrope}.price{position:absolute;right:5%;bottom:10%;border:3px solid #000;background:#111;color:var(--cream);padding:12px;font:11px DM Mono;rotate:-8deg}.price b{color:var(--orange)}.swatches{position:absolute;left:11%;bottom:13%;display:flex;gap:7px}.swatches i{width:20px;height:20px;border:2px solid #000;border-radius:50%;background:var(--red)}.swatches i:nth-child(2){background:var(--blue)}.swatches i:nth-child(3){background:var(--lime)}.swatches i:nth-child(4){background:var(--cream)}.exam-ui{position:absolute;right:8%;top:17%;width:70%;min-height:64%;border:3px solid #000;box-shadow:10px 10px #000;background:var(--cream);padding:22px;display:flex;flex-direction:column;gap:16px;color:#111}.exam-ui small{font:9px DM Mono;color:var(--blue)}.exam-ui b{font-size:20px;line-height:1.1}.exam-ui i{height:10px;background:#d6d2cb;border:2px solid #111}.exam-ui i:nth-of-type(2){width:80%}.exam-ui i:nth-of-type(3){width:64%}.exam-ui span{margin-top:auto;align-self:end;background:var(--blue);color:#fff;padding:10px;font:10px DM Mono}.route-lines{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(25deg,transparent 48%,#243812 48.5% 49%,transparent 49.5%),linear-gradient(123deg,transparent 45%,#243812 45.5% 46%,transparent 46.5%)}.truck{position:absolute;right:9%;bottom:22%;width:260px;height:105px;background:var(--red);border:3px solid #000;box-shadow:10px 10px #000;padding:35px 20px}.truck:before{content:"";position:absolute;left:-74px;bottom:-3px;width:75px;height:69px;background:var(--cream);border:3px solid #000;clip-path:polygon(35% 0,100% 0,100% 100%,0 100%,0 45%)}.truck b{font:22px Archivo Black;letter-spacing:-.08em}.truck i{position:absolute;width:32px;height:32px;background:#111;border:4px solid var(--cream);border-radius:50%;bottom:-20px}.truck i:first-of-type{left:17px}.truck i:nth-of-type(2){right:17px}.point{position:absolute;width:18px;height:18px;border:4px solid #111;border-radius:50%;background:var(--orange);animation:blink 2s infinite}.point.a{top:21%;right:36%}.point.b{bottom:12%;left:22%}.view-project{position:absolute;right:20px;top:20px;border-radius:50%;width:84px;height:84px;background:var(--cream);color:#000;border:3px solid #000;box-shadow:5px 5px #000;font:10px DM Mono;opacity:0;scale:.7;transition:.25s}.project:hover .view-project{opacity:1;scale:1}.experience{background:var(--red);color:#111}.experience .section-label span{background:#111}.timeline{margin-top:50px;border-top:3px solid #111;border-bottom:3px solid #111;display:grid;grid-template-columns:25% 1fr auto;gap:20px;padding:25px 0;align-items:center}.timeline>span{font:clamp(3.5rem,8vw,8rem) "Archivo Black";line-height:.8}.timeline p{font:10px DM Mono;margin-bottom:9px}.timeline h3{font-size:clamp(1.6rem,3vw,3.4rem);margin-bottom:13px}.timeline small{font:10px DM Mono}.timeline>i{font:50px Archivo Black;font-style:normal}.building{background:#121217}.building h2{font-size:clamp(4rem,10vw,10rem)}.build-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:23px;max-width:1150px;margin:50px auto}.build-card{min-height:230px;border:3px solid #000;box-shadow:9px 9px #000;background:var(--cream);color:#111;padding:20px;font:10px DM Mono}.build-card strong{font:clamp(3rem,7vw,6.5rem) "Archivo Black";display:block;margin-top:38px;letter-spacing:-.1em}.build-card span{display:block;margin-top:9px}.build-card.c1{background:var(--orange)}.build-card.c2{background:var(--lime)}.contact{background:var(--cream);color:#111;min-height:90vh}.contact .section-label span{background:var(--red)}.contact h2{font-size:clamp(4.4rem,12vw,13rem);margin-bottom:32px}.contact>p{font-size:clamp(1.1rem,2vw,1.6rem);line-height:1.4}.contact-links{display:flex;gap:13px;flex-wrap:wrap;margin-top:28px}.contact-links .brutal-button{background:#111;color:var(--cream);border-color:#111;box-shadow:6px 6px var(--red)}footer{min-height:70px;background:#111;color:var(--cream);display:grid;grid-template-columns:1fr 1fr auto auto;align-items:center;gap:20px;padding:20px 5vw;font:10px DM Mono;letter-spacing:.06em}footer b{font:16px Archivo Black;letter-spacing:-.08em}footer i{font-size:24px;color:var(--orange)}.overlay{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;background:#000000d6;display:grid;place-items:center;padding:20px;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.detail{position:relative;overflow:auto;max-height:90vh;width:min(100%,1000px);background:var(--cream);color:#111;border:4px solid #000;box-shadow:14px 14px #000;padding:35px}.detail.orange{background:var(--orange)}.detail.blue{background:#b7d6eb}.detail.lime{background:var(--lime)}.close{position:absolute;top:15px;right:15px;width:38px;height:38px;border:3px solid #000;background:#111;color:#fff;font-size:25px}.detail-number{font:clamp(4rem,9vw,8rem) "Archivo Black";color:var(--red);line-height:.7;position:absolute;right:32px;top:75px}.detail h2{font-size:clamp(3rem,7vw,7rem);max-width:650px;margin:35px 0}.detail .art{position:relative;height:340px;border:3px solid #000;background:#251d2c}.detail-copy{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:27px 0}.detail-copy b{font:10px DM Mono}.detail-copy p{font-size:13px;line-height:1.5;margin-top:8px}.detail-tags{display:flex;flex-wrap:wrap;gap:7px}@keyframes drift{to{transform:translate(10vw,7vh) scale(1.15)}}@keyframes spin{to{rotate:360deg}}@keyframes blink{50%{opacity:.35;scale:.85}}@media (max-width:760px){.navbar{top:12px;min-height:48px}.nav-cta{display:none}.menu{display:block;margin-left:auto}.nav-list{display:none}.navbar.open .nav-list{position:absolute;display:flex;flex-direction:column;top:50px;left:-2px;right:-2px;padding:20px;background:#111;border:2px solid var(--cream)}.navbar.open .nav-list a{font-size:12px;padding:8px}.section{padding:100px 20px 55px}.hero{min-height:100svh}.hero:after{width:52vw;height:52vw;right:6vw;top:17%}.hero h1{font-size:clamp(4.7rem,22vw,7rem)}.hero-role{right:auto;left:20px;top:auto;bottom:25%;font-size:10px}.hero-copy{bottom:10%;right:20px;left:auto;width:180px;font-size:11px}.hero-actions{position:absolute;bottom:3%;left:20px}.hero-actions .brutal-button{font-size:9px;padding:11px}.availability,.hero-square,.code-sticker{display:none}.about-layout{grid-template-columns:1fr;gap:45px}.about-art{height:350px}.about h2,.stack h2,.projects>h2,.experience h2,.building h2{font-size:clamp(3.8rem,18vw,6rem)}.stack-heading{display:block}.stack-heading p{margin-top:20px}.skill-wall{gap:12px}.skill{padding:14px;font-size:1.2rem}.project-list{gap:45px}.project,.project.flip{display:flex;flex-direction:column;min-height:0}.project.flip .project-info{order:0}.project-info{padding:25px;min-height:350px}.project-visual{min-height:320px}.project h3{font-size:2.8rem}.drone-shape{scale:.7;transform-origin:left}.tee{scale:.68;transform-origin:top right;right:4%}.exam-ui{width:80%;right:6%}.truck{scale:.7;transform-origin:right bottom}.view-project{opacity:1;scale:1;width:67px;height:67px;font-size:8px}.timeline{grid-template-columns:1fr;gap:12px}.timeline>i{display:none}.build-cards{grid-template-columns:1fr;gap:18px}.build-card{min-height:150px}.build-card strong{margin-top:18px;font-size:4rem}.contact{min-height:80svh}.contact h2{font-size:clamp(4rem,18vw,6.5rem)}.contact-links{display:grid;grid-template-columns:1fr}.contact-links .brutal-button{width:100%}footer{grid-template-columns:1fr 1fr;gap:10px;padding:20px}footer span:first-of-type{display:none}.detail{padding:23px;max-height:92vh}.detail h2{font-size:3rem;margin-top:35px}.detail-number{top:84px;right:20px;font-size:4rem}.detail .art{height:240px}.detail-copy{grid-template-columns:1fr;gap:5px}.ambient{display:none}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}@media (pointer:fine){body,a,button{cursor:none}.custom-cursor{position:fixed;z-index:60;top:0;left:0;width:13px;height:13px;border:2px solid #f4f0e6;border-radius:50%;pointer-events:none;color:transparent;font:9px DM Mono;display:grid;place-items:center;transition:width .2s ease,height .2s ease,background .2s ease,border-color .2s ease}.custom-cursor.hover{width:32px;height:32px;background:#f4f0e6;border-color:#111}.custom-cursor.view{width:76px;height:76px;background:#ff4f42;border-color:#111;color:#111;box-shadow:4px 4px #111}}@media (pointer:coarse){.custom-cursor{display:none}}.section{padding-left:clamp(20px,5vw,80px);padding-right:clamp(20px,5vw,80px)}.section>*:not(.hero-grid):not(.portrait-composition):not(.availability){max-width:1400px;margin-left:auto;margin-right:auto}.navbar{width:min(calc(100% - clamp(40px,10vw,160px)),1400px);padding:0 18px}.brand:after{content:"."}.hero{display:grid;grid-template-columns:minmax(0,7fr) minmax(330px,5fr);align-items:center;gap:clamp(24px,4vw,74px);min-height:100svh;padding-top:118px;padding-bottom:70px}.hero:after{display:none}.hero-inner{width:100%;max-width:none!important;margin:0!important;position:relative;z-index:2}.hero h1{font-size:clamp(5.4rem,10.7vw,10.8rem);line-height:.78;white-space:nowrap}.hero-role{position:static;margin:28px 0 14px;font-size:12px;line-height:1.55}.hero-copy{position:static;margin:0;max-width:410px;font-size:15px;line-height:1.6}.hero-actions{margin-top:27px}.portrait-composition{position:relative;justify-self:end;width:min(100%,500px);aspect-ratio:.88;z-index:1}.portrait-frame{position:absolute;top:6%;right:9%;bottom:0;left:4%;overflow:hidden;border:3px solid #0a0a0a;background:#e9e0d3;box-shadow:12px 12px #0a0a0a;clip-path:polygon(7% 0,100% 0,94% 91%,80% 100%,0 95%,3% 16%)}.portrait-frame img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 22%;object-position:center 22%;filter:contrast(1.15) grayscale(.15);scale:1.05}.portrait-arc{position:absolute;width:91%;height:91%;right:-5%;top:2%;border:22px solid var(--red);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;rotate:28deg}.portrait-coordinates{position:absolute;z-index:2;right:-3%;top:20%;padding:10px;background:var(--blue);border:2px solid #000;box-shadow:5px 5px #000;color:#fff;font:9px DM Mono;rotate:7deg}.portrait-label{position:absolute;z-index:3;left:-5%;bottom:9%;padding:10px 12px;background:var(--lime);border:2px solid #000;box-shadow:5px 5px #000;font:9px DM Mono;line-height:1.5;rotate:-4deg}.availability{right:clamp(20px,5vw,80px);bottom:25px}.hero-grid{opacity:.65}.project{grid-template-columns:40% 60%;max-width:1400px;margin-inline:auto}.project.flip{grid-template-columns:60% 40%}.project.layout-2{grid-template-columns:1fr}.project.layout-2 .project-visual{min-height:460px;order:0}.project.layout-2 .project-info{display:grid;grid-template-columns:.15fr 1fr 1fr;-moz-column-gap:30px;column-gap:30px;align-items:start}.project.layout-3{grid-template-columns:60% 40%}.project-visual{overflow:hidden;background:#111!important}.project-image{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s cubic-bezier(.16,1,.3,1),filter .4s ease}.project-visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(130deg,transparent 45%,rgba(255,255,255,.14));mix-blend-mode:screen}.project:hover .project-image{transform:scale(1.035);filter:saturate(1.08)}.red .project-no{color:#4b7cff}.orange .project-no{color:#68a600}.blue .project-no{color:#d99700}.lime .project-no{color:#ed5a21}.red .project-visual{box-shadow:inset 12px 0 var(--blue)}.orange .project-visual{box-shadow:inset 12px 0 var(--lime)}.blue .project-visual{box-shadow:inset 12px 0 #ffcf3b}.lime .project-visual{box-shadow:inset 12px 0 var(--orange)}.project-info{gap:0}.project-info .tags{margin-top:22px}.detail-visual{height:340px;border:3px solid #000;overflow:hidden;background:#111}.detail-visual .project-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.about-art{background:#111}.skill{display:inline-flex;align-items:center}.skill svg{width:20px}.custom-cursor.view{background:var(--cream)}@media (max-width:900px){.hero{grid-template-columns:1fr;gap:32px;padding-top:105px}.hero h1{font-size:clamp(5rem,16vw,8rem);white-space:normal}.portrait-composition{justify-self:center;width:min(75vw,470px);order:2}.hero-inner{order:1}.availability{display:none}.project,.project.flip,.project.layout-3{grid-template-columns:1fr}.project.flip .project-info{order:0}.project.layout-2 .project-info{display:flex}.project.layout-2 .project-visual{min-height:330px}.project.layout-2 .project-no{grid-row:auto}.project.layout-2 .brutal-button{grid-column:auto}.project-visual{min-height:360px}.navbar{width:calc(100% - 40px)}}@media (max-width:540px){.hero{padding-top:90px;padding-bottom:46px;gap:25px}.hero h1{font-size:clamp(4.5rem,19vw,6.2rem)}.hero-role{font-size:10px;margin-top:22px}.hero-copy{font-size:13px}.hero-actions{display:grid;grid-template-columns:1fr;margin-top:22px}.hero-actions .brutal-button{width:100%}.portrait-composition{width:82vw}.portrait-frame{top:6%;right:7%;bottom:0;left:3%}.portrait-coordinates{right:-5%;font-size:8px}.portrait-label{font-size:8px}.project-info{min-height:auto}.project-visual{min-height:260px}.project h3{font-size:2.5rem}.project .project-info{padding:25px}.project .project-visual{order:1}.project-info .project-no{order:-2}.project-info .category{order:-1}.project-info>p:not(.category){order:2}.project-info .tags{order:3;margin:20px 0}.project-info .brutal-button{order:4}.detail-visual{height:210px}}.scroll-progress{position:fixed;z-index:45;top:0;left:0;right:0;height:2px;background:#f4f0e62e;display:flex;align-items:center}.scroll-progress span{position:absolute;left:14px;top:10px;font:9px DM Mono;color:var(--cream)}.scroll-progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--red),#ff8c27,#4b7cff)}.marquee{overflow:hidden;background:var(--cream);color:#111;border-top:3px solid #000;border-bottom:3px solid #000;white-space:nowrap}.marquee.accent{background:var(--lime)}.marquee>div{display:inline-block;padding:13px 0;font:700 14px DM Mono;letter-spacing:.08em;animation:marquee 24s linear infinite}.marquee:hover>div{animation-play-state:paused}.title-preview{position:fixed;z-index:19;right:4vw;bottom:4vw;width:200px;height:135px;border:3px solid #000;box-shadow:7px 7px #000;pointer-events:none;overflow:hidden}.title-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.page{padding-top:140px;min-height:100svh}.static-page>h1{font-size:clamp(5rem,13vw,13rem);margin-bottom:60px}.about-page-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,8vw,120px);align-items:center}.about-page-grid img{width:100%;aspect-ratio:1;-o-object-fit:cover;object-fit:cover;filter:grayscale(1) contrast(1.15);border:3px solid #000;box-shadow:11px 11px var(--red)}.about-page-grid h2{font-size:clamp(2.6rem,5vw,6rem);margin-bottom:18px}.about-page-grid p{max-width:550px;line-height:1.65}.about-page-grid ol{list-style:none;padding:0;margin:35px 0 0;border-top:2px solid currentColor}.about-page-grid li{padding:12px 0;border-bottom:2px solid currentColor;font:700 16px DM Mono}.about-page-grid li:before{content:"↓ ";color:var(--red)}.focus-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:80px}.focus-cards div{background:var(--cream);color:#111;border:3px solid #000;box-shadow:7px 7px #000;padding:24px;font:clamp(1.3rem,2vw,2rem) "Archivo Black"}.focus-cards span{display:block;font:9px DM Mono;letter-spacing:.08em;margin-top:28px}.focus-cards div:nth-child(2){background:var(--blue);color:#fff}.focus-cards div:nth-child(3){background:var(--orange)}.focus-cards div:nth-child(4){background:var(--lime)}.archive{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.archive a{position:relative;min-height:340px;display:flex;flex-direction:column;justify-content:end;overflow:hidden;border:3px solid #000;color:#fff;text-decoration:none;background:#111;padding:22px;box-shadow:8px 8px #000}.archive img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.75;transition:transform .5s ease}.archive a:hover img{transform:scale(1.06)}.archive:has(a:hover) a:not(:hover){opacity:.65}.archive span,.archive b,.archive small{position:relative;z-index:1}.archive span{font:clamp(3rem,6vw,6rem) "Archivo Black";line-height:.7;color:var(--lime)}.archive b{font:clamp(1.8rem,3vw,3.5rem) "Archivo Black";letter-spacing:-.08em;margin-top:12px}.archive small{font:9px DM Mono;margin-top:9px}.stack-page{margin-top:100px}.stack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stack-grid div{min-height:145px;padding:18px;background:var(--cream);color:#111;border:3px solid #000;box-shadow:6px 6px #000;transition:.2s}.stack-grid div:hover{transform:translate(-2px,-5px) rotate(1deg);box-shadow:10px 11px #000}.stack-grid i{display:block;font-style:normal;color:var(--red);font-size:20px}.stack-grid b{display:block;font:1.6rem Archivo Black;letter-spacing:-.08em;margin-top:24px}.stack-grid small{font:9px DM Mono}.experience-page{background:#98da57;color:#111}.experience-page article{display:grid;grid-template-columns:.35fr 1fr;gap:35px;border-top:3px solid #111;border-bottom:3px solid #111;padding:38px 0}.experience-page article>span{font:clamp(4rem,10vw,10rem) "Archivo Black";line-height:.7}.experience-page h2{font-size:clamp(2rem,4vw,5rem)}.experience-page p{line-height:1.6;max-width:520px}.contact-page{background:linear-gradient(130deg,#fb4d9b,#ff8c27);color:#111}.contact-page h1{font-size:clamp(4.5rem,12vw,13rem);margin-bottom:38px}.contact-page>p{font-size:clamp(1.2rem,2.3vw,2rem);font-weight:700}.contact-page>div{display:flex;gap:14px;margin-top:30px}.contact-page .brutal-button{background:#111;color:var(--cream)}.project-page{--project:#4b7cff;background:#101219;min-height:100vh}.project-page.orange{--project:#c8fa48}.project-page.blue{--project:#a970ff}.project-page.lime{--project:#ffae3d}.detail-hero{min-height:75vh;display:flex;flex-direction:column;justify-content:end;padding-bottom:70px;background:radial-gradient(circle at 78% 35%,color-mix(in srgb,var(--project) 33%,transparent),transparent 33%)}.detail-hero>span{font:clamp(6rem,16vw,16rem) "Archivo Black";color:var(--project);line-height:.7}.detail-hero h1{font-size:clamp(4rem,11vw,12rem);margin:25px 0}.detail-hero>p{font:13px DM Mono;max-width:380px;line-height:1.7}.detail-image{width:min(1400px,90%);height:min(73vw,720px);margin:0 auto;border:3px solid #000;box-shadow:14px 14px var(--project);overflow:hidden}.detail-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.gallery{display:flex;gap:24px;width:140%;padding:110px 0 100px 5vw}.gallery figure{margin:0;width:34%;flex:none}.gallery img{width:100%;aspect-ratio:1.35;-o-object-fit:cover;object-fit:cover;border:3px solid #000;box-shadow:8px 8px var(--project)}.gallery figcaption{font:10px DM Mono;margin-top:15px}.case-grid{max-width:1400px!important;display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding-top:30px!important}.case-grid article{min-height:205px;padding:25px;border:2px solid rgba(244,240,230,.4)}.case-grid b{font:10px DM Mono;color:var(--project);letter-spacing:.08em}.case-grid p{font-size:14px;line-height:1.6}.project-next{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.project-next a{color:var(--cream);font:11px DM Mono;line-height:1.6;text-decoration:none}.project-next a:last-child{text-align:right}.project-next b{font:clamp(1.3rem,3vw,3rem) "Archivo Black";letter-spacing:-.08em}.project-next .brutal-button{background:var(--project)}@keyframes marquee{to{transform:translate(-25%)}}@media (max-width:760px){.scroll-progress span,.title-preview{display:none}.page{padding-top:100px}.about-page-grid{grid-template-columns:1fr}.focus-cards{grid-template-columns:1fr 1fr;margin-top:45px}.archive{grid-template-columns:1fr}.archive a{min-height:280px}.stack-grid{grid-template-columns:1fr 1fr}.experience-page article{grid-template-columns:1fr}.contact-page>div{display:grid;grid-template-columns:1fr}.contact-page .brutal-button{width:100%}.detail-hero{min-height:62svh}.detail-image{width:calc(100% - 40px);height:300px}.gallery{width:auto;overflow:auto;padding:60px 20px;gap:16px}.gallery figure{width:85%}.case-grid{grid-template-columns:1fr}.case-grid article{min-height:auto}.project-next{grid-template-columns:1fr;gap:25px}.project-next a:last-child{text-align:left}.project-next .brutal-button{width:100%}}@media (prefers-reduced-motion:reduce){.marquee>div{animation:none}.title-preview{display:none}}.drone{--accent:#37baff;--accent-secondary:#63f3ff}.shirt{--accent:#c8fa48;--accent-secondary:#ff4da0}.truck{--accent:#ff8c27;--accent-secondary:#ffd233}.exam{--accent:#a970ff;--accent-secondary:#4b7cff}.project.drone,.project.shirt,.project.truck,.project.exam{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 20%,#f4f0e6),#f4f0e6 48%)}.project.drone .project-no,.project.shirt .project-no,.project.truck .project-no,.project.exam .project-no{color:var(--accent)}.project.drone .project-visual,.project.shirt .project-visual,.project.truck .project-visual,.project.exam .project-visual{box-shadow:inset 12px 0 var(--accent);background:var(--accent)!important}.project .brutal-button{background:var(--accent, var(--cream))}.gps-label{position:absolute;left:18px;bottom:18px;padding:7px 9px;background:var(--accent);border:2px solid #000;box-shadow:3px 3px #000;color:#111;font:9px DM Mono;letter-spacing:.06em}.title-preview{right:auto;bottom:auto;will-change:transform;z-index:61}.project-page.drone{--project:#37baff;background:linear-gradient(145deg,#071116,#101219 55%,#06212a)}.project-page.shirt{--project:#c8fa48;background:linear-gradient(145deg,#21101e,#101219 58%,#291326)}.project-page.truck{--project:#ff9a28;background:linear-gradient(145deg,#241507,#101219 60%,#2b2007)}.project-page.exam{--project:#a970ff;background:linear-gradient(145deg,#191129,#101219 60%,#0c1938)}.detail-image{position:relative}.detail-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(135deg,color-mix(in srgb,var(--project) 28%,transparent),transparent 50%);mix-blend-mode:screen}.detail-image small{position:absolute;z-index:2;left:18px;bottom:18px;padding:8px 10px;border:2px solid #000;background:var(--project);color:#111;box-shadow:4px 4px #000;font:9px DM Mono}.gallery{--gallery-progress:1;position:relative}.gallery:before{content:"FRAME 0" var(--gallery-progress);position:absolute;left:5vw;top:75px;color:var(--project);font:10px DM Mono;letter-spacing:.12em}.project-page .section-label span{background:var(--project)}.portrait-frame{transition:clip-path .5s ease,transform .5s ease}.portrait-composition:hover .portrait-frame{transform:scale(1.025);clip-path:polygon(2% 4%,97% 0,100% 87%,78% 100%,1% 93%,5% 12%)}.contact:before{content:"JSP. / 2026 / INDIA / SCROLL ↓";position:absolute;right:6vw;top:17%;font:10px DM Mono;letter-spacing:.12em;rotate:90deg;transform-origin:right top;color:var(--red)}.about{min-height:auto;padding-block:100px}.about-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(35px,6vw,95px);align-items:center}.about-art{height:clamp(310px,34vw,440px)}.about-copy h2{font-size:clamp(4.4rem,8vw,8.1rem);line-height:.84;margin:0 0 23px}.about-copy h3{font-size:clamp(2.25rem,4vw,4.4rem);line-height:.9;margin:0 0 20px}.about-copy h3 span{color:var(--orange);text-shadow:4px 4px 0 var(--blue)}.about-copy p{max-width:520px;font-size:clamp(1rem,1.25vw,1.3rem);line-height:1.55;margin-bottom:12px}.about-copy .intro{font-weight:700}.about .info-grid{margin-top:24px;border-color:#f4f0e673}.about .info-grid b{grid-template-columns:110px 1fr;padding:9px 0;font-size:9px;border-color:#f4f0e661}.about .info-grid span{font-size:10px;letter-spacing:.04em}.stack{min-height:auto;padding-block:100px}.stack-heading h2{font-size:clamp(4.1rem,7vw,7.5rem);line-height:.82;max-width:760px}.skill-wall{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;margin-top:38px}.skill{min-height:88px;padding:14px;font-size:clamp(1rem,1.7vw,1.7rem);box-shadow:5px 5px #000;justify-content:flex-start}.skill:nth-child(1){background:#f3d936}.skill:nth-child(2),.skill:nth-child(6){background:#55a4ff}.skill:nth-child(3),.skill:nth-child(4){background:var(--cream)}.skill:nth-child(5),.skill:nth-child(8){background:#66d48d}.skill:nth-child(7),.skill:nth-child(10){background:var(--orange)}.skill:nth-child(9){background:#ff704f}.skill:nth-child(11){background:#ff9a38}.skill:nth-child(12){background:var(--lime)}.skill:nth-child(3n){rotate:-1deg}.skill:nth-child(4n){rotate:1deg}.projects{min-height:auto;padding-block:105px}.projects>h2{font-size:clamp(4.2rem,8vw,8.5rem);margin-bottom:44px}.project-list{display:flex;flex-direction:column;gap:58px;margin:0 auto}.project,.project.flip,.project.layout-2,.project.layout-3{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)!important;min-height:390px;max-width:1120px}.project:nth-child(2n){grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)!important}.project:nth-child(2n) .project-info{order:2}.project:nth-child(2n) .project-visual{order:1}.project-info,.project.layout-2 .project-info{display:flex!important;padding:28px 30px;min-height:0}.project-no{font-size:clamp(3.8rem,6vw,6.5rem);margin-bottom:6px}.project h3{font-size:clamp(2.45rem,4.2vw,4.3rem);margin-bottom:13px}.project-info>p:not(.category){font-size:13px;max-width:360px}.project-info .tags{margin:18px 0}.project-info .brutal-button{margin-top:auto}.project-visual,.project.layout-2 .project-visual{min-height:390px!important}.project:hover{box-shadow:17px 17px 0 var(--accent);border-color:var(--accent)}.project:hover .project-no{transform:translate(7px)}.project-no{transition:transform .32s ease}.project.shirt{--accent:#ff6b2c;--accent-secondary:#f5489b}.project.shirt .gps-label{background:var(--accent-secondary)}.project.truck{--accent:#c8fa48;--accent-secondary:#ffe139}.project.truck .gps-label{background:var(--accent-secondary)}.case-back{font:10px DM Mono;letter-spacing:.08em;color:var(--cream);text-decoration:none;margin-bottom:34px}.detail-hero{min-height:62vh;padding-top:145px}.detail-hero .section-label{order:2;margin-top:17px;margin-bottom:0}.detail-hero>span{font-size:clamp(5rem,10vw,9rem);order:1}.detail-hero h1{font-size:clamp(4rem,9vw,9.5rem);margin:22px 0 17px;order:3}.detail-hero>p{font-size:clamp(1rem,1.5vw,1.35rem);max-width:550px;order:4}.case-meta{min-height:auto;display:grid;grid-template-columns:repeat(3,1fr);padding-top:55px;padding-bottom:55px;gap:0}.case-meta article{display:grid;gap:12px;padding:16px 22px;border-left:2px solid color-mix(in srgb,var(--project) 55%,transparent)}.case-meta b,.case-meta span{font:10px DM Mono;letter-spacing:.08em}.case-meta span{font-size:12px;line-height:1.5}.case-story{min-height:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;padding-top:70px;padding-bottom:70px;background:color-mix(in srgb,var(--project) 8%,#101219)}.case-story h2,.case-outcome h2{font-size:clamp(2.8rem,5vw,5.5rem);line-height:.9}.case-story>p,.case-outcome>p{max-width:750px;font-size:clamp(1rem,1.35vw,1.25rem);line-height:1.7}.story-columns{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:18px}.story-columns article{border-top:3px solid var(--project);padding-top:13px}.story-columns b,.case-challenges span{font:10px DM Mono;color:var(--project);letter-spacing:.08em}.story-columns p{font-size:14px;line-height:1.65}.case-tech{min-height:auto;padding-top:85px;padding-bottom:85px}.case-tech>div{display:flex;flex-wrap:wrap;gap:16px}.case-tech article{display:grid;gap:14px;min-width:190px;flex:1;padding:19px;background:var(--project);border:3px solid #000;box-shadow:7px 7px #000;color:#111}.case-tech i,.case-tech small{font:9px DM Mono;font-style:normal}.case-tech b{font:clamp(1.4rem,2vw,2.2rem) "Archivo Black";letter-spacing:-.08em}.case-process{min-height:auto;padding-top:70px;padding-bottom:75px;background:#0d0d0e}.case-process>div{display:grid;grid-template-columns:repeat(6,1fr);border-top:2px solid var(--project)}.case-process article{min-height:130px;display:flex;flex-direction:column;gap:20px;padding:17px 10px;border-right:1px solid rgba(244,240,230,.3)}.case-process span{font:10px DM Mono;color:var(--project)}.case-process b{font:clamp(.95rem,1.6vw,1.5rem) "Archivo Black";letter-spacing:-.06em}.case-gallery{min-height:auto;padding-top:80px;padding-bottom:80px}.case-gallery>div{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.case-gallery figure{margin:0;position:relative;overflow:hidden;border:3px solid #000;box-shadow:8px 8px var(--project)}.case-gallery .item-0{grid-row:span 2}.case-gallery img{display:block;width:100%;height:100%;min-height:240px;-o-object-fit:cover;object-fit:cover}.case-gallery .item-0 img{min-height:510px}.case-gallery figcaption{position:absolute;left:12px;bottom:12px;padding:6px 8px;background:var(--project);color:#111;font:9px DM Mono}.case-challenges{min-height:auto;padding-top:75px;padding-bottom:75px;background:color-mix(in srgb,var(--project) 13%,#111)}.case-challenges>div{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.case-challenges article{min-height:155px;padding:20px;background:#111;border:2px solid var(--project);box-shadow:6px 6px 0 var(--project)}.case-challenges p{font-size:15px;line-height:1.55}.case-outcome{min-height:auto;padding-top:95px;padding-bottom:95px}.case-outcome h2{margin:24px 0}.case-all{justify-self:center;padding:15px 18px;background:var(--project);border:3px solid #000;box-shadow:6px 6px #000;color:#111!important;font-weight:700}@media (max-width:760px){.about{padding-block:70px}.about-layout{grid-template-columns:1fr;gap:34px}.about-art{height:330px}.about-copy h2{font-size:clamp(4rem,16vw,6rem)}.about-copy h3{font-size:2.45rem}.about-copy p{font-size:16px}.skill-wall{grid-template-columns:repeat(2,1fr)}.skill{min-height:75px}.project,.project:nth-child(2n),.project.flip,.project.layout-2,.project.layout-3{display:flex!important;flex-direction:column!important;min-height:0}.project:nth-child(2n) .project-info,.project:nth-child(2n) .project-visual{order:initial}.project-info{order:1!important}.project-visual,.project.layout-2 .project-visual{order:2!important;min-height:280px!important}.project-info .brutal-button{margin-top:18px}.case-meta,.case-story{grid-template-columns:1fr}.case-meta article{border-left:0;border-top:2px solid color-mix(in srgb,var(--project) 55%,transparent);padding:15px 0}.story-columns{grid-column:auto;grid-template-columns:1fr}.case-process>div{grid-template-columns:repeat(2,1fr)}.case-gallery>div{grid-template-columns:1fr}.case-gallery .item-0{grid-row:auto}.case-gallery .item-0 img{min-height:280px}.case-challenges>div{grid-template-columns:1fr}.case-outcome{padding-block:70px}.project-next{grid-template-columns:1fr}.case-all{justify-self:start}.contact:before{display:none}}.about{min-height:100vh;padding-block:130px 80px}.about-layout{grid-template-columns:1.05fr .95fr;gap:8vw;align-items:center}.about-art{height:470px}.stack{min-height:100vh;padding-block:130px 80px}.stack-heading h2{font-size:clamp(4rem,10vw,11rem);line-height:.82;max-width:none}.skill-wall{display:flex;flex-wrap:wrap;gap:17px;align-items:center;margin:45px auto 0}.skill{min-height:0;padding:19px 22px;font-size:clamp(1.2rem,2vw,2rem);box-shadow:7px 7px #000}.projects{min-height:100vh;padding-block:130px 80px}.projects>h2{font-size:clamp(4.5rem,11vw,12rem);margin-bottom:0}.project-list{display:grid;gap:80px;max-width:1280px;margin:50px auto}.project,.project.flip,.project.layout-3{display:grid!important;min-height:520px;max-width:1400px}.project{grid-template-columns:40% 60%!important}.project.flip{grid-template-columns:60% 40%!important}.project.flip .project-info{order:2}.project.layout-2{grid-template-columns:1fr!important}.project.layout-2 .project-visual{min-height:460px!important;order:0}.project.layout-2 .project-info{display:grid!important;grid-template-columns:.15fr 1fr 1fr;-moz-column-gap:30px;column-gap:30px;align-items:start}.project.layout-2 .project-no{grid-row:span 4}.project.layout-2 .tags{margin:0}.project.layout-2 .brutal-button{grid-column:2}.project.layout-3{grid-template-columns:60% 40%!important}.project-info{display:flex!important;padding:34px;min-height:0}.project-no{font-size:clamp(4rem,8vw,8rem);margin-bottom:0}.project h3{font-size:clamp(2.3rem,4vw,4.8rem);margin-bottom:18px}.project-info>p:not(.category){max-width:290px}.project-info .tags{margin:22px 0 24px}.project-info .brutal-button{margin-top:0}.project-visual,.project.layout-2 .project-visual{min-height:330px!important}.project:hover{box-shadow:13px 13px #000;border-color:#000}.project:hover .project-no{transform:none}.project.shirt{--accent:#c8fa48;--accent-secondary:#ff4da0}.project.truck{--accent:#ff8c27;--accent-secondary:#ffd233}.project.shirt .gps-label,.project.truck .gps-label{background:var(--accent)}@media (max-width:900px){.project,.project.flip,.project.layout-3{grid-template-columns:1fr!important}.project.flip .project-info{order:0}.project.layout-2 .project-info{display:flex!important}.project.layout-2 .project-visual{min-height:330px!important}.project.layout-2 .project-no{grid-row:auto}.project.layout-2 .brutal-button{grid-column:auto}}@media (max-width:760px){.about{min-height:100vh;padding-block:100px 55px}.about-layout{grid-template-columns:1fr;gap:45px}.about-art{height:350px}.stack{padding-block:100px 55px}.skill-wall{display:flex;gap:12px}.skill{min-height:0;padding:14px;font-size:1.2rem}.projects{padding-block:100px 55px}.project,.project:nth-child(2n),.project.flip,.project.layout-2,.project.layout-3{display:flex!important;flex-direction:column!important;min-height:0}.project:nth-child(2n) .project-info{order:0}.project-info{padding:25px;min-height:350px}.project-visual,.project.layout-2 .project-visual{min-height:320px!important}.project-info .brutal-button{margin-top:0}}.projects .project-list{display:flex!important;flex-direction:column;gap:76px!important;max-width:1180px;margin:52px auto!important}.projects .project,.projects .project.flip,.projects .project.layout-2,.projects .project.layout-3{position:relative;isolation:isolate;display:grid!important;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)!important;min-height:440px!important;margin:0!important;overflow:hidden}.projects .project:nth-child(2n){grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)!important}.projects .project:nth-child(2n) .project-info{order:2}.projects .project:nth-child(2n) .project-visual{order:1}.projects .project-info,.projects .project.layout-2 .project-info{position:relative;z-index:2;display:flex!important;grid-template-columns:none!important;min-width:0;min-height:0!important;padding:34px!important}.projects .project.layout-2 .project-no{grid-row:auto}.projects .project.layout-2 .tags{margin:22px 0 24px}.projects .project.layout-2 .brutal-button{grid-column:auto}.projects .project-visual,.projects .project.layout-2 .project-visual{position:relative;z-index:1;min-width:0;min-height:440px!important;order:initial}.projects .project-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.projects .project h3{max-width:100%;overflow-wrap:anywhere}.projects .project-info>p:not(.category){max-width:330px}.projects .project .tags{margin-top:auto}.projects .project .brutal-button{margin-top:0}@media (max-width:760px){.projects .project-list{gap:42px!important;margin-top:34px!important}.projects .project,.projects .project:nth-child(2n),.projects .project.flip,.projects .project.layout-2,.projects .project.layout-3{display:flex!important;flex-direction:column!important;min-height:0!important;overflow:visible}.projects .project-info,.projects .project:nth-child(2n) .project-info{order:1!important;padding:25px!important}.projects .project-visual,.projects .project:nth-child(2n) .project-visual,.projects .project.layout-2 .project-visual{order:2!important;min-height:285px!important}.projects .project .tags{margin:20px 0!important}.projects .project .brutal-button{margin-top:0!important}}.static-page .archive{grid-auto-rows:minmax(340px,auto);align-items:stretch;isolation:isolate}.static-page .archive>a{min-width:0;height:100%;isolation:isolate}.static-page .archive>a>img{z-index:0}.static-page .archive>a>span,.static-page .archive>a>b,.static-page .archive>a>small{min-width:0;overflow-wrap:anywhere}@media (max-width:760px){.static-page .archive{grid-auto-rows:minmax(280px,auto)}}.projects .project-list{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-auto-rows:auto!important;align-items:stretch}.projects .project-list>.project{width:100%;min-width:0;max-width:1180px;justify-self:center;align-self:stretch}.hero-name,.hero-initials{display:inline-block}.hero h1 .hero-name{color:#f4f0e6;text-shadow:none;animation:none}.hero h1 .hero-initials{margin-top:.08em;padding:.02em .14em .08em;background:#ff4f42;color:#f4f0e6;text-shadow:none;animation:none}.about-name-highlight{display:inline-block;padding:0 .18em;background:#ff4f42;color:#f4f0e6;line-height:1.08}.building{isolation:isolate;background:radial-gradient(circle at 12% 18%,rgba(75,124,255,.42),transparent 28%),radial-gradient(circle at 88% 74%,rgba(255,79,66,.4),transparent 31%),#121217}.building:before,.building:after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(20px);opacity:.78;animation:buildingGlow 6s ease-in-out infinite alternate}.building:before{width:220px;height:220px;right:13%;top:14%;background:#ffcf3b}.building:after{width:180px;height:180px;left:20%;bottom:8%;background:#a970ff;animation-delay:-3s}.building h2{color:#f4f0e6;text-shadow:7px 7px 0 #4b7cff,14px 14px 0 rgba(255,79,66,.7)}.building-intro{max-width:470px;margin:0 auto 38px;font-size:clamp(1rem,1.5vw,1.3rem);line-height:1.55;color:#f4f0e6}.build-cards{position:relative}.build-card{overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.build-card:before{content:"";position:absolute;top:-35%;right:-35%;bottom:-35%;left:-35%;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.55) 50%,transparent 60%);transform:translate(-70%) rotate(8deg);animation:cardShine 4.6s ease-in-out infinite}.build-card:hover{transform:translate(-4px,-8px)!important;box-shadow:15px 17px #000}.build-card.c0{background:linear-gradient(145deg,#58c6ff,#4b7cff);color:#07152b}.build-card.c1{background:linear-gradient(145deg,#ffcf3b,#ff8c27);color:#2d1700}.build-card.c2{background:linear-gradient(145deg,#c8fa48,#64d79b);color:#11250a}.build-card strong,.build-card span,.build-card i{position:relative;z-index:1}.build-card strong{color:inherit;text-shadow:3px 3px 0 rgba(255,255,255,.35)}.build-card span{font-weight:700;line-height:1.55}@keyframes buildingGlow{to{transform:translate(32px,-20px) scale(1.2);filter:blur(35px)}}@keyframes cardShine{50%,to{transform:translate(115%) rotate(8deg)}}@media (prefers-reduced-motion:reduce){.building:before,.building:after,.build-card:before{animation:none}}:root{--yellow:#ffd91a;--green:#55d98a;--coral:#ff5b55;--magenta:#f05aff}.section{padding-top:clamp(88px,9vw,130px);padding-bottom:clamp(64px,7vw,100px)}.section-label{font-size:10px;letter-spacing:.14em}.navbar{min-height:50px;background:linear-gradient(110deg,#090909e0,#19191dbd);box-shadow:7px 7px #000}.nav-list a:hover{color:var(--yellow);opacity:1}.about-copy h2{font-size:clamp(64px,8vw,120px)!important}.about-copy h3{font-size:clamp(2.5rem,4.4vw,4.8rem)}.about-copy h3 span{display:inline-block;padding:.03em .16em .12em;background:var(--coral);color:var(--cream);border:3px solid #111;box-shadow:5px 5px #111;text-shadow:none}.stack{min-height:auto;background:linear-gradient(145deg,#4d7cff,#3562df)}.stack-heading{align-items:end}.stack-heading h2{font-size:clamp(4rem,7vw,7.5rem)!important}.skill-wall{grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch}.skill{position:relative;display:flex;min-height:92px;align-items:center;border:3px solid #000;box-shadow:6px 6px #000;cursor:pointer;text-align:left;transition:filter .18s ease,box-shadow .18s ease}.skill:hover,.skill.selected{filter:brightness(1.07);box-shadow:10px 11px #000}.skill small{position:absolute;z-index:2;left:-3px;right:-3px;bottom:-34px;padding:7px;background:#111;border:2px solid #000;color:var(--cream);font:8px DM Mono;letter-spacing:.04em;white-space:nowrap}.projects{background:#15151a;min-height:auto}.projects>h2{font-size:clamp(4.2rem,8vw,8.5rem)!important}.projects .project-list{gap:clamp(42px,5vw,70px)!important}.projects .project,.projects .project.flip,.projects .project.layout-2,.projects .project.layout-3{min-height:clamp(390px,48vw,510px)!important;border:3px solid #000;box-shadow:11px 11px #000}.projects .project-visual{border-left:3px solid #000}.projects .project-image{transform:rotate(-1.1deg) scale(1.035);transition:transform .35s ease,filter .35s ease}.projects .project:hover .project-image{transform:rotate(0) scale(1.02)}.projects .project-no{color:var(--accent)!important}.projects .project.drone{--accent:#4d7cff;--accent-secondary:#b8ff3d}.projects .project.shirt{--accent:#ff8a2a;--accent-secondary:#f05aff}.projects .project.truck{--accent:#ffd91a;--accent-secondary:#55d98a}.projects .project .brutal-button{background:#111;color:var(--cream);box-shadow:5px 5px var(--accent-secondary)}.building h2{max-width:900px;font-size:clamp(72px,9vw,140px)!important;text-shadow:6px 6px 0 #4d7cff}.build-cards{margin-top:34px}.build-card{min-height:260px}.build-card strong{font-size:clamp(3.6rem,5.8vw,5.6rem)!important;margin-top:30px}.build-card.c1 strong{font-size:clamp(2.8rem,4.3vw,4.25rem)!important}.build-mark{position:absolute;right:20px;bottom:16px;font:clamp(3rem,6vw,6rem) "Archivo Black";opacity:.2}.contact h2{font-size:clamp(4rem,9vw,9.8rem)!important;line-height:.86}.contact-links .brutal-button{min-height:58px;flex:1;box-shadow:7px 7px var(--coral)}footer{border-top:2px solid rgba(244,240,230,.45)}footer a{color:var(--cream);font:10px DM Mono;letter-spacing:.06em;text-decoration:none}footer a:hover{color:var(--yellow)}@media (max-width:900px){.skill-wall{grid-template-columns:repeat(3,minmax(0,1fr))}.projects .project-visual{border-left:0;border-top:3px solid #000}}@media (max-width:760px){.stack-heading p{margin:20px 0 0}.skill-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.skill{min-height:78px;font-size:1.05rem}.skill small{white-space:normal;bottom:-41px}.contact h2{font-size:clamp(3.8rem,15vw,6rem)!important}.contact-links .brutal-button{width:100%}footer{grid-template-columns:1fr 1fr}footer a{grid-column:span 2}.build-card{min-height:190px}.projects .project-image{transform:none}}.about-name-highlight{display:inline!important;padding:0!important;background:none!important;color:#e83e38!important;box-shadow:none!important;-webkit-text-decoration:underline 3px #e83e38;text-decoration:underline 3px #e83e38;text-underline-offset:4px}.about-copy h3{display:none}.hero{grid-template-columns:minmax(0,6fr) minmax(410px,6fr);gap:clamp(30px,3vw,60px)}.portrait-composition{width:min(100%,590px);aspect-ratio:.92}.portrait-frame{top:3%;right:5%;bottom:0;left:1%;box-shadow:15px 15px #000}.portrait-frame img{scale:1.08;transition:transform .8s cubic-bezier(.16,1,.3,1),filter .8s ease}.portrait-composition:hover .portrait-frame img{transform:scale(1.035);filter:contrast(1.22) saturate(1.08)}.portrait-arc{width:96%;height:96%;border-width:24px}.stack{background:radial-gradient(circle at 83% 14%,rgba(255,217,26,.92),transparent 22%),radial-gradient(circle at 7% 89%,rgba(240,90,255,.4),transparent 30%),linear-gradient(130deg,#14234e,#4d7cff 53%,#3158d9)}.stack .section-label{color:#fff}.stack-heading h2{font-size:clamp(4.7rem,8.2vw,9rem)!important;color:#fff;text-shadow:7px 7px 0 #111}.stack-heading p{max-width:285px;font-size:12px;color:#fff}.skill-wall{gap:18px;margin-top:50px}.skill{min-height:118px!important;padding:18px!important;font-size:clamp(1.25rem,2vw,2.1rem)!important;box-shadow:8px 8px #111!important}.skill span{font-size:18px}.skill:nth-child(1){background:#ffd91a}.skill:nth-child(2){background:#7ca1ff;color:#091432}.skill:nth-child(3){background:#fffdf7}.skill:nth-child(4){background:#b8ff3d}.skill:nth-child(5){background:#ff8a2a}.skill:nth-child(6){background:#f05aff}.skill:nth-child(7){background:#ff5b55}.skill:nth-child(8){background:#55d98a}.skill:nth-child(9){background:#fffdf7}.skill:nth-child(10){background:#ffd91a}.skill:nth-child(11){background:#ff8a2a}.skill:nth-child(12){background:#7ca1ff}.skill:hover,.skill.selected{box-shadow:13px 14px #111!important}.contact{isolation:isolate;min-height:100svh;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(124deg,#f4f0e6,#fffdf7 55%,#ffe2cb);overflow:hidden}.contact:after{content:"MAKE IT REAL";position:absolute;right:-.04em;bottom:-.18em;z-index:-1;font:clamp(6rem,18vw,20rem) "Archivo Black";letter-spacing:-.12em;color:#ff5b551c;white-space:nowrap}.contact .section-label{color:#111}.contact h2{max-width:950px;font-size:clamp(4.7rem,10vw,11rem)!important;letter-spacing:-.09em}.contact>p{font-size:clamp(1.25rem,2vw,1.8rem);font-weight:700;max-width:450px}.contact-links{max-width:900px;width:100%;gap:18px}.contact-links .brutal-button{min-height:70px;padding:18px 20px;font-size:12px;box-shadow:9px 9px var(--coral)}.contact-links .brutal-button:first-child{background:#111;color:#fffdf7}.contact-links .brutal-button:nth-child(2){background:#4d7cff}.contact-links .brutal-button:nth-child(3){background:#ffd91a;color:#111}.contact-links .brutal-button:hover{box-shadow:3px 3px var(--coral)}@media (max-width:900px){.hero{grid-template-columns:1fr}.portrait-composition{width:min(88vw,570px)}.skill{min-height:105px!important}}@media (max-width:760px){.portrait-composition{width:90vw}.stack-heading h2{font-size:clamp(4rem,17vw,6.7rem)!important}.skill-wall{gap:14px;margin-top:36px}.skill{min-height:90px!important;padding:13px!important;font-size:1.1rem!important}.contact{min-height:92svh}.contact h2{font-size:clamp(4.1rem,16vw,6.6rem)!important}.contact-links{display:grid}.contact-links .brutal-button{min-height:58px}}body:before,body:after{content:"";position:fixed;z-index:-3;pointer-events:none;top:-20vmax;right:-20vmax;bottom:-20vmax;left:-20vmax;will-change:transform,opacity}body:before{background:radial-gradient(circle at 28% 28%,rgba(77,124,255,.28),transparent 18%),radial-gradient(circle at 74% 42%,rgba(240,90,255,.2),transparent 21%),radial-gradient(circle at 48% 75%,rgba(255,138,42,.16),transparent 18%);filter:blur(28px);animation:ambientOrbit 28s ease-in-out infinite alternate}body:after{z-index:-2;opacity:.3;background-image:linear-gradient(rgba(244,240,230,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(244,240,230,.04) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:radial-gradient(circle at center,#000,transparent 72%);mask-image:radial-gradient(circle at center,#000,transparent 72%);animation:gridDrift 36s linear infinite}.ambient{z-index:-2!important;opacity:.18!important;filter:blur(130px)!important;animation:lightFloat 23s ease-in-out infinite alternate!important}.ambient.a{background:#4d7cff!important}.ambient.b{background:#ff8a2a!important;animation-delay:-9s!important}.side-nav{position:fixed;z-index:35;left:22px;top:50%;width:184px;padding:13px 10px 10px;transform:translateY(-50%);display:flex;flex-direction:column;gap:18px;border:1px solid rgba(244,240,230,.5);background:linear-gradient(145deg,#0a0a0cdb,#191823ad);box-shadow:7px 7px #000000b8;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.side-brand{padding:4px 7px;color:var(--cream);font:1.4rem Archivo Black;letter-spacing:-.1em;text-decoration:none}.side-nav-list{display:grid;gap:3px}.side-nav-link{position:relative;display:grid;grid-template-columns:24px 17px 1fr;align-items:center;gap:8px;min-height:34px;padding:7px;color:#f4f0e6a6;font:9px DM Mono;letter-spacing:.06em;text-decoration:none;transition:background .2s ease,color .2s ease,transform .2s ease}.side-nav-link:before{content:"";position:absolute;left:-10px;top:7px;bottom:7px;width:3px;background:var(--yellow);opacity:0;transform:scaleY(.4);transition:.2s}.side-number{opacity:.45;font-size:8px}.side-nav-link:hover{color:var(--cream);background:#ffffff17;transform:translate(2px)}.side-nav-link.active{color:var(--yellow);background:#ffd91a17}.side-nav-link.active:before{opacity:1;transform:scaleY(1)}.side-contact{display:grid;place-items:center;width:32px;height:32px;margin-left:7px;border:1px solid rgba(244,240,230,.48);background:var(--yellow);color:#111;box-shadow:3px 3px #000;transition:.2s}.side-contact:hover{transform:translate(2px,2px);box-shadow:1px 1px #000}.mobile-nav-toggle{display:none}.build-mark{width:clamp(3rem,6vw,6rem);height:clamp(3rem,6vw,6rem)}.skill{color:#090909!important}.skill svg{flex:none;color:#090909}.skill small{color:var(--cream)!important}.skill:nth-child(2),.skill:nth-child(6),.skill:nth-child(12){color:#090909!important}.stack .skill{outline:1px solid rgba(255,255,255,.35);outline-offset:3px}.stack .skill:hover{outline-color:#090909}@keyframes ambientOrbit{0%{transform:translate3d(-3%,2%,0) scale(1)}50%{transform:translate3d(4%,-3%,0) scale(1.08)}to{transform:translate3d(-1%,5%,0) scale(1.02)}}@keyframes gridDrift{to{background-position:72px 72px}}@keyframes lightFloat{to{transform:translate3d(12vw,-8vh,0) scale(1.15)}}@media (min-width:1100px){body{padding-left:112px}}@media (max-width:900px){body{padding-left:0}.side-nav{left:14px;top:65px;transform:translate(-125%);width:min(260px,calc(100vw - 28px));transition:transform .3s cubic-bezier(.16,1,.3,1)}.side-nav.open{transform:translate(0)}.mobile-nav-toggle{position:fixed;z-index:36;display:grid;place-items:center;left:16px;top:16px;width:46px;height:46px;border:2px solid rgba(244,240,230,.7);background:#0a0a0cd1;box-shadow:4px 4px #000;color:var(--cream);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.side-nav-list{gap:5px}.side-nav-link{min-height:42px;font-size:10px}}@media (prefers-reduced-motion:reduce){body:before,body:after,.ambient{animation:none!important}}html{font-size:100%;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}.hero{min-height:100svh;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr)}.hero h1{font-size:clamp(4.8rem,9.3vw,9.8rem)!important}.portrait-composition{width:min(100%,520px)}.portrait-frame{box-shadow:12px 12px #000}.section{min-height:auto}.side-nav{transform:translate(-125%,-50%);transition:transform .34s cubic-bezier(.16,1,.3,1),opacity .25s ease;opacity:0;pointer-events:none}.side-nav.open{transform:translateY(-50%);opacity:1;pointer-events:auto}.mobile-nav-toggle{position:fixed;z-index:36;display:grid;place-items:center;left:18px;top:18px;width:48px;height:48px;border:2px solid rgba(244,240,230,.72);background:linear-gradient(145deg,#0a0a0ce6,#262336bd);box-shadow:5px 5px #000;color:var(--cream);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);transition:transform .2s ease,box-shadow .2s ease}.mobile-nav-toggle:hover{transform:translate(2px,2px);box-shadow:2px 2px #000}.timeline-arrow{color:#111}.view-project{display:grid;place-items:center;line-height:1.15}.build-mark{position:absolute;z-index:1}.build-card svg{pointer-events:none}@media (min-width:901px){body{padding-left:0}.side-nav{left:22px;top:50%}.mobile-nav-toggle{display:grid}}@media (max-width:900px){.side-nav{top:74px;transform:translate(-125%)}.side-nav.open{transform:translate(0)}.hero{grid-template-columns:1fr}.hero h1{font-size:clamp(4.4rem,15vw,7.5rem)!important}.portrait-composition{width:min(85vw,500px)}}@media (prefers-reduced-motion:reduce){.side-nav,.mobile-nav-toggle,.portrait-frame img{transition:none!important}}.nav-scrim{display:none}.side-nav{overflow:hidden;border-radius:0;will-change:transform,clip-path}.side-nav-link{will-change:transform}.side-nav-link svg{transition:transform .24s cubic-bezier(.16,1,.3,1)}.side-nav-link:hover svg{transform:translate(2px)}.side-nav-link.active:after{content:"";position:absolute;right:9px;width:5px;height:5px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 3px #ffd91a24;animation:activePulse 1.8s ease-in-out infinite}.side-nav-link:hover:before{transform:scaleY(1);opacity:.78}.side-nav-link:hover .side-number{color:var(--yellow);opacity:1}.side-label{overflow:hidden;white-space:nowrap}.hero-grid{animation:gridIn 1.2s ease-out both}.ambient{animation-duration:30s!important}.noise{animation:noiseShift 16s steps(2,end) infinite}@keyframes activePulse{50%{transform:scale(.72);opacity:.55}}@keyframes gridIn{0%{opacity:0;transform:scale(1.025)}to{opacity:.65;transform:scale(1)}}@keyframes noiseShift{50%{transform:translate3d(.4%,.3%,0)}}@media (min-width:901px){.mobile-nav-toggle{display:none}.side-nav{left:18px;top:50%;width:180px;padding:10px 8px;gap:13px;transform:translateY(-50%);opacity:1;pointer-events:auto;clip-path:inset(0 122px 0 0);transition:clip-path .34s cubic-bezier(.16,1,.3,1),box-shadow .28s ease;animation:railEnter .6s .95s cubic-bezier(.16,1,.3,1) both}.side-nav:hover,.side-nav:focus-within{clip-path:inset(0 0 0 0);box-shadow:6px 6px #000000b3}.side-brand{padding-left:7px}.side-nav-list{gap:1px}.side-nav-link{grid-template-columns:26px 16px 1fr;gap:7px;min-height:31px;padding:6px 7px}.side-nav-link .side-label{opacity:0;transform:translate(-4px);transition:opacity .2s ease,transform .3s cubic-bezier(.16,1,.3,1)}.side-nav:hover .side-label,.side-nav:focus-within .side-label{opacity:1;transform:translate(0)}.side-contact{margin-top:2px}.side-nav.open{transform:translateY(-50%)}}@media (max-width:900px){.mobile-nav-toggle{z-index:72;width:auto;height:42px;padding:0 12px;gap:8px;grid-template-columns:auto auto auto;font:9px DM Mono;letter-spacing:.1em}.mobile-nav-toggle b{font:1rem Archivo Black;letter-spacing:-.08em}.side-nav{z-index:70;top:0;right:0;bottom:0;left:0;width:100%;height:100svh;padding:clamp(22px,6vw,38px);justify-content:center;gap:36px;border:0;background:#09090bf5;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);clip-path:inset(0 0 100% 0);transform:none!important;opacity:1;pointer-events:none;transition:clip-path .4s cubic-bezier(.76,0,.24,1)}.side-nav.open{clip-path:inset(0);pointer-events:auto}.side-brand{position:absolute;top:22px;left:22px}.side-nav-list{width:min(100%,420px);gap:8px}.side-nav-link{grid-template-columns:42px 20px 1fr;min-height:51px;padding:10px;font-size:12px;opacity:0;transform:translateY(18px);transition:opacity .28s ease,transform .35s cubic-bezier(.16,1,.3,1),background .2s}.side-nav.open .side-nav-link{opacity:1;transform:translateY(0)}.side-nav.open .side-nav-link:nth-child(1){transition-delay:.08s}.side-nav.open .side-nav-link:nth-child(2){transition-delay:.12s}.side-nav.open .side-nav-link:nth-child(3){transition-delay:.16s}.side-nav.open .side-nav-link:nth-child(4){transition-delay:.2s}.side-nav.open .side-nav-link:nth-child(5){transition-delay:.24s}.side-nav.open .side-nav-link:nth-child(6){transition-delay:.28s}.side-nav-link .side-label{display:block}.side-contact{position:absolute;bottom:34px;left:clamp(22px,6vw,38px);width:40px;height:40px}.side-nav-link.active:after{right:14px}.nav-scrim.visible{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:65;background:#00000047}}@keyframes railEnter{0%{opacity:0;transform:translate(-12px,-50%)}to{opacity:1;transform:translateY(-50%)}}@media (prefers-reduced-motion:reduce){.side-nav,.side-nav-link,.side-nav-link .side-label,.hero-grid,.noise{animation:none!important;transition:none!important}.side-nav-link{opacity:1!important;transform:none!important}}.side-nav,.mobile-nav-toggle,.nav-scrim{display:none!important}.top-nav{position:fixed;z-index:70;top:18px;left:50%;width:min(calc(100% - 40px),1180px);min-height:52px;padding:0 12px;transform:translate(-50%);display:flex;align-items:center;gap:18px;border:1px solid rgba(244,240,230,.6);background:linear-gradient(105deg,#09090ae6,#1b1923bd);box-shadow:6px 6px #000c;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.top-brand{color:var(--cream);font:1.25rem Archivo Black;letter-spacing:-.1em;text-decoration:none}.top-nav-list{display:flex;align-items:center;justify-content:center;gap:3px;margin:auto}.top-nav-link{position:relative;display:inline-flex;align-items:center;gap:6px;padding:8px 9px;color:#f4f0e6a6;font:9px DM Mono;letter-spacing:.06em;text-decoration:none;transition:color .2s ease,background .2s ease,transform .2s ease}.top-nav-link:after{content:"";position:absolute;right:5px;bottom:4px;left:5px;height:2px;background:var(--yellow);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}.top-nav-link:hover{color:var(--cream);background:#ffffff12;transform:translateY(-1px)}.top-nav-link.active{color:var(--yellow)}.top-nav-link.active:after{transform:scaleX(1)}.top-contact{display:inline-flex;align-items:center;gap:6px;padding:8px 9px;border:1px solid rgba(244,240,230,.5);color:var(--cream);font:9px DM Mono;letter-spacing:.06em;text-decoration:none;transition:.2s}.top-contact:hover{background:var(--yellow);border-color:var(--yellow);color:#111;transform:translate(2px,2px);box-shadow:2px 2px #000}.top-menu{display:none;color:var(--cream);border:0;background:transparent}@media (max-width:900px){.top-nav{top:12px;min-height:48px;width:calc(100% - 28px);padding:0 10px}.top-menu{display:grid;place-items:center;margin-left:auto}.top-contact{display:none}.top-nav-list{position:absolute;top:calc(100% + 8px);right:-1px;left:-1px;display:grid;gap:2px;padding:10px;border:1px solid rgba(244,240,230,.6);background:#09090bf5;box-shadow:6px 6px #000;opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .2s ease,transform .25s cubic-bezier(.16,1,.3,1)}.top-nav.open .top-nav-list{opacity:1;pointer-events:auto;transform:translateY(0)}.top-nav-link{padding:12px 10px;font-size:10px}.top-nav-link:after{left:0;right:auto;top:8px;bottom:8px;width:3px;height:auto;transform:scaleY(0)}.top-nav-link.active:after{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.top-nav-link,.top-nav-list,.top-contact{transition:none}}@media (pointer:fine){.custom-cursor{z-index:90!important;width:15px!important;height:15px!important;border:2px solid var(--cream)!important;background:#090909!important;box-shadow:2px 2px #ffd91af2;mix-blend-mode:normal;transition:width .22s cubic-bezier(.16,1,.3,1),height .22s cubic-bezier(.16,1,.3,1),background .22s ease,border-color .22s ease,box-shadow .22s ease!important}.custom-cursor.hover{width:34px!important;height:34px!important;background:var(--yellow)!important;border-color:#090909!important;box-shadow:3px 3px #090909!important}.custom-cursor.view{width:72px!important;height:72px!important;background:var(--coral)!important;border-color:#090909!important;box-shadow:5px 5px #090909!important;color:#090909!important}}.stack-page-full{background:linear-gradient(145deg,#121a37,#315fd9 62%,#5536a4);color:var(--cream)}.stack-page-full .stack-page-intro{max-width:430px;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.6}.stack-page-full .stack-grid{margin-top:44px}.stack-page-full .stack-grid div{background:var(--cream)}.stack-page-full .stack-grid div:nth-child(3n+2){background:var(--yellow)}.stack-page-full .stack-grid div:nth-child(3n){background:var(--green)}.stack-page-full .stack-grid svg{color:#111}html.motion-ready .reveal-section>.section-label,html.motion-ready .reveal-section>h1,html.motion-ready .reveal-section>h2{opacity:0;transform:translate3d(0,38px,0);transition:opacity .72s cubic-bezier(.16,1,.3,1),transform .72s cubic-bezier(.16,1,.3,1)}html.motion-ready .reveal-section>.about-layout,html.motion-ready .reveal-section>.stack-heading,html.motion-ready .reveal-section>.archive,html.motion-ready .reveal-section>.stack-grid,html.motion-ready .reveal-section>.timeline,html.motion-ready .reveal-section>.build-cards,html.motion-ready .reveal-section>.contact-links,html.motion-ready .reveal-section>.about-page-grid,html.motion-ready .reveal-section>article{opacity:0;transform:translate3d(0,48px,0) scale(.985);transition:opacity .8s .12s cubic-bezier(.16,1,.3,1),transform .8s .12s cubic-bezier(.16,1,.3,1)}html.motion-ready .reveal-section.is-revealed>.section-label,html.motion-ready .reveal-section.is-revealed>h1,html.motion-ready .reveal-section.is-revealed>h2,html.motion-ready .reveal-section.is-revealed>.about-layout,html.motion-ready .reveal-section.is-revealed>.stack-heading,html.motion-ready .reveal-section.is-revealed>.archive,html.motion-ready .reveal-section.is-revealed>.stack-grid,html.motion-ready .reveal-section.is-revealed>.timeline,html.motion-ready .reveal-section.is-revealed>.build-cards,html.motion-ready .reveal-section.is-revealed>.contact-links,html.motion-ready .reveal-section.is-revealed>.about-page-grid,html.motion-ready .reveal-section.is-revealed>article{opacity:1;transform:translateZ(0) scale(1)}html.motion-ready .archive a,html.motion-ready .stack-grid>div,html.motion-ready .build-card{transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1),opacity .35s ease}.archive a:hover{transform:translate3d(-3px,-4px,0);box-shadow:13px 14px #000}.stack-grid>div:hover{transform:translate3d(-3px,-5px,0) rotate(.5deg);box-shadow:11px 12px #000}@media (prefers-reduced-motion:reduce){html.motion-ready .reveal-section>*{opacity:1!important;transform:none!important;transition:none!important}.custom-cursor{display:none!important}}html.motion-ready .scroll-reveal{opacity:0;transform:translate3d(0,46px,0) scale(.985);will-change:transform,opacity;transition:opacity .82s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms),transform .95s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms)}html.motion-ready .scroll-reveal.is-revealed{opacity:1;transform:translateZ(0) scale(1)}html.motion-ready .scroll-reveal img{transition:transform .9s cubic-bezier(.16,1,.3,1),filter .6s ease}.scroll-reveal.is-revealed img{transform:scale(1)}html.motion-ready .archive a,html.motion-ready .stack-grid>div,html.motion-ready .build-card{transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),opacity .82s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms)}@media (prefers-reduced-motion:reduce){html.motion-ready .scroll-reveal{opacity:1!important;transform:none!important;transition:none!important}}.hero-portrait--mobile{display:none}@media (max-width:768px){html,body{overflow-x:clip}.top-nav{top:16px;width:calc(100% - 32px);min-height:46px}.top-menu{gap:6px;font:10px DM Mono;letter-spacing:.08em}.hero{display:flex!important;flex-direction:column;align-items:stretch;gap:20px;min-height:auto!important;padding:94px 20px 42px!important;overflow-x:clip}.hero-grid{top:0;right:0;bottom:0;left:0;background-size:48px 48px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 85%);mask-image:linear-gradient(180deg,#000,transparent 85%);opacity:.42!important}.hero-inner{display:flex;flex-direction:column;align-items:flex-start;order:1;width:100%;min-width:0}.hero .section-label{margin-bottom:20px;font-size:9px}.hero h1{width:100%;margin:0!important;font-size:clamp(47px,14vw,86px)!important;line-height:.85!important;letter-spacing:-.06em!important;white-space:normal!important;overflow-wrap:anywhere}.hero h1 .hero-name{max-width:100%;white-space:nowrap}.hero h1 .hero-initials{margin-top:8px;padding:.04em .15em .1em}.hero-role{position:static!important;order:3;margin:24px 0 12px!important;font-size:11px!important;line-height:1.55!important}.hero-copy{position:static!important;order:4;width:min(100%,320px)!important;max-width:320px;margin:0!important;font-size:13px!important;line-height:1.6!important}.hero-actions{position:static!important;order:5;display:grid!important;grid-template-columns:1fr;gap:14px;width:min(100%,280px);margin:24px 0 0!important}.hero-actions .brutal-button{width:100%;min-height:56px;padding:15px 16px;font-size:10px}.hero-portrait--desktop,.hero-availability--desktop{display:none!important}.hero-portrait--mobile{display:block;order:2;align-self:center;width:min(100%,520px)!important;max-width:520px;aspect-ratio:.92;margin:4px auto 0!important}.portrait-frame{top:5%;right:6%;bottom:0;left:3%;box-shadow:9px 9px #000}.portrait-frame img{-o-object-position:center 18%;object-position:center 18%;scale:1.02}.portrait-arc{right:-1%;width:88%;height:88%;border-width:16px}.portrait-coordinates{right:0;top:16%;font-size:8px;padding:8px}.portrait-label{left:0;bottom:7%;font-size:8px;padding:8px 9px}.ambient{display:block!important;width:68vw;height:68vw;opacity:.14!important;animation:none!important}.ambient.a{left:-34vw;top:16vh}.ambient.b{right:-35vw;top:64vh}.section{overflow-x:clip}.scroll-reveal{transition-duration:1.5s,1.5s!important;transition-timing-function:cubic-bezier(.22,1,.36,1)!important;transform:translate3d(0,35px,0) scale(.98)!important}.scroll-reveal.is-revealed{transform:translateZ(0) scale(1)!important}.about,.stack,.experience,.building,.contact{min-height:auto!important}.about-layout{gap:32px!important}.about-art{height:min(84vw,360px)!important}.stack-heading h2{font-size:clamp(3.8rem,15vw,6rem)!important}.skill-wall{gap:14px!important}.skill{min-height:84px!important}.building h2{max-width:100%;font-size:clamp(3.1rem,13vw,5.4rem)!important;letter-spacing:-.07em!important;overflow-wrap:anywhere}.build-cards{margin-top:30px!important}.contact{padding-top:82px!important}}@media (min-width:769px) and (max-width:1024px){.hero{gap:32px}.portrait-composition{width:min(80vw,510px)}}@media (max-width:480px){.hero{padding:88px 20px 34px!important;gap:17px}.hero .section-label{margin-bottom:16px}.hero h1{font-size:clamp(47px,14vw,67px)!important}.hero-role,.hero-actions{margin-top:20px!important}.portrait-composition{width:100%!important;margin-top:0!important}.portrait-arc{border-width:13px}.portrait-coordinates{right:1%;top:13%;font-size:7px}.portrait-label{left:1%;bottom:6%;font-size:7px}.availability{margin-top:-38px!important;margin-right:3%!important}.top-nav-link{min-height:44px;padding:9px 10px}}@media (max-width:380px){.hero{padding-inline:18px!important}.hero h1{font-size:clamp(44px,13.5vw,52px)!important}.building h2{font-size:clamp(2.8rem,12.5vw,3.2rem)!important}.hero-copy{font-size:12px!important}.hero-actions{width:100%;max-width:270px}.portrait-composition{max-width:330px}.portrait-coordinates{display:none}.availability{font-size:7px;padding:8px}}@media (max-width:768px) and (prefers-reduced-motion:reduce){.scroll-reveal{opacity:1!important;transform:none!important;transition:none!important}.ambient{animation:none!important}}