/* Square, edge-to-edge caption; DOM is also the accessible WebGL fallback. */
.portfolio-gallery-stable .portfolio-item .portfolio-info-shell{left:0;right:0;bottom:0;border-radius:0;transform:none!important;transition:opacity .18s ease;overflow:visible}
.portfolio-gallery-stable .portfolio-item .portfolio-info{padding:clamp(16px,2vw,26px);border:0;border-radius:0;box-shadow:none;background:linear-gradient(180deg,#07091155,#070911c7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:1!important;transform:none!important}
.portfolio-gallery-stable .portfolio-item .portfolio-info h4{font-size:clamp(17px,1.65vw,25px);line-height:1.25;font-weight:600;letter-spacing:-.035em;color:#fff;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.portfolio-gallery-stable .portfolio-item .portfolio-info-desc{font-size:clamp(11px,.9vw,13px);line-height:1.5;color:#e0e3ea;margin:8px 0 0;-webkit-line-clamp:2}
.portfolio-gallery-stable .portfolio-item .portfolio-info .tags{margin-top:14px;padding-top:12px;border-top:1px solid #ffffff38;gap:6px 14px}
.portfolio-gallery-stable .portfolio-item .portfolio-info .tag{padding:0;border:0;border-radius:0;background:none;color:#e7eaf2;font-size:10px;line-height:1.5;letter-spacing:0;font-weight:500;text-transform:none}

/* Panel width and travel now share the same containing box, including scrollbar gutters. */
.about-horizontal-track{width:200%!important}
.about-horizontal-panel{flex:0 0 50%!important;width:50%!important;box-sizing:border-box}
.about-horizontal-image-wrap{background:transparent}
.about-horizontal-image{background-size:cover!important;background-position:center center!important;transform:none!important}
@media(max-width:1023px){
 .hero-section.hero-component-theme-journey,.hero-section .hero-sticky-stage,.hero-section .hero-theme-light-base{background:#f4f2ec!important;--mobile-hero-surface:#f4f2ec!important;--mobile-hero-ink:#121722!important;--hero-ink:#121722!important;--hero-muted:#545c6d!important;--hero-explore-ink:#121722!important;--hero-theme:0!important}
 .hero-section :is(.hero-theme-wave,.hero-theme-wave-glow,.hero-theme-wipe-v19,.hero-theme-wipe-glow-v19){display:none!important}
 .hero-section .hc-face-light{opacity:1!important;transform:none!important}
 .hero-section .hc-face-dark{opacity:0!important}
 html.mobile-experience .about-horizontal-image{background-size:cover!important;background-position:center center!important}
 .portfolio-gallery-stable .portfolio-item .portfolio-info{padding:16px}
 .portfolio-gallery-stable .portfolio-item .portfolio-info .tags{margin-top:10px;padding-top:10px;gap:5px 12px}
}
@media(prefers-reduced-motion:reduce) and (max-width:1023px){.about-horizontal-track{width:100%!important}.about-horizontal-panel{width:100%!important;flex-basis:auto!important}}

.portfolio-gallery-stable .portfolio-item{--portfolio-radius:0px}

/* Compact neo-glass captions: the project stays the focal point. */
.portfolio-gallery-stable .portfolio-item .portfolio-info{padding:12px 16px;background:linear-gradient(145deg,#1b2b438f,#0a1120c2);border-top:1px solid #d7e8ff42;backdrop-filter:blur(16px) saturate(1.15);-webkit-backdrop-filter:blur(16px) saturate(1.15)}
.portfolio-gallery-stable .portfolio-item .portfolio-info h4{font-size:16px;line-height:1.3;font-weight:500;letter-spacing:-.015em;-webkit-line-clamp:2}
.portfolio-gallery-stable .portfolio-item .portfolio-info-desc{display:none!important}
.portfolio-gallery-stable .portfolio-item .portfolio-info .tags{margin-top:8px;padding-top:0;border:0;display:flex;flex-wrap:nowrap;gap:6px;min-width:0;overflow:hidden}
.portfolio-gallery-stable .portfolio-item .portfolio-info .tag{flex:0 1 auto;min-width:0;padding:3px 7px;border:1px solid #9fc6ff45;border-radius:5px;background:#76adff1f;color:#d3e4ff;font-size:9px;line-height:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:0}
@media(max-width:1023px){
 .portfolio-gallery-stable .portfolio-item .portfolio-info{padding:11px 12px}
 .portfolio-gallery-stable .portfolio-item .portfolio-info h4{font-size:14px;line-height:1.3}
 .portfolio-gallery-stable .portfolio-item .portfolio-info .tags{margin-top:7px;gap:5px}
 .portfolio-gallery-stable .portfolio-item .portfolio-info .tag{padding:2px 6px;font-size:9px;line-height:14px}
}

/* Surface tone follows the cover; the blur retains its original image colors. */
.portfolio-gallery-stable .portfolio-item .portfolio-info .tag{text-align:center;box-sizing:border-box}
.portfolio-gallery-stable .portfolio-item[data-caption-tone="light"] .portfolio-info{background:linear-gradient(145deg,#f3f8ff94,#eef4fcc7);border-top-color:#ffffff99}
.portfolio-gallery-stable .portfolio-item[data-caption-tone="light"] .portfolio-info h4{color:#172338}
.portfolio-gallery-stable .portfolio-item[data-caption-tone="light"] .portfolio-info .tag{color:#2e4f7c;background:#ffffff80;border-color:#3158913b}

/* Native font glyphs and CSS chip shapes stay sharp at every device pixel ratio. */
.portfolio-gallery-stable .portfolio-item .portfolio-info,
.portfolio-gallery-stable .portfolio-item[data-caption-tone="light"] .portfolio-info{background:linear-gradient(145deg,rgba(var(--caption-tint,19,30,53),.58),rgba(var(--caption-tint,19,30,53),.76))}
.portfolio-gallery-stable .portfolio-image-clip[data-card-effect="ready"][data-caption-effect="ready"]~.portfolio-info-shell .portfolio-info{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-top-color:transparent;box-shadow:none}
.portfolio-gallery-stable .portfolio-item .portfolio-info .tag{display:block;text-align:center;line-height:14px;padding-block:3px}
@media(max-width:1023px){.portfolio-gallery-stable .portfolio-item .portfolio-info .tag{padding-block:2px}}