:root{--night:#090817;--violet:#17102c;--ink:#161421;--gold:#caa55a;--pale:#f4efe4;--muted:#a8a2b1;--line:rgba(202,165,90,.28)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--night);color:var(--pale);font-family:Inter,sans-serif;font-weight:300;line-height:1.75}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' 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)' opacity='.7'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}
img{max-width:100%}
.skip-link{position:fixed;top:-5rem;left:1rem;z-index:100;background:#fff;color:#000;padding:.5rem 1rem}.skip-link:focus{top:1rem}
.site-header{position:absolute;z-index:10;top:0;left:0;width:100%;display:flex;align-items:center;padding:1.25rem clamp(1.25rem,4vw,5rem);border-bottom:1px solid rgba(255,255,255,.12)}
.brand{display:flex;align-items:center;gap:.75rem;margin-right:auto}.brand img{object-fit:contain}.brand strong,.brand small{display:block;line-height:1.25}.brand strong{font:600 1.1rem "Cormorant Garamond",serif;letter-spacing:.05em}.brand small{font-size:.63rem;text-transform:uppercase;letter-spacing:.2em;color:#d0c9bb}
nav{display:flex;gap:2rem;margin-right:2rem}nav a{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;transition:color .2s}nav a:hover{color:var(--gold)}
.language{display:flex;gap:.35rem;font-size:.7rem;color:#888}.language button{border:0;background:none;color:inherit;padding:.2rem;cursor:pointer}.language button.active{color:var(--gold)}
.menu-button{display:none}
.hero{position:relative;min-height:100svh;display:grid;place-items:center;text-align:center;overflow:hidden}.hero-image{position:absolute;inset:0;background:url("public/assets/portada.png") center/cover no-repeat;transform:scale(1.03)}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,3,12,.35),rgba(5,3,13,.52) 45%,#090817 100%),radial-gradient(circle at center,transparent 0,rgba(4,3,12,.25) 70%)}.hero-content{position:relative;max-width:950px;padding:9rem 1.5rem 4rem}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.25em;font-size:.66rem;font-weight:500}.hero h1{font:500 clamp(3.5rem,8.5vw,8rem)/.87 "Cormorant Garamond",serif;margin:1.5rem 0 1rem;text-shadow:0 3px 40px #000}.hero h1 span{font-size:.45em;vertical-align:top}.place{text-transform:uppercase;letter-spacing:.35em;font-size:.7rem}.hero blockquote{margin:5rem auto 0;max-width:620px}.hero blockquote p{font:400 clamp(1.3rem,2.5vw,2rem)/1.35 "Cormorant Garamond",serif;font-style:italic}.hero cite{font-size:.6rem;text-transform:uppercase;letter-spacing:.22em;color:#b9b1a4}.scroll-cue{display:inline-block;margin-top:3rem;padding-bottom:.3rem;border-bottom:1px solid var(--gold);font-size:.65rem;text-transform:uppercase;letter-spacing:.22em;color:var(--gold)}
.section{display:grid;grid-template-columns:70px minmax(200px,1fr) minmax(300px,1.7fr);gap:clamp(2rem,6vw,7rem);padding:clamp(6rem,12vw,10rem) clamp(1.5rem,8vw,10rem);background:var(--pale);color:var(--ink)}.section-mark{font:500 1rem "Cormorant Garamond",serif;color:var(--gold);padding-top:1rem;border-top:1px solid var(--gold)}.section-title h2,.rite h2,.contact h2{font:500 clamp(2.8rem,5vw,5.4rem)/.95 "Cormorant Garamond",serif;margin:.6rem 0}.prose{max-width:760px}.prose p{color:#5f5a66}.prose .lead{font:500 clamp(1.35rem,2.2vw,1.8rem)/1.45 "Cormorant Garamond",serif;color:var(--ink)}
.rite{display:grid;grid-template-columns:1fr 1fr;min-height:800px;background:var(--violet)}.rite-visual{display:grid;place-items:center;padding:4rem;background:radial-gradient(circle,rgba(115,82,163,.3),transparent 57%),linear-gradient(rgba(9,8,23,.2),rgba(9,8,23,.55)),url("public/assets/portada.png") center/cover}.rite-visual img{width:min(420px,80%);filter:drop-shadow(0 25px 40px rgba(0,0,0,.5))}.rite-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(4rem,8vw,9rem)}.rite-copy p{color:#c2bbca}.affiliation{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--line)}.affiliation span{display:block;font-size:.65rem;text-transform:uppercase;letter-spacing:.2em;color:var(--gold)}.affiliation a{font:500 1.3rem "Cormorant Garamond",serif}
.work{grid-template-rows:auto auto}.work-grid{grid-column:2/4;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d8d0c1;border:1px solid #d8d0c1}.work-grid article{background:var(--pale);padding:2.5rem}.work-grid span{color:var(--gold);font:500 1rem "Cormorant Garamond",serif}.work-grid h3{font:500 2rem "Cormorant Garamond",serif;margin:1.5rem 0 .7rem}.work-grid p{font-size:.88rem;color:#69636d}.meeting-note{grid-column:2/4;text-align:center;font:500 1.25rem "Cormorant Garamond",serif;margin:1rem 0 0}
.contact{position:relative;padding:clamp(7rem,14vw,13rem) 1.5rem;text-align:center;background:linear-gradient(rgba(7,5,17,.78),rgba(7,5,17,.91)),url("public/assets/portada.png") center/cover fixed}.contact-inner{max-width:780px;margin:auto}.contact h2{font-size:clamp(3rem,7vw,7rem)}.contact-inner>p:not(.eyebrow){max-width:620px;margin:2rem auto;color:#c7c0cc}.primary-button{display:inline-block;margin-top:1.5rem;padding:1rem 1.8rem;border:1px solid var(--gold);color:var(--gold);text-transform:uppercase;letter-spacing:.2em;font-size:.7rem;transition:.25s}.primary-button:hover{background:var(--gold);color:var(--night)}.socials{display:flex;justify-content:center;gap:2rem;margin-top:3rem}.socials a{font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;border-bottom:1px solid transparent}.socials a:hover{border-color:var(--gold)}
footer{display:flex;align-items:center;gap:1rem;padding:2rem clamp(1.5rem,6vw,6rem);background:#05040c;border-top:1px solid rgba(255,255,255,.08)}footer strong,footer span{display:block}footer strong{font:500 1.1rem "Cormorant Garamond",serif}footer span{font-size:.62rem;text-transform:uppercase;letter-spacing:.18em;color:#888}.legal-open{margin-left:auto;border:0;background:none;color:#9c96a2;cursor:pointer;font-size:.7rem}
dialog{max-width:620px;border:1px solid var(--line);background:#11101c;color:var(--pale);padding:3rem;box-shadow:0 20px 80px #000}dialog::backdrop{background:rgba(0,0,0,.8)}dialog h2{font:500 2.5rem "Cormorant Garamond",serif}.legal-close{position:absolute;right:1rem;top:.75rem;border:0;background:none;color:#fff;font-size:2rem;cursor:pointer}
@media(max-width:900px){.site-header{position:absolute}.menu-button{display:block;border:1px solid rgba(255,255,255,.3);background:none;color:#fff;padding:.45rem .7rem;margin-right:1rem}.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;padding:2rem;background:#090817;flex-direction:column}.site-header nav.open{display:flex}.brand span{display:none}.section{grid-template-columns:40px 1fr;gap:2rem}.prose,.work-grid,.meeting-note{grid-column:2/3}.rite{grid-template-columns:1fr}.rite-visual{min-height:520px}.work-grid{grid-template-columns:1fr}.contact{background-attachment:scroll}}
@media(max-width:560px){.site-header{padding:1rem}.brand img{width:45px;height:45px}.hero-content{padding-top:8rem}.hero blockquote{margin-top:3rem}.section{grid-template-columns:1fr;padding:6rem 1.35rem}.section-mark{display:none}.prose,.work-grid,.meeting-note{grid-column:1}.rite-copy{padding:5rem 1.5rem}.rite-visual{min-height:400px}.language span{display:none}.language{gap:0}.hero h1{font-size:3.7rem}footer{align-items:flex-start;flex-wrap:wrap}.legal-open{width:100%;text-align:left;margin:1rem 0 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-image{transform:none}}