@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600&display=swap');
:root{--paper:#edeae2;--ink:#292e27;--olive:#69715c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #a7b38c;outline-offset:6px}header{position:absolute;z-index:5;top:0;width:100%;padding:32px 4.5%;display:flex;align-items:center;justify-content:space-between;color:white;border-bottom:1px solid #ffffff30}.logo{font-family:'Manrope',sans-serif;font-size:37px;letter-spacing:.14em;line-height:1}.logo span{display:block;font-size:10px;letter-spacing:.37em;margin-top:10px}nav{display:flex;gap:38px;align-items:center;font-size:14px}.nav-contact{border:1px solid #ffffff80;padding:14px 20px}.nav-contact span{margin-left:28px}.journey{height:240svh}.scene{position:sticky;top:0;height:100svh;overflow:hidden;background:#252c25}.scene>img{width:100%;height:100%;object-fit:cover;object-position:50% 55%;will-change:transform;transform-origin:50% 57%}.shade{position:absolute;inset:0;background:linear-gradient(180deg,#101b2255,transparent 55%,#10150dbb)}.hero-copy{position:absolute;left:6%;top:25%;color:#fff}.eyebrow{font-size:12px;font-weight:500;letter-spacing:.17em;line-height:1.5}h1,h2,h3,p{margin-top:0}h1{font-family:'Manrope',sans-serif;font-weight:400;font-size:clamp(48px,6.1vw,94px);line-height:1.05;letter-spacing:-.055em;margin:22px 0}em{font-family:Georgia,serif;font-weight:400}h1 em{letter-spacing:-.055em}.hero-sub{font-size:16px}.scene-bottom{position:absolute;bottom:40px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;align-items:center;color:#fff}.explore{font-size:14px;border-bottom:1px solid #ffffff90;padding:14px 0}.explore span{margin-left:25px}.scroll-hint,.location{font-size:10px;letter-spacing:.15em}.scroll-hint span{display:inline-block;margin-left:16px;font-size:22px}.chapter{position:absolute;left:6%;bottom:24%;color:white;opacity:0;transform:translateY(25px)}.chapter h2{font-size:clamp(36px,5vw,76px);line-height:1.1;font-weight:400;letter-spacing:-.04em}.progress{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#ffffff22}.progress i{display:block;height:100%;width:0;background:#ece8d7}.section{padding:110px 6%}.intro{display:grid;grid-template-columns:1fr 2fr;gap:50px}.intro h2,.project-title h2,.philosophy h2,.contact h2{font-family:'Manrope',sans-serif;font-weight:400;font-size:clamp(40px,4.6vw,70px);line-height:1.12;letter-spacing:-.045em}.intro-bottom{display:flex;align-items:start;gap:60px;max-width:640px;margin-top:45px}.intro-bottom p{max-width:450px;line-height:1.8;color:#66685f}.small-mark{font-family:Georgia,serif;font-size:75px;line-height:1}.projects{padding-top:30px}.section-heading{border-top:1px solid #b9bdb0;padding-top:24px;display:flex;justify-content:space-between}.section-heading>span{font-size:11px;letter-spacing:.13em}.project-title{display:flex;justify-content:space-between;align-items:center;margin:35px 0}.project-title h2{margin:0}.project-title p{color:#6f726a;font-size:14px;line-height:1.7}.project-image{border:0;padding:0;width:100%;height:540px;position:relative;overflow:hidden;background:#484d42;color:white}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.project-image:hover img{transform:scale(1.035)}.badge{position:absolute;top:25px;left:25px;background:#eeeae0;color:var(--ink);padding:11px 15px;font-size:10px;letter-spacing:.12em}.circle-arrow{position:absolute;bottom:25px;right:25px;background:var(--paper);color:var(--ink);height:58px;width:58px;border-radius:50%;display:grid;place-items:center;font-size:25px}.project-caption{display:flex;align-items:center;justify-content:space-between;padding:25px 0 40px}.project-caption h3{font-size:45px;font-weight:400;margin:6px 0 0;letter-spacing:-.04em}.project-caption p{font-size:14px;line-height:1.7;color:#6f726a}.text-button{border:0;border-bottom:1px solid #949b88;background:none;padding:12px 0;font-size:14px;color:var(--ink)}.project-list button{border:0;border-top:1px solid #bcc1b3;background:none;color:var(--ink);width:100%;display:grid;grid-template-columns:1fr 1fr 1.5fr auto;align-items:center;gap:25px;padding:30px 0;text-align:left}.project-list button:last-child{border-bottom:1px solid #bcc1b3}.project-list strong{font-size:36px;font-weight:400;letter-spacing:-.04em}.project-list button>span:last-child{font-size:28px}.project-list button:hover strong{color:var(--olive)}.philosophy{background:#2c322a;color:var(--paper)}.philosophy>h2{margin:30px 0 70px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:55px}.principles article{border-top:1px solid #858b7966;padding-top:25px}.principles span{font-size:12px;color:#b8bdab}.principles h3{font-size:21px;font-weight:400;margin:35px 0 18px}.principles p{font-size:15px;line-height:1.8;color:#c0c4b7;max-width:330px}.contact{text-align:center;padding-top:130px;padding-bottom:130px}.contact h2{margin:30px 0 40px}.contact-button{border:0;background:var(--ink);color:var(--paper);padding:19px 28px;display:inline-flex;gap:60px;justify-content:space-between}.contact-button:hover{background:#48513f}footer{margin:0 6%;border-top:1px solid #b9bdb0;padding:35px 0;display:flex;align-items:center;justify-content:space-between}footer p{font-size:14px;margin:0}footer>span{font-size:12px;text-align:right;line-height:1.8;color:#6f726a}footer .logo{font-size:27px}footer .logo span{font-size:8px}.skip{position:fixed;top:-80px;left:10px;padding:15px;background:white;z-index:20}.skip:focus{top:10px}dialog{border:0;background:var(--paper);color:var(--ink);padding:50px;width:min(580px,92vw);max-height:90svh}dialog::backdrop{background:#171d19aa;backdrop-filter:blur(6px)}dialog h2{font-size:45px;font-weight:400;letter-spacing:-.05em;margin:22px 0}dialog p{line-height:1.7}dialog .close{position:absolute;top:16px;right:18px;background:none;border:0;font-size:24px;color:var(--ink)}dialog dl{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #bbc0b2;padding-top:22px;gap:16px;font-size:14px}dialog dd{margin:0}.concept-note{font-size:12px;color:#72786b}form{display:grid;gap:20px;margin-top:25px}label{display:grid;gap:8px;font-size:14px}input,select{width:100%;border:1px solid #adb5a3;background:transparent;padding:13px;color:var(--ink);border-radius:0}#form-status{margin:0;font-size:14px}
@media(min-width:1600px){.section{padding-left:max(6%,calc((100vw - 1440px)/2));padding-right:max(6%,calc((100vw - 1440px)/2))}}@media(max-width:760px){header{padding:23px 6%}.logo{font-size:28px}.logo span{font-size:8px}nav{gap:0}nav>a:not(.nav-contact){display:none}.nav-contact{font-size:12px;padding:11px}.nav-contact span{margin-left:10px}.hero-copy{top:28%;right:6%}h1{font-size:clamp(43px,10vw,65px)}.hero-sub{font-size:14px}.scene-bottom{bottom:28px;left:6%;right:6%;gap:20px}.location{display:none}.scroll-hint{font-size:9px;max-width:120px}.scroll-hint span{margin-left:0}.explore{max-width:180px;font-size:12px}.explore span{margin-left:8px}.section{padding:70px 6%}.intro{grid-template-columns:1fr;gap:15px}.intro-bottom{gap:30px;margin-top:30px}.intro-bottom p{font-size:15px}.project-title{align-items:start;gap:20px;flex-direction:column;margin:25px 0}.project-title p{margin:0}.project-image{height:370px}.project-caption{align-items:start;flex-wrap:wrap;gap:20px}.project-caption p{max-width:165px}.project-caption .text-button{margin-left:auto}.project-list button{grid-template-columns:1fr auto;gap:12px}.project-list .eyebrow{grid-column:1}.project-list strong{grid-column:1;grid-row:2}.project-list button>span:nth-child(3){grid-column:1;font-size:14px}.project-list button>span:last-child{grid-column:2;grid-row:2}.principles{grid-template-columns:1fr;gap:25px}.principles h3{margin-top:20px}.philosophy>h2{margin-bottom:40px}.contact h2{font-size:39px}footer{flex-wrap:wrap;gap:30px}footer p{display:none}dialog{padding:42px 24px}.badge{top:16px;left:16px}.section-heading>span{font-size:9px}.section-heading .eyebrow{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.journey{height:100svh}.scene>img{transform:none!important}.hero-copy{opacity:1!important;transform:none!important}.chapter{display:none}.project-image img{transition:none}.scroll-hint{display:none}}