/* The original video portfolio's approved silhouette hero. */
.site-header{border-bottom:0;padding:24px 40px}.site-header .wordmark{font-size:16px}.site-header .wordmark img{display:none}
.cinematic-hero{height:100svh;min-height:650px;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:0 40px 10px;background:#030811;border-bottom:1px solid var(--line)}
.cinematic-hero .hero-bg{position:absolute;inset:0;object-fit:cover;object-position:50% center;width:100%;height:100%;z-index:-3}
.cinematic-hero .hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#07111670,#04090c24 50%,#0003)}
.cinematic-hero .time-grid{position:absolute;inset:82px 40px 24px;display:flex;justify-content:space-between;color:#ffffff36;z-index:-1;font-size:11px;line-height:1.4}
.time-grid>span{position:relative;width:1px;white-space:nowrap}.time-grid>span:last-child{transform:translateX(-30px)}.time-grid>span:after{content:'';position:absolute;left:16px;top:23px;bottom:0;border-left:1px solid #ffffff07}
.cinematic-hero .rec{position:absolute;left:50%;top:116px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;color:#b8bcbe;font-size:11px;line-height:1.4}.rec i{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--solid)}
.registration{position:absolute;color:#ffffff30;font-size:15px}.reg-one{left:27%;top:55%}.reg-two{right:27%;top:22%}
.cinematic-hero .hero-info{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:25px}.cinematic-hero small{font-size:11px;letter-spacing:-.025em;line-height:1.4;color:#b4b5ba}.hero-services p{font-size:18px;line-height:1.5;letter-spacing:-.045em;margin:14px 0}
.cinematic-hero .hero-intro{max-width:330px;text-align:right;margin:0}.intro-card{display:flex;align-items:center;background:#ffffff0c;border:1px solid #ffffff16;border-radius:12px;padding:0 14px 0 0;overflow:hidden;gap:16px;text-align:left;margin-left:auto;margin-bottom:30px;transition:background .3s;width:max-content;max-width:100%}.intro-card:hover{background:#ffffff20}.intro-card>span{font-size:14px;line-height:1.6;letter-spacing:-.05em}.intro-card small{display:block;font-size:12px}.intro-card svg{width:16px;height:16px;border-radius:50%;background:var(--white);stroke:#111;padding:3px}
.intro-portrait{display:block;position:relative;width:64px;height:67px;flex:0 0 64px;overflow:hidden}.intro-card .intro-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 55%;transform:scale(1.8);transform-origin:50% 55%}
.cinematic-hero .hero-intro p{font-size:18px;line-height:1.35;color:#b7babd;letter-spacing:-.055em}.hero-intro p>span{color:var(--white)}
.cinematic-hero h1.full-name{font-size:9.8vw;font-weight:300;line-height:1.08;letter-spacing:-.05em;white-space:nowrap;margin:0 0 22px}
.cinematic-hero .hero-glow{position:absolute;inset:0;width:auto;height:auto;z-index:-2;pointer-events:none;overflow:hidden;mix-blend-mode:color-dodge;background:none;opacity:.52}.hero-glow>span{position:absolute;display:block;filter:blur(34px);will-change:auto}.hero-glow-blue{left:-10%;top:0;width:90%;height:110%;background:radial-gradient(ellipse at 44% 43%,rgba(53,126,222,.8) 0%,rgba(24,72,170,.45) 33%,transparent 67%);animation:heroBlueGlow 13s ease-in-out infinite alternate}.hero-glow-amber{right:-22%;top:-28%;width:83%;height:105%;background:radial-gradient(ellipse at 60% 32%,rgba(223,143,69,.75) 0%,rgba(141,66,31,.3) 34%,transparent 68%);animation:heroAmberGlow 17s ease-in-out -6s infinite alternate}
.cinematic-hero .hero-glow>span{animation-play-state:paused}.cinematic-hero.glow-active .hero-glow>span{animation-play-state:running;will-change:transform,opacity}
@keyframes heroBlueGlow{0%{transform:translate3d(-5%,3%,0) scale(.94);opacity:.42}50%{opacity:.8}100%{transform:translate3d(10%,-5%,0) scale(1.14);opacity:.66}}
@keyframes heroAmberGlow{0%{transform:translate3d(3%,-3%,0) scale(.96);opacity:.35}55%{opacity:.67}100%{transform:translate3d(-12%,8%,0) scale(1.1);opacity:.48}}
.hero-ripples{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none;mix-blend-mode:color-dodge;mask-image:linear-gradient(180deg,transparent,#000 16%,#000 67%,transparent 98%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 16%,#000 67%,transparent 98%)}.hero-wave{position:absolute;left:52%;top:43%;width:82vmax;aspect-ratio:1;border-radius:50%;border:1px solid rgba(194,215,250,.56);background:radial-gradient(circle closest-side,transparent 88%,rgba(94,140,206,.08) 93%,rgba(204,221,250,.20) 98.7%,rgba(237,228,220,.36) 99.4%,transparent 100%);box-shadow:inset 0 0 20px #789dd014,0 0 18px #b6ceec0c;filter:blur(.7px);animation:heroGlassRipple 30s linear infinite;animation-play-state:paused;opacity:0}.hero-wave:nth-child(2){animation-delay:-10s}.hero-wave:nth-child(3){animation-delay:-20s}.glow-active .hero-wave{animation-play-state:running}
@keyframes heroGlassRipple{0%{transform:translate(-50%,-50%) scale(.42);opacity:0}18%{opacity:.20}62%{opacity:.18}100%{transform:translate(-50%,-50%) scale(1.25);opacity:0}}
@media(max-width:900px){.cinematic-hero .hero-intro{max-width:280px}.cinematic-hero .hero-intro p{font-size:16px}}
@media(max-width:700px){.site-header{padding:20px 24px}.cinematic-hero{padding:0 24px 20px}.cinematic-hero .hero-info{gap:20px}.hero-services p{font-size:15px}.hero-services small{font-size:8px}.cinematic-hero .hero-intro{max-width:180px;margin-top:40px}.intro-card{gap:7px;padding-right:7px;margin-bottom:18px;border-radius:9px}.intro-portrait{width:42px;height:52px;flex-basis:42px}.intro-card .intro-portrait img{object-position:40% 50%;transform:scale(2.8);transform-origin:40% 42%}.intro-card>span{font-size:11px}.intro-card small{font-size:9px}.intro-card svg{width:13px}.cinematic-hero .hero-intro p{font-size:13px;line-height:1.4}}
@media(max-width:600px){.site-header{padding:18px 20px}.cinematic-hero{height:100svh;min-height:700px;padding:0 20px 28px}.cinematic-hero .hero-bg{height:min(100%,185vw);object-position:50% top;mask-image:linear-gradient(#000 0%,#000 78%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 78%,transparent 100%)}.cinematic-hero .time-grid{inset:90px 20px 28px;font-size:8px}.cinematic-hero .rec{top:122px;font-size:10px}.cinematic-hero .hero-info{margin-bottom:35px;align-items:flex-start;gap:14px}.hero-services{max-width:150px}.hero-services p{font-size:15px;margin:12px 0}.cinematic-hero .hero-intro{max-width:170px}.cinematic-hero .hero-intro p br{display:initial}.cinematic-hero h1.full-name{font-size:9.3vw;margin-bottom:18px}.cinematic-hero .hero-glow{height:min(100%,185vw);mask-image:linear-gradient(#000 0%,#000 65%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 65%,transparent 100%)}.hero-glow>span{filter:blur(24px)}.hero-glow-blue{left:-25%;width:125%}.hero-glow-amber{right:-35%;width:115%}.hero-ripples{height:min(100%,185vw)}.hero-wave{width:112vw;left:51%;top:42%;filter:blur(.6px)}}
@media(prefers-reduced-motion:reduce){.cinematic-hero .hero-glow>span{animation:none;will-change:auto}.hero-glow-blue{opacity:.35}.hero-glow-amber{opacity:.25}.cinematic-hero .hero-wave{animation:none;opacity:0}}
