/* Shared portfolio header chrome. Scene pickers remain page-specific. */
portfolio-header.hero-bar{position:relative;z-index:8;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;padding:.7rem max(clamp(1.25rem,5vw,4rem),env(safe-area-inset-left,0px),env(safe-area-inset-right,0px));font: .7rem/1.7 'IBM Plex Mono',ui-monospace,'Courier New',monospace;color:var(--soft,#a8b9b0);letter-spacing:.05em;border-bottom:1px solid rgba(51,69,60,.75);background:rgba(10,15,13,.65)}
portfolio-header .hero-identity{display:flex;align-items:center;gap:.7rem;min-width:0;flex-wrap:wrap}
portfolio-header .hero-email{color:var(--soft,#a8b9b0);text-decoration:none;transition:color .15s ease}
portfolio-header .hero-email:hover,portfolio-header .hero-email:focus-visible{color:var(--accent)}
portfolio-header .dots{display:flex;gap:6px;user-select:none;-webkit-user-select:none}
portfolio-header .dots i{width:9px;height:9px;background:#3a4a42;transition:background-color .12s ease,box-shadow .12s ease}
portfolio-header .dots i.dot-active{background:var(--accent);box-shadow:0 0 7px color-mix(in srgb,var(--accent) 70%,transparent)}
portfolio-header .hero-socials{margin:0;display:inline-flex;align-items:center;gap:.2rem}
portfolio-header .hero-socials a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:.65rem;color:var(--soft,#a8b9b0);transition:color .15s ease,transform .15s ease}
portfolio-header .hero-socials a:hover,portfolio-header .hero-socials a:focus-visible{color:var(--accent);transform:translateY(-1px)}
portfolio-header .hero-socials .fe{width:1rem;height:1rem}
portfolio-header .scene-control{display:grid;grid-template-columns:minmax(0,calc(50% - 4rem)) auto minmax(0,1fr);align-items:center;min-width:0;container-type:inline-size}
portfolio-header .scene-control>.header-scene{grid-column:2}
portfolio-header .scene-control>.home-scene-swatches{grid-column:3;justify-self:start}
portfolio-header .header-scene summary{display:flex;justify-content:flex-start;align-items:center;gap:.6rem;min-height:44px;padding:.35rem .5rem;list-style:none;font-size:.65rem;text-align:left;line-height:1.6;letter-spacing:0;cursor:pointer}
portfolio-header .header-scene .selected-dot{width:.5rem;height:.5rem}
@media(min-width:1500px){portfolio-header .home-scene-swatches{gap:.45rem}}
@media(max-width:900px){portfolio-header.hero-bar{display:flex;gap:.5rem;flex-wrap:wrap}portfolio-header .hero-identity{flex:1 1 16em;font-size:.65rem;gap:.45rem}portfolio-header .hero-socials{order:2;margin-left:auto}portfolio-header .scene-control{display:flex;order:3;container-type:normal}portfolio-header .header-scene summary{padding-inline:.25rem}portfolio-header .header-scene summary>span:nth-child(2){display:none}portfolio-header .header-scene .selected-dot{width:.6rem;height:.6rem}}