:root{--ink:#0a1b29;--red:#c81014;--paper:#f7f5f0;--gutter:clamp(20px,2.116vw,48px);--display:"Hanken Grotesk",sans-serif;--section:clamp(120px,16.93vw,320px)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/25px system-ui,sans-serif}h1,h2,h3,p{margin:0}h1,h2,h3,.cta,.label,.card,footer,.menu{font-family:var(--display)}h1,h2,h3{font-weight:400;line-height:1.2;letter-spacing:-.02em}h1{font-size:36px}h2{font-size:32px}em{color:var(--red);font-style:normal}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}a:focus-visible,summary:focus-visible{outline:3px solid #468cc4;outline-offset:3px}img,picture{display:block}picture img{max-width:100%;height:auto}img{max-width:100%;height:auto}.skip{position:fixed;z-index:20;top:-120px;background:#fff;padding:12px}.skip:focus{top:0}.dark,.innerhead,footer{background:var(--ink);color:#fff}.hero,.teaser,.ideas{position:relative}.hero{height:max(610px,51.32vw)}.mast{position:absolute;z-index:3;inset:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;padding:2.05vw var(--gutter);pointer-events:none}.mast>*{pointer-events:auto}.brand{width:17.93vw}.menu{position:relative;margin-top:2.85vw}.menu summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;font-weight:700;font-size:20px}.menu summary::-webkit-details-marker{display:none}.menu nav{position:absolute;right:0;top:calc(100% + 12px);width:max-content;padding:16px 24px;background:var(--ink);border:1px solid #ffffff50;display:grid;gap:12px}.texture{position:absolute;inset:0;overflow:hidden;pointer-events:none}.texture img{position:absolute;max-width:none;left:-150.34%;top:10.76%;width:191.32%;height:196.38%;opacity:.5}.texture img+img{left:57.55%;top:1.29%;width:113.52%;height:147.46%;opacity:.2}.hero-copy,.teaser-copy{position:absolute;left:var(--gutter);top:59.54%;transform:translateY(-50%);width:35.52%;display:grid;justify-items:start;gap:24px}.hero-copy p{max-width:347px}.cta{width:fit-content;display:inline-block;font-size:17px;line-height:1.2;letter-spacing:.04em;text-transform:uppercase;font-weight:300;padding:8px 0;border-bottom:1px solid}.cta:hover{text-decoration:none}.hero .cta{font:400 16px/1.2 Outfit,sans-serif;letter-spacing:.04em}.rail{display:flex;position:absolute;left:40.54%;right:2.116%;gap:1.587vw;align-items:flex-start}.services{top:19.46%}.card{position:relative;display:block;flex:1;min-width:0;aspect-ratio:273/644;border-radius:2px;overflow:hidden;isolation:isolate;color:#fff;background:var(--ink)}.card img{position:absolute;width:100%;height:100%;object-fit:cover;max-width:none}.card span{position:absolute;left:clamp(15px,2.12vw,32px);bottom:clamp(15px,2.12vw,32px);writing-mode:vertical-rl;transform:rotate(180deg);font:300 clamp(18px,1.59vw,26px)/1.2 var(--display);letter-spacing:.04em;text-transform:uppercase}.service:nth-child(1){background:var(--red);margin-top:3.37vw}.service:nth-child(2){background:#185308}.service:nth-child(3){background:#141010;margin-top:2.51vw}.service img{opacity:.4}.service:first-child img{opacity:.3}.service:nth-child(2) img{width:373.91%;height:125.04%;left:-233.09%;top:-13.09%}.service:nth-child(3) img{width:410.98%;height:108.02%;left:-202.27%;top:-1.71%}.split{display:flex;align-items:center;justify-content:space-between;padding:var(--section) var(--gutter)}.mission-photo{position:relative;width:53.25%}.mission-photo>img{width:100%;height:auto;aspect-ratio:771/513;object-fit:cover}.initial{position:absolute;width:11.16%;right:-2%;bottom:-5%}.copy{width:39.1%;display:grid;gap:24px}.copy .cta{--cta-hover:#97454a;color:var(--red)}.copy .cta:hover{color:var(--cta-hover)}.teaser{height:33.47vw;min-height:340px}.teaser-copy{top:50%}.teaser .texture img:first-child{width:183.73%;height:366%;left:-142.43%;top:-32.69%}.teaser .texture img+img{left:61.06%;top:-37.14%;height:205.88%}.projects{left:39.81%;right:2.84%;top:-6.75vw}.projects .card:first-child{margin-top:3.97vw}.projects .card:nth-child(3){margin-top:1.32vw}.project:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,var(--ink));z-index:0}.project span{z-index:1}.project[data-project=garage-steulet] img{object-position:23.5% center}.project[data-project=id-identification] img{object-position:91.7% center}.project[data-project=osmose] img{object-position:78.8% center}.ideas{padding:var(--section) var(--gutter)}.presentation{width:53.25%}.ideas .copy{margin:2.78vw 0 0 auto}.chevron{position:absolute;left:52%;top:31%;width:22.55%}.banner{width:100%;height:34.72vw;object-fit:cover;object-position:center 35%}.approach{background:#fff;padding-block:8.466vw}.monogram{width:46.27%}footer{text-align:center;padding:96px 5%;font-size:20px}.label,.legal{font-weight:300;letter-spacing:.04em;text-transform:uppercase;font-size:17px}.phones{margin:15px 0}.footlinks{margin-top:42px;border-top:1px solid #ffffff20;padding-top:42px}.socials,.legal{display:flex;gap:10px;align-items:center;justify-content:center}.social-icon{border:1px solid white;border-radius:50%;width:46px;height:46px;display:grid;place-items:center}.legal{font-size:14px;gap:22px;margin-top:30px}.innerhead{position:relative;height:145px}.innerhead .brand{width:150px}.innerhead .mast{padding-block:20px}.innerhead .menu{margin-top:26px}.page{margin:auto;max-width:1512px;padding:80px var(--gutter) 110px}.page>h1,.page>p,.page>.crumb{display:block;margin-bottom:24px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.grid .card{aspect-ratio:3/4}.detail-img{width:100%;max-height:75vh;object-fit:cover}.prose{max-width:70ch;margin:32px auto}.prose>*+*{margin-top:1em}.prose a{text-decoration:underline}.gallery img{width:100%;height:auto}.crumb{font-family:var(--display);text-decoration:underline}@media(prefers-reduced-motion:no-preference){@view-transition{navigation:auto}::view-transition-group(*){animation-duration:.32s}}@media(max-width:760px){:root{--gutter:20px}h1,h2{font-size:28px}.hero{height:776px}.mast{padding:20px}.brand{width:197px}.menu{margin-top:74px}.menu summary{min-height:40px}.menu summary span{display:none}.hero-copy{width:calc(100% - 40px);top:302px;gap:18px}.rail{left:0;right:0;gap:12px;padding:0 20px 4px;overflow:auto;scroll-snap-type:x proximity;scroll-padding:20px;scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.rail .card{flex:0 0 min(226px,70vw);height:374px;aspect-ratio:auto;scroll-snap-align:start}.services{top:458px}.service:nth-child(1){order:3;margin-top:30px}.service:nth-child(2){order:2}.service:nth-child(3){order:1;margin-top:23px}.card span{font-size:24px;left:20px;bottom:20px}.split{display:grid;gap:24px;padding:164px 20px 64px}.mission-photo,.copy,.presentation,.monogram{width:100%}.mission-photo>img{aspect-ratio:1}.initial{width:24.4%;right:-3%;bottom:-6%}.copy{gap:18px}.teaser{height:583px}.teaser-copy{width:calc(100% - 40px);top:60px;transform:none}.projects{top:178px}.projects .card:first-child{margin-top:60px}.projects .card:nth-child(3){margin-top:20px}.ideas{padding:96px 20px 64px;display:grid;gap:24px}.chevron{position:static;width:167px}.ideas .copy{margin:0}.banner{height:100vw;object-position:center}.approach{padding:64px 32px}.monogram img{max-height:302px;margin:auto}.innerhead{height:120px}.innerhead .brand{width:120px}footer{padding:64px 20px}.phones a{display:block}.phones span{display:none}.legal{flex-direction:column;gap:12px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.grid .card{aspect-ratio:2/3}.grid .card span{font-size:16px}.page{padding-block:48px}}.credit{display:block;width:fit-content;margin:20px auto 0}.hero-sketches{position:absolute;inset:0;pointer-events:none;overflow:hidden}.hero-sketches:before,.hero-sketches:after{content:"";position:absolute;inset:0;background-repeat:no-repeat}.hero-sketches:before{background-image:url(/images/hero/sketch_house.webp);background-position:left bottom;background-size:auto min(88%,56vw);opacity:.5}.hero-sketches:after{background-image:url(/images/hero/sketch_plants.webp);background-position:right top;background-size:auto min(92%,60vw);opacity:.2}@media(max-width:760px){.hero-sketches:before{background-size:auto min(65%,85vw)}.hero-sketches:after{background-size:auto min(55%,85vw)}}@media(prefers-reduced-motion:no-preference){.rail .card.entered{animation:rail-enter .52s cubic-bezier(.2,.7,.3,1) var(--entry-delay,0ms) backwards}@keyframes rail-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.cta{transition:color .18s ease-out}}@media(hover:hover)and (pointer:fine){.rail .card:hover,.social-icon:hover,.credit:hover{scale:1.02;z-index:1}.cta:hover{color:var(--cta-hover,var(--red))}@media(prefers-reduced-motion:no-preference){.rail .card,.social-icon,.credit{transition:scale .2s ease-out}}}@media(prefers-reduced-motion:no-preference){::view-transition-group(project-cover){animation-duration:.52s;animation-timing-function:cubic-bezier(.22,.65,.25,1)}::view-transition-old(project-cover),::view-transition-new(project-cover){height:100%;object-fit:cover}}.content-page footer{position:relative}.content-page footer:before{content:"";position:absolute;inset:0 5% auto;border-top:1px solid #ffffff20}.content-page .footlinks{margin-top:60px;padding-top:30px}@media(max-width:760px){.content-page .footlinks{margin-top:24px;padding-top:24px}}@font-face{font-family:Hanken Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/hanken-grotesk-latin-400-normal.BG6hkEXj.woff2) format("woff2"),url(/_astro/hanken-grotesk-latin-400-normal.CjyVwvJV.woff) format("woff")}@font-face{font-family:Hanken Grotesk;font-style:normal;font-display:swap;font-weight:300;src:url(/_astro/hanken-grotesk-latin-300-normal.7Inw_u-u.woff2) format("woff2"),url(/_astro/hanken-grotesk-latin-300-normal.D6QX6NIr.woff) format("woff")}@font-face{font-family:Hanken Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/hanken-grotesk-latin-700-normal.CeQ8H3UY.woff2) format("woff2"),url(/_astro/hanken-grotesk-latin-700-normal.6IGCzoPh.woff) format("woff")}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/outfit-latin-400-normal.BGsTXAXT.woff2) format("woff2"),url(/_astro/outfit-latin-400-normal.DMwTpYkH.woff) format("woff")}button[data-astro-cid-3ef6ksr2]{cursor:pointer;border:0;padding:0;background:transparent;color:inherit;display:flex;align-items:center;gap:8px;font:700 20px/1.2 var(--display)}button[data-astro-cid-3ef6ksr2]:focus-visible{outline:3px solid #468cc4;outline-offset:3px}#navigation[data-astro-cid-3ef6ksr2]{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;padding:0;border:0;margin:0;color:#fff;background:transparent;overflow:auto;overscroll-behavior:contain;font-family:var(--display)}html:has(#navigation:popover-open){overflow:hidden}.nav-backdrop[data-astro-cid-3ef6ksr2]{position:absolute;inset:0;z-index:-1;background:var(--ink);pointer-events:none}.nav-frame[data-astro-cid-3ef6ksr2]{position:relative;isolation:isolate;min-height:100%;display:grid;place-items:center;padding:100px 20px}.nav-brand[data-astro-cid-3ef6ksr2],.dismiss[data-astro-cid-3ef6ksr2]{position:absolute}.nav-brand[data-astro-cid-3ef6ksr2]{left:2%;top:2.05vw}.dismiss[data-astro-cid-3ef6ksr2]{right:2.12%;top:5vw}#navigation[data-astro-cid-3ef6ksr2][data-retracting] [data-astro-cid-3ef6ksr2]:is(.dismiss,.nav-brand,.nav-center){visibility:hidden}.nav-center[data-astro-cid-3ef6ksr2]{text-align:center}.nav-center[data-astro-cid-3ef6ksr2] nav[data-astro-cid-3ef6ksr2]{display:grid;gap:32px;font:300 42px/1.2 var(--display);text-transform:uppercase;letter-spacing:.04em}.nav-contact[data-astro-cid-3ef6ksr2]{margin-top:74px;display:grid;gap:12px;font-size:20px;line-height:35.56px}.email[data-astro-cid-3ef6ksr2]{line-height:57.34px}@media(max-width:760px){.mast[data-astro-cid-3ef6ksr2]{--menu-center:108px}.innerhead .mast[data-astro-cid-3ef6ksr2]{--menu-center:66px}.trigger[data-astro-cid-3ef6ksr2] span[data-astro-cid-3ef6ksr2],.dismiss[data-astro-cid-3ef6ksr2] span[data-astro-cid-3ef6ksr2],.nav-brand[data-astro-cid-3ef6ksr2]{display:none}.trigger[data-astro-cid-3ef6ksr2],.dismiss[data-astro-cid-3ef6ksr2]{position:absolute;right:13px;top:calc(var(--menu-center) - 22px);width:44px;height:44px;margin:0;justify-content:center}.innerhead .mast[data-astro-cid-3ef6ksr2] .trigger[data-astro-cid-3ef6ksr2]{margin:0}.nav-frame[data-astro-cid-3ef6ksr2]{padding:140px 20px max(32px,min(260px,calc(100dvh - 650px)))}.nav-center[data-astro-cid-3ef6ksr2] nav[data-astro-cid-3ef6ksr2]{font-size:clamp(23px,7.13vw,28px);gap:24px}.nav-contact[data-astro-cid-3ef6ksr2]{margin-top:66px;font-size:clamp(16px,5.09vw,20px);gap:18px;letter-spacing:-.01em}.nav-contact[data-astro-cid-3ef6ksr2] p[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{display:block}.nav-contact[data-astro-cid-3ef6ksr2] p[data-astro-cid-3ef6ksr2] span[data-astro-cid-3ef6ksr2]{display:none}.email[data-astro-cid-3ef6ksr2]{line-height:1.2}.mast[data-astro-cid-3ef6ksr2]:has(:popover-open)>.trigger[data-astro-cid-3ef6ksr2],.mast[data-astro-cid-3ef6ksr2]:has(:popover-open)>a[data-astro-cid-3ef6ksr2]{visibility:hidden}}@media(prefers-reduced-motion:no-preference){#navigation[data-astro-cid-3ef6ksr2]{--reveal-time:.36s}#navigation[data-astro-cid-3ef6ksr2]:popover-open .nav-backdrop[data-astro-cid-3ef6ksr2]{animation:menu-reveal var(--reveal-time) cubic-bezier(.25,.7,.35,1) both}#navigation[data-astro-cid-3ef6ksr2]:popover-open .nav-center[data-astro-cid-3ef6ksr2] nav[data-astro-cid-3ef6ksr2]>a[data-astro-cid-3ef6ksr2],#navigation[data-astro-cid-3ef6ksr2]:popover-open .nav-contact[data-astro-cid-3ef6ksr2]>*{animation:menu-item-enter .32s cubic-bezier(.2,.7,.3,1) both;animation-delay:calc(var(--reveal-time) + var(--item-order,0) * 55ms)}.nav-contact[data-astro-cid-3ef6ksr2]{--item-order:4}.nav-contact[data-astro-cid-3ef6ksr2] .email[data-astro-cid-3ef6ksr2]{--item-order:5}.nav-contact[data-astro-cid-3ef6ksr2]>.socials{--item-order:6}@keyframes menu-reveal{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}@keyframes menu-item-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}
