@font-face{font-family:Sora;src:url('assets/fonts/sora/Sora.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--fusion-ground:#030812;--fusion-text:#f1f6fc;--fusion-muted:#b8c9da;--fusion-cyan:#a4def6;--fusion-glass:rgba(9,20,34,.78);--fusion-edge:rgba(193,219,245,.23);--fusion-blur:22px;--rail-width:232px;--shell-offset:264px}
html{scrollbar-color:#5b8399 #030812}
body.portfolio{background:var(--fusion-ground);color:var(--fusion-text);background-image:none}
.fusion-art,.fusion-veil{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:-2}
.fusion-art{object-fit:cover;object-position:center;background:#030812}
.fusion-veil{z-index:-1;background:linear-gradient(90deg,rgba(3,8,18,.83),rgba(3,8,18,.57) 50%,rgba(3,8,18,.74)),linear-gradient(180deg,rgba(3,8,18,.30),rgba(3,8,18,.12) 55%,rgba(3,8,18,.82))}
.portfolio-shell{margin-left:var(--shell-offset);min-width:0;position:relative}
.web-nav,.web-intro,.web-details,.web-contact{width:min(1220px,90%)}
.profile-rail{position:fixed;top:20px;left:20px;bottom:20px;width:var(--rail-width);z-index:40;overflow:auto;scrollbar-width:thin;border-radius:24px;background:linear-gradient(140deg,rgba(247,227,194,.10),rgba(147,204,247,.04) 50%),var(--fusion-glass);border:1px solid var(--fusion-edge);box-shadow:0 16px 40px #0005,inset 0 1px 0 #fff2;-webkit-backdrop-filter:blur(var(--fusion-blur)) saturate(.7);backdrop-filter:blur(var(--fusion-blur)) saturate(.7);font-family:Sora,var(--sans)}
.profile-card summary{display:flex;align-items:center;gap:10px;padding:20px 18px;cursor:pointer;font-size:13px;font-weight:500;list-style:none}
.profile-card summary::-webkit-details-marker{display:none}
.profile-card summary>svg{margin-left:auto;transition:transform .2s}
.profile-card[open] summary>svg{transform:rotate(180deg)}
.profile-monogram{display:grid;place-items:center;width:34px;height:36px;flex-shrink:0;border-radius:9px;background:linear-gradient(125deg,#ecd1a12c,#b9dfff15);font-weight:580;font-size:13px;color:#e4eff8}
.profile-summary-name{display:block;font-size:11px;color:#b8c9da;margin-top:3px}
.profile-content{padding:0 19px 24px}
.profile-photo{width:100%;height:156px;object-fit:contain;object-position:center top;background:radial-gradient(ellipse at 50% 100%,#9cbdcf20,transparent 70%);border-radius:14px;margin-bottom:20px}
.profile-content h2{font:520 19px/1.35 Sora,var(--sans);letter-spacing:-.025em;margin-bottom:10px}
.profile-role{font:12px/1.65 Sora,var(--sans);color:#c6d9e9;margin-bottom:24px}
.profile-content dl{margin:0 0 22px}
.profile-content dl>div{margin-bottom:17px}
.profile-content dt{font-size:10px;color:#a7bfd2;margin-bottom:4px}
.profile-content dd{margin:0;font-size:12px;line-height:1.65;color:#ebf3fb}
.profile-email{display:block;font-size:11px;color:#c2e7f7;overflow-wrap:anywhere;line-height:1.7;margin-bottom:24px}
.profile-content nav{display:grid;gap:3px;margin-bottom:18px}
.profile-content nav a{font-size:11px;min-height:36px;align-content:center;color:#c5d8e8}
.profile-content a:hover{color:white}
.profile-contact{display:flex;justify-content:space-between;align-items:center;min-height:44px;font-size:12px;border-radius:30px;padding:10px 15px;background:linear-gradient(100deg,#e8c79225,#b3dfff15);box-shadow:inset 0 1px 0 #fff4;color:white}
.web-nav{padding-block:25px;border:0;font-family:Sora,var(--sans);gap:15px}
.web-brand{font:530 18px/1.3 Sora,var(--sans);color:#f4f8fd!important}
.web-brand span{font:400 9px/1.6 Sora,var(--sans);text-transform:none;letter-spacing:.02em;color:#b4c7d7}
.web-nav nav{font:430 12px Sora,var(--sans);gap:25px;letter-spacing:0}
.web-nav nav a{color:#e1edf6;text-shadow:none}
.web-nav nav a:hover{color:white;text-shadow:none}
.web-nav nav a:last-child{border:1px solid #d4e7f559;border-radius:30px;padding:11px 20px}
.web-intro{grid-template-columns:1.05fr 1fr;gap:5%;padding-block:45px 75px;min-height:calc(100svh - 96px)}
.web-intro-copy{padding-top:85px}
.web-name{display:block;padding:0;border:0;background:none;color:#c7d7e5;font:420 12px/1.6 Sora,var(--sans);letter-spacing:0;text-transform:none;margin-bottom:28px}
.web-name:before{display:none}
.web-intro h1{font:440 clamp(45px,4.55vw,72px)/1.12 Sora,var(--sans);font-variation-settings:'wght' 440;letter-spacing:-.045em;color:#fff;background:none;-webkit-text-fill-color:currentColor;-webkit-background-clip:border-box;margin-bottom:27px;text-wrap:balance}
.web-intro-copy>p:last-of-type{font:390 17px/1.7 Sora,var(--sans);color:#c5d4e4;max-width:34ch}
.web-action{position:relative;display:inline-flex;gap:24px;border:0;border-radius:999px;color:#fff;font:480 13px/1.4 Sora,var(--sans);text-transform:none;letter-spacing:0;padding:15px 24px;min-height:48px;background:linear-gradient(180deg,#060c1600 45%,#060c1647),linear-gradient(90deg,#ffe2b22b,#b0ceee08 55%,#96c4f417),linear-gradient(90deg,#ffffff3d,#ffffff0a);-webkit-backdrop-filter:blur(22px) saturate(.45);backdrop-filter:blur(22px) saturate(.45);box-shadow:0 -2px 20px #ffe0b018,0 10px 28px #0004,inset 0 1px 0 #fffbf273;transition:transform .2s,background-color .2s}
.web-action:before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;background:linear-gradient(180deg,#fffcf6d9,#fffcf633 45%,transparent 78%),linear-gradient(90deg,#ffe4b6d9,#e2e6ea08 40%,#bae0fa99);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}
.web-action span{color:#e4f5ff;font-size:20px}
.web-action:hover{background-color:#9ac7f01a;box-shadow:0 12px 30px #0006,inset 0 1px 0 #fff6;color:white}
.hero-hologram .hologram-panel{background:linear-gradient(135deg,#e6bc8c0f,#b4dbff08 48%),rgba(6,17,29,.72);border:1px solid #d5e8f333;border-radius:24px;box-shadow:0 20px 50px #0005,inset 0 1px 0 #ffffff29;-webkit-backdrop-filter:blur(20px) saturate(.6);backdrop-filter:blur(20px) saturate(.6)}
.hero-hologram .holo-visual{background:radial-gradient(ellipse at 50% 15%,#abcfe40c,transparent 68%);height:clamp(285px,37vh,390px)}
.hero-hologram .holo-copy{background:#07142183;padding:18px 22px;min-height:190px}
.hero-hologram .holo-title{font:510 20px/1.35 Sora,var(--sans);letter-spacing:-.025em;min-height:54px;margin-bottom:9px}
.hero-hologram .holo-description{font:390 12px/1.7 Sora,var(--sans);color:#cbdce9;min-height:62px}
.hero-hologram .holo-applications{font:400 11px/1.8 Sora,var(--sans);color:#b4d7e6;min-height:60px;margin-top:10px}
.hero-hologram .holo-toolbar{border-color:#d1e8f01a}
.hero-hologram .holo-toolbar button,.hero-hologram .holo-choices button{min-height:38px;border-radius:30px;border-color:#cee8f02b;font:430 10px/1.4 Sora,var(--sans);color:#d7e9f6;box-shadow:none;padding:8px 12px}
.hero-hologram button[aria-pressed=true],.hero-hologram button:hover{background:#c2e4f41c;border-color:#cdeafb7a;box-shadow:inset 0 1px 0 #ffffff36;color:white}
.hero-hologram .holo-transcript{font:12px/1.6 Sora,var(--sans);color:#d0e1f0}
.hero-hologram .holo-transcript summary{color:#c3e5f5;min-height:40px;align-content:center}
.hero-hologram .holo-transcript[open]{padding:15px 18px;border-radius:16px;background:#081423ed}
.hero-hologram .holo-transcript p,.hero-hologram .holo-transcript li{font-size:13px}
.web-details h2,.web-contact h2{font-family:Sora,var(--sans);font-weight:450;font-size:clamp(28px,3vw,43px);letter-spacing:-.035em;line-height:1.2}
.web-details{gap:5%;padding-block:85px;border:0}
.web-profile,.web-services{border-radius:24px;padding:32px 30px;background:linear-gradient(140deg,#e6d5b50a,#afdcff08),rgba(7,18,31,.81);border-color:#c9e2f329;box-shadow:0 16px 40px #0004;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.web-details p,.web-details .mag-services dd{font:400 14px/1.8 Sora,var(--sans);color:#c3d4e3}
.web-details .mag-lead{font-size:18px}
.web-details .mag-education{border:0;background:none;padding:22px 0 0;margin-top:24px}
.web-details .mag-education h3{font:500 20px/1.4 Sora,var(--sans)}
.web-details .mag-education p{font-size:12px;color:#c5d9e8}
.web-details .mag-education p strong{font-size:12px;letter-spacing:0;text-transform:none;background:none;padding:0;color:#d4e9f4}
.web-details .mag-services dt{font:510 18px/1.4 Sora,var(--sans)}
.web-details .mag-services dt:before{display:none}
.web-details .mag-services dd{margin:0}
.web-details .mag-fineprint{color:#bacedd;border:0;font-size:12px}
.web-details a,.web-contact a{color:#c0e7f7}
.web-contact{padding:45px 0 75px;background:none}
.web-contact .mag-lead{font:400 18px/1.7 Sora,var(--sans);color:#c6d7e5}
.web-contact .mag-contact-email{font:480 clamp(21px,2.9vw,40px)/1.5 Sora,var(--sans);color:#e5f5ff;text-shadow:none;letter-spacing:-.025em}
.web-contact .mag-contact-email:hover{text-shadow:none}
.web-contact .mag-links a,.web-contact .mag-links button{font:450 12px/1.5 Sora,var(--sans);text-transform:none;letter-spacing:0;border-radius:30px;background:#cee5fb0a;border-color:#c6e6f54d;min-height:44px}
.web-contact .mag-colophon{font-family:Sora,var(--sans);font-size:12px;border:0;background:none;padding:25px 0;color:#b9cddf}
.web-contact .mag-colophon h3{font:500 16px/1.5 Sora,var(--sans);text-transform:none;letter-spacing:0}
.portfolio :focus-visible{outline:2px solid #c1ebff;outline-offset:4px}
.fusion-playback{position:fixed;bottom:20px;right:20px;z-index:50;min-height:40px;padding:9px 15px;border:1px solid #b9d9ed40;border-radius:30px;background:#071321e6;color:#e1f0fb;font:11px/1.5 Sora,var(--sans);cursor:pointer}
.fusion-playback:hover{background:#183147}
@media(max-width:1259px){.portfolio-shell{margin-left:0}
.profile-rail{position:relative;top:auto;left:auto;bottom:auto;width:min(1280px,90%);margin:18px auto 0;overflow:visible;border-radius:20px}
.profile-card summary{padding:12px 16px}
.profile-summary-name{display:inline;margin-left:12px}
.profile-content{display:grid;grid-template-columns:180px 1fr 1fr;gap:12px 25px;align-items:start;padding:15px 24px 25px}
.profile-photo{grid-row:span 3;margin:0;height:210px}
.profile-content h2{margin:0}
.profile-role{margin:0}
.profile-content dl{grid-column:2;grid-row:span 3;margin:0}
.profile-email{grid-column:3;margin-bottom:0}
.profile-content nav{grid-column:3;margin:0}
.profile-contact{grid-column:3}
.web-intro{gap:6%;grid-template-columns:1.1fr 1fr}
.web-intro h1{font-size:clamp(48px,5.5vw,72px)}
}
@media(max-width:849px){.web-nav{padding-block:20px;gap:12px}
.web-brand{font-size:16px}
.web-brand span{max-width:23ch;font-size:9px;letter-spacing:0}
.web-nav nav{gap:15px;font-size:11px}
.web-nav nav a:last-child{padding:9px 14px}
.web-intro{grid-template-columns:1fr;padding-block:42px 55px;gap:36px;min-height:0}
.web-intro-copy{padding:0}
.web-name{font-size:12px;margin-bottom:20px}
.web-intro h1{font-size:clamp(42px,8vw,62px);letter-spacing:-.04em}
.web-intro-copy>p:last-of-type{font-size:16px;max-width:36ch}
.web-action{font-size:13px;margin-top:20px;padding:14px 22px}
.hero-hologram .holo-visual{height:340px}
.hero-hologram .holo-copy{min-height:250px}
.hero-hologram .holo-title{font-size:23px;min-height:62px}
.hero-hologram .holo-description{font-size:13px;min-height:90px}
.hero-hologram .holo-applications{font-size:12px;min-height:64px}
.hero-hologram .holo-toolbar button,.hero-hologram .holo-choices button{min-height:44px;font-size:11px}
.profile-content{display:block;padding:0 20px 24px}
.profile-photo{height:180px;margin-bottom:20px}
.profile-content h2,.profile-role,.profile-content dl,.profile-email,.profile-content nav{margin-bottom:20px}
.profile-content h2{font-size:21px}
.profile-content dl{display:grid;gap:12px;grid-template-columns:1fr 1fr}
.profile-content dl>div:last-child{grid-column:1/-1}
.profile-content dt{font-size:11px}
.profile-content dd{font-size:13px}
.profile-email{font-size:13px}
.profile-content nav a{font-size:13px;min-height:44px}
.profile-contact{font-size:13px}
.web-details{padding-block:55px;gap:28px}
.web-profile,.web-services{padding:28px 23px;border-radius:22px}
.web-details h2,.web-contact h2{font-size:32px}
.web-details .mag-lead{font-size:18px}
.web-details .mag-education h3{font-size:20px}
.web-contact{padding-bottom:85px}
.web-contact .mag-contact-email{font-size:clamp(19px,5vw,30px);overflow-wrap:anywhere}
.fusion-veil{background:linear-gradient(180deg,#030812b8,#030812af 40%,#030812e6)}
.fusion-playback{bottom:12px;right:12px;font-size:10px;min-height:36px}
.profile-card summary{min-height:60px}
.fusion-art{object-position:50% 50%}
}
@media(prefers-reduced-transparency:reduce){.profile-rail,.hero-hologram .hologram-panel,.web-profile,.web-services{background:#0c1a2b;backdrop-filter:none;-webkit-backdrop-filter:none}
.web-action{background:#28394a}
}
@supports not (backdrop-filter:blur(1px)){.profile-rail,.hero-hologram .hologram-panel,.web-profile,.web-services{background:#0b192bea}
}
.fusion-playback{position:static;display:block;margin-top:16px;width:max-content;font-size:11px;min-height:40px}
.fusion-playback:disabled{opacity:.7}
:root{--sans:Sora,Arial,sans-serif}
.profile-summary-name,.profile-role,.profile-content dt,.profile-content dd,.profile-email,.profile-content nav a,.profile-contact{font-size:13px}
.profile-content nav a{min-height:40px}
.profile-content dt{color:#bbd0e0}
.web-brand span,.web-nav nav,.fusion-playback{font-size:13px}
.web-intro h1{letter-spacing:-.035em}
.hero-hologram .holo-description{font-size:15px;min-height:78px}
.hero-hologram .holo-applications{font-size:13px;min-height:72px}
.hero-hologram .holo-toolbar button,.hero-hologram .holo-choices button{font-size:13px;min-height:40px}
.hero-hologram .holo-title{min-height:54px}
.hero-hologram .holo-transcript{font-size:13px}
.mag-links{font-size:14px}
.mag-links a,.mag-links button{min-height:36px}
.web-name{font-size:13px}
.web-action-arrow{width:20px;height:20px;flex:none;color:#e4f5ff;transition:transform .2s}
.web-action:hover .web-action-arrow{transform:translate(3px,3px)}
.web-details p,.web-details .mag-services dd{font-size:16px}
.web-details .mag-education p,.web-details .mag-education p strong,.web-details .mag-fineprint,.web-contact .mag-colophon{font-size:13px}
.web-contact .mag-links a,.web-contact .mag-links button{font-size:13px}
.mag-read-link{font-size:13px}
.mag-fineprint{color:#bcd3e3}
.mag-project-heading>p{font-size:max(14px,calc(14.5px * var(--page-scale)))}
@media(max-width:849px){.web-brand span{display:none}
.web-nav nav{font-size:13px}
.profile-card summary{font-size:14px}
.profile-summary-name{font-size:13px}
.hero-hologram .holo-description{font-size:15px;min-height:104px}
.hero-hologram .holo-applications{font-size:13px}
.hero-hologram .holo-toolbar button,.hero-hologram .holo-choices button{font-size:13px;min-height:44px}
.mag-project-heading>p{font-size:16px}
.fusion-playback{font-size:13px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
.fusion-art{display:block}
.profile-card summary>svg,.web-action{transition:none}
}
@media print{.fusion-art,.fusion-veil,.fusion-playback,.profile-rail{display:none}
.portfolio-shell{margin:0}
.web-intro h1{color:black}
.hero-hologram .hologram-panel,.web-profile,.web-services{background:white;color:black;box-shadow:none;backdrop-filter:none}
.web-nav,.web-intro,.web-details,.web-contact{width:100%}
}

.hero-hologram .holo-section-heading{display:flex;align-items:center;min-height:62px;font:500 clamp(19px,1.6vw,22px)/1.4 Sora,var(--sans);color:#c2e9f7;padding:17px 22px;margin:0;border-bottom:1px solid #d1e8f01a;letter-spacing:-.02em;opacity:1;visibility:visible;transition:opacity 180ms ease}
.hero-hologram .hologram-panel:not([data-state]) .holo-section-heading,.hero-hologram [data-state="rostro"] .holo-section-heading{opacity:0;visibility:hidden}
@media(max-width:849px){.hero-hologram .holo-section-heading{padding-inline:20px;min-height:58px;font-size:20px}}
@media(prefers-reduced-motion:reduce){.hero-hologram .holo-section-heading{transition:none}}