@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Inter:wght@300;400;500;600;700&display=swap');

:root{
  --bg:#001020; --bg-deep:#000b17; --bg-soft:#03192b;
  --glass:rgba(4,25,43,.64); --glass-strong:rgba(4,24,41,.79); --glass-soft:rgba(6,32,52,.48);
  --line:rgba(83,171,215,.27); --line-hi:rgba(87,206,255,.72); --cyan:#45bfe9; --cyan-hi:#58d0ff;
  --gold:#b98d4e; --gold-hi:#d4a25d; --gold-pale:#e7bc76;
  --text:#e9eef3; --muted:#a9b8c6; --muted2:#7f95a7; --green:#64d990;
  --radius:8px; --shell:1760px; --shadow:0 12px 34px rgba(0,0,0,.28);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:68px}
body{margin:0;color:var(--text);font-family:Inter,Arial,sans-serif;background:
  radial-gradient(circle at 24% 7%,rgba(16,93,140,.16),transparent 28%),
  radial-gradient(circle at 79% 5%,rgba(193,143,72,.07),transparent 24%),
  linear-gradient(180deg,#000d1b 0%,#001325 30%,#00101f 100%);line-height:1.45;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-4;background:
  linear-gradient(rgba(65,141,181,.025) 1px,transparent 1px),
  linear-gradient(90deg,rgba(65,141,181,.025) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 78%)}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-3;opacity:.23;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%23284d66' stroke-opacity='.25' stroke-width='.55'%3E%3Cpath d='M0 18h20l10 10h31l11-11h48M18 120v-18l9-9V58l-8-8V0M120 86H95l-12-12H52l-9 9H0'/%3E%3C/g%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{color:inherit}img{display:block;max-width:100%}
.shell{width:min(calc(100% - 8.333vw),var(--shell));margin-inline:auto}.section{padding:7px 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
#network{position:fixed;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none;opacity:.42}.pointer-aura{position:fixed;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(53,170,220,.08),transparent 68%);filter:blur(10px);pointer-events:none;z-index:-1;transform:translate(-50%,-50%)}

/* Glass system — css.glass principles adapted to reference navy palette */
.glass{position:relative;background:linear-gradient(145deg,rgba(5,29,48,.68),rgba(2,18,32,.61));-webkit-backdrop-filter:blur(10px) saturate(128%);backdrop-filter:blur(10px) saturate(128%);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.028),inset 0 -1px 0 rgba(48,157,206,.045);isolation:isolate;overflow:hidden}
.glass::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(120deg,rgba(100,211,255,.34),rgba(100,211,255,.04) 24%,rgba(220,166,88,.14) 55%,rgba(67,182,231,.04) 76%,rgba(87,199,244,.24));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:4}
.glass::after{content:"";position:absolute;left:-45%;top:-130%;width:36%;height:360%;background:linear-gradient(105deg,transparent 18%,rgba(255,255,255,.03) 42%,rgba(101,218,255,.07) 50%,rgba(255,255,255,.02) 57%,transparent 78%);transform:rotate(9deg);transition:transform 1.15s cubic-bezier(.2,.7,.2,1),left 1.15s cubic-bezier(.2,.7,.2,1);pointer-events:none;z-index:3}
.glass:hover::after{left:116%}.glass > *{position:relative;z-index:2}
.corner{position:absolute;z-index:6;pointer-events:none;width:22px;height:22px;opacity:.8;transition:opacity .35s ease,filter .35s ease}.corner::before,.corner::after{content:"";position:absolute;background:linear-gradient(90deg,var(--cyan-hi),rgba(88,208,255,.1));box-shadow:0 0 7px rgba(76,204,255,.55)}
.corner::before{width:22px;height:1px}.corner::after{width:1px;height:22px;background:linear-gradient(180deg,var(--cyan-hi),rgba(88,208,255,.1))}.corner.tl{left:-1px;top:-1px}.corner.tr{right:-1px;top:-1px;transform:scaleX(-1)}.corner.bl{left:-1px;bottom:-1px;transform:scaleY(-1)}.corner.br{right:-1px;bottom:-1px;transform:scale(-1)}.glass:hover .corner{opacity:1;filter:drop-shadow(0 0 4px rgba(71,201,255,.75))}
@keyframes cornerBreath{0%,100%{opacity:.67}50%{opacity:.96}}.corner.tl,.corner.br{animation:cornerBreath 5.8s ease-in-out infinite}.corner.tr,.corner.bl{animation:cornerBreath 5.8s ease-in-out 1.4s infinite}

