:root{--paper:#f6f3eb;--ink:#20211d;--muted:#66665d;--gold:#a17b38;--rule:#d8d3c7;--red:#bd2526}
*{box-sizing:border-box}
html{background:var(--paper);color:var(--ink);-webkit-text-size-adjust:100%}
body{margin:0;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--red);outline-offset:7px}
::selection{background:#dccba4;color:var(--ink)}
/* Las tres filas reservan el espacio del footer dentro de la altura visible. */
.page{min-height:100vh;min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto}
.header{margin:0 5.5%;padding:30px 0 27px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--rule);gap:20px}
.wordmark{font-size:22px;font-weight:700;letter-spacing:2px;white-space:nowrap}
.wordmark span{font-size:17px;color:var(--gold);letter-spacing:2px;font-weight:600;margin-left:10px;vertical-align:middle}
.header-note{display:flex;align-items:center;gap:15px;font-size:9px;letter-spacing:1.8px}
.header-note i{width:4px;height:4px;background:var(--gold);border-radius:50%}
main{min-width:0;display:flex;flex-direction:column}
.hero{width:89%;max-width:1450px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:5%;padding:65px 0 60px}
.eyebrow{display:flex;align-items:center;gap:12px;font-size:13px;letter-spacing:2.6px;margin:0 0 32px}
.status-dot{height:6px;width:6px;background:var(--red);border-radius:50%}
.eyebrow-line{height:1px;width:50px;background:var(--rule);margin-left:4px}
h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(58px,6.6vw,104px);font-weight:400;letter-spacing:-.058em;line-height:1.04;margin:0 0 30px}
h1 em{font-weight:400;color:var(--gold);letter-spacing:-.065em}
.contact-link{display:inline-flex;gap:43px;align-items:center;padding:13px 0 11px;border-bottom:2px solid var(--red);margin-top:8px;font-size:13px}
.contact-link span,.footer a span{display:inline-block;transition:transform .2s ease}
.contact-link:hover span,.footer a:hover span{transform:translate(3px,-3px)}
.identity{margin:0;text-align:center;position:relative}
.logo-frame{position:relative;max-width:510px;margin:0 auto}
.logo-frame img{display:block;width:100%;height:auto;mix-blend-mode:multiply;border-radius:50%}
.footer{background:var(--ink);color:var(--paper);padding:34px 5.5%;display:flex;justify-content:space-between;align-items:center;gap:28px}
.footer a{font-family:Georgia,'Times New Roman',serif;font-size:clamp(18px,2.2vw,29px)}
.footer a span{font-family:Arial,sans-serif;font-size:21px;margin-left:20px;color:#c9ab70}
.footer-signoff{text-align:right;display:grid;gap:12px}
.footer small{font-size:9px;color:#bdbbb3;letter-spacing:.5px}
@media(min-width:1600px){.hero{padding:90px 0}.logo-frame{max-width:570px}}
@media(max-width:850px){.header-note{font-size:8px;letter-spacing:1px;gap:9px}.hero{gap:4%;padding:55px 0}h1{font-size:clamp(48px,7.5vw,65px)}}
@media(max-width:600px){.header{margin:0 7%;padding:24px 0}.wordmark{font-size:20px}.wordmark span{font-size:15px;margin-left:6px;letter-spacing:1.5px}.header-note{display:none}.hero{width:86%;grid-template-columns:1fr;gap:32px;padding:36px 0}.eyebrow{font-size:12px;margin-bottom:22px}h1{font-size:clamp(46px,12.5vw,75px);margin-bottom:12px}.contact-link{margin-top:10px;min-height:44px}.identity{width:65%;max-width:250px;margin:auto}.footer{padding:24px 7%;flex-direction:column;align-items:flex-start;gap:16px}.footer a{font-size:clamp(17px,4.6vw,24px)}.footer a span{font-size:17px;margin-left:8px}.footer-signoff{text-align:left}.footer small{font-size:8px}}
@media(prefers-reduced-motion:no-preference){.intro,.identity{animation:arrive .8s ease both}.identity{animation-delay:.12s}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}