:root{--bg:#eef4fb;--bg-deep:#e8eff8;--bg-soft:#f8fbff;--container:min(1120px, calc(100% - 2rem));--surface:#f8fbffd1;--surface-strong:#fafdfff5;--line:#14203314;--text:#142033;--muted:#607086;--accent:#2563eb;--accent-secondary:#38bdf8;--accent-violet:#7c6cff;--space-2xs:.5rem;--space-xs:.75rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4rem;--space-section:6rem;--motion-standard:.24s ease;--motion-emphasis:.32s cubic-bezier(.22, 1, .36, 1);--shadow:0 28px 80px -42px #2563eb24;--radius-lg:28px;--radius-md:20px;--radius-sm:14px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{color:var(--text);background-color:var(--bg-deep);background-image:linear-gradient(#eef4fb 0%,#e8eff8 100%);background-attachment:fixed;width:100%;min-height:100vh;margin:0;padding:0;font-family:Manrope,sans-serif;position:relative;overflow-x:clip}body:before,body:after{content:none}button,input,textarea,select{font:inherit}#root{z-index:1;min-height:100vh;position:relative}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}p{color:var(--muted);margin:0;line-height:1.75}h1,h2,h3,strong,.brand span,.section-kicker,.section-title,.eyebrow{font-family:Space Grotesk,sans-serif}h1,h2,h3{color:#132033;margin:0}.site-header{background:linear-gradient(#f8fbfffa 0%,#eef4fbfa 52%,#e8eff8 100%);min-height:100vh;padding-top:1.25rem;position:relative;overflow:clip}.site-header:before{content:"";background:radial-gradient(circle at 14% 22%,#38bdf81a,#0000 22%),radial-gradient(circle at 88% 18%,#2563eb14,#0000 24%),linear-gradient(#ffffff2e,#fff0);position:absolute;inset:0}.site-header:after{content:"";filter:blur(24px);background:radial-gradient(circle,#2563eb14,#0000 65%);border-radius:50%;width:360px;height:360px;animation:14s ease-in-out infinite pulse;position:absolute;inset:auto -12% -180px auto}.navbar,.section-shell,.site-footer{width:var(--container);margin:0 auto}.section-kicker,.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.16em;margin-bottom:var(--space-sm);font-size:.82rem}.section-title{text-wrap:balance;max-width:13ch;font-size:clamp(2.2rem,3.4vw,3.4rem);line-height:1.04}.section-description{max-width:62ch;margin-top:var(--space-sm);color:#526173}.section-heading{justify-content:space-between;align-items:end;gap:var(--space-md);margin-bottom:var(--space-lg);display:flex}.section-intro{max-width:760px}.section-heading-compact{margin-bottom:0;display:block}.section-heading-action{align-items:end;display:flex}.surface-card,.surface-panel,.portrait-card,.floating-note{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow)}.surface-card{border-radius:var(--radius-md)}.surface-panel{border-radius:var(--radius-lg)}.navbar{border-radius:var(--radius-sm);z-index:100;-webkit-backdrop-filter:blur(24px);border:1px solid var(--line);background:#fafdffbd;justify-content:space-between;align-items:center;margin-top:0;margin-bottom:0;padding:1rem 1.3rem;display:flex;position:sticky;top:1rem;box-shadow:0 16px 42px -30px #2563eb29}.brand{align-items:center;gap:.85rem;display:inline-flex}.brand img{object-fit:cover;border:1px solid #1320331a;border-radius:14px;width:44px;height:44px}.brand span{letter-spacing:.02em;font-size:1rem;font-weight:700}.nav-menu{align-items:center;gap:.5rem;display:flex}.nav-menu a{color:#314154;border-radius:999px;align-items:center;padding:.72rem .95rem;transition:background .24s,color .24s,transform .24s;display:inline-flex}.nav-menu a:hover,.nav-menu a:focus-visible{color:#132033;background:#1320330d;transform:translateY(-1px)}.hamburger{cursor:pointer;background:#1320330f;border:0;border-radius:14px;width:48px;height:48px;padding:0;display:none}.bar{background:#132033;width:22px;height:2px;margin:5px auto;transition:transform .25s,opacity .25s;display:block}.hero{z-index:1;grid-template-columns:1.2fr .8fr;align-items:center;gap:4rem;padding:3.8rem 0 6.8rem;display:grid;position:relative}.hero-copy{max-width:640px}.hero h1{text-wrap:balance;max-width:11ch;font-size:clamp(3rem,5.6vw,5.85rem);line-height:.94}.hero-text{color:#526173;max-width:60ch;margin-top:1.25rem;font-size:1.06rem}.hero-actions,.contact-actions,.project-links,.social-links{flex-wrap:wrap;gap:.9rem;display:flex}.hero-actions{margin-top:2rem}.button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:54px;padding:.9rem 1.4rem;font-weight:700;transition:transform .24s,border-color .24s,background .24s,box-shadow .24s;display:inline-flex}.button:hover,.button:focus-visible{transform:translateY(-2px)}.button-primary{background:linear-gradient(135deg, var(--accent) 0%, #57b4ff 100%);color:#fffdf8;box-shadow:0 18px 40px -24px #2563eb47}.button-secondary{border-color:var(--line);color:#132033;background:#ffffffa6}.button-ghost{color:#314154;background:0 0;border-color:#1320331f}.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2.4rem;display:grid}.hero-stat{background:linear-gradient(180deg, #ffffffc7, #ffffff6b), var(--surface);padding:1.25rem 1.2rem}.hero-stats strong{margin-bottom:.15rem;font-size:1.95rem;display:block}.hero-visual{min-height:520px;position:relative}.portrait-card{border-radius:38px;width:min(100%,430px);margin-left:auto;padding:1rem;animation:9s ease-in-out infinite floatCard;position:relative;overflow:hidden;transform:translateY(0)}.portrait-card:before{content:"";pointer-events:none;background:linear-gradient(#ffffff1a,#0000 45%);position:absolute;inset:0}.portrait-ring{border:1px solid #13203314;border-radius:30px;position:absolute;inset:18px}.portrait{aspect-ratio:3/4;object-fit:cover;object-position:center top;border-radius:28px;width:100%}.floating-note{border-radius:var(--radius-md);max-width:240px;padding:1rem 1.1rem;animation:11s ease-in-out infinite floatNote;position:absolute}.floating-note span{color:var(--muted);margin-bottom:.35rem;font-size:.83rem;display:block}.floating-note strong{font-size:1rem;line-height:1.4}.note-top{top:28px;left:0}.note-bottom{animation-delay:-5s;bottom:32px;right:0}.section-shell{padding:var(--space-section) 0;scroll-margin-top:6.5rem}.about-grid,.process-grid{grid-template-columns:.9fr 1.1fr;align-items:start;gap:2rem;display:grid}.about-cards,.process-list,.projects-grid{gap:1rem;display:grid}.about-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.info-card,.process-card{padding:1.55rem}.info-card h3,.process-card h3,.project-card h3{margin-bottom:.8rem;font-size:1.24rem}.inline-link{color:#213247;border-bottom:1px solid #1320332e;padding-bottom:.15rem;transition:color .24s,border-color .24s}.inline-link:hover,.inline-link:focus-visible{color:var(--accent);border-color:#1b7f6a66}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card{padding:1.6rem;transition:transform .28s,border-color .28s,background .28s,box-shadow .28s;position:relative;overflow:hidden}.project-card:hover{background:#f8fbfff5;border-color:#13203324;transform:translateY(-6px);box-shadow:0 28px 80px -44px #2563eb1f}.project-card:after{content:"";opacity:.18;filter:blur(10px);border-radius:50%;width:180px;height:180px;transition:transform .35s,opacity .35s;position:absolute;inset:auto -40px -60px auto}.project-card:hover:after{opacity:.24;transform:scale(1.08)}.accent-sky:after{background:#57b4ff}.accent-rose:after{background:#ff7eb3}.accent-gold:after{background:#f8c15c}.accent-mint:after{background:#63e6be}.accent-slate:after{background:#bcccdc}.accent-lilac:after{background:#b69cff}.accent-violet:after{background:#8b5cf6}.project-top{margin-bottom:.8rem}.project-meta{flex-wrap:wrap;gap:.65rem;margin-bottom:.9rem;display:flex}.project-badge{color:#213247;background:#1320330d;border-radius:999px;padding:.4rem .7rem;font-size:.82rem;display:inline-flex}.project-latest{color:#166754;background:#10b98129;border:1px solid #10b9814d;border-radius:999px;align-items:center;padding:.4rem .7rem;font-size:.82rem;font-weight:700;display:inline-flex}.tag-list{flex-wrap:wrap;gap:.65rem;margin-top:1.2rem;display:flex}.tag-list li,.project-links a,.project-link-disabled{background:#ffffff8c;border:1px solid #1320331a;border-radius:999px}.tag-list li{color:#415062;padding:.45rem .75rem;font-size:.85rem}.project-links{margin-top:1.35rem}.project-links a{align-items:center;min-height:44px;padding:.65rem 1rem;font-weight:700;display:inline-flex}.project-link-disabled{color:#526173;opacity:.75;cursor:default;align-items:center;min-height:44px;padding:.65rem 1rem;font-weight:700;display:inline-flex}.process-list{grid-template-columns:repeat(3,minmax(0,1fr))}.process-card span{color:#185846;background:linear-gradient(135deg,#10b9812e,#57b4ff2e);border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:1rem;font-weight:800;display:inline-flex}.contact-shell{padding-top:2.5rem;padding-bottom:6.5rem}.contact-card{background:linear-gradient(135deg,#fafdfffa,#f0f6fcf0),radial-gradient(circle at 0 0,#38bdf814,#0000 30%);padding:2.35rem}.contact-card .section-title{max-width:16ch}.contact-card p{max-width:66ch}.contact-card p+.contact-actions{margin-top:1.8rem}.contact-meta{color:#415062;letter-spacing:.01em;margin-top:1rem}.site-footer{justify-content:space-between;align-items:center;gap:1rem;padding:0 0 2.2rem;display:flex}.social-links a{border:1px solid var(--line);background:#ffffff8c;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .24s,background .24s,border-color .24s;display:inline-flex}.social-links a:hover,.social-links a:focus-visible{background:#ffffffd9;border-color:#13203324;transform:translateY(-2px)}.hero-copy>*,.hero-visual>*,.about-grid>*,.section-heading,.projects-grid>*,.process-grid>*,.contact-card,.site-footer{opacity:0;animation:.9s cubic-bezier(.22,1,.36,1) forwards riseIn}.hero-copy>:first-child{animation-delay:50ms}.hero-copy>:nth-child(2){animation-delay:.13s}.hero-copy>:nth-child(3){animation-delay:.21s}.hero-copy>:nth-child(4){animation-delay:.29s}.hero-copy>:nth-child(5){animation-delay:.37s}.hero-visual>:first-child{animation-delay:.18s}.hero-visual>:nth-child(2){animation-delay:.3s}.hero-visual>:nth-child(3){animation-delay:.38s}.about-grid>:first-child,.section-heading,.process-grid>:first-child,.contact-card,.site-footer{animation-delay:80ms}.about-grid>:nth-child(2),.process-grid>:nth-child(2){animation-delay:.18s}.projects-grid>:first-child{animation-delay:80ms}.projects-grid>:nth-child(2){animation-delay:.14s}.projects-grid>:nth-child(3){animation-delay:.2s}.projects-grid>:nth-child(4){animation-delay:.26s}.projects-grid>:nth-child(5){animation-delay:.32s}.projects-grid>:nth-child(6){animation-delay:.38s}.projects-grid>:nth-child(7){animation-delay:.44s}@keyframes riseIn{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatNote{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes drift{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(12px,-18px)scale(1.05)}}@keyframes pulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.28;transform:scale(1.08)}}@media (width<=960px){.hero,.about-grid,.process-grid,.about-cards,.process-list,.projects-grid,.hero-stats{grid-template-columns:1fr}.hero h1,.section-title{max-width:unset}.hero{padding-top:3rem}.hero-visual{min-height:auto}.portrait-card{margin:0 auto}.floating-note{max-width:100%;margin-top:1rem;position:static}.section-heading,.site-footer{flex-direction:column;align-items:flex-start}}@media (width<=760px){html{font-size:14px}body{background-attachment:scroll!important}.navbar,.surface-card,.surface-panel,.portrait-card,.floating-note{-webkit-backdrop-filter:none!important;background-color:var(--surface-strong)!important;box-shadow:none!important}.project-card:after,.site-header:after{display:none!important}.navbar{padding-top:1rem}.hamburger{z-index:30;margin-left:auto;display:inline-block}.nav-menu{background:var(--surface-strong);border:1px solid var(--line);opacity:0;pointer-events:none;border-radius:24px;flex-direction:column;align-items:stretch;width:min(320px,100%);padding:.8rem;transition:all .25s;position:absolute;top:calc(100% + .8rem);right:0;transform:translateY(-12px)}.nav-menu.active{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-menu a{width:100%}.hamburger.active .bar:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.hero{gap:2rem;padding-top:2rem;padding-bottom:4.5rem}.section-kicker,.eyebrow{letter-spacing:.08em;opacity:.8;margin-bottom:.8rem;font-size:.7rem}.hero h1{margin-bottom:1.2rem;font-size:clamp(2rem,10vw,2.8rem);line-height:1.1}.button,.project-links a,.button-ghost{width:100%}.contact-actions{flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}