/* Header */
.site-header{position:sticky;top:0;z-index:80;background:rgba(0,12,24,.78);-webkit-backdrop-filter:blur(14px) saturate(120%);backdrop-filter:blur(14px) saturate(120%);border-bottom:1px solid rgba(71,128,159,.22)}
.navbar{height:55px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:10px;color:#d9e1e8;font-family:'Cormorant Garamond',Georgia,serif;font-size:18px}.brand-box{width:32px;height:32px;border:1px solid rgba(212,162,93,.9);border-radius:4px;display:grid;place-items:center;color:var(--gold-pale);font-size:23px;line-height:1;box-shadow:inset 0 0 14px rgba(211,160,91,.06),0 0 9px rgba(211,160,91,.05)}
.navlinks{display:flex;align-items:center;gap:26px;font-size:10.5px;text-transform:uppercase;letter-spacing:.035em}.navlinks a{color:#c3ccd4;padding:19px 0 17px;position:relative}.navlinks a::after{content:"";position:absolute;left:50%;right:50%;bottom:10px;height:1px;background:var(--gold-hi);box-shadow:0 0 6px rgba(212,162,93,.45);transition:left .24s ease,right .24s ease}.navlinks a:hover,.navlinks a.active{color:#fff}.navlinks a:hover::after,.navlinks a.active::after{left:0;right:0}.navlinks .download{border:1px solid rgba(207,152,72,.72);border-radius:4px;padding:8px 16px;color:var(--gold-pale);background:rgba(183,130,59,.035);box-shadow:inset 0 0 12px rgba(216,166,92,.02)}.navlinks .download::after{display:none}.mobile-menu{display:none;background:rgba(6,30,48,.7);border:1px solid rgba(74,170,216,.3);border-radius:5px;padding:7px 9px}
.navlinks .studio-link{color:var(--gold-pale);white-space:nowrap}.navlinks .studio-link::before{content:"B";width:19px;height:19px;margin-right:6px;display:inline-grid;place-items:center;border:1px solid rgba(212,162,93,.72);border-radius:3px;color:var(--gold-pale);font:600 13px/1 'Cormorant Garamond',Georgia,serif;vertical-align:middle}
@media(max-width:1380px) and (min-width:821px){.navlinks{gap:14px;font-size:9px}.navlinks .download{padding:8px 10px}.brand{font-size:16px}.brand-box{width:29px;height:29px}}

/* Hero */
.hero{padding:0}.hero-shell{min-height:315px;display:grid;grid-template-columns:46% 54%;position:relative;overflow:hidden;border-bottom:1px solid rgba(62,133,168,.12)}.hero-copy{padding:20px 18px 16px 22px;display:flex;flex-direction:column;justify-content:center;z-index:4}.eyebrow{font-family:'Cormorant Garamond',Georgia,serif;color:var(--gold-pale);font-size:14px;letter-spacing:.11em;text-transform:uppercase;margin-bottom:1px}.hero-name{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;line-height:.92;font-size:clamp(43px,4.9vw,63px);letter-spacing:-.025em;margin:4px 0 7px;color:#eff3f7}.hero-name .gold{color:var(--gold-hi)}.hero-role{font-family:'Cormorant Garamond',Georgia,serif;font-size:19px;color:#e3eaf0;margin:0 0 8px}.hero-desc{font-size:11.5px;line-height:1.62;color:#bdc9d3;margin:0;max-width:520px}.hero-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:11px;max-width:520px}.kpi{min-height:82px;padding:9px 6px 8px;border:1px solid rgba(80,162,203,.26);border-radius:5px;background:linear-gradient(180deg,rgba(5,31,50,.71),rgba(2,20,35,.74));box-shadow:inset 0 0 24px rgba(20,106,151,.035);text-align:center;transition:transform .32s cubic-bezier(.2,.7,.2,1),border-color .32s,box-shadow .32s;overflow:hidden}.kpi:hover{transform:translateY(-3px);border-color:rgba(77,194,239,.5);box-shadow:0 8px 20px rgba(0,0,0,.18),inset 0 0 28px rgba(34,153,205,.07)}.kpi-icon{height:19px;color:var(--gold-hi);display:grid;place-items:center;margin-bottom:2px}.kpi-icon svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.6}.kpi strong{display:block;font-family:'Cormorant Garamond',Georgia,serif;color:var(--gold-hi);font-size:27px;line-height:1}.kpi span{font-size:9px;line-height:1.2;color:#dfe7ed;display:block;margin-top:5px}.hero-visual{position:relative;min-height:315px;overflow:hidden}.hero-visual::before{content:"";position:absolute;inset:-3px;background:url('../images/hero-reference.png') center center/cover no-repeat;transform:translate(var(--hx,0px),var(--hy,0px)) scale(1.012);transition:transform .9s cubic-bezier(.2,.7,.2,1);filter:saturate(.98) contrast(1.01)}.hero-visual:hover::before{transform:translate(var(--hx,0px),var(--hy,0px)) scale(1.025)}.hero-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#001020 0%,rgba(0,16,32,.8) 4%,rgba(0,16,32,.15) 17%,transparent 35%),linear-gradient(180deg,rgba(0,15,28,.04),rgba(0,13,25,.18));pointer-events:none}.hero-scan{position:absolute;z-index:4;left:14%;right:12%;top:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(86,209,255,.65),transparent);filter:blur(.15px);box-shadow:0 0 8px rgba(86,209,255,.32);animation:scanDown 10s ease-in-out infinite;opacity:.5}@keyframes scanDown{0%,100%{top:10%;opacity:.12}42%{opacity:.5}50%{top:87%;opacity:.3}58%{opacity:.12}}

/* Aim */
.aim-panel{min-height:82px;display:grid;grid-template-columns:205px 1fr;align-items:center;padding:9px 18px}.aim-left{height:100%;display:flex;align-items:center;gap:17px;border-right:1px solid rgba(194,141,72,.42);padding-right:20px}.target{width:70px;height:70px;display:grid;place-items:center}.target img{width:70px;height:70px;object-fit:cover;border-radius:50%;filter:drop-shadow(0 0 7px rgba(210,160,89,.15))}.aim-left h2{font-family:'Cormorant Garamond',Georgia,serif;color:var(--gold-hi);font-size:28px;margin:0}.aim-panel p{font-size:11.6px;line-height:1.55;color:#c3ced8;margin:0;padding-left:28px;max-width:810px}

/* Skills + certs */
.skills-grid{display:grid;grid-template-columns:33% 67%;gap:8px}.skills-panel,.cert-panel{min-height:258px;padding:12px 14px}.label{font-size:11px;color:var(--gold-hi);font-weight:700;text-transform:uppercase;letter-spacing:.045em}.panel-title{font-family:'Cormorant Garamond',Georgia,serif;font-size:20px;margin:1px 0 11px;color:#edf2f6}.skill-row{display:grid;grid-template-columns:minmax(0,1fr) 105px 30px;gap:7px;align-items:center;margin:5px 0;font-size:10.5px;color:#d2dce4}.skill-row .dot{color:#4bc2f3;margin-right:5px}.skill-track{height:4px;background:#0b2b40;border-radius:99px;overflow:hidden}.skill-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2389bd,#61d4ff);box-shadow:0 0 6px rgba(70,194,240,.38);transform-origin:left;transform:scaleX(0);transition:transform 1s cubic-bezier(.2,.7,.2,1)}.reveal.in .skill-track i{transform:scaleX(1)}.skill-pct{font-size:9.5px;color:#c5d0da;text-align:right}.outline-btn{display:inline-flex;align-items:center;gap:9px;margin-top:8px;padding:8px 16px;border:1px solid rgba(206,151,74,.65);border-radius:4px;color:var(--gold-pale);font-size:10px;text-transform:uppercase;letter-spacing:.025em;background:rgba(183,130,59,.02);transition:.25s}.outline-btn:hover{border-color:var(--gold-pale);box-shadow:0 0 12px rgba(211,162,91,.08);transform:translateY(-1px)}
.cert-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.carousel-nav{display:flex;gap:6px}.round{width:28px;height:28px;border-radius:50%;border:1px solid rgba(203,148,72,.58);display:grid;place-items:center;background:rgba(2,20,34,.55);color:var(--gold-pale);cursor:pointer;transition:.2s}.round:hover{border-color:rgba(73,193,238,.55);color:var(--cyan-hi)}.cert-window{overflow:hidden}.cert-track{display:flex;gap:8px;overflow:auto;scrollbar-width:none;scroll-snap-type:x mandatory;padding:1px 1px 9px}.cert-track::-webkit-scrollbar{display:none}.flip-card{min-width:calc((100% - 32px)/5);height:168px;perspective:900px;scroll-snap-align:start;cursor:pointer}.flip-inner{position:relative;width:100%;height:100%;transition:transform .58s cubic-bezier(.2,.7,.2,1);transform-style:preserve-3d}.flip-card.flipped .flip-inner{transform:rotateY(180deg)}.flip-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:5px;overflow:hidden}.cert-front{background:linear-gradient(180deg,#f7f7f4,#dedfdb);border:5px solid #26333d;box-shadow:0 8px 18px rgba(0,0,0,.22),inset 0 0 0 1px #a7afb4;padding:12px 8px 8px;text-align:center;color:#17222c;display:flex;flex-direction:column;align-items:center}.cert-front .logo-box{width:56px;height:54px;display:grid;place-items:center;margin-bottom:9px}.cert-front img{max-width:53px;max-height:50px;mix-blend-mode:multiply}.cert-front strong{font-family:'Cormorant Garamond',Georgia,serif;font-size:15px;line-height:1.08;color:#1d2830}.cert-front small{font-size:9px;line-height:1.3;color:#4e5962;margin-top:7px}.cert-back{transform:rotateY(180deg);background:linear-gradient(145deg,rgba(5,36,60,.97),rgba(1,18,31,.98));border:1px solid rgba(76,187,234,.46);box-shadow:inset 0 0 28px rgba(46,171,220,.06);padding:14px;display:flex;flex-direction:column;justify-content:center}.cert-back strong{font-family:'Cormorant Garamond',Georgia,serif;color:var(--gold-pale);font-size:17px;line-height:1.08}.cert-back span{font-size:9.5px;color:#b7c5d0;margin-top:7px;line-height:1.45}.cert-back b{font-size:9px;color:var(--cyan-hi);margin-top:10px;font-weight:500}.dots{display:flex;justify-content:center;gap:6px}.dots i{width:5px;height:5px;border-radius:50%;background:#3f5667}.dots i.active{background:var(--gold-hi);box-shadow:0 0 6px rgba(212,162,93,.45)}

/* Timeline */
.timeline-panel{padding:10px 12px 9px}.timeline-wrap{overflow:auto;scrollbar-width:none}.timeline-wrap::-webkit-scrollbar{display:none}.timeline{position:relative;display:grid;grid-template-columns:repeat(9,minmax(90px,1fr));min-width:860px;padding:5px 2px 0}.timeline::before{content:"";position:absolute;left:28px;right:28px;top:58px;height:2px;background:linear-gradient(90deg,rgba(77,200,246,.8),rgba(210,159,83,.82),rgba(78,199,245,.7));box-shadow:0 0 8px rgba(61,189,240,.25)}.job{text-align:center;cursor:pointer;position:relative;z-index:2}.job-year{font-size:9px;color:var(--gold-hi);height:22px}.job-node{width:52px;height:52px;margin:auto;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 36% 26%,#164a6c,#082840 70%);border:2px solid rgba(203,151,75,.8);box-shadow:0 0 0 4px rgba(50,173,222,.08),0 0 11px rgba(45,164,215,.12);font-family:'Cormorant Garamond',Georgia,serif;font-size:13px;color:#eaf1f6;transition:transform .3s ease,box-shadow .3s,border-color .3s}.job:nth-child(2) .job-node,.job:nth-child(5) .job-node{border-color:rgba(63,171,219,.82)}.job:hover .job-node{transform:translateY(-3px) scale(1.04);border-color:var(--cyan-hi);box-shadow:0 0 0 4px rgba(50,173,222,.09),0 0 18px rgba(67,195,240,.22)}.job-name{font-size:10px;color:#e3eaf0;margin-top:7px;line-height:1.18}.job-role{font-size:8px;color:#8ea1b1;margin-top:3px;line-height:1.2}

/* Education */
.education-panel{padding:10px 12px}.education-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:7px}.edu{min-height:100px;padding:12px 11px;border:1px solid rgba(186,134,68,.38);border-radius:5px;background:rgba(4,24,40,.42);cursor:pointer;transition:.28s}.edu:hover{border-color:rgba(72,186,231,.45);background:rgba(5,30,49,.58);transform:translateY(-2px)}.edu strong{display:block;font-family:'Cormorant Garamond',Georgia,serif;color:var(--gold-hi);font-size:16px;line-height:1.05}.edu span{display:block;font-size:9.2px;color:#d6dfe6;margin-top:5px;line-height:1.35}.edu small{display:block;margin-top:10px;color:#8da0b0;font-size:8.2px;line-height:1.3}.edu small::before{content:'◆';color:var(--gold-hi);margin-right:6px;font-size:7px}

/* Training shields */
.training-panel{padding:10px 12px 7px}.badge-scroll{display:flex;gap:12px;overflow:auto;scrollbar-width:none;padding:7px 4px 11px;scroll-snap-type:x mandatory}.badge-scroll::-webkit-scrollbar{display:none}.badge-flip{min-width:108px;height:105px;perspective:700px;scroll-snap-align:start;cursor:pointer}.badge-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .58s cubic-bezier(.2,.7,.2,1)}.badge-flip.flipped .badge-inner{transform:rotateY(180deg)}.badge-face{position:absolute;inset:0;backface-visibility:hidden;clip-path:polygon(50% 0,91% 16%,91% 74%,50% 100%,9% 74%,9% 16%);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:17px 13px 18px;border:1px solid rgba(209,155,81,.7)}.badge-front{background:linear-gradient(150deg,#0b456d,#051d35 75%);filter:drop-shadow(0 7px 7px rgba(0,0,0,.3))}.badge-flip:nth-child(5) .badge-front{background:linear-gradient(150deg,#6c282b,#271319)}.badge-flip:nth-child(6) .badge-front{background:linear-gradient(150deg,#49356e,#1d1831)}.badge-flip:nth-child(7) .badge-front{background:linear-gradient(150deg,#21543c,#0c261c)}.badge-front strong{font-size:12px;line-height:1.1}.badge-front span{font-size:8px;color:#c1ced7;margin-top:5px;line-height:1.25}.badge-back{transform:rotateY(180deg);background:linear-gradient(145deg,#062a45,#020f1c);border-color:rgba(75,193,238,.65)}.badge-back strong{font-family:'Cormorant Garamond',Georgia,serif;color:var(--gold-pale);font-size:14px;line-height:1}.badge-back span{font-size:8px;color:#b9c7d1;margin-top:6px;line-height:1.35}

/* Portfolio */
.portfolio-panel{padding:10px 11px 6px}.project-shelf{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:6px 9px 43px}.project-shelf::after{content:"";position:absolute;left:-2px;right:-2px;bottom:4px;height:50px;background:url('../images/shelf-wood.png') center/100% 100% no-repeat;z-index:0}.project{position:relative;z-index:1;text-align:center;cursor:pointer;transition:transform .32s cubic-bezier(.2,.7,.2,1)}.project:hover{transform:translateY(-6px)}.laptop{aspect-ratio:1.58;background:linear-gradient(#d7e0e5,#687780);border-radius:5px 5px 2px 2px;padding:4px 4px 7px;box-shadow:0 8px 16px rgba(0,0,0,.38);position:relative}.laptop::after{content:"";position:absolute;left:-5%;right:-5%;bottom:-3px;height:4px;background:linear-gradient(#86929a,#4e5960);border-radius:0 0 3px 3px}.screen{height:100%;border-radius:2px;overflow:hidden;background:#f6f8fa;padding:5px;display:grid;grid-template-columns:29% 1fr;gap:4px}.screen-left{background:linear-gradient(180deg,#0d4b77,#062941);border-radius:2px}.project:nth-child(2) .screen-left{background:linear-gradient(#174b78,#082740)}.project:nth-child(3) .screen-left{background:linear-gradient(#2b7956,#103c2b)}.project:nth-child(4) .screen-left{background:linear-gradient(#614292,#271a47)}.project:nth-child(5) .screen{background:#071722}.project:nth-child(5) .screen-left{background:#0a2f4b}.project:nth-child(6) .screen-left{background:linear-gradient(#79435f,#331d2d)}.screen-right{display:grid;grid-template-rows:20% 1fr;gap:3px}.screen-top{background:#fff;border:1px solid #d8e2e8;border-radius:1px}.screen-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3px}.screen-grid i{background:linear-gradient(135deg,#dbeff6,#fff);border:1px solid #cedde5;border-radius:1px}.project:nth-child(5) .screen-top,.project:nth-child(5) .screen-grid i{background:#0d2940;border-color:#184763}.project-title{font-size:9px;line-height:1.18;color:#e5ebf0;margin-top:7px}.project-sub{font-size:7.7px;color:#7f93a4;margin-top:2px;line-height:1.2}.portfolio-actions{text-align:center;margin-top:-30px;position:relative;z-index:3}

/* Contact + footer */
.contact-panel{display:grid;grid-template-columns:210px 1fr;gap:14px;padding:11px 12px}.contact-lead h2{font-size:15px;color:var(--gold-hi);margin:0 0 5px;text-transform:uppercase;letter-spacing:.07em}.contact-lead p{font-size:9.5px;color:#adbdca;margin:0 0 9px}.gold-btn{display:inline-flex;align-items:center;justify-content:center;min-width:150px;padding:9px 16px;border-radius:4px;background:linear-gradient(180deg,#d1a25d,#b88340);color:#08111a;font-size:10px;font-weight:700;text-transform:uppercase;box-shadow:0 3px 11px rgba(189,138,64,.16);transition:.25s}.gold-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(189,138,64,.22)}.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.contact-card{min-height:74px;border:1px solid rgba(75,145,181,.28);border-radius:5px;background:rgba(3,19,34,.43);display:grid;grid-template-columns:35px 1fr;gap:8px;align-items:center;padding:10px 11px;transition:.25s}.contact-card:hover{border-color:rgba(74,186,230,.42);background:rgba(4,26,43,.55)}.contact-icon{width:30px;height:30px;display:grid;place-items:center;color:#dce6ed}.contact-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.4}.contact-card strong{font-size:10.5px;display:block}.contact-card span{font-size:8.5px;color:#8ea1b1;display:block;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.footer{position:relative;margin-top:4px;padding:12px 0 18px;border-top:1px solid rgba(67,129,160,.22);background:linear-gradient(180deg,rgba(3,24,40,.18),rgba(0,10,18,.58));box-shadow:inset 0 1px 0 rgba(84,192,237,.025)}.footer::before{content:"";position:absolute;left:14%;right:14%;top:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(80,203,247,.22),rgba(210,159,83,.18),transparent)}.footer-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;color:#6f8597;font-size:8.8px}.footer-center{display:flex;flex-direction:column;align-items:center;gap:5px}.footer-b{width:38px;height:38px;transform:rotate(45deg);border:1px solid rgba(210,157,81,.65);display:grid;place-items:center;box-shadow:inset 0 0 13px rgba(210,157,81,.04)}.footer-b span{transform:rotate(-45deg);font-family:'Cormorant Garamond',Georgia,serif;color:var(--gold-hi);font-size:20px}.footer-center small{font-size:7.5px;letter-spacing:.1em;text-transform:uppercase;color:#5d7487}.footer-right{text-align:right}.footer-links{display:flex;justify-content:flex-end;gap:12px;margin-bottom:5px}.footer-links a:hover{color:#c9d6de}.to-top{position:fixed;right:18px;bottom:18px;width:34px;height:34px;border-radius:50%;border:1px solid rgba(203,151,75,.55);background:rgba(1,17,30,.72);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);display:grid;place-items:center;color:var(--gold-pale);z-index:70;opacity:0;transform:translateY(8px);transition:.3s}.to-top.show{opacity:1;transform:none}

/* Detail pages */
.page-hero{padding:17px 18px;min-height:140px;display:flex;align-items:center;justify-content:space-between;gap:18px}.page-hero h1{font-family:'Cormorant Garamond',Georgia,serif;font-size:42px;margin:0;color:#f0f4f7}.page-hero h1 span{color:var(--gold-hi)}.page-hero p{font-size:11.5px;color:#aebfcb;max-width:700px;margin:7px 0 0}.metric-chip{border:1px solid rgba(72,180,224,.3);border-radius:5px;background:rgba(3,22,38,.48);padding:10px 13px;min-width:125px;text-align:center}.metric-chip strong{font-family:'Cormorant Garamond',Georgia,serif;color:var(--gold-hi);font-size:25px;display:block}.metric-chip span{font-size:8px;color:#95a8b8;text-transform:uppercase}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.detail-card{padding:14px 15px}.detail-card h3{font-family:'Cormorant Garamond',Georgia,serif;color:var(--gold-hi);font-size:19px;margin:0 0 7px}.detail-card p,.detail-card li{font-size:10.5px;color:#bdc9d3;line-height:1.55}.detail-card ul{margin:7px 0 0;padding-left:17px}.achievement-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ach{padding:13px 12px;min-height:135px;cursor:pointer;transition:.25s}.ach:hover{transform:translateY(-2px)}.ach b{font-family:'Cormorant Garamond',Georgia,serif;color:var(--gold-hi);font-size:27px;display:block}.ach h3{font-size:11px;margin:4px 0;color:#edf2f6}.ach p{font-size:9px;color:#8fa2b2;margin:4px 0;line-height:1.4}.ach small{font-size:8px;color:var(--cyan-hi)}.filter-row{display:flex;gap:6px;flex-wrap:wrap;margin:9px 0}.filter{border:1px solid rgba(75,155,194,.3);background:rgba(3,23,39,.52);border-radius:99px;padding:6px 11px;font-size:9px;color:#b8c5d0;cursor:pointer}.filter.active,.filter:hover{border-color:rgba(212,162,93,.55);color:var(--gold-pale)}.company-projects{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}.project-item{padding:10px 11px;border:1px solid rgba(69,142,178,.22);border-radius:5px;background:rgba(2,20,35,.4);font-size:9.5px;color:#c1cdd7}.group-title{font-family:'Cormorant Garamond',Georgia,serif;color:var(--gold-hi);font-size:23px;margin:0}.group-sub{font-size:10px;color:#8ea1b1;margin:3px 0 10px}.recognition-list{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.recognition{padding:12px 13px;display:grid;grid-template-columns:54px 1fr;gap:10px;align-items:start}.recognition .year{font-family:'Cormorant Garamond',Georgia,serif;color:var(--gold-hi);font-size:18px}.recognition strong{font-size:10.5px}.recognition p{font-size:9px;color:#93a6b6;margin:4px 0 0}.skill-bento{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.skill-card{padding:13px}.skill-card h3{font-family:'Cormorant Garamond',Georgia,serif;color:var(--gold-hi);font-size:18px;margin:0 0 7px}.skill-card li{font-size:9.5px;color:#bac7d1;line-height:1.48;margin:3px 0}.tech-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.tech-card{padding:12px}.tech-card h3{font-size:10.5px;color:var(--cyan-hi);margin:0 0 7px}.tech-card p{font-size:9px;color:#a9b8c4;line-height:1.55;margin:0}.company-hero{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:16px}.company-hero h1{font-family:'Cormorant Garamond',Georgia,serif;font-size:35px;margin:0;color:#f0f4f7}.company-hero .role{font-size:11px;color:var(--gold-pale);margin-top:4px}.company-hero p{font-size:10.5px;color:#aebdca;max-width:780px;margin:7px 0 0}.company-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.company-meta div{border:1px solid rgba(74,154,192,.25);border-radius:5px;padding:9px 11px;min-width:130px}.company-meta strong{display:block;font-size:9px;color:#dce5ec}.company-meta span{font-size:8px;color:#8297a8}.expandable details{border:1px solid rgba(69,142,178,.2);border-radius:5px;background:rgba(3,21,36,.4);margin:6px 0;padding:9px 11px}.expandable summary{cursor:pointer;color:#dbe4ea;font-size:10.5px}.expandable details p,.expandable details li{font-size:9.5px;color:#9fb0bd;line-height:1.5}.searchbox{width:min(420px,100%);border:1px solid rgba(72,151,190,.28);background:rgba(2,19,33,.58);color:#e9eef3;border-radius:5px;padding:9px 11px;font-size:10px;outline:none}.searchbox:focus{border-color:rgba(76,193,238,.55);box-shadow:0 0 0 2px rgba(76,193,238,.05)}

/* Drawer / modal */
.drawer-backdrop{position:fixed;inset:0;z-index:110;background:rgba(0,7,14,.58);opacity:0;visibility:hidden;transition:.35s}.drawer-backdrop.open{opacity:1;visibility:visible}.drawer{position:absolute;right:0;top:0;bottom:0;width:min(520px,94vw);background:linear-gradient(160deg,rgba(5,31,50,.96),rgba(1,15,27,.98));border-left:1px solid rgba(79,190,234,.4);box-shadow:-25px 0 60px rgba(0,0,0,.42);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform:translateX(102%);transition:transform .48s cubic-bezier(.2,.7,.2,1);overflow:auto}.drawer-backdrop.open .drawer{transform:none}.drawer-head{position:sticky;top:0;background:rgba(3,23,39,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:15px;border-bottom:1px solid rgba(74,155,194,.2);z-index:2}.drawer-close{float:right;width:30px;height:30px;border-radius:50%;border:1px solid rgba(89,173,215,.3);background:rgba(0,15,27,.5);cursor:pointer}.drawer h2{font-family:'Cormorant Garamond',Georgia,serif;color:var(--gold-hi);font-size:28px;margin:0}.drawer .drawer-sub{font-size:9.5px;color:#8fa3b3;margin-top:3px}.drawer-body{padding:15px}.drawer-body h3{font-family:'Cormorant Garamond',Georgia,serif;color:var(--gold-pale);font-size:18px;margin:15px 0 6px}.drawer-body p,.drawer-body li{font-size:10px;color:#b5c3ce;line-height:1.55}.drawer-body ul{padding-left:18px}.drawer-link{display:inline-flex;margin-top:10px;padding:8px 13px;border:1px solid rgba(204,151,77,.55);border-radius:4px;color:var(--gold-pale);font-size:9px;text-transform:uppercase}


.outer-frame{position:fixed;inset:3px;z-index:999;pointer-events:none;border:1px solid rgba(61,165,213,.22);border-radius:7px;box-shadow:inset 0 0 12px rgba(50,181,231,.025)}
.outer-frame::before,.outer-frame::after{content:"";position:absolute;width:26px;height:26px;top:-1px;border-top:1px solid rgba(84,210,255,.78);filter:drop-shadow(0 0 4px rgba(77,200,245,.45))}
.outer-frame::before{left:-1px;border-left:1px solid rgba(84,210,255,.78);border-radius:7px 0 0 0}.outer-frame::after{right:-1px;border-right:1px solid rgba(84,210,255,.78);border-radius:0 7px 0 0}

/* reveal */
.reveal{opacity:0;transform:translateY(9px);transition:opacity .65s ease,transform .65s ease}.reveal.in{opacity:1;transform:none}

/* PDF-directed visual refinement: V2 hero scale + richer glass interactions */
.hero{padding:16px 0 8px}.hero-shell{min-height:535px;grid-template-columns:minmax(0,1.03fr) minmax(430px,.97fr);border:1px solid rgba(83,171,215,.25);border-radius:14px;background:linear-gradient(145deg,rgba(4,27,47,.72),rgba(1,17,31,.68));box-shadow:0 22px 56px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.035)}
.hero-copy{padding:42px 38px 26px}.eyebrow{font-size:23px;letter-spacing:.08em;color:#e5e8ed}.hero-name{font-size:clamp(64px,6vw,104px);line-height:.84;margin:8px 0 17px;background:linear-gradient(95deg,#f3b75b 8%,#fff 60%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 38px rgba(220,166,79,.12)}.hero-role{font-size:25px;margin-bottom:14px}.hero-role strong{color:var(--cyan-hi);font-weight:600}.hero-desc{max-width:780px;font-size:15px;line-height:1.62;margin-bottom:20px}.hero-kpis{gap:10px;margin-top:0;max-width:none}.kpi{position:relative;min-height:108px;padding:12px 8px 10px;border-radius:9px;background:linear-gradient(155deg,rgba(7,40,65,.76),rgba(2,19,35,.82));-webkit-backdrop-filter:blur(9px) saturate(130%);backdrop-filter:blur(9px) saturate(130%);box-shadow:inset 0 1px rgba(255,255,255,.04),inset 0 0 30px rgba(39,174,224,.04);isolation:isolate}.kpi::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(125deg,rgba(91,214,255,.65),rgba(79,195,241,.06) 35%,rgba(222,168,88,.42),rgba(70,190,235,.08));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.kpi::after{content:"";position:absolute;inset:-80% -150%;z-index:-1;background:linear-gradient(110deg,transparent 43%,rgba(116,222,255,.12) 50%,transparent 57%);transform:translateX(-40%);transition:transform .8s ease}.kpi:hover::after{transform:translateX(40%)}.kpi:hover{transform:translateY(-7px) scale(1.02);border-color:rgba(90,210,255,.68);box-shadow:0 16px 34px rgba(0,0,0,.3),0 0 22px rgba(53,190,243,.1),inset 0 0 34px rgba(34,153,205,.09)}.kpi-icon{height:28px;margin-bottom:2px;filter:drop-shadow(0 0 8px rgba(226,176,96,.25))}.kpi-icon svg{width:28px;height:28px;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.kpi-icon .icon-glint{fill:currentColor;stroke:none}.kpi-icon .icon-orbit{opacity:.22;stroke-dasharray:3 5}.kpi strong{font-size:32px}.kpi span{font-size:9.5px;line-height:1.25;margin-top:6px;text-transform:uppercase;letter-spacing:.025em}
.impact-ribbon{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin-top:12px;border:1px solid rgba(76,190,241,.22);border-radius:10px;overflow:hidden;background:rgba(54,172,224,.15)}.impact-mini{background:linear-gradient(180deg,rgba(3,25,44,.94),rgba(1,18,33,.94));padding:9px 8px;text-align:center;transition:background .25s ease,transform .25s ease}.impact-mini:hover{background:rgba(5,38,62,.96);transform:translateY(-2px)}.impact-mini strong{display:block;color:var(--cyan-hi);font-family:'Cormorant Garamond',Georgia,serif;font-size:21px;line-height:1}.impact-mini span{display:block;margin-top:4px;font-size:9px;line-height:1.2;text-transform:uppercase;color:#aebdcc;letter-spacing:.035em}
.hero-visual{min-height:535px;border-left:1px solid rgba(76,194,248,.18)}.hero-visual::before{background-image:url('../images/hero-bilal-dubai.jpg');background-position:center center}.hero-visual::after{background:radial-gradient(circle at 50% 50%,transparent 35%,rgba(0,12,26,.06) 57%,rgba(0,12,26,.58) 100%),linear-gradient(90deg,#001020 0%,rgba(0,16,32,.74) 6%,rgba(0,16,32,.08) 24%,transparent 40%)}
.hero-signals{position:absolute;z-index:5;right:22px;top:50%;display:grid;gap:12px;transform:translateY(-50%);width:142px}.signal-card{position:relative;padding:13px 14px;border:1px solid rgba(80,195,243,.35);border-radius:9px;background:linear-gradient(145deg,rgba(3,27,47,.72),rgba(1,15,29,.63));-webkit-backdrop-filter:blur(12px) saturate(135%);backdrop-filter:blur(12px) saturate(135%);box-shadow:0 12px 28px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.05);overflow:hidden;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.signal-card::after{content:"";position:absolute;left:-70%;top:-80%;width:45%;height:260%;background:linear-gradient(100deg,transparent,rgba(104,218,255,.14),transparent);transform:rotate(10deg);transition:left .65s ease}.signal-card:hover{transform:translateX(-7px);border-color:rgba(91,212,255,.7);box-shadow:0 16px 32px rgba(0,0,0,.32),0 0 20px rgba(57,190,241,.12)}.signal-card:hover::after{left:130%}.signal-label{display:block;color:#93a8b8;font-size:9px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px}.signal-card strong{display:flex;align-items:center;gap:8px;color:#e8eef4;font-size:10px;line-height:1.35;letter-spacing:.06em;text-transform:uppercase}.signal-dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto}.signal-dot.green{background:#66df8d;box-shadow:0 0 12px #53d77e}.signal-dot.cyan{background:#54cbfa;box-shadow:0 0 12px #47c8fb}
.aim-panel{min-height:110px;padding:18px 24px}.aim-panel p{font-size:13px}.target,.target img{width:78px;height:78px}.aim-left h2{font-size:32px}
.flip-card{min-width:160px;height:190px}.badge-flip{min-width:138px;height:132px}.badge-front strong{font-size:13px}.badge-front span{font-size:9px}.contact-icon{width:42px;height:42px;border:1px solid rgba(74,190,238,.25);border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(68,190,238,.16),rgba(2,20,35,.55));box-shadow:inset 0 0 18px rgba(55,183,232,.06);transition:transform .3s ease,color .3s ease,box-shadow .3s ease}.contact-icon svg{width:27px;height:27px}.contact-card{grid-template-columns:48px 1fr}.contact-card:hover .contact-icon{color:var(--cyan-hi);transform:translateY(-3px) rotate(-4deg) scale(1.08);box-shadow:0 7px 18px rgba(0,0,0,.28),0 0 16px rgba(64,198,247,.16)}
.flip-face,.badge-face,.edu,.contact-card,.laptop{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.edu,.contact-card,.laptop{box-shadow:inset 0 1px rgba(255,255,255,.035),0 9px 22px rgba(0,0,0,.12)}.flip-card:hover .flip-inner{transform:rotateY(8deg) translateY(-5px)}.flip-card.flipped:hover .flip-inner{transform:rotateY(180deg) translateY(-5px)}.badge-flip:hover .badge-inner{transform:translateY(-7px) rotateY(8deg)}.badge-flip.flipped:hover .badge-inner{transform:rotateY(180deg) translateY(-7px)}.project:hover .laptop{box-shadow:0 18px 34px rgba(0,0,0,.4),0 0 22px rgba(65,192,239,.12)}

/* Site-wide liquid glass, iconography and readable typography */
.glass{background:linear-gradient(145deg,rgba(6,35,58,.76),rgba(2,18,33,.69));-webkit-backdrop-filter:blur(18px) saturate(145%);backdrop-filter:blur(18px) saturate(145%);border-color:rgba(91,196,239,.34);box-shadow:0 18px 48px rgba(0,0,0,.31),inset 1px 1px 0 rgba(255,255,255,.055),inset -1px -1px 0 rgba(69,175,220,.08)}
.glass::before{background:linear-gradient(120deg,rgba(134,228,255,.72),rgba(92,204,247,.08) 24%,rgba(233,185,111,.36) 54%,rgba(80,192,237,.07) 76%,rgba(100,218,255,.5))}.glass::after{width:42%;background:linear-gradient(105deg,transparent 18%,rgba(255,255,255,.035) 39%,rgba(135,229,255,.13) 50%,rgba(255,255,255,.035) 60%,transparent 79%)}
.liquid-surface{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(145deg,rgba(10,45,70,.66),rgba(2,22,39,.71));-webkit-backdrop-filter:blur(13px) saturate(142%);backdrop-filter:blur(13px) saturate(142%);border:1px solid rgba(90,192,236,.34);box-shadow:0 9px 24px rgba(0,0,0,.22),inset 1px 1px 0 rgba(255,255,255,.055),inset -1px -1px 0 rgba(52,154,202,.09);transition:transform .42s cubic-bezier(.175,.885,.32,1.55),border-color .3s ease,box-shadow .3s ease,background .3s ease}
.liquid-surface::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;padding:1px;background:linear-gradient(125deg,rgba(133,229,255,.63),rgba(93,206,248,.04) 30%,rgba(235,183,103,.3) 58%,rgba(79,190,236,.08));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.liquid-surface::after{content:"";position:absolute;z-index:-1;left:-85%;top:-120%;width:42%;height:340%;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.055) 42%,rgba(125,222,255,.16) 50%,rgba(255,255,255,.04) 58%,transparent 80%);transform:rotate(10deg);transition:left .85s cubic-bezier(.2,.75,.2,1);pointer-events:none}.liquid-surface:hover{transform:translateY(-5px) scale(1.012);border-color:rgba(103,214,255,.67);background:linear-gradient(145deg,rgba(13,55,84,.72),rgba(3,26,45,.77));box-shadow:0 17px 36px rgba(0,0,0,.3),0 0 24px rgba(62,193,240,.11),inset 1px 1px 0 rgba(255,255,255,.09)}.liquid-surface:hover::after{left:145%}
.surface-icon{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;color:var(--gold-pale);background:radial-gradient(circle at 30% 22%,rgba(116,216,255,.2),rgba(5,31,52,.75) 65%);border:1px solid rgba(102,205,247,.42);box-shadow:inset 1px 1px rgba(255,255,255,.08),0 8px 19px rgba(0,0,0,.25),0 0 17px rgba(63,190,238,.08);transition:transform .42s cubic-bezier(.175,.885,.32,1.8),color .3s ease,box-shadow .3s ease;flex:0 0 auto}.surface-icon svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 7px rgba(231,184,111,.22))}.surface-icon-small{width:38px;height:38px;border-radius:12px}.surface-icon-small svg{width:22px;height:22px}.liquid-surface:hover>.surface-icon,.liquid-surface:hover .surface-icon{transform:translateY(-3px) rotate(-5deg) scale(1.13);color:var(--cyan-hi);box-shadow:0 12px 24px rgba(0,0,0,.3),0 0 24px rgba(72,201,249,.2)}
.kpi:hover .kpi-icon{animation:iconLift .62s cubic-bezier(.175,.885,.32,1.8)}.contact-card:hover .contact-icon,.round:hover{transform:translateY(-3px) rotate(-5deg) scale(1.1)}@keyframes iconLift{50%{transform:translateY(-7px) rotate(-6deg) scale(1.16)}}
.glass-media{border-radius:12px;box-shadow:0 12px 28px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.08);transition:transform .42s cubic-bezier(.175,.885,.32,1.55),filter .35s ease,box-shadow .35s ease}.glass-media:hover{transform:scale(.97) translateY(-3px);filter:saturate(1.1) contrast(1.03);box-shadow:0 18px 36px rgba(0,0,0,.32),0 0 22px rgba(66,192,239,.12)}

.label{font-size:13px;letter-spacing:.075em}.panel-title{font-size:27px;margin:3px 0 16px}.skills-grid{gap:14px}.skills-panel,.cert-panel{min-height:342px;padding:20px 22px}.skill-row{grid-template-columns:minmax(0,1fr) 160px 38px;gap:10px;margin:9px 0;font-size:13px}.skill-track{height:6px}.skill-pct{font-size:11px}.outline-btn{padding:10px 18px;font-size:11px}.round{width:38px;height:38px;font-size:20px}.cert-head{margin-bottom:10px}.cert-track{gap:12px;padding-bottom:13px}.flip-card{min-width:190px;height:224px}.cert-front{border-width:5px;padding:16px 11px 11px}.cert-front .logo-box{width:78px;height:72px;margin-bottom:10px}.cert-front img{max-width:72px;max-height:68px}.cert-front strong{font-size:19px}.cert-front small{font-size:11px}.cert-back{padding:19px}.cert-back strong{font-size:21px}.cert-back span{font-size:12px}.cert-back b{font-size:11px}.timeline-panel{padding:17px 18px 14px}.timeline{min-width:1120px}.timeline::before{top:70px}.job-year{height:28px;font-size:11px}.job-node{width:64px;height:64px;font-size:15px}.job-name{font-size:12px}.job-role{font-size:10px}.education-panel{padding:17px 18px}.education-grid{gap:12px;margin-top:10px}.edu{min-height:150px;padding:16px}.edu>.surface-icon{margin-bottom:9px}.edu strong{font-size:20px}.edu span{font-size:12px}.edu small{font-size:10px}.training-panel{padding:17px 18px 12px}.badge-scroll{gap:16px;padding:10px 5px 15px}.badge-flip{min-width:158px;height:150px}.badge-face{padding:23px 17px}.badge-front strong{font-size:15px}.badge-front span{font-size:10px}.badge-back strong{font-size:17px}.badge-back span{font-size:10px}.portfolio-panel{padding:17px 18px 12px}.project-shelf{gap:16px}.project-title{font-size:12px}.project-sub{font-size:10px}.contact-panel{grid-template-columns:280px 1fr;padding:20px;gap:20px}.contact-lead h2{font-size:22px}.contact-lead p{font-size:12px}.contact-card{min-height:94px;padding:14px}.contact-card strong{font-size:13px}.contact-card span{font-size:11px}.gold-btn{padding:11px 18px;font-size:11px}

.page-hero{padding:30px 32px;min-height:210px;gap:28px}.page-hero h1{font-size:clamp(48px,4vw,66px);line-height:.95}.page-hero p{font-size:15px;line-height:1.65;max-width:980px;margin-top:12px}.page-hero>div:first-child{min-width:0;flex:1}.page-hero>div:last-child{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));width:min(570px,45%);flex:0 0 auto;align-self:stretch}.metric-chip{min-width:0;padding:16px 12px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center}.metric-chip>.surface-icon{margin:0 auto 8px}.metric-chip strong{font-size:32px}.metric-chip span{font-size:11px;line-height:1.3}.detail-grid{gap:14px}.detail-card{padding:23px 24px}.detail-card>.surface-icon{float:left;margin:0 13px 9px 0}.detail-card>.surface-icon+h3{padding-top:8px}.detail-card h3{font-size:24px;margin-bottom:11px}.detail-card p,.detail-card li{font-size:14px;line-height:1.65}.detail-card ul{padding-left:21px}.group-title{font-size:31px;line-height:1.15}.group-sub{font-size:14px;line-height:1.55;margin:6px 0 14px}.achievement-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.ach{padding:21px;min-height:220px}.ach>.surface-icon{margin-bottom:11px}.ach b{font-size:38px}.ach h3{font-size:16px;margin:8px 0}.ach p{font-size:13px;line-height:1.55}.ach small{font-size:11px}.filter-row{gap:9px;margin:14px 0 4px}.filter{padding:9px 15px;font-size:12px}.company-projects{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:13px}.project-item{display:flex;align-items:center;gap:10px;min-height:66px;padding:12px 14px;border-radius:9px;font-size:13px;line-height:1.4}.recognition-list{gap:13px}.recognition{padding:19px;grid-template-columns:84px 1fr;gap:15px}.recognition .year{font-size:24px;display:flex;flex-direction:column;gap:8px}.recognition strong{font-size:15px}.recognition p{font-size:13px;line-height:1.55}.skill-bento,.tech-grid{gap:13px}.skill-card,.tech-card{padding:20px}.skill-card>.surface-icon,.tech-card>.surface-icon{margin-bottom:12px}.skill-card h3{font-size:23px;margin-bottom:11px}.skill-card li{font-size:13px;line-height:1.6}.tech-card h3{font-size:15px;margin-bottom:10px}.tech-card p{font-size:13px;line-height:1.65}.company-hero{padding:28px 30px;gap:25px}.company-hero h1{font-size:52px}.company-hero .role{font-size:15px}.company-hero p{font-size:14px;line-height:1.65;max-width:1050px}.company-meta{gap:10px}.company-meta div{min-width:175px;padding:14px;border-radius:10px}.company-meta .surface-icon{margin-bottom:8px}.company-meta strong{font-size:12px}.company-meta span{font-size:11px}.expandable details{margin:9px 0;padding:13px 15px;border-radius:9px}.expandable summary{display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.45}.expandable details p,.expandable details li{font-size:13px;line-height:1.6}.searchbox{width:min(620px,100%);padding:13px 15px;border-radius:9px;font-size:14px}.searchbox:focus{box-shadow:0 0 0 3px rgba(76,193,238,.08),0 0 24px rgba(62,190,239,.08)}
body[data-page="company"] .detail-grid>article:last-child{align-self:start}.kpi:focus-visible,.flip-card:focus-visible,.badge-flip:focus-visible,.job:focus-visible,.edu:focus-visible,.contact-card:focus-visible,.filter:focus-visible,.outline-btn:focus-visible,.gold-btn:focus-visible,.round:focus-visible,.searchbox:focus-visible{outline:2px solid var(--cyan-hi);outline-offset:3px}

/* Expanded homepage content and precisely aligned split panels */
.skills-grid{grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:stretch}.skills-grid>*{min-width:0}.skill-row{grid-template-columns:minmax(0,1fr) 150px 62px}.skill-level{font-size:11px;color:var(--gold-pale);text-align:right;text-transform:uppercase;letter-spacing:.055em;font-weight:700}.skills-panel .outline-btn{margin-top:12px}.cert-panel .panel-title,.training-panel .panel-title{margin-bottom:0}.cert-window{min-width:0;width:100%;overflow:hidden}.cert-track{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:rgba(83,199,245,.7) rgba(2,20,35,.72);padding-bottom:15px}.cert-track::-webkit-scrollbar,.badge-scroll::-webkit-scrollbar,.recognition-scroll::-webkit-scrollbar,.partner-scroll::-webkit-scrollbar{display:block;height:8px}.cert-track::-webkit-scrollbar-track,.badge-scroll::-webkit-scrollbar-track,.recognition-scroll::-webkit-scrollbar-track,.partner-scroll::-webkit-scrollbar-track{background:rgba(2,19,34,.72);border-radius:99px}.cert-track::-webkit-scrollbar-thumb,.badge-scroll::-webkit-scrollbar-thumb,.recognition-scroll::-webkit-scrollbar-thumb,.partner-scroll::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--cyan),var(--gold-hi));border-radius:99px;border:2px solid rgba(2,19,34,.75)}.badge-scroll,.recognition-scroll,.partner-scroll{scrollbar-width:thin;scrollbar-color:rgba(83,199,245,.7) rgba(2,20,35,.72)}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:16px}.section-heading h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(27px,2.1vw,36px);line-height:1.05;color:#f0f4f7;margin:4px 0 0}.section-heading p{max-width:600px;margin:0;color:#9fb1c0;font-size:13px;line-height:1.55;text-align:right}.section-heading .outline-btn{margin:0}.timeline-panel .section-heading{margin:0 4px 10px}.education-panel .section-heading,.portfolio-panel .section-heading{margin-bottom:12px}
.home-impact-panel,.recognition-home-panel,.worked-panel{padding:24px}.home-achievement-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.home-achievement-card{min-height:224px;padding:19px;border-radius:12px;color:inherit}.home-achievement-card>.surface-icon{margin-bottom:11px}.achievement-category{display:block;color:var(--cyan-hi);font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.home-achievement-card>strong{display:block;font-family:'Cormorant Garamond',Georgia,serif;color:var(--gold-hi);font-size:35px;line-height:1;margin:10px 0 7px}.home-achievement-card h3{font-size:15px;line-height:1.3;margin:0 0 8px;color:#eef3f7}.home-achievement-card p{font-size:12px;line-height:1.55;color:#aebdca;margin:0}.home-achievement-card small{display:block;color:var(--gold-pale);font-size:10px;margin-top:12px}
.recognition-group+.recognition-group{margin-top:22px;padding-top:20px;border-top:1px solid rgba(77,177,221,.2)}.scroll-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:10px}.scroll-head h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:23px;color:var(--gold-pale);margin:0}.recognition-scroll{display:flex;gap:13px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;padding:2px 2px 14px}.recognition-home-card{min-width:310px;max-width:310px;min-height:188px;padding:17px;border-radius:12px;scroll-snap-align:start;display:flex;gap:14px;align-items:flex-start}.recognition-home-card>.surface-icon{margin-top:2px}.recognition-media{width:92px;height:92px;flex:0 0 92px;border-radius:10px;background:#f5f6f4;padding:6px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7),0 9px 20px rgba(0,0,0,.25)}.recognition-media img{width:100%;height:100%;object-fit:contain;border-radius:7px}.recognition-copy span{display:block;color:var(--cyan-hi);font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.recognition-copy h3{font-family:'Cormorant Garamond',Georgia,serif;color:#eef3f7;font-size:19px;line-height:1.12;margin:6px 0}.recognition-copy p{color:#aebdca;font-size:12px;line-height:1.5;margin:0}.recognition-detail-link{display:inline-flex;align-items:center;gap:6px;margin-top:10px;color:var(--gold-hi);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.recognition-detail-link b{font-size:17px;line-height:1;font-weight:400;transition:transform .25s ease}.recognition-detail-link:hover b{transform:translateX(3px)}
.worked-panel .scroll-head{margin-top:15px}.partner-scroll{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;padding:2px 2px 13px}.partner-chip{min-width:190px;min-height:74px;padding:11px 15px;border-radius:11px;display:flex;align-items:center;gap:11px;scroll-snap-align:start}.partner-chip strong{font-family:'Cormorant Garamond',Georgia,serif;font-size:18px;line-height:1.15;color:#edf2f6}.technology-partners .partner-chip{min-width:150px}.technology-partners .partner-chip strong{font-family:Inter,Arial,sans-serif;font-size:13px}.company-partners .partner-chip:nth-child(3n+1) .surface-icon{color:var(--cyan-hi)}.technology-partners .partner-chip:nth-child(4n+2) .surface-icon{color:var(--cyan-hi)}
.portfolio-panel .project-shelf{padding-bottom:88px}.portfolio-panel .project-shelf::after{bottom:9px}.portfolio-panel .project-title{margin-top:10px;min-height:18px}.portfolio-panel .project-sub{line-height:1.35;min-height:28px}.portfolio-panel .portfolio-actions{margin-top:-42px}

/* Responsive */
@media(max-width:1000px){.navlinks{gap:15px}.hero-shell{grid-template-columns:49% 51%}.hero-copy{padding-left:18px}.hero-kpis{gap:5px}.kpi strong{font-size:26px}.cert-track{gap:6px}.timeline{min-width:900px}.portfolio-actions{margin-top:0}.achievement-grid{grid-template-columns:repeat(3,1fr)}.skill-bento,.tech-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.navbar{height:58px}.navlinks{display:none;position:absolute;top:58px;left:14px;right:14px;background:rgba(3,23,39,.96);border:1px solid rgba(75,163,205,.3);border-radius:6px;padding:8px 14px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 20px 40px rgba(0,0,0,.3)}.navlinks.open{display:flex}.navlinks a{padding:10px 0}.navlinks a::after{bottom:5px}.navlinks .download{margin:5px 0}.mobile-menu{display:block}.hero-shell{grid-template-columns:1fr}.hero-copy{padding:25px 18px 18px}.hero-visual{min-height:340px}.hero-visual::after{background:linear-gradient(180deg,#001020 0%,rgba(0,16,32,.15) 16%,transparent 35%)}.hero-kpis{max-width:none}.aim-panel{grid-template-columns:1fr}.aim-left{border-right:0;border-bottom:1px solid rgba(194,141,72,.35);padding:0 0 10px}.aim-panel p{padding:12px 0 0}.skills-grid{grid-template-columns:1fr}.education-grid{grid-template-columns:repeat(3,1fr)}.project-shelf{grid-template-columns:repeat(3,1fr);row-gap:23px}.project-shelf::after{display:none}.portfolio-actions{margin-top:0}.contact-panel{grid-template-columns:1fr}.contact-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr;justify-items:center;text-align:center}.footer-right{text-align:center}.footer-links{justify-content:center}.detail-grid{grid-template-columns:1fr}.achievement-grid{grid-template-columns:repeat(2,1fr)}.company-projects{grid-template-columns:repeat(2,1fr)}.recognition-list{grid-template-columns:1fr}.company-hero{grid-template-columns:1fr}.company-meta{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.shell{width:min(calc(100% - 18px),var(--shell))}.section{padding:5px 0}.hero-name{font-size:45px}.hero-role{font-size:17px}.hero-desc{font-size:11px}.hero-kpis{grid-template-columns:repeat(2,1fr)}.kpi{min-height:88px}.hero-visual{min-height:300px}.skills-panel,.cert-panel{min-height:auto}.skill-row{grid-template-columns:minmax(0,1fr) 85px 27px}.flip-card{min-width:145px;height:190px}.education-grid{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr}.project-shelf{grid-template-columns:repeat(2,1fr)}.achievement-grid{grid-template-columns:1fr}.skill-bento,.tech-grid{grid-template-columns:1fr}.company-projects{grid-template-columns:1fr}.page-hero{align-items:flex-start;flex-direction:column}.company-meta{grid-template-columns:1fr}.badge-flip{min-width:105px}.footer{padding-bottom:65px}}
@media(prefers-reduced-motion:reduce){body:not([data-motion-full]) *,body:not([data-motion-full]) *::before,body:not([data-motion-full]) *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}body:not([data-motion-full]) .reveal{opacity:1;transform:none}body:not([data-motion-full]) .hero-visual::before{transform:none!important}body:not([data-motion-full]) .glass::after{display:none}}

@media(max-width:820px){
  .hero{padding:8px 0}.hero-shell{min-height:0;border-radius:10px}.hero-copy{padding:34px 22px 28px}.hero-visual{min-height:460px}.hero-signals{right:14px;width:128px}.signal-card{padding:11px 12px}.impact-ribbon{grid-template-columns:repeat(5,minmax(110px,1fr));overflow-x:auto}.aim-panel{padding:16px 20px}.page-hero{align-items:flex-start;flex-direction:column}.page-hero>div:last-child{width:100%}.home-achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{align-items:flex-start;flex-direction:column;gap:10px}.section-heading p{text-align:left}.recognition-home-card{min-width:290px;max-width:290px}
}
@media(max-width:560px){
  .hero-copy{padding:28px 18px 22px}.hero-name{font-size:52px}.hero-role{font-size:19px}.hero-desc{font-size:12px;line-height:1.55}.hero-kpis{gap:8px}.kpi{min-width:0;min-height:108px;padding:12px 6px 10px}.kpi-icon{height:28px}.kpi-icon svg{width:28px;height:28px}.kpi strong{font-size:31px}.kpi span{font-size:9px}.hero-visual{min-height:390px}.hero-signals{right:10px;width:112px;gap:8px}.signal-card{padding:9px 10px}.signal-label{font-size:8px;margin-bottom:6px}.signal-card strong{font-size:8px;gap:6px}.signal-dot{width:7px;height:7px}.badge-flip{min-width:132px;height:126px}.contact-icon{width:40px;height:40px}.page-hero{padding:22px 18px}.page-hero h1{font-size:40px}.page-hero>div:last-child{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-chip{padding:10px 5px}.metric-chip>.surface-icon{width:38px;height:38px;border-radius:11px}.metric-chip>.surface-icon svg{width:22px;height:22px}.metric-chip strong{font-size:24px}.metric-chip span{font-size:9px}.skill-row{grid-template-columns:minmax(0,1fr) 76px 54px}.skill-level{font-size:9px}.home-impact-panel,.recognition-home-panel,.worked-panel{padding:18px}.home-achievement-grid{grid-template-columns:1fr}.recognition-home-card{min-width:82vw;max-width:82vw}.recognition-media{width:76px;height:76px;flex-basis:76px}.partner-chip{min-width:170px}.section-heading h2{font-size:27px}
}

/* Executive interaction and layout refinement */
.cv-menu{position:relative}.cv-menu>summary{list-style:none;cursor:pointer;white-space:nowrap}.cv-menu>summary::-webkit-details-marker{display:none}.cv-options{position:absolute;right:0;top:calc(100% + 8px);z-index:90;width:245px;padding:7px;border:1px solid rgba(88,194,238,.42);border-radius:11px;background:linear-gradient(145deg,rgba(6,35,57,.98),rgba(1,17,30,.98));box-shadow:0 18px 42px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.05);backdrop-filter:blur(18px)}.cv-options a{display:block!important;padding:11px 12px!important;border-radius:7px}.cv-options a:hover{background:rgba(70,180,225,.1)}.cv-options strong,.cv-options span{display:block}.cv-options strong{color:var(--gold-pale);font-size:11px}.cv-options span{color:#91a7b8;font-size:9px;margin-top:3px;text-transform:none;letter-spacing:0}
.hero-shell>*{min-width:0}.hero-copy,.hero-role-full,.hero-positioning,.hero-kpis,.impact-ribbon{min-width:0;width:100%}.hero-role-full{font-family:Inter,Arial,sans-serif;font-size:13px!important;line-height:1.65;letter-spacing:.035em;font-weight:650;color:#e7edf2;margin:0 0 15px;max-width:820px;overflow-wrap:anywhere}.hero-role-full i{color:var(--gold-hi);font-style:normal;padding:0 3px}.hero-positioning{margin:0 0 18px}.hero-positioning p{margin:0;color:#c6d1d9;font-size:15px;line-height:1.55;overflow-wrap:anywhere}.hero-positioning p:first-child{color:#d8c19a}.hero-positioning strong{color:var(--gold-hi);font-weight:750}.hero-positioning p+p{margin-top:3px;color:#b9c8d3}
.cert-window{padding-top:4px}.cert-track{padding:18px 2px 24px}.flip-card:hover .flip-inner{transform:rotateY(8deg) translateY(5px)}.flip-card.flipped:hover .flip-inner{transform:rotateY(180deg) translateY(5px)}.cert-front img{mix-blend-mode:normal}.badge-scroll{padding:18px 5px 24px;align-items:flex-start}.badge-flip{min-width:184px;height:186px}.badge-face{padding:30px 25px 31px}.badge-flip:hover .badge-inner{transform:translateY(5px) rotateY(8deg)}.badge-flip.flipped:hover .badge-inner{transform:rotateY(180deg) translateY(5px)}.badge-front img{width:48px;height:48px;object-fit:contain;margin-bottom:6px;filter:drop-shadow(0 5px 8px rgba(0,0,0,.3));flex:0 0 auto}.badge-front strong{font-size:14px;line-height:1.12;max-width:128px}.badge-front span{font-size:9px;line-height:1.25;max-width:126px}.badge-back{padding:32px 28px}.badge-back strong{font-size:18px}.badge-back span{font-size:9px;line-height:1.34}.badge-back b{font-size:8px;color:var(--cyan-hi);margin-top:6px;font-weight:500}
.recognition-scroll{padding:16px 2px 24px}.recognition-home-card.liquid-surface:hover{transform:translateY(5px) scale(1.008)}
.education-grid{align-items:stretch}.edu{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;min-width:0}.edu>.surface-icon{width:38px!important;height:38px!important;flex:0 0 38px;margin:0 0 13px!important;align-self:flex-start;display:grid!important}.edu strong,.edu>span:not(.surface-icon),.edu small{width:100%;text-align:left}.edu small{margin-top:auto;padding-top:12px}
.partner-logo-showcase{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:12px;margin:2px 0 18px}.partner-logo-badge{position:relative;min-height:100px;border:1px solid rgba(80,183,225,.3);border-radius:12px;background:linear-gradient(145deg,rgba(7,39,63,.72),rgba(2,20,35,.8));display:grid;place-items:center;padding:15px;overflow:hidden;transition:.35s}.partner-logo-badge img{display:block;max-width:100%;max-height:75px;object-fit:contain}.partner-logo-presight img{width:170px}.partner-logo-badge.liquid-surface:hover{transform:translateY(3px) scale(1.006)}
.portfolio-panel .project-shelf{display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;padding:12px 22px 82px;scrollbar-width:thin;scrollbar-color:rgba(83,199,245,.75) rgba(2,20,35,.8)}.portfolio-panel .project-shelf::-webkit-scrollbar{height:9px}.portfolio-panel .project-shelf::-webkit-scrollbar-track{background:rgba(2,19,34,.8);border-radius:99px}.portfolio-panel .project-shelf::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--cyan),var(--gold-hi));border:2px solid rgba(2,19,34,.75);border-radius:99px}.portfolio-panel .project-shelf::after{left:14px;right:14px;bottom:26px;height:57px}.portfolio-panel .project{flex:0 0 calc((100% - 70px)/6);min-width:220px;display:flex;flex-direction:column;justify-content:flex-end;scroll-snap-align:start}.portfolio-panel .project-copy{min-height:62px;display:flex;flex-direction:column;justify-content:flex-end}.portfolio-panel .project-title{margin:0;min-height:0;font-size:13px;line-height:1.25}.portfolio-panel .project-sub{min-height:0;font-size:10px;line-height:1.35;margin:4px 0 9px}.portfolio-panel .laptop{margin-top:auto}.portfolio-panel .portfolio-actions{margin-top:10px}
.contact-grid{grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch}.contact-card{grid-template-columns:50px minmax(0,1fr);gap:11px;align-items:center}.contact-card>.contact-icon{width:44px;height:44px;border:1px solid rgba(90,196,239,.42);border-radius:13px;background:radial-gradient(circle at 30% 20%,rgba(89,205,248,.18),rgba(4,29,48,.75));margin:0!important;align-self:center;display:grid!important;place-items:center;overflow:visible;white-space:normal}.contact-card>.contact-icon svg{display:block;width:25px;height:25px;margin:0}.contact-card>span:last-child{min-width:0;margin:0!important;align-self:center}.contact-card>span:last-child>strong{line-height:1.25}.contact-card>span:last-child>span{margin-top:4px}
.drawer{width:min(620px,95vw);transition:transform .58s cubic-bezier(.16,.84,.24,1)}.drawer-head{padding:20px 22px}.drawer h2{font-size:35px}.drawer .drawer-sub{font-size:13px;line-height:1.45;margin-top:5px}.drawer-body{padding:22px}.drawer-body h3{font-size:25px;margin:24px 0 9px}.drawer-body p,.drawer-body li{font-size:14px;line-height:1.68}.drawer-body li+li{margin-top:5px}.drawer-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:18px}.drawer-chip{position:relative;padding:13px;border:1px solid rgba(79,181,225,.28);border-radius:10px;background:rgba(4,30,50,.55)}.drawer-chip strong,.drawer-chip span{display:block}.drawer-chip strong{font-size:10px;color:var(--gold-hi);text-transform:uppercase;letter-spacing:.08em}.drawer-chip span{font-size:12px;color:#d9e4eb;line-height:1.4;margin-top:5px}.drawer-intro{font-size:15px!important;color:#d2dde5!important}.drawer-link{position:relative;padding:12px 17px;margin-top:18px;border-radius:9px;font-size:11px;transition:.3s}.drawer-link:hover,.outline-btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,0,0,.25),0 0 20px rgba(72,194,240,.1)}.drawer-body>*{opacity:0;transform:translateY(20px)}.drawer-animate .drawer-body>*{animation:drawerTextIn .64s both}.drawer-animate .drawer-body>*:nth-child(2){animation-delay:.08s}.drawer-animate .drawer-body>*:nth-child(3){animation-delay:.14s}.drawer-animate .drawer-body>*:nth-child(4){animation-delay:.2s}.drawer-animate .drawer-body>*:nth-child(5){animation-delay:.26s}.drawer-animate .drawer-body>*:nth-child(6){animation-delay:.32s}@keyframes drawerTextIn{to{opacity:1;transform:none}}
.reveal{opacity:0;transform:translateY(36px)}.reveal.in{animation:panelRiseIn .82s cubic-bezier(.18,.78,.2,1) both}.reveal .reveal-item{opacity:0;transform:translate3d(0,34px,0)}.reveal.in .reveal-item{animation:textRiseIn .86s cubic-bezier(.18,.78,.2,1) var(--reveal-delay,0ms) both}.reveal .reveal-visual{opacity:0;transform:translate3d(24px,0,0) scale(.985)}.reveal.in .reveal-visual{animation:visualSlideIn 1.15s cubic-bezier(.18,.78,.2,1) .24s both}@keyframes panelRiseIn{0%{opacity:0;transform:translateY(36px)}100%{opacity:1;transform:none}}@keyframes textRiseIn{0%{opacity:0;transform:translate3d(0,34px,0)}100%{opacity:1;transform:none}}@keyframes visualSlideIn{0%{opacity:0;transform:translate3d(24px,0,0) scale(.985)}100%{opacity:1;transform:none}}

@media(max-width:1250px){.contact-grid{grid-template-columns:repeat(3,1fr)}.hero-role-full{font-size:11.5px!important}.hero-positioning p{font-size:13px}.portfolio-panel .project{flex-basis:260px}}
@media(max-width:820px){.cv-menu{width:100%}.cv-menu>summary{margin:5px 0!important}.cv-options{position:static;width:100%;margin-bottom:7px}.hero-role-full{font-size:12px!important}.partner-logo-showcase{grid-template-columns:1fr}.portfolio-panel .project-shelf{display:flex;padding:10px 15px 28px}.portfolio-panel .project-shelf::after{display:none}.portfolio-panel .project{flex-basis:260px}.contact-grid{grid-template-columns:repeat(2,1fr)}.drawer-summary{grid-template-columns:1fr}}
@media(max-width:560px){.hero-copy{overflow:hidden}.hero-role-full{font-size:11px!important;line-height:1.55}.hero-positioning p{font-size:12px}.hero-kpis{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.impact-ribbon{max-width:100%}.partner-logo-showcase{grid-template-columns:1fr}.partner-logo-badge{min-height:82px;padding:10px}.contact-grid{grid-template-columns:1fr}.portfolio-panel .project{min-width:230px}.badge-flip{min-width:166px;height:174px}.badge-face{padding:28px 22px}.drawer-body{padding:17px}.drawer-body p,.drawer-body li{font-size:13px}}
@media(prefers-reduced-motion:reduce){body:not([data-motion-full]) .reveal,body:not([data-motion-full]) .reveal .reveal-item,body:not([data-motion-full]) .reveal .reveal-visual,body:not([data-motion-full]) .drawer-body>*{opacity:1;transform:none;animation:none!important}}

@media(min-width:821px){.portfolio-panel .project{flex-basis:calc((100% - 70px)/5.82)}.portfolio-panel .laptop{transform:translateY(9px)}}

/* Requested hero swap and single-pass hover sheen */
.hero-visual::before{background-image:url('../images/home2.jpg');background-position:58% center}
.glass::after,.liquid-surface::after{transition:none}.glass:hover::after{left:-45%}.liquid-surface:hover::after{left:-85%}.glass.sheen-once::after{left:116%;transition:left 1.05s cubic-bezier(.2,.7,.2,1)}.liquid-surface.sheen-once::after{left:145%;transition:left .85s cubic-bezier(.2,.75,.2,1)}.kpi::after{transition:none}.kpi:hover::after{transform:translateX(-40%)}.kpi.sheen-once::after{transform:translateX(40%);transition:transform .8s ease}
.worked-panel .partner-logo-showcase{margin-bottom:0}

/* Final executive polish: calm hover motion, expanded capability presentation and bounded shelves */
.pointer-aura{display:none!important}
.glass::after,.liquid-surface::after,.kpi::after{display:none!important}
.corner{animation:none!important;opacity:.42;filter:none!important}
.glass:hover .corner{opacity:.62;filter:none!important}
.navlinks a::after{box-shadow:none}

.liquid-surface:hover{
  transform:translateY(-3px);
  border-color:rgba(101,190,226,.48);
  background:linear-gradient(145deg,rgba(8,43,68,.78),rgba(3,25,43,.82));
  box-shadow:0 10px 22px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.05)
}
.liquid-surface:hover>.surface-icon,.liquid-surface:hover .surface-icon,
.contact-card:hover .contact-icon,.round:hover{
  transform:translateY(-1px);
  color:var(--gold-pale);
  box-shadow:0 7px 15px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.06)
}
.kpi:hover{transform:translateY(-3px);border-color:rgba(100,188,225,.46);box-shadow:0 8px 18px rgba(0,0,0,.2),inset 0 0 20px rgba(34,153,205,.035)}
.job:hover .job-node{transform:translateY(-3px);border-color:rgba(102,190,226,.58);box-shadow:0 7px 16px rgba(0,0,0,.22)}
.flip-card:hover .flip-inner{transform:translateY(-3px)}
.flip-card.flipped:hover .flip-inner{transform:rotateY(180deg) translateY(-3px)}
.badge-flip:hover .badge-inner{transform:translateY(-3px)}
.badge-flip.flipped:hover .badge-inner{transform:rotateY(180deg) translateY(-3px)}
.recognition-home-card.liquid-surface:hover,.partner-logo-badge.liquid-surface:hover{transform:translateY(-3px)}
.project:hover{transform:translateY(-3px)}
.drawer-link:hover,.outline-btn:hover,.gold-btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(0,0,0,.18)}

.aim-panel{grid-template-columns:230px minmax(0,1fr)}
.aim-panel p{width:100%;max-width:none;padding-left:32px;font-size:14px;line-height:1.7}

.skills-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.35fr);gap:14px}
.skills-panel,.cert-panel{min-height:470px}
.capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:2px 0 12px}
.capability-card{position:relative;min-width:0;min-height:57px;padding:9px 10px 9px 45px;border:1px solid rgba(76,159,198,.28);border-radius:8px;background:linear-gradient(145deg,rgba(7,38,61,.62),rgba(3,24,41,.68));transition:transform .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease;overflow:hidden}
.capability-card>span{position:absolute;left:12px;top:11px;color:var(--gold-hi);font-size:9px;font-weight:700;letter-spacing:.1em}
.capability-card>span::after{content:"";display:block;width:18px;height:1px;margin-top:6px;background:rgba(86,185,226,.5)}
.capability-card strong{display:block;color:#e8eef3;font-size:11.5px;line-height:1.25;font-weight:650}
.capability-card small{display:block;margin-top:3px;color:#9fb0bd;font-size:9px;line-height:1.35}

.recognition-heading-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.recognition-heading-side .outline-btn{margin:0}
.recognition-heading-side p{margin:0}

.worked-panel .partner-logo-showcase{display:block;width:100%;margin:0}
.worked-panel .partner-logo-badge{width:100%;min-height:118px;padding:12px 26px}
.worked-panel .partner-logo-badge img{width:100%;height:auto;max-width:none;max-height:none;object-fit:contain}

.portfolio-panel .project-shelf{width:calc(100% - 76px);max-width:1600px;margin-inline:auto;padding-left:18px;padding-right:18px}
.portfolio-panel .project-shelf::after{left:0;right:0}
.portfolio-panel .shelf-scroll-end{display:block;flex:0 0 36px;height:1px;align-self:flex-end}
@media(min-width:821px){.portfolio-panel .project{flex-basis:calc((100% - 70px)/6)}}

@media(max-width:1100px){
  .skills-grid{grid-template-columns:1fr}
  .skills-panel,.cert-panel{min-height:auto}
}
@media(max-width:820px){
  .aim-panel{grid-template-columns:1fr}.aim-panel p{padding-left:0;font-size:13px}
  .recognition-heading-side{align-items:flex-start}.recognition-heading-side p{text-align:left}
  .portfolio-panel .project-shelf{width:100%;padding-left:15px;padding-right:15px}
}
@media(max-width:560px){
  .capability-grid{grid-template-columns:1fr}.capability-card{min-height:55px}
  .worked-panel .partner-logo-badge{min-height:82px;padding:10px}
  .hero-role-full{font-size:10.25px!important;letter-spacing:.015em}
  .cert-head{align-items:flex-start;gap:8px}.cert-head>div:first-child{min-width:0}.cert-head .panel-title{font-size:23px;overflow-wrap:anywhere}
  .skills-panel .panel-title{font-size:24px;line-height:1.08;overflow-wrap:anywhere}
  .mobile-menu{display:grid!important;place-items:center;width:38px;height:38px;margin-left:auto;font-size:0}
  .mobile-menu::before{content:"☰";font-size:20px;line-height:1}
}

/* Site-wide interaction language: restrained lift, one-time CTA sheen and clear detail affordances */
.outline-btn,.gold-btn,.download,.drawer-link,.round,.filter{position:relative;overflow:hidden;isolation:isolate}
.button-sheen-once::after{content:""!important;display:block!important;position:absolute!important;z-index:5!important;inset:-80% auto -80% -42%!important;width:24%!important;height:auto!important;background:linear-gradient(105deg,transparent,rgba(255,255,255,.38),rgba(244,202,132,.28),transparent)!important;transform:skewX(-18deg)!important;animation:buttonSheenPass .72s ease-out 1!important;pointer-events:none!important}
@keyframes buttonSheenPass{from{left:-42%}to{left:128%}}

.job,.edu,.flip-card,.badge-flip,.project{position:relative}
.job::after,.edu::after,.flip-card::after,.badge-flip::after,.project::before{content:">";position:absolute;z-index:9;display:grid;place-items:center;width:20px;height:20px;border:1px solid rgba(211,162,91,.46);border-radius:50%;color:var(--gold-pale);background:rgba(1,19,33,.82);font:700 12px/1 Inter,Arial,sans-serif;opacity:.72;transition:transform .25s ease,opacity .25s ease,border-color .25s ease;pointer-events:none}
.job::after{right:5px;bottom:2px}.edu::after{right:10px;bottom:10px;display:grid!important}.flip-card::after{right:10px;bottom:10px}.badge-flip::after{right:8px;bottom:12px}.project::before{right:6px;top:58px}
.job:hover::after,.edu:hover::after,.flip-card:hover::after,.badge-flip:hover::after,.project:hover::before{transform:translateX(2px);opacity:1;border-color:rgba(228,180,108,.8)}

.expandable summary{list-style:none;position:relative;padding-right:38px}
.expandable summary::-webkit-details-marker{display:none}
.expandable summary::after{content:">";position:absolute;right:2px;top:50%;width:25px;height:25px;margin-top:-12px;display:grid;place-items:center;border:1px solid rgba(211,162,91,.48);border-radius:50%;color:var(--gold-pale);background:rgba(1,19,33,.72);font:700 13px/1 Inter,Arial,sans-serif;transition:transform .28s ease,border-color .28s ease}
.expandable details[open]>summary::after{transform:rotate(90deg);border-color:rgba(94,190,229,.62)}
.expandable details[open]>:not(summary){animation:detailContentRise .55s cubic-bezier(.18,.78,.2,1) both}
@keyframes detailContentRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

/* Portfolio geometry: laptops, shelf and native scrollbar share one bounded stage. */
.portfolio-panel .project-shelf{box-sizing:border-box;width:calc(100% - 180px);max-width:1600px;padding-left:28px;padding-right:28px;overflow-x:auto;overflow-y:hidden}
.portfolio-panel .project:first-child .laptop::after{left:0}
.portfolio-panel .project:nth-last-child(2) .laptop::after{right:0}
.portfolio-panel .shelf-scroll-end{flex-basis:44px}
.portfolio-panel .project-shelf::-webkit-scrollbar-track{margin-inline:0}

@media(max-width:1250px){.portfolio-panel .project-shelf{width:calc(100% - 70px)}}
@media(max-width:820px){
  .portfolio-panel .project-shelf{width:100%;padding-left:15px;padding-right:15px}
  .project::before{top:52px}
}

/* Definitive portfolio stage: one shared edge for copy, devices, shelf and scrollbar. */
.portfolio-stage{position:relative;width:min(100%,1420px);margin:2px auto 0;isolation:isolate}
.portfolio-stage::after{content:"";position:absolute;z-index:0;left:0;right:0;bottom:26px;height:57px;background:url('../images/shelf-wood.png') center/112% 100% no-repeat;pointer-events:none}
.portfolio-stage .project-shelf{position:relative;z-index:1;box-sizing:border-box;width:100%;max-width:none;margin:0;padding:12px 0 82px;gap:14px;overflow-x:auto;overflow-y:hidden}
.portfolio-stage .project-shelf::after{display:none}
.portfolio-stage .project{min-width:220px}
.portfolio-stage .project:first-child .laptop::after{left:0}
.portfolio-stage .project:nth-last-child(2) .laptop::after{right:0}
.portfolio-stage .project-shelf::-webkit-scrollbar-track{margin:0}
.portfolio-stage .shelf-scroll-end{flex:0 0 44px}
@media(min-width:821px){.portfolio-stage .project{flex:0 0 calc((100% - 70px)/6)}}
@media(max-width:820px){.portfolio-stage{width:100%}.portfolio-stage .project-shelf{padding:10px 0 30px}.portfolio-stage::after{display:none}}

/* Independent six-item portfolio evidence shelf, rebuilt from the legacy portfolio. */
.portfolio-evidence-panel{padding:18px 20px 14px}
.portfolio-evidence-panel .section-heading{margin-bottom:8px}
.portfolio-evidence-stage{--evidence-shelf-inset:84px;position:relative;width:min(100%,1420px);margin:0 auto;isolation:isolate}
.portfolio-evidence-stage::after{content:"";position:absolute;z-index:0;left:var(--evidence-shelf-inset);right:var(--evidence-shelf-inset);bottom:26px;height:57px;background:url('../images/shelf-wood.png') center/112% 100% no-repeat;pointer-events:none}
.portfolio-evidence-shelf{position:relative;z-index:1;display:flex;gap:15px;box-sizing:border-box;width:calc(100% - (var(--evidence-shelf-inset) * 2));margin:0 auto;padding:14px 0 65px;overflow-x:scroll;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:rgba(83,199,245,.78) rgba(2,20,35,.88)}
.portfolio-evidence-shelf::-webkit-scrollbar{height:9px}
.portfolio-evidence-shelf::-webkit-scrollbar-track{margin:0;background:rgba(2,20,35,.88);border-radius:99px}
.portfolio-evidence-shelf::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--cyan),var(--gold-hi));border:2px solid rgba(2,20,35,.8);border-radius:99px}
.portfolio-evidence-item{position:relative;box-sizing:border-box;flex:0 0 calc((100% - 75px)/6);min-width:190px;min-height:300px;display:flex;flex-direction:column;padding:13px 12px 0;border:1px solid rgba(75,174,216,.38);border-radius:12px 12px 5px 5px;background:linear-gradient(155deg,rgba(8,43,68,.9),rgba(2,22,38,.96));box-shadow:0 13px 26px rgba(0,0,0,.28);scroll-snap-align:start;overflow:hidden;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.portfolio-evidence-item:hover{transform:translateY(-4px);border-color:rgba(102,200,238,.62);box-shadow:0 18px 32px rgba(0,0,0,.34)}
.portfolio-evidence-copy{display:flex;flex:1;min-height:160px;flex-direction:column;align-items:flex-start;text-align:left}
.portfolio-evidence-copy>span{color:var(--cyan-hi);font-size:8px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}
.portfolio-evidence-copy h3{margin:6px 0;font-family:'Cormorant Garamond',Georgia,serif;font-size:18px;line-height:1.05;color:#f1f5f7}
.portfolio-evidence-copy p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:0;color:#aebdca;font-size:9.5px;line-height:1.42}
.portfolio-evidence-copy b{display:flex;align-items:center;gap:6px;margin:auto 0 9px;color:var(--gold-hi);font-size:8px;font-weight:750;letter-spacing:.075em;text-transform:uppercase}
.portfolio-evidence-copy b i{font-size:12px;font-style:normal;transition:transform .25s ease}
.portfolio-evidence-item:hover .portfolio-evidence-copy b i{transform:translate(2px,-2px)}
.portfolio-evidence-cover{height:125px;margin:0 -6px;display:grid;place-items:center;border:1px solid rgba(109,180,208,.28);border-bottom:0;border-radius:6px 6px 0 0;background:linear-gradient(145deg,rgba(1,14,25,.88),rgba(9,45,67,.72));overflow:hidden}
.portfolio-evidence-cover img,.portfolio-evidence-cover img.glass-media{display:block;width:100%;height:100%;padding:0;border:0;border-radius:5px 5px 0 0;object-fit:contain;background:#061827;box-shadow:none;transition:transform .45s cubic-bezier(.2,.75,.2,1),filter .35s ease}
.portfolio-evidence-item:hover .portfolio-evidence-cover img{transform:scale(1.025);filter:saturate(1.08) contrast(1.04)}
@media(max-width:1250px){.portfolio-evidence-stage{--evidence-shelf-inset:35px}.portfolio-evidence-item{flex-basis:255px}}
@media(max-width:820px){.portfolio-evidence-panel{padding:17px 16px 12px}.portfolio-evidence-stage{--evidence-shelf-inset:0px;width:100%}.portfolio-evidence-stage::after{display:none}.portfolio-evidence-shelf{width:100%;padding:12px 0 18px}.portfolio-evidence-item{flex-basis:255px;min-height:310px}.portfolio-evidence-copy p{-webkit-line-clamp:4}.portfolio-evidence-cover{height:135px}}

/* Readable footer typography and compact hobbies iconography. */
.footer{padding:18px 0 22px}
.footer-grid{gap:24px;font-size:11.5px;line-height:1.5;color:#91a5b5}
.footer-grid>div:first-child{font-size:11.5px;color:#a7b7c3}
.footer-center{gap:6px}
.footer-center small{font-size:9.5px;color:#8195a5}
.footer-right>div:last-child{font-size:11.5px;color:#a7b7c3}
.footer-links{gap:16px;margin-bottom:7px}
.footer-links a{font-size:11.5px;color:#b9c7d1}
.contact-hobbies{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
.contact-hobbies>strong{align-self:center;color:var(--gold-hi);font-size:10px;font-weight:750;letter-spacing:.13em;text-align:center}
.hobby-icons{display:flex;align-items:center;justify-content:center;align-content:center;gap:6px;width:154px;max-width:100%;flex-wrap:wrap;margin-inline:auto}
.contact-hobbies .hobby-icon{box-sizing:border-box;width:34px;height:34px;flex:0 0 34px;display:grid!important;place-items:center!important;padding:0!important;margin:0!important;line-height:0;overflow:visible;white-space:normal;border:1px solid rgba(87,184,225,.3);border-radius:10px;color:#aebdca;background:linear-gradient(145deg,rgba(8,39,62,.72),rgba(2,20,35,.78));box-shadow:inset 0 1px rgba(255,255,255,.045);transition:transform .28s ease,color .28s ease,border-color .28s ease,background .28s ease}
.contact-hobbies .hobby-icon svg{display:block;width:22px;height:22px;margin:0!important;transform:none;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.hobby-icon:hover{transform:translateY(-3px);color:var(--gold-pale);border-color:rgba(213,161,87,.58);background:linear-gradient(145deg,rgba(11,49,75,.82),rgba(3,25,42,.88))}
@media(max-width:1100px){.footer-grid{grid-template-columns:1fr;justify-items:center;text-align:center}.footer-right{text-align:center}.footer-links{justify-content:center}.hobby-icons{flex-wrap:wrap}}

/* Complete project evidence registers sourced from the detailed CV workbooks. */
.register-heading{display:flex;align-items:center;gap:9px;margin:20px 0 10px!important;color:#e8eef3!important;font-family:Inter,Arial,sans-serif!important;font-size:14px!important;letter-spacing:.02em}
.register-heading span{display:inline-grid;place-items:center;min-width:28px;height:24px;padding:0 7px;border:1px solid rgba(83,190,232,.34);border-radius:99px;color:var(--cyan-hi);font-size:10px}
.project-registers{display:grid;gap:10px;margin:20px 0}
.project-register{border:1px solid rgba(76,166,207,.3);border-radius:10px;background:linear-gradient(145deg,rgba(6,34,55,.64),rgba(2,19,33,.72));overflow:hidden}
.project-register>summary{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:52px;padding:13px 55px 13px 16px;list-style:none;cursor:pointer;color:#e1e9ef;font-size:13px;font-weight:650;line-height:1.35;transition:background .25s ease,color .25s ease}
.project-register>summary::-webkit-details-marker{display:none}
.project-register>summary b{flex:0 0 auto;color:var(--gold-pale);font-size:10px;font-weight:650;letter-spacing:.04em}
.project-register>summary::after{content:">";position:absolute;right:16px;top:50%;width:27px;height:27px;margin-top:-14px;display:grid;place-items:center;border:1px solid rgba(210,160,85,.5);border-radius:50%;color:var(--gold-pale);background:rgba(1,18,31,.72);font:700 13px/1 Inter,Arial,sans-serif;transition:transform .28s ease,border-color .28s ease}
.project-register[open]>summary{color:#f0f5f8;background:rgba(58,176,223,.06)}
.project-register[open]>summary::after{transform:rotate(90deg);border-color:rgba(92,194,235,.62)}
.project-register>.company-projects{margin:0;padding:14px;border-top:1px solid rgba(76,166,207,.2);animation:detailContentRise .5s cubic-bezier(.18,.78,.2,1) both}
@media(max-width:560px){.project-register>summary{align-items:flex-start;flex-direction:column;padding-right:50px}.project-register>summary b{margin-top:2px}}

.recognition-source-link{display:inline-flex;align-items:center;gap:6px;margin-top:10px;color:var(--gold-pale);font-size:10px;font-weight:650;letter-spacing:.05em;text-transform:uppercase}
.recognition-source-link span{width:20px;height:20px;display:grid;place-items:center;border:1px solid rgba(210,160,85,.46);border-radius:50%;transition:transform .25s ease,border-color .25s ease}
.recognition-source-link:hover{color:var(--cyan-hi)}
.recognition-source-link:hover span{transform:translateX(3px);border-color:rgba(91,194,235,.62)}
.recognition-category{display:block;margin:0 0 6px;color:var(--cyan-hi);font-size:9px;font-weight:700;letter-spacing:.1em;line-height:1.3;text-transform:uppercase}

/* Source-backed professional career timeline on the detailed profile. */
.profile-career-panel{padding:20px 22px 16px}
.profile-summary-stack{display:grid;grid-template-columns:1fr;gap:14px}
.profile-career-summary{padding:26px 28px}
.profile-career-summary>.surface-icon{float:none;margin:0 0 12px}
.profile-career-summary .group-title{max-width:1100px;margin:4px 0 10px}
.career-summary-intro{max-width:1380px;margin:0 0 18px!important;color:#d1dae1!important;font-size:15px!important;line-height:1.7!important}
.career-summary-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:46px;row-gap:9px;margin:0!important;padding-left:22px!important}
.career-summary-columns li{padding-left:3px;color:#b9c8d2;font-size:13.5px;line-height:1.6}
.career-summary-columns li::marker{color:var(--gold-hi)}
.profile-aim-card{padding:22px 28px}
.profile-aim-card>.surface-icon{float:none;margin:0 0 10px}
.profile-aim-card h3{margin:5px 0 8px;font-size:25px}
.profile-aim-card p{max-width:1450px;margin:0 0 12px}
.profile-solution-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.profile-solution-item{min-height:138px;align-items:flex-start;padding:18px;border-radius:10px}
.profile-solution-item>.surface-icon{flex:0 0 auto;margin:0}
.profile-solution-item strong{display:block;color:#edf3f7;font-size:14px;line-height:1.35;margin-bottom:7px}
.profile-solution-item p{margin:0;color:#9fb0bd;font-size:12px;line-height:1.55}
.company-logo-mark{position:relative;display:grid;place-items:center;flex:0 0 auto;width:72px;height:62px;padding:8px;border:1px solid rgba(79,181,222,.4);border-radius:13px;background:linear-gradient(145deg,rgba(9,52,78,.78),rgba(2,20,35,.9));box-shadow:inset 0 1px rgba(255,255,255,.06),0 10px 25px rgba(0,0,0,.24),0 0 18px rgba(56,179,226,.08);overflow:hidden;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.company-logo-mark::after{content:"";position:absolute;inset:5px;border:1px solid rgba(210,161,87,.12);border-radius:9px;pointer-events:none}
.company-logo-mark img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 7px rgba(0,0,0,.45))}
.company-logo-mark b{position:relative;z-index:1;font-family:'Cormorant Garamond',Georgia,serif;font-size:23px;letter-spacing:.03em;color:var(--gold-hi);font-weight:700;text-shadow:0 0 14px rgba(219,162,78,.22)}
.company-logo-mark[data-company="tdra"] img,.company-logo-mark[data-company="damac"] img,.company-logo-mark[data-company="conceptech"] img,.company-logo-mark[data-company="comtech"] img{width:94%;height:78%}
.company-logo-mark[data-company="moe"] img{width:92%;height:88%}
.company-logo-mark[data-company="nicon"] img{width:78%;height:94%}
.company-hero-identity{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:center;min-width:0}
.company-hero-logo{display:flex;align-items:center}
.company-logo-hero{width:112px;height:94px;padding:12px;border-radius:17px}
.company-logo-hero b{font-size:34px}
.company-card-heading,.project-company-heading{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.company-card-heading>div,.project-company-heading>div{min-width:0}
.company-card-heading>div>span,.project-company-heading>div>span{display:block;margin-bottom:4px;color:var(--cyan-hi);font-size:9px;letter-spacing:.13em}
.company-card-heading h3{margin:0;color:var(--gold-hi);font-size:22px}
.company-logo-card{width:68px;height:58px;padding:8px}
.company-impact-card>p{margin-left:0}
.project-company-heading{padding-bottom:13px;border-bottom:1px solid rgba(76,172,211,.2)}
.project-company-heading .group-title{margin:0}
.project-company-heading .group-sub{margin:4px 0 0}
.company-logo-project{width:82px;height:68px;padding:9px}
.company-metric-chip{gap:3px}
.company-logo-metric{width:58px;height:44px;margin:0 auto 5px;padding:5px;border-radius:9px}
.company-logo-metric b{font-size:17px}
.company-logo-recognition{width:52px;height:44px;margin-top:3px;padding:5px;border-radius:9px}
.company-logo-recognition b{font-size:16px}
.drawer-title-brand{display:flex;align-items:center;gap:13px;min-width:0}
.drawer-title-copy{display:flex;min-width:0;flex-direction:column}
.drawer-title-copy small{overflow:hidden;color:#86a1b3;font-family:'Rajdhani','Segoe UI',sans-serif;font-size:9px;font-weight:500;letter-spacing:.055em;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
.drawer-title-copy>span{color:#edf3f7;font-family:'Cormorant Garamond',Georgia,serif;font-size:27px;line-height:1.05}
.company-logo-drawer{width:72px;height:58px;padding:7px;border-radius:12px}
.company-impact-card:hover .company-logo-mark,.project-company-heading:hover .company-logo-mark,.company-hero:hover .company-logo-mark{transform:translateY(-3px);border-color:rgba(91,201,240,.62);box-shadow:inset 0 1px rgba(255,255,255,.08),0 13px 28px rgba(0,0,0,.3),0 0 22px rgba(56,179,226,.14)}
.profile-career-panel .section-heading{align-items:flex-end;margin-bottom:10px}
.profile-career-panel .section-heading h2{font-size:31px}
.profile-career-panel .section-heading p{max-width:820px;margin:7px 0 0;color:#9eb0bd;font-size:12px;line-height:1.55}
.career-summary-badges{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.career-summary-badges span{min-width:110px;padding:9px 11px;border:1px solid rgba(78,174,215,.3);border-radius:9px;background:rgba(3,25,42,.54);color:#96a9b8;font-size:9px;line-height:1.35;text-align:center}
.career-summary-badges strong{display:block;color:var(--gold-hi);font-family:'Cormorant Garamond',Georgia,serif;font-size:18px;line-height:1}
.profile-career-timeline{padding-bottom:12px}
.career-job{position:relative;text-decoration:none;border-radius:10px;padding-bottom:27px;transition:background .28s ease,transform .28s ease}
.career-job::after{display:none!important}
.career-job:hover{transform:translateY(-3px);background:linear-gradient(180deg,rgba(54,178,224,.07),rgba(4,27,45,.16))}
.career-job .job-role{padding:0 7px;font-size:9px;line-height:1.35}
.career-link-indicator{position:absolute;left:50%;bottom:2px;width:21px;height:21px;margin:0 0 0 -11px!important;display:grid!important;place-items:center!important;border:1px solid rgba(207,156,80,.48);border-radius:50%;color:var(--gold-pale);background:rgba(2,20,35,.74);font-size:15px;line-height:1;transition:transform .25s ease,border-color .25s ease,color .25s ease}
.career-job:hover .career-link-indicator{transform:translateX(3px);border-color:rgba(88,191,232,.65);color:var(--cyan-hi)}
@media(max-width:1000px){.profile-solution-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.profile-career-panel .section-heading{align-items:flex-start}.career-summary-badges{justify-content:flex-start}.career-summary-badges span{min-width:96px}.career-summary-columns{grid-template-columns:1fr;row-gap:7px}.profile-career-summary,.profile-aim-card{padding:20px}.company-hero-identity{align-items:start}.company-logo-hero{width:88px;height:76px}}
@media(max-width:560px){.profile-solution-grid{grid-template-columns:1fr}.company-hero-identity{grid-template-columns:1fr}.company-logo-hero{width:82px;height:70px}.company-logo-project{width:68px;height:58px}.drawer-title-copy small{max-width:190px}}

/* Persistent location and destination navigation on detail/archive pages. */
.context-navigation{margin-top:10px;margin-bottom:4px;padding:12px 15px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;overflow:visible}
.breadcrumb-trail{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap;color:#aabac6;font-size:11px;line-height:1.4}
.breadcrumb-trail>span{color:var(--gold-hi);font-size:9px;font-weight:750;letter-spacing:.1em;margin-right:3px}
.breadcrumb-trail a{color:#dce5eb;text-decoration:underline;text-decoration-color:rgba(91,188,228,.48);text-underline-offset:4px}
.breadcrumb-trail i{color:var(--gold-hi);font-style:normal;font-size:16px}.breadcrumb-trail b{color:#f0f4f7;font-weight:650}.breadcrumb-trail b[aria-current="page"]{color:var(--gold-pale)}
.context-links{display:flex;justify-content:flex-end;align-items:center;gap:7px;flex-wrap:wrap}
.context-links a{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:7px 11px;border:1px solid rgba(75,164,205,.34);border-radius:7px;background:rgba(4,29,48,.58);color:#d5e0e7;font-size:9px;text-transform:uppercase;letter-spacing:.035em;transition:transform .24s ease,border-color .24s ease,background .24s ease}
.context-links a span{color:var(--gold-hi);font-size:15px;line-height:1}.context-links a:hover,.context-links a:focus-visible{transform:translateY(-2px);border-color:rgba(216,166,94,.68);background:rgba(8,42,66,.78)}
.context-links .context-primary{border-color:rgba(211,160,87,.58);color:var(--gold-pale)}
@media(max-width:1180px){.context-navigation{grid-template-columns:1fr}.context-links{justify-content:flex-start}}
@media(max-width:560px){.context-navigation{padding:11px}.context-links{display:grid;grid-template-columns:1fr 1fr;width:100%}.context-links a{justify-content:space-between}.breadcrumb-trail>span{width:100%}}

.home-page-navigation{margin-top:7px;margin-bottom:7px;grid-template-columns:auto minmax(0,1fr);overflow:hidden;border-radius:var(--radius);isolation:isolate}
.home-page-navigation>.corner{display:none!important}
.home-navigation-label{display:flex;align-items:center;gap:10px;white-space:nowrap}
.home-navigation-label span{color:var(--gold-hi);font-size:9px;font-weight:750;letter-spacing:.11em}
.home-navigation-label strong{font-family:'Cormorant Garamond',Georgia,serif;color:#edf3f7;font-size:18px;font-weight:650}
.home-page-navigation .context-links{justify-content:flex-end}
.home-page-navigation .context-links a{position:relative;overflow:hidden;isolation:isolate;transform:none;box-shadow:none}
.home-page-navigation .context-links a:hover,.home-page-navigation .context-links a:focus-visible{transform:translateY(-2px);box-shadow:0 6px 14px rgba(0,0,0,.16)}
.home-page-navigation .context-links a::after{display:none!important}
@media(max-width:1180px){.home-page-navigation{grid-template-columns:1fr}.home-page-navigation .context-links{justify-content:flex-start}}
@media(max-width:560px){.home-navigation-label{align-items:flex-start;flex-direction:column;gap:2px}.home-navigation-label strong{font-size:20px}}

/* Previous-version glow layer, added over the current layout and click interactions. */
.pointer-aura{display:block!important}
.glass::after,.liquid-surface::after,.kpi::after{display:block!important}
.glass::after{transition:transform 1.15s cubic-bezier(.2,.7,.2,1),left 1.15s cubic-bezier(.2,.7,.2,1)}
.glass:hover::after{left:116%}
.liquid-surface::after{transition:left .85s cubic-bezier(.2,.75,.2,1)}
.liquid-surface:hover::after{left:145%}
.kpi::after{transition:transform .8s ease}
.kpi:hover::after{transform:translateX(40%)}
.corner{opacity:.8;filter:none!important}
.glass:hover .corner{opacity:1;filter:drop-shadow(0 0 4px rgba(71,201,255,.75))!important}

.liquid-surface:hover{
  transform:translateY(-5px) scale(1.012);
  border-color:rgba(103,214,255,.67);
  background:linear-gradient(145deg,rgba(13,55,84,.72),rgba(3,26,45,.77));
  box-shadow:0 17px 36px rgba(0,0,0,.3),0 0 24px rgba(62,193,240,.11),inset 1px 1px 0 rgba(255,255,255,.09)
}
.liquid-surface:hover>.surface-icon,.liquid-surface:hover .surface-icon{
  transform:translateY(-3px) rotate(-5deg) scale(1.13);
  color:var(--cyan-hi);
  box-shadow:0 12px 24px rgba(0,0,0,.3),0 0 24px rgba(72,201,249,.2)
}
.detail-card:hover>.surface-icon{transform:translateY(-3px) rotate(-5deg) scale(1.13);color:var(--cyan-hi);box-shadow:0 12px 24px rgba(0,0,0,.3),0 0 24px rgba(72,201,249,.2)}
.contact-card:hover .contact-icon,.round:hover{transform:translateY(-3px) rotate(-5deg) scale(1.1)}
.kpi:hover{transform:translateY(-7px) scale(1.02);border-color:rgba(90,210,255,.68);box-shadow:0 16px 34px rgba(0,0,0,.3),0 0 22px rgba(53,190,243,.1),inset 0 0 34px rgba(34,153,205,.09)}
.job:hover .job-node{transform:translateY(-3px) scale(1.04);border-color:var(--cyan-hi);box-shadow:0 0 0 4px rgba(50,173,222,.09),0 0 18px rgba(67,195,240,.22)}

/* Glow and icon movement augment the existing certification/training flips. */
.flip-card .flip-face,.badge-flip .badge-face{transition:border-color .3s ease,box-shadow .3s ease,filter .3s ease}
.flip-card:hover .flip-face{border-color:rgba(101,210,250,.78);box-shadow:0 14px 28px rgba(0,0,0,.32),0 0 24px rgba(62,193,240,.18),inset 0 0 0 1px rgba(150,226,255,.18)}
.flip-card:hover .logo-box{transform:translateY(-4px) scale(1.08)}
.flip-card .logo-box{transition:transform .42s cubic-bezier(.175,.885,.32,1.8)}
.badge-flip:hover .badge-face{border-color:rgba(101,210,250,.82);filter:drop-shadow(0 10px 15px rgba(0,0,0,.3)) drop-shadow(0 0 12px rgba(65,195,242,.16))}
.badge-flip .badge-front img{transition:transform .42s cubic-bezier(.175,.885,.32,1.8),filter .3s ease}
.badge-flip:hover .badge-front img{transform:translateY(-4px) rotate(-4deg) scale(1.1);filter:drop-shadow(0 8px 10px rgba(0,0,0,.34)) drop-shadow(0 0 8px rgba(80,203,247,.22))}

/* Every button now uses the same restrained interaction as Full Professional Portfolio. */
.outline-btn,.gold-btn,.download,.drawer-link,.round,.filter,.mobile-menu,.to-top,.drawer-close,.context-links a{transition:transform .24s ease,border-color .24s ease,background .24s ease,box-shadow .24s ease}
.outline-btn:hover,.outline-btn:focus-visible,.gold-btn:hover,.gold-btn:focus-visible,.download:hover,.download:focus-visible,.drawer-link:hover,.drawer-link:focus-visible,.round:hover,.round:focus-visible,.filter:hover,.filter:focus-visible,.mobile-menu:hover,.mobile-menu:focus-visible,.to-top:hover,.to-top:focus-visible,.drawer-close:hover,.drawer-close:focus-visible,.context-links a:hover,.context-links a:focus-visible{transform:translateY(-2px);border-color:rgba(216,166,94,.68);background-color:rgba(8,42,66,.78);box-shadow:0 6px 14px rgba(0,0,0,.16)}
.button-sheen-once::after{display:none!important;animation:none!important}

/* Compact, aligned skills/certifications row and course-badge treatment. */
.skills-panel,.cert-panel{min-height:0}
.skills-panel{display:flex;flex-direction:column}
.skills-panel .outline-btn{margin-top:auto;align-self:flex-start}
.capability-grid{gap:7px;margin-bottom:10px}
.capability-card{min-height:48px;padding:6px 9px 6px 45px}
.capability-card>span{top:8px}
.capability-card strong{font-size:11px;line-height:1.2}
.capability-card small{margin-top:2px;font-size:8.5px;line-height:1.25}
.cert-panel>.dots{display:none!important}
.badge-flip{min-width:205px;height:205px}
.badge-course-mark{width:44px;height:44px;margin-bottom:7px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(91,199,241,.52);border-radius:13px;color:var(--gold-pale);background:radial-gradient(circle at 30% 20%,rgba(76,197,241,.2),rgba(4,28,47,.86));box-shadow:0 8px 18px rgba(0,0,0,.24)}
.badge-course-mark svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.badge-back span{font-size:8.5px;line-height:1.35}
@media(max-width:560px){.capability-card{min-height:48px}.badge-flip{min-width:190px;height:195px}}

@media(prefers-reduced-motion:reduce){body:not([data-motion-full]) .pointer-aura{display:none!important}}

/* Remove only the moving hover flashlight; retain glow, lift, icons, flips and pointer gradient. */
.glass::after,.liquid-surface::after,.kpi::after{display:none!important}

/* Exact Full Professional Portfolio button hover, shared by controls on every page. */
.portfolio-button-hover{transition:transform .24s ease,border-color .24s ease,background .24s ease,box-shadow .24s ease!important}
.portfolio-button-hover:hover,.portfolio-button-hover:focus-visible{transform:translateY(-2px)!important;border-color:rgba(216,166,94,.68)!important;background-color:rgba(8,42,66,.78)!important;box-shadow:0 6px 14px rgba(0,0,0,.16)!important}