@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#090f19;--surface:#101926;--gold:#dbbd87;--text:#edeef0;--muted:#99a5b6;--line:#26303e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 'DM Sans',sans-serif}body::before{content:'';position:fixed;inset:0;pointer-events:none;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='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.8' d='M0 0h180v180H0z'/%3E%3C/svg%3E");z-index:10}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:7px}.progress{position:fixed;top:0;left:0;height:2px;background:var(--gold);width:0;z-index:100}.skip{position:fixed;top:-100px;background:var(--gold);color:var(--bg);padding:12px;z-index:101}.skip:focus{top:5px}header{height:92px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0c;background:#090f19ed;position:relative;z-index:20}.logo{font:800 30px 'Manrope',sans-serif;letter-spacing:-2px}.logo span{color:var(--gold)}nav{display:flex;gap:32px;font-size:13px;color:#b6bfcd}nav a:hover,.text-link:hover,.contact-links a:hover{color:var(--gold)}.nav-contact{font-size:13px;border-bottom:1px solid var(--gold);padding:9px 0}.nav-contact span{margin-left:22px;color:var(--gold)}.hero{min-height:740px;position:relative;padding:100px 6% 80px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;overflow:hidden;background:radial-gradient(ellipse at 80% 35%,#18304460,transparent 55%)}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.6px;color:var(--gold);margin:0 0 25px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold);margin:0 10px 2px 0;box-shadow:0 0 14px #dbbd8790}h1,h2,h3,h4,p{margin-top:0}h1{font:500 clamp(48px,5.7vw,88px)/1.09 'Manrope',sans-serif;letter-spacing:-4px;margin-bottom:28px}em{font-family:Georgia,serif;font-weight:400;color:var(--gold)}.intro{max-width:520px;color:var(--muted);font-size:15px;line-height:1.9}.actions{display:flex;align-items:center;gap:30px;margin-top:35px}.button{padding:16px 24px;font-size:13px;display:inline-flex;gap:30px;align-items:center;transition:transform .3s,background .3s}.button:hover{transform:translateY(-4px);background:#efd3a4}.gold{background:var(--gold);color:#10151b}.text-link{font-size:13px}.system-art{height:470px;position:relative;display:grid;place-items:center;isolation:isolate}.orbit{position:absolute;border:1px solid #d6bb8230;border-radius:50%;width:390px;height:390px;transform:rotateX(25deg) rotateZ(-25deg);animation:orbit 30s linear infinite}.orbit::after{content:'';position:absolute;left:50%;top:-4px;width:7px;height:7px;background:var(--gold);border-radius:50%;box-shadow:0 0 20px var(--gold)}.orbit-two{width:310px;height:310px;border-color:#56788d60;animation-direction:reverse;animation-duration:23s}.orbit-three{width:470px;height:470px;border-style:dashed;border-color:#d6bb8214;animation-duration:80s}.core{width:210px;height:210px;border:1px solid #dbbd8750;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 25%,#30434b,#101a27 70%);box-shadow:0 0 85px #79b6d018,inset 0 0 35px #dbbd8710;z-index:2}.core small{font-size:7px;letter-spacing:2px;color:#c0b69e}.core strong{font:500 78px/1.5 'Manrope',sans-serif;letter-spacing:-6px}.core>span{font-size:8px;letter-spacing:2px;color:var(--gold)}.node{position:absolute;background:#14212fe8;border:1px solid #ffffff16;backdrop-filter:blur(15px);padding:10px 17px;font-size:11px;z-index:3;box-shadow:0 10px 40px #0003;animation:float 6s ease-in-out infinite}.node i{display:inline-block;background:var(--gold);height:4px;width:4px;border-radius:50%;margin-right:10px}.n1{top:70px;left:25px}.n2{right:0;top:205px;animation-delay:-2s}.n3{bottom:85px;left:30px;animation-delay:-4s}.art-caption{position:absolute;bottom:0;right:0}.art-caption span{font-size:8px;letter-spacing:2px;color:var(--gold)}.art-caption p{font:italic 17px/1.4 Georgia,serif;color:#a3afbc;margin-top:10px}.hero-bottom{position:absolute;bottom:25px;left:6%;right:6%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px;color:#788698}.credentials{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 6%;padding:35px 0}.credentials>div{padding-left:30px;border-right:1px solid var(--line)}.credentials>div:first-child{padding-left:0}.credentials>div:last-child{border:0}.credentials strong{font:500 32px 'Manrope',sans-serif;letter-spacing:-1px}.credentials strong span{color:var(--gold)}.credentials p{margin:8px 0 0;font-size:11px;color:var(--muted)}.section{padding:115px 6%;scroll-margin-top:0}h2{font:500 clamp(34px,3.5vw,53px)/1.2 'Manrope',sans-serif;letter-spacing:-2px;margin-bottom:25px}.about{display:grid;grid-template-columns:1fr 1fr;gap:10%}.about-copy{padding-top:35px;color:var(--muted);font-size:14px}.about-copy .large{font-size:21px;color:#d5dae1;line-height:1.6}.signature{margin-top:30px;font:italic 25px Georgia,serif;color:var(--gold)}.signature span{display:block;font:8px 'DM Sans',sans-serif;letter-spacing:2px;color:var(--muted);margin-top:15px}.section-top{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:40px}.section-top>p{font-size:12px;color:var(--muted);margin-bottom:30px}.expertise-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.expertise{padding:35px 30px;position:relative;background:linear-gradient(145deg,#ffffff03,transparent);border-right:1px solid var(--line);transition:background .4s}.expertise:last-child{border:0}.expertise:hover{background:#16222f}.index{position:absolute;right:25px;top:25px;font-size:10px;color:#69788a}.line-icon{font:40px Georgia;color:var(--gold);margin:5px 0 25px}.expertise h3{font-size:18px;font-weight:500;letter-spacing:-.5px}.expertise p{font-size:13px;color:var(--muted);min-height:90px}.tags{display:flex;gap:7px;flex-wrap:wrap}.tags span{font-size:9px;border:1px solid #ffffff14;padding:4px 9px;color:#b8c4d1}.modules{padding-top:35px}.modules .eyebrow{font-size:8px;margin-bottom:12px}.modules>p:last-child{color:var(--muted);font-size:12px;line-height:2.2}.modules b{font-weight:400;color:var(--gold);margin:0 12px}.work{background:#0d1521;border-top:1px solid #ffffff06;border-bottom:1px solid #ffffff06}.project{border-top:1px solid var(--line)}.project:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:65px 1fr 40px;align-items:center;padding:30px 0}summary::-webkit-details-marker{display:none}.project-number{color:var(--gold);font-size:11px;align-self:start;padding-top:5px}summary small{font-size:8px;letter-spacing:1.5px;color:var(--muted)}summary h3{font:500 clamp(21px,2.4vw,33px) 'Manrope',sans-serif;margin:8px 0;letter-spacing:-1px}summary p{font-size:12px;color:var(--muted);margin:0}.plus{font-size:29px;color:var(--gold);font-weight:400;transition:transform .3s}details[open] .plus{transform:rotate(45deg)}.project-body{padding:0 65px 30px;max-width:900px;color:var(--muted);font-size:13px;animation:enter .4s ease}.project-body ul{padding-left:18px;line-height:2}.timeline{max-width:960px;margin:50px auto 0}.timeline article{display:grid;grid-template-columns:230px 1fr;gap:40px;padding:0 0 42px;position:relative}.timeline time{font-size:10px;letter-spacing:1px;color:var(--muted);padding-top:6px;text-align:right}.timeline article>div{border-left:1px solid var(--line);padding-left:40px;position:relative}.timeline article>div::before{content:'';position:absolute;left:-4px;top:10px;height:7px;width:7px;border:1px solid var(--gold);background:var(--bg);border-radius:50%}.timeline h3{font:500 22px 'Manrope',sans-serif;margin-bottom:6px;letter-spacing:-.6px}.timeline h4{font-size:12px;font-weight:400;color:var(--gold);margin-bottom:12px}.timeline p{font-size:13px;max-width:550px;color:var(--muted);margin-bottom:0}.current{display:inline-block;font-size:8px;color:var(--gold);letter-spacing:1.5px;border:1px solid #dbbd8740;padding:2px 8px;margin-bottom:12px}.education{margin:25px 0 0 28%;border-top:1px solid var(--line);padding-top:30px}.education .eyebrow{font-size:8px}.education h3{margin:10px 0 5px;font-weight:500;font-size:20px}.education p{font-size:12px;color:var(--muted)}.contact{text-align:center;background:radial-gradient(ellipse at 50% 100%,#26374460,transparent 65%);border-top:1px solid var(--line)}.contact h2{font-size:clamp(38px,5vw,74px)}.contact>p:not(.eyebrow){color:var(--muted);font-size:13px}.email{display:inline-block;font:500 clamp(21px,3vw,42px) 'Manrope',sans-serif;padding:15px 0;border-bottom:1px solid #dbbd8760;letter-spacing:-1px}.email span{color:var(--gold);margin-left:20px}.contact-links{display:flex;justify-content:center;gap:30px;margin-top:35px;font-size:11px}.contact-links button{color:var(--muted);border:0;background:none;padding:0;cursor:pointer;font-size:11px}.copy-status{height:20px;margin:12px 0 0}footer{padding:35px 6%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}footer p{font-size:11px;color:var(--muted);margin:0}footer p span{margin-left:20px;color:#657285}footer>a:last-child{font-size:8px;letter-spacing:1.5px;color:var(--muted)}.js-motion .reveal{opacity:0;transform:translateY(25px);transition:opacity .8s ease,transform .8s ease}.js-motion .reveal.visible{opacity:1;transform:translateY(0)}@keyframes orbit{to{transform:rotateX(25deg) rotateZ(335deg)}}@keyframes float{50%{transform:translateY(-12px)}}@keyframes enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1500px){header,.hero,.section,footer{padding-left:max(6%,calc((100vw - 1340px)/2));padding-right:max(6%,calc((100vw - 1340px)/2))}}@media(max-width:1000px){.hero{grid-template-columns:1.2fr .8fr;min-height:690px}.system-art{transform:scale(.77);transform-origin:center}.hero h1{letter-spacing:-2.5px}.expertise{padding:25px 20px}.section-top>p{max-width:210px}.section{padding-top:85px;padding-bottom:85px}}@media(max-width:700px){header{height:76px}nav{display:none}.hero{display:block;padding-top:65px;padding-bottom:70px}.hero h1{font-size:55px}.intro{font-size:14px}.hero .eyebrow{font-size:8px;letter-spacing:1.8px}.system-art{height:350px;transform:scale(.8);margin:0 -20px}.hero-bottom{font-size:7px;letter-spacing:1px}.hero-bottom>span{max-width:150px}.credentials{grid-template-columns:1fr 1fr;padding:10px 0}.credentials>div{padding:20px!important}.credentials>div:nth-child(2){border:0}.credentials strong{font-size:27px}.section{padding:70px 6%}.about{grid-template-columns:1fr;gap:0}.about-copy{padding-top:0}.section-top{display:block}.section-top>p{max-width:none}.expertise-grid{grid-template-columns:1fr}.expertise{border-right:0;border-bottom:1px solid var(--line);padding:30px}.expertise p{min-height:0}.line-icon{margin-bottom:15px}.modules b{margin:0 5px}summary{grid-template-columns:30px 1fr 20px;padding:25px 0}summary h3{font-size:23px}.project-body{padding:0 30px 25px}.timeline article{grid-template-columns:1fr;gap:12px;padding-bottom:30px}.timeline time{text-align:left;padding-left:25px}.timeline article>div{padding-left:25px}.education{margin-left:25px}.contact-links{gap:20px;flex-wrap:wrap}.email{letter-spacing:-.5px;font-size:20px}.email span{margin-left:6px}footer{gap:15px}footer p{font-size:9px}footer p span{display:block;margin:3px 0 0}.art-caption{right:15px}.contact br{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}}

