:root{--color-text:oklch(93.403% 0.00011 271.152);--color-bg:oklch(22.21% 0.00588 91.629);--color-highlight-green:oklch(52.148% 0.09753 311.816);--color-dots-bg:oklch(41.857% 0.00808 106.842 / 0.397);--color-text-secondary:oklch(0.7386 0.0916 136.24);--color-logo:oklch(93.403% 0.00011 271.152);--font-size-menu:34px;--font-size-h1:20px;--font-size-h2:62px;--font-size-h3:24px;--font-size-normal:26px;--font-size-footer:14px;--space-1:12px;--space-2:20px;--space-3:40px;--space-4:80px;--space-5:170px;--container-pad:80px}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}p{font-size:var(--font-size-normal);font-weight:300}a{color:var(--color-text);text-decoration:none;font-weight:400}.highlighted-text{color:var(--color-highlight-green)}*{margin:0;padding:0;box-sizing:border-box}html{height:100%;scroll-behavior:smooth}body{height:100%;font-family:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--color-text);line-height:1.6;background-color:var(--color-bg)}.skip-link{position:absolute;top:16px;left:16px;z-index:200;padding:12px 16px;border-radius:999px;background:var(--color-text);color:var(--color-bg);transform:translateY(-160%);transition:transform 0.2s ease}.skip-link:focus{transform:translateY(0)}.copy-feedback{position:fixed;right:var(--space-3);bottom:var(--space-3);z-index:210;padding:var(--space-1) var(--space-2);border-radius:999px;background:color-mix(in oklch,var(--color-bg) 82%,var(--color-text) 18%);color:var(--color-text);opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity 0.2s ease,transform 0.2s ease}.copy-feedback.is-visible{opacity:1;transform:translateY(0)}a:focus-visible,button:focus-visible,.thumb:focus-visible,.carousel:focus-visible{outline:3px solid var(--color-highlight-green);outline-offset:4px}.hero-orbs{position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);z-index:0;overflow:hidden;pointer-events:none}.hero-orbs .orb{position:absolute;border-radius:50%;filter:blur(80px)}.orb-1{width:clamp(280px,42vw,600px);height:clamp(280px,42vw,600px);background:oklch(45% 0.14 350);opacity:0.15;top:-10%;left:-5%;animation:drift1 22s ease-in-out infinite alternate}.orb-2{width:clamp(240px,36vw,500px);height:clamp(240px,36vw,500px);background:oklch(55% 0.12 70);opacity:0.12;bottom:-8%;right:-5%;animation:drift2 26s ease-in-out infinite alternate}.orb-3{width:clamp(220px,32vw,450px);height:clamp(220px,32vw,450px);background:oklch(30% 0.1 320);opacity:0.18;top:40%;left:50%;animation:drift3 30s ease-in-out infinite alternate}.orb-4{width:clamp(200px,28vw,380px);height:clamp(200px,28vw,380px);background:oklch(50% 0.11 10);opacity:0.1;top:60%;left:10%;animation:drift4 24s ease-in-out infinite alternate}.orb-5{width:clamp(180px,24vw,320px);height:clamp(180px,24vw,320px);background:oklch(40% 0.08 145);opacity:0.08;top:15%;right:20%;animation:drift5 28s ease-in-out infinite alternate}@keyframes drift1{0%{transform:translate(0,0) scale(1)}50%{transform:translate(15vw,20vh) scale(1.15)}100%{transform:translate(5vw,40vh) scale(0.95)}}@keyframes drift2{0%{transform:translate(0,0) scale(1)}50%{transform:translate(-20vw,-15vh) scale(1.1)}100%{transform:translate(-10vw,-30vh) scale(0.9)}}@keyframes drift3{0%{transform:translate(0,0) scale(1)}50%{transform:translate(-15vw,10vh) scale(1.2)}100%{transform:translate(10vw,-10vh) scale(1)}}@keyframes drift4{0%{transform:translate(0,0) scale(1)}50%{transform:translate(20vw,-20vh) scale(1.1)}100%{transform:translate(-5vw,15vh) scale(0.95)}}@keyframes drift5{0%{transform:translate(0,0) scale(1)}50%{transform:translate(-10vw,15vh) scale(1.15)}100%{transform:translate(8vw,-8vh) scale(0.9)}}.bg-grain{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:0.04}.bg-grain svg{width:100%;height:100%}.container{position:relative;z-index:2;display:grid;grid-template-columns:25% 75%;grid-template-rows:100vh auto;gap:0;max-width:1400px;margin:0 auto;padding:0 var(--container-pad);min-height:100vh}.left-column{display:grid;grid-template-rows:auto auto auto;padding-right:var(--space-3);grid-row:2;grid-column:1;position:sticky;top:0;height:100vh;align-self:start}.header{display:flex;align-items:flex-start;padding-top:var(--space-3);padding-bottom:0;opacity:0;pointer-events:none;transition:opacity 0.3s ease,transform 0.3s ease;transform:translateY(-10px)}.header.header-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.header a{position:relative;display:flex;align-items:center}.logo-icon{height:45px;width:auto;vertical-align:middle;overflow:visible;backface-visibility:hidden}.logo-icon-flip{display:inline-grid;place-items:center;margin-right:12px;margin-top:5px;transform-style:preserve-3d}.logo-icon-flip .logo-icon{grid-area:1 / 1}.logo-icon-closed,.home-hero-logo-icon-closed{opacity:1}.logo-icon-open,.home-hero-logo-icon-open{opacity:0}.header a:hover .logo-icon-flip{animation:logo-flip-spin 0.75s ease-in-out 1}.header-visible .logo-icon-flip{animation:logo-flip-spin 0.75s ease-in-out 1}.logo{font-size:55px;font-weight:500;font-family:'Google Sans',sans-serif;color:var(--color-logo);text-decoration:none;transition:opacity 0.3s ease;display:inline-block;vertical-align:middle;margin-right:13px}.header a:hover .logo{opacity:0.9}.footer{display:flex;align-items:flex-end;justify-content:flex-start;padding-bottom:var(--space-3)}.footer p{font-size:14px}.footer a{color:var(--color-text);text-decoration:none;transition:opacity 0.3s ease}.footer a:hover,.copy-email-link:hover{opacity:0.6}.copy-email-link{border:none;padding:0;background:transparent;color:var(--color-text);font:inherit;cursor:pointer}.right-column{display:flex;flex-direction:column;grid-row:2;grid-column:2}.content-section{flex-shrink:0;display:flex;flex-direction:column;justify-content:flex-start;padding:var(--space-5) clamp(var(--space-3),12vw,20vw) 0 var(--space-3)}.content-section h2{font-size:clamp(32px,4vw + 16px,62px);font-weight:700;margin-bottom:30px;line-height:1.1;transition:opacity 0.5s ease,transform 0.5s ease}.content-section h3{transition:opacity 0.5s ease,transform 0.5s ease}.content-section p{font-size:clamp(14px,1.5vw + 8px,26px);margin-bottom:20px;max-width:100%;transition:opacity 0.5s ease,transform 0.5s ease}.portfolio-carousel-wrap{--carousel-text:oklch(94.15% 0.0081 254);--carousel-overlay:oklch(15.41% 0.0139 263.9 / 0.95);--carousel-radius:16px;--carousel-gap:24px;--thumb-h:clamp(180px,25vw,300px);--carousel-duration:450ms;--carousel-ease:ease-out;--carousel-pad-left:6vw;--carousel-pad-right:14vw;--carousel-pad-vert:8vh;width:100%;margin-top:16px}.portfolio-carousel-wrap .carousel{position:relative;width:100%;padding:16px 0;overflow:hidden}.portfolio-carousel-wrap .track{display:flex;align-items:center;gap:var(--carousel-gap);overflow-x:auto;scroll-behavior:smooth;padding:6px 0;scrollbar-width:none}.portfolio-carousel-wrap .track::-webkit-scrollbar{display:none}.portfolio-carousel-wrap .thumb{flex:none;height:var(--thumb-h);width:auto;border:none;padding:0;background:transparent;cursor:pointer;border-radius:var(--carousel-radius);overflow:hidden;position:relative;transition:transform 180ms ease}.portfolio-carousel-wrap .thumb.is-loading{background:linear-gradient( 90deg,oklch(26% 0.01 260) 0%,oklch(34% 0.015 260) 50%,oklch(26% 0.01 260) 100% );background-size:200% 100%;animation:media-loading 1.2s ease-in-out infinite}.portfolio-carousel-wrap .thumb.floating{position:fixed;margin:0;z-index:140;transition:transform var(--carousel-duration) var(--carousel-ease),left var(--carousel-duration) var(--carousel-ease),top var(--carousel-duration) var(--carousel-ease),width var(--carousel-duration) var(--carousel-ease),height var(--carousel-duration) var(--carousel-ease)}.portfolio-carousel-wrap .thumb.placeholder{visibility:hidden;pointer-events:none;box-shadow:none}.portfolio-carousel-wrap .thumb:hover{transform:translateY(-2px)}.portfolio-carousel-wrap .thumb:focus-visible{transform:translateY(-2px)}.portfolio-carousel-wrap .thumb img,.portfolio-carousel-wrap .thumb video{display:block;height:100%;width:auto}.portfolio-carousel-wrap .edge{position:absolute;top:0;bottom:0;width:54px;display:flex;align-items:center;justify-content:center;pointer-events:none}.portfolio-carousel-wrap .carousel:not(.has-overflow) .edge{display:none}.portfolio-carousel-wrap .edge.left{left:0}.portfolio-carousel-wrap .edge.right{right:0}.portfolio-carousel-wrap .edge .arrow{pointer-events:auto;border:none;background:oklch(17.73% 0.0089 264.3 / 0.85);color:var(--carousel-text);width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:500;opacity:0;transform:scale(0.9);transition:opacity 180ms ease,transform 180ms ease}.portfolio-carousel-wrap .edge:hover .arrow{opacity:1;transform:scale(1)}.portfolio-carousel-wrap .carousel:focus-visible .edge .arrow,.portfolio-carousel-wrap .edge .arrow:focus-visible{opacity:1;transform:scale(1)}.portfolio-carousel-modal.modal{--carousel-text:oklch(94.15% 0.0081 254);--carousel-overlay:oklch(15.41% 0.0139 263.9 / 0.95);--carousel-radius:16px;--carousel-duration:450ms;--carousel-ease:ease-out;--carousel-pad-right:14vw;--carousel-pad-vert:8vh;position:fixed;inset:0;pointer-events:none;opacity:0;transition:opacity var(--carousel-duration) var(--carousel-ease);z-index:130}.portfolio-carousel-modal.modal.is-open{pointer-events:auto;opacity:1}.portfolio-carousel-modal .modal-backdrop{position:absolute;inset:0;background:var(--carousel-overlay);opacity:0;transition:opacity var(--carousel-duration) var(--carousel-ease);z-index:1}.portfolio-carousel-modal.is-open .modal-backdrop{opacity:1}.portfolio-carousel-modal .modal-close{position:absolute;top:calc(var(--carousel-pad-vert) * 0.5);right:calc(var(--carousel-pad-right) * 0.45);border:none;background:oklch(17.73% 0.0089 264.3 / 0.8);color:var(--carousel-text);font-size:26px;font-weight:500;width:44px;height:44px;border-radius:50%;cursor:pointer;opacity:0;transition:opacity var(--carousel-duration) var(--carousel-ease);z-index:70}.portfolio-carousel-modal.is-open .modal-close{opacity:1}.portfolio-carousel-modal .modal-media{position:absolute;inset:0;z-index:2}.portfolio-carousel-modal .modal-media .media-wrapper{position:fixed;left:0;top:0;width:100px;height:100px;transform-origin:center center;border-radius:var(--carousel-radius);overflow:hidden;box-shadow:0 24px 80px oklch(0% 0 0 / 0.5);transition:transform var(--carousel-duration) var(--carousel-ease)}.portfolio-carousel-modal .modal-media img,.portfolio-carousel-modal .modal-media video{display:block;width:100%;height:100%;object-fit:contain;background:oklch(15.93% 0.0112 268)}.content-section.fade-out p,.content-section.fade-out h2,.content-section.fade-out h3,.parallax-text-section.fade-out .parallax-line,.parallax-text-section.fade-out .parallax-circles-container{opacity:0;transform:translateY(-20px);pointer-events:none}.right-column::-webkit-scrollbar{display:none}#you{margin-bottom:100px}.home-section{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;min-height:100svh;min-height:100dvh;width:100vw;margin-left:calc(50% - 50vw);padding:clamp(96px,14vh,180px) clamp(24px,6vw,120px);gap:0;position:relative;z-index:2;overflow:hidden;grid-column:1 / -1;grid-row:1}.home-section::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background-color:var(--color-bg);z-index:0;pointer-events:none}.hero-grain-tint{position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);z-index:0;pointer-events:none;background:radial-gradient(ellipse at 25% 30%,oklch(35% 0.08 350 / 0.18),transparent 55%),radial-gradient(ellipse at 75% 60%,oklch(38% 0.06 55 / 0.12),transparent 50%),radial-gradient(ellipse at 50% 80%,oklch(30% 0.07 320 / 0.1),transparent 50%)}.home-section >:not(.hero-orbs):not(.hero-grain-tint){position:relative;z-index:1}.home-hero-logo{display:flex;justify-content:center;align-items:baseline;gap:15px;margin-bottom:60px;opacity:1;transition:opacity 0.3s ease,transform 0.3s ease}.home-hero-logo.home-hero-logo-hidden{opacity:0;transform:translateY(-10px);pointer-events:none}.home-hero-logo-icon{margin-top:8px;height:45px;width:auto;backface-visibility:hidden}.home-hero-logo-icon-flip{display:inline-grid;place-items:center;margin-top:8px;transform-style:preserve-3d}.home-hero-logo-icon-flip .home-hero-logo-icon{grid-area:1 / 1;margin-top:0}.home-hero-logo:hover .home-hero-logo-icon-flip{animation:logo-flip-spin 0.75s ease-in-out 1}.home-hero-logo.home-hero-logo-welcome .home-hero-logo-icon-flip{animation:logo-flip-spin 0.75s ease-in-out 1}.home-hero-logo-text{font-size:clamp(50px,4vw + 24px,75px);font-weight:500;font-family:'Google Sans',sans-serif;color:var(--color-logo);transition:opacity 0.3s ease}.home-hero-logo:hover .home-hero-logo-text{opacity:0.9}.header a:hover .logo-icon-closed,.header-visible .logo-icon-closed,.home-hero-logo.home-hero-logo-welcome .home-hero-logo-icon-closed,.home-hero-logo:hover .home-hero-logo-icon-closed{animation:logo-face-closed 0.75s linear 1}.header a:hover .logo-icon-open,.header-visible .logo-icon-open,.home-hero-logo.home-hero-logo-welcome .home-hero-logo-icon-open,.home-hero-logo:hover .home-hero-logo-icon-open{animation:logo-face-open 0.75s linear 1}@keyframes logo-flip-spin{from{transform:rotateY(0deg)}to{transform:rotateY(360deg)}}@keyframes logo-face-closed{0%,24%{opacity:1}25%,74%{opacity:0}75%,100%{opacity:1}}@keyframes logo-face-open{0%,24%{opacity:0}25%,74%{opacity:1}75%,100%{opacity:0}}@keyframes media-loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.home-top-row{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:min(100%,1100px)}.home-section h1{font-size:clamp(32px,5vw + 24px,85px);font-weight:700;margin-bottom:30px;line-height:1.1;max-width:16ch;text-wrap:balance}.home-section p{font-size:clamp(14px,1.5vw + 8px,26px);font-weight:300;margin-bottom:20px}.home-bottom-row{display:flex;justify-content:center;align-items:center;width:100%;gap:var(--space-3);padding-top:var(--space-3)}.left-nav-section{display:flex;flex-direction:column;align-items:flex-start;padding-top:var(--space-4);opacity:0;pointer-events:none;transition:opacity 0.3s ease,transform 0.3s ease;transform:translateY(-10px)}.left-nav-section.nav-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.left-nav-section ul{list-style:none;display:flex;flex-direction:column;gap:10px}.left-nav-section li{margin:0}.left-nav-section a{font-size:34px;text-decoration:none;color:var(--color-text);font-weight:400;transition:font-weight 0.2s ease,opacity 0.3s ease}.left-nav-section a:hover{opacity:0.6}.left-nav-section a.active{font-weight:700}.home-left-section{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%}.home-buttons{display:flex;gap:var(--space-1);align-items:center;justify-content:center;width:100%}.parallax-text-section{height:50vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;flex-shrink:0;margin-bottom:25px;z-index:50;overflow:visible}.parallax-text-wrapper{display:flex;flex-direction:column;gap:var(--space-2);overflow:visible;position:relative;z-index:60}.parallax-line{font-size:clamp(28px,5.5vw + 20px,95px);font-weight:700;line-height:1.1;white-space:nowrap;overflow:visible;position:relative;z-index:60;transition:opacity 0.5s ease,transform 0.5s ease}.parallax-line-1{color:var(--color-highlight-green)}.parallax-line-2{color:var(--color-text)}.parallax-circles-container{position:relative;width:clamp(30px,4vw + 10px,60px);height:clamp(30px,4vw + 10px,60px);margin-top:clamp(30px,4vw + 10px,60px);overflow:visible;z-index:60;transition:opacity 0.5s ease,transform 0.5s ease}.parallax-circle{width:clamp(30px,4vw + 10px,60px);height:clamp(30px,4vw + 10px,60px);background-color:var(--color-highlight-green);border-radius:50%;position:absolute;top:0;left:0}.parallax-circle-ghost{width:clamp(30px,4vw + 10px,60px);height:clamp(30px,4vw + 10px,60px);background-color:var(--color-highlight-green);border-radius:50%;position:absolute;top:0;left:0}.parallax-circle-ghost-1{opacity:0.4}.parallax-circle-ghost-2{opacity:0.2}.button{line-height:1;text-decoration:none;display:inline-flex;border:none;cursor:pointer;align-items:center;gap:0.75rem;background-color:oklch(0% 0 0 / 0.576);color:oklch(100% 0 0);border-radius:10rem;font-weight:600;padding:0.75rem 1.5rem;padding-left:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background-color 0.3s;max-width:100%}.button__icon-wrapper{flex-shrink:0;width:25px;height:25px;position:relative;color:oklch(0% 0 0);background-color:oklch(100% 0 0);border-radius:50%;display:grid;place-items:center;overflow:hidden}.button:hover{background-color:var(--color-highlight-green)}.button:hover .button__icon-wrapper{color:var(--color-highlight-green)}.button__icon-svg--copy{position:absolute;transform:translate(-150%,150%)}.button:hover .button__icon-svg:first-child{transition:transform 0.3s ease-in-out;transform:translate(150%,-150%)}.button:hover .button__icon-svg--copy{transition:transform 0.3s ease-in-out 0.1s;transform:translate(0)}.cta-button{font-weight:bold;color:oklch(100% 0 0);border-radius:2rem;cursor:pointer;min-width:190px;height:42.66px;padding:0 24px;border:none;background-color:var(--color-highlight-green);display:flex;justify-content:center;align-items:center;position:relative}.cta-button .span-mother{display:flex;overflow:hidden}.cta-button:hover .span-mother{position:absolute}.cta-button .span-mother span,.cta-button .span-mother2 span{display:inline-block}.cta-button:hover .span-mother span{transform:translateY(1.2em)}.cta-button .span-mother2{display:flex;position:absolute;overflow:hidden}.cta-button .span-mother2 span{transform:translateY(-1.2em)}.cta-button:hover .span-mother2 span{transform:translateY(0)}.cta-button .span-mother span:nth-child(1),.cta-button .span-mother2 span:nth-child(1){transition:0.2s}.cta-button .span-mother span:nth-child(2),.cta-button .span-mother2 span:nth-child(2){transition:0.3s}.cta-button .span-mother span:nth-child(3),.cta-button .span-mother2 span:nth-child(3){transition:0.4s}.cta-button .span-mother span:nth-child(4),.cta-button .span-mother2 span:nth-child(4){transition:0.5s}.cta-button .span-mother span:nth-child(5),.cta-button .span-mother2 span:nth-child(5){transition:0.6s}.cta-button .span-mother span:nth-child(6),.cta-button .span-mother2 span:nth-child(6){transition:0.7s}.cta-button .span-mother span:nth-child(7),.cta-button .span-mother2 span:nth-child(7){transition:0.3s}.cta-button .span-mother span:nth-child(8),.cta-button .span-mother2 span:nth-child(8){transition:0.4s}.cta-button .span-mother span:nth-child(9),.cta-button .span-mother2 span:nth-child(9){transition:0.5s}.cta-button .span-mother span:nth-child(10),.cta-button .span-mother2 span:nth-child(10){transition:0.6s}.cta-button .span-mother span:nth-child(11),.cta-button .span-mother2 span:nth-child(11){transition:0.7s}.cta-button .span-mother span:nth-child(12),.cta-button .span-mother2 span:nth-child(12){transition:0.3s}.cta-button .span-mother span:nth-child(13),.cta-button .span-mother2 span:nth-child(13){transition:0.4s}.cta-button .span-mother span:nth-child(14),.cta-button .span-mother2 span:nth-child(14){transition:0.5s}.cta-button .span-mother span:nth-child(15),.cta-button .span-mother2 span:nth-child(15){transition:0.6s}.cta-button .span-mother span:nth-child(16),.cta-button .span-mother2 span:nth-child(16){transition:0.7s}.cta-button .span-mother span:nth-child(17),.cta-button .span-mother2 span:nth-child(17){transition:0.6s}.cta-button .span-mother span:nth-child(18),.cta-button .span-mother2 span:nth-child(18){transition:0.7s}.mobile-topbar{display:none}.mobile-brand,.mobile-nav-toggle,.mobile-nav-overlay{display:none}@media (max-width:1200px){.content-section{padding-right:clamp(var(--space-3),8vw,12vw)}}@media (max-width:1024px){.container{grid-template-columns:minmax(0,1fr);grid-template-rows:100dvh auto;max-width:none;margin:0;padding:0 20px}.right-column,.content-section,.parallax-text-section,.home-top-row,.home-bottom-row,.home-left-section,.home-buttons,.button{min-width:0;max-width:100%}.left-column{display:none}.right-column{grid-column:1}.home-section{padding:max(112px,env(safe-area-inset-top) + 84px) 20px 72px;min-height:100vh;min-height:100dvh;justify-content:center}.home-section h1{font-size:clamp(36px,6vw + 4px,64px);max-width:11ch}.home-hero-logo-text{font-size:clamp(40px,8vw,65px)}.home-hero-logo-icon{height:clamp(28px,5vw,45px)}.home-hero-logo{margin-bottom:30px}.home-bottom-row{padding-top:24px}.home-buttons{max-width:420px}.content-section{padding:100px 20px 0 20px}.parallax-text-section{padding:40px 20px 20px 20px;height:auto;min-height:0;align-items:flex-start;margin-bottom:0}.parallax-text-wrapper{width:100%;align-items:flex-start}.parallax-circles-container{margin-top:12px}.parallax-line{font-size:clamp(56px,11vw,80px)}.content-section h2{font-size:48px}.content-section p,.home-section p{font-size:16px}.left-nav-section a{font-size:20px}.mobile-topbar{display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;z-index:111;padding:12px 20px;background:oklch(14% 0.006 92 / 0.7);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid oklch(100% 0 0 / 0.06)}.mobile-brand{display:flex;align-items:center}.mobile-brand .logo{font-size:32px}.mobile-brand .logo-icon{height:30px}.mobile-nav-toggle{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;border:none;background:oklch(22% 0.006 92 / 0.5);color:var(--color-text);cursor:pointer;transition:background 0.2s ease}.mobile-nav-toggle:hover{background:oklch(30% 0.006 92 / 0.8)}.mobile-nav-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;position:fixed;inset:0;z-index:120;background:oklch(22% 0.006 92 / 0.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);opacity:0;pointer-events:none;transition:opacity 0.3s ease}.mobile-nav-overlay.is-open{opacity:1;pointer-events:auto}.mobile-nav-header{position:absolute;top:20px;left:20px;display:flex;align-items:center;gap:8px}.mobile-nav-header .logo{font-size:32px}.mobile-nav-header .logo-icon{height:30px}.mobile-nav-close{position:absolute;top:20px;right:20px;width:48px;height:48px;border-radius:50%;border:none;background:transparent;color:var(--color-text);cursor:pointer;display:flex;align-items:center;justify-content:center}.mobile-nav-links{list-style:none;display:flex;flex-direction:column;align-items:center;gap:24px}.mobile-nav-links a{font-size:28px;text-decoration:none;color:var(--color-text);font-weight:400;transition:opacity 0.3s ease}.mobile-nav-links a:hover{opacity:0.6}.mobile-nav-email{font-size:16px}.portfolio-carousel-wrap .edge{width:40px}.portfolio-carousel-wrap .edge .arrow{width:36px;height:36px;opacity:1;transform:scale(1)}.portfolio-carousel-modal .modal-close{right:16px;top:16px}}@media (max-width:800px){.home-section{padding:max(104px,env(safe-area-inset-top) + 76px) 20px 64px}.home-section h1{font-size:clamp(32px,7vw,52px);max-width:18ch}.home-hero-logo-text{font-size:clamp(36px,7vw,52px)}.parallax-line{white-space:normal}}@media (max-width:640px){.container{padding:0 16px}.home-section{padding:max(96px,env(safe-area-inset-top) + 72px) 16px 56px;min-height:100vh;min-height:100dvh}.home-section h1{font-size:clamp(30px,8vw,38px);max-width:20ch}.home-hero-logo{margin-bottom:20px;gap:10px}.home-hero-logo-text{font-size:clamp(32px,10vw,44px)}.home-hero-logo-icon{height:clamp(24px,7vw,32px)}.home-section h1{margin-bottom:20px}.home-buttons{max-width:none}.button{width:auto;justify-content:center;padding:0.9rem 1.1rem;white-space:normal;text-align:center;line-height:1.25}.hero-orbs .orb{filter:blur(56px)}.orb-1{top:-12%;left:-18%}.orb-2{right:-16%;bottom:-10%}.orb-3{left:58%;top:48%}.orb-5{display:none}.parallax-line{font-size:28px;white-space:normal}.content-section h2{font-size:32px}.content-section p,.home-section p{font-size:14px}.mobile-topbar{padding:10px 16px}.logo{font-size:32px}.logo-icon{height:30px}.home-bottom-row{gap:20px}.portfolio-carousel-wrap .edge{width:32px}.portfolio-carousel-wrap .edge .arrow{width:32px;height:32px}.parallax-text-section{padding:32px 16px 16px 16px}}@media (orientation:landscape) and (max-height:500px){.home-section{padding:20px;justify-content:flex-start}.home-hero-logo{margin-bottom:12px}.home-hero-logo-text{font-size:clamp(28px,5vh,40px)}.home-hero-logo-icon{height:clamp(20px,3.5vh,30px)}.home-section h1{font-size:clamp(22px,5vh,38px);margin-bottom:12px}.home-bottom-row{padding-top:8px}}@media (hover:none){.portfolio-carousel-wrap .edge .arrow{opacity:1;transform:scale(1)}.portfolio-carousel-wrap .thumb:hover{transform:none}}