/* Iridescent surfaces and CSS 3D geometry. */
:root{--bg:#080912;--ink:#f2f0ff;--muted:#a8a7c0;--accent:#bda0ff;--holo:linear-gradient(115deg,#91f9ed 0%,#b5b2ff 32%,#f5a4ed 65%,#9dc5ff 100%)}
body{background:radial-gradient(ellipse at 85% 7%,#40236335,transparent 28%),radial-gradient(ellipse at 0% 40%,#173f5133,transparent 30%),var(--bg)}
header{border-color:#c4b4ff20;position:relative;z-index:3}header .logo{background:var(--holo);background-clip:text;-webkit-background-clip:text;color:transparent}header .logo span{color:#b9b2cf}nav a{transition:color .2s}nav a:hover{color:#a9f8ef}header button{border-color:#b7a0ff55;background:#d6b9ff09}
.hero{position:relative}.hero:before{content:'';position:absolute;z-index:-1;inset:-80px -3vw auto;height:640px;background:radial-gradient(ellipse at 55% 40%,#9a59ef17,transparent 65%);pointer-events:none}.eyebrow{color:#beb2e5}.hero>.eyebrow:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#9bfae6;box-shadow:0 0 12px #9bfae6;margin-right:12px}h1{background:linear-gradient(115deg,#fff 20%,#e2d5ff 50%,#a6f4ee 85%);background-clip:text;-webkit-background-clip:text;color:transparent;max-width:1000px}.intro p{color:#b6b4cc}.cta{background:var(--holo);box-shadow:0 4px 35px #a586ff25;border-radius:50px;padding:19px 28px;color:#171326;transition:transform .2s,box-shadow .2s}.cta:hover{transform:translateY(-3px);box-shadow:0 8px 40px #ad88ff4d}
.reel{height:490px;border:1px solid #c3b0ff45;border-radius:24px;background:radial-gradient(ellipse at 78% 45%,#784ac52b,transparent 50%),linear-gradient(130deg,#16162a,#0c0e19 55%,#18252e);isolation:isolate;padding:35px;box-shadow:0 30px 100px #0005,inset 0 1px 0 #f0dfff22;perspective:1000px;--rx:0deg;--ry:0deg}.reel:after{inset:0;width:auto;height:auto;border:0;border-radius:0;transform:none;background:linear-gradient(125deg,transparent 35%,#d7b4ff08 50%,transparent 65%);pointer-events:none}.reel-grain{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#bdb1ff08 1px,transparent 1px),linear-gradient(90deg,#bdb1ff08 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent,#000);-webkit-mask-image:linear-gradient(90deg,transparent,#000)}.reel-title{font-size:clamp(70px,8.5vw,124px);font-weight:800;letter-spacing:-5px;max-width:55%;text-shadow:0 8px 40px #080912}.reel-title i{background:var(--holo);background-clip:text;-webkit-background-clip:text;color:transparent}.reel-label{color:#d0c3e6;z-index:2}.reel-bottom{color:#b9b4d0;letter-spacing:1px}
.holo-scene{position:absolute;width:350px;height:350px;right:9%;top:56px;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .2s ease-out;pointer-events:none;z-index:-1}.holo-core{position:absolute;inset:53px;border-radius:50%;background:radial-gradient(circle at 30% 24%,#ffffffdd,transparent 23%),radial-gradient(circle at 66% 72%,#fc9ef5,transparent 48%),conic-gradient(from 30deg,#b4ffff,#5d55c3,#d6a2ff,#79e2e9,#e8c1ed,#9d98fc,#b4ffff);box-shadow:inset -24px -28px 35px #171238aa,inset 9px 10px 25px #fff9,0 0 70px #b29cff38;animation:float-core 7s ease-in-out infinite}.holo-ring{position:absolute;inset:0;border:12px solid #b8b0ff;border-radius:50%;transform:rotateX(65deg) rotateZ(-30deg);box-shadow:inset 0 2px 8px #fff,0 3px 0 #6558b0,0 6px 0 #39315d,0 0 30px #a18bfa55;background:transparent}.holo-ring.second{inset:-18px;border-width:2px;border-color:#b8fff0aa;transform:rotateY(60deg) rotateZ(35deg);box-shadow:0 0 18px #b1eaff30}.holo-spark{position:absolute;width:16px;height:16px;right:5px;top:45px;transform:rotate(45deg);background:var(--holo);box-shadow:0 0 25px #c3a6ff88}.holo-caption{position:absolute;right:28px;bottom:68px;color:#a39bbf;font-size:8px;letter-spacing:3px;writing-mode:vertical-rl}
.strip{border-color:#b49eff25;color:#b3aacb}.strip span:before{content:'✦';color:#b8a1ef;margin-right:12px}section:not(.hero){border-color:#b49eff25}.filters button{border-color:#b9a6ff33;color:#b9b3cc}.filters button.active{background:var(--holo);color:#141022;border-color:transparent}.poster{position:relative;border-radius:18px;border:1px solid #b9a8ff40;isolation:isolate;transition:transform .25s,box-shadow .25s}.poster:hover{transform:translateY(-5px);box-shadow:0 15px 50px #7e60c51c}.poster:after{content:'';position:absolute;width:220px;height:220px;right:-35px;top:45px;border:28px solid #d6c0ff35;border-radius:50%;transform:rotateX(55deg) rotateY(-25deg);box-shadow:0 8px 0 #b4d7ff25,inset 0 3px 10px #e1e1ff55;z-index:-1}.short{background:radial-gradient(ellipse at 100% 0%,#7b60b855,transparent 65%),linear-gradient(125deg,#192c36,#25203c);color:#d9f7f5}.youtube{background:radial-gradient(ellipse at 90% 100%,#ad64a94a,transparent 65%),linear-gradient(130deg,#26223c,#15212e);color:#ece1ff}.poster i{background:var(--holo);background-clip:text;-webkit-background-clip:text;color:transparent}.poster small{color:#bab5d2}.poster>span{border:1px solid #d0c2ff45;border-radius:20px;padding:8px 12px;align-self:flex-start;font-size:9px;background:#ffffff06}.project-caption span{color:#bfa9f6}.about-grid i,#contact i{background:var(--holo);background-clip:text;-webkit-background-clip:text;color:transparent}.about-copy{color:#c4bed7}.skills span{border-color:#baa2ff38;background:#b79aff08}.contact-placeholder{border-color:#c0a8ff55;background:linear-gradient(120deg,#9de9ed09,#c789e310);border-radius:12px;color:#c3bcd6}#contact{position:relative}#contact:before{content:'';position:absolute;inset:10% 10%;background:radial-gradient(ellipse,#9c68e51a,transparent 65%);z-index:-1}footer .logo{color:#cdb9ff}a:focus-visible,button:focus-visible{outline-color:#a7fff1}
@keyframes float-core{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-14px) rotate(7deg)}}
@media(min-width:1500px){header,main,footer{max-width:1360px;margin-left:auto;margin-right:auto}}
@media(max-width:900px){.holo-scene{right:0;top:95px;width:280px;height:280px}.holo-core{inset:45px}.reel-title{font-size:90px}}
@media(max-width:700px){.reel{height:440px;padding:24px;border-radius:18px}.reel-title{font-size:67px;max-width:65%;letter-spacing:-3px;margin-top:70px}.holo-scene{width:220px;height:220px;right:-20px;top:52px;opacity:.8}.holo-core{inset:37px}.holo-ring{border-width:8px}.holo-caption{display:none}.reel-bottom{font-size:8px;max-width:95%;gap:12px;line-height:1.8}.strip span:before{margin-right:5px}.poster{height:350px}h1{font-size:clamp(38px,8vw,56px)}.intro p{font-size:13px}.eyebrow{font-size:9px;letter-spacing:1.5px}}
@media(prefers-reduced-motion:reduce){.holo-core{animation:none}.holo-scene,.poster,.cta{transition:none}.holo-scene{transform:none}}