/* Liquid glass accents: media pixels stay opaque and unfiltered. */
.site-header{background:#f4f7fa;border-bottom:1px solid #d8e2e8;box-shadow:0 8px 28px rgba(6,28,44,.1)}
.view-switch,.replay{border-radius:16px;background:#18384b;box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 8px 22px rgba(3,17,27,.16)}
.view-switch{padding:3px;gap:3px;border:1px solid rgba(216,238,250,.32)}
.view-switch button{border-radius:12px;position:relative}
.view-switch button+button{border-left:0}
.view-switch button[aria-pressed="true"]{background:linear-gradient(145deg,#fff,#dfeaf2);color:#0d2639;box-shadow:inset 0 1px 0 #fff,0 3px 9px rgba(3,17,27,.15)}
.replay{border:1px solid rgba(216,238,250,.32);padding-inline:14px}
.portfolio-card{border-radius:18px;overflow:hidden}
.portfolio-card img{background:#fff}
.portfolio-card-copy{background:#f5f8fa;border-top:1px solid #e3ebf0;box-shadow:inset 0 1px 0 #fff}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 .site-header{background:linear-gradient(110deg,rgba(255,255,255,.93),rgba(237,247,253,.83) 68%,rgba(255,242,222,.87));-webkit-backdrop-filter:blur(16px) saturate(135%);backdrop-filter:blur(16px) saturate(135%);border-bottom-color:rgba(255,255,255,.82)}
 .view-switch,.replay{background:linear-gradient(140deg,rgba(119,163,189,.28),rgba(12,35,53,.8));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
 .portfolio-card{background:transparent}
 .portfolio-card-copy{background:linear-gradient(120deg,rgba(255,255,255,.94),rgba(227,241,250,.84) 65%,rgba(255,245,231,.9));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top-color:rgba(255,255,255,.9)}
}
.site-header a:focus-visible{outline:3px solid #965400;outline-offset:3px}
.view-switch button:focus-visible,.replay:focus-visible{outline:3px solid #ffd197;outline-offset:3px}
@media(max-width:800px){.site-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.site-header.menu-open{background:#f5f8fa}.view-switch,.replay,.portfolio-card-copy{-webkit-backdrop-filter:none;backdrop-filter:none}}
@media(prefers-reduced-transparency:reduce){.site-header{background:#f4f7fa}.view-switch,.replay{background:#18384b}.portfolio-card-copy{background:#f5f8fa}.site-header,.view-switch,.replay,.portfolio-card-copy{-webkit-backdrop-filter:none;backdrop-filter:none}}
@media(forced-colors:active){.site-header,.view-switch,.replay,.portfolio-card-copy{background:Canvas;color:CanvasText;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid CanvasText}.view-switch button[aria-pressed="true"]{background:Highlight;color:HighlightText;box-shadow:none}}