/* A personal headline show for Matt and the people behind it. */
.about-opening.page-mast{padding:45px 20px 0;min-height:max(850px,calc(100svh - 92px));display:flex;flex-direction:column;background:radial-gradient(ellipse at 20% 40%,#1d35522b,transparent 65%),#080c13;isolation:isolate}
.about-opening.page-mast:before,.about-opening.page-mast:after{display:none}
.about-portrait{position:absolute;top:0;right:0;bottom:0;width:58%;z-index:-3;margin:0;overflow:hidden}
.about-portrait img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% center;transform:scale(1.015)}
.about-portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080c13 0%,#080c1320 38%),linear-gradient(0deg,#080c13 0%,transparent 55%)}
.about-stage-lights{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;mix-blend-mode:screen}
.about-stage-lights i{position:absolute;left:24%;top:-15%;height:155%;width:35%;transform-origin:50% 0;background:linear-gradient(#c9e6ff35,transparent 90%);clip-path:polygon(49% 0,51% 0,100% 100%,0 100%)}
.about-stage-lights i:nth-child(2){left:70%;background:linear-gradient(#82bbff3d,transparent 90%)}
.about-billing{display:flex;justify-content:space-between;gap:25px;font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:#b0c8e3;padding-bottom:22px;position:relative}
.about-billing:after{content:'';position:absolute;bottom:0;left:-20px;right:-20px;height:1px;background:#ffffff25}
.about-billing b{font-weight:400;color:#d3e6fd}
.about-opening-copy{padding-block:40px 55px;max-width:1000px}
.about-opening-copy>.eyebrow{font-size:9px;letter-spacing:.14em;line-height:1.7}
.about-opening.page-mast h1{font-size:clamp(95px,9vw,175px);line-height:.88;margin:26px 0 28px;letter-spacing:-.025em}
.about-opening h1>span{display:block}
.about-opening h1 .about-light-word{color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #edf8ffe6;background-image:linear-gradient(112deg,transparent 39%,#91d8ff38 43%,#f3fbffb3 47%,#ffffffc2 49%,#9bdfff40 52%,transparent 57%),linear-gradient(68deg,transparent 36%,#9bd8ff38 42%,#ffffffa6 46%,#c6eaff66 49%,transparent 55%),linear-gradient(97deg,transparent 44%,#d5f1ff80 48%,transparent 52%);background-size:240% 100%,260% 100%,320% 100%;background-position:110% 0,-10% 0,100% 0;background-repeat:no-repeat;background-clip:text;-webkit-background-clip:text}
.about-opening.page-mast .lead{font-size:16px;max-width:410px;color:#bccbdd;line-height:1.8}
.about-opening .page-actions{gap:24px}.about-opening .text-link{font-size:10px;color:#c6d9ee;padding-inline:0;border-bottom:1px solid #a8c5e955}
.about-stage-foot{margin-top:auto;position:relative;display:flex;justify-content:space-between;gap:25px;padding:25px 0;color:#adbfD6;font-size:8px;letter-spacing:.17em;text-transform:uppercase}
.about-stage-foot:before{content:'';position:absolute;top:0;left:-20px;right:-20px;height:1px;background:#ffffff30}
.about-story{background:#0b1018}.about-story .page-split{gap:7vw}.about-story .page-split>img{height:650px;object-position:50% 25%;filter:none}.about-story .page-split>div{max-width:620px}.about-story p{font-size:15px}.about-story h2{font-size:clamp(65px,6vw,115px)}
.about-crew{background:radial-gradient(ellipse at 90% 0%,#284a7626,transparent 65%),#080c13}
.about-crew .page-panel{position:relative;overflow:hidden;min-height:305px;display:flex;flex-direction:column;justify-content:end;background:#ffffff03;border-top:2px solid #b4d7ff}
.about-crew .crew-number{position:absolute;top:20px;right:22px;font-family:var(--display);font-size:110px;line-height:1;color:transparent;-webkit-text-stroke:1px #c5dfff22}
.about-crew h3{font-family:var(--display);font-size:65px;line-height:1;text-transform:uppercase;margin:25px 0 15px}.about-crew .eyebrow{font-size:8px;letter-spacing:.15em}.about-crew p{font-size:13px;max-width:360px;margin:0}
.about-history .page-timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px;border-left:0;padding:0;margin:45px 0 0}
.about-history .page-timeline article{margin:0;border-top:1px solid #7da7da66;padding-top:28px}.about-history .page-timeline article:before{left:0;top:-5px;background:#b7dcff;box-shadow:0 0 20px #b7dcff55}.about-history h3{font-size:23px;line-height:1.3;margin-block:14px}.about-history small{font-family:var(--display);font-size:42px;letter-spacing:0}.about-history p{font-size:12px}
.motion-on .about-opening.page-scene-active .about-portrait img{animation:about-portrait-drift 22s ease-in-out infinite alternate}
.motion-on .about-opening.page-scene-active .about-stage-lights i{animation:about-beams 10s ease-in-out infinite alternate}
.motion-on .about-opening.page-scene-active .about-stage-lights i:nth-child(2){animation-duration:13s;animation-delay:-6s;animation-direction:alternate-reverse}
.motion-on .about-opening.page-scene-active .about-light-word{animation:hero-name-beams 7s linear infinite,hero-name-strobe 4s linear infinite}
@keyframes about-portrait-drift{from{transform:scale(1.015)}to{transform:scale(1.035) translate3d(-.5%,0,0)}}
@keyframes about-beams{from{transform:rotate(-24deg);opacity:.35}to{transform:rotate(25deg);opacity:.8}}
@media(max-width:1000px){.about-opening.page-mast h1{font-size:clamp(88px,11vw,145px)}.about-portrait{width:65%}.about-history .page-timeline{grid-template-columns:1fr 1fr;gap:40px 30px}}
@media(max-width:700px){.about-opening.page-mast{padding-top:30px;min-height:950px}.about-billing span:last-child{display:none}.about-opening-copy{padding-top:30px;padding-bottom:42px}.about-opening.page-mast h1{font-size:clamp(76px,16vw,112px);line-height:.94}.about-opening.page-mast .lead{font-size:14px;max-width:320px}.about-portrait{width:100%}.about-portrait img{object-position:52% center}.about-portrait:after{background:linear-gradient(90deg,#080c13c9,#080c1366),linear-gradient(0deg,#080c13 0%,#080c130a 80%)}.about-opening .page-actions{align-items:start;flex-direction:column;gap:17px}.about-stage-foot{flex-direction:column;gap:13px;line-height:1.7}.about-story .page-split>img{height:500px}.about-story h2{font-size:65px}.about-history .page-timeline{grid-template-columns:1fr;gap:35px}.about-crew .page-panel{min-height:280px}}
@media(prefers-reduced-motion:reduce){.about-portrait img,.about-stage-lights i,.about-light-word{animation:none!important;filter:none!important}}
.motion-off .about-portrait img,.motion-off .about-stage-lights i,.motion-off .about-light-word{animation:none!important;filter:none!important}
/* Supplied studio portrait: preserve the face and blend the green into the stage. */
.about-opening.page-mast{background:radial-gradient(ellipse at 90% 35%,#123d372e,transparent 65%),#080c13}
.about-portrait{width:52%;top:25px;bottom:0;right:0;mask-image:linear-gradient(90deg,transparent,#000 24%),linear-gradient(0deg,transparent,#000 18%);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 24%),linear-gradient(0deg,transparent,#000 18%);-webkit-mask-composite:source-in}
.about-portrait img{object-fit:contain;object-position:70% bottom;transform:none;filter:none}
.about-portrait:after{background:linear-gradient(90deg,#080c1366,transparent 50%),linear-gradient(0deg,#080c13,transparent 24%)}
.motion-on .about-opening.page-scene-active .about-portrait img{animation:none}
@media(max-width:1000px){.about-portrait{width:64%;opacity:.85}.about-portrait img{object-position:100% bottom}}
@media(max-width:700px){.about-opening.page-mast{min-height:1030px}.about-portrait{width:100%;top:20px;bottom:0;opacity:1;mask-image:linear-gradient(0deg,transparent,#000 12%,#000 85%,transparent);-webkit-mask-image:linear-gradient(0deg,transparent,#000 12%,#000 85%,transparent);mask-composite:add;-webkit-mask-composite:source-over}.about-portrait img{object-fit:cover;object-position:56% top}.about-portrait:after{background:linear-gradient(90deg,#080c13c9,#080c1344 90%),linear-gradient(0deg,#080c13,transparent 55%)}.about-opening-copy{position:relative;z-index:1}}
@media(max-width:700px){
 .about-opening.page-mast{min-height:0}
 .about-billing{order:1}.about-opening-copy{order:2;padding-bottom:25px}.about-stage-foot{order:4}
 .about-portrait{order:3;position:relative;inset:auto;width:calc(100% + 40px);height:600px;flex-shrink:0;margin:0 -20px -5px;z-index:0;mask-image:linear-gradient(0deg,transparent,#000 14%,#000 86%,transparent);-webkit-mask-image:linear-gradient(0deg,transparent,#000 14%,#000 86%,transparent)}
 .about-portrait img{object-fit:contain;object-position:center bottom}
 .about-portrait:after{background:linear-gradient(90deg,#080c13 0%,transparent 20%,transparent 80%,#080c13),linear-gradient(0deg,#080c13,transparent 25%)}
}
/* Blend the supplied green backdrop into the same dark stage surface on every edge. */
.about-opening.page-mast{background:radial-gradient(ellipse at 82% 55%,#123d372e,transparent 68%),#080c13}
.about-portrait{mask-image:linear-gradient(90deg,transparent 0%,#000 24%,#000 87%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 20%,#000 88%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 24%,#000 87%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 20%,#000 88%,transparent 100%);mask-composite:intersect;-webkit-mask-composite:source-in}
.about-portrait img{position:relative;z-index:0}
.about-portrait:after{background:linear-gradient(90deg,#080c13b3 0%,transparent 32%,transparent 77%,#080c13aa 100%),linear-gradient(0deg,#080c13 0%,transparent 28%,transparent 75%,#080c13bb 100%);pointer-events:none}
@media(max-width:700px){
 .about-opening.page-mast{background:radial-gradient(ellipse at 50% 76%,#123d3729,transparent 47%),#080c13}
 .about-portrait{height:620px;margin-top:-32px;margin-bottom:-22px;mask-image:radial-gradient(ellipse 64% 62% at 50% 49%,#000 42%,#000d 60%,transparent 87%);-webkit-mask-image:radial-gradient(ellipse 64% 62% at 50% 49%,#000 42%,#000d 60%,transparent 87%);mask-composite:add;-webkit-mask-composite:source-over}
 .about-portrait img{object-fit:contain;object-position:center center}
 .about-portrait:after{background:linear-gradient(90deg,#080c13bb 0%,transparent 28%,transparent 72%,#080c13bb 100%),linear-gradient(0deg,#080c13 0%,transparent 26%,transparent 76%,#080c13 100%)}
 .about-stage-foot{z-index:1}
}

@media(max-width:700px){.about-portrait img{object-fit:cover;object-position:center top}}

/* Fade the photo itself at both side edges, including contain-mode letterboxing. */
.about-portrait img{
 -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 21%,#000 79%,transparent 100%);
 mask-image:linear-gradient(90deg,transparent 0%,#000 21%,#000 79%,transparent 100%);
}
.about-portrait:before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#080c13 0%,#080c13e6 5%,#080c1373 13%,transparent 28%,transparent 72%,#080c1373 87%,#080c13e6 95%,#080c13 100%)}
.about-portrait:after{z-index:2}
@media(max-width:700px){
 .about-portrait{mask-image:linear-gradient(0deg,transparent 0%,#000 19%,#000 79%,transparent 100%);-webkit-mask-image:linear-gradient(0deg,transparent 0%,#000 19%,#000 79%,transparent 100%)}
 .about-portrait img{mask-image:linear-gradient(90deg,transparent 0%,#000 27%,#000 73%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 27%,#000 73%,transparent 100%)}
}
/* Desktop: size the frame to the portrait so masks align with actual photo edges. */
@media(min-width:701px){
 .about-portrait{inset:auto 20px 0 auto;width:min(48vw,620px);height:auto;aspect-ratio:2/3;max-height:calc(100% - 20px);overflow:hidden;opacity:1;
 mask-image:linear-gradient(90deg,transparent 0%,#000 28%,#000 74%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 23%,#000 78%,transparent 100%);
 -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 28%,#000 74%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 23%,#000 78%,transparent 100%);
 mask-composite:intersect;-webkit-mask-composite:source-in;
 }
 .about-portrait img{width:100%;height:100%;object-fit:cover;object-position:center;mask-image:none;-webkit-mask-image:none;transform:none;filter:none}
 .about-portrait:before{background:linear-gradient(90deg,#080c13 0%,#080c1380 12%,transparent 33%,transparent 68%,#080c1380 89%,#080c13 100%)}
 .about-portrait:after{background:linear-gradient(0deg,#080c13 0%,#080c1380 12%,transparent 30%,transparent 76%,#080c1380 92%,#080c13 100%)}
}
@media(min-width:701px){
 .about-portrait{mask-image:linear-gradient(90deg,transparent 0%,#000 28%,#000 74%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 23%,#000 92%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 28%,#000 74%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 23%,#000 92%,transparent 100%)}
 .about-portrait:after{background:linear-gradient(0deg,#080c13 0%,#080c1380 12%,transparent 30%,transparent 90%,#080c1380 97%,#080c13 100%)}
}
/* Genuine transparent portrait: no green backdrop and no side masks over Matt. */
.about-opening.page-mast{background:radial-gradient(ellipse at 80% 55%,#1b304329,transparent 68%),#080c13}
.about-portrait{background:none;opacity:1;mask-image:linear-gradient(0deg,transparent 0%,#000 12%);-webkit-mask-image:linear-gradient(0deg,transparent 0%,#000 12%);mask-composite:add;-webkit-mask-composite:source-over}
.about-portrait img{mask-image:none!important;-webkit-mask-image:none!important;filter:none!important;transform:none!important;object-fit:contain;object-position:center bottom}
.about-portrait:before,.about-portrait:after{display:none!important}
@media(min-width:701px){.about-portrait{inset:auto 20px 0 auto;width:min(46vw,560px);height:auto;aspect-ratio:2/3;max-height:calc(100% - 30px)}.about-portrait img{width:100%;height:100%}}
@media(max-width:700px){.about-opening.page-mast{background:radial-gradient(ellipse at 50% 76%,#1b304329,transparent 47%),#080c13}.about-portrait{height:640px;margin-top:-20px;margin-bottom:0;mask-image:linear-gradient(0deg,transparent 0%,#000 12%);-webkit-mask-image:linear-gradient(0deg,transparent 0%,#000 12%)}.about-portrait img{object-fit:contain;object-position:center bottom}}
/* Desktop rig sits between the dark stage and Matt's transparent cutout. */
@media(min-width:701px){
 .about-stage-lights{z-index:0;isolation:isolate;opacity:1}
 .about-stage-lights i{left:37%;top:-10%;width:38%;height:145%;background:linear-gradient(180deg,#b9dcff66 0%,#8ab9f52b 55%,transparent 95%);opacity:.6}
 .about-stage-lights i:nth-child(2){left:62%;width:34%;background:linear-gradient(180deg,#91c7ff66 0%,#96c9ff24 60%,transparent 95%)}
 .about-portrait{z-index:1;pointer-events:none}
 .about-billing,.about-opening-copy,.about-stage-foot{position:relative;z-index:2}
 .motion-on .about-opening.page-scene-active .about-stage-lights i{animation:about-desktop-beams 8s ease-in-out infinite alternate}
 .motion-on .about-opening.page-scene-active .about-stage-lights i:nth-child(2){animation-duration:10s;animation-delay:-4s;animation-direction:alternate-reverse}
}
@keyframes about-desktop-beams{from{transform:rotate(-33deg);opacity:.45}to{transform:rotate(30deg);opacity:.8}}
@media(prefers-reduced-motion:reduce){.about-opening .about-stage-lights i{animation:none!important}}
.motion-off .about-opening .about-stage-lights i{animation:none!important}
/* Meet Matt: one opening performance, converging into a composed title spotlight. */
.motion-on .about-opening.page-scene-active .about-stage-lights i{animation:about-title-show-left 8s cubic-bezier(.4,0,.2,1) both!important}
.motion-on .about-opening.page-scene-active .about-stage-lights i:nth-child(2){animation-name:about-title-show-right!important;animation-duration:8s!important;animation-delay:0s!important;animation-direction:normal!important}
@keyframes about-title-show-left{
 0%{transform:rotate(-37deg);opacity:.1}
 9%{transform:rotate(25deg);opacity:.95}
 22%{transform:rotate(-25deg);opacity:.55}
 36%{transform:rotate(31deg);opacity:.9}
 50%{transform:rotate(2deg);opacity:.68}
 68%{transform:rotate(var(--about-left-focus,28deg));opacity:.65}
 85%{transform:rotate(var(--about-left-focus,28deg));opacity:.56}
 100%{transform:rotate(var(--about-left-focus,28deg));opacity:.5}
}
@keyframes about-title-show-right{
 0%{transform:rotate(37deg);opacity:.1}
 9%{transform:rotate(-28deg);opacity:.95}
 22%{transform:rotate(29deg);opacity:.55}
 36%{transform:rotate(-32deg);opacity:.9}
 50%{transform:rotate(7deg);opacity:.68}
 68%{transform:rotate(var(--about-right-focus,42deg));opacity:.65}
 85%{transform:rotate(var(--about-right-focus,42deg));opacity:.56}
 100%{transform:rotate(var(--about-right-focus,42deg));opacity:.5}
}
.about-opening.about-show-played .about-stage-lights i{animation:none!important;transform:rotate(var(--about-left-focus,28deg));opacity:.5}
.about-opening.about-show-played .about-stage-lights i:nth-child(2){transform:rotate(var(--about-right-focus,42deg))}
@media(prefers-reduced-motion:reduce){.about-opening .about-stage-lights i{animation:none!important;transform:rotate(var(--about-left-focus,28deg));opacity:.3}.about-opening .about-stage-lights i:nth-child(2){transform:rotate(var(--about-right-focus,42deg))}}
.motion-off .about-opening .about-stage-lights i{animation:none!important;opacity:.3}
body .about-opening.about-show-played .about-stage-lights i,body.motion-on .about-opening.about-show-played.page-scene-active .about-stage-lights i{animation:none!important;transform:rotate(var(--about-left-focus,28deg));opacity:.5}
body .about-opening.about-show-played .about-stage-lights i:nth-child(2),body.motion-on .about-opening.about-show-played.page-scene-active .about-stage-lights i:nth-child(2){transform:rotate(var(--about-right-focus,42deg))}
.about-opening h1 .about-light-word{white-space:nowrap;font-size:clamp(62px,7.3vw,140px)}
@media(max-width:1000px){.about-opening h1 .about-light-word{font-size:7.8vw}}
@media(max-width:700px){.about-opening h1 .about-light-word{font-size:10.2vw}}

.about-opening h1 .about-light-word{font-size:1em!important;white-space:nowrap}

/* Six complementary shafts: opening fan, crossing sweeps, then a shared title focus. */
.about-opening .about-stage-lights i{--about-index:0;--beam-open:-42deg;--beam-cross:32deg;--beam-return:-23deg;--beam-focus:var(--about-focus-0,20deg);left:5%;width:26%;background:linear-gradient(180deg,#cde9ff55,#9bccff20 65%,transparent);transform-origin:50% 0}
.about-opening .about-stage-lights i:nth-child(2){--about-index:1;--beam-open:38deg;--beam-cross:-35deg;--beam-return:28deg;--beam-focus:var(--about-focus-1,25deg);left:22%;width:24%}
.about-opening .about-stage-lights i:nth-child(3){--about-index:2;--beam-open:-33deg;--beam-cross:40deg;--beam-return:-27deg;--beam-focus:var(--about-focus-2,30deg);left:38%;width:30%;background:linear-gradient(180deg,#92c6ff66,#84bdff1a 65%,transparent)}
.about-opening .about-stage-lights i:nth-child(4){--about-index:3;--beam-open:44deg;--beam-cross:-29deg;--beam-return:25deg;--beam-focus:var(--about-focus-3,35deg);left:54%;width:25%}
.about-opening .about-stage-lights i:nth-child(5){--about-index:4;--beam-open:-39deg;--beam-cross:36deg;--beam-return:-32deg;--beam-focus:var(--about-focus-4,40deg);left:70%;width:23%;background:linear-gradient(180deg,#eddfc64d,#c9e2ff16 65%,transparent)}
.about-opening .about-stage-lights i:nth-child(6){--about-index:5;--beam-open:35deg;--beam-cross:-39deg;--beam-return:30deg;--beam-focus:var(--about-focus-5,45deg);left:85%;width:22%}
body.motion-on .about-opening.page-scene-active .about-stage-lights i{animation:about-six-beam-show 9.5s cubic-bezier(.4,0,.2,1) both!important;animation-delay:0s!important;animation-direction:normal!important}
@keyframes about-six-beam-show{
 0%{transform:rotate(var(--beam-open));opacity:0}
 8%{transform:rotate(var(--beam-open));opacity:.85}
 22%{transform:rotate(var(--beam-cross));opacity:.5}
 39%{transform:rotate(var(--beam-return));opacity:.8}
 54%{transform:rotate(calc(var(--beam-cross) * .45));opacity:.6}
 77%{transform:rotate(var(--beam-focus));opacity:.48}
 100%{transform:rotate(var(--beam-focus));opacity:.27}
}
body.motion-on .about-opening.about-show-played.page-scene-active .about-stage-lights i,body .about-opening.about-show-played .about-stage-lights i{animation:none!important;transform:rotate(var(--beam-focus));opacity:.27}
@media(prefers-reduced-motion:reduce){body .about-opening .about-stage-lights i{animation:none!important;transform:rotate(var(--beam-focus));opacity:.2}}
body.motion-off .about-opening .about-stage-lights i{animation:none!important;transform:rotate(var(--beam-focus));opacity:.2}
body.motion-on .about-opening.page-scene-active .about-stage-lights i:nth-child(n){animation:about-six-beam-show 9.5s cubic-bezier(.4,0,.2,1) both!important;animation-delay:0s!important;animation-direction:normal!important}
body.motion-on .about-opening.about-show-played.page-scene-active .about-stage-lights i:nth-child(n){animation:none!important;transform:rotate(var(--beam-focus));opacity:.27}
@media(prefers-reduced-motion:reduce){body.motion-on .about-opening.page-scene-active .about-stage-lights i:nth-child(n){animation:none!important}}
/* Controlled strobe bursts, followed by three title impacts as the rig converges. */
.about-opening .about-title-line{display:block;overflow:visible}
.about-opening .about-line-hit{display:block;transform-origin:left center;will-change:transform,opacity}
body.motion-on .about-opening:not(.about-show-played).page-scene-active .about-title-line .about-line-hit{animation:about-headline-slam .8s cubic-bezier(.16,1,.3,1) both!important;animation-delay:5s!important}
body.motion-on .about-opening:not(.about-show-played).page-scene-active .about-title-line:nth-child(2) .about-line-hit{animation-delay:5.5s!important}
body.motion-on .about-opening:not(.about-show-played).page-scene-active .about-title-line:nth-child(3) .about-line-hit{animation-name:about-headline-slam,hero-name-beams,hero-name-strobe!important;animation-duration:.9s,7s,4s!important;animation-delay:6s,6s,6.9s!important;animation-timing-function:cubic-bezier(.16,1,.3,1),linear,linear!important;animation-iteration-count:1,infinite,infinite!important;animation-fill-mode:both,none,none!important}
@keyframes about-headline-slam{0%{opacity:0;transform:translate3d(-65px,10px,0) scale(1.08)}20%{opacity:1;transform:translate3d(0,0,0) scale(.988)}100%{opacity:1;transform:translate3d(0,0,0) scale(1)}}
body.motion-on .about-opening.page-scene-active .about-stage-lights i:nth-child(n){animation:about-six-beam-show 9.5s cubic-bezier(.4,0,.2,1) both,about-stage-strobe 1.5s linear 3!important;animation-delay:0s,0s!important;animation-direction:normal,normal!important}
body.motion-on .about-opening.page-scene-active .about-stage-lights i:nth-child(even){animation-name:about-six-beam-show,about-stage-strobe-alt!important}
@keyframes about-stage-strobe{0%,13%,43%,55%,100%{filter:brightness(1)}4%,47%{filter:brightness(2.7)}}
@keyframes about-stage-strobe-alt{0%,13%,43%,55%,100%{filter:brightness(1.1)}4%,47%{filter:brightness(2.3)}}
body.motion-on .about-opening.about-show-played.page-scene-active .about-stage-lights i:nth-child(n){animation:none!important;transform:rotate(var(--beam-focus));opacity:.4;filter:none}
body.motion-on .about-opening.about-show-played .about-title-line .about-line-hit{transform:none;opacity:1}
@media(prefers-reduced-motion:reduce){body.motion-on .about-opening.page-scene-active .about-stage-lights i:nth-child(n),body.motion-on .about-opening .about-title-line .about-line-hit{animation:none!important;opacity:1;transform:none;filter:none}}
body.motion-off .about-opening .about-title-line .about-line-hit{animation:none!important;opacity:1;transform:none}