@font-face{font-family:Inter;src:url(assets/inter-regular.woff2) format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url(assets/inter-semibold.woff2) format('woff2');font-weight:600 800;font-display:swap}@font-face{font-family:Sora;src:url(assets/sora-semibold.woff2) format('woff2');font-weight:600;font-display:swap}
:root{--navy:#162744;--ink:#182f49;--coral:#f58b60;--muted:#53647a;--line:#d9e0e6;--mint:#e8f3ed;--paper:#f7f9fa;--white:#fff;--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px;scrollbar-color:#8290a1 var(--paper)}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:white;line-height:1.75}::selection{background:var(--coral);color:var(--navy)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #e47043;outline-offset:5px}header a:focus-visible,.hero a:focus-visible,.contact a:focus-visible{outline-color:#ffad87}img{display:block;max-width:100%}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;flex-shrink:0}.arrow{width:21px;height:21px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Sora,Inter,sans-serif;font-weight:600;line-height:1.23;letter-spacing:-.035em;text-wrap:balance}h2{font-size:clamp(30px,3.5vw,46px)}h2 span{color:var(--muted)}h3{font-size:23px;letter-spacing:-.025em}.wrap{width:min(1184px,calc(100% - 80px));margin-inline:auto}.section{padding:100px 0}.skip{position:absolute;top:-100px;left:20px;background:white;padding:10px 20px;z-index:100}.skip:focus{top:10px}.topbar{background:var(--navy);color:#e0e6ef;font-size:11px;border-bottom:1px solid #ffffff25}.topbar .wrap{display:flex;align-items:center;justify-content:space-between;min-height:36px}.topbar a{display:flex;gap:12px;align-items:center}.topbar .arrow{width:15px;height:15px}header{background:var(--navy);color:white;position:sticky;top:0;z-index:20}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{font-family:Sora,Inter,sans-serif;font-weight:600;font-size:23px;letter-spacing:-.04em;white-space:nowrap}.brand span{color:var(--coral);font-size:32px}nav{display:flex;gap:28px;align-items:center;font-size:12px;font-weight:600}nav>a:not(.button):hover{color:var(--coral)}.button{background:var(--coral);color:var(--navy);display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:17px 23px;border-radius:30px;font-size:13px;font-weight:600;line-height:1.5;transition:transform 160ms var(--ease-out)}.button:active{transform:scale(.97)}.button.small{padding:13px 18px}.menu-toggle{display:none}.text-link{display:inline-flex;align-items:center;gap:15px;font-size:13px;font-weight:600;border-bottom:1px solid currentColor;padding-bottom:4px;line-height:1.7}.text-link:hover{color:#a94321}.text-link.light:hover{color:#ffad87}
.hero{background:var(--navy);color:white;overflow:hidden}.hero-stage{position:relative;display:grid;grid-template-columns:1.6fr 1fr;align-items:center;gap:90px;padding-top:50px}.hero h1{font-size:clamp(58px,7.4vw,96px);line-height:1.12;letter-spacing:-.04em}.hero h1 span{display:inline-block;color:var(--navy);background:var(--coral);padding:0 15px 8px;margin:9px 0 0 -15px;transform:rotate(-3deg);border-radius:12px}.hero-tagline{font-family:Sora,sans-serif;font-size:21px;line-height:1.5;margin-top:32px;letter-spacing:-.025em}.hello{justify-self:end;width:260px;position:relative;padding-top:4px}.portrait-round{width:136px;height:136px;border-radius:50%;overflow:hidden;background:white;transform:rotate(4deg);border:5px solid #ffffff}.portrait-round img{width:100%;height:100%;object-fit:cover;transform:scale(1.1);object-position:center 45%}.hello>p:first-of-type{font-size:22px;margin-top:21px;letter-spacing:-.025em}.hello>p:first-of-type strong{font-family:Sora,sans-serif;color:#ffad87}.hello>p:nth-of-type(2){color:#d5dfeb;font-size:13px;margin-top:6px;line-height:1.8}.hello-link{font-size:11px;display:inline-flex;gap:15px;align-items:center;border-bottom:1px solid #ffffff55;margin-top:16px;padding-bottom:4px}.hello-link svg{width:16px}.hero-star{position:absolute;right:270px;top:42px;width:70px;height:70px;color:var(--coral);stroke-width:7;transform:rotate(12deg);pointer-events:none}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-top:35px;padding-bottom:35px}.hero-bottom>p{font-size:13px;color:#d5dfeb;line-height:1.9}.hero-bottom strong{color:white;font-weight:600}.actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.hero-foot{border-top:1px solid #ffffff30;padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;color:#c5d1df}.hero-foot a{width:38px;height:38px;border:1px solid #ffffff50;border-radius:50%;display:grid;place-items:center}.hero-foot svg{width:18px}
.project-lab{background:var(--mint);padding-block:65px 72px}.lab-heading{display:flex;align-items:end;justify-content:space-between;gap:35px}.lab-heading h2{font-size:37px}.lab-heading>p{font-size:13px;color:#456052;line-height:1.9}.need-buttons{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0 22px}.need-buttons button{font-size:12px;color:var(--navy);border:1px solid #aac5b5;border-radius:25px;padding:12px 19px;background:transparent;min-height:44px;font-weight:600;transition:transform 160ms var(--ease-out)}.need-buttons button[aria-pressed=true]{background:var(--navy);color:white;border-color:var(--navy)}.need-buttons button:active{transform:scale(.97)}.need-result{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:65px;min-height:230px;background:var(--coral);color:var(--navy);border-radius:16px;padding:35px 45px;overflow:hidden}.need-result[data-tone=mint]{background:#c6e7d5}.need-result[data-tone=paper]{background:#fff}.need-result[data-tone=blue]{background:#d0e2fa}.need-result[data-tone=peach]{background:#ffd9c4}.need-copy{position:relative;z-index:1;max-width:670px}.need-title{font-family:Sora,sans-serif;font-size:clamp(24px,2.6vw,34px);line-height:1.3;letter-spacing:-.03em;text-wrap:balance}.need-description{font-size:13px;margin-top:17px;line-height:1.9;max-width:570px}.need-cta{display:flex;align-items:center;justify-content:space-between;gap:22px;font-size:12px;font-weight:600;background:var(--navy);color:white;border-radius:30px;padding:16px 21px;z-index:1;min-width:220px}.need-cta svg{width:20px}.lab-mark{position:absolute;bottom:-50px;right:-35px;width:210px;height:210px;stroke-width:4;opacity:.12;z-index:0;transform:rotate(15deg)}.project-lab noscript p{margin-top:20px;font-size:13px}.project-lab noscript a{text-decoration:underline}
.about-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:100px}.prose p{font-size:14px;color:var(--muted);margin-bottom:21px}.prose .lead{font-size:19px;line-height:1.75;color:var(--ink)}.prose .text-link{margin-top:7px}.activities{background:var(--paper)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:65px;margin-bottom:46px}.section-head>p,.section-head>div{max-width:365px;font-size:14px;color:var(--muted)}.section-head .text-link{margin-top:15px;color:var(--ink)}.service-list{border-top:1px solid var(--line)}.service-list article{display:grid;grid-template-columns:1fr 1.7fr 50px;gap:55px;padding:34px 0;border-bottom:1px solid var(--line);align-items:start}.service-list h3{font-size:26px}.service-list p{font-size:14px;color:var(--muted);max-width:620px}.service-list ul{list-style:none;display:flex;flex-wrap:wrap;gap:9px 24px;font-size:11px;font-weight:600;margin:15px 0 0;padding:0}.service-list article>a{border:1px solid #becbd7;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;transition:transform 180ms var(--ease-out)}.service-list article>a:hover{background:var(--coral);border-color:var(--coral)}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;align-items:start}.project:nth-child(2){margin-top:65px}.project-photo{aspect-ratio:.9;overflow:hidden;border-radius:14px;background:var(--paper)}.project-photo img{width:100%;height:100%;object-fit:cover;transition:transform 250ms var(--ease-out)}.project:first-child img{object-position:50% 54%}.project-meta{display:flex;align-items:center;justify-content:space-between;margin:22px 0 12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.045em;color:var(--muted)}.project h3{font-size:20px}.project p{font-size:13px;line-height:1.8;color:var(--muted);margin-top:12px}.training{background:var(--mint)}.training-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.training .lead{font-size:19px;margin:25px 0 15px}.training p{font-size:14px}.training .button{margin-top:30px;gap:20px}.training-topics{border-top:1px solid #b8cec2}.training details{border-bottom:1px solid #b8cec2;padding:24px 0}.training summary{font-family:Sora,sans-serif;font-size:17px;font-weight:600;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:30px}.training summary::-webkit-details-marker{display:none}.training summary:after{content:'+';font:400 25px Inter}.training details[open] summary:after{content:'−'}.training details p{padding-top:16px;color:#435e51;font-size:13px;max-width:440px}.method{display:grid;grid-template-columns:1fr 2fr;gap:80px}.method ol{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;counter-reset:step}.method li{counter-increment:step}.method li:before{content:'0' counter(step);display:block;font-size:12px;color:var(--muted);padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:22px}.method h3{font-size:18px}.method p{font-size:13px;color:var(--muted);margin-top:13px}.contact{background:var(--navy);color:white}.contact-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:120px}.contact h2{font-size:clamp(39px,4.2vw,57px)}.contact h2 span{color:#ffad87}.contact p{color:#d5dfeb;font-size:14px;max-width:490px;margin-top:24px}.contact .button{margin-top:30px}.contact address{font-style:normal;display:flex;flex-direction:column;align-items:start;justify-content:center;gap:7px}.contact address>span{font-family:Sora,sans-serif;font-size:18px;margin-bottom:15px}.contact address>a:not(.text-link){font-size:19px}.contact address>a:hover{color:#ffad87}.contact address p{margin:16px 0 18px;font-size:12px}.contact address .text-link{font-size:12px}footer{padding:38px 0 22px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:30px}.footer-top p{font-size:12px;color:var(--muted)}.footer-top .brand{font-size:19px}.footer-top .text-link{font-size:12px}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.footer-bottom>div{display:flex;gap:25px}.legal{max-width:800px;padding-block:70px}.legal h1{font-size:40px}.legal h2{font-size:24px;margin-top:35px}.legal p{margin-top:20px}.legal a{text-decoration:underline;text-underline-offset:4px}
@media(hover:hover) and (pointer:fine){.button:hover{transform:translateY(-3px)}.button.small:hover{transform:translateY(-2px)}.project:hover .project-photo img{transform:scale(1.045)}.service-list article>a:hover{transform:rotate(45deg)}.need-buttons button:hover:not([aria-pressed=true]){transform:translateY(-3px)}.need-cta:hover .arrow,.hello-link:hover .arrow{transform:translateX(4px)}.need-cta .arrow,.hello-link .arrow{transition:transform 180ms var(--ease-out)}}
@media(min-width:761px) and (prefers-reduced-motion:no-preference){.hero h1 span{animation:stamp 650ms var(--ease-out)}@keyframes stamp{from{transform:rotate(0deg) translateY(10px)}to{transform:rotate(-3deg) translateY(0)}}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}nav{gap:18px}.brand{font-size:20px}.hero-stage{gap:30px}.hello{width:220px}.hero-star{right:230px;width:50px;height:50px;top:40px}.hero-bottom{align-items:start}.actions{gap:18px;flex-direction:column;align-items:start}.about-grid,.training-grid{gap:50px}.service-list article{gap:30px}.method{grid-template-columns:1fr;gap:35px}.contact-grid{gap:60px}.need-result{gap:30px;padding:30px}.need-cta{min-width:190px;font-size:11px}}
@media(max-width:760px){html{scroll-padding-top:80px}.wrap{width:calc(100% - 40px)}.section{padding:65px 0}.topbar .wrap{min-height:33px;font-size:9px}.topbar a{gap:5px}.topbar .arrow{display:none}.nav{height:72px}.brand{font-size:19px}.menu-toggle{display:flex;align-items:center;gap:10px;background:none;border:1px solid #ffffff55;border-radius:24px;color:white;font-size:11px;padding:10px 13px;min-height:44px}.menu-toggle svg{width:18px;height:18px}nav{display:none;position:absolute;left:0;right:0;top:72px;background:var(--navy);padding:22px 20px 28px;border-top:1px solid #ffffff22;box-shadow:0 18px 25px #0b19352b}nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}nav>a{padding:12px 8px;font-size:14px;min-height:44px}nav .button{margin-top:15px}.hero-stage{padding-top:28px;grid-template-columns:1fr;gap:26px}.hero h1{font-size:clamp(45px,12.1vw,78px);line-height:1.15}.hero h1 span{margin-left:-8px;padding:0 8px 7px}.hero-tagline{font-size:17px;margin-top:25px;line-height:1.5}.hero-tagline br{display:none}.hero-tagline br:after{content:' '}.hero-star{right:5px;top:145px;width:37px;height:37px;stroke-width:6}.hello{display:grid;grid-template-columns:78px 1fr;column-gap:16px;row-gap:0;width:100%;justify-self:start;align-items:center;padding-top:0}.portrait-round{width:78px;height:78px;grid-column:1;grid-row:1/4;border-width:3px}.hello>p:first-of-type{font-size:17px;margin:0}.hello>p:nth-of-type(2){font-size:11px;margin:0;line-height:1.65}.hello-link{font-size:10px;margin-top:4px;justify-self:start;gap:12px;padding-bottom:0}.hero-bottom{display:block;padding-top:25px;padding-bottom:25px}.hero-bottom>p{font-size:12px;line-height:1.8}.hero-bottom>p>br:first-of-type{display:none}.actions{margin-top:23px;gap:18px;flex-direction:row;align-items:center}.actions .button{font-size:11px;padding:14px 16px;gap:16px}.actions .text-link{font-size:11px;gap:10px}.hero-foot{padding:15px 0;gap:15px;font-size:9px}.hero-foot>span:nth-child(2){display:none}.hero-foot a{width:34px;height:34px}.project-lab{padding-block:48px}.lab-heading{display:block}.lab-heading h2{font-size:30px}.lab-heading>p{margin-top:15px;font-size:12px}.lab-heading>p br{display:none}.need-buttons{gap:8px;margin:23px 0 18px}.need-buttons button{font-size:11px;padding:10px 13px;min-height:44px}.need-result{display:block;padding:26px 23px;min-height:330px;border-radius:14px}.need-title{font-size:27px}.need-description{font-size:12px;margin-top:15px;line-height:1.8}.need-cta{display:inline-flex;min-width:0;font-size:11px;padding:13px 18px;margin-top:24px}.lab-mark{width:130px;height:130px;right:-25px;bottom:-30px}.about-grid,.training-grid,.contact-grid{grid-template-columns:1fr;gap:30px}.prose .lead{font-size:17px}.section-head{display:block;margin-bottom:30px}.section-head>p,.section-head>div{margin-top:20px;max-width:480px}.service-list article{grid-template-columns:1fr 44px;gap:18px;padding:28px 0}.service-list article>div{grid-column:1/-1;grid-row:2}.service-list h3{font-size:22px}.service-list h3 br{display:none}.service-list article>a{grid-column:2;grid-row:1;width:44px;height:44px}.service-list p{font-size:13px}.service-list ul{gap:8px 18px;font-size:10px}.projects{grid-template-columns:1fr;gap:35px}.project:nth-child(2){margin-top:0}.project-photo{aspect-ratio:1.15}.project-meta{margin-top:16px}.project h3{font-size:22px}.project p{margin-top:8px}.training .button{font-size:11px;gap:12px}.training summary{font-size:16px;min-height:44px}.method ol{grid-template-columns:1fr;gap:24px}.method li{display:grid;grid-template-columns:35px 1fr;column-gap:15px}.method li:before{grid-row:1/3;padding:0;margin:0;border:0}.method p{grid-column:2;margin-top:8px}.contact address{padding-top:25px;border-top:1px solid #ffffff30}.contact address>a:not(.text-link){font-size:18px;min-height:38px}.contact address .text-link{min-height:40px}.footer-top{flex-wrap:wrap;gap:12px}.footer-top p{width:100%;order:3}.footer-top .brand{font-size:16px}.footer-top .text-link{font-size:10px;gap:7px}.footer-bottom{gap:15px;align-items:start;font-size:10px}.footer-bottom>div{flex-direction:column;gap:8px;text-align:right}.footer-bottom a{padding-block:7px}.legal h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}