@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Inter:wght@400;500&family=Playfair+Display:ital@0;1&display=swap');*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f2f0e9;color:#111713;font-family:Inter,Arial}a{text-decoration:none;color:inherit}.nav{height:82px;position:fixed;z-index:20;inset:0 0 auto;padding:0 4vw;display:flex;align-items:center;background:#f2f0e9e8;backdrop-filter:blur(12px);border-bottom:1px solid #11171325}.logo{font:19px "Playfair Display";letter-spacing:.16em}.logo span{font:7px "DM Mono";letter-spacing:.12em;margin-left:7px}.nav nav{display:flex;gap:32px;margin:auto}.nav nav a,.navcta{font:8px "DM Mono";letter-spacing:.14em;text-transform:uppercase}.navcta{border-bottom:1px solid;padding-bottom:6px}.menubtn{display:none;margin-left:auto;border:0;background:none;font:16px "DM Mono"}.mobile{display:none}.hero{height:100vh;min-height:700px;background:#14241e;color:#f2f0e9;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 72% 25%,#668375,transparent 28%),linear-gradient(120deg,#0d1511,#29473c 58%,#0c1410)}.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 25%,#ffffff08 25.2%,transparent 25.5% 58%,#ffffff06 58.2%,transparent 58.5%)}.meta{position:absolute;top:112px;left:4vw;right:4vw;display:flex;justify-content:space-between;font:8px "DM Mono";letter-spacing:.15em;color:#cbd2cb}.hero-copy{position:absolute;left:7vw;bottom:12vh}.hero-copy small,.contact small,.label{font:8px "DM Mono";letter-spacing:.16em}.hero h1{font-size:clamp(70px,9vw,145px);line-height:.8;letter-spacing:-.08em;font-weight:500;margin:25px 0}.hero h1 em,h2 em{font-family:"Playfair Display";font-weight:400}.hero p{max-width:500px;color:#cbd2cb;line-height:1.7}.button{display:inline-block;background:#f2f0e9;color:#111713;padding:16px 20px;margin-top:15px;font:8px "DM Mono";letter-spacing:.13em;text-transform:uppercase}.work,.services,.about{padding:11vw 7vw}.label{color:#70766f}.workhead{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;margin:45px 0 90px}.work h2,.services h2,.about h2{font-size:clamp(60px,7vw,108px);line-height:.84;letter-spacing:-.075em;font-weight:500;margin:0}.workhead p{align-self:end;color:#70766f;line-height:1.7}.project{display:block;margin-bottom:100px}.visual{height:620px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#fff;transition:transform 1s cubic-bezier(.2,.7,.2,1)}.project:hover .visual{transform:scale(.985)}.visual span{position:absolute;top:24px;left:24px;font:8px "DM Mono";letter-spacing:.15em}.visual b{font-size:clamp(75px,12vw,185px);letter-spacing:-.09em;transition:transform .8s}.project:hover .visual b{transform:translateY(-8px)}.finance{background:linear-gradient(130deg,#111b18,#29453b 48%,#101612)}.finance:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,#fff2 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,#fff2 50%,transparent 50.2%);background-size:18% 100%,100% 18%;transform:perspective(500px) rotateX(55deg) scale(1.5);opacity:.35}.solara{background:linear-gradient(145deg,#bcc9bf,#6e8c80 45%,#d4c2a1)}.solara:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:8%;top:10%;background:#e8dcc2;box-shadow:0 0 100px #f5e7c855}.auren{background:linear-gradient(125deg,#111814,#29443a 55%,#0e1411)}.auren:after{content:"";position:absolute;width:500px;height:500px;border-radius:50%;right:7%;background:radial-gradient(circle at 35% 30%,#d8e5db,#6f8d7d 45%,#18261f 72%);box-shadow:0 30px 120px #0008}.visual b{position:relative;z-index:2}.project-info{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #11171325;padding:22px 0 18px}.project-info small{font:8px "DM Mono";letter-spacing:.14em;color:#70766f}.project-info h3{font-size:42px;font-weight:500;letter-spacing:-.05em;margin:12px 0 0}.project-info strong{font:8px "DM Mono";letter-spacing:.13em}.services{background:#e1e2dd}.servicegrid{display:grid;grid-template-columns:1fr 1fr;gap:12vw;margin-top:65px}.service{display:grid;grid-template-columns:45px 1fr;gap:10px;padding:27px 0;border-top:1px solid #11171325}.service i{font:8px "DM Mono";font-style:normal;color:#70766f}.service b{font-size:24px}.service p{grid-column:2;color:#70766f;line-height:1.6;margin:8px 0 0}.about{display:grid;grid-template-columns:.6fr 1.4fr}.about p{max-width:550px;color:#70766f;line-height:1.8;margin-top:45px}.contact{padding:12vw 7vw;background:#101713;color:#f2f0e9}.contact h2{font-size:clamp(75px,10vw,155px);line-height:.77;letter-spacing:-.08em;font-weight:500;margin:30px 0 65px}.contact a{font:9px "DM Mono";letter-spacing:.14em;border-bottom:1px solid #fff6;padding-bottom:8px}footer{padding:35px 4vw;display:flex;justify-content:space-between;border-top:1px solid #11171325;font:8px "DM Mono";letter-spacing:.12em;color:#70766f}.project-info strong{transition:transform .4s}.project:hover .project-info strong{transform:translateX(7px)}@media(max-width:800px){.nav nav,.navcta{display:none}.menubtn{display:block}.workhead,.servicegrid,.about{grid-template-columns:1fr}.visual{height:460px}.project-info{gap:20px}.project-info h3{font-size:32px}.mobile.open{display:flex;position:fixed;inset:0;background:#111713;color:#fff;z-index:100;flex-direction:column;align-items:center;justify-content:center;gap:35px}.mobile a{font:11px "DM Mono";letter-spacing:.14em;text-transform:uppercase}.mobile button{position:absolute;right:7vw;top:5vw;background:none;border:0;color:#fff;font-size:30px}footer{flex-direction:column;gap:18px}}