/* The connection studio: a distinctive visual chapter in Alex’s profile. */
:root{--copper:#d6b588;--studio:#071718}
.hero{border-radius:0 0 36px 36px;isolation:isolate}.hero:after{content:"ALEX FUENTES / CULTURE → CONNECTION → OPPORTUNITY";position:absolute;right:24px;top:45%;writing-mode:vertical-rl;font-size:8px;letter-spacing:.23em;color:#ffffff80;z-index:2}.hero-image{inset:-2% -2% -2% 15%}.hero-shade{background:linear-gradient(90deg,#071718 0%,#071718f0 22%,#07171870 55%,#07171808),linear-gradient(0deg,#071718,transparent 38%)}.hero-content .eyebrow{border-color:#bba27c60;background:#10252566}.hero-content h1{font-weight:500}.hero-content h1 em{-webkit-text-stroke:1px #f1d8b2;filter:drop-shadow(0 0 28px #e1be8718)}.hero-manifesto{font-size:clamp(28px,3vw,44px);letter-spacing:-.05em}.hero-coordinate{border-radius:2px 20px 20px 20px}.hero-orbit{opacity:.75}.hero-bottom{font-family:Inter,Arial,sans-serif}.motion-ribbon{background:#d9bc92;box-shadow:0 12px 40px #0002}
section.identity-lab{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-block:125px;background:#071718;color:#eef4ef;overflow:hidden;border:0;position:relative}.identity-lab:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 90% 45%,#49675245,transparent 60%);pointer-events:none}.identity-heading{position:relative}.identity-heading>h2{font-size:clamp(38px,4.4vw,67px)}.identity-heading>p:not(.eyebrow){font-size:14px;color:#adbfba;max-width:480px}.identity-heading em{color:#d6b588}.identity-heading>.eyebrow{font-size:9px;color:#c4d1c9}.identity-controls{display:flex;gap:6px;padding:5px;border:1px solid #7b94834d;border-radius:14px;margin-top:30px;max-width:390px;background:#ffffff04}.identity-controls button{border:0;flex:1;border-radius:9px;padding:17px 12px;color:#c4d4ca;min-height:48px;font-size:11px;transition:background .25s,color .25s}.identity-controls button[aria-pressed=true]{background:#d6b588;color:#172b25;box-shadow:0 3px 15px #0002}.identity-description{margin-top:35px;padding-left:22px;border-left:1px solid #d6b58870}.identity-description .eyebrow{font-size:9px;color:#d6b588;margin:0}.identity-description h3{font-size:clamp(24px,2.7vw,37px);line-height:1.2;white-space:pre-line;margin:16px 0}.identity-description p:not(.eyebrow){color:#b1c2b9;font-size:13px;max-width:430px}.identity-description .text-link{color:#e4caa3;border-color:#a68c65}
.identity-stage{position:relative;min-height:610px;align-self:center;perspective:1000px;isolation:isolate}.stage-grid{position:absolute;inset:0;background-image:linear-gradient(#b6cebc0b 1px,transparent 1px),linear-gradient(90deg,#b6cebc0b 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse,black 20%,transparent 72%)}.identity-portrait{position:absolute;inset:35px 8% 45px;transform:rotateY(var(--stage-rotate,0deg)) translateY(var(--stage-lift,0px));transition:transform .65s cubic-bezier(.16,1,.3,1);border-radius:200px 200px 22px 22px;overflow:hidden;background:#243b32;box-shadow:0 40px 100px #0005;border:1px solid #d6b58870}.identity-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 35%}.identity-portrait img[hidden]{display:none}.identity-culture{object-position:50% 15%!important}.identity-orbit{position:absolute;width:110%;aspect-ratio:1;left:-5%;top:7%;border:1px solid #d6b58838;border-radius:50%;transform:rotate(-24deg) scaleY(.72);z-index:1;pointer-events:none}.identity-orbit:after{content:"";position:absolute;inset:0;border:1px dashed #c5d9cb35;border-radius:50%;animation:studio-orbit 40s linear infinite}.stage-index{position:absolute;left:-10px;top:22px;font-size:12px;letter-spacing:.14em;color:#d6b588;z-index:2}.stage-caption{position:absolute;bottom:20px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:.15em;color:#d3dfd6}.stage-corner{position:absolute;right:-6px;bottom:100px;color:#e8d1b0;font-size:11px;letter-spacing:.1em;line-height:1.9;background:#0e2521dd;padding:20px;border:1px solid #d6b58850;backdrop-filter:blur(10px);border-radius:14px}.identity-stage[data-view=culture] .identity-portrait{border-radius:22px 160px 22px 22px}.identity-stage[data-view=culture] .identity-orbit{border-color:#e0b88766}
.intro{background:#f2f3ed;position:relative}.intro:before{content:"THE STORY";position:absolute;right:6%;bottom:15px;color:#203e2b08;font-size:clamp(50px,9vw,140px);font-weight:700;letter-spacing:-.06em;pointer-events:none}.intro .traits{position:relative}.profile-portrait img{box-shadow:14px 14px 0 #dce3d8}.heritage{margin:24px;border-radius:30px}.heritage .heritage-art{margin-inline:auto}.heritage-caption{letter-spacing:.16em;font-size:8px}.heritage-copy h2{letter-spacing:-.06em}.opportunities h2{max-width:650px}.opportunity-grid article{border-radius:26px 26px 8px 26px}.opportunity-grid article:nth-child(2){border-radius:26px 8px 26px 26px}.opportunity-grid article:nth-child(3){border-radius:8px 26px 26px 26px}.journey{position:relative;overflow:hidden}.journey:after{content:"CONNECTION";position:absolute;right:-10px;bottom:-30px;font-size:clamp(60px,12vw,180px);font-weight:600;letter-spacing:-.075em;color:#ffffff03;pointer-events:none}.journey-grid article{position:relative}.journey-grid article:after{content:"";position:absolute;right:0;top:24px;width:7px;height:7px;background:#e1be87;border-radius:50%;box-shadow:0 0 20px #e1be8750}.connection-console{box-shadow:0 24px 80px #15352b15}.market-focus{min-height:245px}.connect{border-radius:40px 40px 0 0;border-top:1px solid #b8c8bc}.connect>h2 em{color:#435f4d}footer .brand{font-size:clamp(32px,6vw,78px);font-weight:500}footer .credit{font-size:10px}
@keyframes studio-orbit{to{transform:rotate(360deg)}}
body.motion-paused .identity-orbit:after,body.page-hidden .identity-orbit:after{animation-play-state:paused}body.motion-paused .identity-portrait{transform:none;transition:none}
@media(max-width:1050px){section.identity-lab{gap:4%}.identity-stage{min-height:570px}.identity-portrait{inset:45px 3%}.stage-corner{right:-5px;padding:14px}.identity-heading>h2{font-size:46px}}
@media(max-width:760px){.hero:after{display:none}.hero{border-radius:0 0 24px 24px}.hero-image{inset:-2%}.hero-shade{background:linear-gradient(90deg,#071718ed,#07171875),linear-gradient(0deg,#071718,transparent 55%)}section.identity-lab{grid-template-columns:1fr;padding:85px 7%;gap:40px}.identity-heading>h2{font-size:40px}.identity-stage{grid-row:1;min-height:520px;max-width:420px;width:100%;margin:auto}.identity-portrait{inset:25px 10% 45px}.identity-orbit{width:100%;left:0;top:10%}.stage-index{left:0;top:5px}.stage-corner{right:0;bottom:80px;font-size:9px;padding:14px}.identity-description{margin-top:28px}.heritage{margin:12px;border-radius:22px}.heritage-copy h2{font-size:39px}.connect{border-radius:26px 26px 0 0}.market-focus{min-height:290px}}
@media(max-width:380px){.identity-stage{min-height:440px}.identity-heading>h2{font-size:35px}.stage-caption{font-size:8px;letter-spacing:.1em}}
@media(prefers-reduced-motion:reduce){.identity-orbit:after{animation:none}.identity-portrait{transform:none;transition:none}.identity-controls button{transition:none}}
.connection-field{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.chapter-dock{position:fixed;right:14px;top:50%;transform:translateY(-50%);z-index:10;display:flex;flex-direction:column;gap:8px;padding:11px 8px;background:#0b2021c9;border:1px solid #c5d8c333;backdrop-filter:blur(18px);border-radius:30px}.chapter-dock a{position:relative;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;font-size:8px;color:#c6d5cb;transition:background .25s,color .25s}.chapter-dock a[aria-current]{background:#e1be87;color:#102725}.chapter-dock b{position:absolute;right:43px;white-space:nowrap;background:#102725ee;color:#e0e9e1;padding:9px 14px;border:1px solid #d5d9b93a;border-radius:10px;font-size:10px;font-weight:400;opacity:0;transform:translateX(5px);transition:opacity .2s,transform .2s;pointer-events:none}.chapter-dock a:hover b,.chapter-dock a:focus-visible b{opacity:1;transform:none}.identity-stage:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,transparent 50%,#071718 95%);pointer-events:none;z-index:-1}
@media(min-width:1200px){.identity-heading{padding-top:20px}.identity-stage{min-height:680px}.identity-portrait{inset:40px 5% 55px}.identity-lab{min-height:880px}.identity-description{max-width:470px}.hero-coordinate{right:8%}}
@media(max-width:1100px){.chapter-dock{display:none}}
@media(prefers-reduced-motion:reduce){.chapter-dock a,.chapter-dock b{transition:none}}

/* PUENTE: a high-energy cultural and business bridge. */
section.puente{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;gap:55px 7%;background:#13132a;color:#fff7ed;padding-block:100px;overflow:hidden;border-block:1px solid #ff925d60!important}
.puente:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 5% 20%,#b2392d60,transparent 55%),radial-gradient(ellipse at 90% 85%,#714ac44d,transparent 60%);pointer-events:none;z-index:-2}
.puente-signal{grid-column:1/-1;display:flex;align-items:center;gap:20px;border-bottom:1px solid #ffffff25;padding-bottom:24px;font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:#ffe4ce}.puente-signal b{font-size:19px;color:#ff9869;font-weight:400}.puente-title{align-self:start;position:relative}.puente-title>.eyebrow{font-size:10px;color:#f6bc9d;max-width:280px;line-height:1.8}.puente-title h2{font-size:clamp(72px,10.4vw,158px);font-weight:700;line-height:.86;letter-spacing:-.08em;color:#ffb67e;text-shadow:0 0 65px #f66e3020;max-width:100%;margin-left:-.04em}.puente-title h2 span{font-size:12px;font-weight:500;letter-spacing:.2em;color:#ffead6;margin:30px 0 0 .35em;line-height:1.5}.puente-copy{position:relative;z-index:1}.puente-copy h3{font-size:clamp(29px,3.1vw,45px);font-weight:500;line-height:1.12;letter-spacing:-.045em;color:#fff4e8;margin:0 0 30px}.puente-copy p{font-size:14px;color:#dfd8e5;line-height:1.9}.puente .tags{gap:10px}.puente .tags span{font-size:10px;border-color:#ffad793d;background:#ffad790b;color:#ffe4d4;padding:10px 12px;border-radius:8px}.puente .puente-action{--button-face:#ffba82;--button-edge:#b45735;color:#271e25;margin-top:32px;font-size:12px;gap:26px}.puente-footer{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff25;padding-top:25px;font-size:9px;font-weight:500;letter-spacing:.16em;color:#f2c1a5}
.puente-energy{position:absolute;left:-10%;bottom:-110px;width:65%;height:310px;z-index:-1;transform:rotate(-18deg);pointer-events:none}.puente-energy i{position:absolute;inset:0;border:1px solid #ff9f5e66;border-radius:50%;box-shadow:0 -2px 12px #ff884411}.puente-energy i:after{content:"";position:absolute;inset:0;border-radius:50%;border-top:3px solid #ffbe80;border-right:1px solid transparent;animation:puente-circuit 5s linear infinite;filter:drop-shadow(0 0 8px #ff8b4c)}.puente-energy i:nth-child(2){inset:28px -40px;opacity:.7}.puente-energy i:nth-child(2):after{animation-duration:7s;animation-direction:reverse}.puente-energy i:nth-child(3){inset:58px -80px;opacity:.5}.puente-energy i:nth-child(3):after{animation-duration:9s}.puente-energy i:nth-child(4){inset:88px -120px;opacity:.35}.puente-energy i:nth-child(4):after{animation-duration:11s;animation-direction:reverse}
@keyframes puente-circuit{to{transform:rotate(360deg)}}
body.motion-paused .puente-energy i:after,body.page-hidden .puente-energy i:after{animation-play-state:paused}
@media(max-width:1050px){.puente-title h2{font-size:clamp(64px,10vw,110px)}.puente-copy h3{font-size:32px}}
@media(max-width:760px){section.puente{grid-template-columns:1fr;padding-block:75px;gap:36px}.puente-signal,.puente-footer{grid-column:1;font-size:8px;letter-spacing:.12em}.puente-signal{gap:13px;flex-wrap:wrap}.puente-title h2{font-size:clamp(68px,17vw,120px)}.puente-title h2 span{font-size:10px;margin-top:22px}.puente-copy h3{font-size:34px}.puente-copy p{font-size:14px}.puente-energy{width:110%;height:280px;left:-40%;bottom:-135px;opacity:.55}.puente-footer{line-height:1.7}.puente .puente-action{font-size:11px;gap:20px}.puente-footer span{max-width:48%}}
@media(prefers-reduced-motion:reduce){.puente-energy i:after{animation:none}}