/* Neutral smoked glass with reflection, dark label backing and crisp edges. */
body{background:#050505}
body::before{background:linear-gradient(90deg,#050505ed,#050505b8 50%,#050505a8),repeating-linear-gradient(90deg,transparent 0,#ffffff04 23px,#ffffff14 29px,#0009 32px,transparent 35px),radial-gradient(ellipse at var(--light-x) var(--light-y),#777 0%,#292929 23%,#0e0e0e 49%,#050505 78%)}
.hero{background:#070707}
.hero::before{background:linear-gradient(90deg,#070707fc 0%,#070707f5 22%,#070707df 36%,#070707ad 51%,#07070750 73%,#07070780),repeating-linear-gradient(90deg,transparent 0,#ffffff06 25px,#ffffff1a 32px,#0009 35px,#ffffff0b 36px,transparent 40px),radial-gradient(ellipse at var(--light-x) var(--light-y),#929292 0%,#444 17%,#1b1b1b 36%,#080808 72%);background-position:0 0,0 0,0 var(--glass-shift)}
.works .project{background:linear-gradient(140deg,#ffffff23,#ffffff08 40%,#ffffff12);border:1px solid #ffffff59;border-right:4px solid #ffffff20;border-bottom:3px solid #0009;backdrop-filter:blur(20px) saturate(.6);-webkit-backdrop-filter:blur(20px) saturate(.6);box-shadow:inset 1px 1px 0 #ffffff38,inset -1px -1px 0 #ffffff0d,14px 28px 26px -18px #000;filter:brightness(.85)}
.works .project::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(120deg,#ffffff15 0%,#ffffff03 25%,transparent 40%,transparent 69%,#ffffff10 100%);border-top:1px solid #ffffff60}
.works .project img{position:relative;border-bottom:1px solid #ffffff48}
.works .project small{padding:12px 15px 6px;margin:0;flex-shrink:0;color:#c8c8c8;background:linear-gradient(90deg,#101010c9,#171717ab);letter-spacing:.8px}
.works .project strong{padding:0 15px 15px;flex:1;color:#fff;background:linear-gradient(90deg,#101010c9,#171717ab);text-shadow:0 1px 3px #000;line-height:1.35;display:block;font-size:15px;overflow:hidden}
.works .project[aria-pressed=true]{background:linear-gradient(145deg,#ffffff32,#ffffff0d 45%,#ffffff18);border-top-color:#ffffffb0;border-left-color:#ffffff70;border-right-color:#ffffff38;box-shadow:inset 1px 1px 0 #ffffff42,inset -1px -1px 0 #ffffff17,16px 30px 30px -19px #000;filter:brightness(1)}
.works .project:hover{background:linear-gradient(145deg,#ffffff38,#ffffff10 45%,#ffffff20);filter:brightness(1)}
.reel-controls,.skills,.music-toggle,.instagram-button{background:linear-gradient(135deg,#ffffff14,#ffffff04),#111111b8;border-color:#ffffff40;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:inset 0 1px 0 #ffffff22}
.music-toggle:hover,.instagram-button:hover{background:linear-gradient(135deg,#ffffff25,#ffffff08),#151515d9}
.gallery-navigation button,.work-picker select{background:#151515cc;border-color:#ffffff3d;color:#ededed}
.hero-film{background:linear-gradient(140deg,#ffffff25,#ffffff05 45%,#ffffff16);border-color:#ffffff54}
@supports not (backdrop-filter:blur(1px)){.works .project{background:linear-gradient(140deg,#333,#181818 65%,#272727)}}
@media(max-width:760px){.hero::before{background:linear-gradient(180deg,#070707fa 0%,#070707ed 30%,#070707d4 47%,#07070799 65%,#0707078c),repeating-linear-gradient(90deg,transparent 0,#ffffff05 18px,#ffffff14 25px,#0008 27px,transparent 30px),radial-gradient(ellipse at var(--light-x) var(--light-y),#767676,#292929 28%,#080808 72%);background-position:0 0,0 0,0 var(--glass-shift)}.works .project small{padding:10px 12px 5px}.works .project strong{padding:0 12px 12px;font-size:13px}}