.hero{min-height:100vh;padding-top:120px;padding-bottom:80px;display:grid;place-items:center;text-align:center;position:relative}.hero-content{position:relative;z-index:2}.hero-stage{position:absolute;inset:0;z-index:0;display:grid;place-items:center;perspective:2000px;pointer-events:none;overflow:hidden;animation:hero-stage-in 1s var(--easing) both}.hero-glow{position:absolute;width:min(620px,64vw);height:min(620px,64vw);border-radius:50%;background:radial-gradient(circle at 50% 50%,hsla(var(--glass-tint-h),70%,60%,.22),transparent 62%);filter:blur(26px);animation:hero-pulse 5s var(--easing) infinite;will-change:opacity}.hero-ring{position:absolute;border-radius:50%;border:1px dashed var(--glass-edge);opacity:.5;will-change:transform}.hero-ring-1{width:min(560px,60vw);height:min(560px,60vw)}.hero-ring-2{width:min(700px,74vw);height:min(700px,74vw);border-color:var(--glass-edge-strong);opacity:.28}.hero-float{position:relative;transform-style:preserve-3d;animation:hero-bob 7s ease-in-out infinite;will-change:transform}.hero-canvas{position:relative;width:min(760px,78vw);height:min(460px,52vh);transform-style:preserve-3d;transform:rotateX(55deg) rotate(-25deg);will-change:transform}@keyframes hero-bob{0%,to{transform:translateY(-8px)}50%{transform:translateY(8px)}}@keyframes hero-pulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes hero-stage-in{0%{opacity:0}to{opacity:1}}@keyframes hero-from-top{0%{opacity:0;transform:translateY(-56px);filter:blur(12px)}60%{opacity:1;filter:blur(0)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes hero-from-bottom{0%{opacity:0;transform:translateY(56px);filter:blur(12px)}60%{opacity:1;filter:blur(0)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.hero-content>*{animation-duration:1.8s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:both}.hero-content>.hero-tagline{animation-name:hero-from-top;animation-delay:.1s}.hero-content>.lede{animation-name:hero-from-bottom;animation-delay:.46s}.hero-content>.hero-actions{animation-name:hero-from-bottom;animation-delay:.64s}:root[data-reduced-motion="1"] .hero-content>*{animation:none!important}.hero-slab{position:absolute;inset:0;border-radius:var(--radius-lg);border:1px solid var(--glass-edge);background:radial-gradient(120% 120% at 30% 20%,hsla(var(--glass-tint-h),60%,80%,.16),transparent 60%),linear-gradient(135deg,hsla(var(--glass-tint-h),45%,30%,.3),hsla(var(--glass-tint-h),40%,20%,.16));box-shadow:0 40px 90px -40px hsla(var(--glass-tint-h),60%,8%,.7);transition:transform .5s var(--easing);will-change:transform}.hero-slab.slab-1{transform:translateZ(0)}.hero-slab.slab-2{transform:translateZ(28px);opacity:.7}.hero-slab.slab-3{transform:translateZ(56px);opacity:.5;border-color:var(--glass-edge-strong)}.hero-slab-tick{position:absolute;width:14px;height:14px;border:1px solid var(--glass-edge-strong);transform:translateZ(56px);opacity:.6}.hero-slab-tick.tl{top:-7px;left:-7px;border-right:0;border-bottom:0}.hero-slab-tick.tr{top:-7px;right:-7px;border-left:0;border-bottom:0}.hero-slab-tick.bl{bottom:-7px;left:-7px;border-right:0;border-top:0}.hero-slab-tick.br{bottom:-7px;right:-7px;border-left:0;border-top:0}:root[data-reduced-motion="1"] .hero-float,:root[data-reduced-motion="1"] .hero-glow,:root[data-reduced-motion="1"] .hero-ring,:root[data-reduced-motion="1"] .hero-stage{animation:none!important}.hero .hero-tagline{display:block;font-family:var(--font-mono);font-size:clamp(11px,1.1vw,14px);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-2);margin-bottom:clamp(18px,2.2vw,32px);text-align:center}.hero .name-line{font-family:var(--font-display);font-size:clamp(64px,11vw,168px);line-height:1;letter-spacing:-.04em;color:var(--ink-0);display:block;text-wrap:balance}.hero .name-line em{font-style:var(--name-em-style, italic);color:var(--name-em-color, var(--accent-em))}.hero .lede{margin:44px auto 0;max-width:620px;font-size:18px;line-height:1.65;color:var(--ink-1);text-wrap:pretty}.hero-actions{margin-top:52px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.hero-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 14px 8px 12px;border-radius:999px;background:hsla(var(--glass-tint-h),30%,70%,.06);border:1px solid hsla(var(--glass-tint-h),50%,80%,.14);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-1);margin-bottom:40px;box-shadow:inset 0 1px hsla(var(--glass-tint-h),80%,90%,.05)}.hero-badge .dot{width:8px;height:8px;border-radius:50%;background:#2bd773;box-shadow:0 0 #2bd77399;animation:pulseDot 2s ease-in-out infinite}@keyframes pulseDot{0%,to{box-shadow:0 0 #2bd77380}50%{box-shadow:0 0 0 8px #2bd77300}}.scroll-indicator{position:absolute;bottom:36px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);pointer-events:none}.scroll-indicator .track{width:1px;height:40px;background:linear-gradient(to bottom,transparent,var(--ink-3),transparent);position:relative;overflow:hidden}.scroll-indicator .track:after{content:"";position:absolute;top:-50%;left:-1px;width:1px;height:50%;background:linear-gradient(to bottom,transparent,hsl(var(--glass-tint-h),80%,75%));animation:scrollDot 2s ease-in-out infinite}@keyframes scrollDot{0%{top:-50%}to{top:100%}}.showreel{margin:40px auto 0;max-width:1080px;aspect-ratio:16 / 9;border-radius:var(--radius-xl);padding:14px}.showreel .showreel-inner{width:100%;height:100%;border-radius:calc(var(--radius-xl) - 14px);background:linear-gradient(135deg,#36456366,#1f242e4d);display:grid;place-items:center;overflow:hidden;position:relative}.showreel .showreel-inner iframe,.showreel .showreel-inner video{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}.showreel-meta{margin-top:20px;display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);padding:0 12px}.projects-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:28px 28px;row-gap:56px;perspective:1600px}.project-card-3d{--rx: 0deg;--ry: 0deg;--mx: 50%;--my: 50%;--lifted: 0;--tilt-mag: 0;position:relative;min-width:0;display:flex;flex-direction:column;transform-style:preserve-3d;transform:perspective(1400px) rotateX(calc(var(--rx) * var(--hover-intensity))) rotateY(calc(var(--ry) * var(--hover-intensity))) translateY(calc(var(--lifted) * -4px * var(--hover-intensity))) translateZ(0);transition:transform .5s var(--easing);will-change:transform;cursor:pointer}.glass-surface{position:relative;border-radius:var(--radius-lg);background:radial-gradient(circle at var(--mx) var(--my),hsla(var(--glass-tint-h),80%,90%,calc(.1 * var(--lifted) * var(--reflection-amt))),transparent 55%),linear-gradient(135deg,var(--glass-bg-strong),var(--glass-bg));backdrop-filter:blur(24px) saturate(1.6);-webkit-backdrop-filter:blur(24px) saturate(1.6);border:1px solid var(--glass-edge);overflow:hidden;isolation:isolate;transition:border-color .4s var(--easing),background .4s var(--easing)}.project-card-3d[data-hovering="1"] .glass-surface{border-color:var(--glass-edge-strong)}.glass-surface:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 30%,hsla(var(--glass-tint-h),80%,95%,calc(.18 * var(--reflection-amt))) 48%,hsla(var(--glass-tint-h),90%,100%,calc(.3 * var(--reflection-amt))) 50%,hsla(var(--glass-tint-h),80%,95%,calc(.18 * var(--reflection-amt))) 52%,transparent 70%);background-size:250% 250%;background-position:calc(var(--mx) * -1 + 100%) calc(var(--my) * -1 + 100%);opacity:calc(var(--lifted) * .85);mix-blend-mode:screen;pointer-events:none;z-index:3;transition:opacity .4s var(--easing)}.glass-surface:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:conic-gradient(from calc(var(--mx) * 3.6deg - 90deg),hsla(210,90%,80%,calc(.55 * var(--reflection-amt))),hsla(260,80%,80%,calc(.45 * var(--reflection-amt))),hsla(190,90%,80%,calc(.5 * var(--reflection-amt))),hsla(230,90%,85%,calc(.55 * var(--reflection-amt))));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:calc(var(--lifted) * var(--tilt-mag) * 1.3);pointer-events:none;z-index:4;transition:opacity .4s var(--easing)}.glass-surface>*{position:relative;z-index:2}.media-block{flex:1;padding:14px;display:flex;flex-direction:column;gap:14px;transform:translateZ(0)}.media-block .thumb{position:relative;width:100%;border-radius:calc(var(--radius-lg) - 8px);overflow:hidden;background:linear-gradient(135deg,#36456366,#1f242e4d)}.media-block .thumb img{display:block;width:100%;height:100%;object-fit:cover}.media-block .thumb:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(to top,rgba(5,7,13,.45),transparent 40%);opacity:0;transition:opacity .3s var(--easing);z-index:2;pointer-events:none}.project-card-3d:hover .thumb:before{opacity:1}.media-block .thumb .preview-tag{position:absolute;bottom:12px;left:12px;z-index:3;display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:#121721a6;border:1px solid hsla(var(--glass-tint-h),60%,80%,.3);backdrop-filter:blur(8px);font-family:var(--font-mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#eef2ff;opacity:0;transform:translateY(6px);transition:opacity .3s var(--easing),transform .3s var(--easing)}.project-card-3d:hover .thumb .preview-tag{opacity:1;transform:translateY(0)}.media-block .media-meta{margin-top:auto;display:flex;align-items:center;gap:10px;padding:2px 8px 6px;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);white-space:nowrap;overflow:hidden}.media-meta .mm-sep{color:var(--ink-4)}.media-meta .mm-year{color:var(--ink-1)}.media-meta .mm-spacer{flex:1}.media-meta .mm-client{color:var(--ink-3);text-overflow:ellipsis;overflow:hidden}.media-block>.tick{position:absolute;width:8px;height:8px;border:1px solid rgba(180,200,255,.35);background:var(--bg-0);z-index:5}.media-block>.tick.tl{top:-4px;left:-4px}.media-block>.tick.tr{top:-4px;right:-4px}.media-block>.tick.bl{bottom:-4px;left:-4px}.media-block>.tick.br{bottom:-4px;right:-4px}.title-block{position:absolute;z-index:6;padding:12px 20px 13px 18px;display:flex;align-items:baseline;gap:12px;border-radius:16px;background:radial-gradient(circle at var(--mx) var(--my),hsla(var(--glass-tint-h),90%,95%,calc(.16 * var(--lifted) * var(--reflection-amt))),transparent 65%),linear-gradient(135deg,hsla(var(--glass-tint-h),40%,70%,.07),hsla(var(--glass-tint-h),30%,50%,.03));border:1px solid hsla(var(--glass-tint-h),70%,90%,.16);backdrop-filter:blur(26px) saturate(1.8);-webkit-backdrop-filter:blur(26px) saturate(1.8);transform:translateZ(32px);filter:drop-shadow(0 8px 16px rgba(0,0,0,.45));transition:filter .4s var(--easing),transform .5s var(--easing)}.project-card-3d[data-hovering="1"] .title-block{transform:translateZ(44px);filter:drop-shadow(0 14px 28px rgba(0,0,0,.55)) drop-shadow(0 3px 6px rgba(0,0,0,.35))}.title-block{color:var(--ink-0)}.title-block h3{font-family:var(--font-display);font-size:28px;line-height:1.05;color:inherit;letter-spacing:-.015em;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.45),0 2px 12px rgba(0,0,0,.35)}.title-block .t-index{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;color:hsl(var(--glass-tint-h),60%,80%);opacity:.8}:root[data-theme=light] .title-block,:root[data-theme=light] .title-block h3,:root[data-theme=light] .title-block .t-index{color:#05080f!important;text-shadow:none!important;opacity:1!important}:root[data-theme=light] .title-block{border-color:#2640732e}.project-card-3d.place-bl .title-block,.project-card-3d.place-br .title-block,.project-card-3d.place-tl .title-block,.project-card-3d.place-tr .title-block{inset:-10px auto auto 14px}.project-card-3d.span-7{grid-column:span 7}.project-card-3d.span-5{grid-column:span 5}.project-card-3d.span-6{grid-column:span 6}.project-card-3d.span-4{grid-column:span 4}.project-card-3d.span-8{grid-column:span 8}.project-card-3d.span-12{grid-column:span 12}.project-card-3d.h-tall .thumb{aspect-ratio:4 / 5}.project-card-3d.h-wide .thumb{aspect-ratio:16 / 9}.project-card-3d.h-sq .thumb{aspect-ratio:1}.project-card-3d.h-cine .thumb{aspect-ratio:21 / 9}.project-card-3d.span-8 .title-block h3,.project-card-3d.span-12 .title-block h3{font-size:30px}.project-card-3d.span-7 .title-block h3{font-size:26px}.project-card-3d.span-4 .title-block h3,.project-card-3d.span-5 .title-block h3{font-size:22px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service-card{padding:32px;display:flex;flex-direction:column;gap:18px;min-height:280px}.service-card .num{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;color:var(--ink-3)}.service-card h3{font-size:30px;line-height:1.1}.service-card p{font-size:16px;line-height:1.65;color:var(--ink-1);margin:0;text-wrap:pretty}.service-card .tags{margin-top:auto;display:flex;flex-wrap:wrap;gap:6px}.service-card .tags span{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);padding:5px 9px;border-radius:999px;border:1px solid rgba(180,200,255,.12)}.process-track{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;position:relative}.process-step{padding:28px;display:flex;flex-direction:column;gap:12px;min-height:220px}.process-step .step-num{font-family:var(--font-display);font-style:italic;font-size:56px;line-height:1;color:var(--accent-em);opacity:.7}.process-step h3{font-size:22px}.process-step p{font-size:15px;line-height:1.6;color:var(--ink-1);margin:0}.clients-strip{margin-top:40px;padding:28px 32px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px 40px}.client-mark{font-family:var(--font-display);font-size:24px;letter-spacing:-.02em;color:var(--ink-2);opacity:.8;transition:color .3s,opacity .3s}.client-mark:hover{color:var(--ink-0);opacity:1}.about-grid{position:relative;display:grid;grid-template-columns:5fr 7fr;gap:36px;align-items:stretch}.about-title-block h2{font-family:var(--font-display);font-size:clamp(26px,3vw,38px);line-height:1.05;letter-spacing:-.015em;color:var(--ink-0);margin:0}.about-title-block h2 em{font-style:italic;color:var(--accent-em)}.about-portrait{padding:14px;aspect-ratio:4 / 5}.about-portrait .portrait-placeholder,.about-portrait .portrait-image{display:block;width:100%;height:100%;border-radius:calc(var(--radius-lg) - 10px);object-fit:cover}.about-portrait .portrait-placeholder{background:linear-gradient(135deg,#36456366,#1f242e4d)}.about-body{padding:40px;display:flex;flex-direction:column;gap:22px;justify-content:center}.about-body h2{font-size:42px;line-height:1.1}.about-body h2 em{font-style:italic;color:var(--accent-em)}.about-body p{font-size:17px;line-height:1.7;color:var(--ink-1);margin:0;text-wrap:pretty}.about-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:14px;margin-top:12px}.about-stats .stat{padding:16px;border-radius:var(--radius-md);border:1px solid rgba(180,200,255,.1);background:#9cabc908}.about-stats .stat .v{font-family:var(--font-display);font-size:32px;color:var(--ink-0);display:block;line-height:1.05}.about-stats .stat .l{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-top:6px;display:block}.skills-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.skill{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:10px;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);border:1px solid rgba(180,200,255,.08);background:hsla(var(--glass-tint-h),30%,70%,.025)}.skill .level{display:inline-flex;gap:2px}.skill .level i{width:4px;height:4px;border-radius:50%;background:var(--ink-4)}.skill .level i.on{background:hsl(var(--glass-tint-h),70%,75%)}.contact-wrap{padding:80px 60px 70px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:32px;background:radial-gradient(ellipse 70% 60% at 50% 0%,hsla(220,70%,60%,.1),transparent 70%),linear-gradient(135deg,#a6b7d914,#8b9dc105)}.contact-wrap h2{font-size:clamp(48px,6vw,88px);line-height:.98}.contact-wrap h2 em{font-style:italic;color:var(--accent-em)}.contact-actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.contact-actions .pill.primary{background:radial-gradient(circle at var(--mx, 50%) var(--my, 50%),hsla(220,80%,95%,.3),transparent 60%),linear-gradient(135deg,#759ef066,#3c71dd4d);border-color:#d1dffa66}@media(max-width:1024px){.hero-canvas{width:min(560px,66vw);height:min(340px,42vh)}.hero-ring-2{display:none}.projects-grid{grid-template-columns:repeat(2,1fr)}.project-card-3d,.project-card-3d.span-7,.project-card-3d.span-5,.project-card-3d.span-6,.project-card-3d.span-4,.project-card-3d.span-8,.project-card-3d.span-12{grid-column:span 1}.project-card-3d.span-12{grid-column:1 / -1}.services-grid,.process-track{grid-template-columns:1fr 1fr}.about-grid{grid-template-columns:1fr}.project-card-3d .title-block{right:14px;max-width:calc(100% - 28px)}.title-block h3{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden}}@media(max-width:640px){.services-grid,.process-track{grid-template-columns:1fr}.about-stats{grid-template-columns:1fr 1fr}.projects-grid{grid-template-columns:1fr;gap:28px;padding:0 4px}.project-card-3d,.project-card-3d.span-7,.project-card-3d.span-5,.project-card-3d.span-6,.project-card-3d.span-4,.project-card-3d.span-8,.project-card-3d.span-12{grid-column:1 / -1;aspect-ratio:16 / 10;width:100%;max-width:100%}.project-card-3d.h-tall,.project-card-3d.h-sq,.project-card-3d.h-wide,.project-card-3d.h-cine{aspect-ratio:16 / 10}.project-card-3d .title-block,.project-card-3d[data-hovering="1"] .title-block{transform:none;filter:none}.project-card-3d.place-bl .title-block,.project-card-3d.place-br .title-block,.project-card-3d.place-tl .title-block,.project-card-3d.place-tr .title-block{inset:auto 8px 8px!important;max-width:calc(100% - 16px)}.title-block{padding:8px 12px;color:var(--ink-0)!important}.title-block h3{white-space:normal;font-size:clamp(15px,4.5vw,19px)!important;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;color:var(--ink-0)!important;text-shadow:none!important}.title-block .t-index{color:var(--ink-2)!important}.about-body,.about-body h2,.about-body .lede,.about-body p{text-align:center}.about-body .eyebrow{display:block;text-align:center}.about-stats{justify-items:center}.skills-grid{justify-content:center}.media-block{padding:8px}.media-block .media-meta{display:none}.media-block .preview-tag{font-size:8px;padding:4px 8px}.project-card-3d>.glass-surface>.tick,.media-block>.tick{width:8px;height:8px}.media-block>.tick.tl{top:2px;left:2px}.media-block>.tick.tr{top:2px;right:2px}.media-block>.tick.bl{bottom:2px;left:2px}.media-block>.tick.br{bottom:2px;right:2px}.hero-canvas{width:min(280px,62vw);height:min(200px,26vh)}.hero-ring-1,.hero-ring-2{display:none}.hero-glow{width:86vw;height:86vw}.hero{padding:90px 20px 60px!important}.hero .name-line{font-size:clamp(40px,12vw,72px)!important}.hero .lede{font-size:14px;margin-top:28px}.hero-actions{margin-top:28px;gap:10px;flex-wrap:wrap}.hero-actions .pill{padding:10px 18px;font-size:13px}.block{padding:60px 20px!important}.section-head h2{font-size:clamp(28px,7vw,40px)}.marquee-item{font-size:18px}.showreel{margin:24px auto 0;padding:8px}.showreel-meta{flex-direction:column;gap:6px;text-align:center}.clients-strip{gap:14px;padding:18px}.client-mark{font-size:13px}.contact-wrap{padding:36px 24px}.contact-wrap h2{font-size:clamp(28px,8vw,44px)}.contact-actions{flex-direction:column;align-items:stretch}}body.modal-open .topnav{display:none!important}html.modal-open,body.modal-open{overflow:hidden!important;touch-action:none}.modal-shroud{position:fixed;inset:0;z-index:100;background:#02040abf;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:grid;place-items:center;padding:40px;animation:shroudIn .3s var(--easing);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}@keyframes shroudIn{0%{opacity:0}to{opacity:1}}:root[data-theme=light] .modal-shroud{background:#e6ebf5c7}.modal{width:100%;max-width:1100px;max-height:calc(100vh - 80px);border-radius:28px;background:linear-gradient(135deg,hsla(var(--glass-tint-h),40%,30%,.45),hsla(var(--glass-tint-h),30%,18%,.6));border:1px solid hsla(var(--glass-tint-h),60%,85%,.18);backdrop-filter:blur(30px) saturate(1.7);-webkit-backdrop-filter:blur(30px) saturate(1.7);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;animation:modalIn .4s var(--easing);position:relative;scrollbar-width:none;-ms-overflow-style:none}.modal::-webkit-scrollbar{width:0;height:0;display:none}:root[data-theme=light] .modal{background:linear-gradient(135deg,#ffffffb3,#eef1f680);border-color:#3593}@keyframes modalIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-media{position:relative;background:linear-gradient(135deg,#242e4280,#151c28b3);aspect-ratio:16 / 9;width:100%;display:grid;place-items:center;overflow:hidden;flex-shrink:0}.modal-media>img,.modal-media>video,.modal-media>iframe{width:100%;height:100%;object-fit:cover;display:block;border:0}.modal-media .placeholder{width:100%;height:100%;background:linear-gradient(135deg,#2d395380,#1b223266)}.modal-body{padding:36px 32px;display:flex;flex-direction:column;gap:18px}.modal-body .channel{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2);display:inline-flex;align-items:center;gap:8px}.modal-body .channel:before{content:"";width:6px;height:6px;border-radius:50%;background:hsl(var(--glass-tint-h),80%,75%)}.modal-body h2{font-family:var(--font-display);font-size:44px;line-height:1.02;letter-spacing:-.02em;color:var(--ink-0)}.modal-tags{display:flex;flex-wrap:wrap;gap:6px}.modal-tags span{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);padding:5px 10px;border-radius:999px;border:1px solid rgba(180,200,255,.14)}.modal-description{font-size:16px;line-height:1.7;color:var(--ink-1);text-wrap:pretty}.modal-info{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:hsla(var(--glass-tint-h),50%,80%,.12);border-radius:14px;overflow:hidden;margin-top:4px}.modal-info .cell{background:hsla(var(--glass-tint-h),30%,18%,.55);padding:12px 14px}:root[data-theme=light] .modal-info .cell{background:#ffffff8c}.modal-info .label{font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);display:block;margin-bottom:4px}.modal-info .value{font-size:13px;color:var(--ink-0)}.modal-stills{margin-top:8px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.modal-stills .still{aspect-ratio:1;border-radius:8px;background:linear-gradient(135deg,#2d395380,#1b223266);border:1px solid hsla(var(--glass-tint-h),30%,60%,.15);cursor:pointer;overflow:hidden;position:relative;transition:transform .3s var(--easing)}.modal-stills .still:hover{transform:scale(1.04)}.modal-close{position:absolute;top:18px;right:18px;z-index:5;width:36px;height:36px;border-radius:999px;background:#0f121c8c;border:1px solid hsla(0,0%,100%,.25);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;cursor:pointer;display:grid;place-items:center;transition:background .25s var(--easing),border-color .25s var(--easing)}.modal-close:hover{background:#0f121ccc;border-color:#ffffff80}.modal-nav{position:absolute;bottom:18px;right:18px;z-index:5;display:flex;gap:6px}.modal-nav button{width:36px;height:36px;border-radius:999px;background:#0f121c8c;border:1px solid hsla(0,0%,100%,.25);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;cursor:pointer;display:grid;place-items:center;transition:background .25s var(--easing),border-color .25s var(--easing)}.modal-nav button:hover{background:#0f121ccc;border-color:#ffffff80}.modal-counter{position:absolute;bottom:26px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2);z-index:4}@media(max-width:900px){.modal{max-height:90vh}.modal-body h2{font-size:32px}.modal-stills{grid-template-columns:repeat(3,1fr)}}.lightbox-shroud{position:fixed;inset:0;z-index:150;background:#02040af2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:grid;place-items:center;padding:40px;animation:shroudIn .3s var(--easing)}.lightbox-stage{position:relative;max-width:90vw;max-height:80vh;width:1200px;aspect-ratio:16 / 9;border-radius:20px;overflow:hidden;border:1px solid hsla(220,50%,80%,.15);background:linear-gradient(135deg,#2d395380,#1b223266)}.lightbox-arrow{position:fixed;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:#1b223299;border:1px solid hsla(220,50%,80%,.2);backdrop-filter:blur(12px);color:var(--ink-0);cursor:pointer;display:grid;place-items:center;z-index:5}.lightbox-arrow.left{left:32px}.lightbox-arrow.right{right:32px}.lightbox-counter{position:fixed;top:32px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:12px;letter-spacing:.2em;color:var(--ink-1)}.lightbox-close{position:fixed;top:32px;right:32px;width:40px;height:40px;border-radius:50%;background:#1b223299;border:1px solid hsla(220,50%,80%,.2);backdrop-filter:blur(12px);color:var(--ink-0);cursor:pointer;display:grid;place-items:center;z-index:5}