@font-face{font-family:Manrope;src:url('/assets/manrope-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/manrope-medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/manrope-semibold.ttf') format('truetype');font-weight:600;font-display:swap}
:root{
--paper:#fbfaf8;--ink:#143444;--muted:#536570;--pink:#ed8196;--pink-ink:#b84d65;
--display-pink:var(--pink-ink);--rose:#f8e9ed;--line:#dcdfe0;--border:#abbcc4;--on-dark:#cddae0;
--space-4:4px;--space-12:12px;--space-16:16px;--space-24:24px;--space-32:32px;
--space-48:48px;--space-64:64px;--space-96:96px;--space-120:120px;
--header-height:112px;--gutter:96px;--pill:999px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:28px;font-weight:400;-webkit-font-smoothing:antialiased}
h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block}
::selection{background:#f4c8d2}:focus-visible{outline:2px solid var(--pink-ink);outline-offset:4px}
main:focus,section[tabindex]:focus{outline:none}
.shell{max-width:1440px;margin-inline:auto;padding-inline:var(--gutter)}
.skip{position:fixed;top:12px;left:24px;z-index:20;transform:translateY(-160%);padding:12px 24px;background:var(--ink);color:var(--paper);border-radius:var(--pill)}
.skip:focus{transform:none}
.site-header{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;gap:12px;min-height:48px;font-size:26px;line-height:32px;letter-spacing:-1.3px;font-weight:500;white-space:nowrap;flex-shrink:0}
.brand-light{font-weight:400}.brand-dot{color:var(--pink-ink)}
.brand-symbol{position:relative;display:block;width:37px;height:36px;overflow:hidden;flex-shrink:0}
.brand-symbol img{position:absolute;width:74px;height:74px;left:-18px;top:-13px;mix-blend-mode:multiply}
.main-nav{display:flex;align-items:center;gap:32px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 24px;border:1px solid transparent;border-radius:var(--pill);font-size:14px;font-weight:500;line-height:20px;white-space:nowrap;cursor:pointer;transition:background-color .18s,color .18s,border-color .18s}
.button-primary{background:var(--ink);color:var(--paper)}.button-primary:hover{background:var(--pink-ink)}.button-primary:active{background:var(--ink)}
.button-outline{border-color:var(--border)}.button-outline:hover{background:var(--rose);border-color:var(--pink-ink);color:var(--pink-ink)}.button-outline:active{background:var(--rose);border-color:var(--border);color:var(--ink)}
.button-text{padding-inline:0;border:0}.button-text:hover{color:var(--pink-ink)}
.button[aria-disabled=true],.button:disabled{opacity:.4;pointer-events:none}.link-arrow{flex:none}
.icon-button{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;flex:none;padding:0;border:1px solid var(--border);border-radius:var(--pill);background:transparent;cursor:pointer}
.icon-button:hover{background:var(--rose)}.icon-button:active{border-color:var(--pink-ink)}.menu-toggle{display:none}
.eyebrow{font-size:11px;font-weight:600;line-height:18px;letter-spacing:1.4px;text-transform:uppercase}
.hero-stage{position:relative;isolation:isolate;overflow:hidden}
.hero-ambient{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1;mask-image:linear-gradient(transparent,#000 18%,#000 70%,transparent)}
.liquid{position:absolute;display:block;filter:blur(38px);border-radius:46% 54% 62% 38% / 42% 40% 60% 58%;will-change:transform;border:0}
.liquid-one{width:min(68vw,920px);height:72%;left:20%;top:-4%;background:radial-gradient(ellipse at 35% 35%,#f3b3c1 0%,#f6ccd5 55%,#f9e2e7 85%);opacity:.5;animation:liquid-rise 22s ease-in-out -8s infinite alternate}
.liquid-two{width:min(48vw,680px);height:65%;right:-10%;top:16%;background:radial-gradient(ellipse at 65% 40%,#ec91a8 0%,#f4becb 50%,#f9e4e8 85%);opacity:.34;animation:liquid-flow 28s ease-in-out -14s infinite alternate}
.liquid-three{width:min(42vw,560px);height:50%;left:-8%;top:38%;background:radial-gradient(ellipse at 60% 60%,#f2c0cd 0%,#f8dce3 60%,#fbfaf8 90%);opacity:.38;animation:liquid-flow 25s ease-in-out -4s infinite alternate-reverse}
.hero{min-height:calc(100vh - var(--header-height));min-height:calc(100svh - var(--header-height));display:grid;grid-template-columns:minmax(0,23fr) minmax(0,14fr);gap:64px;align-items:end;align-content:end;padding-block:64px}
.hero-title,.section-title{display:flex;flex-direction:column;gap:24px}
.hero h1{font-size:clamp(64px,6.11111vw,88px);font-weight:400;line-height:1.113636;letter-spacing:-.05em}.hero h1 span{color:var(--display-pink)}
.hero-intro{display:flex;flex-direction:column;align-items:flex-start;gap:24px}.lead{font-size:22px;line-height:34px;letter-spacing:-.4px}
.hero-intro .lead{max-width:416px}.intro-secondary{color:var(--muted);max-width:400px}
.work{padding-top:96px;padding-bottom:120px;display:flex;flex-direction:column;gap:48px}
.services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}
.service{display:flex;flex-direction:column;gap:24px}.service-copy{display:flex;flex-direction:column;gap:16px}
.service h3,.legal h2{font-size:24px;font-weight:500;line-height:32px;letter-spacing:-.7px}.service p{color:var(--muted)}
.studio{background:var(--ink);color:var(--paper)}
.studio-inner{padding-block:96px;display:grid;grid-template-columns:minmax(0,41fr) minmax(0,31fr);gap:96px;align-items:center}
.studio .eyebrow{color:var(--pink)}
.section-title h2,.legal h1{font-size:64px;font-weight:400;line-height:72px;letter-spacing:-2.5px}
.studio-copy{display:flex;flex-direction:column;gap:24px}.studio-copy>p:last-child{color:var(--on-dark)}
.contact{display:flex;justify-content:space-between;align-items:center;gap:64px;padding-block:120px}.contact .eyebrow{color:var(--muted)}
.footer-main{border-top:1px solid var(--line);padding-block:32px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.company{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:320px}
.company strong{font-size:14px;font-weight:500;line-height:20px}.registration{font-size:12px;font-weight:400}
.footer-main address{width:530px;font-size:12px;line-height:20px;color:var(--muted);font-style:normal}
.mobile-menu{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--paper);color:var(--ink);overflow-y:auto}
.mobile-menu::backdrop{background:var(--paper)}
.mobile-links{display:flex;flex-direction:column;align-items:flex-start;gap:32px;padding-block:64px}
.mobile-section-link{font-size:24px;line-height:32px;letter-spacing:-.7px;padding-block:8px}
.mobile-links>p{font-size:14px;line-height:24px;color:var(--muted)}body.menu-open{overflow:hidden}
.legal{padding-top:64px;padding-bottom:96px}
.legal-column{max-width:800px;display:flex;flex-direction:column;align-items:flex-start;gap:32px}
.legal .eyebrow,.legal p{color:var(--muted)}.legal-section{display:flex;flex-direction:column;gap:16px}
.legal-section p+p{margin-top:12px}
@keyframes liquid-rise{0%{transform:translate(-8%,8%) rotate(-12deg) scale(.92,1.06);border-radius:46% 54% 62% 38% / 42% 40% 60% 58%}50%{border-radius:63% 37% 44% 56% / 56% 61% 39% 44%}100%{transform:translate(12%,-6%) rotate(14deg) scale(1.08,.9);border-radius:38% 62% 55% 45% / 62% 38% 62% 38%}}
@keyframes liquid-flow{0%{transform:translate(-6%,-8%) rotate(8deg) scale(.9,1.1);border-radius:54% 46% 38% 62% / 58% 34% 66% 42%}50%{border-radius:36% 64% 59% 41% / 42% 62% 38% 58%}100%{transform:translate(9%,12%) rotate(-18deg) scale(1.12,.88);border-radius:62% 38% 46% 54% / 36% 54% 46% 64%}}
@media(max-width:1250px){
:root{--gutter:48px}.hero{gap:48px}.services{gap:32px}.studio-inner{gap:64px}
}
@media(max-width:960px){
:root{--header-height:88px;--gutter:32px}.js .main-nav{display:none}.js .menu-toggle:not([hidden]){display:inline-flex}
.hero{grid-template-columns:1fr;gap:32px}.hero-title,.hero-intro{max-width:620px}
.hero-intro .lead,.intro-secondary{max-width:560px}.hero h1{font-size:64px;line-height:72px;letter-spacing:-3px}
.services{grid-template-columns:1fr;gap:48px}.service{max-width:620px}
.studio-inner{grid-template-columns:1fr;gap:32px}.studio-copy{max-width:620px}
.contact{flex-direction:column;align-items:flex-start;gap:32px}.work,.studio-inner,.contact{padding-block:64px}
.footer-main{flex-direction:column;gap:24px}.company,.footer-main address{width:auto}
}
@media(max-width:600px){
:root{--gutter:24px}.site-header{gap:16px}
.brand{gap:10.08px;font-size:21.84px;line-height:26.88px;letter-spacing:-1.3px}
.brand-symbol{width:31.08px;height:30.24px}.brand-symbol img{width:62.16px;height:62.16px;left:-15.12px;top:-10.92px}
.hero h1{font-size:44px;line-height:50px;letter-spacing:-2px}.hero{padding-block:48px}
.lead{font-size:19px;line-height:30px;letter-spacing:-.3px}.section-title h2,.legal h1{font-size:40px;line-height:48px;letter-spacing:-1.5px}
.liquid{filter:blur(28px)}.liquid-one{width:110%;height:48%;left:2%;top:0}.liquid-two{width:100%;height:48%;right:-40%;top:20%}.liquid-three{width:90%;height:40%;left:-35%;top:34%}
.legal{padding-top:48px;padding-bottom:64px}.main-nav{gap:16px;flex-wrap:wrap}
html:not(.js) .site-header{height:auto;min-height:88px;flex-wrap:wrap;padding-block:20px}
}
@media(max-width:360px){
.hero h1{font-size:38px;line-height:44px;letter-spacing:-1.7px}.eyebrow{font-size:10px;letter-spacing:1px}
.legal-header .button{padding-inline:14px;font-size:12px}.legal-header .brand{font-size:19px;gap:8px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.liquid{animation:none;will-change:auto}.button{transition:none}}