:root{--navy:#123746;--navy-deep:#092733;--blue:#246b86;--terracotta:#c7674f;--sun:#edb95c;--stone:#d9cdbd;--sand:#eee6da;--paper:#fffdf8;--ink:#17292f;--muted:#627177}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;width:100%;object-fit:cover}figure{margin:0}.section{padding:130px 6vw}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.19em;font-size:11px;font-weight:700;color:var(--terracotta)}.light{color:#f0bcae}h1,h2,h3,p{margin-top:0}h2{font-family:Georgia,serif;font-size:clamp(42px,5vw,76px);font-weight:400;line-height:1.03;letter-spacing:-.045em}
.header{position:absolute;z-index:10;top:0;left:0;width:100%;height:104px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;color:white;border-bottom:1px solid rgba(255,255,255,.28)}.brand,.footer-brand{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700;letter-spacing:.09em;line-height:1.05}.brand small,.footer-brand small{display:block;font-size:8px;font-weight:400;letter-spacing:.25em;margin-top:5px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-family:Georgia,serif;font-size:23px;font-weight:400}.nav{display:flex;gap:38px;font-size:12px;letter-spacing:.08em}.nav a{position:relative}.nav a:after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:2px;background:var(--sun);transition:.3s}.nav a:hover:after{width:100%}.actions{display:flex;align-items:center;gap:25px}.language{display:flex;align-items:center;gap:6px;font-size:10px}.language button{border:0;background:transparent;color:rgba(255,255,255,.55);padding:3px;cursor:pointer}.language button.active{color:white}.language i{font-style:normal;opacity:.4}.menu{display:none;background:none;border:0;width:32px}.menu span{height:1px;background:white;display:block;margin:7px 0}
.hero{height:100vh;min-height:720px;position:relative;color:white;overflow:hidden}.hero>img{height:100%;filter:saturate(1.08) contrast(1.03)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,39,51,.92) 0%,rgba(9,39,51,.63) 43%,rgba(9,39,51,.05) 79%),linear-gradient(0deg,rgba(9,39,51,.45),transparent 52%)}.hero-content{position:absolute;left:6vw;top:52%;transform:translateY(-45%);max-width:880px}.hero h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(62px,7.8vw,120px);line-height:.88;letter-spacing:-.058em;margin:25px 0 36px}.hero h1 em{font-weight:400;color:var(--sun)}.hero-text{max-width:620px;font-size:17px;line-height:1.72;color:#eff5f6}.text-link{display:inline-flex;align-items:center;gap:55px;border-bottom:2px solid var(--terracotta);padding:0 0 12px;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.text-link span{font-size:17px}.scroll{position:absolute;right:5vw;bottom:50px;font-size:9px;letter-spacing:.2em;writing-mode:vertical-rl;display:flex;gap:15px;align-items:center}.scroll span{font-size:16px}
.about{display:grid;grid-template-columns:30% 70%;background:var(--sand);position:relative}.about:before{content:"";position:absolute;left:0;top:0;width:8px;height:100%;background:var(--terracotta)}.about h2{max-width:940px;color:var(--navy)}.lead{max-width:760px;font-size:18px;line-height:1.8;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:80px;border-top:1px solid #c5b6a3}.stats div{padding-top:25px}.stats strong{font-family:Georgia,serif;font-size:58px;font-weight:400;display:block;color:var(--blue)}.stats span{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#6d7779}
.project-intro{display:grid;grid-template-columns:30% 70%;background:var(--paper)}.project-intro h2{max-width:850px;color:var(--navy)}.project{padding:7vw 6vw;display:grid;grid-template-columns:1.45fr 1fr;gap:7vw}.dark{background:var(--navy);color:white}.sand{background:var(--stone);color:var(--ink)}.project-image{position:relative;box-shadow:0 24px 60px rgba(0,0,0,.15)}.project-image img{height:700px}.project-image>span{position:absolute;top:20px;left:20px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--terracotta);color:white;font-size:11px}.project-image small{position:absolute;bottom:17px;left:20px;background:rgba(255,253,248,.9);color:var(--navy);padding:8px 11px;text-transform:uppercase;letter-spacing:.12em;font-size:8px}.project-info{align-self:center}.project-info h3{font-family:Georgia,serif;font-weight:400;font-size:clamp(48px,5vw,78px);letter-spacing:-.04em;margin:28px 0 8px}.location{text-transform:uppercase;letter-spacing:.14em;font-size:10px;margin-bottom:45px;opacity:.7}.project-info>p:not(.eyebrow):not(.location){font-size:16px;line-height:1.8;max-width:490px;opacity:.82}.tags{border-top:1px solid rgba(226,200,181,.45);margin-top:45px;display:grid;grid-template-columns:1fr 1fr}.tags span{padding:16px 4px;border-bottom:1px solid rgba(226,200,181,.45);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.gallery{grid-column:1/-1;display:grid;grid-template-columns:.85fr 1.15fr;gap:22px;margin-top:24px}.gallery figure{position:relative}.gallery img{height:410px}.gallery figcaption{position:absolute;left:16px;bottom:16px;padding:8px 11px;background:rgba(9,39,51,.88);color:#fff;font-size:8px;letter-spacing:.13em;text-transform:uppercase}.sand .tags{border-color:rgba(18,55,70,.35)}.sand .tags span{border-color:rgba(18,55,70,.35)}
.approach{background:var(--terracotta);color:white;display:grid;grid-template-columns:40% 60%;gap:7vw}.approach .light{color:#ffe1d6}.approach>div:first-child h2{margin-top:35px;max-width:500px}.approach-list article{display:grid;grid-template-columns:50px 1fr 1.25fr;gap:25px;padding:28px 0;border-top:1px solid rgba(255,255,255,.38)}.approach-list article:last-child{border-bottom:1px solid rgba(255,255,255,.38)}.approach-list span{font-size:10px;color:var(--sun)}.approach-list h3{font-family:Georgia,serif;font-size:23px;font-weight:400}.approach-list p{font-size:13px;line-height:1.65;color:#fff1eb}.contact{display:grid;grid-template-columns:30% 70%;background:var(--sun);color:var(--navy)}.contact .eyebrow{color:var(--navy)}.contact h2{max-width:820px}.contact p{font-size:17px;line-height:1.7;max-width:570px}.contact a{margin-top:35px;width:280px;padding:20px 0;border-bottom:2px solid var(--navy);display:flex;justify-content:space-between;text-transform:uppercase;font-size:11px;letter-spacing:.12em}
footer{padding:70px 6vw 35px;background:var(--navy-deep);color:#edf3f4;display:grid;grid-template-columns:1fr 2fr 1fr;gap:50px;align-items:start}.footer-brand{color:white}.footer-brand strong{font-size:13px}.footer-brand>span{flex:0 0 auto}footer>p{font-size:10px;line-height:1.7;max-width:580px;color:#9eb1b8}footer>div:nth-of-type(2){display:flex;gap:25px;justify-content:flex-end;font-size:9px;letter-spacing:.16em;color:var(--sun)}footer>small{grid-column:1/-1;border-top:1px solid #31515d;padding-top:25px;margin-top:30px;font-size:8px;letter-spacing:.14em;color:#8098a0}
.property-details{padding:130px 6vw;background:var(--paper);display:grid;grid-template-columns:1.15fr .85fr;column-gap:8vw;row-gap:70px}.details-intro h2{color:var(--navy);margin:28px 0 30px;max-width:700px}.details-intro>p:last-child{max-width:680px;color:var(--muted);font-size:17px;line-height:1.75}.detail-highlights{display:grid;grid-template-columns:repeat(3,1fr);align-self:end;border-top:1px solid #cdbda9}.detail-highlights div{padding:26px 12px 0 0}.detail-highlights strong{font-family:Georgia,serif;font-size:54px;font-weight:400;color:var(--terracotta);display:block}.detail-highlights span{font-size:9px;line-height:1.5;text-transform:uppercase;letter-spacing:.13em;color:var(--muted)}.floor-table{grid-column:1/2;border-top:2px solid var(--navy)}.floor-row{display:grid;grid-template-columns:1.1fr .8fr .8fr 1.5fr;border-bottom:1px solid #d7cec1}.floor-row span{padding:18px 10px 18px 0;font-size:13px;line-height:1.35}.floor-header span{font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:var(--terracotta);font-weight:700}.energy-card{background:var(--navy);color:white;padding:46px;align-self:start}.energy-card ul{list-style:none;padding:0;margin:32px 0 0}.energy-card li{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:16px 0;border-top:1px solid rgba(255,255,255,.22);font-size:13px;line-height:1.5}.energy-card li:last-child{border-bottom:1px solid rgba(255,255,255,.22)}.energy-card li span{color:var(--sun)}
.gallery-section{padding:130px 6vw;background:var(--sand)}.gallery-heading{display:grid;grid-template-columns:30% 70%;margin-bottom:65px}.gallery-heading h2{max-width:800px;color:var(--navy)}.photo-grid{display:grid;grid-template-columns:1.25fr .75fr 1fr;grid-auto-rows:280px;gap:16px}.gallery-item{position:relative;padding:0;border:0;background:none;cursor:zoom-in;overflow:hidden;color:white;text-align:left}.gallery-item img{height:100%;transition:transform .5s ease}.gallery-item:hover img{transform:scale(1.025)}.gallery-item:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(9,39,51,.78))}.gallery-item span{position:absolute;z-index:1;left:18px;right:18px;bottom:16px;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.gallery-item1{grid-row:span 2}.gallery-item2{grid-column:span 2}.gallery-item6{grid-column:span 2}.lightbox{position:fixed;z-index:100;inset:0;background:rgba(4,19,25,.94);display:grid;place-items:center;padding:45px}.lightbox[hidden]{display:none}.lightbox img{max-width:92vw;max-height:88vh;width:auto;height:auto;object-fit:contain}.lightbox button{position:absolute;top:20px;right:30px;border:0;background:none;color:white;font-size:42px;font-weight:200;cursor:pointer}
@media(max-width:850px){.section{padding:90px 24px}.header{height:82px;padding:0 24px}.nav{display:none;position:absolute;top:82px;left:0;width:100%;padding:35px 24px;background:var(--navy-deep);flex-direction:column}.nav.open{display:flex}.menu{display:block}.hero-content{left:24px;right:24px}.hero h1{font-size:clamp(52px,15vw,80px)}.hero-text{font-size:15px}.scroll{display:none}.about,.project-intro,.approach,.contact{grid-template-columns:1fr;gap:45px}.stats{margin-top:50px}.project{padding:80px 24px;grid-template-columns:1fr;gap:45px}.project-image img{height:540px}.project-info{grid-row:1}.project-image{grid-row:2}.gallery{grid-row:3;grid-template-columns:1fr}.gallery img{height:320px}.property-details{padding:90px 24px;grid-template-columns:1fr;gap:50px}.detail-highlights{grid-row:2}.floor-table{grid-column:auto;overflow-x:auto}.floor-row{min-width:690px}.energy-card{padding:35px}.gallery-section{padding:90px 24px}.gallery-heading{grid-template-columns:1fr;gap:35px}.photo-grid{grid-template-columns:1fr 1fr;grid-auto-rows:260px}.gallery-item1,.gallery-item2,.gallery-item6{grid-column:auto;grid-row:auto}.gallery-item1{grid-row:span 2}footer{grid-template-columns:1fr}footer>div:nth-of-type(2){justify-content:flex-start}footer>small{grid-column:1}.nav a{font-size:16px}.brand{font-size:11px}}
@media(max-width:520px){.hero{min-height:700px}.hero h1{font-size:52px}.hero-text{line-height:1.55}.about h2,.project-intro h2,.approach h2,.contact h2{font-size:43px}.stats strong{font-size:42px}.stats span{font-size:8px}.project-image img{height:430px}.project-info h3{font-size:48px}.gallery img{height:260px}.tags{grid-template-columns:1fr}.header .brand small{display:none}}