:root{--bg:#08090c;--bg-2:#0c0e13;--surface:#11141b;--surface-2:#161a23;--line:#ffffff14;--line-soft:#ffffff0d;--text:#e9ecf1;--text-2:#9aa1ad;--text-3:#5c636f;--accent:#ff4438;--accent-dim:#ff44381f;--font-sans:"Noto Sans SC", "Space Grotesk", -apple-system, sans-serif;--font-display:"Space Grotesk", "Noto Sans SC", sans-serif;--font-mono:"JetBrains Mono", monospace;--container:1700px;--pad-x:clamp(24px, 4vw, 64px);--grad-one:radial-gradient(at 80% 55%, #c084fc 0px, transparent 50%);--grad-two:radial-gradient(at 69% 34%, #f472b6 0px, transparent 50%);--grad-three:radial-gradient(at 8% 6%, #38bdf8 0px, transparent 50%);--grad-four:radial-gradient(at 41% 38%, #c084fc 0px, transparent 50%);--grad-five:radial-gradient(at 86% 85%, #f472b6 0px, transparent 50%);--grad-six:radial-gradient(at 82% 18%, #38bdf8 0px, transparent 50%);--grad-seven:radial-gradient(at 51% 4%, #f472b6 0px, transparent 50%);--grad-base:linear-gradient(#c084fc 0 100%)}*{box-sizing:border-box;margin:0;padding:0}.site-bg{z-index:-1;pointer-events:none;background:var(--bg);position:fixed;inset:0;overflow:hidden}.site-bg:after{content:"";background:radial-gradient(120% 80% at 50% 0,#08090c40 0%,#08090c9e 70%,#08090cc7 100%),linear-gradient(#08090c59 0%,#08090c8c 100%);position:absolute;inset:0}html{scroll-behavior:smooth}.has-edge-glow{--edge-sensitivity:12;--color-sensitivity:calc(var(--edge-sensitivity) + 20);--edge-thickness:1.5px;--fill-opacity:0;isolation:isolate;position:relative}.edge-glow-layer{border-radius:inherit;pointer-events:none;z-index:6;position:absolute;inset:0}.edge-glow-layer:before{content:"";border-radius:inherit;padding:var(--edge-thickness);pointer-events:none;background:var(--grad-base), var(--grad-one), var(--grad-two), var(--grad-three), var(--grad-four), var(--grad-five), var(--grad-six), var(--grad-seven);-webkit-mask-composite:xor;opacity:calc((var(--edge-proximity,0) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));transition:opacity .3s ease-out;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.has-edge-glow:not(:hover) .edge-glow-layer:before{opacity:0;transition:opacity .75s ease-in-out}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--accent);color:#06110e}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:120px 120px;position:fixed;inset:0}.container{max-width:var(--container);padding-left:var(--pad-x);padding-right:var(--pad-x);margin:0 auto;position:relative}.mono{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);font-size:12px}.reveal{opacity:0;transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1);transform:translateY(36px)}.reveal.is-visible{opacity:1;transform:none}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.mask{display:block;overflow:hidden}.mask__i{will-change:transform;display:block}.hero-tagline .mask{vertical-align:top;display:inline-block}.hero-tagline .mask__i{display:inline-block}.intro-curtain{z-index:9999;transform-origin:top;pointer-events:none;will-change:transform;background:#07080b;position:fixed;inset:0;transform:scaleY(1)}.anim-reduced .intro-curtain{display:none}.nav{z-index:100;border-bottom:1px solid #0000;transition:background .4s,border-color .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s;position:fixed;top:0;left:0;right:0}.nav.scrolled{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom-color:var(--line-soft);background:#08090cb8}.nav-inner{max-width:var(--container);padding:0 var(--pad-x);justify-content:space-between;align-items:center;height:76px;margin:0 auto;display:flex}.nav-logo{font-family:var(--font-display);letter-spacing:.04em;align-items:center;gap:10px;font-size:17px;font-weight:700;display:flex}.nav-logo .dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 12px var(--accent);border-radius:50%}.nav-links,.nav-right{align-items:center;gap:40px;display:flex}.nav-links a{color:var(--text-2);font-size:14px;transition:color .25s;position:relative}.nav-links a:hover{color:var(--text)}.nav-links a .idx{font-family:var(--font-mono);color:var(--text-3);margin-right:6px;font-size:10px}.hero{flex-direction:column;justify-content:flex-end;height:100vh;min-height:760px;display:flex;position:relative;overflow:hidden}.hero-media{z-index:0;will-change:transform;position:absolute;inset:0}.hero-media video{object-fit:cover;filter:brightness(.5)saturate(.85);width:100%;height:100%}.hero-fallback{background:radial-gradient(60% 50% at 20% 80%,#ff44381f,#0000 60%),radial-gradient(50% 60% at 85% 15%,#6078ea24,#0000 60%),linear-gradient(#0a0c11,#08090c);animation:14s ease-in-out infinite alternate drift;position:absolute;inset:0}@keyframes drift{0%{transform:scale(1)translate(0)}to{transform:scale(1.08)translate(-1.5%,1.5%)}}.hero-shade{z-index:1;background:linear-gradient(#08090c8c 0%,#08090c26 40%,#08090ceb 100%);position:absolute;inset:0}.hero-scan{z-index:1;pointer-events:none;background:repeating-linear-gradient(0deg,#ffffff04 0 1px,#0000 1px 4px);position:absolute;inset:0}.hero-content{z-index:2;padding-bottom:clamp(64px,10vh,120px);position:relative}.hero-kicker{align-items:center;gap:14px;margin-bottom:28px;display:flex}.hero-kicker .bar{background:var(--accent);width:48px;height:1px}.hero-title{font-family:var(--font-display);letter-spacing:-.01em;font-size:clamp(52px,7.2vw,128px);font-weight:700;line-height:1.04}.hero-title .thin{color:var(--text-2);font-weight:300}.hero-title .accent{color:var(--accent)}.hero-sub{max-width:560px;color:var(--text-2);margin-top:28px;font-size:16px;font-weight:300;line-height:1.9}.hero-actions{align-items:center;gap:16px;margin-top:44px;display:flex}.btn-primary{background:var(--accent);color:#06110e;border:none;border-radius:100px;align-items:center;gap:12px;padding:16px 34px;font-size:14px;font-weight:500;transition:transform .25s,box-shadow .25s;display:inline-flex}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px #ff443840}.btn-ghost{color:var(--text);border:1px solid var(--line);background:0 0;border-radius:100px;align-items:center;gap:10px;padding:16px 30px;font-size:14px;transition:border-color .25s,background .25s;display:inline-flex}.btn-ghost:hover{background:#ffffff0a;border-color:#ffffff4d}.hero-meta{z-index:2;right:var(--pad-x);text-align:right;flex-direction:column;gap:10px;display:flex;position:absolute;bottom:clamp(64px,10vh,120px)}.hero-scroll{z-index:2;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.hero-scroll .wheel{background:linear-gradient(var(--accent), transparent);width:1px;height:44px;animation:1.8s ease-in-out infinite drop}@keyframes drop{0%{transform-origin:top;transform:scaleY(0)}50%{transform-origin:top;transform:scaleY(1)}51%{transform-origin:bottom}to{transform-origin:bottom;transform:scaleY(0)}}.section{z-index:1;padding:clamp(96px,12vh,160px) 0;position:relative}.section-head{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:clamp(48px,6vh,80px);display:flex}.section-index{align-items:center;gap:16px;display:flex}.section-index .line{background:var(--line);width:64px;height:1px}.section-title{font-family:var(--font-display);letter-spacing:-.01em;margin-top:14px;font-size:clamp(34px,3.6vw,56px);font-weight:700}.section-title .thin{color:var(--text-3);font-weight:300}.section-desc{max-width:380px;color:var(--text-2);font-size:14px;font-weight:300;line-height:1.9}.about-grid{grid-template-columns:minmax(340px,480px) 1fr;align-items:start;gap:clamp(48px,6vw,120px);display:grid}.about-portrait{border-radius:18px;width:100%;max-width:460px}.portrait{aspect-ratio:4/5;border:1px solid var(--line);background:radial-gradient(80% 60% at 50% 30%,#ff443824,#0000 70%),linear-gradient(160deg,#141822,#0b0d12);border-radius:4px;position:relative;overflow:hidden}.portrait .figure{font-family:var(--font-display);color:#ffffff1a;letter-spacing:.02em;justify-content:center;align-items:center;font-size:clamp(80px,8vw,140px);font-weight:700;display:flex;position:absolute;inset:0}.portrait .scanline{background:repeating-linear-gradient(0deg,#ffffff05 0 1px,#0000 1px 5px);position:absolute;inset:0}.portrait .frame-corner{border-color:var(--accent);opacity:.9;border-style:solid;width:22px;height:22px;position:absolute}.fc-tl{border-width:1px 0 0 1px;top:14px;left:14px}.fc-tr{border-width:1px 1px 0 0;top:14px;right:14px}.fc-bl{border-width:0 0 1px 1px;bottom:14px;left:14px}.fc-br{border-width:0 1px 1px 0;bottom:14px;right:14px}.portrait-tag{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);background:#08090c99;border-radius:2px;padding:8px 14px;font-size:11px;position:absolute;bottom:20px;left:20px}.about-body h3{margin-bottom:28px;font-size:clamp(24px,2.2vw,34px);font-weight:500;line-height:1.5}.about-body h3 em{color:var(--accent);font-style:normal}.about-body p{color:var(--text-2);max-width:640px;margin-bottom:20px;font-size:15px;font-weight:300;line-height:2}.about-contacts{background:var(--line-soft);border:1px solid var(--line-soft);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;max-width:640px;margin-top:36px;display:grid}.about-contact-item{background:var(--bg);padding:20px 24px;transition:background .3s}.about-contact-item:hover{background:var(--surface)}.about-contact-item .k{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);margin-bottom:8px;font-size:10px}.about-contact-item .v{color:var(--text);font-size:15px}.stats-row{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:clamp(56px,8vh,96px);display:grid}.stat{border-right:1px solid var(--line-soft);padding:36px 28px 8px;position:relative}.stat:last-child{border-right:none}.stat .num{font-family:var(--font-display);font-size:clamp(40px,3.8vw,64px);font-weight:700;line-height:1}.stat .num sup{color:var(--accent);font-size:.45em;font-weight:500}.stat .label{color:var(--text-2);margin-top:12px;font-size:13px}.timeline{border-top:1px solid var(--line);margin-top:clamp(56px,8vh,96px)}.timeline-item{border-bottom:1px solid var(--line-soft);grid-template-columns:240px 1fr;gap:clamp(24px,4vw,80px);padding:36px 0;transition:background .3s;display:grid}.timeline-item:hover{background:#ffffff04}.timeline-period{color:var(--accent);padding-top:4px;font-size:12px}.timeline-head{flex-wrap:wrap;align-items:baseline;gap:18px;margin-bottom:14px;display:flex}.timeline-head h4{font-size:19px;font-weight:700}.timeline-role{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-2);border:1px solid var(--line);border-radius:100px;padding:5px 12px;font-size:11.5px}.timeline-main ul{list-style:none}.timeline-main li{color:var(--text-2);margin-bottom:6px;padding-left:18px;font-size:14px;font-weight:300;line-height:1.9;position:relative}.timeline-main li:before{content:"";background:var(--accent);opacity:.7;width:6px;height:1px;position:absolute;top:13px;left:0}@media (width<=900px){.timeline-item{grid-template-columns:1fr;gap:10px}}.projects{flex-direction:column;gap:clamp(32px,4vh,56px);display:flex}.project-card{border:1px solid var(--line);background:var(--surface);border-radius:6px;grid-template-columns:1.35fr 1fr;min-height:460px;transition:border-color .35s,transform .35s;display:grid;overflow:hidden}.project-card:nth-child(2n){grid-template-columns:1fr 1.35fr}.project-card:hover{border-color:#ffffff2e;transform:translateY(-4px)}.project-cover{min-height:320px;position:relative;overflow:hidden}.project-cover .art{transition:transform .8s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.project-card:hover .art{transform:scale(1.05)}.project-cover .grain{mix-blend-mode:overlay;background:repeating-linear-gradient(0deg,#0000001f 0 1px,#0000 1px 4px);position:absolute;inset:0}.project-cover .badge{font-family:var(--font-mono);letter-spacing:.1em;color:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000004d;border:1px solid #fff3;border-radius:100px;padding:7px 14px;font-size:11px;position:absolute;top:20px;left:20px}.art-1{background:radial-gradient(70% 80% at 30% 70%,#ff443859,#0000 60%),radial-gradient(50% 60% at 80% 20%,#785af066,#0000 65%),linear-gradient(140deg,#0e1620,#101226)}.art-2{background:radial-gradient(60% 70% at 75% 65%,#f0825a52,#0000 60%),radial-gradient(60% 60% at 20% 25%,#5ebeea59,#0000 65%),linear-gradient(150deg,#12141f,#0c1018)}.art-3{background:radial-gradient(65% 75% at 25% 30%,#bef06e40,#0000 60%),radial-gradient(55% 65% at 80% 80%,#ff44384d,#0000 60%),linear-gradient(130deg,#0d1512,#0b101f)}.art-4{background:radial-gradient(70% 70% at 70% 30%,#ea5ea047,#0000 60%),radial-gradient(50% 60% at 20% 80%,#788cf059,#0000 65%),linear-gradient(155deg,#130e1a,#0a0d16)}.project-info{flex-direction:column;justify-content:space-between;gap:28px;padding:clamp(32px,3.4vw,56px);display:flex}.project-tags{flex-wrap:wrap;gap:10px;display:flex}.project-tags span{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-2);border:1px solid var(--line);border-radius:100px;padding:6px 12px;font-size:11px}.project-info h3{margin:18px 0 14px;font-size:clamp(24px,2vw,32px);font-weight:700;line-height:1.3}.project-info .desc{color:var(--text-2);font-size:14px;font-weight:300;line-height:1.9}.project-foot{border-top:1px solid var(--line-soft);justify-content:space-between;align-items:center;padding-top:22px;display:flex}.project-metrics{gap:28px;display:flex}.project-metrics .m .n{font-family:var(--font-display);font-size:20px;font-weight:700}.project-metrics .m .n em{color:var(--accent);font-style:normal}.project-metrics .m .t{color:var(--text-3);margin-top:4px;font-size:11px}.project-link{border:1px solid var(--line);width:46px;height:46px;color:var(--text-2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.project-card:hover .project-link{background:var(--accent);border-color:var(--accent);color:#06110e}.adv-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.adv-card{border:1px solid var(--line);background:linear-gradient(180deg, var(--surface), var(--bg-2));border-radius:6px;flex-direction:column;min-height:340px;padding:36px 30px 30px;transition:border-color .35s,transform .35s;display:flex;position:relative;overflow:hidden}.adv-card:hover{border-color:#ff443866;transform:translateY(-6px)}.adv-card:after{content:"";opacity:0;background:radial-gradient(60% 40% at 50% 0,#ff44381a,#0000 70%);transition:opacity .4s;position:absolute;inset:0}.adv-card:hover:after{opacity:1}.adv-num{font-family:var(--font-mono);color:var(--accent);letter-spacing:.14em;margin-bottom:auto;font-size:12px}.adv-icon{border:1px solid var(--line);width:52px;height:52px;color:var(--accent);background:#ff44380f;border-radius:12px;justify-content:center;align-items:center;margin:30px 0 22px;display:flex}.adv-card h3{margin-bottom:14px;font-size:19px;font-weight:700}.adv-card p{color:var(--text-2);font-size:13.5px;font-weight:300;line-height:1.9}.adv-keywords{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.adv-keywords span{font-family:var(--font-mono);color:var(--text-3);letter-spacing:.06em;font-size:10.5px}.contact{border-top:1px solid var(--line-soft);background:radial-gradient(50% 45% at 50% 100%, #ff44381a, transparent 70%), var(--bg);flex-direction:column;justify-content:space-between;min-height:100vh;display:flex;position:relative;overflow:hidden}.contact-main{text-align:center;padding:120px var(--pad-x) 60px;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.contact-title{font-family:var(--font-display);letter-spacing:-.015em;font-size:clamp(48px,7vw,120px);font-weight:700;line-height:1.08}.contact-title .outline{color:#0000;-webkit-text-stroke:1px #ffffff59}.contact-sub{color:var(--text-2);max-width:520px;margin-top:30px;font-size:15px;font-weight:300;line-height:2}.contact-actions{flex-wrap:wrap;justify-content:center;gap:18px;margin-top:52px;display:flex}.contact-mail{font-family:var(--font-display);border-bottom:1px solid var(--line);align-items:center;gap:16px;padding-bottom:10px;font-size:clamp(18px,1.8vw,26px);font-weight:500;transition:color .3s,border-color .3s;display:inline-flex}.contact-mail:hover{color:var(--accent);border-color:var(--accent)}.footer-bar{border-top:1px solid var(--line-soft)}.footer-inner{max-width:var(--container);padding:26px var(--pad-x);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin:0 auto;display:flex}.footer-socials{gap:26px;display:flex}.footer-socials a{color:var(--text-2);font-size:13px;transition:color .25s}.footer-socials a:hover{color:var(--accent)}@media (width<=1100px){.about-grid{grid-template-columns:1fr}.portrait{max-width:480px}.adv-grid{grid-template-columns:repeat(2,1fr)}.project-card,.project-card:nth-child(2n){grid-template-columns:1fr}.project-card:nth-child(2n) .project-cover{order:0}.stats-row{grid-template-columns:repeat(2,1fr)}.stat{border-bottom:1px solid var(--line-soft)}}@media (width<=680px){.nav-links{display:none}.adv-grid{grid-template-columns:1fr}.hero-meta{display:none}.section-head{flex-direction:column;align-items:flex-start}}.nav{border-bottom:none;top:22px;left:0;right:0}.nav.scrolled{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom:none}.nav-inner{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0b1080;border-radius:100px;max-width:1240px;height:62px;padding:0 12px 0 28px;transition:background .4s,border-color .4s;box-shadow:0 8px 40px #00000059}.nav.scrolled .nav-inner{background:#0a0b10c7;border-color:#ffffff1f}.nav-cta{padding:9px 20px}.hero{text-align:center;justify-content:center;align-items:center}.hero-content{flex-direction:column;align-items:center;width:100%;padding-bottom:0;display:flex}.hero-badge{font-family:var(--font-mono);letter-spacing:.18em;color:#dcc8ffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#8b5cf61a;border:1px solid #a78bfa59;border-radius:100px;align-items:center;gap:10px;margin-bottom:36px;padding:9px 20px;font-size:11px;display:inline-flex}.hero-title{text-shadow:0 0 80px #8b5cf659;font-size:clamp(54px,7vw,124px);line-height:1.08}.hero-title-outline{color:#0000;-webkit-text-stroke:1.5px #e9ecf1bf}.hero-caption{font-family:var(--font-mono);letter-spacing:.5em;color:var(--text-2);text-transform:uppercase;margin-top:26px;font-size:12px}.hero-sub{text-align:center;margin:26px auto 0}.hero-actions{justify-content:center}.hero-orb-wrap{z-index:1;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hero-orb{aspect-ratio:1;filter:blur(6px);background:radial-gradient(circle at 50% 36%,#c4a0ff66 0%,#8b5cf638 34%,#5832b41a 52%,#0000 70%);border-radius:50%;width:min(58vw,940px);animation:9s ease-in-out infinite alternate orbPulse;position:relative}.hero-orb:before{content:"";filter:blur(1px);border:1px solid #c4a0ff38;border-radius:50%;position:absolute;inset:16%}.hero-orb:after{content:"";filter:blur(12px);background:radial-gradient(#e6d6ff80,#0000 70%);width:34%;height:10%;position:absolute;top:34%;left:50%;transform:translate(-50%)}@keyframes orbPulse{0%{opacity:.9;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}.shard{z-index:1;pointer-events:none;clip-path:polygon(48% 0,100% 32%,80% 100%,16% 86%,0 30%);opacity:.85;background:linear-gradient(155deg,#9e76f88c,#18122ef2 72%);animation:10s ease-in-out infinite alternate floaty;position:absolute;box-shadow:inset 0 0 30px #c4a0ff40}.shard.s1{width:110px;height:140px;animation-duration:11s;top:26%;left:13%}.shard.s2{width:64px;height:84px;animation-duration:8s;animation-delay:-3s;top:20%;right:16%;rotate:24deg}.shard.s3{width:88px;height:112px;animation-duration:13s;animation-delay:-6s;bottom:18%;right:10%;rotate:-14deg}.shard.s4{width:52px;height:68px;animation-duration:9s;animation-delay:-2s;bottom:22%;left:20%;rotate:40deg}@keyframes floaty{0%{translate:0}to{translate:0 -26px}}.hero-scan{z-index:2}.hero-content,.hero-meta,.hero-scroll{z-index:3}@media (width<=900px){.shard{display:none}.hero-caption{letter-spacing:.3em}}.hero-cine{background:#050404}.hero-cine:before{content:"";z-index:1;pointer-events:none;background:radial-gradient(45% 60% at -5% 45%,#dc1e1e52,#0000 65%),radial-gradient(40% 45% at 105% 92%,#b4141433,#0000 60%);position:absolute;inset:0}.hero-tint{z-index:1;mix-blend-mode:multiply;background:linear-gradient(120deg,#960e0e38,#0504046b 55%);position:absolute;inset:0}.hero-cine .hero-media video{filter:brightness(.46)saturate(.7)contrast(1.08)}.hero-cine .hero-shade{background:linear-gradient(#050404b8 0%,#0504044d 42%,#050404f0 100%)}.hero-cine .hero-fallback{background:radial-gradient(55% 60% at 15% 60%,#c8191929,#0000 65%),radial-gradient(50% 50% at 85% 20%,#780f0f24,#0000 60%),linear-gradient(#0a0606,#050404)}.hero-cine .hero-badge{color:#ffd6d0eb;background:#c81e1e1f;border-color:#ff463c61;margin-bottom:20px}.hero-giant{margin:8px 0 4px;display:inline-block;position:relative}.giant-text{letter-spacing:.015em;background:linear-gradient(#ff3b30 0%,#c21414 38%,#4a0a0a 76%,#1f0505 100%);color:#0000;filter:drop-shadow(0 0 60px #ff281e52);-webkit-user-select:none;user-select:none;white-space:nowrap;-webkit-background-clip:text;background-clip:text;font-family:Anton,Noto Sans SC,sans-serif;font-size:clamp(130px,18.5vw,330px);line-height:.94}.glass-card{z-index:2;text-align:left;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(160deg,#8c19196b,#0c0606b8);border:1px solid #ff504642;border-radius:22px;min-width:190px;padding:22px 26px;transition:transform .4s cubic-bezier(.22,1,.36,1),border-color .4s;animation:10s ease-in-out infinite alternate cardFloat;position:absolute;box-shadow:0 24px 60px #00000080,inset 0 1px #ffffff14}.glass-card:hover{border-color:#ff5a508c;transform:translateY(-6px)}.glass-card .gk{font-family:var(--font-mono);letter-spacing:.16em;color:#ff7a6ed9;text-transform:uppercase;margin-bottom:12px;font-size:10px}.glass-card .gt{color:#fff;font-size:18px;font-weight:700;line-height:1.4}.gc1{animation-duration:10s;top:-15%;left:-9%}.gc2{animation-duration:12s;animation-delay:-4s;top:-10%;right:-8%}.gc3{animation-duration:11s;animation-delay:-2s;bottom:-19%;left:7%}.gc4{animation-duration:9s;animation-delay:-6s;bottom:-15%;right:4%}@keyframes cardFloat{0%{margin-top:0}to{margin-top:-14px}}.hero-tagline{letter-spacing:.14em;color:#ffece7eb;justify-content:center;align-items:center;margin-top:40px;font-size:clamp(17px,1.5vw,23px);font-weight:500;display:flex}.hero-tagline .sep{background:#ff504699;width:44px;height:1px;margin:0 20px;display:inline-block}.hero-cine .hero-sub{color:#cabebe99;max-width:620px;font-size:14px}.hero-cine .btn-primary{color:#fff;background:linear-gradient(135deg,#ff3b30,#a80e0d);box-shadow:0 10px 34px #ff2d2347}.hero-cine .btn-primary:hover{box-shadow:0 14px 44px #ff2d2373}.hero-cine .btn-ghost{border-color:#ffffff29}.hero-bottom-text{z-index:1;white-space:nowrap;letter-spacing:.04em;color:#ffffff0b;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Anton,sans-serif;font-size:clamp(90px,12.5vw,230px);position:absolute;bottom:-1.5%;left:50%;transform:translate(-50%)}.hero-grain{z-index:5;pointer-events:none;opacity:.08;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E");animation:1.1s steps(4,end) infinite grainShift;position:absolute;inset:-60%}@keyframes grainShift{0%{transform:translate(0)}25%{transform:translate(-2%,1%)}50%{transform:translate(1%,-2%)}75%{transform:translate(-1%,2%)}to{transform:translate(2%,-1%)}}.hero-cine .hero-meta .mono{color:#cabebe80}@media (width<=1100px){.glass-card{min-width:160px;padding:18px 20px}.glass-card .gt{font-size:15px}.gc1{left:-4%}.gc2{right:-3%}}@media (width<=900px){.glass-card{display:none}.giant-text{font-size:clamp(90px,22vw,200px)}.hero-tagline{flex-direction:column;gap:12px}.hero-tagline .sep{width:1px;height:24px;margin:0}}.hero-cine{text-align:left;justify-content:flex-end;align-items:flex-start}.hero-cine .hero-content{align-items:flex-start;padding-bottom:clamp(80px,13vh,150px)}.hero-cine .hero-badge{margin-bottom:26px}.hero-giant{margin:0}.giant-text{filter:drop-shadow(0 0 44px #ff281e4d);font-size:clamp(80px,9.5vw,172px)}.hero-tagline{justify-content:flex-start;margin-top:26px}.hero-cine .hero-sub{text-align:left;margin:20px 0 0}.hero-cine .hero-actions{justify-content:flex-start}.glass-card{z-index:3}.gc1{inset:15% 5% auto auto}.gc2{inset:36% 15% auto auto}.gc3{inset:57% 4% auto auto}.gc4{inset:78% 14% auto auto}.hero-bottom-text{font-size:clamp(70px,9vw,170px);bottom:-2%;left:auto;right:-1%;transform:none}@media (width<=900px){.hero-cine .hero-content{padding-bottom:90px}}.btn-primary{border:1px solid #0000;transition:background .35s,color .35s,border-color .35s,transform .25s,box-shadow .35s}.btn-primary:hover{color:#140404;background:#f2f3f5;border-color:#f2f3f5;transform:translateY(-2px);box-shadow:0 12px 40px #ffffff24}.hero-cine .btn-primary:hover{color:#a80e0d;background:#f2f3f5;border-color:#f2f3f5;box-shadow:0 14px 44px #ffffff2e}.btn-ghost{transition:background .35s,color .35s,border-color .35s,transform .25s}.btn-ghost:hover{background:var(--accent);border-color:var(--accent);color:#140404;transform:translateY(-2px)}.nav-cta{transition:background .3s,color .3s,border-color .3s}.nav-cta:hover{background:var(--accent);border-color:var(--accent);color:#140404}.portrait .figure{letter-spacing:.02em;background:linear-gradient(#ff4a3d 0%,#c21414 45%,#3d0808 100%);color:#0000;filter:drop-shadow(0 0 34px #ff281e47);-webkit-background-clip:text;background-clip:text;flex-direction:column;justify-content:center;align-items:flex-start;padding:34px;font-family:Anton,Noto Sans SC,sans-serif;font-size:clamp(64px,6.4vw,116px);line-height:.98}.portrait .figure span{display:block}.nav-inner{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000;transition:background .45s,border-color .45s,box-shadow .45s,-webkit-backdrop-filter .45s,backdrop-filter .45s,transform .45s}.nav.pinned .nav-inner{-webkit-backdrop-filter:blur(22px)saturate(1.35);background:#0c090a8c;border-color:#ffffff1a;animation:.5s cubic-bezier(.22,1,.36,1) navDrop;box-shadow:0 12px 44px #00000080,inset 0 1px #ffffff12}@keyframes navDrop{0%{opacity:.4;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.poster-cover{cursor:pointer;flex-direction:column;justify-content:flex-end;min-height:420px;display:flex;position:relative;overflow:hidden}.poster-bg{filter:saturate(1.2)contrast(1.15);background:radial-gradient(80% 60% at 70% 20%,#aa1e508c,#0000 55%),radial-gradient(90% 80% at 30% 100%,#8c0a0abf,#0000 50%),linear-gradient(#1a0b12 0%,#0d0505 55%,#050202 100%);transition:transform .8s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.project-card:hover .poster-bg:not(.poster-real){transform:scale(1.04)}.poster-zoom-btn{z-index:6;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);opacity:0;background:#0a06088c;border:1px solid #ffffff2e;border-radius:10px;place-items:center;width:38px;height:38px;transition:opacity .3s,transform .3s,background .25s,border-color .25s;display:grid;position:absolute;bottom:14px;right:14px;transform:translateY(6px)}.poster-zoom-btn:hover{background:#ff4438eb;border-color:#ff4438eb}.project-card:hover .poster-zoom-btn,.poster-zoom-btn:focus-visible{opacity:1;transform:translateY(0)}.poster-content{z-index:2;color:#fff;flex-direction:column;gap:14px;padding:30px;display:flex;position:relative}.poster-platform{font-family:var(--font-mono);letter-spacing:.08em;color:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000047;border:1px solid #ffffff2e;border-radius:100px;align-self:flex-start;align-items:center;gap:8px;padding:6px 12px;font-size:11px;display:inline-flex}.poster-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent);border-radius:50%}.poster-title-wrap{margin-top:auto}.poster-title{letter-spacing:.04em;background:linear-gradient(#fff 35%,#ffb8b4 100%);color:#0000;filter:drop-shadow(0 4px 24px #000000b3);-webkit-background-clip:text;background-clip:text;margin:0;font-family:Noto Sans SC,sans-serif;font-size:clamp(40px,4.8vw,72px);font-weight:900;line-height:1.05}.poster-subtitle{font-family:var(--font-en);letter-spacing:.35em;color:#ffffff8c;text-transform:uppercase;margin:8px 0 0;font-size:12px}.poster-meta{font-family:var(--font-mono);letter-spacing:.08em;color:#fff9;gap:14px;font-size:11px;display:flex}.poster-meta span{background:#00000040;border:1px solid #ffffff1f;border-radius:4px;padding:4px 10px}.poster-credits{grid-template-columns:1fr 1fr;gap:20px;margin-top:6px;display:grid}.poster-credits label{font-family:var(--font-mono);letter-spacing:.18em;color:#fff6;margin-bottom:4px;font-size:9px;display:block}.poster-credits p{color:#ffffffd9;letter-spacing:.02em;margin:0;font-size:13px}.poster-cover .badge{top:20px;left:auto;right:20px}@media (width<=900px){.poster-cover{min-height:340px}.poster-credits{grid-template-columns:1fr}}.poster-bg.poster-real{background-position:50%;background-repeat:no-repeat;background-size:contain;background-color:var(--bg);filter:none}.poster-cover:has(.poster-real) .poster-content{text-align:left;align-items:flex-start;padding:28px}.poster-cover:has(.poster-real) .poster-title-wrap{margin-top:0}.poster-cover:has(.poster-real) .poster-title{color:#fff;background:0 0;-webkit-background-clip:initial;background-clip:initial;text-shadow:0 3px 18px #000000d9,0 1px 2px #000000e6;filter:none;font-size:clamp(34px,3.8vw,58px);font-weight:800}.poster-cover:has(.poster-real) .poster-subtitle{letter-spacing:.12em;color:#ffffffe6;text-shadow:0 2px 10px #000c;font-size:13px}.poster-cover:has(.poster-real) .poster-meta{margin-top:8px}.poster-cover:has(.poster-real) .poster-credits{grid-template-columns:1fr;gap:10px;margin-top:14px}.poster-cover:has(.poster-real) .poster-credits p{text-shadow:0 2px 8px #000c}.poster-dropdown{z-index:10;margin-top:22px;position:relative}.poster-dropdown-toggle{border:1px solid var(--line);color:#ffffffd1;font-family:var(--font-mono);letter-spacing:.06em;cursor:pointer;background:#ffffff08;border-radius:100px;align-items:center;gap:10px;padding:10px 18px;font-size:12px;transition:background .25s,border-color .25s,color .25s;display:inline-flex}.poster-dropdown-toggle:hover{color:#fff;background:#ff44381f;border-color:#ff44388c}.poster-dropdown-menu{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);background:#0e0b0ceb;border-radius:8px;flex-direction:column;gap:4px;min-width:220px;max-width:280px;padding:8px;animation:.25s cubic-bezier(.22,1,.36,1) dropdownIn;display:flex;position:absolute;top:calc(100% + 10px);left:0;box-shadow:0 20px 50px #0000008c}@keyframes dropdownIn{0%{opacity:0;transform:translate(-8px)translateY(8px)}to{opacity:1;transform:translate(0)translateY(0)}}.poster-dropdown-item{color:#fffc;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:12px;width:100%;padding:8px 10px;font-size:13px;transition:background .2s,border-color .2s,color .2s;display:flex}.poster-dropdown-item:hover{color:#fff;background:#ff44381f;border-color:#ff443859}.poster-dropdown-thumb{background-position:50%;background-size:cover;border:1px solid #ffffff1a;border-radius:4px;flex-shrink:0;width:40px;height:40px}.poster-dropdown{display:inline-block}.poster-dropdown-toggle{color:#fff;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:#ff4438d9;border:1px solid #ff4438e6;border-radius:6px;align-items:center;gap:10px;margin-top:20px;padding:12px 22px;font-size:13px;font-weight:600;transition:background .25s,border-color .25s,transform .25s,box-shadow .25s;display:inline-flex;box-shadow:0 4px 18px #ff443840}.poster-dropdown-toggle:hover{background:#ff4438;border-color:#ff4438;transform:translateY(-2px);box-shadow:0 8px 28px #ff443861}.poster-dropdown-toggle svg{transition:transform .25s}.poster-dropdown-toggle.open svg{transform:rotate(180deg)}.poster-dropdown-menu{-webkit-backdrop-filter:blur(14px);z-index:1000;background:#0e0f13fa;border:1px solid #ffffff1a;border-radius:12px;width:240px;max-width:90vw;max-height:80vh;padding:10px;animation:.25s dropdownIn;overflow-y:auto;box-shadow:0 20px 60px #0000008c}@media (width<=600px){.poster-dropdown-menu{width:100%;max-width:100%;animation:.25s dropdownInMobile;position:absolute;top:calc(100% + 10px);left:0}@keyframes dropdownInMobile{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}}.poster-dropdown-group{margin-bottom:6px}.poster-dropdown-group:last-child{margin-bottom:0}.poster-dropdown-cat{font-family:var(--font-mono);letter-spacing:.16em;color:#ff4438d9;text-transform:uppercase;border-bottom:1px solid #ffffff14;margin-bottom:6px;padding:10px 12px 8px;font-size:11px;font-weight:600}.poster-dropdown-empty{color:#ffffff59;padding:10px 12px 12px;font-size:13px;font-style:italic}.poster-dropdown-item{color:#ffffffc7;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:14px;transition:background .2s,border-color .2s,color .2s;display:flex}.poster-dropdown-item:hover{color:#fff;background:#ffffff0f}.poster-dropdown-item.active{color:#fff;background:#ff44382e;border-color:#ff44388c}.poster-dropdown-thumb{background-color:#ffffff08;background-position:50%;background-repeat:no-repeat;background-size:contain;border:1px solid #ffffff1f;border-radius:6px;flex-shrink:0;width:54px;height:96px}.poster-dropdown-thumb-video{background:#0c0d10;display:block;position:relative;overflow:hidden}.poster-dropdown-thumb-video video{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.poster-dropdown-thumb-video svg{color:#fffffff2;filter:drop-shadow(0 2px 6px #000000b3);pointer-events:none;width:22px;height:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.poster-video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.poster-lightbox-video-wrap{aspect-ratio:9/16;background:radial-gradient(60% 55% at 50% 45%,#50161c8c 0%,#140c0ee6 45%,#08090c 100%),linear-gradient(160deg,#15090d 0%,#0a0a0c 100%);border-radius:8px;justify-content:center;align-items:center;max-width:92vw;height:88vh;max-height:88vh;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 90px #0009}.poster-lightbox-video{object-fit:contain;background:0 0;outline:none;width:100%;max-width:100%;height:100%;max-height:100%;display:block}.poster-lightbox-video-close{z-index:3;color:#fff;cursor:pointer;background:#00000080;border:1px solid #fff3;border-radius:50%;place-items:center;width:40px;height:40px;transition:background .25s,border-color .25s;display:grid;position:absolute;top:80px;right:12px}.poster-lightbox-video-close:hover{background:#ff4438e6;border-color:#ff4438e6}.poster-lightbox{z-index:9999;-webkit-backdrop-filter:blur(10px)saturate(1.1);-webkit-user-select:none;user-select:none;cursor:default;background:radial-gradient(60% 55% at 50% 45%,#50161c80 0%,#140c0ee0 45%,#08090cf0 100%),linear-gradient(160deg,#15090de6 0%,#0a0a0cf0 100%);justify-content:center;align-items:center;animation:.28s both posterFadeIn;display:flex;position:fixed;inset:0}@keyframes posterFadeIn{0%{opacity:0}to{opacity:1}}.poster-lightbox-img{object-fit:contain;pointer-events:auto;background:#08090c;border:1px solid #ffffff1f;border-radius:8px;width:auto;max-width:96vw;height:auto;max-height:96vh;animation:.32s cubic-bezier(.16,1,.3,1) both posterZoomIn;display:block;box-shadow:0 30px 90px #000000a6}@keyframes posterZoomIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.poster-lightbox-close{color:#fff;cursor:pointer;z-index:101;background:#ffffff14;border:1px solid #fff3;border-radius:50%;place-items:center;width:52px;height:52px;transition:background .25s,border-color .25s;display:grid;position:absolute;top:18px;right:18px}.poster-lightbox-close:after{content:"";border-radius:50%;position:absolute;inset:-16px}.poster-lightbox-close:hover{background:#ff4438e6;border-color:#ff4438e6}.projects{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:clamp(24px,3vw,40px);display:grid}.project-card,.project-card:nth-child(2n){grid-template-rows:auto auto;grid-template-columns:1fr;min-height:auto}.project-card:nth-child(2n) .project-cover{order:0}.project-cover,.poster-cover{aspect-ratio:9/16;min-height:auto}.poster-content{gap:10px;padding:22px}.poster-cover:has(.poster-real) .poster-content{padding:20px}.poster-title{font-size:clamp(24px,4.5vw,40px)}.poster-cover:has(.poster-real) .poster-title{font-size:clamp(26px,4.5vw,42px)}.poster-subtitle{font-size:clamp(12px,1.6vw,15px)}.poster-meta{flex-wrap:wrap;gap:8px 14px}.poster-credits{grid-template-columns:1fr;gap:8px}.project-info{padding:clamp(22px,2.2vw,34px)}@media (width<=900px){.projects{grid-template-columns:1fr}.project-cover,.poster-cover{aspect-ratio:9/16}}.specular-button{--sb-radius:18px;--sb-tint:#ff4438;--sb-tint-opacity:0;--sb-blur:0px;--sb-text-color:#f5f5f5;font-family:var(--font-sans);letter-spacing:.01em;color:var(--sb-text-color);background:color-mix(in srgb, var(--sb-tint) calc(var(--sb-tint-opacity) * 100%), transparent);border-radius:var(--sb-radius);-webkit-backdrop-filter:blur(var(--sb-blur));cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid #ffffff24;outline:none;justify-content:center;align-items:center;gap:.55em;margin:0;font-weight:500;line-height:1;text-decoration:none;transition:transform .15s,border-color .2s,box-shadow .2s;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff0f,0 10px 30px #00000059}.specular-button:hover{border-color:#ffffff47;box-shadow:inset 0 1px #ffffff14,0 14px 40px #00000073}.specular-button--primary{border-color:#ff5a4680}.specular-button--primary:hover{border-color:#ff826ed9}.specular-button--card{pointer-events:auto;border-color:#ff5a4d73}.specular-button--card:hover{border-color:#ff826ed9}.specular-button:active{transform:scale(.97)}.specular-button:focus-visible{outline:2px solid color-mix(in srgb, var(--sb-text-color) 60%, transparent);outline-offset:3px}.specular-button:disabled{opacity:.55;cursor:default}.specular-button:disabled:active{transform:none}.specular-button--sm{padding:10px 22px;font-size:.85rem}.specular-button--md{padding:13px 28px;font-size:.98rem}.specular-button--lg{padding:17px 38px;font-size:1.08rem}.specular-button__fx{pointer-events:none;z-index:1;position:absolute;inset:-20px}.specular-button__fx canvas{width:100%;height:100%;display:block}.specular-button__label{z-index:2;align-items:center;gap:.55em;display:inline-flex;position:relative}.specular-button__label svg{transition:transform .2s;display:block}.specular-button:hover .specular-button__label svg{transform:translate(3px)}@media (prefers-reduced-motion:reduce){.specular-button__fx{display:none}}.pc-card-wrapper{--pointer-x:50%;--pointer-y:50%;--pointer-from-center:0;--pointer-from-top:.5;--pointer-from-left:.5;--card-opacity:0;--rotate-x:0deg;--rotate-y:0deg;--background-x:50%;--background-y:50%;--grain:none;--icon:none;--behind-gradient:none;--behind-glow-color:#aa281c52;--behind-glow-size:45%;--inner-gradient:none;--sunpillar-1:#b80a0a;--sunpillar-2:#c20a29;--sunpillar-3:#ae3009;--sunpillar-4:#a55c09;--sunpillar-5:#9c1124;--sunpillar-6:#b80a4f;--sunpillar-clr-1:var(--sunpillar-1);--sunpillar-clr-2:var(--sunpillar-2);--sunpillar-clr-3:var(--sunpillar-3);--sunpillar-clr-4:var(--sunpillar-4);--sunpillar-clr-5:var(--sunpillar-5);--sunpillar-clr-6:var(--sunpillar-6);--card-radius:18px;perspective:500px;touch-action:none;width:100%;max-width:460px;margin-inline:auto;position:relative;transform:translateZ(.1px)}.pc-behind{z-index:0;pointer-events:none;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y), var(--behind-glow-color) 0%, transparent var(--behind-glow-size));filter:blur(50px)saturate(1.1);opacity:calc(.8 * var(--card-opacity));transition:opacity .2s;position:absolute;inset:0}.pc-card-wrapper:hover,.pc-card-wrapper.active{--card-opacity:1}.pc-card{aspect-ratio:.718;border-radius:var(--card-radius);background-blend-mode:color-dodge, normal, normal, normal;width:100%;height:auto;box-shadow:#000c calc((var(--pointer-from-left) * 10px) - 3px) calc((var(--pointer-from-top) * 20px) - 6px) 20px -5px;backface-visibility:hidden;background:#000000e6;transition:transform 1s;animation:12s linear infinite glow-bg;display:grid;position:relative;overflow:hidden;transform:translateZ(0)rotateX(0)rotateY(0)}.pc-card:hover,.pc-card.active{transform:translateZ(0) rotateX(var(--rotate-y)) rotateY(var(--rotate-x));transition:none}.pc-card-shell.entering .pc-card{transition:transform .18s ease-out}.pc-card-shell{z-index:1;position:relative}.pc-card *{border-radius:var(--card-radius);pointer-events:none;grid-area:1/-1;display:grid}.pc-inside{background-image:var(--inner-gradient);background-color:#000000e6;position:absolute;inset:0;transform:none}.pc-shine{-webkit-mask-image:var(--icon);mask-image:var(--icon);-webkit-mask-size:150%;mask-size:150%;-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-source-type:luminance;mask-mode:luminance;-webkit-mask-position:top calc(200% - (var(--background-y) * 5)) left calc(100% - var(--background-x));mask-position:top calc(200% - (var(--background-y) * 5)) left calc(100% - var(--background-x));filter:brightness(.5)contrast(1.33)saturate(.33)opacity(.45);mix-blend-mode:color-dodge;transition:filter .8s;animation:18s linear infinite holo-bg}.pc-shine,.pc-shine:after{--space:5%;--angle:-45deg;z-index:3;background:50%/cover;background-image:repeating-linear-gradient(0deg, var(--sunpillar-clr-1) calc(var(--space) * 1), var(--sunpillar-clr-2) calc(var(--space) * 2), var(--sunpillar-clr-3) calc(var(--space) * 3), var(--sunpillar-clr-4) calc(var(--space) * 4), var(--sunpillar-clr-5) calc(var(--space) * 5), var(--sunpillar-clr-6) calc(var(--space) * 6), var(--sunpillar-clr-1) calc(var(--space) * 7)), repeating-linear-gradient(var(--angle), #0e152e 0%, #8fa3a3 3.8%, #8fc1c1 4.5%, #8fa3a3 5.2%, #0e152e 10%, #0e152e 12%), radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #0000001a 12%, #00000026 20%, #00000040 120%);background-position:0 var(--background-y), var(--background-x) var(--background-y), center;background-blend-mode:color, hard-light;background-repeat:repeat;background-size:500% 500%,300% 300%,200% 200%;overflow:hidden;transform:translateZ(1px)}.pc-shine:before,.pc-shine:after{content:"";opacity:0;background-position:50%;background-size:cover;grid-area:1/1;transition:opacity .8s}.pc-card:hover .pc-shine,.pc-card.active .pc-shine{filter:brightness(.62)contrast(1.5)saturate(.5);animation-play-state:paused}.pc-card:hover .pc-shine:before,.pc-card.active .pc-shine:before,.pc-card:hover .pc-shine:after,.pc-card.active .pc-shine:after{opacity:1}.pc-shine:before{background-image:linear-gradient(45deg, var(--sunpillar-4), var(--sunpillar-5), var(--sunpillar-6), var(--sunpillar-1), var(--sunpillar-2), var(--sunpillar-3)), radial-gradient(circle at var(--pointer-x) var(--pointer-y), #b3b3b3 0%, #4d4d4d33 90%), var(--grain);background-size:250% 250%,100% 100%,220px 220px;background-position:var(--pointer-x) var(--pointer-y), center, calc(var(--pointer-x) * .01) , calc(var(--pointer-y) * .01);background-blend-mode:color-dodge;filter:brightness(calc(2 - var(--pointer-from-center))) contrast(calc(var(--pointer-from-center) + 2)) saturate(calc(.5 + var(--pointer-from-center)));mix-blend-mode:luminosity}.pc-shine:after{background-position:0 var(--background-y), calc(var(--background-x) * .4) calc(var(--background-y) * .5), center;mix-blend-mode:difference;filter:brightness(.8)contrast(1.5);background-size:200% 300%,700% 700%,100% 100%}.pc-glare{background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #736c9d 12%, #223a4fcc 90%);mix-blend-mode:overlay;filter:brightness(.6)contrast(1.2);z-index:4;overflow:hidden;transform:translateZ(1.1px)}.pc-avatar-content{mix-blend-mode:normal;backface-visibility:hidden;overflow:visible;transform:translateZ(2px)}.pc-avatar-content .avatar{transform-origin:50% 100%;width:86%;transform:translateX(calc(-50% + (var(--pointer-from-left) - .5) * 6px)) translateZ(0) scaleY(calc(1 + (var(--pointer-from-top) - .5) * .02)) scaleX(calc(1 + (var(--pointer-from-left) - .5) * .01));backface-visibility:hidden;will-change:transform;border-radius:0;transition:transform .12s ease-out;position:absolute;bottom:64px;left:50%}.pc-avatar-content:before{content:"";z-index:1;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;position:absolute;inset:0}.pc-user-info{--ui-inset:20px;--ui-radius-bias:6px;bottom:var(--ui-inset);left:var(--ui-inset);right:var(--ui-inset);z-index:2;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:calc(max(0px, var(--card-radius) - var(--ui-inset) + var(--ui-radius-bias)));pointer-events:auto;background:#14080a73;border:1px solid #ff5a4d38;justify-content:space-between;align-items:center;padding:12px 14px;display:flex;position:absolute}.pc-user-details{align-items:center;gap:12px;display:flex}.pc-mini-avatar{background:#0006;border:1px solid #ff5a4d4d;border-radius:50%;flex-shrink:0;width:40px;height:40px;overflow:hidden}.pc-mini-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.pc-user-text{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.pc-handle{color:#ffffffeb;font-size:14px;font-weight:500;line-height:1}.pc-status{color:#ff7a6ee6;font-size:14px;line-height:1}.pc-contact-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#c81f1f40;border:1px solid #ff5a4d66;border-radius:8px;padding:12px 16px;font-size:12px;font-weight:600;transition:all .2s}.pc-contact-btn:hover{background:#ff5a4d59;border-color:#ff5a4dcc;transition:all .2s;transform:translateY(-1px)}.pc-content:not(.pc-avatar-content){text-align:center;max-height:100%;transform:translate3d(calc(var(--pointer-from-left) * -6px + 3px), calc(var(--pointer-from-top) * -6px + 3px), .1px);z-index:5;mix-blend-mode:luminosity;position:relative;overflow:hidden}.pc-details{flex-direction:column;width:100%;display:flex;position:absolute;top:2.2em}.pc-details h3{margin:0;-webkit-text-fill-color:transparent;background-image:linear-gradient(#fff,#ff7a6e);background-size:1em 1.5em;-webkit-background-clip:text;background-clip:text;margin:0;font-size:min(5svh,3em);font-weight:600}.pc-details p{white-space:nowrap;-webkit-text-fill-color:transparent;background-image:linear-gradient(#ffd9d3,#d23b2e);background-size:1em 1.5em;-webkit-background-clip:text;background-clip:text;width:min-content;margin:0 auto;font-size:15px;font-weight:600;position:relative;top:-8px}@keyframes glow-bg{0%{--bgrotate:0deg}to{--bgrotate:360deg}}@keyframes holo-bg{0%{background-position:0 var(--background-y), 0 0, center}to{background-position:0 var(--background-y), 90% 90%, center}}@media (width<=768px){.pc-card-wrapper{max-width:420px}.pc-details{top:1.8em}.pc-details h3{font-size:min(4svh,2.5em)}.pc-details p{font-size:14px}.pc-user-info{--ui-inset:15px;padding:10px 12px}.pc-mini-avatar{width:28px;height:28px}.pc-user-details{gap:10px}.pc-handle{font-size:13px}.pc-status{font-size:10px}.pc-contact-btn{padding:6px 12px;font-size:11px}}@media (width<=480px){.pc-card-wrapper{max-width:360px}.pc-details{top:1.4em}.pc-details h3{font-size:min(3.5svh,2em)}.pc-details p{font-size:12px;top:-6px}.pc-user-info{--ui-inset:12px;padding:8px 10px}.pc-mini-avatar{width:24px;height:24px}.pc-user-details{gap:8px}.pc-handle{font-size:12px}.pc-status{font-size:9px}.pc-contact-btn{border-radius:50px;padding:5px 10px;font-size:10px}}.shiny-text{display:inline-block}.grainient-container{width:100%;height:100%;position:relative;overflow:hidden}