/* Version 14 — full-width mobile hero veil, carousel edge softening, neutral dark accents. */
body[data-theme="dark"]{
 --accent:#b6c0cd;
 --accent2:#e2e6ec;
 --border:rgba(184,198,214,.22);
 --wave:rgba(159,170,183,.14);
}
body[data-theme="dark"] .status-dot{
 background:#b7c2cf!important;
 box-shadow:0 0 0 4px rgba(190,201,215,.11),0 0 13px rgba(211,221,229,.20)!important;
}
body[data-theme="dark"] .availability{border-color:rgba(174,191,209,.32)!important}
.header-logo{width:27px;height:27px;object-fit:contain;display:block;flex:none;margin-right:8px}
.header-logo[hidden]{display:none!important}
.identity{display:flex;align-items:center;gap:0;min-width:0}
.identity #headerName{white-space:nowrap}
/* A faint glass haze at both edges creates depth rather than a hard clipped column. */
#work .carousel-shell,#credentials .cert-carousel{position:relative;isolation:isolate}
#work .carousel-shell::before,#work .carousel-shell::after,
#credentials .cert-carousel::before,#credentials .cert-carousel::after{
 content:"";position:absolute;top:0;bottom:32px;width:clamp(12px,2.6vw,31px);
 z-index:4;pointer-events:none;opacity:.94;
 backdrop-filter:blur(2.5px);-webkit-backdrop-filter:blur(2.5px);
}
#work .carousel-shell::before,#credentials .cert-carousel::before{left:0;background:linear-gradient(90deg,var(--bg) 0%,color-mix(in srgb,var(--bg) 70%,transparent) 48%,transparent 100%)}
#work .carousel-shell::after,#credentials .cert-carousel::after{right:0;background:linear-gradient(270deg,var(--bg) 0%,color-mix(in srgb,var(--bg) 70%,transparent) 48%,transparent 100%)}
#work .projects-grid{padding-inline:13px!important;scroll-padding-inline:13px!important}
#credentials .cert-grid{padding-inline:13px!important;scroll-padding-inline:13px!important}
#credentials .cert-carousel::before,#credentials .cert-carousel::after{bottom:42px}
/* Edge masks do not intercept pointer events; cards and dots remain fully operable. */
@media(max-width:690px){
 .hero{position:relative;isolation:isolate;overflow:hidden}
 .hero::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(180deg,transparent 0%,transparent 22%,color-mix(in srgb,var(--bg) 10%,transparent) 35%,color-mix(in srgb,var(--bg) 67%,transparent) 58%,var(--bg) 89%),
   linear-gradient(90deg,color-mix(in srgb,var(--bg) 21%,transparent),transparent 60%);width:100%;}
 .hero-inner{position:relative;isolation:isolate}
 .hero-copy{z-index:3!important;background:transparent!important}
 .neural-hero{z-index:1!important;overflow:visible;right:-10px!important;max-width:100vw!important;width:100vw!important}
 .hero-wave{z-index:2!important;opacity:.42}
 #work .carousel-shell::before,#work .carousel-shell::after,
 #credentials .cert-carousel::before,#credentials .cert-carousel::after{width:16px;backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px)}
 #work .projects-grid,#credentials .cert-grid{padding-inline:10px!important;scroll-padding-inline:10px!important}
}
@media(prefers-reduced-motion:reduce){
 #work .carousel-shell::before,#work .carousel-shell::after,#credentials .cert-carousel::before,#credentials .cert-carousel::after{backdrop-filter:none;-webkit-backdrop-filter:none}
}