*{box-sizing:border-box}html,body{margin:0;padding:0}html{color-scheme:dark}body{background:#12162a;color:#f2edde;font-family:'Hanken Grotesk',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none;cursor:pointer}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #8d81ff;outline-offset:5px}.frame{width:100%;max-width:1440px;margin-inline:auto;padding-inline:clamp(24px,5vw,48px)}header{position:relative;z-index:10;border-bottom:1px solid rgba(242,237,222,.17);background:#12162a}.masthead{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:28px}.wordmark{flex-shrink:0;display:flex;align-items:center}.wordmark img{display:block;width:250px;height:auto}.desktop-nav{display:flex;align-items:center;gap:24px;color:#bebdcd;font-size:12px;white-space:nowrap}.desktop-nav a:hover{color:#f2edde}.utilities{display:flex;align-items:center;gap:26px}.languages{display:flex;align-items:center;gap:10px;font-size:13px}.languages span{opacity:.3}.languages a{opacity:.6;padding-block:7px}.languages a[aria-current]{opacity:1;border-bottom:1px solid #f2edde}.nav-contact{padding:14px 17px;white-space:nowrap;font-size:12px;border:1px solid rgba(242,237,222,.45);transition:background .2s,border-color .2s}.nav-contact:hover{background:#5a4eea;border-color:#5a4eea}.mobile-nav{display:none}.hero{overflow:hidden}.banner{position:relative;isolation:isolate;display:flex;align-items:center}.paint,.veil,.shade{position:absolute;z-index:-1;pointer-events:none;inset:0}.paint{inset:-2%;background:url('assets/paint.jpg') center 53%/cover no-repeat}.veil{inset:-3%;background:url('assets/veil.jpg') center/cover no-repeat;mix-blend-mode:screen;opacity:.18;animation:paint-flow 24s ease-in-out infinite alternate}.shade{background:linear-gradient(90deg,rgba(18,22,42,.48),rgba(18,22,42,.3) 44%,rgba(18,22,42,0) 75%),linear-gradient(0deg,rgba(18,22,42,.2),transparent 50%)}.banner-content{--hero-space:clamp(76px,8vw,112px);--hero-optical:calc(clamp(44px,6.8vw,88px)*.025);padding-top:calc(var(--hero-space) - var(--hero-optical));padding-bottom:calc(var(--hero-space) + var(--hero-optical))}.reading-column{max-width:940px;display:flex;flex-direction:column;align-items:flex-start;gap:30px}h1{font-family:'Spectral',Georgia,serif;font-weight:500;font-size:clamp(44px,6.8vw,88px);line-height:1;letter-spacing:-.025em;text-wrap:balance;max-width:100%;margin:0;position:relative;left:-.037em;color:#f2edde}html[lang="es"] h1{max-width:15ch}h1:focus{outline:none}.banner-controls{position:absolute;top:20px;left:50%;transform:translateX(-50%);display:flex;justify-content:flex-end;gap:10px;pointer-events:none}.icon-control{display:grid;place-items:center;pointer-events:auto;background:rgba(18,22,42,.2);color:#e0dfeb;border:1px solid rgba(242,237,222,.4);border-radius:50%;width:38px;height:38px;padding:8px;transition:background .2s,border-color .2s}.icon-control svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}.icon-control:hover{background:#5a4eea;border-color:#5a4eea} .reading-column>p{margin:0;max-width:650px;color:#dddce6;font-size:18px;line-height:1.55;letter-spacing:.005em;text-wrap:pretty}.engagement-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px 26px;margin-top:6px}.primary{background:#f2edde;color:#12162a;display:inline-flex;align-items:center;min-height:50px;padding:15px 26px;font-size:16px;font-weight:600;border-radius:2px;transition:background .2s,color .2s}.primary:hover{background:#5a4eea;color:#fff}.secondary{display:inline-block;font-size:15px;color:#d2d0de;border-bottom:1px solid rgba(242,237,222,.5);padding-block:4px}.secondary:hover{color:#fff;border-color:#aaa1ff}.paused .veil,.backgrounded .veil{animation-play-state:paused}.welcome-pending .veil,.welcome-playing .veil{animation-play-state:paused}@keyframes paint-flow{from{transform:scale(1.005) translate(-.6%,0);opacity:.15}to{transform:scale(1.045) translate(.6%,.4%);opacity:.23}}
@media(max-width:1250px){.desktop-nav{gap:16px;font-size:11px}.utilities{gap:18px}.wordmark img{width:220px}.masthead{gap:22px}.nav-contact{font-size:11px;padding:13px 14px}}
@media(max-width:1090px){.desktop-nav,.nav-contact{display:none}.masthead{min-height:80px}.wordmark img{width:250px}.utilities{gap:28px}.mobile-nav{display:block}.mobile-nav summary{font-size:13px;list-style:none;display:flex;align-items:center;min-height:44px;cursor:pointer}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav nav{position:absolute;inset-inline:0;top:100%;display:flex;flex-direction:column;padding:12px clamp(24px,5vw,48px) 25px;background:#12162a;border-bottom:1px solid #5a576e}.mobile-nav nav a{padding-block:15px;font-family:'Spectral',serif;font-size:25px;border-bottom:1px solid #36384e}}
@media(max-width:760px){.banner-content{padding-block:72px}.reading-column{gap:28px}h1{font-size:clamp(44px,6.8vw,88px)}.reading-column>p{font-size:17px;line-height:1.55}.engagement-actions{gap:18px 26px}.paint{background-position:58% 38%}.banner-controls{top:15px}.icon-control{width:34px;height:34px}.wordmark img{width:225px;max-width:48vw}.masthead{min-height:75px;gap:16px}.utilities{gap:20px}.languages{font-size:12px;gap:8px}.mobile-nav summary{font-size:12px}}
@media(max-width:360px){.utilities{gap:12px}.engagement-actions{align-items:flex-start;flex-direction:column}.frame{padding-inline:22px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}[data-motion]{display:none}.veil{opacity:.15}}
