:root{--paper:#eeeee8;--ink:#272822;--muted:#7d7f72;--line:#c8cabf;--olive:#727b5d;--dark:#292c24}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;color:var(--ink);background:var(--paper);font:14px/1.7 Arial,Helvetica,sans-serif}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}h2 em{font-family:Georgia;font-weight:400;color:#778064}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #778556;outline-offset:5px}.skip{position:absolute;top:-80px;left:20px;z-index:50;background:white;padding:12px}.skip:focus{top:10px}.concept-bar{display:flex;justify-content:space-between;gap:20px;padding:9px 4%;background:#dedfd6;font-size:8px;letter-spacing:.4px;color:#757969}.concept-bar a:last-child{border-bottom:1px solid #a7ac98}header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:29px 4%;border-bottom:1px solid var(--line)}.brand{font-size:24px;letter-spacing:-1px;line-height:1.1;white-space:nowrap}.brand>span{color:#8c947d;display:inline-block;margin:0 6px}.brand small{display:block;font-size:6px;letter-spacing:2px;margin-top:10px}nav{display:flex;align-items:center;gap:42px;font-size:10px}nav sup{font-size:6px;margin-left:5px}.menu{display:none}.hero{padding:48px 4% 0}.hero-title{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:40px}h1{font-size:clamp(60px,7.1vw,112px);line-height:.98;letter-spacing:-5px}h1>span{color:#818777}h1 em{font-family:Georgia;font-weight:400;color:#333c2d}.hero-title>div{padding-bottom:5px;padding-right:25px}.hero-title p{font-size:13px;line-height:1.8;color:#757b6b}.hero-title>div a{font-size:8px;letter-spacing:1px;display:inline-block;border-bottom:1px solid #a6ad98;padding-bottom:6px;margin-top:22px}.hero-image{display:block;position:relative;height:580px;background:#afaf9d;overflow:hidden}.hero-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 1.2s}.hero-image:hover img{transform:scale(1.025)}.hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0002,transparent 40%,#0006)}.hero-image-top{position:absolute;left:30px;top:25px;color:#fff;font-size:8px;letter-spacing:1px;z-index:1}.hero-image-bottom{position:absolute;left:30px;bottom:30px;right:30px;display:flex;align-items:end;justify-content:space-between;color:#fff;z-index:1}.hero-image-bottom>span{font-size:34px;letter-spacing:-1px;line-height:1.05}.hero-image-bottom b{font-size:40px;font-weight:400}.hero-caption{display:flex;justify-content:space-between;font-size:7px;color:#858a7a;letter-spacing:.8px;padding:15px 0;border-bottom:1px solid var(--line);gap:20px}.section{padding:95px 4%}.eyebrow{font-size:8px;letter-spacing:1.5px;color:#8b927e;line-height:1.8}h2{font-size:clamp(36px,4.3vw,66px);line-height:1.08;letter-spacing:-2.3px}.manifesto{display:grid;grid-template-columns:.55fr 1.2fr .5fr;gap:60px;align-items:start}.manifesto h2{margin-bottom:30px}.manifesto>div>p{font-size:12px;line-height:1.9;color:#838675;max-width:420px;margin-top:20px}.manifesto>div>p:first-of-type{font-size:16px;color:#626b55;max-width:370px}.under-link{display:inline-block;background:none;border:0;border-bottom:1px solid #a5ad95;padding:0 0 6px;font-size:10px}.manifesto .under-link{margin-top:25px}.manifesto aside{align-self:end;text-align:right}.practice-mark{display:block;font-size:85px;font-weight:300;letter-spacing:-9px;line-height:1}.practice-mark>span{color:#8f9a7d}.manifesto aside p{font-size:7px;letter-spacing:1.7px;color:#8b937e;margin-top:25px;line-height:2}.selected{border-top:1px solid var(--line);padding-top:60px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:35px}.section-top .eyebrow{margin-bottom:25px}.work-filters{display:flex;gap:20px;flex-wrap:wrap;max-width:420px;justify-content:flex-end}.work-filters button{background:none;border:0;border-bottom:1px solid transparent;padding:7px 0;font-size:10px;color:#919783}.work-filters button[aria-pressed=true]{border-color:var(--ink);color:var(--ink)}.work-filters sup{font-size:6px}.work-count{font-size:8px;color:#989e8d;margin-bottom:24px;letter-spacing:1px}.project-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:70px 65px;align-items:start}.space-card[hidden]{display:none}.space-card.inset{padding-top:150px}.space-card.full{grid-column:1/-1}.project-image{display:block;width:100%;height:430px;padding:0;background:#b7baa9;border:0;position:relative;overflow:hidden}.project-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s,filter .8s}.project-image:hover img{transform:scale(1.035);filter:brightness(.92)}.project-image.portrait{height:510px}.project-image.panoramic{height:540px}.image-label{position:absolute;top:20px;left:20px;background:#f0efe5e8;padding:5px 9px;font-size:7px;letter-spacing:1px}.image-arrow{position:absolute;right:20px;bottom:15px;color:white;font-size:30px;text-shadow:0 2px 8px #0005}.project-meta{display:grid;grid-template-columns:1fr auto;gap:15px;padding-top:22px;border-bottom:1px solid var(--line);padding-bottom:20px}.project-meta h3{font-size:28px;line-height:1.2;letter-spacing:-1px}.project-meta p{font-size:9px;line-height:1.8;color:#8a917e;text-align:right}.project-meta .under-link{grid-column:1/-1;justify-self:start;margin-top:4px}.fine{font-size:8px;color:#969c89;line-height:1.8;margin-top:25px;max-width:700px}.material-section{display:grid;grid-template-columns:1.1fr 1fr;background:#dedfd5;align-items:stretch}.material-section>img{width:100%;height:640px;object-fit:cover;object-position:25% center}.material-section>div{padding:90px 12%;align-self:center}.material-section h2{margin:25px 0}.material-section p:not(.eyebrow){font-size:12px;color:#858b77;line-height:1.9;max-width:330px}.material-section .under-link{margin-top:30px}.approach .section-top>p{font-size:12px;color:#868e78;line-height:1.9}.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:45px}.approach-grid article{border-top:1px solid var(--line);padding-top:20px}.approach-grid span{font-size:8px;letter-spacing:1px;color:#949d84}.approach-grid h3{font-size:24px;letter-spacing:-.5px;line-height:1.2;margin:25px 0 15px}.approach-grid p{font-size:11px;color:#858e78;line-height:1.9;max-width:300px}.scope-note{border-top:1px solid var(--line);padding-top:25px;margin-top:55px;display:flex;justify-content:space-between;gap:40px}.scope-note>span{font-size:8px;letter-spacing:1px}.scope-note p{max-width:400px;font-size:9px;line-height:1.8;color:#939c85}.contact{background:var(--dark);color:#eeeee4;display:grid;grid-template-columns:1fr 1fr;gap:120px}.contact h2{margin-top:25px}.contact h2 em{color:#b4bda3}.contact>div>p:not(.eyebrow){font-size:12px;color:#a3ad94;line-height:1.9;max-width:330px;margin-top:28px}.demo-note{border-left:1px solid #79866a;padding-left:18px;margin-top:35px;max-width:330px}.demo-note>span{font-size:8px;letter-spacing:1px;color:#bac3a9}.demo-note p{font-size:10px;line-height:1.9;color:#919e80;margin-top:10px}.contact .under-link{color:#c8d0b9;border-color:#7d8a6b;margin-top:30px}form label{display:block;font-size:10px;margin-bottom:20px}input,select,textarea{display:block;width:100%;border:0;border-bottom:1px solid #7f8a7066;background:transparent;padding:11px 0;border-radius:0;font-size:12px;resize:vertical;color:#e4e9d9}select option{background:var(--dark)}input::placeholder,textarea::placeholder{color:#77866b}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}.submit{border:1px solid #a5b190;background:transparent;color:#dde6ce;padding:16px 20px;display:flex;justify-content:space-between;width:100%;font-size:11px;margin-top:25px}.submit:hover{background:#414a37}form .fine{margin-top:0;color:#889779}#space-result{border-top:1px solid #6f7e5c;margin-top:30px;padding-top:25px}#space-result h3{font-size:27px;margin-top:15px;line-height:1.2}#space-summary{font-size:12px;white-space:pre-line;overflow-wrap:anywhere;color:#adb99b;margin-top:20px}#space-result .fine{margin-top:20px}.elvarnue{padding:80px 4%;text-align:center}.elvarnue h2{margin:25px 0}.elvarnue>a{display:inline-flex;gap:45px;border-bottom:1px solid #9ba68a;padding-bottom:8px;font-size:11px}.elvarnue>a>span{font-size:18px}footer{border-top:1px solid var(--line);padding:30px 4%;display:flex;justify-content:space-between;align-items:center;gap:30px}footer .brand{font-size:18px}footer p{font-size:8px;color:#929b83}footer>a:last-child{font-size:10px}dialog{width:1000px;max-width:94vw;max-height:94vh;border:0;background:var(--paper);color:var(--ink);padding:30px;overflow:auto}dialog::backdrop{background:#13180fe8;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding-bottom:18px}.dialog-top>span{font-size:8px;letter-spacing:1px}.dialog-top button{font-size:10px;background:none;border:1px solid #a8b098;padding:8px 13px}.dialog-intro{padding:35px 0}.dialog-intro h2{margin:17px 0}.dialog-intro>p:last-child{font-size:12px;line-height:1.9;color:#828c73;max-width:650px}.gallery{background:#d7dacd}.gallery>img{width:100%;height:470px;object-fit:cover;display:block}.gallery>img.detail-view{object-position:75% 60%;transform:none;object-fit:cover}.gallery-controls{padding:15px 20px;display:flex;justify-content:space-between;align-items:center;gap:20px}.gallery-controls button{border:1px solid #a6b094;background:none;font-size:18px;padding:3px 15px}.gallery-controls p{font-size:9px;color:#6e7a60}.project-story{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;padding:35px 0}.project-story h3{font-size:23px;margin-bottom:13px}.project-story p{font-size:11px;color:#828c73;line-height:1.9;margin-bottom:25px}.project-enquire{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;font-size:12px}@media(min-width:1600px){.hero-image{height:720px}}@media(max-width:1000px){.hero-image{height:480px}h1{font-size:76px}.hero-title>div{padding-right:0}.manifesto{grid-template-columns:.4fr 1.2fr;gap:40px}.manifesto aside{display:none}.project-grid{gap:50px 35px}.project-image{height:350px}.project-image.portrait{height:430px}.project-image.panoramic{height:440px}.project-meta h3{font-size:24px}.material-section>img{height:560px}.material-section>div{padding:60px 9%}.contact{gap:60px}.section{padding:75px 4%}.work-filters{max-width:320px}}@media(max-width:650px){html{scroll-padding-top:20px}.concept-bar{font-size:6px;gap:15px}.concept-bar>span{text-align:right;max-width:130px}.concept-bar>a:last-child{display:none}header{padding:23px 5%;position:relative}.brand{font-size:21px}.brand small{font-size:5px;letter-spacing:1.5px}.menu{display:block;background:none;border:1px solid #b6bdab;padding:8px 12px;font-size:9px}nav{display:none;position:absolute;top:100%;left:0;right:0;z-index:20;background:var(--paper);border-bottom:1px solid var(--line);padding:25px 5%;flex-direction:column;align-items:start;gap:20px}nav.open{display:flex}.hero{padding:30px 5% 0}.hero-title{display:block;margin-bottom:30px}h1{font-size:clamp(48px,12.5vw,74px);letter-spacing:-2.8px;line-height:1.01}.hero-title>div{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-top:25px}.hero-title p{font-size:10px;line-height:1.7}.hero-title>div a{font-size:6px;letter-spacing:.5px;margin:0}.hero-image{height:440px}.hero-image img{object-position:60% center}.hero-image-top{left:20px;top:18px;font-size:6px;max-width:240px}.hero-image-bottom{left:20px;right:20px;bottom:20px}.hero-image-bottom>span{font-size:28px}.hero-image-bottom b{font-size:30px}.hero-caption{font-size:5px;letter-spacing:.5px}.hero-caption>span{max-width:150px}.section{padding:55px 5%}.manifesto{display:block}.manifesto>.eyebrow{margin-bottom:25px}h2{font-size:39px;letter-spacing:-1.5px}.manifesto>div>p{max-width:100%}.manifesto>div>p:first-of-type{font-size:15px}.section-top{display:block}.section-top .eyebrow{margin-bottom:20px}.work-filters{justify-content:start;max-width:100%;margin-top:25px;gap:20px}.work-filters button{font-size:9px}.project-grid{grid-template-columns:1fr;gap:40px}.space-card.inset{padding-top:0}.space-card.full{grid-column:auto}.project-image{height:330px}.project-image.portrait{height:430px}.project-image.panoramic{height:340px}.project-meta{gap:12px}.project-meta h3{font-size:25px}.project-meta p{font-size:8px}.material-section{grid-template-columns:1fr}.material-section>img{height:440px}.material-section>div{padding:45px 6%}.material-section h2{font-size:39px}.material-section p:not(.eyebrow){max-width:100%}.approach .section-top>p{font-size:11px;margin-top:20px}.approach-grid{grid-template-columns:1fr;gap:25px;margin-top:30px}.approach-grid h3{font-size:25px;margin:17px 0 12px}.approach-grid p{max-width:100%}.scope-note{display:block;margin-top:30px;padding-top:20px}.scope-note>span{font-size:6px}.scope-note p{margin-top:12px;font-size:8px}.contact{grid-template-columns:1fr;gap:35px}.contact h2{font-size:49px}.form-row{gap:18px}.elvarnue{padding:55px 5%}.elvarnue h2{font-size:36px}.elvarnue>a{font-size:10px;gap:25px}footer{flex-wrap:wrap}footer p{order:3;width:100%;font-size:7px}dialog{padding:20px;max-width:94vw}.dialog-top>span{font-size:6px}.dialog-intro{padding:25px 0}.dialog-intro h2{font-size:37px}.gallery>img{height:300px}.gallery-controls{padding:12px;gap:10px}.gallery-controls p{font-size:8px;text-align:center}.gallery-controls button{padding:3px 12px}.project-story{grid-template-columns:1fr;gap:0;padding:25px 0 0}.project-story h3{font-size:23px}.project-story p{font-size:11px}.project-enquire{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.project-grid.filtered{grid-template-columns:1fr 1fr}.project-grid.filtered .space-card{grid-column:1/-1;padding-top:0}.project-grid.filtered .project-image{height:520px}.gallery-frame{height:470px;overflow:hidden}.gallery-frame img{width:100%;height:100%;object-fit:cover;display:block}.gallery-frame img.detail-view{transform:scale(1.6);transform-origin:70% 60%}@media(max-width:650px){.project-grid.filtered{grid-template-columns:1fr}.project-grid.filtered .project-image{height:380px}.gallery-frame{height:300px}}
