body:has(.immersive)> .wrap:first-of-type{background:#222129;max-width:none;color:#f8f7fc}body:has(.immersive) header{max-width:1192px;margin:auto;border-color:#ffffff18}body:has(.immersive) .brand img{mix-blend-mode:normal}body:has(.immersive) .navcta{border-color:#ffffff70}body:has(.immersive) nav a:hover{color:#b7a1ff}.immersive{background:#222129;color:#f8f7fc;overflow:hidden}.immersive-stage{position:relative;min-height:760px;isolation:isolate}.immersive-portrait{position:absolute;z-index:-1;right:-105px;bottom:0;margin:0;width:850px;height:780px;mask-image:linear-gradient(to right,transparent 0%,#000 29%,#000 84%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 29%,#000 84%,transparent 100%)}.immersive-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#222129 0%,transparent 28%,transparent 84%,#222129 100%)}.immersive-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;display:block}.immersive-copy{padding-top:80px;max-width:640px;position:relative}.immersive-copy .eyebrow{color:#b5aecb;font-size:11px;letter-spacing:2px}.immersive-copy h1{font-size:clamp(76px,8.2vw,110px);line-height:1.02;letter-spacing:-4px;margin:29px 0}.immersive-copy h1 span{color:#aa7fff}.immersive-copy h2{font-size:36px;line-height:1.28;letter-spacing:-1.2px;margin:25px 0 19px;max-width:520px}.immersive-copy h2 span{color:#b496ff}.immersive-copy p{max-width:410px;font-size:16px;color:#c0bbcf;line-height:1.8;margin:0}.immersive-copy .button{background:#f5f2fc;color:#211831;border-color:#f5f2fc}.immersive-copy .button:hover{background:#d7c8ff;border-color:#d7c8ff}.immersive-copy .textlink{border-color:#746d84;color:#ede8f7}.immersive-copy .actions{margin-top:28px}.scroll-cue{display:flex;align-items:center;gap:22px;font-size:12px;letter-spacing:.8px;color:#b7b0c9;margin-top:50px;padding-bottom:25px;width:fit-content}.scroll-cue span{font-size:22px;color:#b496ff}.immersive-credentials{display:flex;justify-content:space-between;gap:20px;padding:25px 0 29px;border-top:1px solid #ffffff1b;color:#a8a1b7;font-size:12px;letter-spacing:1px}.immersive-credentials strong{color:#ded9e9;font-weight:500;letter-spacing:0}.entrance{animation:rise-in 1s cubic-bezier(.2,.7,.3,1) both;animation-delay:var(--delay,0ms)}.immersive-portrait{animation:portrait-in 1.5s ease-out both}.reveal-on-scroll{opacity:0;transform:translateY(28px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.7,.3,1)}.reveal-on-scroll.is-visible{opacity:1;transform:none}@keyframes rise-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes portrait-in{from{opacity:0;transform:translateY(22px) scale(1.025)}to{opacity:1;transform:none}}@media(max-width:1050px) and (min-width:701px){.immersive-portrait{right:-230px;opacity:.8}.immersive-copy{max-width:550px}.immersive-copy h1{font-size:90px}.immersive-copy h2{font-size:32px}.immersive-copy p{max-width:350px}.immersive-stage{min-height:760px}}@media(max-width:700px){body:has(.immersive) nav{background:#222129;border-color:#ffffff22}body:has(.immersive) .menu{color:#f5f2fc;border-color:#ffffff44}.immersive-stage{min-height:0;padding-bottom:0}.immersive-copy{padding-top:44px;max-width:100%}.immersive-copy h1{font-size:clamp(68px,17vw,100px);letter-spacing:-3px;line-height:1.02;margin:25px 0}.immersive-copy h2{font-size:29px;max-width:100%;margin-top:25px}.immersive-copy p{max-width:430px;font-size:15px}.immersive-copy .eyebrow{font-size:10px;letter-spacing:1.1px}.immersive-copy .actions{flex-wrap:wrap;gap:20px}.immersive-portrait{position:relative;right:auto;bottom:auto;width:calc(100% + 44px);height:auto;aspect-ratio:1/1; margin:18px -22px -25px;mask-image:linear-gradient(to bottom,transparent,#000 13%,#000 77%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 13%,#000 77%,transparent)}.immersive-stage{display:flex;flex-direction:column}.immersive-copy{order:0}.immersive-portrait{order:1}.scroll-cue{order:2;margin:0 auto;padding-bottom:24px}.immersive-portrait:after{background:linear-gradient(90deg,#222129,transparent 15%,transparent 85%,#222129)}.immersive-credentials{font-size:10px;flex-wrap:wrap;gap:9px;padding:20px 0}.immersive-credentials strong{font-size:12px}}@media(prefers-reduced-motion:reduce){.entrance,.immersive-portrait{animation:none}.reveal-on-scroll{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}
.portrait-dedication{position:absolute;z-index:2;left:28%;right:12%;bottom:75px;text-align:center;color:#fff}.portrait-dedication p{font-family:Manrope,Arial,sans-serif;font-size:21px;font-weight:500;line-height:1.55;color:#fff;margin:0;text-shadow:0 2px 16px #000}.portrait-dedication p span{font-weight:700}.immersive-portrait .personal-signature{display:block;width:190px;height:108px;object-fit:cover;object-position:center;margin:10px auto 0;mix-blend-mode:screen}.immersive-portrait:after{z-index:1}.immersive-portrait>img{position:relative;z-index:0}@media(max-width:1050px) and (min-width:701px){.portrait-dedication{right:22%;left:25%;bottom:70px}.portrait-dedication p{font-size:18px}}@media(max-width:700px){.immersive-portrait{mask-image:linear-gradient(to bottom,transparent,#000 13%,#000 93%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 13%,#000 93%,transparent)}.portrait-dedication{left:7%;right:7%;bottom:23px}.portrait-dedication p{font-size:clamp(13px,3.7vw,18px);line-height:1.5}.immersive-portrait .personal-signature{width:125px;height:72px;margin:4px auto 0}}
.immersive-portrait .personal-signature{background:#fff;mix-blend-mode:normal;mask-image:url("/assets/andres-firma.jpeg");mask-mode:luminance;mask-size:cover;mask-position:center;mask-repeat:no-repeat;-webkit-mask-image:url("/assets/andres-firma.jpeg");-webkit-mask-size:cover;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;mask-mode:luminance}
@font-face{font-family:Caveat;src:url("/assets/caveat.ttf") format("truetype");font-style:normal;font-weight:500;font-display:swap}.portrait-dedication{left:auto;right:19%;bottom:92px;width:265px;text-align:left;transform:rotate(-8deg);transform-origin:center}.portrait-dedication p{font-family:Caveat,cursive;font-size:27px;font-weight:500;line-height:1.06;letter-spacing:.1px;color:#f4eff9;text-shadow:0 1px 8px #08091466}.portrait-dedication p span{font-weight:500}.immersive-portrait .personal-signature{width:118px;height:68px;margin:4px 18px 0 auto;opacity:.92}@media(max-width:1050px) and (min-width:701px){.portrait-dedication{left:auto;right:27%;bottom:82px;width:225px}.portrait-dedication p{font-size:25px}}@media(max-width:700px){.portrait-dedication{left:auto;right:13%;bottom:24px;width:200px;transform:rotate(-7deg)}.portrait-dedication p{font-size:22px;line-height:1.02}.immersive-portrait .personal-signature{width:90px;height:51px;margin:2px 12px 0 auto}}
@font-face{font-family:Caveat;src:url("/assets/caveat-regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}.portrait-dedication{bottom:38px}.portrait-dedication p,.portrait-dedication p span{font-weight:400;text-shadow:none}@media(max-width:1050px) and (min-width:701px){.portrait-dedication{bottom:30px}}@media(max-width:700px){.portrait-dedication{bottom:8px}.immersive-portrait{margin-bottom:0}}
.immersive-portrait .personal-signature{width:78px;height:45px;margin:5px 22px 0 auto;opacity:.82}@media(max-width:700px){.immersive-portrait .personal-signature{width:64px;height:37px;margin:4px 15px 0 auto}}

.immersive-copy h1{font-family:Manrope,Arial,sans-serif;font-weight:500;font-size:clamp(84px,8.7vw,118px);letter-spacing:-4px;line-height:1.06;margin:25px 0 28px}.immersive-copy .eyebrow{text-transform:none;font-size:14px;letter-spacing:.5px;font-weight:500;color:#c9c1db}.immersive-copy h2{font-family:Manrope,Arial,sans-serif;font-weight:500;font-size:33px;line-height:1.3;letter-spacing:-.8px}.immersive-copy p{font-size:16px;max-width:420px}.immersive-credentials{letter-spacing:.6px}@media(max-width:1050px) and (min-width:701px){.immersive-copy h1{font-size:100px}.immersive-copy h2{font-size:30px}}@media(max-width:700px){.immersive-copy h1{font-size:clamp(76px,19vw,104px);letter-spacing:-3px}.immersive-copy .eyebrow{font-size:13px;letter-spacing:.3px}.immersive-copy h2{font-size:28px}.immersive-credentials strong{font-size:11px}}
@font-face{font-family:SpaceGrotesk;src:url("/assets/space-grotesk.ttf") format("truetype");font-weight:600;font-display:swap}.immersive-copy h1{font-family:SpaceGrotesk,Manrope,sans-serif;font-weight:600;font-size:clamp(88px,9.2vw,124px);letter-spacing:-5px;line-height:.99;margin:29px 0 34px}.immersive-copy .eyebrow{color:#d3d9df;display:flex;align-items:center;gap:12px}.immersive-copy .eyebrow:before{content:"";width:26px;height:1px;background:#65dce8;flex-shrink:0}.immersive-copy h2{font-weight:500;color:#fafafa;font-size:34px;letter-spacing:-.8px}.immersive-copy h2 span{color:#fafafa}.immersive-copy h2 span:after{content:"";display:block;width:52px;height:2px;margin-top:18px;background:#65dce8}.immersive-copy p{color:#b8c1ca}.immersive-copy .button{background:#f3f6f7;border-color:#f3f6f7;color:#101820}.immersive-copy .button:hover{background:#b6edf3;border-color:#b6edf3}.immersive-copy .textlink{color:#e5ecef;border-color:#50636c}.scroll-cue span{color:#65dce8}.immersive-credentials{color:#aeb9c1}.immersive-credentials strong{color:#e1e9ed;font-size:13px}body:has(.immersive) nav a:hover{color:#8ce4eb}@media(max-width:1050px) and (min-width:701px){.immersive-copy h1{font-size:106px}.immersive-copy h2{font-size:31px}}@media(max-width:700px){.immersive-copy h1{font-size:clamp(80px,20vw,108px);letter-spacing:-3.5px}.immersive-copy h2{font-size:29px}.immersive-copy .eyebrow{font-size:12px;gap:9px}.immersive-copy .eyebrow:before{width:18px}.immersive-credentials strong{font-size:12px}}
/* Personal palette: purple accents with a light, open name treatment. */
@font-face{font-family:Poppins;src:url('/assets/poppins-light.ttf') format('truetype');font-weight:300;font-style:normal;font-display:swap}
.immersive-copy h1{font-family:Poppins,Arial,sans-serif;font-weight:300;font-size:clamp(80px,8.5vw,114px);letter-spacing:-3px;line-height:1.09;margin:26px 0 30px;color:#fff}
.immersive-copy .eyebrow:before,.immersive-copy h2 span:after{background:#a879ee}
.immersive-copy .eyebrow{color:#ddd5e9;font-weight:400}
.immersive-copy p{color:#c4bece}
.immersive-copy .button:hover{background:#d9c7f7;border-color:#d9c7f7}
.immersive-copy .textlink{border-color:#8462ac}
.immersive-copy .textlink:hover,.scroll-cue span,body:has(.immersive) nav a:hover{color:#c19aef}
.immersive-credentials{color:#c0b7cc}.immersive-credentials strong{color:#ece4f4}
@media(max-width:1050px) and (min-width:701px){.immersive-copy h1{font-size:94px}}
@media(max-width:700px){.immersive-copy h1{font-size:clamp(68px,18vw,96px);letter-spacing:-2px;line-height:1.1}}

/* Expressive personal identity, with restrained purple highlights. */
.immersive-copy{max-width:670px;padding-top:62px}
.immersive-copy h1{font-family:Poppins,Arial,sans-serif;font-weight:600;font-size:clamp(88px,9.3vw,126px);line-height:1.02;letter-spacing:-5px;margin:25px 0 30px}
.immersive-copy h1 .name-first{display:block;color:#f3eff8;font-weight:300;letter-spacing:-4px}
.immersive-copy h1 .name-last{display:block;width:fit-content;color:#ad7bed;background:linear-gradient(110deg,#d8bcff 3%,#af7cec 48%,#8a4cdb 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.immersive-copy h1 .name-period{color:#decbfa;-webkit-text-fill-color:#decbfa}
.immersive-copy h2{font-size:32px;line-height:1.3;letter-spacing:-.8px;max-width:560px;color:#f0eaf7}
.immersive-copy h2 span{color:#be99ed}.immersive-copy h2 span:after{display:none}
.immersive-copy p{max-width:415px;color:#bfb7cc;line-height:1.75}.immersive-copy p strong{display:block;font-weight:500;color:#e3d6ef;margin-bottom:5px}
.immersive-copy .button{background:#b28aeb;color:#1c102b;border-color:#b28aeb;font-weight:600}.immersive-copy .button:hover{background:#d2b4f7;border-color:#d2b4f7}
.immersive-copy .eyebrow{color:#c5abe4;font-size:13px;letter-spacing:.6px}
@media(max-width:1050px) and (min-width:701px){.immersive-copy h1{font-size:102px}.immersive-copy h2{font-size:28px}.immersive-copy{max-width:560px}}
@media(max-width:700px){.immersive-copy{padding-top:38px}.immersive-copy h1{font-size:clamp(76px,20vw,108px);letter-spacing:-3px;line-height:1.04}.immersive-copy h1 .name-first{letter-spacing:-3px}.immersive-copy h2{font-size:clamp(25px,6.5vw,30px)}.immersive-copy p{font-size:16px}.immersive-copy .eyebrow{font-size:12px}}
@media(forced-colors:active){.immersive-copy h1 .name-last{background:none;-webkit-text-fill-color:CanvasText}.immersive-copy h1 .name-period{-webkit-text-fill-color:CanvasText}}

/* A coherent wordmark: optical spacing, matched weights and a quieter violet. */
@font-face{font-family:AQDisplay;src:url('/assets/manrope-display.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
.immersive-copy h1{font-family:AQDisplay,Manrope,Arial,sans-serif;font-weight:720;font-size:clamp(96px,10.4vw,142px);line-height:1.01;letter-spacing:-.065em;font-kerning:normal;font-feature-settings:'kern' 1;margin:24px 0 34px;padding-bottom:.06em}
.immersive-copy h1 .name-first{font-weight:720;letter-spacing:inherit;color:#f0edf5}
.immersive-copy h1 .name-last{font-weight:720;letter-spacing:-.06em;color:#b69ae7;background:linear-gradient(115deg,#d2c0f0 0%,#b697e4 65%,#a485da 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding-right:.075em;padding-bottom:.07em;margin-bottom:-.07em}
.immersive-copy .eyebrow{font-size:12px;letter-spacing:1.5px;font-weight:500}
@media(max-width:1050px) and (min-width:701px){.immersive-copy h1{font-size:112px}}
@media(max-width:700px){.immersive-copy h1{font-size:clamp(82px,23vw,120px);line-height:1.04;letter-spacing:-.065em;margin:26px 0 30px}.immersive-copy h1 .name-first{letter-spacing:inherit}.immersive-copy .eyebrow{font-size:11px;letter-spacing:.8px}}
@media(forced-colors:active){.immersive-copy h1 .name-last{background:none;-webkit-text-fill-color:CanvasText}}

/* Shared section 06 palette. */
.immersive-copy h1 .name-last{background:none;color:var(--accent);-webkit-text-fill-color:currentColor}
.immersive-copy .button{background:var(--accent);border-color:var(--accent);color:#fff}
.immersive-copy .button:hover{background:#7547e5;border-color:#7547e5}
.immersive-copy .eyebrow:before{background:var(--accent)}
@media(forced-colors:active){.immersive-copy h1 .name-last{-webkit-text-fill-color:CanvasText}}

/* One visual system with the cyan, blue, violet and magenta of AQ. */
body:has(.immersive)>.wrap:first-of-type,.immersive{background:#0a0b14}
.immersive-portrait:after{background:linear-gradient(0deg,#0a0b14 0%,transparent 28%,transparent 84%,#0a0b14 100%)}
.immersive-copy h1 .name-last{color:#9692ff;background:linear-gradient(105deg,#12ddf5 0%,#498aff 30%,#a35aff 65%,#f13cf3 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.immersive-copy h1 .name-first{color:#f5f5fa}
.immersive-copy h2 span{color:#b094f2}
.immersive-copy .eyebrow{color:#c4cadb}.immersive-copy .eyebrow:before{background:var(--aq-cyan)}
.immersive-copy .button{background:var(--aq-violet);border-color:var(--aq-violet);color:#fff}.immersive-copy .button:hover{background:#7b22e8;border-color:#7b22e8}
.immersive-copy .textlink{color:#e3e7f5;border-color:#62718c}.immersive-copy .textlink:hover,.scroll-cue span,body:has(.immersive) nav a:hover{color:#56dbea}
.immersive-copy p{color:#bcc1d0}.immersive-copy p strong{color:#e4e6f0}.immersive-credentials{color:#adb5c9}.immersive-credentials strong{color:#e1e5f1}
@media(max-width:700px){body:has(.immersive) nav{background:#0a0b14}.immersive-portrait:after{background:linear-gradient(90deg,#0a0b14,transparent 15%,transparent 85%,#0a0b14)}}
@media(forced-colors:active){.immersive-copy h1 .name-last{background:none;-webkit-text-fill-color:CanvasText}}
