:root,[data-theme=dark]{--bg:#151419;--bg-nav:rgba(21, 20, 25, 0.85);--text-primary:#fbfbfb;--text-secondary:#878787;--accent:#f56e0f;--accent-hover:#ff8a3a;--tag-bg:rgba(245, 110, 15, 0.08);--tag-border:rgba(245, 110, 15, 0.5);--border:rgba(251, 251, 251, 0.1);--focus-ring:#f56e0f;--cta-glow:rgba(245, 110, 15, 0.15);--cta-glow-strong:rgba(245, 110, 15, 0.35);--cta-bg:transparent;--cta-bg-hover:var(--accent)}[data-theme=light]{--bg:#fbfbfb;--bg-nav:rgba(251, 251, 251, 0.85);--text-primary:#151419;--text-secondary:#626262;--accent:#b84e08;--accent-hover:#9d4207;--tag-bg:rgba(184, 78, 8, 0.07);--tag-border:rgba(184, 78, 8, 0.45);--border:rgba(21, 20, 25, 0.1);--focus-ring:#b84e08;--cta-glow:rgba(184, 78, 8, 0.08);--cta-glow-strong:rgba(184, 78, 8, 0.18);--cta-bg:rgba(184, 78, 8, 0.06);--cta-bg-hover:var(--accent)}*,::after,::before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(5rem + 4px)}body::before{content:"";position:fixed;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#f56e0f,#e8453c,#c06edb,#7b8bea,#c06edb,#e8453c,#f56e0f);background-size:400% 100%;animation:gradient-shift 30s linear infinite;z-index:1000}[data-theme=light] body::before{background-image:linear-gradient(90deg,#c45a08,#c53530,#9b45b8,#4f62c8,#9b45b8,#c53530,#c45a08)}body{font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:clamp(1rem, .9375rem + .25vw, 1.125rem);line-height:1.6;color:var(--text-primary);background-color:var(--bg);transition:background-color 350ms ease,color 350ms ease;font-kerning:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.skip-link{position:absolute;top:-100%;left:1rem;padding:.5rem 1rem;background:var(--accent);color:var(--bg);border-radius:0 0 .25rem .25rem;font-weight:500;text-decoration:none;z-index:1000;transition:top .2s ease}.skip-link:focus{top:0}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}a{color:var(--accent);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-hover)}#about a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px}.nav{position:sticky;top:0;z-index:100;background:var(--bg-nav);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);transition:background-color 350ms ease,border-color 350ms ease}.nav-inner{max-width:48rem;margin:0 auto;padding:.875rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.nav-name{display:inline-flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;color:var(--text-primary);text-decoration:none;white-space:nowrap;letter-spacing:-.01em;transition:color 350ms ease}.nav-name:hover{color:var(--accent)}.greeting{display:inline-block;opacity:1;transition:opacity .3s ease,transform .3s ease;transform:translateY(0)}.greeting.fade-out{opacity:0;transform:translateY(-4px)}.greeting.fade-in{opacity:0;transform:translateY(4px)}.nav-indicator{position:absolute;bottom:0;left:0;height:3px;width:0;background:var(--accent);border-radius:1.5px;transition:left .35s cubic-bezier(.4, 0, .2, 1),width .35s cubic-bezier(.4, 0, .2, 1),opacity .25s ease;pointer-events:none;opacity:0}.nav-links{display:flex;align-items:center;gap:1.25rem}.nav-links a{font-size:.875rem;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:color .2s ease}.nav-links a.active,.nav-links a:hover{color:var(--text-primary)}.theme-toggle{position:relative;box-sizing:content-box;width:42px;height:24px;background:#2a2a4a;background-clip:padding-box;border:10px solid transparent;border-radius:22px;cursor:pointer;margin:-10px;padding:0;flex-shrink:0;transition:background-color .4s ease,background .4s ease;overflow:hidden}[data-theme=light] .theme-toggle{background:linear-gradient(180deg,#a0d8f1,#c4e8fa);background-clip:padding-box}.theme-toggle::after,.theme-toggle::before{content:'';position:absolute;border-radius:50%;background:rgba(255,255,255,.95);opacity:0;transform:translateY(6px);transition:opacity .4s ease .15s,transform .4s ease .15s;z-index:0}.theme-toggle::before{width:10px;height:10px;bottom:-3px;right:4px;box-shadow:-8px 1px 0 0 rgba(255,255,255,.95),-16px 3px 0 -2px rgba(255,255,255,.9),8px 2px 0 -2px rgba(255,255,255,.9),-4px -4px 0 -1px rgba(255,255,255,.85),-12px -1px 0 -1px rgba(255,255,255,.85)}.theme-toggle::after{width:6px;height:6px;bottom:-1px;left:20px;box-shadow:5px 1px 0 0 rgba(255,255,255,.85),-4px 2px 0 -1px rgba(255,255,255,.8)}[data-theme=light] .theme-toggle::after,[data-theme=light] .theme-toggle::before{opacity:1;transform:translateY(0)}.toggle-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .4s cubic-bezier(.4, 0, .2, 1),box-shadow .4s ease,background .4s ease;box-shadow:0 1px 3px rgba(0,0,0,.25);z-index:1}[data-theme=light] .toggle-thumb{background:linear-gradient(135deg,#ffe47a,#f0b429,#d9940e);box-shadow:0 0 6px 2px rgba(240,180,41,.45),0 0 12px 4px rgba(240,180,41,.15)}[data-theme=dark] .toggle-thumb{transform:translateX(18px);box-shadow:inset -2px -1px 0 1.5px #c4c4d4}.toggle-star{position:absolute;background:#fff;border-radius:50%;opacity:0;transform:scale(0);transition:opacity .3s ease .1s,transform .3s ease .1s}[data-theme=dark] .toggle-star{opacity:.85;transform:scale(1)}.toggle-star--1{width:3px;height:3px;top:7px;left:10px}.toggle-star--2{width:2px;height:2px;top:14px;left:14px}.toggle-star--3{width:2px;height:2px;top:5px;left:17px}main{max-width:48rem;margin:0 auto;padding:0 1.5rem}.hero{text-align:center;padding:5rem 0 4rem}.hero-photo{width:180px;height:180px;border-radius:50%;object-fit:cover;margin-bottom:1.5rem;transition:transform .4s cubic-bezier(.4, 0, .2, 1)}.hero-photo:hover{transform:scale(1.04)}.hero h1{font-size:clamp(2.25rem, 1.75rem + 2.5vw, 3.5rem);font-weight:600;letter-spacing:-.035em;line-height:1.2;margin-bottom:1rem;background:linear-gradient(90deg,#f56e0f,#e8453c,#c06edb,#7b8bea,#c06edb,#e8453c,#f56e0f);background-size:400% 100%;animation:gradient-shift 10s linear infinite;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}[data-theme=light] .hero h1{background-image:linear-gradient(90deg,#c45a08,#c53530,#9b45b8,#4f62c8,#9b45b8,#c53530,#c45a08)}.hero-cta{display:inline-block;margin-top:2rem;padding:.75rem 2rem;font-size:.9375rem;font-weight:600;letter-spacing:.01em;color:var(--accent);border:1.5px solid var(--accent);border-radius:.5rem;background:var(--cta-bg);text-decoration:none;box-shadow:0 0 12px var(--cta-glow),0 0 4px var(--cta-glow);transition:background-color 250ms ease,color 250ms ease,box-shadow 250ms ease,border-color 250ms ease,transform 150ms ease}.hero-cta:hover{background:var(--cta-bg-hover);color:var(--bg);box-shadow:0 0 20px var(--cta-glow-strong),0 0 8px var(--cta-glow);transform:translateY(-1px)}.hero-cta:active{transform:translateY(1px);box-shadow:0 0 8px var(--cta-glow)}[data-theme=light] .hero-cta{box-shadow:0 1px 3px var(--cta-glow),0 4px 12px var(--cta-glow)}[data-theme=light] .hero-cta:hover{box-shadow:0 2px 6px var(--cta-glow-strong),0 8px 20px var(--cta-glow-strong)}[data-theme=light] .hero-cta:active{box-shadow:0 1px 2px var(--cta-glow)}.hero-tagline{color:var(--text-secondary);font-size:clamp(1.125rem, 1rem + .5vw, 1.25rem);font-weight:400;max-width:34rem;margin:0 auto;line-height:1.7}.hero-tagline strong{color:var(--text-primary);font-weight:600}.section{padding:4rem 0;border-top:1px solid var(--border);transition:border-color 350ms ease}.section:focus{outline:0}.section-label{font-size:clamp(1.25rem, 1.1875rem + .25vw, 1.5rem);font-weight:600;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:2rem}.section-header{display:flex;align-items:baseline;justify-content:space-between}.section-header .section-label{margin-bottom:2rem}.view-all-toggle{background:0 0;border:none;font-family:inherit;font-size:.875rem;font-weight:500;color:var(--text-secondary);cursor:pointer;display:inline-flex;align-items:center;gap:.375rem;padding:.75rem .5rem;transition:color .2s ease}.view-all-toggle:hover{color:var(--accent)}.clients-carousel{display:flex;flex-direction:column;gap:1.25rem}.clients-carousel[hidden],.clients-list[hidden]{display:none}.clients-carousel.reveal{opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease}.clients-carousel.reveal.visible{opacity:1;transform:translateY(0)}.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem 2rem;list-style:none;counter-reset:approach}.approach-item{display:grid;grid-template-columns:auto 1fr;gap:0 1rem;align-items:baseline;counter-increment:approach}.approach-item{transition:transform .4s cubic-bezier(.4, 0, .2, 1),opacity .4s ease}.approach-item:hover{transform:translateY(-2px)}.approach-item:hover::before{opacity:1}.approach-item.reveal{opacity:0;transform:translateY(12px)}.approach-item.reveal.visible{opacity:1;transform:translateY(0)}.approach-item::before{content:counter(approach,decimal-leading-zero);font-size:.875rem;font-weight:400;color:var(--accent);opacity:.7;transition:opacity .2s ease}.approach-item p{font-size:1rem;font-weight:400;color:var(--text-secondary);line-height:1.7;margin:0}.approach-item p strong{display:block;color:var(--text-primary);font-weight:600;margin-bottom:.375rem}.section-content p{margin-bottom:1.25rem;color:var(--text-secondary);font-weight:400;line-height:1.7}.section-content p strong{color:var(--text-primary);font-weight:600}.section-content p:last-child{margin-bottom:0}.section-content:not(:last-child){margin-bottom:1.5rem}.section-content .section-lead{font-size:clamp(1.25rem, 1.125rem + .5vw, 1.5rem);font-weight:400;color:var(--text-secondary);line-height:1.5;letter-spacing:-.01em;margin-bottom:2rem}.section-content .section-lead strong{color:var(--text-primary);font-weight:600}.about-divider{border:none;border-top:1px solid var(--border);margin:2.75rem 0}.about-group+p{margin-top:2rem}.tags{display:flex;flex-direction:column;gap:.75rem}.tag-group{display:flex;flex-wrap:wrap;gap:.5rem}.tag{display:inline-block;padding:.375rem .875rem;font-size:.875rem;font-weight:500;color:var(--accent);background:0 0;border:1px solid var(--tag-border);border-radius:9999px;white-space:nowrap;transition:color 350ms ease}.tag.reveal{opacity:0;transform:translateY(8px);transition:opacity 350ms ease,transform 350ms ease}.tag.reveal.visible{opacity:1;transform:translateY(0)}.client-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:.5rem 1.5rem;list-style:none}.client{font-size:.9375rem;font-weight:400;color:var(--text-primary);white-space:nowrap;transition:color 350ms ease}.client-icon{vertical-align:-.125em;margin-right:.25rem;opacity:.7}.carousel-wrap{position:relative;overflow:hidden;mask-image:linear-gradient(to right,transparent,black 12%,black 88%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 12%,black 88%,transparent)}.carousel-track{display:flex;align-items:center;gap:4rem;width:max-content;will-change:transform}.carousel-track--row1{animation:carousel-scroll 35s linear infinite}.carousel-track--row2{animation:carousel-scroll-reverse 35s linear infinite}.clients-carousel.offscreen .carousel-track,.clients-carousel:hover .carousel-track{animation-play-state:paused}.carousel-logo{display:inline-flex;align-items:center;gap:.5rem;font-size:clamp(1.125rem, 1rem + .5vw, 1.375rem);font-weight:600;color:var(--text-primary);white-space:nowrap;letter-spacing:-.02em;opacity:.7;flex-shrink:0}.carousel-icon{width:1.1em;height:1.1em;flex-shrink:0}@keyframes carousel-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@keyframes carousel-scroll-reverse{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}.footer{max-width:48rem;margin:0 auto;padding:3rem 1.5rem 0;border-top:1px solid var(--border);text-align:center;transition:border-color 350ms ease}.footer-links{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1.25rem}.footer-links a{display:inline-flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:color .2s ease,transform .2s ease}.footer-links a:hover{color:var(--text-primary);transform:translateY(-1px)}.footer-copy{font-size:.75rem;color:var(--text-secondary)}.underwater-scene{position:relative;width:100vw;margin-left:calc(-50vw + 50%);height:50vh;min-height:300px;max-height:500px;margin-top:2rem;overflow:hidden}.underwater-scene canvas{display:block;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}@keyframes gradient-shift{0%{background-position:0 center}100%{background-position:-400% center}}@media (max-width:640px){.nav-inner{gap:.25rem;padding:.875rem 1.25rem .625rem;flex-direction:column;align-items:center}.nav-name{font-size:.8125rem}.nav-links{gap:.25rem}.nav-links a{font-size:.8125rem;padding:.75rem .5rem}main{padding:0 1.25rem}.hero{padding:3rem 0 2rem}.hero-cta{padding:.75rem 1.75rem}.section{padding:3rem 0}.approach-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.footer-links{gap:1rem}.footer-links a{font-size:.9375rem;padding:.75rem .5rem}}@media (max-width:380px){.approach-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,::after,::before{transition-duration:0s!important;animation-duration:0s!important}html{scroll-behavior:auto}}