.avatar-stage{position:relative;z-index:2;width:250px;height:295px;display:grid;place-items:center;perspective:600px}.avatar-halo{position:absolute;width:235px;height:235px;border-radius:50%;background:radial-gradient(circle,#dbbd8722,#5a8baa11 60%,transparent 72%);box-shadow:0 0 65px #dbbd8710}.custom-avatar{width:240px;height:260px;filter:drop-shadow(0 20px 22px #0008);overflow:visible}.avatar-head{transform-origin:120px 130px;transform:translate(var(--head-x,0px),var(--head-y,0px)) rotate(var(--head-rotate,0deg));transition:transform .16s ease-out}.avatar-pupils{transform:translate(var(--eye-x,0px),var(--eye-y,0px));transition:transform .12s ease-out}.avatar-label{font-size:8px;letter-spacing:1.5px;color:var(--gold);white-space:nowrap;padding:7px 12px;border:1px solid #dbbd8730;background:#0d1725;border-radius:20px}.avatar-label .dot{width:4px;height:4px;margin-right:5px}.hero-contact{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;color:var(--muted);margin-top:24px}.hero-contact span{color:var(--gold)}.hero-contact a:hover{color:var(--gold)}.phone-contact{display:block;width:fit-content;margin:18px auto 0;color:#c4cedb;font-size:19px;letter-spacing:1px}.contact-actions{display:flex;justify-content:center;gap:14px;margin-top:30px;flex-wrap:wrap}.whatsapp{background:#143b31;border:1px solid #53967b;color:#dcf6e9}.whatsapp:hover{background:#20513f}.contact-actions .button{min-width:170px;justify-content:space-between}@media(max-width:700px){.hero-contact{font-size:10px;gap:8px}.avatar-stage{transform:scale(.95)}}@media(prefers-reduced-motion:reduce){.avatar-head,.avatar-pupils{transform:none!important}}

/* Portrait composition: clean cutout, soft navy fade, restrained gold accents. */
.portrait-panel{height:560px;align-self:end;margin-bottom:-30px}.professional-portrait{position:absolute;bottom:0;width:100%;max-width:450px;height:550px;object-fit:contain;object-position:center bottom;z-index:2;filter:drop-shadow(0 12px 35px #0003);mask-image:linear-gradient(to bottom,#000 76%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 76%,transparent 100%)}.portrait-panel::before{content:'';position:absolute;width:360px;height:450px;bottom:40px;border:1px solid #dbbd8725;border-radius:180px 180px 0 0;background:radial-gradient(ellipse at 50% 45%,#33465266,transparent 70%);z-index:0}.portrait-panel .orbit{opacity:.35}.portrait-panel .avatar-stage{position:absolute;right:-20px;bottom:0;transform:scale(.43);transform-origin:bottom right;z-index:4}.portrait-panel .node{display:none}.portrait-panel .art-caption{left:0;right:auto;bottom:3px;z-index:3}.portrait-panel .art-caption p{font-size:14px}.portrait-panel .art-caption span{font-size:7px}@media(max-width:1000px) and (min-width:701px){.portrait-panel{transform:none;margin-left:-20px;height:480px}.professional-portrait{height:460px}.portrait-panel::before{width:90%;height:360px}.portrait-panel .orbit-three{width:350px;height:350px}.portrait-panel .orbit-one{width:290px;height:290px}.portrait-panel .orbit-two{width:240px;height:240px}}@media(max-width:700px){.portrait-panel{transform:none;height:440px;margin:25px 0 0}.professional-portrait{height:440px;max-width:355px}.portrait-panel::before{height:340px;width:280px}.portrait-panel .orbit-three{width:350px;height:350px}.portrait-panel .orbit-one{width:300px;height:300px}.portrait-panel .orbit-two{width:250px;height:250px}.portrait-panel .avatar-stage{right:0;transform:scale(.38)}.portrait-panel .art-caption{left:0;bottom:0}.hero{padding-bottom:85px}}

.top-portrait{display:flex;align-items:center;gap:20px;margin:-45px 0 32px}.top-portrait>img{width:105px;height:126px;object-fit:cover;object-position:50% 15%;background:radial-gradient(ellipse at 50% 55%,#405165,#122031);border-radius:55px 55px 25px 25px;border:1px solid #dbbd8740;mask-image:linear-gradient(#000 88%,transparent);-webkit-mask-image:linear-gradient(#000 88%,transparent)}.top-portrait .eyebrow{font-size:8px;letter-spacing:2px;display:block;margin-bottom:7px}.top-portrait p{font:500 20px/1.5 'Manrope',sans-serif;margin:0}.top-portrait p>span{display:block;font:7px/1.7 'DM Sans',sans-serif;letter-spacing:1.5px;color:var(--muted);margin-top:6px}.mini-gopala{filter:drop-shadow(0 15px 20px #0006)}@media(max-width:700px){.top-portrait{margin:-30px 0 30px;gap:16px}.top-portrait>img{width:85px;height:105px}.top-portrait p{font-size:18px}.top-portrait p>span{font-size:6px}}

.top-portrait>img{background:transparent;border:0;border-radius:0;object-fit:contain;object-position:center bottom;mask-image:linear-gradient(to bottom,#000 85%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 85%,transparent 100%)}.top-portrait p{font-size:26px;line-height:1.3;max-width:360px;letter-spacing:-.6px}.signature{font-size:28px}@media(max-width:700px){.top-portrait p{font-size:23px;max-width:290px}.top-portrait p>span{font-size:7px;letter-spacing:1px;margin-top:10px}.signature{font-size:25px}}@media(max-width:390px){.top-portrait p{font-size:21px}.top-portrait{gap:12px}}

.top-portrait{gap:24px;align-items:center;margin-top:-38px;margin-bottom:36px}.top-portrait>div{position:relative;padding-left:20px;border-left:1px solid #dbbd8750}.top-portrait>div::before{content:'';position:absolute;left:-2px;top:0;width:3px;height:30px;background:var(--gold);transform-origin:top;animation:name-rule 1s cubic-bezier(.2,.7,.2,1) both}.top-portrait .name-lockup{max-width:none;margin:0;font-family:'Manrope',sans-serif;letter-spacing:-1px;line-height:1.12;font-weight:500}.top-portrait .name-lockup>span{display:block;color:var(--text);font:inherit;font-size:clamp(25px,2.6vw,38px);letter-spacing:-1px;margin:0;animation:name-arrive .85s cubic-bezier(.16,1,.3,1) both}.top-portrait .name-lockup>.name-last{font-family:Georgia,serif;font-style:italic;font-size:clamp(32px,3.3vw,48px);letter-spacing:-1.1px;color:var(--gold);margin-top:3px;animation-delay:.14s}.name-dot{display:inline-block;color:#ece2cf;animation:name-dot 1.2s ease .3s both}.name-caption{display:block;margin-top:14px;font-size:7px;letter-spacing:2px;color:var(--muted);animation:name-arrive .85s ease .3s both}.top-portrait>img{width:105px;height:138px}.name-lockup:hover .name-last{color:#f4d9aa;transition:color .35s}@keyframes name-arrive{from{opacity:0;transform:translateY(14px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes name-rule{from{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes name-dot{from{opacity:0;transform:scale(.2)}60%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@media(max-width:700px){.top-portrait{gap:17px;margin-top:-30px;margin-bottom:35px}.top-portrait>div{padding-left:16px}.top-portrait>img{width:85px;height:120px}.top-portrait .name-lockup>span{font-size:28px}.top-portrait .name-lockup>.name-last{font-size:38px}.name-caption{font-size:6px;letter-spacing:1.4px;line-height:1.8;max-width:240px}}@media(max-width:390px){.top-portrait{gap:10px}.top-portrait>div{padding-left:12px}.top-portrait>img{width:70px;height:105px}.top-portrait .name-lockup>span{font-size:23px}.top-portrait .name-lockup>.name-last{font-size:32px}.name-caption{font-size:5.5px;letter-spacing:.8px}}@media(prefers-reduced-motion:reduce){.name-lockup span,.name-caption,.top-portrait>div::before{animation:none!important;filter:none!important;transform:none!important}}

/* A personal welcome, with evidence and useful paths into the portfolio. */
.hero{padding-top:80px;padding-bottom:95px;min-height:790px}.top-portrait{margin-top:0;margin-bottom:28px;animation:welcome-in .7s ease both}.top-portrait .name-lockup{margin:0;font-weight:500}.top-portrait .name-lockup>span{font-size:clamp(30px,3.5vw,50px)}.top-portrait .name-lockup>.name-last{font-size:clamp(38px,4.2vw,62px)}.top-portrait>img{width:110px;height:150px}.hero-copy>.eyebrow{font-size:8px;letter-spacing:1.9px;margin-bottom:18px}.hero-value{font-size:clamp(27px,3.1vw,43px);line-height:1.25;letter-spacing:-1.4px;max-width:610px;margin-bottom:20px;animation:welcome-in .7s ease .15s both}.hero-proof{font-size:10px;letter-spacing:.5px;color:#d6dee8;animation:welcome-in .7s ease .22s both}.hero-proof span{color:var(--gold);margin:0 8px}.hero .intro{font-size:13px;max-width:490px;animation:welcome-in .7s ease .3s both}.hero .actions{margin-top:25px;animation:welcome-in .7s ease .38s both}.signature-project{display:block;padding:17px 20px;border:1px solid #dbbd8730;background:linear-gradient(110deg,#dbbd8709,transparent);max-width:465px;margin-top:28px;transition:background .3s,border-color .3s;animation:welcome-in .7s ease .45s both}.signature-project:hover{border-color:#dbbd8780;background:#dbbd8710}.project-kicker{display:block;font-size:7px;letter-spacing:1.6px;color:var(--gold)}.signature-project strong{display:block;font:500 21px/1.5 'Manrope',sans-serif;margin-top:6px;letter-spacing:-.6px}.signature-project strong>span{margin:0 10px;color:var(--gold)}.project-invitation{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:8px;color:var(--muted);margin-top:7px}.project-invitation b{font-weight:400;color:var(--gold)}.hero-contact{font-size:10px;margin-top:18px}.node:hover{border-color:#dbbd8770;color:var(--gold)}.avatar-toggle{cursor:pointer;font-family:inherit;z-index:6;position:relative;transition:border-color .3s}.avatar-toggle:hover{border-color:var(--gold)}.avatar-menu[hidden]{display:none}.avatar-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:8px;width:235px;display:flex;flex-direction:column;gap:0;background:#121f30f7;border:1px solid #dbbd8755;box-shadow:0 20px 40px #0006;padding:15px;z-index:8;text-align:left}.avatar-menu p{font-size:10px;color:var(--gold);margin:0 0 8px}.avatar-menu a{padding:10px 4px;font-size:11px;border-top:1px solid #ffffff10;color:#d5dfe9}.avatar-menu a:hover{color:var(--gold)}.welcome-hand{transform-origin:183px 213px;animation:gk-wave 1.25s ease .25s both}.system-art{animation:welcome-in .8s ease .2s both}#development,#production-support,#leadership{scroll-margin-top:100px}#bank-muscat{scroll-margin-top:80px}#bank-muscat:target{background:#dbbd8708}@keyframes gk-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(13deg)}40%,80%{transform:rotate(-9deg)}}@keyframes welcome-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){.hero{padding-top:40px;padding-bottom:85px}.top-portrait{margin:0 0 25px;gap:16px}.top-portrait>img{width:85px;height:125px}.top-portrait .name-lockup>span{font-size:29px}.top-portrait .name-lockup>.name-last{font-size:40px}.hero-value{font-size:32px;letter-spacing:-1px}.hero-proof{font-size:9px;line-height:1.9}.hero-proof span{margin:0 4px}.hero .intro{font-size:13px}.signature-project{padding:15px}.system-art{margin-top:25px}.n2{right:-8px;font-size:10px;padding:10px}.avatar-menu{width:225px}.hero-bottom{font-size:7px}}@media(max-width:390px){.top-portrait .name-lockup>span{font-size:24px}.top-portrait .name-lockup>.name-last{font-size:35px}.top-portrait>img{width:70px}.hero-value{font-size:29px}.hero-proof{font-size:8px}.signature-project strong{font-size:20px}}@media(prefers-reduced-motion:reduce){.welcome-hand,.hero-copy>*,.system-art{animation:none!important}}

/* Clearer hierarchy, comfortable reading widths and balanced hero columns. */
.hero{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);column-gap:6%;align-items:center;min-height:0;padding-top:55px;padding-bottom:85px}.hero-copy{min-width:0}.top-portrait{gap:22px;margin:0 0 30px;align-items:center}.top-portrait>img{width:102px;height:132px;flex:0 0 auto}.top-portrait>div{padding-left:20px;min-width:0}.top-portrait .name-lockup>span{font-size:clamp(28px,2.75vw,42px);letter-spacing:-1px;line-height:1.15}.top-portrait .name-lockup>.name-last{font-size:clamp(35px,3.2vw,48px);line-height:1.12;margin-top:4px}.name-caption{font-size:9px;line-height:1.6;letter-spacing:1.3px;margin-top:12px}.hero-copy>.eyebrow{font-size:10px;letter-spacing:1.6px;margin:0 0 16px}.hero-value{font-size:clamp(34px,3.45vw,50px);line-height:1.18;letter-spacing:-1.5px;margin-bottom:24px;max-width:660px}.hero-value em{white-space:normal}.hero-proof{font-size:12px;line-height:1.8;margin:0 0 16px;letter-spacing:0}.hero-proof span{margin:0 9px}.hero .intro{font-size:16px;line-height:1.8;max-width:560px;margin-bottom:0;color:#adb9c8}.hero .actions{margin-top:26px;gap:28px}.hero .button{font-size:14px;padding:15px 23px}.hero .text-link{font-size:14px}.signature-project{max-width:560px;margin-top:28px;padding:17px 20px}.project-kicker{font-size:9px;letter-spacing:1.3px}.signature-project strong{font-size:23px;margin-top:6px}.project-invitation{font-size:11px;line-height:1.6;gap:6px 20px}.hero-contact{font-size:12px;line-height:1.8;gap:12px;margin-top:18px}.hero .system-art{height:490px;align-self:center;transform:none;min-width:0;margin:0}.hero .orbit-one{width:350px;height:350px}.hero .orbit-two{width:280px;height:280px}.hero .orbit-three{width:420px;height:420px}.hero .n1{left:0;top:65px}.hero .n2{right:-10px;top:215px}.hero .n3{left:0;bottom:75px}.hero .art-caption{right:0;bottom:0}.hero .art-caption p{font-size:16px}.hero .node{font-size:12px;padding:10px 14px}.hero-bottom{bottom:23px;font-size:9px;letter-spacing:1.5px}@media(min-width:1600px){.hero{column-gap:7%;padding-top:65px;padding-bottom:90px}.hero-value{font-size:52px}.top-portrait .name-lockup>span{font-size:43px}.top-portrait .name-lockup>.name-last{font-size:50px}.hero .system-art{height:510px}.hero .orbit-one{width:390px;height:390px}.hero .orbit-two{width:310px;height:310px}.hero .orbit-three{width:460px;height:460px}}@media(min-width:701px) and (max-width:1050px){.hero{grid-template-columns:minmax(0,1.2fr) minmax(0,.85fr);column-gap:3%}.top-portrait{gap:12px}.top-portrait>img{width:75px;height:110px}.top-portrait>div{padding-left:13px}.top-portrait .name-lockup>span{font-size:27px}.top-portrait .name-lockup>.name-last{font-size:35px}.name-caption{font-size:7px}.hero-value{font-size:36px}.hero .intro{font-size:14px}.hero-proof{font-size:10px}.hero-proof span{margin:0 4px}.hero .system-art{transform:scale(.8);transform-origin:center;overflow:visible}.hero .orbit-three{width:350px;height:350px}.hero .n2{right:-35px}.hero .art-caption{right:-10px}.hero-contact{font-size:10px}}@media(max-width:700px){.hero{display:block;padding-top:35px;padding-bottom:75px}.top-portrait{gap:17px;margin-bottom:25px}.top-portrait>img{width:80px;height:112px}.top-portrait>div{padding-left:16px}.top-portrait .name-lockup>span{font-size:28px}.top-portrait .name-lockup>.name-last{font-size:37px}.name-caption{font-size:7px;letter-spacing:1px;max-width:240px}.hero-copy>.eyebrow{font-size:9px;letter-spacing:1.2px;margin-bottom:14px}.hero-value{font-size:36px;line-height:1.2;letter-spacing:-1px;margin-bottom:21px}.hero-proof{font-size:11px;line-height:1.9}.hero-proof span{margin:0 5px}.hero .intro{font-size:15px;line-height:1.8}.hero .actions{gap:25px;margin-top:23px}.hero .button{font-size:13px}.hero .text-link{font-size:13px}.signature-project{margin-top:25px;padding:16px}.project-kicker{font-size:8px}.signature-project strong{font-size:22px}.project-invitation{font-size:10px}.hero-contact{font-size:11px;gap:5px 10px}.hero .system-art{height:410px;margin:25px 0 0;transform:none}.hero .orbit-one{width:290px;height:290px}.hero .orbit-two{width:235px;height:235px}.hero .orbit-three{width:340px;height:340px}.hero .n1{left:0;top:45px}.hero .n2{right:0;top:205px}.hero .n3{left:0;bottom:60px}.hero .node{font-size:10px;padding:9px 10px}.hero .avatar-stage{transform:scale(.86)}.hero .art-caption p{font-size:13px}.hero .art-caption span{font-size:7px}.hero-bottom{font-size:7px;letter-spacing:1px}}@media(max-width:390px){.top-portrait{gap:10px}.top-portrait>img{width:64px;height:100px}.top-portrait>div{padding-left:12px}.top-portrait .name-lockup>span{font-size:24px}.top-portrait .name-lockup>.name-last{font-size:33px}.hero-value{font-size:31px}.hero-proof{font-size:10px}.hero-proof span{margin:0 3px}.hero .orbit-three{width:300px;height:300px}.hero .orbit-one{width:265px;height:265px}.hero .orbit-two{width:220px;height:220px}}

/* One-line signature and a more spacious editorial headline. */
.top-portrait{gap:18px;margin-bottom:38px}.top-portrait>img{width:82px;height:115px}.top-portrait>div{padding-left:18px;flex:1;min-width:0}.top-portrait .name-lockup{display:flex;align-items:baseline;gap:.23em;white-space:nowrap;letter-spacing:-.8px}.top-portrait .name-lockup>span{display:inline-block;font-size:clamp(22px,2.1vw,31px);line-height:1.25;letter-spacing:-.8px}.top-portrait .name-lockup>.name-last{display:inline-block;font-size:clamp(26px,2.45vw,36px);line-height:1.25;letter-spacing:-.8px;margin-top:0}.name-caption{margin-top:13px;font-size:8px;letter-spacing:1.2px}.hero-copy>.eyebrow{margin-bottom:25px}.hero-value{padding:0 0 0 20px;border-left:1px solid #dbbd8740;margin:0 0 30px;line-height:1.28;letter-spacing:-1.2px}.hero-value em{display:inline-block;margin-top:10px}.hero-proof{margin-bottom:18px}@media(min-width:1600px){.top-portrait .name-lockup>span{font-size:32px}.top-portrait .name-lockup>.name-last{font-size:37px}}@media(min-width:701px) and (max-width:1050px){.top-portrait{gap:10px}.top-portrait>img{width:58px;height:95px}.top-portrait>div{padding-left:10px}.top-portrait .name-lockup>span{font-size:18px;letter-spacing:-.7px}.top-portrait .name-lockup>.name-last{font-size:21px;letter-spacing:-.7px}.name-caption{font-size:6px;letter-spacing:.8px}.hero-value{padding-left:15px}}@media(max-width:700px){.top-portrait{gap:12px;margin-bottom:33px}.top-portrait>img{width:60px;height:95px}.top-portrait>div{padding-left:12px}.top-portrait .name-lockup{gap:.22em}.top-portrait .name-lockup>span{font-size:clamp(17px,4.3vw,27px);letter-spacing:-.6px}.top-portrait .name-lockup>.name-last{font-size:clamp(20px,5vw,31px);letter-spacing:-.6px}.name-caption{font-size:6px;letter-spacing:.8px;margin-top:10px}.hero-copy>.eyebrow{margin-bottom:23px}.hero-value{padding-left:16px;margin-bottom:27px;font-size:33px;line-height:1.3}.hero-value em{margin-top:9px}}@media(max-width:390px){.top-portrait{gap:8px}.top-portrait>img{width:47px;height:83px}.top-portrait>div{padding-left:9px}.top-portrait .name-lockup>span{font-size:16px;letter-spacing:-.5px}.top-portrait .name-lockup>.name-last{font-size:19px;letter-spacing:-.5px}.name-caption{font-size:5.5px;letter-spacing:.5px}.hero-value{font-size:30px;padding-left:13px}}

/* Mini GK: one welcoming companion, with bounded gestures and a quiet dock. */
.welcome-hand{animation:none;transform-origin:183px 213px}.avatar-stage.is-waving .hand-right{animation:mini-wave-right 1.15s ease both}.avatar-stage.is-waving .hand-left{animation:mini-wave-left 1.15s ease both}.mini-gopala[role="button"]{cursor:pointer;border-radius:35px}.mini-gopala:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.avatar-stage.is-cheery .avatar-head{filter:brightness(1.06)}.mini-speech{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);width:max-content;max-width:245px;font-size:11px;line-height:1.6;text-align:center;background:#162436f5;color:#e7d6b7;border:1px solid #dbbd8755;padding:10px 14px;border-radius:13px 13px 13px 3px;box-shadow:0 10px 30px #0004;margin:0 0 4px;opacity:0;visibility:hidden;transition:opacity .2s;pointer-events:none}.mini-speech.has-message{opacity:1;visibility:visible}.mini-minimize{display:none;position:absolute;right:0;top:0;width:27px;height:27px;border-radius:50%;background:#142132;color:var(--gold);border:1px solid #dbbd8740;cursor:pointer;z-index:12;font-size:18px;line-height:1}.mini-placeholder{width:250px;height:295px}.avatar-stage.is-docked{position:fixed;right:24px;bottom:20px;width:145px;height:180px;z-index:45;transform:none!important;animation:none!important;filter:drop-shadow(0 7px 14px #0004)}.avatar-stage.is-docked .custom-avatar{width:145px;height:157px}.avatar-stage.is-docked .avatar-halo{width:140px;height:140px}.avatar-stage.is-docked .avatar-label{font-size:7px;letter-spacing:.6px;padding:6px 9px;background:#142132}.avatar-stage.is-docked .mini-minimize{display:block}.avatar-stage.is-docked .mini-speech{left:auto;right:0;transform:none;bottom:96%;max-width:220px;font-size:10px}.avatar-stage.is-docked .avatar-menu{top:auto;bottom:100%;left:auto;right:0;transform:none;margin-bottom:12px;width:225px}.avatar-stage.is-minimized{height:36px;width:150px}.avatar-stage.is-minimized .custom-avatar,.avatar-stage.is-minimized .avatar-halo,.avatar-stage.is-minimized .mini-speech{display:none}.avatar-stage.is-minimized .mini-minimize{top:-20px;right:0}.avatar-stage.is-minimized .avatar-label{padding:9px 13px}.avatar-stage.is-minimized .avatar-menu{bottom:42px}.avatar-menu p{line-height:1.5}@keyframes mini-wave-right{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(15deg)}40%,80%{transform:rotate(-9deg)}}@keyframes mini-wave-left{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-9deg)}40%,80%{transform:rotate(15deg)}}@media(max-width:700px){.avatar-stage.is-docked{right:14px;bottom:14px;width:100px;height:130px}.avatar-stage.is-docked .custom-avatar{width:100px;height:108px}.avatar-stage.is-docked .avatar-halo{width:100px;height:100px}.avatar-stage.is-docked .avatar-label{font-size:6px;padding:5px 7px}.avatar-stage.is-docked .mini-minimize{width:24px;height:24px;font-size:16px}.avatar-stage.is-docked .mini-speech{max-width:190px;font-size:10px}.avatar-stage.is-minimized{height:34px;width:125px}.mini-speech{font-size:11px;max-width:225px}.avatar-stage.is-docked .avatar-menu{width:220px}.avatar-stage.is-docked .avatar-menu a{min-height:44px;display:flex;align-items:center}}@media(prefers-reduced-motion:reduce){.avatar-stage.is-waving .welcome-hand{animation:none!important}.mini-speech{transition:none}}

/* Full-body 3D poses, with scroll-position guidance. */
.avatar-stage{height:345px}.mini-placeholder{height:345px}.fullbody-character{position:relative;width:225px!important;height:315px!important;overflow:visible;transform-origin:50% 90%;filter:drop-shadow(0 12px 18px #0005)}.fullbody-character .pose{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .22s;pointer-events:none}.pose-guide{opacity:0}.avatar-stage.is-guide .pose-guide{opacity:1}.avatar-stage.is-guide .pose-vanakkam{opacity:0}.greeting-mark{position:absolute;bottom:0;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:1px;color:var(--gold);background:#0d1725d9;border:1px solid #dbbd8730;border-radius:12px;padding:3px 10px;opacity:0;transition:opacity .2s}.is-vanakkam .greeting-mark{opacity:1}.avatar-stage.is-reacting .fullbody-character{animation:vanakkam-bow 1.3s ease both}.avatar-stage.is-guide.is-reacting .fullbody-character{animation:guide-hello 1.2s ease both}.avatar-stage.is-docked{top:var(--dock-top,90px);bottom:auto;right:20px;width:130px;height:210px;transition:top .32s ease,right .3s ease;filter:drop-shadow(0 6px 12px #0004)}.avatar-stage.is-docked .fullbody-character{width:125px!important;height:188px!important}.avatar-stage.is-docked .avatar-halo{width:105px;height:150px;background:radial-gradient(ellipse,#dbbd8710,transparent)}.avatar-stage.is-docked .greeting-mark{font-size:7px;padding:2px 7px}.avatar-stage.is-docked .mini-speech{right:105%;bottom:auto;top:16px;max-width:200px;width:185px}.avatar-stage.is-docked .avatar-menu{right:100%;bottom:auto;top:10px;margin-right:8px;margin-bottom:0}.avatar-stage.is-docked::after{content:'';position:absolute;right:-10px;top:18%;height:65%;width:2px;background:linear-gradient(to bottom,var(--gold) var(--scroll-progress,0%),#dbbd8720 var(--scroll-progress,0%));border-radius:2px}.avatar-stage.is-pointing.is-docked{right:38px}.avatar-stage.is-minimized{height:36px;width:135px}.avatar-stage.is-minimized .fullbody-character{display:none}.avatar-stage.is-minimized::after{display:none}.avatar-stage:has(.avatar-menu:not([hidden])) .mini-speech{visibility:hidden;opacity:0}.gk-destination{animation:destination-glow 1.8s ease!important}@keyframes vanakkam-bow{0%,100%{transform:translateY(0) rotate(0)}40%{transform:translateY(5px) rotate(3deg)}70%{transform:translateY(2px) rotate(-1deg)}}@keyframes guide-hello{0%,100%{transform:rotate(0) translateX(0)}30%{transform:rotate(-3deg) translateX(-5px)}65%{transform:rotate(2deg) translateX(3px)}}@keyframes destination-glow{0%,100%{box-shadow:0 0 0 0 transparent}40%{box-shadow:0 0 0 2px #dbbd8770,0 0 28px #dbbd8710}}@media(max-width:700px){.hero .avatar-stage{transform:scale(.9)}.avatar-stage.is-docked{right:10px;width:88px;height:150px;transform:none!important}.avatar-stage.is-docked .fullbody-character{width:85px!important;height:128px!important}.avatar-stage.is-docked .avatar-label{font-size:5.5px;padding:5px 6px}.avatar-stage.is-docked .mini-speech{right:100%;top:10px;width:170px;max-width:170px;font-size:10px;margin-right:5px}.avatar-stage.is-docked .mini-minimize{top:-5px;right:-2px}.avatar-stage.is-docked .avatar-menu{width:210px;right:100%;margin-right:5px;top:0}.avatar-stage.is-docked .greeting-mark{font-size:6px;padding:1px 5px}.avatar-stage.is-pointing.is-docked{right:20px}.avatar-stage.is-minimized{height:34px;width:110px}.avatar-stage.is-docked::after{right:-5px}}@media(prefers-reduced-motion:reduce){.fullbody-character,.gk-destination{animation:none!important}.avatar-stage.is-docked,.fullbody-character .pose{transition:none!important}.avatar-stage.is-pointing.is-docked{right:20px}}

/* A restrained 3D movement vocabulary for a full-site guide. */
.fullbody-character{perspective:650px;transform-style:preserve-3d;will-change:transform}.mini-context{display:block;font-size:8px;color:#c3b493;letter-spacing:.3px;line-height:1.4;max-width:200px;text-align:center;margin:0 0 5px}.avatar-stage.is-docked{height:228px;transition:top .45s cubic-bezier(.2,.8,.2,1),right .4s ease}.avatar-stage.is-docked .mini-context{font-size:7px;max-width:140px;margin-top:-4px;margin-bottom:3px}.avatar-stage.is-travelling .fullbody-character{animation:professional-stride .85s ease-in-out infinite!important}.avatar-stage.is-travelling.travelling-up .fullbody-character{animation-direction:reverse!important}.avatar-stage.motion-nod .fullbody-character{animation:professional-nod 1.25s ease both!important}.avatar-stage.motion-delight .fullbody-character{animation:mini-celebration 1.3s cubic-bezier(.2,.7,.3,1) both!important}.avatar-stage.motion-curious .fullbody-character{animation:curious-look 1.4s ease both!important}.avatar-stage.is-vanakkam.is-reacting .fullbody-character{animation:respectful-vanakkam 1.6s ease both}.avatar-stage.is-minimized{height:36px}.avatar-stage.is-minimized .mini-context{display:none}.avatar-stage.is-guide .greeting-mark{opacity:0}.mini-speech{max-width:250px}.avatar-stage.is-docked .mini-speech{max-width:215px;width:205px}.avatar-stage.is-docked .avatar-menu{top:5px}@keyframes respectful-vanakkam{0%{transform:translateY(10px) scale(.96) rotateX(0)}35%{transform:translateY(0) scale(1) rotateX(0)}62%{transform:translateY(5px) rotateX(10deg) rotateZ(2deg)}85%,100%{transform:translateY(0) rotateX(0)}}@keyframes professional-stride{0%,100%{transform:translateY(0) rotateZ(-1deg) rotateY(-4deg)}25%{transform:translateY(-3px) rotateZ(0) rotateY(1deg)}50%{transform:translateY(0) rotateZ(1deg) rotateY(4deg)}75%{transform:translateY(-3px) rotateZ(0) rotateY(-1deg)}}@keyframes professional-nod{0%,100%{transform:rotateX(0) translateY(0)}35%{transform:rotateX(12deg) translateY(5px)}65%{transform:rotateX(-3deg) translateY(-1px)}}@keyframes mini-celebration{0%,100%{transform:translateY(0) rotateY(0) rotateZ(0)}25%{transform:translateY(-9px) rotateY(-11deg) rotateZ(-3deg)}50%{transform:translateY(0) rotateY(8deg) rotateZ(2deg)}72%{transform:translateY(-4px) rotateY(-4deg) rotateZ(-1deg)}}@keyframes curious-look{0%,100%{transform:rotateZ(0) rotateY(0)}30%{transform:rotateZ(-6deg) rotateY(-12deg) translateX(-3px)}65%{transform:rotateZ(4deg) rotateY(10deg) translateX(2px)}}@media(max-width:700px){.avatar-stage.is-docked{height:165px}.avatar-stage.is-docked .mini-context{font-size:5.5px;max-width:90px;line-height:1.4}.avatar-stage.is-docked .mini-speech{width:175px;max-width:175px}.avatar-stage.is-minimized{height:34px}}@media(prefers-reduced-motion:reduce){.avatar-stage .fullbody-character{animation:none!important;transform:none!important;will-change:auto}.avatar-stage.is-docked{transition:none!important}}

.avatar-stage.is-docked .mini-speech{width:245px;max-width:245px;font-size:11px;line-height:1.65;text-align:left}.mini-speech{max-width:270px;line-height:1.7}@media(max-width:700px){.avatar-stage.is-docked .mini-speech{width:190px;max-width:190px;font-size:10px;line-height:1.65}}

.pose-idle{opacity:1}.pose-vanakkam,.pose-guide{opacity:0}.avatar-stage.is-vanakkam .pose-idle,.avatar-stage.is-guide .pose-idle{opacity:0}.avatar-stage.is-vanakkam .pose-vanakkam{opacity:1}.avatar-stage.is-guide .pose-guide{opacity:1}.fullbody-character .pose{transform:perspective(650px) rotateY(var(--gaze-turn,0deg)) rotateX(var(--gaze-nod,0deg)) rotateZ(var(--gaze-lean,0deg));transform-origin:50% 65%;transition:opacity .35s ease,transform .18s ease-out}.avatar-stage.is-vanakkam .greeting-mark{opacity:1}.avatar-stage:not(.is-vanakkam) .greeting-mark{opacity:0}@media(prefers-reduced-motion:reduce){.fullbody-character .pose{transform:none!important;transition:none!important}}

.mini-context{display:none!important}.avatar-toggle{letter-spacing:.5px;text-transform:none}.avatar-stage.is-docked .avatar-label{font-size:8px;letter-spacing:0;padding:6px 8px}@media(max-width:700px){.avatar-stage.is-docked .avatar-label{font-size:7px;padding:5px 6px}}