:root{--cream:#f6f2ec;--paper:#fbf9f6;--ink:#141414;--muted:#66615b;--bronze:#a97948;--dark:#171717;--line:rgba(20,20,20,.1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--cream);color:var(--ink);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{display:block;max-width:100%}.container{width:min(calc(100% - 48px),1240px);margin:auto}.section{padding:clamp(82px,9vw,128px) 0}.eyebrow{margin:0 0 14px;color:var(--bronze);font-size:11px;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.eyebrow:after{content:"";display:block;width:34px;height:1px;margin-top:11px;background:currentColor;opacity:.6}.eyebrow.light{color:#e7cfb2}h1,h2{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;letter-spacing:-.025em}.section-heading h2,.copy h2,.contact-cta h2,.about-copy h2,.detail-overview h2{margin:0;font-size:clamp(38px,4.5vw,54px);line-height:1.04}.text-link{display:inline-flex;align-items:center;gap:16px;min-height:44px;color:#fff;font-size:11px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.text-link.ink{color:var(--ink)}.text-link span,.dark-button span,.outline-button span{font-size:18px;transition:transform .35s}.text-link:hover span,.dark-button:hover span,.outline-button:hover span{transform:translateX(4px)}
.site-header{position:fixed;z-index:50;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;height:88px;padding:0 max(24px,calc((100vw - 1240px)/2));color:var(--ink);transition:.35s}.header-overlay{color:#fff}.header-solid,.site-header.scrolled{height:76px;color:var(--ink);background:rgba(246,242,236,.96);box-shadow:0 1px 0 var(--line);backdrop-filter:blur(12px)}.brand{position:relative;z-index:52;display:inline-flex;align-items:center;gap:13px}.brand-mark{display:flex;align-items:end;gap:2px;width:36px;height:42px}.brand-mark i{display:block;width:10px;border:1px solid var(--bronze);border-bottom-width:2px;transform:skewY(-28deg)}.brand-mark i:nth-child(1){height:28px}.brand-mark i:nth-child(2){height:38px}.brand-mark i:nth-child(3){height:23px}.brand-copy{display:grid;gap:2px;font-size:9px;letter-spacing:.27em;line-height:1.2}.brand-copy b{font-size:15px;font-weight:600;letter-spacing:.24em}.desktop-nav{display:flex;gap:34px;font-size:11px;font-weight:500;letter-spacing:.15em;text-transform:uppercase}.desktop-nav a{position:relative;padding:10px 0}.desktop-nav a:after{content:"";position:absolute;right:100%;bottom:3px;left:0;height:1px;background:var(--bronze);transition:right .35s}.desktop-nav a:hover:after,.desktop-nav a.active:after{right:0}.menu-button{position:relative;z-index:52;display:none;width:48px;height:48px;padding:12px 9px;border:0;background:transparent;color:inherit}.menu-button span{display:block;width:27px;height:1px;margin:6px auto;background:currentColor;transition:.3s}.menu-button.open span:first-child{transform:translateY(7px) rotate(45deg)}.menu-button.open span:nth-child(2){opacity:0}.menu-button.open span:last-child{transform:translateY(-7px) rotate(-45deg)}.mobile-menu{position:fixed;z-index:51;inset:0;display:grid;align-content:center;visibility:hidden;padding:110px 24px 44px;opacity:0;background:var(--cream);color:var(--ink);transition:.3s}.mobile-menu.open{visibility:visible;opacity:1}.mobile-menu nav{display:grid}.mobile-menu nav a{display:flex;align-items:baseline;gap:18px;padding:12px 0;font:500 42px/1.05 "Cormorant Garamond",Georgia,serif}.mobile-menu nav span{color:var(--bronze);font:600 10px Manrope}.mobile-contact{display:grid;gap:8px;margin-top:40px;padding-top:24px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}
.hero{position:relative;height:100svh;min-height:650px;overflow:hidden;background:#292624;color:#fff;touch-action:pan-y}.hero-slide{position:absolute;inset:0;visibility:hidden;opacity:0;transition:opacity .8s}.hero-slide.active{visibility:visible;opacity:1}.hero-slide>img{width:100%;height:100%;object-fit:cover}.hero-slide.active>img{animation:zoom 6.5s ease-out both}.hero-shade{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.08) 14%,rgba(0,0,0,.02) 45%,rgba(8,8,8,.82))}.hero-content{position:absolute;z-index:2;bottom:clamp(100px,13vh,140px);left:max(24px,calc((100vw - 1240px)/2));width:min(600px,calc(100% - 48px))}.hero-content h1{margin:0;font-size:clamp(48px,5.2vw,66px);line-height:.98}.hero-content>p:not(.eyebrow){max-width:490px;margin:18px 0 24px;color:rgba(255,255,255,.83);font-size:15px;line-height:1.75}.hero-slide.active .hero-content>*{animation:fadeUp .7s ease both}.hero-slide.active .hero-content h1{animation-delay:.08s}.hero-slide.active .hero-content>p:not(.eyebrow){animation-delay:.16s}.hero-controls{position:absolute;z-index:4;bottom:clamp(38px,6vh,64px);left:max(24px,calc((100vw - 1240px)/2));display:flex;align-items:center;width:min(440px,calc(100% - 48px))}.hero-controls strong{font:500 24px "Cormorant Garamond"}.hero-controls small{font-size:10px;color:#ffffffb3}.hero-controls>div{display:flex;margin-left:auto}.hero-controls button{display:grid;place-items:center;width:44px;height:44px;border:0;background:none;color:#fff;font-size:22px}.progress{width:54px;height:1px;margin:0 11px;background:#ffffff5c}.progress i{display:block;height:100%;background:#e7cfb2;transition:width .5s}@keyframes zoom{to{transform:scale(1.03)}}@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.selected{background:var(--paper)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px 24px;margin-top:46px}.project-card{display:block}.card-image{position:relative;overflow:hidden;aspect-ratio:1.42;border-radius:11px;background:#ddd4c9;transition:.5s}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .55s}.card-image span{position:absolute;top:13px;left:13px;padding:7px 11px;border-radius:6px;background:#141414b8;color:#fff;font-size:10px}.card-copy{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 5px 0}.card-copy h3{margin:0 0 6px;font-size:15px}.card-copy p{margin:0;color:var(--muted);font-size:12px}.card-copy p b{padding:0 5px;color:var(--bronze)}.card-copy i{font-style:normal;font-size:22px;transition:.35s}.project-card:hover .card-image img{transform:scale(1.025)}.project-card:hover .card-image{box-shadow:0 14px 34px #291f171f}.project-card:hover .card-copy i{transform:translateX(4px)}.center{display:flex;justify-content:center;margin-top:52px}.dark-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:52px;padding:0 28px;border:1px solid var(--dark);border-radius:6px;background:var(--dark);color:#fff;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.split{display:grid;grid-template-columns:minmax(320px,.86fr) 1fr;align-items:center;gap:clamp(55px,8vw,120px)}.portrait{position:relative}.portrait img{width:100%;max-height:680px;object-fit:cover;object-position:center 25%;border-radius:11px}.portrait small{position:absolute;right:10px;bottom:10px;padding:6px 9px;border-radius:4px;background:#141414b3;color:#ffffffd9;font-size:9px;text-transform:uppercase}.copy>p{max-width:570px;margin:25px 0;color:var(--muted);font-size:15px;line-height:1.85}.contact-cta{padding:clamp(88px,10vw,140px) 0;background:linear-gradient(#0c0c0ccc,#0c0c0cd1),url(../images/concrete-house.jpg) center 55%/cover;color:#fff}.contact-cta h2{font-size:clamp(44px,6vw,72px)}.outline-button{display:inline-flex;align-items:center;gap:18px;min-height:50px;margin-top:32px;padding:0 23px;border:1px solid #ffffff8c;border-radius:6px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.page-intro{padding-top:clamp(160px,17vw,220px);padding-bottom:clamp(54px,7vw,90px)}.page-intro h1{margin:0;font-size:clamp(50px,7vw,78px);line-height:1}.page-intro>p:last-child:not(.eyebrow){max-width:620px;margin:22px 0 0;color:var(--muted);line-height:1.8}.projects-page{padding-bottom:120px}.projects-page .project-grid{grid-template-columns:repeat(2,1fr);gap:56px 28px}.filters{display:flex;gap:28px;border-bottom:1px solid var(--line)}.filters button{position:relative;min-height:44px;padding:0 0 14px;border:0;background:none;color:var(--muted);font-size:12px}.filters button:after{content:"";position:absolute;right:100%;bottom:-1px;left:0;height:1px;background:var(--bronze);transition:.3s}.filters button.active{color:var(--ink)}.filters button.active:after{right:0}[hidden]{display:none!important}
.detail{padding-top:76px}.detail-hero{position:relative;height:min(74vw,760px);min-height:520px;color:#fff}.detail-hero>img{width:100%;height:100%;object-fit:cover}.detail-hero>div{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 45%,#000000b8)}.detail-hero header{position:absolute;bottom:clamp(46px,7vw,88px);left:max(24px,calc((100vw - 1240px)/2))}.detail-hero p{color:#ead2b5;font-size:11px;letter-spacing:.15em;text-transform:uppercase}.detail-hero h1{margin:0;font-size:clamp(50px,7vw,80px);line-height:.98}.detail-overview{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(65px,9vw,135px);padding-top:100px;padding-bottom:110px}.detail-overview>div>p:last-child{margin-top:28px;color:var(--muted);font-size:15px;line-height:1.85}.metadata{margin:0}.metadata div{display:flex;justify-content:space-between;gap:22px;padding:17px 0;border-bottom:1px solid var(--line);font-size:12px}.metadata dt{color:var(--muted)}.metadata dd{margin:0;text-align:right}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-bottom:100px}.gallery figure{height:min(52vw,620px);margin:0;overflow:hidden}.gallery .gallery-wide{grid-column:1/-1;height:min(58vw,700px)}.gallery img{width:100%;height:100%;object-fit:cover}.project-nav{display:grid;grid-template-columns:1fr 1fr;padding:38px 0 95px;border-top:1px solid var(--line)}.project-nav a{display:grid;gap:8px}.project-nav a:last-child{justify-items:end;text-align:right}.project-nav span{color:var(--muted);font-size:10px;text-transform:uppercase}.project-nav b{font:500 25px "Cormorant Garamond"}
.about-main{display:grid;grid-template-columns:minmax(360px,.9fr) 1fr;align-items:center;gap:clamp(58px,8vw,118px);padding-bottom:80px}.about-copy>i{display:block;color:var(--bronze);font:500 44px "Cormorant Garamond"}.about-copy h2{margin:0 0 24px}.about-copy p{color:#34312e;font-size:15px;line-height:1.8}.values{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:120px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.values>div{min-height:230px;padding:34px 28px;border-right:1px solid var(--line);background:#fbf9f680}.values>div:last-child{border:0}.values span{font-size:31px}.values h3{margin:27px 0 10px;font-size:14px}.values p{color:var(--muted);font-size:12px;line-height:1.7}.quote{position:relative;height:min(72vw,680px);min-height:460px}.quote img{width:100%;height:100%;object-fit:cover}.quote>div{position:absolute;inset:0;background:linear-gradient(90deg,#0a0a0ab8,#0a0a0a1a 65%)}.quote blockquote{position:absolute;top:50%;left:max(24px,calc((100vw - 1240px)/2));width:min(540px,calc(100% - 48px));margin:0;color:#fff;font:500 clamp(34px,4vw,52px)/1.12 "Cormorant Garamond";transform:translateY(-50%)}
.contact-main{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(60px,9vw,130px);padding-bottom:120px}.contact-details h2{font-size:32px}.contact-details>a:not(.whatsapp){display:flex;align-items:center;gap:16px;padding:14px 0}.contact-details i{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#eee8e0;font-style:normal}.contact-details span{display:grid;gap:3px;font-size:13px}.contact-details small{color:var(--muted);font-size:10px;text-transform:uppercase}.contact-details .whatsapp{display:inline-flex;margin-top:20px;padding:13px 16px;border:1px solid var(--line);border-radius:6px;font-size:12px}.contact-form{display:grid;gap:12px}.contact-form label{color:transparent;font-size:0}.contact-form input,.contact-form select,.contact-form textarea{width:100%;min-height:56px;padding:0 17px;border:1px solid #14141414;border-radius:7px;outline:0;background:#eeeae5;color:var(--ink);font-size:16px}.contact-form textarea{padding-top:17px;resize:vertical}.contact-form :focus{border-color:#a97948a6;background:#f3efea}.contact-form .dark-button{width:100%}.form-notice{padding:13px;border-radius:6px;color:#31573a;background:#e2eee3;font-size:13px}.form-notice.error{color:#7a3030;background:#f5dede}.honeypot{position:absolute!important;left:-9999px!important}.contact-image{height:440px}.contact-image img{width:100%;height:100%;object-fit:cover}.not-found{padding:210px 0 140px}.not-found h1{font-size:60px}.not-found>p:not(.eyebrow){margin-bottom:30px;color:var(--muted)}
.footer{padding:78px 0 28px;background:var(--dark);color:#fff}.footer-grid{display:grid;grid-template-columns:1.4fr .6fr 1fr;gap:60px}.footer-brand{color:#fff}.footer-grid>div>p{max-width:310px;margin-top:24px;color:#ffffff94;font-size:13px;line-height:1.75}.footer-links{display:grid;align-content:start;gap:12px;color:#ffffff9e;font-size:12px}.footer-links b{margin-bottom:8px;color:#d7b68f;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.footer-bottom{display:flex;justify-content:space-between;margin-top:66px;padding-top:22px;border-top:1px solid #ffffff1f;color:#ffffff7a;font-size:10px}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.project-grid{grid-template-columns:repeat(2,1fr)}.values{grid-template-columns:1fr 1fr}.values>div:nth-child(2){border-right:0}.values>div{border-bottom:1px solid var(--line)}.contact-main{grid-template-columns:1fr 1.2fr;gap:45px}}
@media(max-width:760px){.container{width:calc(100% - 44px)}.section{padding:76px 0}.section-heading h2,.copy h2,.contact-cta h2,.about-copy h2,.detail-overview h2{font-size:34px}.site-header{height:78px;padding:0 22px}.header-solid,.site-header.scrolled{height:72px}.desktop-nav{display:none}.menu-button{display:block}.brand-mark{width:31px;height:38px}.brand-mark i{width:9px}.brand-copy{font-size:8px}.brand-copy b{font-size:14px}.hero{height:92svh;min-height:620px}.hero-slide>img{object-position:56% center}.hero-content{bottom:105px}.hero-content h1{font-size:clamp(39px,11vw,48px)}.hero-content>p:not(.eyebrow){margin:13px 0 18px;font-size:14px;line-height:1.65}.hero-controls{bottom:34px}.project-grid,.projects-page .project-grid{grid-template-columns:1fr;gap:34px;margin-top:35px}.card-image{aspect-ratio:1.48}.center{margin-top:38px}.split,.about-main,.contact-main,.detail-overview{grid-template-columns:1fr;gap:42px}.portrait img{max-height:none;aspect-ratio:4/5}.contact-cta{padding:80px 0}.page-intro{padding-top:132px;padding-bottom:48px}.page-intro h1{font-size:46px}.page-intro>p:last-child:not(.eyebrow){font-size:14px}.projects-page{padding-bottom:82px}.filters{gap:21px;overflow-x:auto}.about-main{padding-bottom:64px}.values{margin-bottom:78px}.values>div{min-height:205px;padding:26px 19px}.quote{height:580px}.quote>div{background:linear-gradient(to top,#0a0a0ac2,#0a0a0a14 75%)}.quote blockquote{top:auto;bottom:54px;font-size:34px;transform:none}.contact-main{padding-bottom:80px}.contact-image{height:310px}.detail{padding-top:72px}.detail-hero{height:72svh;min-height:540px}.detail-hero h1{font-size:46px}.detail-overview{padding:68px 0 74px}.gallery{gap:12px;padding-bottom:72px}.gallery figure,.gallery .gallery-wide{height:72vw}.project-nav{gap:20px;padding-bottom:70px}.project-nav b{font-size:20px}.footer{padding-top:62px}.footer-grid{grid-template-columns:1fr;gap:42px}.footer-links:nth-child(2){display:none}.footer-bottom{margin-top:44px}}
@media(max-width:430px){.container{width:calc(100% - 40px)}.hero-content,.hero-controls,.detail-hero header,.quote blockquote{left:20px;width:calc(100% - 40px)}.values>div{min-height:218px;padding:23px 16px}.values h3{font-size:12px}.values p{font-size:10.5px}.footer-bottom{flex-direction:column;gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* Floating glossy navigation: deliberately dark glass keeps the brand legible over bright hero images. */
.header-overlay:not(.scrolled){top:14px;right:max(18px,calc((100vw - 1320px)/2));left:max(18px,calc((100vw - 1320px)/2));height:70px;padding:0 22px;border:1px solid rgba(255,255,255,.28);border-radius:16px;background:linear-gradient(125deg,rgba(5,6,7,.88),rgba(19,21,23,.76) 58%,rgba(63,65,67,.58));box-shadow:0 14px 38px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(0,0,0,.25);backdrop-filter:blur(20px) saturate(145%);-webkit-backdrop-filter:blur(20px) saturate(145%)}
.header-overlay:not(.scrolled) .desktop-nav a{color:rgba(255,255,255,.92);text-shadow:0 1px 10px rgba(0,0,0,.22)}
.header-overlay:not(.scrolled) .brand-copy{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.7)}
.header-overlay:not(.scrolled) .brand-mark{filter:drop-shadow(0 2px 5px rgba(0,0,0,.65))}
.header-overlay:not(.scrolled) .menu-button span{height:1.5px;box-shadow:0 1px 6px rgba(0,0,0,.75)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.header-overlay:not(.scrolled){background:rgba(22,20,18,.82)}}
@media(max-width:760px){.hero{height:100vh!important;min-height:100vh!important;height:100svh!important;min-height:100svh!important;height:100dvh!important}.header-overlay:not(.scrolled){top:max(10px,env(safe-area-inset-top));right:10px;left:10px;height:70px;padding:0 14px;border-radius:15px}.header-overlay:not(.scrolled) .menu-button{color:#fff}}