@font-face{font-family:Golos;src:url('/assets/golos-text.ttf') format('truetype');font-weight:400 900;font-style:normal;font-display:swap}
:root{--paper:#f7f9fc;--ink:#17232f;--muted:#56616e;--blue:#2147dc;--line:#d5dde6;--white:#fff;--soft:#e8eef8;font-family:Golos,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--blue);outline-offset:6px}p,h1,h2,h3{margin:0}::selection{color:var(--white);background:var(--blue)}
.page-shell{max-width:1440px;margin-inline:auto;padding-inline:clamp(24px,5.2vw,80px)}.site-header{min-height:116px;display:flex;align-items:center;gap:44px;border-bottom:1px solid var(--line)}.wordmark{font-size:33px;font-weight:750;letter-spacing:-1.8px;white-space:nowrap}.wordmark>span:first-child{font-weight:450}.brand-dot{color:var(--blue)}nav{display:flex;gap:30px;font-size:14px}nav a{padding-block:12px}nav a:hover,.site-footer a:hover{color:var(--blue)}.header-note{margin-left:auto;font-size:13px;color:var(--muted)}
.hero{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(36px,6vw,94px);padding-block:64px 76px}.hero-copy{padding-block:22px 12px;display:flex;flex-direction:column;align-items:flex-start}h1{font-size:clamp(44px,5.5vw,78px);font-weight:550;line-height:1.06;letter-spacing:-.055em}.hero-lead{max-width:540px;font-size:19px;line-height:1.55;color:var(--muted);margin-top:30px}.primary-link{display:inline-flex;align-items:center;gap:32px;min-height:56px;padding-inline:22px;background:var(--ink);color:var(--white);font-size:14px;font-weight:500;margin-top:38px;border-radius:4px}.primary-link:hover{background:var(--blue)}.primary-link span{font-size:23px}
.studio-index{background:var(--blue);color:var(--white);padding:30px 30px 26px;display:flex;flex-direction:column;min-height:416px;border-radius:4px}.index-heading{font-size:14px;line-height:1.45;opacity:.86}.index-links{margin-top:32px}.index-links a{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff44;padding-block:14px;font-size:18px}.index-links a:hover{padding-left:6px}.index-links a:focus-visible{outline-color:var(--white)}.index-signature{margin-top:32px;font-size:52px;line-height:.85;font-weight:600;letter-spacing:-.06em;align-self:flex-end;text-align:left}
.services{display:grid;grid-template-columns:1fr 1.42fr;gap:70px;border-top:1px solid var(--line);padding-block:72px 84px}.section-intro h2{font-size:28px;font-weight:500;letter-spacing:-.025em}.section-intro p{max-width:300px;margin-top:18px;color:var(--muted);font-size:16px;line-height:1.6}.service-list article{display:grid;grid-template-columns:180px 1fr;gap:28px;padding-block:25px;border-bottom:1px solid var(--line);scroll-margin-top:28px}.service-list article:first-child{padding-top:0}.service-list article:last-child{border-bottom:0;padding-bottom:0}h3{font-size:18px;font-weight:500;line-height:1.35}.service-list p{font-size:15px;line-height:1.65;color:var(--muted);max-width:410px}
.approach{border-top:1px solid var(--line);padding-block:70px 84px;display:grid;grid-template-columns:1fr 1.42fr;gap:70px}.approach h2{font-size:34px;line-height:1.15;letter-spacing:-.035em;font-weight:500}.approach>div{max-width:590px;display:grid;gap:18px;font-size:17px;line-height:1.65;color:var(--muted)}.site-footer{padding-block:28px 34px;border-top:1px solid var(--line);display:flex;gap:24px;align-items:center;font-size:12px;color:var(--muted)}.site-footer>span:nth-child(2){margin-left:auto}.site-footer a{margin-left:24px;display:inline-flex;gap:14px}.skip-link{position:absolute;top:8px;left:24px;padding:12px 18px;transform:translateY(-150%);background:var(--white);z-index:2}.skip-link:focus{transform:translateY(0)}
@media(max-width:1050px){.header-note{display:none}.site-header nav{margin-left:auto}.hero{grid-template-columns:minmax(0,1fr) 265px;gap:32px}.studio-index{padding:26px;min-height:420px}h1{font-size:clamp(44px,6.1vw,64px)}.hero-lead{font-size:17px}.services,.approach{gap:40px;grid-template-columns:1fr 1.6fr}.service-list article{grid-template-columns:1fr;gap:10px}}
@media(max-width:680px){.site-header{min-height:90px;gap:20px}.wordmark{font-size:29px}.site-header nav{gap:20px;font-size:12px}.hero{grid-template-columns:1fr;gap:36px;padding-block:34px 50px}.hero-copy{padding-block:10px 0}h1{font-size:clamp(40px,9.2vw,60px);letter-spacing:-.05em}.hero-lead{margin-top:24px;font-size:17px;line-height:1.55}.primary-link{margin-top:28px;min-height:54px;font-size:14px}.studio-index{min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:26px}.index-heading{font-size:13px}.index-links{grid-column:1/-1;margin:0}.index-links a{font-size:18px;padding-block:15px}.index-signature{grid-column:2;grid-row:1;margin:0;align-self:start;justify-self:end;font-size:39px}.services,.approach{grid-template-columns:1fr;gap:32px;padding-block:48px 54px}.section-intro h2{font-size:27px}.section-intro p{max-width:100%;margin-top:12px}.service-list article{padding-block:24px;gap:12px}.service-list p{font-size:16px}.approach h2{font-size:32px}.approach>div{font-size:16px}.site-footer{display:grid;grid-template-columns:1fr auto;gap:14px;font-size:11px;padding-block:24px}.site-footer>span:nth-child(2){grid-column:1;grid-row:2;margin:0}.site-footer a{grid-column:2;grid-row:1/3;margin:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.contact{padding-block:60px 72px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.42fr;gap:70px}.contact h2{font-size:28px;font-weight:500;letter-spacing:-.025em}.contact a{display:inline-flex;align-items:center;gap:28px;font-size:32px;letter-spacing:-.035em;color:var(--blue)}.contact a:hover{text-decoration:underline;text-underline-offset:6px}.contact p{margin-top:20px;max-width:500px;font-size:15px;line-height:1.65;color:var(--muted)}
@media(max-width:1050px){.contact{grid-template-columns:1fr 1.6fr;gap:40px}.contact a{font-size:28px}}
@media(max-width:680px){.contact{grid-template-columns:1fr;gap:24px;padding-block:46px 54px}.contact h2{font-size:27px}.contact a{font-size:29px;gap:20px}}
@media(max-width:380px){.site-header{gap:16px}.site-header nav{font-size:11px;gap:12px}.wordmark{font-size:26px}.contact a{font-size:26px}}