*{box-sizing:border-box;margin:0;padding:0}
:root{--black:#090909;--carbon:#101010;--gold:#c9a84c;--white:#f5f0e8;--muted:rgba(245,240,232,.50);--muted-strong:rgba(245,240,232,.66);--line:rgba(201,168,76,.24);--line-soft:rgba(255,255,255,.07);--font:'Montserrat',system-ui,sans-serif}
html{scroll-behavior:smooth;background:var(--black)}
body{background:var(--black);color:var(--white);font-family:var(--font);font-weight:300;overflow-x:hidden}
body::before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.03;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}.site{position:relative;z-index:1}
nav{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:24px 60px;background:linear-gradient(to bottom,rgba(8,8,8,.96),rgba(8,8,8,.58),transparent);border-bottom:1px solid transparent}
.logo-img{height:72px;width:auto;object-fit:contain;display:block;filter:drop-shadow(0 8px 24px rgba(0,0,0,.52))}
.nav-links{display:flex;list-style:none;gap:46px;align-items:center}
.nav-links a{color:rgba(245,240,232,.68);font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:400;transition:.25s;padding-bottom:10px}
.nav-links a:hover,.nav-links a.active{color:var(--gold);border-bottom:1px solid var(--gold)}
.mobile-toggle{display:none;width:30px;height:22px;background:transparent;border:0}.mobile-toggle span{display:block;height:1px;background:var(--white);margin:7px 0}
.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--line-soft);background:var(--black)}
.hero-bg{position:absolute;inset:0;background-color:var(--black);background-image:linear-gradient(90deg,rgba(9,9,9,1) 0%,rgba(9,9,9,.98) 34%,rgba(9,9,9,.83) 52%,rgba(9,9,9,.26) 74%,rgba(9,9,9,.30) 100%),linear-gradient(0deg,rgba(9,9,9,.46),rgba(9,9,9,.06) 48%,rgba(9,9,9,.24)),url("assets/hero-machuca-legal.png");background-repeat:no-repeat,no-repeat,no-repeat;background-size:100% 100%,100% 100%,auto 100%;background-position:center center,center center,right center;filter:brightness(.68) contrast(1.04) saturate(.80)}
.hero-content{position:relative;z-index:2;width:min(760px,52vw);margin-left:60px;padding-top:70px}
.eyebrow{color:var(--gold);font-size:11px;line-height:1.4;letter-spacing:.16em;text-transform:uppercase;font-weight:400;margin-bottom:28px}
h1{font-size:clamp(36px,4.05vw,64px);line-height:1.18;letter-spacing:.105em;font-weight:300;text-transform:uppercase;max-width:690px}h1 .gold{color:var(--gold)}
.short-line{width:54px;height:1px;background:var(--gold);margin:32px 0 24px}
.hero-text{max-width:470px;color:var(--muted-strong);font-size:14px;line-height:1.85;letter-spacing:.015em;text-align:justify}
section{position:relative}
.about{min-height:620px;display:grid;grid-template-columns:1.22fr .78fr;background:linear-gradient(90deg,rgba(9,9,9,1) 0%,rgba(9,9,9,.94) 42%,rgba(9,9,9,.80) 100%);border-bottom:1px solid var(--line-soft)}
.about-copy{display:flex;flex-direction:column;justify-content:center;padding:95px 6vw 95px 60px;max-width:700px}
.section-label{color:var(--gold);text-transform:uppercase;letter-spacing:.17em;font-size:11px;line-height:1.4;font-weight:400;margin-bottom:18px}
h2{font-size:clamp(25px,2.35vw,37px);line-height:1.28;letter-spacing:.075em;font-weight:300;text-transform:uppercase}
.body-copy{color:var(--muted);font-size:14px;line-height:1.9;letter-spacing:.012em;margin-top:28px;max-width:560px;text-align:justify}
.about-photo-wrap{display:flex;align-items:center;justify-content:flex-end;padding:64px 60px 64px 0;min-height:620px;border-left:1px solid var(--line-soft)}
.about-photo{width:67%;min-width:310px;max-width:430px;height:480px;background-image:linear-gradient(90deg,rgba(9,9,9,.32),rgba(9,9,9,.02) 36%,rgba(9,9,9,.38) 100%),linear-gradient(0deg,rgba(9,9,9,.56),rgba(9,9,9,.04) 48%,rgba(9,9,9,.10)),url("assets/foto-claudio-machuca.jpeg");background-repeat:no-repeat;background-size:cover;background-position:center 12%;filter:grayscale(1) brightness(.78) contrast(1.08)}
.areas{padding:92px 60px 104px;background:linear-gradient(180deg,#090909 0%,#070707 100%);border-bottom:1px solid var(--line-soft)}.areas-head{max-width:760px;margin-bottom:54px}
.areas-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}
.area-card{min-height:285px;padding:38px 36px;border-right:1px solid var(--line-soft)}.area-card:last-child{border-right:0}
.area-number{color:var(--gold);font-size:18px;letter-spacing:.08em;font-weight:300;margin-bottom:30px}
.area-card h3{font-size:16px;line-height:1.45;letter-spacing:.075em;font-weight:300;text-transform:uppercase;margin-bottom:22px}
.area-card p{color:var(--muted);font-size:13px;line-height:1.85;text-align:justify}
.philosophy{display:grid;grid-template-columns:.92fr 1.08fr;gap:70px;padding:105px 60px;background:radial-gradient(circle at 72% 20%,rgba(201,168,76,.065),transparent 30%),#080808;border-bottom:1px solid var(--line-soft)}
.quote{font-size:clamp(30px,3.25vw,52px);line-height:1.18;letter-spacing:.08em;text-transform:uppercase;font-weight:300}.quote span{color:var(--gold)}
.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center;padding:90px 60px;background:#050505;border-bottom:1px solid var(--line-soft)}
.email-box{border-left:1px solid var(--line);padding-left:42px}.email-box small{color:var(--gold);display:block;text-transform:uppercase;letter-spacing:.18em;font-size:10px;margin-bottom:16px}
.email-box a{font-size:clamp(23px,2.35vw,36px);font-weight:300;letter-spacing:.02em}
footer{padding:32px 60px;display:flex;justify-content:space-between;gap:30px;color:rgba(245,240,232,.38);font-size:10px;letter-spacing:.12em;text-transform:uppercase;background:#030303}
@media (max-width:980px){nav{padding:20px 28px}.logo-img{height:58px}.nav-links{display:none}.mobile-toggle{display:block}.hero{min-height:92vh}.hero-bg{background-size:100% 100%,100% 100%,auto 74%;background-position:center center,center center,right center}.hero-content{width:auto;max-width:640px;margin-left:28px;margin-right:28px;padding-top:80px}h1{font-size:clamp(33px,9vw,54px);letter-spacing:.08em}.about,.philosophy,.contact{grid-template-columns:1fr}.about-copy,.areas,.philosophy,.contact{padding-left:28px;padding-right:28px}.about-photo-wrap{min-height:auto;padding:40px 28px 70px;justify-content:center;border-left:0;border-bottom:1px solid var(--line-soft)}.about-photo{width:67%;min-width:260px;max-width:360px;height:430px}.areas-grid{grid-template-columns:1fr}.area-card{border-right:0;border-bottom:1px solid var(--line-soft)}.area-card:last-child{border-bottom:0}footer{padding:30px 28px;flex-direction:column}}
@media (max-width:560px){.hero-bg{background-size:100% 100%,100% 100%,auto 52%;background-position:center center,center center,right bottom}.hero-content{padding-top:90px}.hero-text{max-width:360px}.about-photo{width:82%;height:390px}}