@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Source+Serif+4:opsz,wght@8..60,400;8..60,500&display=swap');
:root{--ink:#080909;--paper:#f5f3ee;--white:#fff;--gold:#c7a35b;--muted:#686963;--line:rgba(8,9,9,.16);--max:1240px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'Manrope',Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{width:min(var(--max),calc(100% - 96px));margin-inline:auto}
.nav{position:absolute;z-index:10;inset:0 0 auto;color:#fff;border-bottom:1px solid rgba(255,255,255,.22);background:linear-gradient(180deg,rgba(0,0,0,.54),transparent)}
.nav.light{position:relative;background:#070808;border-bottom-color:rgba(255,255,255,.13)}
.nav-inner{height:116px;display:flex;align-items:center;gap:38px}
.logo{width:270px}
.nav .logo{width:270px;height:74px;object-fit:contain;object-position:left center}
.links{display:flex;align-items:center;gap:34px;margin-left:auto;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.links>a:not(.btn){position:relative;padding:12px 0}
.links>a:not(.btn):after{content:"";position:absolute;left:0;right:100%;bottom:5px;height:1px;background:var(--gold);transition:right .3s ease}
.links>a:not(.btn):hover:after{right:0}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 28px;border:1px solid var(--gold);background:var(--gold);color:#0a0a0a;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;transition:background .25s,color .25s,border-color .25s}
.btn:hover{background:#d9bb7a;border-color:#d9bb7a}
.btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.7)}
.btn.ghost:hover{background:#fff;color:#080909;border-color:#fff}
.btn.dark{background:#090a0a;color:#fff;border-color:#090a0a}
.hero{position:relative;min-height:100svh;height:max(860px,100svh);color:#fff;display:flex;align-items:flex-end;padding:190px 0 110px;overflow:hidden;background:#111}
.hero-video{position:absolute;inset:-5%;width:110%;height:110%;object-fit:cover;z-index:0;transform:translate3d(0,0,0);will-change:transform}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.77) 0%,rgba(0,0,0,.42) 52%,rgba(0,0,0,.14) 100%),linear-gradient(0deg,rgba(0,0,0,.46),transparent 42%);z-index:1}
.hero>.wrap{position:relative;z-index:2}
.eyebrow{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:700}
.hero h1,.page-hero h1{font-size:clamp(4rem,7.2vw,7.5rem);line-height:.92;letter-spacing:-.055em;max-width:1040px;margin:20px 0 30px;font-weight:500}
.hero p{font-size:1.18rem;max-width:650px;color:rgba(255,255,255,.86);line-height:1.7}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:38px}
.section{padding:120px 0}
.black{background:#070808;color:#fff}
.grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(60px,8vw,120px);align-items:center}
.quote{font-family:'Source Serif 4',Georgia,serif;font-size:clamp(2rem,3.6vw,4rem);line-height:1.16;letter-spacing:-.03em;margin:18px 0}
.quote small{display:block;font:700 .68rem 'Manrope',Arial,sans-serif;letter-spacing:.19em;color:var(--gold);margin-top:28px}
.lead{font-size:1.08rem;color:var(--muted);max-width:620px;line-height:1.8}
.black .lead{color:#b7b8b4}
.title{font-size:clamp(2.7rem,4.6vw,5.2rem);line-height:.98;letter-spacing:-.05em;font-weight:500;margin:17px 0 44px}
.cards{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}
.card{position:relative;min-height:430px;overflow:hidden;color:#fff;background:#202020;border:1px solid rgba(255,255,255,.1)}
.card:nth-child(1),.card:nth-child(2){grid-column:span 6}
.card:nth-child(n+3){grid-column:span 4}
.card>img{position:absolute;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.85),rgba(0,0,0,.02) 72%)}
.card:hover>img{transform:scale(1.035)}
.card-copy{position:absolute;z-index:2;left:32px;right:32px;bottom:29px;border-top:1px solid rgba(255,255,255,.35);padding-top:18px}
.card h3{font-size:1.35rem;font-weight:500;letter-spacing:-.02em;margin:0}
.card p{font-size:.86rem;color:#ddd;margin:7px 0 0}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:60px}
.feature{min-height:155px;padding:34px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.feature strong{display:block;font-size:1rem;margin-bottom:8px;font-weight:600}
.feature span{color:var(--muted);font-size:.9rem}
.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:52px}
.step{min-height:260px;border-top:1px solid #3c3d3d;padding:31px 30px 0 0;margin-right:26px}
.step .num{color:var(--gold);font-size:.7rem;letter-spacing:.16em}
.step h3{font-size:.92rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600;margin:24px 0 11px}
.step p{color:#aaa;font-size:.9rem}
.cta{min-height:640px;display:flex;align-items:center;color:#fff;background:linear-gradient(90deg,rgba(0,0,0,.83),rgba(0,0,0,.18)),url('https://www.swiss-architects.com/images/Projects/89/48/16/5bd4b02f99be4744b0d0b9363441fbe0/5bd4b02f99be4744b0d0b9363441fbe0.6e7b65d0.jpg') center/cover}
.cta h2{font-size:clamp(3.4rem,6vw,6.7rem);line-height:.94;letter-spacing:-.05em;font-weight:500;margin:13px 0 36px}
.page-hero{background:#080909;color:#fff;padding:145px 0 110px;border-top:1px solid rgba(255,255,255,.1)}
.page-hero h1{font-size:clamp(3.5rem,6vw,6.4rem);margin-bottom:25px}
.page-hero p{max-width:690px;color:#c7c8c4;font-size:1.08rem;line-height:1.8}
.detail-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.detail{background:transparent;padding:42px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.detail h2{font-size:1.4rem;font-weight:500;margin:0 0 10px}
.detail p{color:var(--muted);margin-bottom:0}
.project{display:grid;grid-template-columns:1fr 1fr;min-height:560px;border-bottom:1px solid var(--line)}
.project:nth-child(even) .project-img{order:2}
.project-copy{padding:clamp(60px,7vw,100px);display:flex;flex-direction:column;justify-content:center}
.project-img{background-size:cover;background-position:center;min-height:520px}
.project h2{font-family:'Source Serif 4',Georgia,serif;font-size:clamp(2.2rem,3.5vw,4rem);font-weight:400;line-height:1.08;letter-spacing:-.035em;margin:16px 0 20px}
.project ul{padding-left:19px;color:var(--muted);line-height:1.85}
.project .btn{align-self:flex-start;margin-top:12px}
form{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.field{display:flex;flex-direction:column;gap:8px}
.wide{grid-column:1/-1}
label{font-size:.7rem;text-transform:uppercase;letter-spacing:.13em;font-weight:700}
input,select,textarea{font:inherit;border:1px solid #bbb9b2;background:#fff;padding:15px 16px;border-radius:0;min-height:54px;outline:none}
input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}
textarea{min-height:170px}
.notice{font-size:.8rem;color:var(--muted)}
#success{display:none;padding:35px;border-left:3px solid var(--gold);background:#fff}
.footer{padding:76px 0 34px;background:#050606;color:#9c9d99}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:70px}
.footer .logo{width:245px;margin-bottom:24px}
.footer strong{color:#fff;font-size:.72rem;text-transform:uppercase;letter-spacing:.15em}
.footer a{display:block;margin:9px 0;font-size:.9rem}
.legal{border-top:1px solid #292a2a;margin-top:55px;padding-top:25px;font-size:.72rem;color:#747571}
.mobile{display:none}
@media(max-width:1020px){.wrap{width:min(var(--max),calc(100% - 56px))}.nav-inner{height:100px}.nav .logo{width:225px;height:64px}.links{gap:20px;font-size:.66rem}.hero{height:max(780px,100svh)}}
@media(max-width:850px){.wrap{width:min(var(--max),calc(100% - 38px))}.links a:not(.btn){display:none}.nav .logo{width:220px}.hero{min-height:760px;padding-bottom:78px}.grid2,.project{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.card:nth-child(n){grid-column:auto;min-height:390px}.features,.steps{grid-template-columns:1fr 1fr}.project:nth-child(even) .project-img{order:0}.project-img{min-height:390px}.project-copy{padding:55px 30px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.hero .wrap:after{display:none}}
@media(max-width:560px){.wrap{width:min(100% - 28px,var(--max))}.nav-inner{height:88px}.nav .logo{width:185px;height:55px}.links .btn{padding:0 12px;font-size:.61rem;min-height:44px}.hero{min-height:720px;padding:150px 0 65px}.hero h1{font-size:3.45rem}.section{padding:82px 0}.features,.steps,.detail-list,form{grid-template-columns:1fr}.step{min-height:auto;padding-bottom:25px}.wide{grid-column:auto}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.page-hero{padding:100px 0 75px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-video{transform:none!important}.card>img{transition:none}}