@import "https://fonts.googleapis.com/css2?family=Anton&family=Poppins:wght@300;400;500;600;700;800&display=swap";
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.3p2_lha1f2xer.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.1qq4vpdcun5oj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.390ncx5urfkfu.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.21jp631_3pja2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0wgildi0cnwt9.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.T19VSG_className{font-family:Geist,Geist Fallback;font-style:normal}.T19VSG_variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.31988l_ccedte.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.2tuy5pz7dlieh.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.2dbetqa9o8jxf.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.1uyisp29ctx0d.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.1rgnod-3esatf.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.0r6juujl39pe6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}._8Li5zG_className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}._8Li5zG_variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
:root{--charcoal:#121212;--dark-evergreen:#243d2c;--forest-green:#476c50;--soft-sage:#a8c9ad;--mint-white:#f0f4ee;--muted-eucalyptus:#7f9d84;--background:var(--charcoal);--white:var(--mint-white);--green:var(--dark-evergreen);--green-light:var(--dark-evergreen);--green-dark:var(--dark-evergreen);--aurora-deep:var(--dark-evergreen);--aurora-highlight:#a8c9ad;--aurora-base:#0b130e}*{box-sizing:border-box}html{scroll-padding-top:100px}html:not(.lenis){scroll-behavior:smooth}body{background:var(--background);color:var(--white);-webkit-font-smoothing:antialiased;margin:0;font-family:Poppins,sans-serif}a{color:inherit;text-decoration:none}::selection{background:var(--green);color:#fff}.glass-nav{z-index:9999;-webkit-backdrop-filter:blur(24px);background:#243d2cbf;border:1px solid #a8c9ad4d;border-radius:100px;flex-direction:row;justify-content:space-around;align-items:center;width:520px;max-width:calc(100% - 32px);min-height:48px;padding:4px;animation:.8s cubic-bezier(.2,.8,.2,1) both nav-enter;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%);box-shadow:0 12px 45px #0000004d,inset 0 1px #f0f4ee0d}@keyframes nav-enter{0%{opacity:0;transform:translate(-50%,-24px)scale(.92)}to{opacity:1;transform:translate(-50%)scale(1)}}.glass-nav .nav-indicator{width:calc(25% - 2px);transform:translateX(calc(var(--active-index,0) * 100%));pointer-events:none;background:linear-gradient(#a8c9ad47,#a8c9ad1f);border-radius:100px;transition:transform .5s cubic-bezier(.34,1.4,.5,1);position:absolute;top:4px;bottom:4px;left:4px;box-shadow:inset 0 0 0 1px #a8c9ad40,0 0 18px #a8c9ad40}.glass-nav .nav-item{z-index:1;color:#f0f4ee80;border-radius:100px;flex-direction:row;flex:1;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:0 6px;text-decoration:none;transition:color .3s;display:flex;position:relative}.glass-nav .nav-item:hover{color:#f0f4ee}.glass-nav .nav-icon{justify-content:center;align-items:center;transition:transform .4s cubic-bezier(.34,1.8,.5,1),filter .3s;display:flex}.glass-nav .nav-item:hover .nav-icon{transform:translateY(-2px)rotate(-8deg)scale(1.15)}.glass-nav .nav-label{white-space:nowrap;font-family:Poppins,sans-serif;font-size:11px;font-weight:500}.glass-nav .nav-active{color:#f0f4ee}.glass-nav .nav-active .nav-icon{animation:2.4s ease-in-out infinite nav-icon-glow}@keyframes nav-icon-glow{0%,to{filter:drop-shadow(0 0 4px #a8c9ad73)}50%{filter:drop-shadow(0 0 9px #a8c9ade6)}}.hero{z-index:0;isolation:isolate;background:var(--aurora-base);justify-content:center;align-items:center;height:80vh;min-height:600px;max-height:850px;display:flex;position:sticky;top:0;overflow:hidden}.hero-content{z-index:5;translate:0 calc(var(--hero-progress,0) * 60px);scale:calc(1 - var(--hero-progress,0) * .06);flex-direction:column;align-items:flex-start;margin-top:10px;padding:0 20px;animation:1.1s both hero-enter;display:flex;position:relative}.hero .aurora-background{scale:calc(1 + var(--hero-progress,0) * .05)}.page-content{z-index:1;background:var(--background);border-radius:28px 28px 0 0;position:relative;overflow:clip;box-shadow:0 -30px 60px #0000008c}.hero-intro{letter-spacing:-.04em;align-items:center;gap:10px;margin:0 0 -.4em .35em;font-size:clamp(14px,1.4vw,19px);font-weight:500;display:inline-flex}.intro-sparkles{color:#a8c9ad;align-items:center;gap:4px;line-height:1;display:inline-flex}.intro-sparkles span{text-shadow:0 0 10px #a8c9adb3;animation:2.6s ease-in-out infinite intro-sparkle;display:inline-block}.intro-sparkles span:first-child{font-size:.8em;transform:translateY(-.25em)}.intro-sparkles span:last-child{font-size:1.05em;animation-delay:-1.3s}@keyframes intro-sparkle{0%,to{opacity:.55;rotate:0deg;scale:.85}50%{opacity:1;rotate:25deg;scale:1.15}}.hero h1{letter-spacing:-.045em;color:#f0f4ee;text-shadow:0 0 20px #a8c9ad38,0 0 65px #a8c9ad29;margin:0;font-family:Anton,Impact,sans-serif;font-size:clamp(76px,15vw,200px);font-weight:400;line-height:1.12}@keyframes hero-enter{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.aurora-background{z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 80%, #243d2c73, transparent 70%), var(--aurora-base);position:absolute;inset:0;overflow:hidden}.aurora{will-change:transform;pointer-events:none;border-radius:50%;position:absolute}.aurora-one{opacity:.62;filter:blur(50px);background:radial-gradient(#a8c9ad4d 0%,#243d2c80 36%,#0000 70%);width:85%;height:105%;animation:17s ease-in-out infinite alternate aurora-drift-one;top:-28%;left:-35%}.aurora-two{opacity:.65;filter:blur(60px);background:radial-gradient(#a8c9ad3d 0%,#243d2c73 37%,#0000 73%);width:100%;height:92%;animation:23s ease-in-out infinite alternate aurora-drift-two;top:-52%;left:12%}.aurora-three{opacity:.62;filter:blur(65px);background:radial-gradient(#a8c9ad33 0%,#243d2c66 45%,#0000 75%);width:62%;height:95%;animation:19s ease-in-out infinite alternate aurora-drift-three;top:8%;left:20%}.aurora-four{opacity:.58;filter:blur(55px);background:radial-gradient(#a8c9ad42 0%,#243d2c73 40%,#0000 74%);width:75%;height:110%;animation:21s ease-in-out infinite alternate aurora-drift-four;top:-10%;right:-40%}.hero-gradient{background:linear-gradient(125deg, var(--aurora-base) 0%, #162219 18%, var(--aurora-deep) 32%, #0f1912 46%, var(--aurora-deep) 60%, #2e4a36 72%, #162219 86%, var(--aurora-base) 100%);opacity:.85;background-size:300% 300%;animation:20s ease-in-out infinite alternate hero-gradient-shift;position:absolute;inset:0}@keyframes hero-gradient-shift{0%{background-position:0 30%}50%{background-position:60% 70%}to{background-position:100% 40%}}.aurora-vignette{z-index:2;background:radial-gradient(at 50% 42%,#0000 0%,#0b130e21 48%,#0b130e8c 100%);position:absolute;inset:0}@keyframes aurora-drift-one{0%{transform:translate(-4%,-4%)rotate(-12deg)scale(1)}to{transform:translate(21%,12%)rotate(10deg)scale(1.22)}}@keyframes aurora-drift-two{0%{transform:translate(-12%)rotate(-15deg)scale(1)}to{transform:translate(7%,30%)rotate(12deg)scale(1.24)}}@keyframes aurora-drift-three{0%{transform:translate(-14%,5%)scale(.9)}to{transform:translate(17%,-8%)scale(1.18)}}@keyframes aurora-drift-four{0%{transform:translate(8%,-9%)rotate(15deg)scale(1)}to{transform:translate(-25%,10%)rotate(-13deg)scale(1.18)}}.star-field{z-index:3;position:absolute;inset:0}.twinkle-star{opacity:.1;background:#f0f4ee;border-radius:50%;animation:ease-in-out infinite alternate star-twinkle;display:block;position:absolute;box-shadow:0 0 5px #a8c9adb3,0 0 10px #a8c9ad47}.star-bright{box-shadow:0 0 7px 2px #a8c9adbf,0 0 18px #a8c9ad66}.sparkle-star{opacity:0;filter:drop-shadow(0 0 4px #a8c9adcc);background:radial-gradient(circle,#f0f4ee 0 7%,#a8c9ada6 13%,#0000 32%),linear-gradient(90deg,#0000,#f0f4eef2 50%,#0000) 50%/100% 1.5px no-repeat,linear-gradient(#0000,#f0f4eef2 50%,#0000) 50%/1.5px 100% no-repeat;animation:ease-in-out infinite sparkle-twinkle;display:block;position:absolute}@keyframes sparkle-twinkle{0%,to{opacity:0;transform:scale(.2)rotate(0)}50%{opacity:1;transform:scale(1)rotate(45deg)}}@keyframes star-twinkle{0%{opacity:.08;transform:scale(.65)}to{opacity:.9;transform:scale(1.45)}}.marquee{z-index:4;width:100%;color:var(--charcoal);background:#476c50;padding:8px 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 9% 91%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 9% 91%,#0000 100%)}.marquee-track{width:max-content;animation:38s linear infinite marquee-scroll;display:flex}.marquee-content{white-space:nowrap;letter-spacing:-.04em;flex:none;font-size:15px;font-weight:700}.marquee-star{transform-origin:50%;animation:3s linear infinite marquee-star-spin;animation-delay:var(--star-delay,0s);will-change:transform;padding:0 7px;display:inline-block}@keyframes marquee-star-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.section-container{width:min(100% - 56px,1400px);margin-inline:auto}.section-title{letter-spacing:-.075em;margin:0;font-family:Poppins,sans-serif;font-size:clamp(38px,5vw,64px);font-weight:700;line-height:1.05}.section-title span{color:var(--green)}.about{isolation:isolate;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(40px,6vw,96px);min-height:580px;padding-top:110px;padding-bottom:110px;display:grid;position:relative}.about-content{width:100%;max-width:760px}.about-glow{z-index:-1;aspect-ratio:1;filter:blur(40px);pointer-events:none;background:radial-gradient(circle,#476c5052 0%,#243d2c2e 40%,#0000 70%);border-radius:50%;width:min(620px,70%);animation:12s ease-in-out infinite alternate about-glow-float;position:absolute;top:50%;right:0;translate:0 -50%}@keyframes about-glow-float{0%{transform:translate(4%,-6%)scale(.95)}to{transform:translate(-8%,6%)scale(1.08)}}.about-actions{flex-wrap:wrap;align-items:center;gap:26px;display:flex}.about-link{color:#7f9d84;font-size:12px;font-weight:600;transition:color .25s;position:relative}.about-link:after{content:"";background:var(--green-light);transform-origin:0;width:100%;height:1px;transition:transform .35s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:-4px;left:0;transform:scaleX(.3)}.about-link:hover{color:var(--green-light)}.about-link:hover:after{transform:scaleX(1)}.about-photo{justify-self:center;width:min(360px,100%)}.photo-cutout{filter:drop-shadow(10px 14px #0006);animation:2.25s step-end infinite stop-motion-bob;position:relative}.photo-cutout:before{content:"";z-index:-1;background:var(--green);clip-path:polygon(2% 1%,35% 0%,70% 2%,99% 0%,100% 40%,98% 75%,100% 99%,60% 100%,25% 98%,0% 100%,1% 60%,0% 25%);position:absolute;inset:4% -6% -4% 6%;rotate:5deg}.photo-paper{clip-path:polygon(1% 2%,30% 0%,62% 1.5%,98% 0%,100% 28%,98.5% 60%,100% 97%,70% 100%,38% 98.5%,2% 100%,0% 70%,1.5% 35%);background:#f0f4ee;padding:12px;animation:1.125s step-end infinite paper-boil}.photo-img{aspect-ratio:4/5;object-fit:cover;object-position:50% 35%;width:100%;height:auto;display:block}@keyframes stop-motion-bob{0%{transform:translate(0)rotate(-3deg)}16.66%{transform:translate(-4px,-10px)rotate(-1deg)}33.33%{transform:translate(0)rotate(-3deg)scale(1.02,.98)}50%{transform:translate(5px,-8px)rotate(-4.5deg)}66.66%{transform:translate(0)rotate(-2deg)scale(1.02,.98)}83.33%{transform:translate(-3px,-12px)rotate(-3.5deg)}}@keyframes paper-boil{0%{clip-path:polygon(1% 2%,30% 0%,62% 1.5%,98% 0%,100% 28%,98.5% 60%,100% 97%,70% 100%,38% 98.5%,2% 100%,0% 70%,1.5% 35%)}33.33%{clip-path:polygon(0% .5%,33% 1.5%,65% 0%,99% 1.5%,98.5% 30%,100% 63%,98.5% 99%,67% 98.5%,35% 100%,.5% 98.5%,1.5% 67%,0% 32%)}66.66%{clip-path:polygon(2% 0%,28% 1%,60% 0%,100% 1%,99% 33%,100% 58%,99.5% 100%,72% 98.5%,40% 100%,1% 99%,0% 66%,1.5% 30%)}}[data-reveal]{opacity:0}[data-reveal].is-revealed{animation:.7s cubic-bezier(.22,1,.36,1) both reveal-in;animation-delay:calc(var(--reveal-i,0) * .11s)}@keyframes reveal-in{0%{opacity:0;translate:0 26px}to{opacity:1;translate:0}}.typewriter-wrapper{margin:30px 0 28px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.about-typewriter{letter-spacing:-.04em;white-space:pre-wrap;overflow-wrap:break-word;max-width:720px;min-height:145px;margin:0;font-size:clamp(15px,1.4vw,18px);font-weight:500;line-height:1.5}.about-typewriter .type-green{font-weight:700}.type-char{opacity:0;filter:blur(4px);transition:opacity .4s ease-out,filter .4s ease-out}.type-char.is-typed{opacity:1;filter:blur()}.type-cursor{vertical-align:-.15em;width:0;height:1em;display:inline-block;position:relative}.type-cursor:after{content:"";background:var(--mint-white);width:2px;animation:.8s step-end infinite cursor-blink;position:absolute;inset:0 auto 0 0}@keyframes cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}.about-button{border-radius:12px;justify-content:center;align-items:center;gap:10px;min-width:158px;padding:12px 28px;font-size:12px;font-weight:700;display:inline-flex}.section-divider{align-items:center;gap:18px;margin-block:-40px;display:flex}.divider-line{transform-origin:100%;background:linear-gradient(90deg,#0000,#a8c9ad73);flex:1;height:1px}.divider-line:last-child{transform-origin:0;background:linear-gradient(90deg,#a8c9ad73,#0000)}.divider-logo{width:auto;height:34px;color:var(--mint-white);flex:none}.section-divider.is-revealed .divider-line{animation:1.1s cubic-bezier(.22,1,.36,1) .15s both divider-grow}@keyframes divider-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.work{padding-top:105px;padding-bottom:150px}.projects-grid{grid-template-columns:2fr 1fr 1fr;gap:14px;margin-top:36px;display:grid}@media (min-width:901px){.projects-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);transition:grid-template-columns .45s cubic-bezier(.16,1,.3,1)}.projects-grid .project-card-content{width:calc(var(--card-narrow-w,100%) - 52px)}.projects-grid .project-card:before{width:var(--card-expanded-w,100%);right:auto;left:calc(50% - var(--card-expanded-w,100%) / 2)}.projects-grid[data-active="1"]{grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr)}.projects-grid[data-active="2"]{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,2fr)}}.project-card{isolation:isolate;background-color:#243d2c;border:1px solid #a8c9ad73;border-radius:18px;flex-direction:column;justify-content:space-between;min-height:630px;padding:28px 26px 26px;transition:transform .5s cubic-bezier(.2,.8,.2,1),border-color .4s,box-shadow .5s;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000059}.project-card:hover{border-color:#a8c9ade6;transform:translateY(-6px);box-shadow:0 30px 60px #00000073,0 0 0 1px #a8c9ad26}.project-card:before{content:"";z-index:-3;background-image:var(--project-image);background-position:var(--project-position,center);mix-blend-mode:luminosity;opacity:.55;background-size:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.project-card:hover:before{transform:scale(1.04)}.project-card-overlay{z-index:-2;background:linear-gradient(#476c5073 0%,#243d2c40 45%,#243d2cb3 100%);position:absolute;inset:0}.project-card-hover{z-index:-1;opacity:0;pointer-events:none;background:linear-gradient(#12121226 0%,#12121273 55%,#121212cc 100%);transition:opacity .45s;position:absolute;inset:0}.project-card:hover .project-card-hover{opacity:1}.project-branding{--project-position:center 70%}.project-uiux{--project-position:center}.project-photo{--project-position:center 30%}.project-card-content h3{letter-spacing:-.05em;color:#f0f4ee;text-shadow:0 2px 20px #00000040;max-width:360px;margin:0 0 14px;font-family:Poppins,sans-serif;font-size:clamp(26px,2.7vw,44px);font-weight:500;line-height:1.05}.project-card-content p{letter-spacing:-.01em;color:#f0f4eed9;max-width:260px;margin:0;font-family:Poppins,sans-serif;font-size:clamp(12px,.95vw,14px);font-weight:400;line-height:1.5}.project-card-link{letter-spacing:.12em;color:#f0f4ee;--link-ease:cubic-bezier(.65, 0, .25, 1);align-items:center;gap:8px;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;display:flex;position:absolute;bottom:32px;left:26px}.link-roll,.link-arrow{line-height:1.2;display:inline-flex;position:relative;overflow:hidden}.link-roll{flex-direction:column;height:1.2em}.link-roll span{transition:transform .5s var(--link-ease);display:block}.link-roll span:last-child{color:#a8c9ad}.project-card:hover .link-roll span{transform:translateY(-100%)}.link-arrow{color:#a8c9ad;width:1.1em;height:1.2em;font-size:16px}.link-arrow span{transition:transform .5s var(--link-ease);place-items:center;display:grid;position:absolute;inset:0}.link-arrow span:last-child{transform:translate(-120%)}.project-card:hover .link-arrow span:first-child{transform:translate(120%)}.project-card:hover .link-arrow span:last-child{transition-delay:80ms;transform:translate(0)}.footer{padding-top:100px;padding-bottom:45px}.footer-heading{align-items:flex-end;gap:55px;margin-bottom:80px;display:flex}.footer-heading .section-title{font-size:clamp(42px,5.5vw,76px)}.footer-heading p{color:#7f9d84;margin:0 0 5px;font-size:13px;line-height:1.5}.contact-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-bottom:68px;display:grid}.contact-grid a{border-right:1px solid #243d2c;flex-direction:column;gap:7px;min-width:0;padding-right:14px;display:flex}.contact-grid a:last-child{border-right:none}.contact-icon{height:24px;color:var(--green);font-size:22px;font-weight:700;line-height:1}.contact-grid strong{color:var(--green);letter-spacing:.18em;font-size:11px}.contact-grid a>span:last-child{overflow-wrap:anywhere;font-size:12px}.contact-grid a:hover>span:last-child{color:var(--green-light)}.footer-cta{border-radius:100px;justify-content:space-between;align-items:center;gap:20px;padding:14px 21px;display:flex}.footer-cta>span:first-child{letter-spacing:.3em;font-size:10px;font-weight:700}.cta-arrow{font-size:24px;line-height:.7}.category-hero{isolation:isolate;background:var(--aurora-base);align-items:flex-end;min-height:580px;padding:170px 0 90px;display:flex;position:relative;overflow:hidden}.category-hero:after{content:"";z-index:4;background:linear-gradient(180deg, transparent, var(--background));pointer-events:none;height:160px;position:absolute;inset:auto 0 0}.category-hero-content{z-index:5;position:relative}.category-hero-content>*{animation:.9s cubic-bezier(.22,1,.36,1) both hero-enter}.category-hero-content>:nth-child(2){animation-delay:.1s}.category-hero-content>:nth-child(3){animation-delay:.2s}.category-title{letter-spacing:-.075em;color:#f0f4ee;text-shadow:0 0 20px #a8c9ad29,0 0 65px #a8c9ad1f;margin:0;font-family:Poppins,sans-serif;font-size:clamp(40px,9vw,140px);font-weight:700;line-height:.95}.category-title span{color:var(--green)}.category-intro{letter-spacing:-.02em;color:#7f9d84;max-width:560px;margin:26px 0 30px;font-size:clamp(14px,1.3vw,17px);font-weight:400;line-height:1.6}.back-link{border-radius:100px;align-items:center;gap:10px;padding:10px 18px;font-size:12px;font-weight:600;display:inline-flex}.showcase{padding-top:100px;padding-bottom:130px}.showcase-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:48px;display:flex}.showcase-count{letter-spacing:.2em;text-transform:uppercase;color:#f0f4ee8c;margin:0;font-size:12px;font-weight:500}.showcase-count strong{letter-spacing:0;vertical-align:middle;color:var(--green-light);margin-right:8px;font-family:Anton,Impact,sans-serif;font-size:34px;font-weight:400}.showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(44px,5vw,76px) clamp(20px,3vw,48px);display:grid}.showcase-item{flex-direction:column;gap:14px;margin:0;display:flex}.showcase-tile{aspect-ratio:5/4;background:#a8c9ad09;border-radius:6px;place-items:center;transition:background .5s;display:grid;position:relative;overflow:hidden}.showcase-item:hover .showcase-tile{background:#a8c9ad0f}.showcase-glow{aspect-ratio:1;filter:blur(30px);opacity:.4;pointer-events:none;background:radial-gradient(circle,#a8c9ad1a,#0000 65%);border-radius:50%;width:70%;transition:opacity .6s,transform .9s cubic-bezier(.2,.7,.2,1);position:absolute}.showcase-item:hover .showcase-glow{opacity:1;transform:scale(1.15)}.showcase-logo{object-fit:contain;width:64%;height:50%;transition:transform .9s cubic-bezier(.2,.7,.2,1);position:absolute;top:25%;left:18%}.showcase-item:hover .showcase-logo{transform:scale(1.05)}.showcase-logo.is-monochrome{filter:brightness(0)invert()}.showcase-placeholder{letter-spacing:.2em;text-transform:uppercase;color:#a8c9ad80;flex-direction:column;align-items:center;gap:10px;font-size:11px;font-weight:600;display:flex;position:relative}.showcase-placeholder span{color:var(--green-light);font-size:20px}.showcase-caption{grid-template-columns:auto 1fr auto;align-items:baseline;gap:14px;padding-top:4px;display:grid;position:relative}@property --tile-progress{syntax:"<percentage>";inherits:false;initial-value:0%}.showcase-tile:before{content:"";z-index:2;border-radius:inherit;background:conic-gradient(from 0deg, var(--green-light) var(--tile-progress), transparent var(--tile-progress));-webkit-mask-composite:xor;pointer-events:none;padding:1px;transition:--tile-progress .8s cubic-bezier(.65,0,.25,1);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.showcase-item:hover .showcase-tile:before{--tile-progress:100%}.showcase-index{letter-spacing:.15em;color:#a8c9ad73;font-size:11px;font-weight:500}.showcase-caption strong{letter-spacing:-.02em;color:#f0f4ee;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:15px;font-weight:600;transition:color .3s;overflow:hidden}.showcase-item:hover .showcase-caption strong{color:var(--green-light)}.showcase-category{color:#a8c9ad8c;text-align:right;white-space:nowrap;font-size:12px}.showcase-cta .showcase-tile{background:0 0;border:1px dashed #a8c9ad38;flex-direction:column;justify-content:center;gap:14px;transition:border-color .4s;display:flex}.showcase-cta:hover .showcase-tile{border-color:var(--green-light);background:0 0}.cta-star{color:var(--green-light);font-size:22px;transition:transform .6s cubic-bezier(.34,1.6,.5,1)}.showcase-cta:hover .cta-star{transform:rotate(90deg)scale(1.15)}.cta-text{letter-spacing:-.04em;text-align:center;color:#f0f4ee;font-size:clamp(18px,1.8vw,26px);font-weight:600;line-height:1.15}.iface-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(56px,7vw,110px) clamp(20px,3vw,48px);display:grid}.iface-item{--screen-ratio:16 / 9;grid-column:span 7}.iface-item.is-feature,.iface-item.is-showcase{--screen-ratio:2 / 1;grid-column:1/-1}.iface-item.is-narrow{grid-column:span 5;margin-top:clamp(40px,8vw,140px)}.iface-link{color:inherit;flex-direction:column;gap:20px;display:flex}.iface-stage{background:#f0f4ee08;border-radius:18px;place-items:center;padding:clamp(20px,4vw,64px);transition:background .5s;display:grid;position:relative;overflow:hidden}.iface-stage-glow{aspect-ratio:1;filter:blur(40px);opacity:.6;pointer-events:none;background:radial-gradient(circle,#476c5059,#0000 65%);border-radius:50%;width:80%;transition:opacity .6s,transform .9s cubic-bezier(.2,.7,.2,1);position:absolute;bottom:-40%;left:50%;translate:-50%}.iface-item:hover .iface-stage{background:#f0f4ee0d}.iface-item:hover .iface-stage-glow{opacity:1;transform:scale(1.15)}.iface-frame{background:#0d0d0d;border:1px solid #a8c9ad29;border-radius:12px;flex-direction:column;width:100%;transition:transform .8s cubic-bezier(.2,.7,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 30px 60px #00000073}.iface-item:hover .iface-frame{transform:translateY(-8px)scale(1.01)}.iface-frame.is-mobile{--screen-ratio:9 / 19.5;border:7px solid #1b1b1b;border-radius:34px;outline:1px solid #a8c9ad29;width:min(260px,62%)}.iface-chrome{background:#1a1a1a;border-bottom:1px solid #f0f4ee0f;flex:none;align-items:center;gap:6px;height:30px;padding:0 12px;display:flex}.iface-chrome>span{background:#f0f4ee38;border-radius:50%;width:8px;height:8px}.iface-chrome>.iface-url{background:#f0f4ee0f;border-radius:100px;width:min(40%,260px);height:14px;margin-left:12px}.iface-notch{z-index:2;background:#1b1b1b;border-radius:100px;width:34%;height:16px;position:absolute;top:8px;left:50%;translate:-50%}.iface-screen{aspect-ratio:var(--screen-ratio);position:relative;overflow:hidden;container-type:size}.iface-image{object-fit:cover;object-position:50% 0%;width:100%;height:auto;min-height:100%;transition:translate 5s cubic-bezier(.45,0,.55,1);position:absolute;top:0;left:0}.iface-item:hover .iface-image{translate:0 min(0px,100cqh - 100%)}.iface-skeleton{flex-direction:column;gap:10px;padding:6%;display:flex;position:absolute;inset:0;overflow:hidden}.iface-skeleton.is-mobile{padding:22% 9% 9%}.iface-skeleton>span,.sk-cards>span{background:#f0f4ee0f;border-radius:6px;display:block}.sk-nav{width:40%;height:10px}.sk-hero{flex:1;min-height:30%;background:linear-gradient(135deg,#476c5059,#243d2c40)!important;border-radius:10px!important}.sk-line{width:70%;height:10px}.sk-line.is-short{width:45%}.sk-cards{grid-template-columns:repeat(3,1fr);gap:10px;height:22%;min-height:40px;background:0 0!important;display:grid!important}.iface-skeleton.is-mobile .sk-cards{grid-template-columns:repeat(2,1fr)}.iface-skeleton:after{content:"";background:linear-gradient(100deg,#0000 30%,#f0f4ee0d 50%,#0000 70%);animation:3.2s ease-in-out infinite skeleton-sweep;position:absolute;inset:0;transform:translate(-100%)}@keyframes skeleton-sweep{to{transform:translate(100%)}}.iface-badge{letter-spacing:.18em;text-align:center;text-transform:uppercase;max-width:80%;color:var(--soft-sage);-webkit-backdrop-filter:blur(8px);background:#121212bf;border:1px solid #a8c9ad4d;border-radius:100px;padding:8px 16px;font-size:10px;font-weight:600;line-height:1.4;position:absolute;top:50%;left:50%;translate:-50% -50%}.iface-caption{border-top:1px solid #f0f4ee1a;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding-top:18px;display:grid}.iface-index{letter-spacing:.15em;color:var(--muted-eucalyptus);font-size:11px;font-weight:500}.iface-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.iface-meta strong{letter-spacing:-.03em;color:var(--mint-white);font-size:clamp(16px,1.4vw,20px);font-weight:600}.iface-meta span{color:var(--muted-eucalyptus);font-size:12px}.iface-cta{letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:var(--soft-sage);align-items:center;gap:10px;font-size:11px;font-weight:600;display:inline-flex}.iface-cta-arrow{border:1px solid #a8c9ad4d;border-radius:50%;place-items:center;width:32px;height:32px;font-size:13px;transition:transform .5s cubic-bezier(.34,1.6,.5,1),background .3s,color .3s;display:grid}.iface-item:hover .iface-cta-arrow{background:var(--soft-sage);color:var(--background);transform:rotate(45deg)}.project-showcase{aspect-ratio:16/9;background:#f0f4ee08;border-radius:18px;transition:background .5s;position:relative;overflow:hidden}.iface-item:hover .project-showcase{background:#f0f4ee0d}.showcase-shot{background:#0d0d0d;border:1px solid #a8c9ad29;border-radius:10px;flex-direction:column;transition:transform .8s cubic-bezier(.2,.7,.2,1),box-shadow .8s;display:flex;position:absolute;overflow:hidden;box-shadow:0 30px 60px #00000080,0 8px 20px #0000004d}.showcase-shot:hover{transform:translateY(-8px);box-shadow:0 40px 80px #0000008c,0 10px 24px #00000059}.showcase-shot .iface-chrome{height:clamp(16px,2vw,28px)}.showcase-shot.is-mobile{border:clamp(4px,.5vw,7px) solid #1b1b1b;border-radius:clamp(18px,2.4vw,34px);outline:1px solid #a8c9ad29}.showcase-shot.is-mobile .iface-notch{height:clamp(8px,1vw,14px);top:6px}.shot-screen{aspect-ratio:16/10;position:relative;overflow:hidden;container-type:size}.showcase-shot.is-mobile .shot-screen{aspect-ratio:9/19.5}.shot-image{width:100%;height:auto;transition:translate 6s cubic-bezier(.45,0,.55,1);position:absolute;top:0;left:0}.showcase-shot.is-mobile .shot-image{transition-duration:9s}.showcase-shot:hover .shot-image{translate:0 min(0px,100cqh - 100%)}[data-composition=layered] .shot-1{z-index:1;width:60%;top:7%;left:5%}[data-composition=layered] .shot-2{z-index:2;width:40%;top:50%;right:5%}[data-composition=layered] .shot-3{z-index:3;width:15%;bottom:-14%;left:37%}[data-composition=browser-phone] .shot-1{z-index:1;width:72%;top:8%;left:6%}[data-composition=browser-phone] .shot-2{z-index:2;width:18%;bottom:-12%;right:8%}[data-composition=browsers] .shot-1{z-index:1;width:60%;top:7%;left:5%}[data-composition=browsers] .shot-2{z-index:2;width:50%;top:32%;right:5%}@media (max-width:600px){[data-composition=browsers] .shot-1{width:72%}[data-composition=browsers] .shot-2{width:62%;top:40%}.project-showcase{aspect-ratio:1}[data-composition=layered] .shot-1,[data-composition=browser-phone] .shot-1{width:80%;top:8%;left:5%}[data-composition=layered] .shot-2{display:none}[data-composition=layered] .shot-3,[data-composition=browser-phone] .shot-2{width:34%;inset:auto 6% -10% auto}}.cs-hero{min-height:520px}.cs-category{letter-spacing:.22em;text-transform:uppercase;color:var(--soft-sage);margin:0 0 18px;font-size:11px;font-weight:600}.cs-content{padding-top:40px;padding-bottom:120px}.cs-facts{border-block:1px solid #f0f4ee1a;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0 0 56px;padding:26px 0;display:grid}.cs-facts dt{letter-spacing:.16em;text-transform:uppercase;color:var(--muted-eucalyptus);margin-bottom:6px;font-size:11px;font-weight:500}.cs-facts dd{color:var(--mint-white);margin:0;font-size:15px;font-weight:500}.cs-cover,.cs-section{margin-bottom:clamp(80px,10vw,140px)}.cs-heading{margin-bottom:36px}.cs-heading span{letter-spacing:.22em;text-transform:uppercase;color:var(--soft-sage);margin-bottom:10px;font-size:11px;font-weight:600;display:block}.cs-heading h2{letter-spacing:-.06em;color:var(--mint-white);margin:0;font-size:clamp(30px,4vw,52px);font-weight:700;line-height:1.05}.cs-text{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start;gap:clamp(24px,5vw,80px);display:grid}.cs-text .cs-heading{margin-bottom:0}.cs-body p{color:#c7d4ca;margin:0 0 18px;font-size:clamp(15px,1.3vw,18px);line-height:1.65}.cs-shot{background:#0d0d0d;border:1px solid #a8c9ad29;border-radius:10px;flex-direction:column;transition:transform .8s cubic-bezier(.2,.7,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 30px 60px #00000073}.cs-shot:hover{transform:translateY(-6px)}.cs-shot .shot-image{transition-duration:7s}.cs-shot:hover .shot-image{translate:0 min(0px,100cqh - 100%)}.cs-shot.is-mobile{border:6px solid #1b1b1b;border-radius:30px;outline:1px solid #a8c9ad29}.cs-shot.is-mobile .shot-screen{aspect-ratio:9/19.5}.cs-shot.is-mobile .shot-image{transition-duration:10s}.cs-figure{margin:0}.cs-figure figcaption{color:var(--muted-eucalyptus);margin-top:14px;font-size:13px;font-weight:500}.cs-browsers{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,3vw,48px) clamp(20px,3vw,40px);display:grid}.cs-browsers .cs-figure:nth-child(2n){margin-top:clamp(0px,6vw,90px)}.cs-phones{flex-wrap:wrap;justify-content:center;gap:clamp(20px,3vw,40px);display:flex}.cs-phones .cs-figure{width:min(240px,42%)}.cs-phones .cs-figure:nth-child(2n){margin-top:clamp(0px,5vw,70px)}.cs-gallery{align-items:start;gap:clamp(16px,2vw,28px);display:grid}.cs-gallery.cols-1{grid-template-columns:1fr}.cs-gallery.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-gallery.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cs-plate{border:1px solid #f0f4ee14;border-radius:10px;overflow:hidden}.cs-plate img{width:100%;height:auto;transition:transform .9s cubic-bezier(.2,.7,.2,1);display:block}.cs-figure:hover .cs-plate img{transform:scale(1.03)}.cs-insights{background:#f0f4ee14;border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.cs-insights li{background:var(--background);flex-direction:column;gap:10px;padding:clamp(22px,2.5vw,34px);transition:background .4s;display:flex}.cs-insights li:hover{background:#243d2c59}.cs-insight-index{letter-spacing:.16em;color:var(--muted-eucalyptus);font-size:11px;font-weight:600}.cs-insights strong{letter-spacing:-.03em;color:var(--mint-white);font-size:18px;font-weight:600}.cs-insights p{color:#a9bcad;margin:0;font-size:14px;line-height:1.6}.cs-palette{flex-wrap:wrap;gap:22px;display:flex}.cs-swatch{letter-spacing:.08em;color:#c7d4ca;flex-direction:column;align-items:center;gap:10px;font-size:12px;font-weight:600;display:flex}.cs-swatch span{aspect-ratio:1;border:1px solid #f0f4ee26;border-radius:50%;width:clamp(64px,8vw,96px);transition:transform .5s cubic-bezier(.34,1.6,.5,1)}.cs-swatch:hover span{transform:scale(1.08)}.cs-fonts{color:#c7d4ca;margin:30px 0 0;font-size:15px}.cs-fonts strong{color:var(--mint-white)}.cs-next{background:#243d2c4d;border:1px solid #a8c9ad29;border-radius:18px;flex-direction:column;gap:10px;padding:clamp(32px,5vw,60px);transition:background .4s,border-color .4s;display:flex}.cs-next>span{letter-spacing:.22em;text-transform:uppercase;color:var(--soft-sage);font-size:11px;font-weight:600}.cs-next strong{letter-spacing:-.06em;color:var(--mint-white);font-size:clamp(28px,4vw,52px);font-weight:700}.cs-next strong span{transition:transform .4s cubic-bezier(.34,1.6,.5,1);display:inline-block}.cs-next:hover{background:#243d2c80;border-color:#a8c9ad66}.cs-next:hover strong span{transform:translate(10px)}@media (max-width:900px){.cs-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-text{grid-template-columns:1fr}.cs-insights,.cs-gallery.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.cs-browsers,.cs-insights,.cs-gallery.cols-2,.cs-gallery.cols-3{grid-template-columns:1fr}.cs-browsers .cs-figure:nth-child(2n),.cs-phones .cs-figure:nth-child(2n){margin-top:0}}.artwork-grid{columns:4;column-gap:18px}.artwork-item{break-inside:avoid;margin:0 0 18px}.artwork-frame{background:#f0f4ee08;border-radius:6px;position:relative;overflow:hidden}.artwork-image{width:100%;height:auto;transition:transform .9s cubic-bezier(.2,.7,.2,1);display:block}.artwork-item:hover .artwork-image{transform:scale(1.05)}.artwork-overlay{opacity:0;background:linear-gradient(#12121200 45%,#121212e0);flex-direction:column;justify-content:flex-end;gap:4px;margin:0;padding:18px;transition:opacity .5s;display:flex;position:absolute;inset:0}.artwork-overlay>*{transition:transform .6s cubic-bezier(.2,.7,.2,1);transform:translateY(12px)}.artwork-overlay>:nth-child(2){transition-delay:50ms}.artwork-overlay>:nth-child(3){transition-delay:.1s}.artwork-item:hover .artwork-overlay{opacity:1}.artwork-item:hover .artwork-overlay>*{transform:translateY(0)}.artwork-index{letter-spacing:.15em;color:var(--muted-eucalyptus);font-size:11px;font-weight:500}.artwork-overlay strong{letter-spacing:-.02em;color:var(--mint-white);font-size:16px;font-weight:600}.artwork-overlay>span:last-child{color:var(--soft-sage);font-size:12px}@media (hover:none){.artwork-overlay{opacity:1}.artwork-overlay>*{transform:none}}.artwork-placeholder{letter-spacing:.2em;text-align:center;text-transform:uppercase;width:100%;color:var(--muted-eucalyptus);border:1px dashed #a8c9ad38;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:10px;font-weight:600;display:flex}.artwork-placeholder span{color:var(--soft-sage);font-size:18px}@media (max-width:900px){.iface-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.iface-item,.iface-item.is-narrow{grid-column:span 1;margin-top:0}.iface-item.is-feature,.iface-item.is-showcase{grid-column:1/-1}.artwork-grid{columns:2}}@media (max-width:600px){.iface-grid{grid-template-columns:1fr}.iface-item,.iface-item.is-feature,.iface-item.is-showcase{grid-column:auto}.iface-item.is-feature{--screen-ratio:16 / 9}.iface-caption{grid-template-columns:auto 1fr}.iface-cta{grid-column:2}.artwork-grid{columns:1}}.category-page{--aurora-base:#0f1912;--aurora-deep:#1a2b20}.section-title span,.category-title span{--title-outline:#6b8b71;color:#fff;letter-spacing:-.05em;text-shadow:none;filter:drop-shadow(1.45px 0 0 var(--title-outline)) drop-shadow(-1.45px 0 0 var(--title-outline)) drop-shadow(0 1.45px 0 var(--title-outline)) drop-shadow(0 -1.45px 0 var(--title-outline)) drop-shadow(1.03px 1.03px 0 var(--title-outline)) drop-shadow(-1.03px -1.03px 0 var(--title-outline)) drop-shadow(1.03px -1.03px 0 var(--title-outline)) drop-shadow(-1.03px 1.03px 0 var(--title-outline));display:inline-block}.marquee{background:var(--green);color:var(--mint-white)}.contact-grid a{border-right-color:#a8c9ad1f}@media (max-width:900px){.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.category-hero{min-height:480px;padding:140px 0 70px}.showcase{padding-top:80px;padding-bottom:90px}.showcase-grid{grid-template-columns:1fr;row-gap:40px}.showcase-caption{grid-template-columns:auto 1fr;row-gap:4px}.showcase-category{text-align:left;grid-column:2}}@media (max-width:900px){.hero{height:650px;min-height:540px}.projects-grid{grid-template-columns:1fr 1fr}.project-branding{grid-column:span 2}.project-card{min-height:440px}.footer-heading{gap:30px}.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:30px}.about-typewriter{min-height:170px}.about{grid-template-columns:1fr}.about-glow{top:auto;bottom:0;translate:0}.about-photo{width:min(300px,80%)}}@media (max-width:600px){html{scroll-padding-top:100px}.section-container{width:calc(100% - 36px)}.glass-nav{width:calc(100% - 24px);min-height:44px;top:12px}.glass-nav .nav-item{gap:4px;min-height:34px;padding:0 3px}.glass-nav .nav-icon svg{width:15px;height:15px}.glass-nav .nav-label{font-size:10px}.hero{height:580px;min-height:0;max-height:none}.hero-content{padding:0 8px}.hero h1{font-size:clamp(58px,15vw,100px)}.hero-intro{font-size:14px}.aurora-one,.aurora-two,.aurora-three,.aurora-four{filter:blur(45px)}.marquee-content{font-size:12px}.marquee-star{padding:0 5px}.about{min-height:470px;padding-top:100px;padding-bottom:100px}.typewriter-wrapper{margin:25px 0}.about-typewriter{min-height:270px;font-size:15px;line-height:1.5}.work{padding-top:85px;padding-bottom:80px}.projects-grid{grid-template-columns:1fr;gap:14px;margin-top:25px}.project-branding{grid-column:auto}.project-card{min-height:410px}.project-card-content h3{font-size:30px}.footer{padding-top:90px;padding-bottom:28px}.footer-heading{flex-direction:column;align-items:flex-start;gap:22px;margin-bottom:60px}.contact-grid{gap:28px 12px}.contact-grid a{border-right:none}.contact-grid a>span:last-child{font-size:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1!important;animation:none!important}}.cs-actions{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.cs-live{gap:10px;min-width:0;padding:10px 20px}.about-button,.back-link,.footer-cta{isolation:isolate;color:var(--mint-white);background:linear-gradient(45deg, var(--dark-evergreen), var(--forest-green));border:1px solid #a8c9ad47;transition:transform .3s,box-shadow .3s,border-color .3s;position:relative;overflow:hidden;box-shadow:0 10px 20px #0000004d,inset 0 -4px 10px #00000040}.about-button:hover,.back-link:hover{transform:translateY(-3px)scale(1.05)}.footer-cta:hover{transform:translateY(-3px)scale(1.012)}.about-button:hover,.back-link:hover,.footer-cta:hover{border-color:#a8c9ad8c;box-shadow:0 15px 30px #0006,0 0 24px #a8c9ad29,inset 0 -4px 10px #00000040}.about-button:active,.back-link:active,.footer-cta:active{transition-duration:.1s;transform:translateY(1px)scale(.96);box-shadow:0 5px 10px #0000004d,inset 0 -3px 5px #00000040}.btn-icon{transition:transform .5s;display:inline-block}.about-button:hover .btn-icon,.back-link:hover .btn-icon,.footer-cta:hover .btn-icon{transform:rotate(360deg)scale(1.2)}.site-loader{z-index:100000;background:#1d3025;place-items:center;transition:opacity .8s cubic-bezier(.4,0,.2,1),visibility .85s;display:grid;position:fixed;inset:0}html[data-intro-played] .site-loader:not(.is-leaving){display:none}html:not([data-intro-played]):has(.site-loader){overflow:hidden}.loader-logo{color:#fff;filter:drop-shadow(0 0 1.5px #fff)drop-shadow(0 0 6px #ffffffbf)drop-shadow(0 0 18px #fff6);width:auto;height:clamp(72px,12vw,110px);transition:transform .8s cubic-bezier(.22,1,.36,1),opacity .6s,filter .6s;overflow:visible}.loader-logo path{fill:#fff;fill-opacity:0;stroke:#fff;stroke-width:1.2px;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:var(--len,900);stroke-dashoffset:var(--len,900)}.site-loader.is-drawing .loader-logo path{animation:.8s cubic-bezier(.65,0,.35,1) forwards loader-draw,.3s ease-out .7s forwards loader-fill}.site-loader.is-drawing .loader-logo{animation:1.15s ease-in-out forwards loader-glow}@keyframes loader-draw{to{stroke-dashoffset:0}}@keyframes loader-fill{to{fill-opacity:1}}@keyframes loader-glow{0%,to{filter:drop-shadow(0 0 1.5px #fff)drop-shadow(0 0 6px #ffffffbf)drop-shadow(0 0 18px #fff6)}70%{filter:drop-shadow(0 0 2px #fff)drop-shadow(0 0 10px #ffffffe6)drop-shadow(0 0 30px #ffffff8c)}}.site-loader.is-leaving{opacity:0;visibility:hidden;pointer-events:none}.site-loader.is-leaving .loader-logo{opacity:0;filter:blur(6px)drop-shadow(0 0 18px #fff6);animation:none;transform:scale(1.06)}@media (prefers-reduced-motion:reduce){.site-loader.is-drawing .loader-logo,.site-loader.is-drawing .loader-logo path{animation:none}.site-loader.is-drawing .loader-logo path{fill-opacity:1;stroke-dashoffset:0}}
html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}