@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Space+Grotesk:wght@400;500;600&display=swap";:root{color-scheme:dark;--color-bg: #0b0b0b;--color-surface: #121212;--color-surface-2: #181818;--color-text: #f7f7f7;--color-text-muted: #b9b9b9;--color-border: #2b2b2b;--color-accent-primary: #ffd400;--color-accent-secondary: #ff3b3b;--color-focus: #ffd400;--font-heading: "Bebas Neue", "Space Grotesk", sans-serif;--font-body: "Space Grotesk", sans-serif;--font-mono: "IBM Plex Mono", monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--radius-s: 8px;--radius-m: 12px;--radius-l: 18px;--shadow-soft: 0 24px 48px rgba(0, 0, 0, .45);--max-width: 1120px}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial}}}.relative{position:relative}.container{width:100%}.block{display:block}.flex{display:flex}.grid{display:grid}.h-full{height:100%}.w-full{width:100%}.animate-\[fade-up_0\.7s_ease_forwards\]{animation:.7s forwards fade-up}.list-none{list-style-type:none}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[color\:var\(--color-border\)\]{border-color:var(--color-border)}.bg-\[rgba\(12\,12\,12\,0\.9\)\]{background-color:#0c0c0ce6}.text-\[color\:var\(--color-accent-primary\)\]{color:var(--color-accent-primary)}.text-\[color\:var\(--color-text\)\]{color:var(--color-text)}.text-\[color\:var\(--color-text-muted\)\]{color:var(--color-text-muted)}.opacity-0{opacity:0}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.transition-\[transform\,box-shadow\,background-color\,border-color\]{transition-property:transform,box-shadow,background-color,border-color;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-300{--tw-duration:.3s;transition-duration:.3s}.\[--btn-shadow\:0_0_45px_rgba\(255\,212\,0\,0\.35\)\]{--btn-shadow:0 0 45px #ffd40059}@media(hover:hover){.group-hover\:scale-\[1\.2\]:is(:where(.group):hover *){scale:1.2}.group-hover\:border-\[color\:var\(--color-accent-primary\)\]:is(:where(.group):hover *){border-color:var(--color-accent-primary)}.group-hover\:text-\[color\:var\(--color-accent-secondary\)\]:is(:where(.group):hover *){color:var(--color-accent-secondary)}.hover\:scale-\[1\.05\]:hover{scale:1.05}.hover\:border-\[color\:var\(--color-accent-primary\)\]:hover{border-color:var(--color-accent-primary)}.hover\:bg-\[rgba\(18\,18\,18\,0\.95\)\]:hover{background-color:#121212f2}.hover\:shadow-\[0_18px_45px_rgba\(0\,0\,0\,0\.55\)\]:hover{--tw-shadow:0 18px 45px var(--tw-shadow-color,#0000008c);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:\[--btn-shadow\:0_0_70px_rgba\(255\,59\,59\,0\.45\)\]:hover{--btn-shadow:0 0 70px #ff3b3b73}}@media(prefers-reduced-motion:reduce){.motion-reduce\:animate-none{animation:none}.motion-reduce\:opacity-100{opacity:1}}:root{--ease-out-quad:cubic-bezier(.25,.46,.45,.94)}html{scroll-behavior:smooth}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-body);color:var(--color-text);background-color:var(--color-bg);background-image:radial-gradient(circle at 12% 18%,#ffd40033,#0000 55%),radial-gradient(circle at 82% 12%,#ff3b3b2e,#0000 45%),radial-gradient(circle at 78% 82%,#ffffff0f,#0000 55%),linear-gradient(#0b0b0bfa,#050505);min-height:100vh;margin:0;position:relative}body:before{content:"";opacity:.1;pointer-events:none;z-index:0;background-image:repeating-linear-gradient(90deg,#ffffff0f 0 1px,#0000 1px 160px),repeating-linear-gradient(#ffffff0a 0 1px,#0000 1px 120px);background-size:100% 120px,160px 160px;position:fixed;inset:0}a{color:inherit;cursor:pointer;text-decoration:none;transition:color .3s ease-out}a:not(.btn):hover{color:var(--section-accent,var(--color-accent-primary))}img,svg{max-width:100%;height:auto;display:block}h1,h2,h3,h4{font-family:var(--font-heading);margin:0 0 var(--space-3);font-weight:700;line-height:1.1}h3{font-weight:600}p{margin:0 0 var(--space-3);color:var(--color-text-muted);line-height:1.7}ul{padding-left:var(--space-5);margin:0}button{font-family:inherit}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.site-shell{z-index:1;position:relative}.container{width:min(100% - 64px,var(--max-width));margin:0 auto}.site-header{z-index:10;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0b0b0b;border-bottom:1px solid #ffffff14;position:sticky;top:0;box-shadow:0 14px 30px #00000073}.nav{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4)var(--space-5);display:flex}.brand{flex-direction:column;gap:2px;display:flex}.brand-name{font-family:var(--font-heading);letter-spacing:.22em;text-transform:uppercase;font-size:1.1rem;font-weight:600}.brand-sub{color:var(--color-text-muted);font-size:.85rem}.nav-links{gap:var(--space-4);flex-wrap:wrap;font-size:.95rem;display:flex}.nav-link{color:var(--color-text-muted);transition:color .3s ease-out;position:relative}.nav-link:hover,.nav-link.active{color:var(--color-text)}.nav-link:after{content:"";background:linear-gradient(90deg,var(--color-accent-primary),var(--color-accent-secondary));transform-origin:0;width:100%;height:2px;transition:transform .3s ease-out;position:absolute;bottom:-4px;left:0;transform:scaleX(0)}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1)}.nav-actions{align-items:center;gap:var(--space-3);display:flex}.nav-cta{align-items:center;gap:var(--space-3);display:inline-flex}.nav-client-btn{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);background:#ffffff0a;border:1px solid #ffffff29;border-radius:999px;justify-content:center;align-items:center;padding:8px 16px;font-size:.75rem;display:inline-flex}.nav-client-btn.is-active{color:var(--color-text);background:#ffd4003d;border-color:#ffd40066}.nav-toggle{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;display:none}.nav-toggle span{background:var(--color-text);border-radius:999px;width:18px;height:2px;margin:0 auto;display:block}.nav-drawer{pointer-events:none;opacity:0;z-index:20;transition:opacity .3s;position:fixed;inset:0}.nav-drawer.is-open{pointer-events:auto;opacity:1}.nav-drawer-overlay{background:#000000bf;border:none;position:absolute;inset:0}.nav-drawer-panel{opacity:1;isolation:isolate;width:min(320px,86vw);height:100%;padding:var(--space-5);gap:var(--space-4);background:#0b0b0b;border-left:1px solid #ffffff14;flex-direction:column;transition:transform .3s;display:flex;position:absolute;top:0;right:0;transform:translate(100%);box-shadow:-12px 0 40px #0009}.nav-drawer.is-open .nav-drawer-panel{transform:translate(0)}.nav-drawer-header{justify-content:space-between;align-items:center;display:flex}.nav-drawer-title{font-family:var(--font-heading);letter-spacing:.2em;text-transform:uppercase;color:var(--color-text);font-size:.9rem}.nav-drawer-close{color:var(--color-text);cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;width:36px;height:36px}.nav-drawer-links{gap:var(--space-3);display:grid}.nav-drawer-link{color:var(--color-text);background:#141414;border:1px solid #ffffff1f;border-radius:12px;padding:12px 14px;font-size:1rem}.nav-drawer-link:hover{color:var(--color-text);background:#ffd40033;border-color:#ffd40080}.nav-drawer-footer{margin-top:auto}.toggle-group{border:1px solid var(--color-border);background:#ffffff0a;border-radius:999px;display:inline-flex;overflow:hidden}.toggle-button{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:6px 12px;font-size:.75rem;transition:color .3s ease-out,background .3s ease-out,transform .3s ease-out}.toggle-button:hover{color:var(--color-text)}.toggle-button:active{transform:scale(.98)}.toggle-button.is-active{color:var(--color-text);background:#ffd4002e}.section{padding:40px 0;scroll-margin-top:96px;position:relative}.section:after{content:"";background:linear-gradient(90deg,#ffd4008c,#ffffff1f,#0000);height:1px;position:absolute;inset:auto 0 0}.section--accent-primary{--section-accent:var(--color-accent-primary)}.section--accent-secondary{--section-accent:var(--color-accent-secondary)}.section--stack{background:linear-gradient(120deg,#ffd40014,#08080800 60%)}.section--projects{overflow:hidden}.section--sites{background:linear-gradient(120deg,#ff3b3b0f,#08080800 60%)}.section--projects:before{content:"";opacity:.7;pointer-events:none;z-index:0;background-image:radial-gradient(320px at 12% 20%,#ffd40038,#0000 60%),radial-gradient(240px at 85% 30%,#ff3b3b29,#0000 60%),radial-gradient(200px at 32% 80%,#ffffff14,#0000 60%);position:absolute;inset:-20% 0}.section--projects>.container{z-index:1;position:relative}.section--contact{position:relative}.section-header{margin-bottom:var(--space-5)}.section-title{padding-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.22em;font-size:clamp(1.5rem,1.8vw,1.9rem);font-weight:700;position:relative}.section-title:after{content:"";background:linear-gradient(90deg,var(--section-accent,var(--color-accent-primary)),var(--color-accent-secondary));width:72px;height:3px;margin-top:var(--space-2);transform-origin:0;display:block;transform:scaleX(1)}.section-header.reveal-on-scroll .section-title:after{transform:scaleX(0)}.section-header.reveal-on-scroll.is-visible .section-title:after{animation:underline-reveal .6s var(--ease-out-quad)forwards}.section-intro{max-width:680px;font-weight:500}.hero-section{padding-top:var(--space-9);background-image:linear-gradient(120deg,#ffd40014,#ff3b3b0d 45%,#0000 70%);overflow:hidden}.hero-section:before{content:"";opacity:.75;pointer-events:none;z-index:0;background:radial-gradient(circle at 18% 18%,#ffd40059,#0000 55%),radial-gradient(circle at 75% 10%,#ff3b3b47,#0000 45%);position:absolute;inset:-10% 0 0}.hero-section>.container{z-index:1;position:relative}.hero-grid{gap:var(--space-7);grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;display:grid}.hero-content{padding:var(--space-5);border-radius:var(--radius-l);position:relative}.hero-content:before{content:"";border-radius:inherit;z-index:-1;background:linear-gradient(120deg,#0b0b0bb3,#0b0b0b00);position:absolute;inset:0;box-shadow:0 20px 50px #00000059}.hero-orb{filter:blur(2px);background:radial-gradient(circle,#ffd40073,#ff3b3b2e,#0000 70%);border-radius:999px;width:190px;height:190px;animation:8s ease-in-out infinite float;position:absolute}.hero-portrait-frame{aspect-ratio:1;background:linear-gradient(135deg,#ffd400cc,#ff3b3b99);border-radius:28px;width:clamp(220px,30vw,320px);height:clamp(220px,30vw,320px);padding:10px;animation:8s ease-in-out infinite float;position:relative;box-shadow:0 22px 60px #0009,0 0 40px #ffd40040}.hero-portrait-frame:before{content:"";opacity:.8;filter:blur(10px);z-index:-1;background:radial-gradient(circle,#ffd40059,#ff3b3b26,#0000 70%);border-radius:36px;animation:5s ease-in-out infinite hero-glow;position:absolute;inset:-18px}.hero-portrait-frame:after{content:"";pointer-events:none;border:1px solid #ffffff29;border-radius:24px;position:absolute;inset:2px}.hero-portrait{-o-object-fit:cover;object-fit:cover;-o-object-position:center 35%;object-position:center 35%;background:#0b0b0b;border:1px solid #ffffff14;border-radius:22px;width:100%;height:100%}.eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--section-accent,var(--color-accent-primary));margin-bottom:var(--space-3);font-size:.75rem}.hero-kicker{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hero-kicker-nick{color:var(--section-accent,var(--color-accent-primary));letter-spacing:.2em;font-weight:700}.hero-kicker-sep{color:#ffffff59}.hero-kicker-name{color:var(--color-text);font-weight:700}.hero-title{color:var(--color-text);text-wrap:balance;letter-spacing:.03em;text-transform:uppercase;font-size:3.75rem;line-height:1.02}.hero-title-line{display:block}.hero-subtitle{color:#ffffffb8;max-width:560px;font-size:1.125rem;font-weight:500;line-height:1.7}.hero-actions{gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.hero-panel{border-radius:var(--radius-l);padding:var(--space-6);box-shadow:var(--shadow-soft);background:#0c0c0ce0;border:1px solid #ffffff1a}.panel-title{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-4);font-size:.8rem}.panel-list{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;display:grid}.panel-item-title{color:var(--color-text);margin-bottom:var(--space-2);align-items:center;gap:8px;font-weight:600;display:flex}.panel-icon{justify-content:center;align-items:center;font-size:1rem;display:inline-flex}.panel-item-body{margin:0}.btn{justify-content:center;align-items:center;gap:var(--space-2);cursor:pointer;will-change:transform;border:1px solid #0000;border-radius:999px;min-height:44px;padding:12px 20px;font-size:.9rem;font-weight:600;transition:transform .3s ease-out,box-shadow .3s ease-out,border-color .3s ease-out,color .3s ease-out,background .3s ease-out;display:inline-flex}.btn-primary{background:var(--section-accent,var(--color-accent-primary));color:#0b0b0b;box-shadow:var(--btn-shadow,0 12px 32px #00000073)}.btn-primary:hover{box-shadow:0 0 0 1px #ffd4008c,var(--btn-shadow,0 12px 32px #00000073),0 0 32px #ff3b3b59}.btn-secondary{color:var(--color-text);background:0 0;border-color:#fff3}.btn-secondary:hover{border-color:var(--section-accent,var(--color-accent-primary));background:#ffd40014;box-shadow:0 0 0 2px #ffd40029}.btn-ghost{color:var(--section-accent,var(--color-accent-primary));background:0 0;border-color:#0000;padding:8px 0}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)scale(.98)}.btn-ripple{position:relative;overflow:hidden}.btn-ripple:after{content:"";left:var(--ripple-x,50%);top:var(--ripple-y,50%);opacity:0;background:#ffd40059;border-radius:999px;width:0;height:0;position:absolute;transform:translate(-50%,-50%)}.btn-ripple-active:after{animation:.6s ease-out ripple}.text-accent{color:var(--color-accent-primary)}@supports ((-webkit-background-clip: text) or (background-clip: text)){.text-accent{background:linear-gradient(90deg,var(--color-accent-primary),var(--color-accent-secondary));color:#0000;-webkit-background-clip:text;background-clip:text}}.body-lg{font-size:1.1rem}.split{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.about-content{gap:var(--space-3);display:grid}.about-summary{font-size:1rem;line-height:1.6}.about-more summary{cursor:pointer;margin-bottom:var(--space-2)}.about-details{color:var(--color-text-muted);margin:0}.bullet-list{gap:var(--space-3);padding:0;list-style:none;display:grid}.bullet-list li{padding:var(--space-3);border-radius:var(--radius-s);border:1px solid #ffffff14;border-left:3px solid var(--color-accent-primary);background:#ffffff08;align-items:center;gap:10px;font-size:.95rem;display:flex}.bullet-icon{font-size:1rem}.projects-grid{gap:var(--space-5);display:grid}.sites-grid{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.site-card{padding:var(--space-5);background:linear-gradient(#121212eb,#0c0c0cf2)}.site-card:after{content:"";border-radius:var(--radius-m);pointer-events:none;border:1px solid #ffffff0f;position:absolute;inset:0}.site-card:hover{border-color:#ffd40066;transform:translateY(-4px);box-shadow:0 22px 45px #0009}.site-card-media{margin:calc(-1*var(--space-5))calc(-1*var(--space-5))var(--space-4);border-bottom:1px solid #ffffff14;border-radius:8px 8px 0 0;position:relative;overflow:hidden}.site-card-media:after{content:"";pointer-events:none;background:linear-gradient(#0b0b0b00 30%,#0b0b0bd1);position:absolute;inset:0}.site-card-media img{-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;will-change:transform;width:100%;height:200px;transition:transform .9s,filter .6s}.project-card:hover .project-card-media img,.site-card:hover .site-card-media img{filter:saturate(1.12);transform:scale(1.05)}.site-card-header h3{color:var(--color-text);margin-bottom:var(--space-2);letter-spacing:.04em;text-transform:uppercase;font-size:1.05rem}.site-summary{color:#ffffffad;margin:0;font-size:1rem}.site-actions{margin-top:var(--space-4)}.site-cta{min-height:44px}.card{border-radius:var(--radius-m);padding:var(--space-5);background:#0c0c0ce6;border:1px solid #ffffff14;transition:transform .3s ease-out,border-color .3s ease-out,box-shadow .3s ease-out;position:relative;overflow:hidden}.card:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#ffd40099,#ff3b3b80,#0000);width:140%;height:2px;transition:opacity .3s ease-out,transform .3s ease-out;position:absolute;top:0;left:-20%;transform:translateY(-6px)}.card:hover{border-color:#ffd40059;transform:translateY(-2px);box-shadow:0 18px 40px #0000008c}.card:hover:before{opacity:1;transform:translateY(0)}.project-card-header h3{color:var(--color-text);margin-bottom:var(--space-2)}.project-badge{color:#ffd400;font-size:.72rem;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-3);background:#ffd4001f;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;display:inline-flex}.project-badge-icon{color:#ffd400;width:16px;height:16px}.project-summary{margin:0}.project-card-meta-grid{gap:var(--space-3);margin:var(--space-2)0 0;padding-left:var(--space-4);border-left:2px solid #ffd40099;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.project-card-meta-item dt{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent-primary);margin-bottom:var(--space-1);font-size:.7rem;font-weight:700}.project-card-meta-item dd{color:var(--color-text);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:1rem;line-height:1.4;display:-webkit-box;overflow:hidden}.project-card-meta-item--stack dd{gap:var(--space-2);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.stack-tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.tag{color:var(--color-text-muted);font-size:.75rem;font-family:var(--font-mono);background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;padding:4px 10px;display:inline-flex}.project-card-media{border-radius:var(--radius-m);border:1px solid #ffffff14;height:280px;position:relative;overflow:hidden}.project-card-media:after{content:"";pointer-events:none;background:linear-gradient(#0b0b0b00 40%,#0b0b0bb3);position:absolute;inset:0}.project-card-media--no-fade:after{background:0 0}.project-card-media img{-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;filter:saturate(1.05);will-change:transform;width:100%;height:100%;min-height:240px;transition:transform .9s,filter .6s}.project-carousel{--carousel-duration:12s;width:100%;height:100%;position:relative}.project-carousel img{opacity:0;animation:carousel-fade var(--carousel-duration)infinite;position:absolute;inset:0}.project-carousel--static img,.project-hero-carousel--static .project-carousel img{opacity:1!important;animation:none!important}.project-card-layout{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;display:grid}.project-card-content{gap:var(--space-3);flex-direction:column;display:flex}.project-actions{margin-top:var(--space-4)}.stack-grid{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.stack-accordion{display:none}.stack-accordion-item{border-radius:var(--radius-s);border:1px solid #ffffff14;overflow:hidden}.stack-accordion-toggle{text-align:left;width:100%;color:var(--color-text);cursor:pointer;background:#ffffff0a;border:none;justify-content:space-between;align-items:center;padding:14px 16px;font-weight:600;display:flex}.stack-accordion-panel{background:#ffffff05;max-height:0;transition:max-height .3s;overflow:hidden}.stack-accordion-panel.is-open{max-height:500px}.stack-accordion-content{flex-wrap:wrap;gap:8px;padding:14px 16px 18px;display:flex}.stack-badge{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;padding:8px 12px;font-size:.85rem}.stack-title{margin-bottom:var(--space-3)}.stack-list{gap:var(--space-2);color:var(--color-text-muted);padding:0;list-style:none;display:grid}.stack-item{align-items:center;gap:var(--space-2);color:var(--color-text);font-size:.95rem;display:flex}.stack-item-icon{border-radius:var(--radius-s);width:32px;height:32px;color:var(--color-text-muted);background:#ffffff0a;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;display:inline-flex}.thinking-grid{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.thinking-card{padding:var(--space-5)}.thinking-card h3{font-size:1.25rem}.thinking-card p{font-size:1rem}.contact-grid{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.contact-content{gap:var(--space-4);display:grid}.contact-cards{gap:var(--space-3);display:grid}.contact-item{align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-m);--contact-accent:var(--color-accent-primary);background:#0c0c0ce6;border:1px solid #ffffff1a;min-height:44px;transition:border-color .3s ease-out,background .3s ease-out,transform .3s ease-out;display:flex}.contact-item:hover{background:var(--contact-hover-bg,#ffd4001f);border-color:var(--contact-accent);transform:translateY(-2px)}.contact-icon{width:44px;height:44px;color:var(--contact-accent);background:#ffffff0f;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;display:inline-flex}.contact-text{flex-direction:column;gap:4px;display:flex}.contact-label{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-muted);font-size:.7rem}.contact-value{color:var(--color-text);font-weight:500}.contact-note{color:var(--color-text-muted);font-size:.85rem}.contact-item:hover .contact-value{color:var(--contact-accent)}.site-footer{padding:var(--space-6)0;background-image:linear-gradient(90deg,#ffd4001f,#080808f2);border-top:1px solid #ffffff14}.footer-content{color:var(--color-text-muted);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.footer-actions{align-items:center;gap:var(--space-3);display:flex}.footer-note{margin:0}.footer-meta{font-family:var(--font-mono);margin:0;font-size:.75rem}.skip-link{background:var(--color-accent-primary);color:#0b0b0b;z-index:20;border-radius:6px;padding:8px 16px;font-weight:600;position:absolute;top:-40px;left:16px}.skip-link:focus{top:12px}.text-link{color:var(--color-text-muted);font-size:.9rem;text-decoration:underline;transition:color .3s ease-out}.text-link:hover{color:var(--color-accent-primary)}.project-hero{padding-top:var(--space-8)}.project-hero-content{gap:var(--space-3);display:grid}.project-hero-media{margin:var(--space-4)auto;border-radius:var(--radius-l);box-shadow:var(--shadow-soft);border:1px solid #ffffff1f;max-width:min(900px,95vw);position:relative;overflow:hidden}.project-hero-media--boxed{padding:var(--space-4);background:linear-gradient(#121212cc,#090606eb)}.project-hero-display{border-radius:calc(var(--radius-m));overflow:hidden}.project-hero-display img{-o-object-fit:cover;object-fit:cover;width:100%;height:360px}.project-hero-nav{color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.5rem;transition:background .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.project-hero-nav:hover{background:#fff3}.project-hero-nav--prev{left:16px}.project-hero-nav--next{right:16px}.project-hero-indicator{letter-spacing:.2em;text-transform:uppercase;background:#0b0b0b99;border-radius:999px;padding:4px 10px;font-size:.8rem;position:absolute;bottom:16px;right:16px}.project-hero-carousel .project-carousel{height:360px}.project-hero-carousel .project-carousel img{-o-object-fit:cover;object-fit:cover}.project-detail-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.not-found{align-items:center;min-height:60vh;display:flex}.not-found-content{gap:var(--space-3);display:grid}.reveal{opacity:0;filter:blur(6px);will-change:opacity,transform,filter;animation:.7s forwards fade-up;transform:translateY(16px)scale(.98)}.reveal-delay-1{animation-delay:.1s}.reveal-delay-2{animation-delay:.2s}.reveal-delay-3{animation-delay:.3s}.reveal-on-scroll{opacity:0;filter:blur(6px);transition:opacity .7s var(--ease-out-quad),transform .7s var(--ease-out-quad),filter .7s var(--ease-out-quad);will-change:opacity,transform,filter;transform:translateY(24px)scale(.98)}.reveal-on-scroll.is-visible{opacity:1;filter:blur();transform:translateY(0)scale(1)}@keyframes fade-up{0%{opacity:0;filter:blur(6px);transform:translateY(18px)scale(.98)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes underline-reveal{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes ripple{0%{opacity:.5;width:0;height:0}to{opacity:0;width:240px;height:240px}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes hero-glow{0%,to{opacity:.65;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}@keyframes carousel-fade{0%{opacity:1}28%{opacity:1}36%{opacity:0}to{opacity:0}}@media(max-width:1024px){.stack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.container{width:min(100% - 48px,var(--max-width))}.section{scroll-margin-top:80px}.nav-links,.nav-actions--desktop{display:none}.nav-toggle{display:inline-flex}.hero-title{font-size:3rem}.hero-subtitle{font-size:1rem;line-height:1.6}.hero-portrait-frame{width:clamp(240px,40vw,300px)}.project-card-media{height:260px}}@media(max-width:720px){.hero-grid{gap:var(--space-5)}.hero-portrait-frame{width:clamp(200px,60vw,260px);padding:8px}.hero-portrait-frame:before{inset:-14px}.hero-panel{padding:var(--space-4)}}@media(max-width:480px){.nav-drawer-panel{width:100%}.container{width:min(100% - 32px,var(--max-width))}.section{padding:32px 0}.nav{gap:var(--space-3);padding:16px}.brand-name{font-size:.95rem}.brand-sub{font-size:.78rem}.hero-grid,.split,.contact-grid{grid-template-columns:1fr}.contact-grid{gap:var(--space-4)}.hero-content{padding:var(--space-4)}.eyebrow{font-size:.7rem}.hero-title{font-size:2.25rem;line-height:1.05}.hero-subtitle{font-size:1rem}.section-title{letter-spacing:.14em;font-size:1.3rem}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}.hero-portrait-frame{width:min(200px,60vw)}.panel-list{grid-template-columns:1fr}.panel-item-title{font-size:1.125rem}.hero-panel{padding:24px}.card{padding:var(--space-4)}.projects-grid,.sites-grid,.contact-cards{gap:var(--space-4)}.project-card-layout{grid-template-columns:1fr}.project-card-meta-grid{padding-left:var(--space-3);grid-template-columns:1fr}.project-card-meta-item dt{font-size:.7rem}.project-card-meta-item dd{-webkit-line-clamp:unset;font-size:.875rem;display:block}.project-card-meta-item--stack dd{display:flex}.project-card-media img{min-height:240px}.project-card-media{height:240px}.sites-grid{grid-template-columns:1fr}.site-card-media img{height:280px}.site-summary{font-size:.875rem}.site-cta{width:100%}.about-summary,.about-details,.bullet-list li{font-size:.875rem}.thinking-grid{gap:var(--space-4);grid-template-columns:1fr}.thinking-card{padding:20px}.thinking-card h3{font-size:1.125rem}.thinking-card p{font-size:.875rem}.stack-grid{display:none}.stack-accordion{gap:var(--space-3);display:grid}.contact-cards{grid-template-columns:1fr}.contact-item,.contact-content .btn{width:100%}.site-footer{margin-top:40px}.footer-content{text-align:center;align-items:center;gap:var(--space-2);flex-direction:column}.footer-actions{gap:var(--space-2);flex-direction:column}.footer-note,.footer-meta{font-size:.75rem}}@media(prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.project-carousel img{opacity:1;position:relative}.project-carousel img:not(:first-child){display:none}.reveal-on-scroll{opacity:1;filter:none;transform:none}.section-title:after{transform:none}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}