:root{--black:#090909;--ink:#111;--paper:#f3f1ec;--gold:#c99a32;--gold-light:#e8c56f;--muted:#aaa;--line:rgba(255,255,255,.15)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif}a{color:inherit;text-decoration:none}.site-header{position:absolute;z-index:20;top:0;left:0;right:0;height:112px;padding:0 clamp(24px,5vw,78px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);color:#fff}.brand{align-self:start;width:148px;height:132px;display:flex;align-items:center;justify-content:center;padding:10px;background:#171614;border:1px solid rgba(210,169,77,.42);border-top:0;box-shadow:0 18px 38px rgba(0,0,0,.3)}.brand img{display:block;width:126px;height:108px;object-fit:cover;object-position:center}.desktop-nav{display:flex;gap:38px;font-size:14px}.desktop-nav a{position:relative;padding:12px 0;color:#ddd}.desktop-nav a:after{content:"";position:absolute;left:0;bottom:5px;width:0;height:1px;background:var(--gold);transition:.25s}.desktop-nav a:hover:after{width:100%}.header-cta{justify-self:end;font-size:14px;border:1px solid rgba(255,255,255,.45);padding:12px 17px;transition:.25s}.header-cta:hover{background:var(--gold);border-color:var(--gold);color:#111}.header-cta span,.button span{margin-left:14px}.menu-button{display:none;background:none;border:0;width:40px;height:40px}.menu-button span{display:block;background:#fff;height:1px;margin:7px;width:24px}
.hero{height:min(920px,100svh);min-height:700px;position:relative;display:flex;align-items:center;color:#fff;overflow:hidden}.hero-media,.hero-shade{position:absolute;inset:0}.hero-media{background:url('assets/hero-villa.webp') center/cover no-repeat;transform:scale(1.01);animation:reveal 1.2s ease both}.hero-shade{background:linear-gradient(90deg,rgba(5,8,12,.88) 0%,rgba(5,8,12,.62) 38%,rgba(5,8,12,.16) 72%,rgba(5,8,12,.12) 100%),linear-gradient(0deg,rgba(0,0,0,.45),transparent 42%)}.hero-content{position:relative;z-index:2;width:min(760px,65vw);margin-left:clamp(24px,8vw,130px);padding-top:85px}.eyebrow,.section-label{font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:600}.eyebrow{color:#e6e6e6;display:flex;align-items:center;gap:13px}.eyebrow span{width:34px;height:1px;background:var(--gold)}h1,h2,h3{font-family:Manrope,Arial,sans-serif;font-weight:400}.hero h1{font-size:clamp(54px,7vw,108px);line-height:.97;letter-spacing:-.05em;margin:30px 0 28px}.hero-copy{font-size:clamp(16px,1.25vw,19px);line-height:1.65;max-width:590px;color:#d5d5d5}.hero-actions{display:flex;align-items:center;gap:36px;margin-top:42px}.button{display:inline-flex;padding:17px 22px;font-size:14px;font-weight:600}.button-gold{background:var(--gold);color:#111;transition:.25s}.button-gold:hover{background:var(--gold-light);transform:translateY(-2px)}.text-link{font-size:14px;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:6px}.text-link span{margin-left:12px;color:var(--gold)}.hero-note{position:absolute;z-index:2;right:clamp(24px,5vw,76px);bottom:54px;display:flex;gap:17px;align-items:flex-start}.hero-note span{color:var(--gold);font-size:12px}.hero-note p{margin:0;font-size:14px;line-height:1.5}.scroll-mark{position:absolute;z-index:2;left:clamp(24px,5vw,76px);bottom:55px;font-size:11px;letter-spacing:.15em;text-transform:uppercase}.scroll-mark span{color:var(--gold);margin-left:10px}
.statement{padding:clamp(90px,12vw,180px) clamp(24px,8vw,130px);display:grid;grid-template-columns:1fr 3fr;gap:40px}.section-label{color:#88713e;margin:10px 0}.statement-copy h2,.process h2{font-size:clamp(36px,4.2vw,67px);line-height:1.12;letter-spacing:-.035em;max-width:1000px;margin:0}.statement-copy>p{font-size:17px;line-height:1.75;max-width:650px;margin:48px 0 0 auto;color:#555}
.services{background:var(--black);color:#fff;padding:clamp(80px,10vw,150px) clamp(24px,8vw,130px)}.section-label.light{color:var(--gold)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:72px}.section-head h2{font-size:clamp(40px,4.6vw,70px);line-height:1.08;letter-spacing:-.04em;margin:18px 0 0}.section-head>p{max-width:420px;color:#aaa;line-height:1.7}.service-list{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service-list article{min-height:345px;padding:28px 30px;position:relative;border-right:1px solid var(--line);transition:.3s}.service-list article:first-child{border-left:1px solid var(--line)}.service-list article:hover{background:#151515;transform:translateY(-8px)}.service-number{font-size:12px;color:var(--gold)}.service-list h3{font-size:24px;margin-top:80px}.service-list p{color:#999;line-height:1.65;font-size:15px}.service-icon{position:absolute;bottom:24px;right:28px;color:var(--gold);font-size:22px}
.process{padding:clamp(90px,12vw,180px) clamp(24px,8vw,130px);display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(70px,10vw,170px)}.process ol{padding:0;margin:0;list-style:none;border-top:1px solid #bbb}.process li{display:grid;grid-template-columns:70px 1fr;border-bottom:1px solid #bbb;padding:28px 0}.process li>span{font-size:12px;color:#9c7b35}.process h3{font-size:20px;margin:0 0 10px}.process li p{color:#666;line-height:1.6;margin:0}
.contact{background:#171717;color:#fff;padding:clamp(80px,10vw,140px) clamp(24px,8vw,130px);display:flex;justify-content:space-between;align-items:flex-end;gap:80px}.contact h2{font-size:clamp(44px,6vw,85px);letter-spacing:-.05em;margin:15px 0}.contact>div>p:last-child{color:#aaa;max-width:550px;line-height:1.7}.contact-link{min-width:min(520px,44vw);padding:22px 0;border-top:1px solid #555;border-bottom:1px solid #555;display:flex;justify-content:space-between;font-size:18px}.contact-link b{color:var(--gold);font-weight:400;font-size:24px}footer{background:#090909;color:#777;padding:28px clamp(24px,8vw,130px);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;font-size:12px}footer p:nth-child(2){text-align:center}footer p:last-child{text-align:right}.footer-brand{display:block;width:110px;height:74px;overflow:hidden;border:1px solid rgba(210,169,77,.28)}.footer-brand img{width:100%;height:100%;object-fit:cover}.mobile-panel{display:none}
@keyframes reveal{from{opacity:0;transform:scale(1.06)}to{opacity:1;transform:scale(1.01)}}
@media(max-width:950px){.site-header{grid-template-columns:1fr auto;height:92px}.brand{width:118px;height:108px;padding:7px}.brand img{width:102px;height:92px}.desktop-nav,.header-cta{display:none}.menu-button{display:block}.hero-content{width:80vw}.hero-note{display:none}.service-list{grid-template-columns:1fr 1fr}.service-list article:nth-child(3){border-left:1px solid var(--line);border-top:1px solid var(--line)}.service-list article:nth-child(4){border-top:1px solid var(--line)}.process{grid-template-columns:1fr}.contact{display:block}.contact-link{min-width:0;width:100%;margin-top:50px}.mobile-panel{display:flex;position:fixed;z-index:19;inset:0;background:#090909;color:#fff;flex-direction:column;justify-content:center;padding:15vw;gap:24px;font:400 34px Manrope;transform:translateY(-100%);transition:.4s}.mobile-panel.open{transform:translateY(0)}body.menu-open{overflow:hidden}}
@media(max-width:620px){.brand{width:104px;height:96px}.brand img{width:90px;height:80px}.hero{min-height:690px}.hero-media{background-position:62% center}.hero-shade{background:linear-gradient(90deg,rgba(5,8,12,.92),rgba(5,8,12,.42)),linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.hero-content{width:auto;margin:0 24px;padding-top:82px}.hero h1{font-size:51px}.hero-copy{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:24px;margin-top:32px}.scroll-mark{display:none}.statement{grid-template-columns:1fr;padding-top:85px}.statement-copy>p{margin-top:30px}.section-head{display:block}.section-head>p{margin-top:30px}.service-list{grid-template-columns:1fr}.service-list article{min-height:280px;border-left:1px solid var(--line)!important;border-top:1px solid var(--line)}.service-list article:first-child{border-top:0}.service-list h3{margin-top:50px}.process li{grid-template-columns:48px 1fr}.contact-link{font-size:14px}.contact-link span{overflow-wrap:anywhere}footer{grid-template-columns:1fr;gap:15px}footer p:nth-child(2),footer p:last-child{text-align:left;margin:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-media{animation:none}.service-list article{transition:none}}
