@font-face{font-display:swap;font-family:Familjen Grotesk;font-weight:400;src:url(/static/media/familjen-grotesk-400.ab176e29a80565f70995.woff2) format("woff2")}@font-face{font-display:swap;font-family:Familjen Grotesk;font-weight:500;src:url(/static/media/familjen-grotesk-500.5ffd1e94bf3114b80cf8.woff2) format("woff2")}@font-face{font-display:swap;font-family:Familjen Grotesk;font-weight:700;src:url(/static/media/familjen-grotesk-700.b39b2f122323811679eb.woff2) format("woff2")}:root{--ink:#172a3a;--ink-2:#3d5163;--ink-3:#6b7c8c;--blue:#4a6fe3;--blue-deep:#2f52c4;--blue-soft:#8fa8f0;--blue-wash:#e6ecfc;--fog:#eef1f4;--birch:#fafaf7;--line:#d5dce3;--rye:#c9a85c;--wrap:1180px;--gut:clamp(20px,4vw,40px)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background:#fafaf7;background:var(--birch);color:#172a3a;color:var(--ink);font-family:Familjen Grotesk,Helvetica Neue,Arial,sans-serif;font-size:18px;line-height:1.55}a{color:inherit}img,svg{display:block}:focus-visible{border-radius:4px;outline:3px solid #4a6fe3;outline:3px solid var(--blue);outline-offset:3px}.wrap{margin:0 auto;max-width:1180px;max-width:var(--wrap);padding:0 clamp(20px,4vw,40px);padding:0 var(--gut)}.skip{left:-999px;position:absolute}.skip:focus{background:#fff;left:16px;padding:8px 12px;top:16px;z-index:10}.nav{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fafaf7eb;border-bottom:1px solid #0000;position:sticky;top:0;transition:border-color .2s;z-index:5}.nav.scrolled{border-bottom-color:#d5dce3;border-bottom-color:var(--line)}.nav .wrap{align-items:center;display:flex;height:72px;justify-content:space-between}.nav .logo svg{height:30px;width:auto}.nav ul{align-items:center;display:flex;gap:28px;list-style:none}.nav ul a{color:#3d5163;color:var(--ink-2);font-size:16px;font-weight:500;text-decoration:none}.nav ul a:hover{color:#172a3a;color:var(--ink)}.btn{align-items:center;background:#172a3a;background:var(--ink);border:1.5px solid #172a3a;border:1.5px solid var(--ink);border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font:inherit;font-size:16px;font-weight:500;gap:10px;padding:13px 22px;text-decoration:none;transition:background .15s,border-color .15s}.btn:hover{background:#2f52c4;background:var(--blue-deep);border-color:#2f52c4;border-color:var(--blue-deep)}.btn.ghost{background:#0000;color:#172a3a;color:var(--ink)}.btn.ghost:hover{background:#172a3a;background:var(--ink);color:#fff}.nav .btn{color:#fff;padding:10px 18px}.menu-btn{background:none;border:0;cursor:pointer;display:none;padding:8px}.hero{padding:clamp(56px,9vw,120px) 0 clamp(64px,8vw,110px)}.hero .wrap{grid-gap:clamp(32px,6vw,80px);align-items:center;display:grid;gap:clamp(32px,6vw,80px);grid-template-columns:1.15fr 1fr}h1{font-size:clamp(44px,6.6vw,86px);font-weight:700;letter-spacing:-.035em;line-height:.98;max-width:11ch}.lede{color:#3d5163;color:var(--ink-2);font-size:clamp(19px,1.7vw,22px);line-height:1.5;margin-top:28px;max-width:34em}.ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}.stack{display:flex;flex-direction:column;gap:clamp(16px,2.2vw,26px)}.bar{gap:16px;text-decoration:none}.bar,.bar .pill{align-items:center;display:flex}.bar .pill{background:#172a3a;background:var(--ink);border-radius:999px;color:#fff;font-size:clamp(17px,1.6vw,21px);font-weight:500;height:clamp(64px,7.5vw,92px);padding:0 clamp(22px,2.6vw,34px);transform-origin:left center;width:100%}.bar.mid .pill{width:62%}.bar .dot,.bar.mid .pill{background:#4a6fe3;background:var(--blue)}.bar .dot{aspect-ratio:1;border-radius:50%;flex:none;width:clamp(64px,7.5vw,92px)}.bar .pill small{font-size:.78em;font-weight:400;margin-left:auto;opacity:.7;padding-left:12px;white-space:nowrap}.bar:hover .pill{background:#3d5163;background:var(--ink-2)}.bar.mid:hover .pill{background:#2f52c4;background:var(--blue-deep)}@media (prefers-reduced-motion:no-preference){.bar .pill{animation:grow .9s cubic-bezier(.2,.8,.2,1) both}.bar .dot{animation:pop .5s cubic-bezier(.3,1.5,.5,1) .75s both}.bar:nth-child(2) .pill{animation-delay:.12s}.bar:nth-child(3) .pill{animation-delay:.24s}.bar .pill small,.bar .pill span{animation:fade .4s ease .7s both}}@keyframes grow{0%{transform:scaleX(.18)}to{transform:none}}@keyframes pop{0%{transform:scale(0)}to{transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}.facts{border-top:1px solid #d5dce3;border-top:1px solid var(--line);color:#3d5163;color:var(--ink-2);display:flex;flex-wrap:wrap;font-size:16px;gap:12px 40px;grid-column:1/-1;margin-top:clamp(56px,7vw,90px);padding-top:22px}.facts b{color:#172a3a;color:var(--ink);font-weight:500}section{scroll-margin-top:72px}.sec{padding:clamp(72px,9vw,128px) 0}.sec.fog{background:#eef1f4;background:var(--fog)}.sec.dark{background:#172a3a;background:var(--ink);color:#fff}h2{font-size:clamp(34px,4.2vw,54px);font-weight:700;letter-spacing:-.03em;line-height:1.04;max-width:16ch}.sec-head{grid-gap:40px;align-items:end;display:grid;gap:40px;grid-template-columns:1fr 1fr;margin-bottom:clamp(40px,5vw,64px)}.sec-head p{color:#3d5163;color:var(--ink-2);max-width:32em}.dark .sec-head p{color:#b9c5d1}.work{grid-gap:clamp(20px,3vw,32px);display:grid;gap:clamp(20px,3vw,32px);grid-template-columns:repeat(2,1fr)}.proj{background:#fff;border:1px solid #d5dce3;border:1px solid var(--line);border-radius:28px;display:flex;flex-direction:column;overflow:hidden;text-decoration:none}.proj:first-child{flex-direction:row;grid-column:1/-1}.proj .shot{aspect-ratio:16/10;background:#e6ecfc;background:var(--blue-wash);overflow:hidden;position:relative}.proj:first-child .shot{aspect-ratio:auto;flex:1.3 1;min-height:340px}.proj .shot img{height:100%;inset:0;object-fit:cover;object-position:top left;position:absolute;transition:transform .5s cubic-bezier(.2,.8,.2,1);width:100%}a.proj:hover .shot img{transform:scale(1.02)}.proj .visit,a.proj:hover h3{color:#2f52c4;color:var(--blue-deep)}.proj .visit{font-size:16px;font-weight:500;margin-top:6px}.proj .visit.note{color:#6b7c8c;color:var(--ink-3)}.proj .shot .ph{display:grid;inset:0;place-items:center;position:absolute}.proj .shot .ph svg{opacity:.25;width:22%}.proj .body{display:flex;flex:1 1;flex-direction:column;gap:10px;padding:clamp(22px,2.6vw,32px)}.proj h3{font-size:clamp(22px,2vw,28px);letter-spacing:-.02em;line-height:1.15}.proj .meta{color:#6b7c8c;color:var(--ink-3);font-size:15px}.proj p{color:#3d5163;color:var(--ink-2);font-size:17px}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:10px}.tags span{background:#eef1f4;background:var(--fog);border-radius:999px;color:#3d5163;color:var(--ink-2);font-size:14px;padding:4px 11px}.proj.pending{background:#0000;border-style:dashed}.proj.pending .shot{background:repeating-linear-gradient(-45deg,#eef1f4 0 12px,#e6eaee 12px 24px);background:repeating-linear-gradient(-45deg,var(--fog) 0 12px,#e6eaee 12px 24px)}.svc{border-top:1.5px solid #fff3}.svc-row{grid-gap:clamp(16px,3vw,40px);align-items:start;border-bottom:1.5px solid #ffffff22;display:grid;gap:clamp(16px,3vw,40px);grid-template-columns:72px 1fr 1.3fr;padding:clamp(28px,3.5vw,44px) 0}.svc-row .glyph{display:flex;flex-direction:column;gap:7px;padding-top:10px}.svc-row .glyph i{background:#ffffff30;border-radius:9px;display:block;height:9px}.svc-row .glyph i.on{background:#8fa8f0;background:var(--blue-soft)}.svc-row .glyph i:nth-child(2){width:62%}.svc-row h3{font-size:clamp(26px,2.6vw,34px);letter-spacing:-.025em;line-height:1.1}.svc-row p{color:#c5d0db}.svc-row ul{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin-top:16px}.svc-row li{border:1px solid #ffffff35;border-radius:999px;color:#e1e7ed;font-size:14px;padding:4px 11px}.steps{grid-gap:clamp(16px,2.4vw,28px);counter-reset:s;display:grid;gap:clamp(16px,2.4vw,28px);grid-template-columns:repeat(4,1fr);list-style:none}.steps li{border-top:3px solid #172a3a;border-top:3px solid var(--ink);counter-increment:s;padding-top:18px}.steps li:nth-child(2){border-color:#4a6fe3;border-color:var(--blue)}.steps li:before{background:#172a3a;background:var(--ink);border-radius:50%;color:#fff;content:counter(s);display:inline-grid;font-size:15px;font-weight:500;height:34px;margin-bottom:16px;place-items:center;width:34px}.steps li:nth-child(2):before{background:#4a6fe3;background:var(--blue)}.steps h3{font-size:22px;letter-spacing:-.015em;margin-bottom:8px}.steps p{color:#3d5163;color:var(--ink-2);font-size:17px}.about{grid-gap:clamp(32px,6vw,90px);align-items:start;display:grid;gap:clamp(32px,6vw,90px);grid-template-columns:1fr 1.2fr}.about .body p{color:#3d5163;color:var(--ink-2);margin-bottom:18px;max-width:36em}.about .body p:first-child{color:#172a3a;color:var(--ink);font-size:clamp(21px,2vw,25px);letter-spacing:-.01em;line-height:1.4}.timeline{grid-gap:22px;border-left:2px solid #d5dce3;border-left:2px solid var(--line);display:grid;gap:22px;list-style:none;margin-top:36px;padding-left:24px}.timeline li{position:relative}.timeline li:before{background:#172a3a;background:var(--ink);border-radius:50%;content:"";height:12px;left:-31px;position:absolute;top:7px;width:12px}.timeline li:last-child:before{background:#4a6fe3;background:var(--blue)}.timeline b{display:block;font-weight:700}.timeline span{color:#3d5163;color:var(--ink-2);font-size:17px}.terms{grid-gap:22px 32px;display:grid;gap:22px 32px;grid-template-columns:1fr 1fr;margin-top:8px}.terms div{border-top:1px solid #d5dce3;border-top:1px solid var(--line);padding-top:14px}.terms h3{font-size:19px;letter-spacing:-.01em;margin-bottom:4px}.terms p{color:#3d5163;color:var(--ink-2);font-size:16px;margin:0!important}.contact .wrap{grid-gap:clamp(32px,6vw,80px);align-items:start;display:grid;gap:clamp(32px,6vw,80px);grid-template-columns:1fr 1.1fr}.contact h2{font-size:clamp(40px,5.5vw,72px);max-width:12ch}.contact .lede{color:#c5d0db}.mail{border-bottom:2px solid #8fa8f0;border-bottom:2px solid var(--blue-soft);color:#fff;display:block;font-size:clamp(24px,2.6vw,34px);font-weight:500;letter-spacing:-.02em;max-width:100%;overflow-wrap:anywhere;padding-bottom:6px;text-decoration:none;width:max-content}.mail:hover{color:#8fa8f0;color:var(--blue-soft)}.contact .btn{background:#4a6fe3;background:var(--blue);border-color:#4a6fe3;border-color:var(--blue);margin-top:8px}.contact .btn:disabled{cursor:progress;opacity:.6}.contact .alt{color:#c5d0db;font-size:17px;margin-top:36px}.contact .alt .mail{margin-top:8px}.cform{grid-gap:20px;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:28px;padding:clamp(22px,3vw,36px)}.cform,.cform .row{display:grid;gap:20px}.cform .row{grid-gap:20px;grid-template-columns:1fr 1fr}.cform .field{display:flex;flex-direction:column;gap:8px;min-width:0}.cform label,.cform legend{color:#e1e7ed;font-size:15px;font-weight:500}.cform label small{color:#8c9cab;font-size:1em;font-weight:400}.cform input,.cform textarea{background:#ffffff0f;border:1.5px solid #ffffff2e;border-radius:14px;color:#fff;font:inherit;font-size:17px;padding:12px 16px;transition:border-color .15s,background .15s;width:100%}.cform textarea{line-height:1.5;min-height:132px;resize:vertical}.cform input::placeholder,.cform textarea::placeholder{color:#8c9cab}.cform input:focus,.cform textarea:focus{background:#ffffff17;border-color:#8fa8f0;border-color:var(--blue-soft);outline:none}.cform .invalid input,.cform .invalid textarea{border-color:#f29b8c}.cform .err{color:#f6b4a8;font-size:14px}.cform .topics{border:0;min-width:0}.cform .topics legend{margin-bottom:10px}.cform .topics div{display:flex;flex-wrap:wrap;gap:8px}.cform .topics label{border:1.5px solid #ffffff35;border-radius:999px;cursor:pointer;font-size:15px;font-weight:400;padding:7px 14px;position:relative;transition:background .15s,border-color .15s}.cform .topics label:hover{border-color:#8fa8f0;border-color:var(--blue-soft)}.cform .topics label.on{background:#4a6fe3;background:var(--blue);border-color:#4a6fe3;border-color:var(--blue);color:#fff}.cform .topics input{height:1px;opacity:0;position:absolute;width:1px}.cform .topics label:focus-within{outline:2px solid #8fa8f0;outline:2px solid var(--blue-soft);outline-offset:2px}.cform .hp{height:1px;left:-9999px;overflow:hidden;position:absolute;width:1px}.cform .btn{justify-self:start}.form-msg{color:#f6b4a8;font-size:15px}.form-done{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:28px;padding:clamp(22px,3vw,36px)}.form-done h3{font-size:clamp(24px,2.4vw,30px);letter-spacing:-.02em;margin-bottom:12px}.form-done p{color:#c5d0db;margin-bottom:20px}.form-done a{color:#fff}.contact .form-done .btn.ghost{background:#0000;border-color:#ffffff60;color:#fff}.contact .btn:hover,.contact .form-done .btn.ghost:hover{background:#fff;color:#172a3a;color:var(--ink)}.contact .btn:hover{border-color:#fff}.contact dl{grid-gap:8px 24px;display:grid;font-size:16px;gap:8px 24px;grid-template-columns:auto 1fr;margin-top:32px}.contact dt{color:#8c9cab}.contact dd{color:#e1e7ed}footer{background:#172a3a;background:var(--ink);border-top:1px solid #ffffff1a;color:#8c9cab;font-size:15px;padding:28px 0 40px}footer .wrap{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}footer svg{height:22px;width:auto}@media (max-width:900px){.about,.contact .wrap,.hero .wrap,.sec-head{grid-template-columns:1fr}.hero .stack{max-width:520px}.work{grid-template-columns:1fr}.proj:first-child{flex-direction:column}.proj:first-child .shot{aspect-ratio:16/10;min-height:0}.steps{grid-template-columns:1fr 1fr}.svc-row{grid-template-columns:1fr}.svc-row .glyph{width:56px}}@media (max-width:720px){.nav ul{align-items:flex-start;background:#fafaf7;background:var(--birch);border-bottom:1px solid #d5dce3;border-bottom:1px solid var(--line);display:none;flex-direction:column;gap:16px;left:0;padding:16px clamp(20px,4vw,40px) 24px;padding:16px var(--gut) 24px;position:absolute;right:0;top:72px}.nav ul.open{display:flex}.menu-btn{display:block}.cform .row,.steps,.terms{grid-template-columns:1fr}body{font-size:17px}}.proj:last-child:nth-child(2){flex-direction:row;grid-column:1/-1}.proj:last-child:nth-child(2) .shot{aspect-ratio:auto;flex:1.3 1;min-height:340px}@media (max-width:900px){.proj:last-child:nth-child(2){flex-direction:column}.proj:last-child:nth-child(2) .shot{aspect-ratio:16/10;min-height:0}}
/*# sourceMappingURL=main.d9fe51b3.css.map*/