.service-example[data-astro-cid-loglryo2]{border-top:1px solid var(--line);align-items:center;gap:22px;margin-top:28px;padding-top:24px;display:flex}.service-example[data-astro-cid-loglryo2] img[data-astro-cid-loglryo2]{object-fit:contain;background:var(--ground);flex:0 0 120px;width:120px;height:90px}.service-example-label[data-astro-cid-loglryo2]{color:var(--muted);margin-bottom:5px;font-size:12px;display:block}.service-example-title[data-astro-cid-loglryo2]{font-size:16px;line-height:1.4}.service-example[data-astro-cid-loglryo2]:hover .service-example-title[data-astro-cid-loglryo2]{color:var(--blue);text-underline-offset:4px;text-decoration:underline}.service-example[data-astro-cid-loglryo2]:focus-visible{outline:2px solid var(--blue);outline-offset:5px}@media (width<=450px){.service-example[data-astro-cid-loglryo2]{gap:16px}.service-example[data-astro-cid-loglryo2] img[data-astro-cid-loglryo2]{flex-basis:96px;width:96px;height:80px}.service-example-title[data-astro-cid-loglryo2]{font-size:15px}}.showcase{grid-template-columns:.9fr 1.3fr;align-items:stretch;gap:5vw;padding-block:40px 72px;display:grid}.showcase-copy{flex-direction:column;min-width:0;padding-top:12px;display:flex}.showcase-intro{color:var(--muted);font-size:13px}.showcase h1{letter-spacing:-.025em;margin-block:26px;font-size:clamp(50px,5.1vw,86px);font-weight:400;line-height:1.04}.showcase h1 span{color:var(--blue)}.showcase-description{color:var(--muted);font-size:16px}.showcase-label{color:var(--muted);margin-top:32px;padding-block:12px;font-size:12px}.showcase-tabs{margin-top:4px}.showcase-tabs button{border:0;border-top:1px solid var(--line);width:100%;color:var(--muted);text-align:left;cursor:pointer;transition:color .25s, padding .3s var(--ease-out);background:0 0;align-items:center;gap:18px;padding:15px 0;display:flex}.showcase-tabs button:last-child{border-bottom:1px solid var(--line)}.showcase-tabs button svg{opacity:0;transition:opacity .25s, transform .35s var(--ease-out);margin-left:auto;transform:translate(-10px)}.showcase-tabs button[aria-selected=true]{color:var(--blue);padding-left:12px}.showcase-tabs button[aria-selected=true] svg{opacity:1;transform:none}.showcase-tabs button:focus-visible,.rail-actions button:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.showcase-number{font-variant-numeric:tabular-nums;font-size:11px}.showcase-stage{background:var(--ground);min-width:0;display:grid;position:relative;overflow:hidden}.showcase-panel{background:var(--ground);flex-direction:column;grid-area:1/1;min-width:0;height:100%;display:flex}.showcase-panel[hidden]{display:none}.showcase-image{flex:1;place-items:center;min-height:400px;display:grid;position:relative;overflow:hidden}.showcase-image img{object-fit:contain;width:100%;height:100%;transition:transform .7s var(--ease-out);padding:26px;position:absolute}.showcase-open{color:var(--blue);background:#fff;border-radius:50%;place-items:center;width:46px;height:46px;transition:background .25s,color .25s;display:grid;position:absolute;top:20px;right:20px}.showcase svg,.rail-actions svg{fill:none;stroke:currentColor;stroke-width:1.4px}.showcase-image:hover img{transform:scale(1.025)}.showcase-image:hover .showcase-open{background:var(--blue);color:#fff}.showcase-caption{background:var(--blue);color:#fff;justify-content:space-between;align-items:center;gap:20px;padding:22px 26px;display:flex}.showcase-caption h2{letter-spacing:-.015em;font-size:20px;line-height:1.25}.showcase-caption>span{text-align:right;opacity:.8;font-size:11px}.work-rail-section{background:var(--ground);padding-block:46px 78px;overflow:hidden}.work-rail-section .section-heading{align-items:center;margin-bottom:28px}.work-rail-section .section-heading h2{font-size:clamp(30px,3vw,48px)}.rail-actions{align-items:center;gap:10px;display:flex}.rail-actions>a{border-bottom:1px solid;margin-right:18px;font-size:14px}.rail-actions button{border:1px solid var(--line);width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border-radius:50%;place-items:center;transition:background .2s,color .2s;display:grid}.rail-actions button:hover:not(:disabled){color:#fff;background:var(--blue)}.rail-actions button:disabled{opacity:.25;cursor:default}.project-rail{scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);padding:0 var(--gutter) 22px;scrollbar-width:thin;scrollbar-color:var(--blue) transparent;gap:24px;display:flex;overflow-x:auto}.project-rail .project{scroll-snap-align:start;flex:0 0 clamp(280px,35vw,560px);min-width:0;margin:0;padding:0}.project-rail .project-image{background:#fff}.project-rail .project .project-image img{aspect-ratio:1.4;height:auto;padding:14px}.project-rail .project h3{font-size:clamp(22px,2vw,30px)}.project-rail .project>p{display:none}.project-rail .project-meta{margin-top:16px;font-size:11px}.services-section{padding-top:100px;padding-bottom:95px}.services-intro{align-self:start;position:sticky;top:40px}.development-section{background:var(--blue);color:#fff;border:0;max-width:none;padding-block:62px;display:block}.development-intro{justify-content:space-between;align-items:end;gap:30px;display:flex}.development-intro h2{font-size:clamp(36px,4vw,62px)}.development-intro h2 br{display:none}.development-intro p{color:#d7e4f5;font-size:16px}.development-stages{grid-template-columns:repeat(4,1fr);gap:36px;margin-top:48px;display:grid}.development-stages li{border-color:#fff5;padding-top:18px;display:block}.development-stages li:before{color:#d7e4f5}.development-stages h3{margin-top:20px;font-size:25px}.development-stages p{color:#d7e4f5;margin-top:12px;font-size:14px}@media (width>=1730px){.project-rail{padding-inline:max(var(--gutter),calc((100vw - 1728px)/2 + var(--gutter)))}}@media (width<=900px){.showcase{grid-template-columns:1fr 1.1fr;gap:30px}.showcase h1{font-size:58px}.showcase-caption{flex-direction:column;align-items:start;gap:5px}.development-stages{gap:20px}}@media (width<=650px){.showcase{grid-template-columns:1fr;gap:24px;padding-block:25px 40px}.showcase h1{margin-block:20px;font-size:clamp(49px,10vw,70px)}.showcase-tabs{grid-template-columns:1fr 1fr;gap:0 18px;margin-top:4px;display:grid}.showcase-tabs button{gap:9px;padding-block:12px;font-size:13px}.showcase-tabs button[aria-selected=true]{padding-left:0}.showcase-tabs button:nth-child(3){border-bottom:1px solid var(--line)}.showcase-tabs button svg{width:16px}.showcase-image{min-height:300px}.showcase-caption{flex-direction:row;align-items:center;padding:18px}.showcase-caption h2{font-size:18px}.showcase-caption>span{font-size:10px}.work-rail-section{padding-block:32px 44px}.work-rail-section .section-heading{align-items:start;gap:14px}.work-rail-section .section-heading h2{font-size:30px}.rail-actions{gap:6px}.rail-actions>a{white-space:nowrap;margin-right:4px;font-size:12px}.rail-actions button{width:36px;height:36px}.project-rail .project{flex-basis:82vw}.services-section{padding-block:55px}.services-intro{position:static}.development-section{padding-block:40px}.development-intro{display:block}.development-stages{grid-template-columns:1fr 1fr;margin-top:30px}.development-stages h3{font-size:22px}.development-stages p{font-size:13px}}@media (width<=370px){.work-rail-section .section-heading{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.showcase-image:hover img{transform:none}}.showcase{position:relative}.showcase-copy,.showcase-stage{z-index:1;position:relative}.showcase-stage{border:1px solid var(--line)}.showcase h1{text-transform:none;letter-spacing:-.025em;font-size:clamp(38px,4.1vw,70px)}.showcase-intro{text-transform:uppercase;letter-spacing:.065em;font-size:11px}.showcase-image:after{content:"";pointer-events:none;border:1px solid #10448615;position:absolute;inset:12px}.showcase-open{background:#ffffffd9;border-radius:0}.rail-actions button{border-radius:0}@media (width<=900px){.showcase h1{font-size:38px}}@media (width<=650px){.showcase h1{font-size:clamp(34px,8.5vw,52px)}}.work-heading-copy p{color:var(--muted);margin-top:12px;font-size:15px}
