@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:75% 100%;font-display:optional;src:url(/_next/static/media/8944b620b1cbd52c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:75% 100%;font-display:optional;src:url(/_next/static/media/e67b341ec6940591-s.p.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:75% 100%;font-display:optional;src:url(/_next/static/media/6f186b99b056d3e3-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Bricolage Grotesque Fallback;src:local("Arial");ascent-override:88.21%;descent-override:25.61%;line-gap-override:0.00%;size-adjust:105.43%}.__className_c22ed2{font-family:Bricolage Grotesque,Bricolage Grotesque Fallback;font-style:normal}.__variable_c22ed2{--font-sans:"Bricolage Grotesque","Bricolage Grotesque Fallback"}:root{--ink:#0b1f3a;--ink-2:#16305a;--blue:#1d569f;--blue-deep:#143f78;--blue-soft:#dbe6f6;--blue-mist:#eef3fb;--magenta:#e6007e;--magenta-soft:#fbe3f0;--paper:#f6f8fc;--white:#ffffff;--line:#d3dbe8;--line-strong:#aab6c9;--text:#1b2a44;--muted:#5a6a85;--primary-color:var(--blue);--secondary-color:var(--ink);--accent-color:var(--magenta);--dark-color:var(--ink);--light-color:var(--paper);--font-sans:"Bricolage Grotesque",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--step--1:0.875rem;--step-0:1.0625rem;--step-1:1.25rem;--step-2:1.5625rem;--step-3:1.95rem;--step-4:clamp(2.2rem,3.6vw,2.9rem);--step-5:clamp(2.6rem,5.2vw,4.2rem);--step-6:clamp(3rem,7.2vw,6rem);--s-1:0.5rem;--s-2:1rem;--s-3:1.5rem;--s-4:2rem;--s-5:3rem;--s-6:4rem;--s-7:6rem;--s-8:8rem;--section:clamp(4.5rem,9vw,8rem);--gutter:clamp(1rem,4vw,2.5rem);--wrap:1280px;--header-h:4.5rem;--radius:8px;--radius-pill:999px;--ease:cubic-bezier(0.2,0.7,0.2,1)}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 1rem);-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--text);font-family:var(--font-sans);font-size:var(--step-0);line-height:1.6;font-variation-settings:"opsz" 14,"wdth" 100;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body.menu-open{overflow:hidden}img,svg,video{display:block;max-width:100%;height:auto}a{color:var(--blue);text-decoration-thickness:1px;text-underline-offset:.18em}a:hover{color:var(--ink)}dl,figure,h1,h2,h3,h4,ol,p,ul{margin:0}ol,ul{padding:0;list-style:none}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--magenta);outline-offset:3px;border-radius:2px}::selection{background:var(--blue-soft);color:var(--ink)}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:.5rem;left:.5rem;z-index:100;padding:.6rem 1rem;background:var(--ink);color:var(--white);border-radius:var(--radius);transform:translateY(-200%)}.skip-link:focus{transform:none}.page{min-height:100vh;display:flex;flex-direction:column}main{flex:1 0 auto}.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}.dot{color:var(--magenta)}.section-title{font-size:var(--step-5);font-weight:800;line-height:.98;letter-spacing:-.028em;font-variation-settings:"opsz" 96,"wdth" 92;text-wrap:balance;color:var(--ink);max-width:14ch}.section-lead{margin-top:var(--s-3);max-width:58ch;font-size:var(--step-1);line-height:1.5;color:var(--muted)}.section-head{margin-bottom:var(--s-6)}.button{display:inline-flex;align-items:center;gap:.5rem;padding:.9rem 1.6rem;border:1px solid var(--ink);border-radius:var(--radius-pill);background:var(--ink);color:var(--white);font-weight:600;font-size:var(--step-0);line-height:1.2;text-decoration:none;cursor:pointer;transition:background-color .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease),transform .2s var(--ease)}.button:hover{background:var(--blue);border-color:var(--blue);color:var(--white);transform:translateY(-1px)}.button:disabled{opacity:.6;cursor:wait;transform:none}.button--ghost{background:rgba(0,0,0,0);color:var(--ink)}.button--ghost:hover{background:var(--ink);border-color:var(--ink)}.button--accent{background:var(--magenta);border-color:var(--magenta)}.button--accent:hover{background:#c4006b;border-color:#c4006b}.button--small{padding:.6rem 1.1rem;font-size:var(--step--1)}.tags{display:flex;flex-wrap:wrap;gap:.4rem}.tags li{padding:.25rem .7rem;border:1px solid var(--line);border-radius:var(--radius-pill);font-size:var(--step--1);color:var(--muted);background:var(--white)}.tags .tag--status{border-color:rgba(0,0,0,0);background:var(--blue-mist);color:var(--ink)}.tags .tag--status.is-live{background:var(--magenta-soft);color:#9b0055}.status{display:inline-flex;align-items:center;gap:.45rem;font-size:var(--step--1);font-weight:600;color:var(--muted);white-space:nowrap}.status:before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--line-strong)}.status.is-live{color:#9b0055}.status.is-live:before{background:var(--magenta)}.status.is-intern{color:var(--blue)}.status.is-intern:before{background:var(--blue)}.page-head{padding-top:calc(var(--header-h) + var(--s-6));padding-bottom:var(--s-5)}.page-head--tall{padding-bottom:var(--section);min-height:70vh}.page-head__title{font-size:var(--step-6);font-weight:800;line-height:.98;letter-spacing:-.028em;font-variation-settings:"opsz" 96,"wdth" 92;text-wrap:balance;color:var(--ink)}.page-head__lead{margin-top:var(--s-3);max-width:58ch;font-size:var(--step-1);color:var(--muted)}.page-head__actions{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-top:var(--s-4)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.about__grid,.contact__grid,.hero__grid,.hero__visual,.process__grid,.project__body,.project__grid,.site-footer__grid,.work__item,.work__list{min-width:0}.about__grid,.contact__grid,.hero__grid,.process__grid,.project__grid,.site-footer__grid,.work__list{grid-template-columns:minmax(0,1fr)}.hero__device img,.project__gallery-item img{width:100%;height:auto}.site-header{position:fixed;inset:0 0 auto 0;z-index:50;height:var(--header-h);background:rgba(0,0,0,0);border-bottom:1px solid rgba(0,0,0,0);transition:background-color .25s var(--ease),border-color .25s var(--ease)}.site-header.is-open,.site-header.is-scrolled{background:rgba(246,248,252,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom-color:var(--line)}.site-header__inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--s-4)}.site-header__actions{display:flex;align-items:center;gap:var(--s-2)}.site-logo{display:inline-flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--ink)}.site-logo img{width:42px;height:auto}.site-logo__text{font-weight:800;font-size:1.35rem;letter-spacing:-.03em;font-variation-settings:"opsz" 96,"wdth" 92;color:var(--ink)}.site-logo__text--large{font-size:var(--step-3)}.site-nav{display:none}@media(min-width:1024px){.site-nav{display:block}}.site-nav ul{display:flex;gap:var(--s-4)}.site-nav a{color:var(--ink);font-weight:500;text-decoration:none;padding-block:.4rem;border-bottom:2px solid rgba(0,0,0,0);transition:border-color .2s var(--ease)}.site-nav a.is-active,.site-nav a:hover{border-bottom-color:var(--magenta)}.site-header__actions .button{display:none}@media(min-width:600px){.site-header__actions .button{display:inline-flex}}.menu-toggle{display:inline-flex;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;padding:0 10px;border:0;background:rgba(0,0,0,0);cursor:pointer}@media(min-width:1024px){.menu-toggle{display:none}}.menu-toggle__bar{display:block;height:2px;background:var(--ink);transition:transform .25s var(--ease)}.is-open .menu-toggle__bar:first-child{transform:translateY(4px) rotate(45deg)}.is-open .menu-toggle__bar:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-menu{position:fixed;inset:var(--header-h) 0 0 0;background:var(--paper);padding:var(--s-4) var(--gutter) var(--s-6);overflow-y:auto}@media(min-width:1024px){.mobile-menu{display:none}}.mobile-menu ul{display:grid;gap:0;border-top:1px solid var(--line)}.mobile-menu li a{display:block;padding:1rem 0;border-bottom:1px solid var(--line);font-size:var(--step-3);font-weight:800;line-height:.98;letter-spacing:-.028em;font-variation-settings:"opsz" 96,"wdth" 92;text-wrap:balance;color:var(--ink);text-decoration:none}.mobile-menu__contact{display:grid;gap:.5rem;margin-top:var(--s-4);font-size:var(--step-1)}.mobile-menu__contact a{color:var(--ink)}.site-footer{border-top:1px solid var(--line);padding-block:var(--s-6) var(--s-4);background:var(--paper);color:var(--muted);font-size:var(--step--1)}.site-footer__grid{display:grid;gap:var(--s-5)}@media(min-width:820px){.site-footer__grid{grid-template-columns:1.6fr 1fr 1fr}}.site-footer__brand p+p{margin-top:var(--s-2);max-width:38ch}.site-footer__title{font-size:var(--step-0);font-weight:700;color:var(--ink);margin-bottom:var(--s-2)}.site-footer__list{display:grid;gap:.4rem}.site-footer__list a{color:var(--text);text-decoration:none}.site-footer__list a:hover{color:var(--magenta)}.site-footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s-2);margin-top:var(--s-6);padding-top:var(--s-3);border-top:1px solid var(--line)}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes slide-in{0%{opacity:0;transform:translate(40px,24px)}to{opacity:1;transform:none}}.hero{position:relative;overflow:hidden;padding-top:calc(var(--header-h) + clamp(2.5rem,7vw,6rem));padding-bottom:var(--s-5)}.hero:before{content:"";position:absolute;top:-20vw;right:-18vw;width:62vw;height:62vw;max-width:900px;max-height:900px;border-radius:50%;background:radial-gradient(closest-side,rgba(29,86,159,.16),rgba(29,86,159,0));pointer-events:none}.hero__grid{position:relative;display:grid;gap:var(--s-5);align-items:end}@media(min-width:1024px){.hero__grid{grid-template-columns:minmax(0,7fr) minmax(0,6fr);gap:var(--s-6)}}.hero__text{animation:rise .7s var(--ease) both}.hero__intro{font-size:var(--step-0);font-weight:500;color:var(--blue);margin-bottom:var(--s-3)}.hero__title{font-size:var(--step-6);font-weight:800;line-height:.98;letter-spacing:-.028em;font-variation-settings:"opsz" 96,"wdth" 92;text-wrap:balance;color:var(--ink);max-width:11ch}.hero__lead{margin-top:var(--s-4);max-width:52ch;font-size:var(--step-1);line-height:1.5;color:var(--muted)}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-top:var(--s-4)}.hero__visual{position:relative;animation:slide-in .9s .15s var(--ease) both}@media(min-width:1024px){.hero__visual{margin-right:calc(-1*var(--gutter) - 4vw)}}.hero__device{filter:drop-shadow(0 30px 40px rgba(11,31,58,.18))}.hero__caption{margin-top:var(--s-2);font-size:var(--step--1);color:var(--muted);max-width:40ch}.hero__clients{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s-2) var(--s-4);margin-top:var(--s-6);padding-top:var(--s-3);border-top:1px solid var(--line)}.hero__clients-label{font-size:var(--step--1);color:var(--muted)}.hero__clients ul{display:flex;flex-wrap:wrap;gap:.4rem var(--s-3)}.hero__clients li{font-weight:600;color:var(--ink);font-variation-settings:"opsz" 24,"wdth" 96}.hero__device--screen{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--white);filter:drop-shadow(0 24px 40px rgba(11,31,58,.16))}@media(min-width:1024px){.hero__device--screen{transform:perspective(1600px) rotateY(-6deg) rotateX(2deg);transform-origin:left center}}.work{padding-block:var(--section)}.work__list{display:grid;gap:var(--s-6) var(--s-4)}@media(min-width:820px){.work__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1280px){.work__list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:820px){.work__item.is-lead{grid-column:1/-1}.work__item.is-lead .work__link{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s-5);align-items:center}.work__item.is-lead .project-cover{aspect-ratio:3/2}.work__item.is-lead .work__name{font-size:var(--step-4);font-weight:800;line-height:.98;letter-spacing:-.028em;font-variation-settings:"opsz" 96,"wdth" 92;text-wrap:balance}.work__item.is-lead .work__tagline{font-size:var(--step-1)}}.work__link{display:block;color:inherit;text-decoration:none}.work__link:hover .work__name{text-decoration:underline;-webkit-text-decoration-color:var(--magenta);text-decoration-color:var(--magenta);text-decoration-thickness:3px;text-underline-offset:.12em}.work__link:hover .project-cover--image{background:var(--blue-soft)}.work__body{margin-top:var(--s-3)}.work__meta{display:flex;justify-content:space-between;gap:var(--s-2);padding-bottom:var(--s-1);border-bottom:1px solid var(--line);font-size:var(--step--1);color:var(--muted)}.work__name{margin-top:var(--s-2);font-size:var(--step-3);font-weight:800;line-height:.98;letter-spacing:-.028em;font-variation-settings:"opsz" 96,"wdth" 92;text-wrap:balance;color:var(--ink)}.work__tagline{margin-top:var(--s-1);color:var(--text);max-width:44ch}.work .tags{margin-top:var(--s-2)}.work__more{margin-top:var(--s-6)}.project-cover{position:relative;aspect-ratio:4/3;border-radius:var(--radius);overflow:hidden}.project-cover--image{background:var(--blue-mist);transition:background-color .3s var(--ease)}.project-cover--image img{padding:6%}.project-cover--image.is-wide img{padding:4%}.project-cover--type{display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(1.25rem,4%,2rem);background:linear-gradient(160deg,color-mix(in srgb,var(--cover) 82%,white) 0,var(--cover) 70%);color:var(--white)}.project-cover__name{font-size:clamp(1.6rem,3.2vw,2.6rem);font-weight:800;line-height:.98;letter-spacing:-.028em;font-variation-settings:"opsz" 96,"wdth" 92;text-wrap:balance;max-width:12ch}.project-cover__years{margin-top:.75rem;font-size:var(--step--1);opacity:.8}.project-cover--image.is-screenshot{background:var(--blue-mist);border:1px solid var(--line)}.project-cover--image.is-screenshot img{padding:0}.project-cover--image.is-icon img{padding:18%}.status.is-bouw{color:#92400e}.status.is-bouw:before{background:#f59e0b}.tags .tag--status.is-bouw{background:#fef3c7;color:#92400e}.archive{padding-block:var(--section);background:var(--white);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.archive__filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:var(--s-4)}.archive__filters button{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .95rem;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--white);color:var(--text);font-size:var(--step--1);font-weight:500;cursor:pointer;transition:background-color .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease)}.archive__filters button:hover{border-color:var(--ink)}.archive__filters button.is-active{background:var(--ink);border-color:var(--ink);color:var(--white)}.archive__filters button.is-active .archive__count{color:hsla(0,0%,100%,.7)}.archive__count{color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.archive__note{margin-top:var(--s-4);font-size:var(--step--1);color:var(--muted)}.ledger{width:100%;border-collapse:collapse;border-top:2px solid var(--ink)}.ledger td,.ledger th{text-align:left;vertical-align:top;padding:.9rem .75rem .9rem 0;border-bottom:1px solid var(--line)}.ledger th{font-size:var(--step--1);font-weight:600;color:var(--muted);padding-block:.6rem}.ledger tbody tr:hover{background:var(--blue-mist)}.ledger__year{width:4.5rem;font-weight:700;color:var(--magenta);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding-left:.5rem}.ledger__name a{display:block;font-weight:700;font-size:var(--step-1);color:var(--ink);text-decoration:none;letter-spacing:-.01em}.ledger__name a:hover{color:var(--magenta)}.ledger__tagline{display:block;margin-top:.15rem;color:var(--muted);font-size:var(--step--1)}.ledger__client,.ledger__stack{display:none;color:var(--muted);font-size:var(--step--1);line-height:1.45}.ledger__client{width:12rem}@media(min-width:820px){.ledger__client{display:table-cell}}.ledger__stack{width:18rem}@media(min-width:1024px){.ledger__stack{display:table-cell}}.ledger__status{width:7.5rem;text-align:right;padding-right:.5rem}.ledger__status .status{justify-content:flex-end}.ledger thead th.ledger__status{text-align:right}.services{padding-block:var(--section)}.services__list{display:grid;border-top:1px solid var(--line)}@media(min-width:820px){.services__list{grid-template-columns:repeat(2,minmax(0,1fr))}}.service{padding:var(--s-4) 0;border-bottom:1px solid var(--line)}@media(min-width:820px){.service{padding:var(--s-5) var(--s-5) var(--s-5) 0}.service:nth-child(2n){padding-left:var(--s-5);padding-right:0;border-left:1px solid var(--line)}}.service__title{font-size:var(--step-3);font-weight:800;line-height:.98;letter-spacing:-.028em;font-variation-settings:"opsz" 96,"wdth" 92;text-wrap:balance;color:var(--ink);max-width:16ch}.service__text{margin-top:var(--s-2);max-width:52ch}.service__examples{margin-top:var(--s-3);font-size:var(--step--1);color:var(--muted)}.service__examples span{display:block;margin-bottom:.15rem}.service__examples a{font-weight:600;color:var(--ink)}.service__examples a:hover{color:var(--magenta)}.process{padding-block:var(--section);background:var(--white);border-top:1px solid var(--line)}.process__grid{display:grid;gap:var(--s-5)}@media(min-width:1024px){.process__grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s-7)}}.process__head{margin-bottom:0}@media(min-width:1024px){.process__head{position:sticky;top:calc(var(--header-h) + var(--s-4));align-self:start}}.process__steps{border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:3.5rem minmax(0,1fr);gap:var(--s-2);padding:var(--s-4) 0;border-bottom:1px solid var(--line)}.step__number{font-size:var(--step-4);font-weight:800;line-height:.98;font-variation-settings:"opsz" 96,"wdth" 92;color:var(--magenta);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1}.step__number,.step__title{letter-spacing:-.028em;text-wrap:balance}.step__title{font-size:var(--step-2);font-weight:800;line-height:.98;font-variation-settings:"opsz" 96,"wdth" 92;color:var(--ink);margin-top:.2rem}.step__text{margin-top:var(--s-2);max-width:52ch}.about{padding-block:var(--section)}.about__grid{display:grid;gap:var(--s-5)}@media(min-width:1024px){.about__grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s-7);align-items:start}}.about__text p+p{margin-top:var(--s-3);max-width:58ch}.about__lead{margin-top:var(--s-3);font-size:var(--step-1);line-height:1.5;color:var(--text);max-width:52ch}.about__aside{padding:var(--s-4);background:var(--blue-mist);border-radius:var(--radius)}.about__mark{width:110px;margin-bottom:var(--s-4)}.about__stack{display:grid;gap:0}.about__stack>div{display:grid;grid-template-columns:7rem minmax(0,1fr);gap:var(--s-2);padding:.8rem 0;border-top:1px solid var(--line);font-size:var(--step--1)}.about__stack dt{font-weight:700;color:var(--ink)}.about__stack dd{margin:0;color:var(--muted)}.faq{padding-block:var(--section);background:var(--white);border-top:1px solid var(--line)}.faq__grid{display:grid;gap:var(--s-5);grid-template-columns:minmax(0,1fr)}@media(min-width:1024px){.faq__grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s-7)}}.faq__head{margin-bottom:0}.faq__list{border-top:1px solid var(--line)}.faq__item{border-bottom:1px solid var(--line)}.faq__item summary{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-3);padding:1.1rem 0;cursor:pointer;list-style:none}.faq__item summary::-webkit-details-marker{display:none}.faq__item summary:after{content:"+";flex:0 0 auto;color:var(--magenta);font-weight:700;font-size:var(--step-2);line-height:1;transition:transform .2s var(--ease)}.faq__item h3{font-size:var(--step-1);font-weight:700;line-height:1.3;color:var(--ink);letter-spacing:-.01em}.faq__item p{padding-bottom:1.25rem;max-width:60ch;color:var(--text)}.faq__item[open] summary:after{content:"–"}.contact{padding-block:var(--section);background:var(--ink)}.contact,.contact .section-title{color:var(--white)}.contact .section-lead{color:hsla(0,0%,100%,.72)}.contact__grid{display:grid;gap:var(--s-6)}@media(min-width:1024px){.contact__grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s-7)}}.contact__details{display:grid;gap:0;margin-top:var(--s-5);border-top:1px solid hsla(0,0%,100%,.2)}.contact__details li{display:grid;grid-template-columns:6rem minmax(0,1fr);gap:var(--s-2);padding:.9rem 0;border-bottom:1px solid hsla(0,0%,100%,.2);font-size:var(--step-1)}.contact__details li span{font-size:var(--step--1);color:hsla(0,0%,100%,.6);padding-top:.25rem}.contact__details a{color:var(--white);text-decoration:none}.contact__details a:hover{color:var(--magenta-soft);text-decoration:underline}.form,.form__row{display:grid;gap:var(--s-3)}@media(min-width:600px){.form__row{grid-template-columns:repeat(2,minmax(0,1fr))}}.form__footer{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3);margin-top:var(--s-1)}.form__note{font-size:var(--step--1);color:hsla(0,0%,100%,.65)}.form__error{padding:.8rem 1rem;border-left:3px solid var(--magenta);background:hsla(0,0%,100%,.06);font-size:var(--step--1)}.field{display:grid;gap:.4rem}.field label{font-size:var(--step--1);font-weight:600}.field__optional{font-weight:400;color:hsla(0,0%,100%,.55)}.field input,.field select,.field textarea{width:100%;padding:.85rem 1rem;border:1px solid hsla(0,0%,100%,.28);border-radius:var(--radius);background:hsla(0,0%,100%,.06);color:var(--white);font:inherit;transition:border-color .2s var(--ease),background-color .2s var(--ease)}.field input::placeholder,.field select::placeholder,.field textarea::placeholder{color:hsla(0,0%,100%,.4)}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--magenta);background:hsla(0,0%,100%,.1);box-shadow:0 0 0 3px rgba(230,0,126,.3)}.field input[aria-invalid=true],.field select[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:var(--magenta)}.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='white' stroke-width='2'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.field select option{color:var(--ink)}.field textarea{resize:vertical;min-height:8rem}.field__error{font-size:var(--step--1);color:#ff8ac4}.form-done{padding:var(--s-4);border:1px solid hsla(0,0%,100%,.25);border-radius:var(--radius)}.form-done__title{font-size:var(--step-4);font-weight:800;line-height:.98;letter-spacing:-.028em;font-variation-settings:"opsz" 96,"wdth" 92;text-wrap:balance;margin-bottom:var(--s-2)}.form-done .button{margin-top:var(--s-3);border-color:var(--white);color:var(--white)}.form-done .button:hover{background:var(--white);color:var(--ink)}.contact__address{line-height:1.4}.project{padding-top:calc(var(--header-h) + var(--s-6));padding-bottom:var(--section)}.project__crumb{display:flex;gap:.6rem;font-size:var(--step--1);color:var(--muted);margin-bottom:var(--s-3)}.project__crumb a{color:var(--ink);text-decoration:none}.project__crumb a:hover{color:var(--magenta)}.project__title{font-size:var(--step-6);font-weight:800;line-height:.98;letter-spacing:-.028em;font-variation-settings:"opsz" 96,"wdth" 92;text-wrap:balance;color:var(--ink);max-width:14ch}.project__tagline{margin-top:var(--s-3);font-size:var(--step-2);line-height:1.35;color:var(--muted);max-width:40ch;letter-spacing:-.01em}.project__cover{margin-top:var(--s-5)}.project__cover .project-cover{aspect-ratio:16/9}.project__cover .project-cover--type{aspect-ratio:21/9}.project__grid{display:grid;gap:var(--s-5);margin-top:var(--s-6)}@media(min-width:1024px){.project__grid{grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:var(--s-7)}}.project__summary{font-size:var(--step-1);line-height:1.5;color:var(--ink);max-width:58ch}.project__body p+p{margin-top:var(--s-3);max-width:62ch}.project__gallery{display:grid;gap:var(--s-3);margin-top:var(--s-5)}.project__gallery-item{background:var(--blue-mist);border-radius:var(--radius);padding:4%}@media(min-width:1024px){.project__facts{position:sticky;top:calc(var(--header-h) + var(--s-3))}}.project__facts dl{border-top:2px solid var(--ink)}.project__facts dl>div{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:var(--s-2);padding:.75rem 0;border-bottom:1px solid var(--line);font-size:var(--step--1)}.project__facts dl dt{color:var(--muted)}.project__facts dl dd{margin:0;color:var(--ink);font-weight:600}.project__facts-title{margin-top:var(--s-4);margin-bottom:var(--s-2);font-size:var(--step--1);font-weight:600;color:var(--muted)}.project__nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3);margin-top:var(--s-7);padding-top:var(--s-3);border-top:1px solid var(--line)}.project__nav-link{display:grid;gap:.2rem;font-size:var(--step-2);font-weight:800;line-height:.98;letter-spacing:-.028em;font-variation-settings:"opsz" 96,"wdth" 92;text-wrap:balance;color:var(--ink);text-decoration:none}.project__nav-link span{font-size:var(--step--1);font-weight:400;letter-spacing:0;color:var(--muted);font-variation-settings:"opsz" 14,"wdth" 100}.project__nav-link:hover{color:var(--magenta)}.project__nav-link.is-next{text-align:right}.project__gallery-item{margin:0}.project__gallery-item img{border:1px solid var(--line);border-radius:var(--radius);background:var(--white)}.project__gallery-item figcaption{margin-top:.6rem;font-size:var(--step--1);color:var(--muted)}.project__related{margin-top:var(--s-6)}.project__related-title{font-size:var(--step--1);font-weight:600;color:var(--muted);margin-bottom:var(--s-2)}.project__related-list{border-top:1px solid var(--line)}.project__related-list li a{display:grid;gap:.15rem;padding:.8rem 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}@media(min-width:600px){.project__related-list li a{grid-template-columns:minmax(0,14rem) minmax(0,1fr);gap:var(--s-2)}}.project__related-list li a:hover .project__related-name{color:var(--magenta)}.project__related-name{font-weight:700}.project__related-tagline{color:var(--muted);font-size:var(--step--1)}.project__cover .project-cover.is-screenshot{aspect-ratio:16/9}.project__cover .project-cover.is-icon{aspect-ratio:21/9}