/* Glass lives on controls; the portfolio artwork keeps its original pixels. */
:root{--glass-blur:blur(20px) saturate(155%);--glass-edge:rgba(255,255,255,.82);--glass-shadow:0 8px 24px #1934530c,inset 0 1px 0 #ffffffeb,inset 0 -1px 0 #7588a112}
.nav,.project-nav{background:linear-gradient(130deg,#ffffffdb,#f5f8ffb5 65%,#ffffffd6);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:0 4px 24px #1b325406,inset 0 1px 0 #fff;border-bottom-color:#b8c6d329}
.nav{border-bottom:1px solid #ccd7e333}
.project-nav{border-top-color:#ffffffc9}
.hero{background:radial-gradient(ellipse at 18% 52%,#e2edff70,transparent 48%),radial-gradient(ellipse at 88% 68%,#eee5ff55,transparent 46%),linear-gradient(180deg,#fff 35%,#f5f7fa)}
.pill{position:relative;isolation:isolate;overflow:hidden;border:1px solid #ffffff5c;background:linear-gradient(155deg,#398deef2 0%,#0065d6f5 64%,#0057c8);box-shadow:0 7px 18px #0063ce22,inset 0 1px 1px #ffffff70,inset 0 -2px 4px #003e9b35;color:#fff}
.pill:hover{background:linear-gradient(155deg,#3588e9,#0059c5);box-shadow:0 10px 24px #0063ce30,inset 0 1px 2px #ffffff8c,inset 0 -2px 4px #003e9b30}
.contact-link{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(140deg,#42464ded,#1c2028f5);border:1px solid #ffffff50;box-shadow:inset 0 1px 0 #ffffff40,0 4px 12px #1d293514}
.view-switch,#v8 .view-switch{position:relative;background:linear-gradient(145deg,#f8fbffe6,#dfe7f08c);border:1px solid #fff;box-shadow:var(--glass-shadow);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}
.view-switch button{position:relative;isolation:isolate;overflow:hidden;color:#545c69;border:1px solid transparent;transition:background .3s,color .3s,box-shadow .3s,transform .3s}
.view-switch button[aria-pressed=true]{background:linear-gradient(160deg,#fffffffa,#f9fbffb8);border-color:#ffffffed;box-shadow:0 3px 9px #1c355e14,inset 0 1px 0 #fff,inset 0 -1px 1px #b8cbe340;color:#153d72}
.dark .view-switch{background:linear-gradient(145deg,#ffffff20,#ffffff0a);border-color:#ffffff24;box-shadow:0 8px 25px #0003,inset 0 1px 0 #ffffff26}
.dark .view-switch button{color:#c3cbd7}.dark .view-switch button[aria-pressed=true]{background:linear-gradient(145deg,#ffffffef,#e7eef9e8);color:#16365b}
.project-picture .expand,.project-picture:hover .expand{background:linear-gradient(145deg,#ffffff57,#f4f8ff26);color:#fff;border:1px solid #ffffff95;box-shadow:0 4px 14px #112a5033,inset 0 1px 1px #ffffffb0,inset 0 -1px 1px #ffffff55;text-shadow:0 1px 5px #000b;-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%)}
#case-dialog .close-dialog{background:linear-gradient(145deg,#fffffff0,#dce5efc9);border:1px solid #fff;box-shadow:0 5px 20px #18314f1a,inset 0 1px 0 #fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.detail-controls{background:linear-gradient(140deg,#ffffff29,#b5c7e311);border:1px solid #ffffff38;box-shadow:0 12px 35px #0004,inset 0 1px 1px #ffffff45,inset 0 -1px 1px #ffffff12;-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%)}
.lightbox-bar button,.lightbox-arrow{background:linear-gradient(145deg,#ffffff29,#ffffff0e);border:1px solid #ffffff35;box-shadow:inset 0 1px 1px #ffffff33,0 6px 20px #0002;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.detail-controls button:not(:disabled):hover{background:linear-gradient(145deg,#ffffff2b,#ffffff12);box-shadow:inset 0 1px 0 #ffffff26}
.sketch-image>span{background:linear-gradient(145deg,#ffffffea,#edf3fbc7);border:1px solid #ffffffd9;box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.liquid-control{isolation:isolate}
.liquid-control::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at var(--glass-x,24%) var(--glass-y,0%),#ffffff66,transparent 65%);opacity:.18;transition:opacity .35s;z-index:1}
@media(hover:hover) and (pointer:fine){.liquid-control:hover::before{opacity:.7}.liquid-control:active::before{opacity:.35}}
@media(max-width:600px){:root{--glass-blur:blur(14px) saturate(135%)}.mobile-project-select select{border:1px solid #ffffffd9;border-radius:20px;padding:7px 10px;background:#ffffff70;box-shadow:inset 0 1px 1px #fff,0 2px 8px #19345308}.view-switch button{padding-inline:12px}.nav nav{gap:14px}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.nav,.project-nav{background:#f8faff}.view-switch,#v8 .view-switch{background:#edf2f8}.dark .view-switch{background:#252a33}.detail-controls,.lightbox-bar button,.lightbox-arrow{background:#30353e}.project-picture .expand{background:#4b5b70}.sketch-image>span{background:#f2f5fa}}
@media(prefers-reduced-motion:reduce){.liquid-control::before{transition:none;opacity:.18!important}.view-switch button{transition:none}}
@media(prefers-contrast:more){.nav,.project-nav{background:#fff}.view-switch{background:#eff2f6}.liquid-control::before{display:none}.pill{background:#0056bb}.project-picture .expand{background:#263d58}.detail-controls{background:#252930}}