:root{--cream:#e6e0d9;--lavender:#b7b3be;--brown:#5d3a19;--serif:'Cormorant Garamond','Italiana',serif;--sans:'Inter','Helvetica Neue',Arial,sans-serif;--section:115px;--pad:10vw;--gap:10px}
*{box-sizing:border-box;margin:0;padding:0;border-radius:0}
html{scroll-behavior:smooth}
body{font:400 16px/1.2 var(--sans);color:var(--brown);background:var(--cream)}
a{color:var(--brown);text-decoration:none}
.band{padding:var(--section) var(--pad)}
.cream{background:var(--cream)}.lavender{background:var(--lavender)}
.nav{display:flex;justify-content:space-between;align-items:center;padding:24px var(--pad);flex-wrap:wrap;gap:var(--gap)}
.nav-mark{font:300 26px/1 var(--serif)}
.nav nav{display:flex;gap:20px;flex-wrap:wrap}
.nav nav a,.olink{border-bottom:1px solid var(--brown);padding-bottom:2px}
.nav-toggle{display:none;background:none;border:0;border-bottom:1px solid var(--brown);font:inherit;color:inherit;cursor:pointer}
.hero{min-height:min(82vh,760px);display:flex;flex-direction:column;justify-content:center;padding-top:40px}
.wordmark{font:300 clamp(58px,11vw,150px)/1 var(--serif);letter-spacing:-.01em}
.hero-sub{margin-top:40px;color:var(--cream);font-size:17px;line-height:1.18;line-height:1.5}
.links{margin-top:40px;display:flex;gap:24px;flex-wrap:wrap}
.olink{background:none;border-top:0;border-left:0;border-right:0;font:400 17px var(--sans);color:var(--brown);cursor:pointer}
.title{font:500 clamp(36px,5vw,58px)/1 var(--sans);letter-spacing:-.02em;margin-bottom:48px}
.split{display:grid;grid-template-columns:1fr 2fr;gap:40px}
.prose{font-size:17px;line-height:1.45;max-width:46ch}.prose p+p{margin-top:16px}
.ph{font-style:italic;opacity:.75}
.catalog{list-style:none;border-top:1px solid var(--brown)}
.catalog li{display:grid;grid-template-columns:60px 1fr 1.3fr;gap:20px;padding:24px 0;border-bottom:1px solid var(--brown);align-items:baseline}
.name{font-style:italic;font-size:17px}
.num{font-weight:500}
#servicios>.ph{margin-top:24px}
.plate{display:grid;grid-template-columns:1fr 2fr;gap:40px;align-items:end;margin-bottom:40px}
.plate-label{font-size:17px}
.media{background:#cfc8c0;display:flex;align-items:center;justify-content:center;font-style:italic;color:var(--brown);overflow:hidden}
.media img,.media iframe{width:100%;height:100%;object-fit:cover;border:0}
.ratio-16x9{aspect-ratio:16/9}.ratio-4x5{aspect-ratio:4/5}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}
.dates{list-style:none;border-top:1px solid var(--brown)}
.dates li{display:grid;grid-template-columns:180px 1fr 1fr;gap:20px;padding:24px 0;border-bottom:1px solid var(--brown)}
.form{display:flex;flex-direction:column;gap:24px;max-width:560px}
.form label{display:flex;flex-direction:column;gap:8px;font-weight:500}
.form input,.form textarea{background:transparent;border:0;border-bottom:1px solid var(--brown);font:400 17px var(--sans);color:var(--brown);padding:6px 0;outline:none}
.form button{align-self:flex-start}
.foot{display:flex;justify-content:space-between;padding:40px var(--pad);flex-wrap:wrap;gap:var(--gap)}
@media (max-width:760px){:root{--section:72px;--pad:6vw}
 .nav-toggle{display:block}.nav nav{display:none;width:100%;flex-direction:column;gap:14px;padding-top:12px}.nav nav.open{display:flex}
 .split,.plate{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr}
 .catalog li{grid-template-columns:40px 1fr}.catalog .desc{grid-column:2}
 .dates li{grid-template-columns:1fr;gap:6px}}