:root{color-scheme:light;--page: #d8e6f3;--surface: #ffffff;--surface-soft: #f6f8fb;--ink: #171b22;--ink-soft: #5f6672;--ink-muted: #8b929e;--line: #dfe5ec;--line-strong: #cfd8e2;--blue: #4d74df;--blue-dark: #3157c6;--mint: #99d8bd;--coral: #ed9d91;--brass: #c89b58;--font-ui: "Geist", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Geist", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--page);font-family:var(--font-ui)}body{margin:0;min-width:320px;background:var(--page);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}::selection{color:#fff;background:var(--blue)}.page-shell{min-height:100vh;padding:8px;background:var(--page)}.site-frame{position:relative;overflow:hidden;min-height:calc(100vh - 16px);border:1px solid rgba(96,128,160,.22);border-radius:14px;background:var(--surface);box-shadow:0 18px 42px #3e567029;transform-origin:50% 42%;animation:hero-card-settle .92s cubic-bezier(.18,.82,.2,1) both}.topbar{position:absolute;top:0;left:0;right:0;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:32px clamp(28px,5vw,80px);pointer-events:none;animation:hero-fade-down .82s .23s cubic-bezier(.18,.82,.2,1) both}.brand,.nav-links a,.login-button{pointer-events:auto}.brand{display:inline-flex;align-items:center;gap:13px;width:max-content;font-size:1.3rem;font-weight:650;color:var(--ink)}.brand-symbol{display:grid;place-items:center;width:32px;height:32px;color:var(--blue)}.brand-symbol svg{display:block;width:100%;height:100%;fill:currentColor}.nav-links{display:flex;align-items:center;gap:clamp(32px,5vw,68px);color:#4e5560;font-size:.96rem;font-weight:520}.nav-links a,.login-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center}.nav-links a{padding:0 2px;transition:color .18s ease}.nav-links a:hover,.nav-links a:focus-visible{color:var(--blue)}.login-button{justify-self:end;padding:0 24px;border:1px solid var(--line-strong);border-radius:16px;background:#ffffffb3;color:#3f4650;font-size:.98rem;font-weight:560;box-shadow:inset 0 1px #fffffff2,0 12px 28px #5e718614;transition:border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.login-button:hover,.login-button:focus-visible{border-color:#4d74df6b;color:var(--blue-dark);transform:translateY(-1px);box-shadow:inset 0 1px #fffffff2,0 16px 32px #5e718621}.hero{position:relative;--hero-copy-y: 0px;--hero-copy-opacity: 1;min-height:calc(100svh - 16px);display:grid;place-items:center;padding:128px clamp(22px,5vw,80px) 48px;isolation:isolate;background:linear-gradient(180deg,#fff 0% 78%,#fbfcfe),var(--surface)}.hero:after{content:"";position:absolute;left:10%;right:10%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(101,125,150,.18),transparent);z-index:5}.hero-stage{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}.hero-character{position:absolute;--character-ratio: .5;display:block;bottom:0;height:min(72svh,720px);width:auto;aspect-ratio:var(--character-ratio);max-width:34vw;-webkit-user-select:none;user-select:none;pointer-events:none;transform-origin:50% 100%;opacity:0}.hero-character--left{--character-ratio: 760 / 1080;left:clamp(40px,4.2vw,86px);animation:character-enter-left 1.45s .26s cubic-bezier(.16,.9,.18,1) forwards}.hero-character--right{--character-ratio: 800 / 1080;right:clamp(-24px,-.8vw,-8px);animation:character-enter-right 1.45s .42s cubic-bezier(.16,.9,.18,1) forwards}.hero-character__safari-video,.hero-character__alpha-video{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;background:transparent;object-fit:contain;object-position:bottom center;pointer-events:none;-webkit-user-select:none;user-select:none;transform-origin:50% 100%}.hero-character__safari-video{display:none;background:#fff}.hero-character:after{content:"";position:absolute;z-index:-1;bottom:1.4%;left:14%;right:14%;height:3%;background:radial-gradient(ellipse at center,#59677442,#59677400 70%);pointer-events:none;transform:translateZ(0)}.hero-copy{position:relative;z-index:3;contain:layout style paint;width:min(720px,78vw);margin:0 auto;text-align:center;pointer-events:auto;opacity:var(--hero-copy-opacity);transform:translate3d(0,var(--hero-copy-y),0);will-change:transform,opacity;animation:hero-copy-reveal .96s .16s cubic-bezier(.18,.82,.2,1) both}.hero-copy h1{margin:0;color:var(--ink);font-family:var(--font-display);font-size:5.35rem;line-height:1.03;font-weight:340;letter-spacing:0}.hero-copy h1 strong{display:block;font-weight:760}.hero-copy p{width:min(520px,100%);margin:28px auto 30px;color:var(--ink-soft);font-size:1.24rem;line-height:1.42;font-weight:430}.primary-button{position:relative;isolation:isolate;contain:layout style;display:inline-flex;min-height:52px;align-items:center;justify-content:center;gap:10px;padding:0 28px;border:1.5px solid transparent;border-radius:999px;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(90deg,var(--coral),var(--blue),var(--mint),var(--brass),var(--coral),var(--blue),var(--mint),var(--brass)) border-box;background-size:100% 100%,200% 100%;background-repeat:no-repeat;background-position:0 0,0 0;color:var(--ink);font-size:1.02rem;font-weight:580;box-shadow:0 1px 2px #171b220d;animation:cta-marquee 5s linear infinite;transition:transform .18s ease,box-shadow .22s ease}.hero .primary-button{animation:cta-pop .94s .86s cubic-bezier(.18,.82,.2,1) both,cta-marquee 5s linear infinite}@keyframes cta-marquee{0%{background-position:0 0,0 0}to{background-position:0 0,-100% 0}}.primary-button:hover,.primary-button:focus-visible{transform:translateY(-2px);box-shadow:0 2px 4px #171b2212}.primary-button--dark{border:1.5px solid rgba(255,255,255,.1);background:#171b22;color:#fff;box-shadow:0 10px 28px #00000038}.primary-button--dark:hover,.primary-button--dark:focus-visible{background:#252b34;box-shadow:0 16px 36px #0000004d}.button-icon,.arrow-icon{flex:0 0 auto;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.button-icon{fill:currentColor;stroke:none}.arrow-icon{width:20px;height:20px}.studio-strip,.work-section,.contact-section{padding:clamp(64px,8vw,112px) clamp(24px,6vw,104px)}.studio-strip{display:grid;grid-template-columns:minmax(260px,.82fr) 1.18fr;gap:clamp(36px,6vw,90px);align-items:start;border-top:1px solid rgba(101,125,150,.12);background:linear-gradient(180deg,#fbfcfe,#fff)}.strip-intro h2,.section-heading h2,.contact-section h2{margin:0;max-width:680px;font-size:3.2rem;line-height:1.05;font-weight:700;letter-spacing:0;color:var(--ink)}.strip-intro p,.section-heading p,.contact-section p{margin:18px 0 0;max-width:590px;color:var(--ink-soft);font-size:1.04rem;line-height:1.58}.step-rail{display:grid;gap:0;border-top:1px solid var(--line)}.step-item{display:grid;grid-template-columns:64px minmax(160px,.75fr) 1fr;gap:26px;align-items:baseline;padding:24px 0;border-bottom:1px solid var(--line)}.step-item span{color:var(--blue);font-family:var(--font-mono);font-size:.82rem;font-weight:650}.step-item h3{margin:0;font-size:1.24rem;line-height:1.22;font-weight:680}.step-item p{margin:0;color:var(--ink-soft);font-size:.98rem;line-height:1.5}.work-section{background:var(--surface)}.section-heading{display:flex;justify-content:space-between;gap:36px;align-items:end;margin-bottom:38px}.section-heading p{margin:0;max-width:450px}.project-list{border-top:1px solid var(--line)}.project-row{display:grid;grid-template-columns:58px minmax(260px,1fr) minmax(160px,.32fr) 118px 28px;gap:24px;align-items:center;min-height:116px;border-bottom:1px solid var(--line);transition:background-color .18s ease,transform .18s ease}.project-row:hover,.project-row:focus-visible{background:#f7f9fc;transform:translate(4px)}.project-number{color:var(--ink-muted);font-family:var(--font-mono);font-size:.82rem;font-weight:650}.project-main{display:grid;gap:9px}.project-main strong{color:var(--ink);font-size:1.22rem;font-weight:720}.project-main span{max-width:720px;color:var(--ink-soft);font-size:.98rem;line-height:1.48}.project-meta{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.project-meta span{display:inline-flex;min-height:28px;align-items:center;padding:0 9px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink-soft);font-family:var(--font-mono);font-size:.72rem;font-weight:600}.project-status{justify-self:start;display:inline-flex;min-height:30px;align-items:center;padding:0 11px;border-radius:8px;background:#f0f3f7;color:#5e6773;font-size:.78rem;font-weight:700;white-space:nowrap}.project-status--live{background:#99d8bd3d;color:#36705d}.project-status--ship{background:#4d74df1a;color:#3157c6}.project-status--open{background:#c89b582b;color:#8c6127}.project-row>.arrow-icon{justify-self:end;color:var(--ink-muted);transition:color .18s ease}.project-row:hover>.arrow-icon,.project-row:focus-visible>.arrow-icon{color:var(--blue)}.contact-section{display:grid;grid-template-columns:minmax(260px,.94fr) 1fr;gap:clamp(36px,7vw,110px);align-items:center;background:#f4f7fb;border-top:1px solid rgba(101,125,150,.13)}.contact-actions{display:grid;justify-items:start;gap:28px}.contact-links{display:flex;flex-wrap:wrap;gap:10px}.contact-links a{display:inline-flex;min-height:42px;align-items:center;padding:0 14px;border:1px solid var(--line-strong);border-radius:12px;background:#ffffffc2;color:#47505b;font-size:.92rem;font-weight:620;transition:border-color .18s ease,color .18s ease,transform .18s ease}.contact-links a:hover,.contact-links a:focus-visible{border-color:#4d74df59;color:var(--blue-dark);transform:translateY(-1px)}@keyframes hero-card-settle{0%{opacity:0;transform:translate3d(0,22px,0) scale(.94);box-shadow:0 10px 24px #3e56701a}to{opacity:1;transform:translateZ(0) scale(1);box-shadow:0 18px 42px #3e567029}}@keyframes hero-fade-down{0%{opacity:0;transform:translate3d(0,-10px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes hero-copy-reveal{0%{opacity:0;transform:translate3d(0,calc(var(--hero-copy-y) + 18px),0) scale(.985)}to{opacity:var(--hero-copy-opacity);transform:translate3d(0,var(--hero-copy-y),0) scale(1)}}@keyframes cta-pop{0%,34%{opacity:0;transform:translate3d(0,6px,0) scale(.92)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes character-enter-left{0%{opacity:0;transform:translate3d(-18vw,18vh,0) scale(.46) rotate(-10deg)}54%{opacity:1;transform:translate3d(3vw,-1.8vh,0) scale(1.08) rotate(1.8deg)}76%{opacity:1;transform:translate3d(1vw,.6vh,0) scale(.985) rotate(-.6deg)}to{opacity:1;transform:translateZ(0) scale(1) rotate(0)}}@keyframes character-enter-right{0%{opacity:0;transform:translate3d(18vw,18vh,0) scale(.46) rotate(10deg)}54%{opacity:1;transform:translate3d(-3vw,-1.8vh,0) scale(1.08) rotate(-1.8deg)}76%{opacity:1;transform:translate3d(-1vw,.6vh,0) scale(.985) rotate(.6deg)}to{opacity:1;transform:translateZ(0) scale(1) rotate(0)}}@media(max-width:1120px){.hero-copy h1{font-size:4.35rem}.hero-character{height:min(68svh,620px);max-width:36vw}.project-row{grid-template-columns:48px minmax(260px,1fr) 100px 28px}.project-meta{display:none}}@media(max-width:880px){.topbar{grid-template-columns:auto 1fr auto;padding:24px}.nav-links{justify-content:center;gap:24px;font-size:.88rem}.login-button{padding:0 18px}.hero{min-height:92svh;padding-top:112px}.hero-character{height:min(50svh,460px);max-width:42vw}.hero-character--left{left:-3vw}.hero-character--right{right:-3vw}.hero-copy h1{font-size:3.65rem}.hero-copy p{font-size:1.08rem}.studio-strip,.contact-section{grid-template-columns:1fr}.section-heading{display:grid;align-items:start}.section-heading p{margin-top:0}.strip-intro h2,.section-heading h2,.contact-section h2{font-size:2.5rem}.step-item{grid-template-columns:48px 1fr}.step-item p{grid-column:2}}@media(max-width:640px){.page-shell{padding:0}.site-frame{min-height:100vh;border:0;border-radius:0}.topbar{grid-template-columns:1fr auto;gap:14px;padding:18px 18px 0}.brand{font-size:1.08rem}.brand-symbol{width:28px;height:28px}.nav-links{display:none}.login-button{min-height:40px;border-radius:13px;padding:0 14px;font-size:.84rem}.hero{min-height:92svh;padding:92px 18px 52px;align-items:center}.hero-copy{width:min(420px,100%)}.hero-copy h1{font-size:2.78rem;line-height:1.05}.hero-copy p{margin-top:22px;font-size:1rem}.primary-button{min-height:48px;padding:0 22px;border-radius:999px;font-size:.96rem}.hero-character{height:min(34svh,290px);max-width:45vw}.hero-character--left{left:-12px}.hero-character--right{right:-42px}.studio-strip,.work-section,.contact-section{padding:58px 18px}.strip-intro h2,.section-heading h2,.contact-section h2{font-size:2.04rem}.step-item{grid-template-columns:40px 1fr;gap:14px;padding:20px 0}.project-row{grid-template-columns:38px 1fr 26px;gap:14px;min-height:126px;padding:12px 0}.project-main strong{font-size:1.08rem}.project-main span{font-size:.92rem}.project-status{display:none}.contact-links a{min-height:40px;border-radius:10px}}@supports (-webkit-touch-callout: none){.hero-character__alpha-video{display:none}.hero-character__safari-video{display:block}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}