/* Smoked, ribbed glass: bright texture at the edges, opaque backing for copy. */
body{background:#08090a;isolation:isolate}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(5,6,7,.85),rgba(5,6,7,.72) 55%,rgba(5,6,7,.5)),url('assets/ribbed-glass.jpg') center/cover no-repeat}
header{position:relative;background:rgba(10,11,12,.72);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-bottom-color:#ffffff24}
.hero{isolation:isolate;margin-top:24px;padding:88px 32px 78px;gap:5%;border:1px solid #ffffff24;border-radius:28px;overflow:hidden;background:linear-gradient(105deg,rgba(8,10,12,.96) 0%,rgba(8,10,12,.91) 38%,rgba(15,17,19,.5) 72%,rgba(8,10,12,.66) 100%);box-shadow:inset 0 1px 0 #ffffff18,0 24px 80px #0006}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(6,8,10,.88) 0%,rgba(6,8,10,.78) 36%,rgba(6,8,10,.16) 80%),url('assets/ribbed-glass.jpg') right center/68% 100% no-repeat;opacity:.8}
.hero::after{display:block;content:"";position:absolute;inset:0;pointer-events:none;z-index:0;border-radius:inherit;background:linear-gradient(135deg,#ffffff0c,transparent 23%,transparent 80%,#ffffff08)}
.hero-top,.hero-bottom{left:32px;right:32px;color:#b9bec5;letter-spacing:1.4px;font-size:12px}
.hero-top{top:26px}.hero-bottom{bottom:24px}
.hero-copy{z-index:2;position:relative;padding:10px 0}
.hero-copy .eyebrow{display:inline-flex;align-items:center;gap:10px;color:#c2c6cb;border:1px solid #ffffff30;border-radius:30px;background:#141719d9;backdrop-filter:blur(15px);padding:8px 13px;font-size:11px;letter-spacing:1.4px;margin-bottom:28px}
.hero-copy .eyebrow::before{content:"";width:7px;height:7px;border:1px solid #ccd1d5;transform:rotate(45deg)}
.hero-copy h1{font-size:clamp(48px,6.1vw,84px);letter-spacing:-3px;line-height:1.06;text-shadow:0 2px 22px #0009;margin-bottom:25px}
.hero-role{color:#e0e2e5;font-size:clamp(23px,2.3vw,32px);padding-left:17px;border-left:2px solid #cbd0d5;line-height:1.3}
.hero-copy .intro{color:#c1c6cc;font-size:16px;line-height:1.7;max-width:380px}
.hero-actions{gap:12px}.hero-actions .primary{background:linear-gradient(135deg,#fff,#cbd0d5);border:1px solid #fff9;color:#101215;box-shadow:0 2px 22px #ffffff10;border-radius:15px;font-weight:600;padding:15px 20px}
.instagram-button{border-radius:15px;background:linear-gradient(135deg,#ffffff16,#ffffff07),#151719d9;border-color:#ffffff45;box-shadow:inset 0 1px 0 #ffffff18;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:12px 19px}
.instagram-button:hover{background:#303338;border-color:#ffffff90}
.hero-film{position:relative;z-index:2;padding:13px;border:1px solid #ffffff48;border-radius:21px;background:linear-gradient(135deg,#ffffff21,#ffffff06 45%,#ffffff14);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 #ffffff24,0 20px 55px #0009;max-width:440px}
.hero-film video{border-radius:11px;border-color:#ffffff20}
.hero-film figcaption{padding:2px 3px 0;color:#c8ccd1;font-size:11px;letter-spacing:.8px}
.film-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:1px 3px 12px;color:#d5d9df;font-size:11px;letter-spacing:1.5px}
.film-topline span:first-child{display:flex;align-items:center;gap:8px}
.film-topline span:first-child::before{content:"";display:inline-block;width:13px;height:13px;background:linear-gradient(#d4d8de,#d4d8de) center/1px 100% no-repeat,linear-gradient(#d4d8de,#d4d8de) center/100% 1px no-repeat}
.hero-index{display:flex;align-items:center;gap:16px;margin-top:34px;color:#b6bdc5;font-size:11px;letter-spacing:1.5px}.hero-index::before{content:"";width:45px;height:1px;background:linear-gradient(90deg,#c4cbd3,transparent)}
.section{position:relative;border-bottom-color:#ffffff25}.section-head>p:last-child,.muted,.player-info p{color:#b5bac1}.section:not(.hero){text-shadow:0 1px 8px #000}
.skills{border-radius:18px;overflow:hidden;border-color:#ffffff28;background:#0b0d0fe8;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.skills article{background:linear-gradient(135deg,#ffffff0c,#ffffff02)}
.reel-controls{background:#101214e8;padding:15px;border-radius:13px;border:1px solid #ffffff24}.playlist{background:#ffffff25;border-color:#ffffff25;border-radius:15px;overflow:hidden}.project{background:#101214ed}.project:hover{background:#25292e}.project[aria-pressed=true]{background:#e6e8eb}
.about figure{border:1px solid #ffffff35;padding:10px;border-radius:19px;background:#ffffff0c;box-shadow:0 15px 50px #0007}.about img{border-radius:11px}
@supports not (backdrop-filter:blur(1px)){.hero-film{background:#22262b}.instagram-button{background:#202328}header{background:#101214}}
@media(max-width:1100px) and (min-width:761px){.hero{padding-left:25px;padding-right:25px;gap:25px;grid-template-columns:1.1fr 1fr}.hero-copy h1{font-size:clamp(43px,5.7vw,65px)}.hero-top,.hero-bottom{left:25px;right:25px}.hero-film figcaption span:last-child{font-size:9px}.hero-index{font-size:10px;letter-spacing:.7px}.hero-actions{gap:10px}.hero-actions .primary,.instagram-button{padding:11px 16px}}
@media(max-width:760px){body::before{background:linear-gradient(#07090bea,#07090be3),url('assets/ribbed-glass.jpg') center/cover no-repeat}.hero{margin-top:16px;border-radius:20px;padding:77px 21px 64px;gap:30px}.hero::before{background:linear-gradient(180deg,#080a0cef 0%,#080a0ce8 40%,#080a0c77 100%),url('assets/ribbed-glass.jpg') center/cover no-repeat}.hero-top,.hero-bottom{left:21px;right:21px;font-size:10px;letter-spacing:1px}.hero-copy{padding:0}.hero-copy .eyebrow{font-size:10px;letter-spacing:1px;margin-bottom:23px}.hero-copy h1{font-size:clamp(38px,10.7vw,76px);letter-spacing:-2px}.hero-role{font-size:23px}.hero-copy .intro{font-size:16px}.hero-index{margin-top:25px;font-size:10px;letter-spacing:.6px;gap:12px}.hero-index::before{width:24px}.hero-film{max-width:440px;padding:10px;border-radius:17px}.hero-film figcaption{font-size:10px}.hero-film figcaption span:last-child{font-size:9px}.hero-actions .primary,.instagram-button{flex:1 1 190px}.film-topline{font-size:10px}}