@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/_astro/instrument-sans-latin-ext-wght-normal.B5bTHO_g.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/_astro/instrument-sans-latin-wght-normal.BbzFLZTg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer reset{*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,h3,p,figure{margin:0}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}}@layer base{:root{--blue:#104486;--ink:#1c2025;--muted:#626871;--line:#d9dde2;--ground:#f7f7f8;--gutter:clamp(24px, 4.6vw, 88px);--ease-out:cubic-bezier(.22, 1, .36, 1);--motion-fast:.12s;--motion-base:.2s;--motion-medium:.28s;--motion-slow:.4s;--motion-hero:.6s;--font-body:"Instrument Sans Variable", Arial, sans-serif;--font-display:"Instrument Sans Variable", Arial, sans-serif;--tracking-heading:-.015em;font-family:var(--font-body);color:var(--ink);font-synthesis:none;font-feature-settings:"ss05" 1;background:#fff}body{-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}::selection{background:var(--blue);color:#fff}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;font-weight:400}h2{letter-spacing:var(--tracking-heading);font-size:clamp(36px,4.4vw,68px);line-height:1.08}a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:6px}section[id]{scroll-margin-top:40px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--blue);color:#fff;z-index:10;padding:12px 20px;position:absolute;top:-80px;left:24px}.skip-link:focus{top:10px}.wrap{max-width:1728px;padding-inline:var(--gutter);margin-inline:auto}}@layer layout{.header{view-transition-name:site-header;justify-content:space-between;align-items:center;gap:32px;min-height:112px;display:flex}.header nav{align-items:center;gap:clamp(24px,3vw,50px);font-size:15px;font-weight:500;display:flex}.header nav a{transition:color var(--motion-fast) var(--ease-out);padding-block:10px;position:relative}.header nav a:hover{color:var(--blue)}.header .nav-contact{border-bottom:1px solid var(--ink)}.hero{padding-top:40px;padding-bottom:58px}.hero-topline{color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;padding-top:22px;font-size:14px;display:flex}.hero h1{letter-spacing:var(--tracking-heading);margin-block:40px 34px;font-size:clamp(80px,9.5vw,154px);line-height:1}.headline-line{display:block}.hero h1 .headline-blue{color:var(--blue)}.hero-bottom{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.hero-bottom p{font-size:18px;line-height:1.45}.hero-image{margin-inline:var(--gutter);background:var(--ground);position:relative;overflow:hidden}.hero-image img{object-fit:cover;object-position:50% 52%;width:100%;height:clamp(360px,43vw,660px)}.hero-image figcaption{color:#252b33;justify-content:space-between;gap:20px;font-size:13px;display:flex;position:absolute;inset:auto 30px 25px}.work-section{padding-block:0 112px}.section-heading{justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:30px;display:flex}.work-section .section-heading h2{letter-spacing:var(--tracking-heading);font-size:30px}.section-heading p{color:var(--muted);font-size:14px}.project-grid{grid-template-columns:1fr 1.18fr;align-items:start;gap:72px 5vw;display:grid}.project-1{grid-column:1/-1}.project-2{grid-column:1}.project-3{grid-column:2;padding-top:104px}.services-section{grid-template-columns:.92fr 1.5fr;gap:7vw;padding-block:30px 128px;display:grid}.services-intro p{color:var(--muted);margin-top:26px;font-size:18px}.studio-section{border-top:1px solid var(--line);grid-template-columns:.92fr 1.5fr;gap:7vw;padding-top:84px;padding-bottom:126px;display:grid}.studio-label{color:var(--muted);font-size:15px}.studio-section h2{font-size:clamp(36px,3.5vw,56px)}.studio-section div>p{max-width:540px;margin-top:32px;font-size:19px;line-height:1.65}.contact-section{background:var(--blue);color:#fff;padding-block:86px 92px}.contact-grid{grid-template-columns:1.3fr 1fr;gap:10vw;display:grid}.contact-grid h2{letter-spacing:var(--tracking-heading);margin-top:30px;font-size:clamp(58px,6.5vw,104px)}.contact-grid>div>p{font-size:15px}.contact-channels{align-self:end}.contact-channels>p{margin-bottom:32px;line-height:1.5;font-size:20px!important}.footer{justify-content:space-between;align-items:center;gap:30px;padding-block:38px;display:flex}.footer p,.footer>span{color:var(--muted);font-size:12px}}@layer components{.logo{flex-shrink:0;width:268px;height:48px;display:block;position:relative;overflow:hidden}.logo img{width:280px;max-width:none;height:auto;position:absolute;top:-20px;left:-2px}.logo-footer{width:205px;height:38px}.logo-footer img{width:212px;top:-15px}.text-link{border-bottom:1px solid var(--ink);min-height:44px;transition:color var(--motion-base) var(--ease-out), border-color var(--motion-base) var(--ease-out);align-items:center;gap:32px;font-size:15px;display:inline-flex}.link-line{transform-origin:100%;width:52px;height:1px;transition:transform var(--motion-base) var(--ease-out);background:currentColor;display:block}.text-link:is(:hover,:focus-visible){color:var(--blue);border-color:var(--blue)}.text-link:is(:hover,:focus-visible) .link-line{transform:scaleX(.68)}.work-more{justify-content:flex-end;margin-top:54px;display:flex}.project{display:block}.project-image{background:var(--ground);overflow:hidden}.project-image img{aspect-ratio:1.15;object-fit:cover;width:100%;height:auto;transition:transform var(--motion-slow) var(--ease-out)}.project-image.media-contain img{object-fit:contain}.project-1 .project-image img,.project-1 .project-placeholder{aspect-ratio:1.777}.project-1 h3{font-size:clamp(32px,3vw,44px)}.project-1>p{max-width:520px}.project-2 .project-image img{aspect-ratio:1.15}.project-3 .project-image img{aspect-ratio:1.1}.project-placeholder{aspect-ratio:1.15;background:var(--ground);color:var(--muted);place-items:center;font-size:14px;display:grid}.case-image .project-placeholder{aspect-ratio:16/7}.development-section{border-top:1px solid var(--line);grid-template-columns:.92fr 1.5fr;gap:7vw;padding-block:80px 110px;display:grid}.development-intro p{color:var(--muted);margin-top:26px;font-size:18px}.development-stages{counter-reset:stage;margin:0;padding:0;list-style:none}.development-stages li{counter-increment:stage;border-top:1px solid var(--line);grid-template-columns:28px 170px 1fr;gap:24px;padding-block:26px;display:grid}.development-stages li:before{content:counter(stage, decimal-leading-zero);color:var(--muted);padding-top:8px;font-size:12px}.development-stages h3{letter-spacing:var(--tracking-heading);font-size:26px}.development-stages p{color:var(--muted);max-width:380px;font-size:16px}.case-development{padding-bottom:90px}.case-development>section{border-top:1px solid var(--line);grid-template-columns:1fr 2fr;gap:5vw;padding-block:32px;display:grid}.case-development h2{font-size:32px}.case-development dl{margin:0}.case-development dl>div+div{margin-top:24px}.case-development dt{font-size:17px}.case-development dd{color:var(--muted);margin:10px 0 0;font-size:16px;line-height:1.65}.case-development ul{margin:0;padding-left:18px}.check-list>dl{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.check-list>dl+dl{border-top:1px solid var(--line);margin-top:26px;padding-top:26px}.check-list dl>div+div{margin-top:0}.check-list dt{color:var(--muted);font-size:12px}.project-meta{color:var(--muted);justify-content:space-between;gap:16px;margin-top:22px;font-size:12px;display:flex}.project h3{letter-spacing:var(--tracking-heading);transition:color var(--motion-base) var(--ease-out);margin-top:10px;font-size:31px;line-height:1.15}.project>p{color:var(--muted);max-width:360px;margin-top:12px;font-size:16px;line-height:1.55}.project:focus-visible h3{color:var(--blue)}.service{border-top:1px solid var(--line)}.service:last-child{border-bottom:1px solid var(--line)}.service summary{cursor:pointer;justify-content:space-between;align-items:center;gap:24px;padding-block:30px;list-style:none;display:flex}.service summary::-webkit-details-marker{display:none}.service h3{letter-spacing:var(--tracking-heading);flex:1;font-size:28px}.service summary>span:not(.plus){color:var(--muted);font-size:13px}.plus{flex-shrink:0;width:16px;height:16px;position:relative}.plus:before,.plus:after{content:"";background:var(--ink);position:absolute}.plus:before{width:16px;height:1px;top:8px}.plus:after{width:1px;height:16px;transition:transform var(--motion-base) var(--ease-out);left:8px}.service[open] .plus:after{transform:rotate(90deg)}.service[data-expanded=false] .plus:after{transform:rotate(0)}.service-content{padding-bottom:30px}.service-content>p{color:var(--muted);max-width:500px;font-size:17px}.service-content dl{grid-template-columns:1fr 1fr;gap:24px;margin:25px 0 0;display:grid}.service-content dt{color:var(--muted);margin-bottom:7px;font-size:12px}.service-content dd{max-width:260px;margin:0;font-size:15px;line-height:1.6}.channel{letter-spacing:-.02em;border-top:1px solid #fff5;justify-content:space-between;align-items:center;gap:24px;min-height:65px;font-size:24px;display:flex}.channel:last-child{border-bottom:1px solid #fff5}.channel.unavailable span:last-child{letter-spacing:0;color:#dae5f5;font-size:12px}a.channel:hover{background:#ffffff0d}.case-header{padding-top:45px;padding-bottom:60px}.back-link{color:var(--muted);min-height:44px;font-size:14px;display:inline-block}.back-link:hover{color:var(--blue)}.case-category{color:var(--muted);gap:24px;margin-top:48px;font-size:14px;display:flex}.case-header h1{letter-spacing:var(--tracking-heading);margin-top:18px;font-size:clamp(64px,8vw,126px);line-height:1.03}.case-header>p{margin-top:30px;font-size:20px}.case-metadata{border-top:1px solid var(--line);flex-wrap:wrap;gap:24px 54px;margin:40px 0 0;padding-top:24px;display:flex}.case-metadata dt{color:var(--muted);font-size:12px}.case-metadata dd{margin:6px 0 0;font-size:15px}.case-image img{object-fit:contain;background:var(--ground);width:100%;max-height:760px}.case-image figcaption{color:var(--muted);margin-top:18px;font-size:13px}.sample-note{color:var(--muted);margin-block:45px 15px;font-size:14px}.case-body{grid-template-columns:1fr 1fr .8fr;gap:5vw;padding-block:40px 100px;display:grid}.case-body section{border-top:1px solid var(--line);padding-top:24px}.case-body h2{margin-bottom:24px;font-size:30px}.case-body p,.case-body li{color:var(--muted);font-size:17px;line-height:1.7}.case-body ul{margin:0;padding:0;list-style:none}.case-gallery{grid-template-columns:1fr 1fr;gap:48px;padding-bottom:80px;display:grid}.case-gallery .gallery-wide{grid-column:1/-1}.case-gallery img{width:100%}.case-gallery figcaption{color:var(--muted);margin-top:16px;font-size:14px}.next-project{background:var(--ground);justify-content:space-between;align-items:center;gap:30px;padding-block:42px;display:flex}.next-project span{color:var(--muted);font-size:14px}.next-project a{font-family:var(--font-display);letter-spacing:var(--tracking-heading);font-size:clamp(28px,4vw,50px);font-weight:400}.next-project a:hover{color:var(--blue)}}@layer motion{::view-transition-group(*){animation-duration:var(--motion-slow);animation-timing-function:var(--ease-out)}::view-transition-old(root),::view-transition-new(root){animation-duration:var(--motion-base)}::view-transition-old(site-header),::view-transition-new(site-header){animation:none}@media (hover:hover) and (pointer:fine){.project:hover .project-image:not(.media-contain) img{transform:scale(1.025)}.project:hover h3{color:var(--blue)}.header nav a:not(.nav-contact):after{content:"";background:var(--blue);transform-origin:0;height:1px;transition:transform var(--motion-base) var(--ease-out);position:absolute;bottom:6px;left:0;right:0;transform:scaleX(0)}.header nav a:hover:after{transform:scaleX(1)}}}@layer responsive{@media (width>=1730px){.hero-image{max-width:calc(1728px - 2 * var(--gutter));margin-inline:auto}}@media (width<=1000px){.header{min-height:100px}.header nav{gap:24px}.logo{width:235px;height:44px}.logo img{width:242px;top:-17px}.services-section,.studio-section{grid-template-columns:.8fr 1.5fr;gap:40px}.service summary>span:not(.plus){display:none}.footer{flex-wrap:wrap}.development-section{grid-template-columns:.8fr 1.5fr;gap:40px}.development-stages li{grid-template-columns:24px 1fr;gap:10px 18px}.development-stages p{grid-column:2}.check-list>dl{grid-template-columns:1fr;gap:20px}}@media (width<=700px){.header{flex-wrap:wrap;gap:0;padding-top:24px;padding-bottom:18px}.header nav{flex-wrap:wrap;justify-content:space-between;gap:12px;width:100%;margin-top:20px}.header nav a{font-size:13px}.hero{padding-top:20px;padding-bottom:36px}.hero-topline{gap:20px;padding-top:20px;font-size:12px}.hero-topline p:last-child{display:none}.hero h1{letter-spacing:var(--tracking-heading);margin-block:34px 30px;font-size:clamp(67px,13.5vw,96px)}.hero-bottom{flex-direction:column;align-items:flex-start;gap:18px}.hero-bottom p{font-size:16px}.text-link{gap:28px;font-size:14px}.hero-image img{object-position:58% 50%;height:360px}.hero-image figcaption{font-size:12px;inset:auto 18px 16px}.hero-image figcaption span:first-child{display:none}.work-section{padding-block:0 75px}.section-heading{margin-bottom:34px}.section-heading p{font-size:12px}.project-grid{display:block}.project+.project{margin-top:46px}.project-2,.project-3{max-width:none;padding-top:0}.project-image img,.project-1 .project-image img,.project-2 .project-image img,.project-3 .project-image img,.project-1 .project-placeholder{aspect-ratio:1.22}.project-meta{margin-top:17px}.project h3{font-size:28px}.project>p{font-size:16px}.services-section{padding-block:15px 75px;display:block}.services-intro p{margin-top:20px;font-size:17px}.service-list{margin-top:35px}.service summary{padding-block:25px}.service h3{font-size:26px}.service-content dl{grid-template-columns:1fr;gap:18px}.development-section{padding-block:46px 70px;display:block}.development-intro p{font-size:17px}.development-stages{margin-top:35px}.case-development{padding-bottom:60px}.case-development>section{display:block}.case-development h2{margin-bottom:26px;font-size:28px}.project-placeholder{aspect-ratio:1.22}.case-image .project-placeholder{aspect-ratio:4/3}.studio-section{padding-top:40px;padding-bottom:72px;display:block}.studio-label{margin-bottom:28px;font-size:14px}.studio-section h2{font-size:clamp(33px,7.7vw,46px)}.studio-section div>p{margin-top:25px;font-size:17px;line-height:1.6}.contact-section{padding-block:52px 56px}.contact-grid{display:block}.contact-grid h2{margin-top:26px;font-size:clamp(60px,13vw,86px)}.contact-channels{margin-top:44px}.contact-channels>p{font-size:18px!important}.channel{font-size:22px}.footer{flex-direction:column;align-items:flex-start;gap:18px;padding-block:30px}.logo-footer{width:205px;height:38px}.logo-footer img{width:212px;top:-15px}.case-header{padding-top:24px;padding-bottom:35px}.case-category{margin-top:30px;font-size:13px}.case-header h1{font-size:clamp(48px,11vw,76px)}.case-header>p{margin-top:24px;font-size:18px}.case-image img{object-fit:contain;min-height:0}.case-body{padding-block:25px 45px;display:block}.case-body section{margin-bottom:36px}.case-gallery{grid-template-columns:1fr;gap:36px;padding-bottom:45px}.sample-note{margin-top:30px}.next-project{flex-direction:column;align-items:flex-start;gap:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}html.lenis{scroll-behavior:auto}.header{z-index:2;border-bottom:1px solid var(--line);position:relative}.header nav{gap:0}.header nav a{border-left:1px solid var(--line);text-transform:uppercase;letter-spacing:.025em;padding:20px clamp(12px,1.6vw,26px);font-size:12px}.header .nav-contact{border-bottom:0}@media (width<=760px){.header{flex-wrap:wrap;gap:0;padding-top:24px;padding-bottom:18px}.header nav{flex-wrap:wrap;justify-content:space-between;gap:12px;width:100%;margin-top:20px}.header nav a{white-space:nowrap;border:0;padding:10px 0;font-size:11px}}nav[data-astro-cid-ju4pidww] a[data-astro-cid-ju4pidww][aria-current=page]{color:var(--blue)}nav[data-astro-cid-ju4pidww] a[data-astro-cid-ju4pidww][aria-current=page]:after{transform:scaleX(1)}
