/* Revision 03: a cinematic essay, with a different composition for each chapter. */
figure{margin:0}
.hero-mesh{display:none}
.hero-light{background:radial-gradient(ellipse 32% 48% at var(--pointer-x) var(--pointer-y),#a6c8e217,transparent 75%),radial-gradient(ellipse at 82% 24%,#716e9612,transparent 60%)}
.hero.pixel-view .hero-visual>img{opacity:.14;filter:saturate(.48)}
.hero.pixel-view .hero-light{opacity:1}
.hero.pixel-view .hero-shade{background:linear-gradient(90deg,#040e17ed,#040e1733 70%),linear-gradient(0deg,#060d13,transparent 65%)}
.hero-pixels{mix-blend-mode:screen}
.scene-mode button{min-width:49px}
.studio{padding-top:110px;padding-bottom:105px}
.studio .section-label{margin-bottom:55px}
.studio-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:58px 30px;align-items:start}
.studio .statement{grid-column:1/-1;max-width:1150px;font-size:clamp(48px,6.9vw,104px);font-weight:400;letter-spacing:-3px;line-height:1.3}
.studio .statement .serif-word{color:#b3cbd3}
.studio-copy{grid-column:1/6;padding-top:16px;max-width:425px}
.studio-copy .lead{font-size:21px;line-height:1.9;margin-bottom:25px}
.studio-copy>p{font-size:16px;line-height:2.2}
.studio-still{grid-column:7/-1;padding-top:12px}
.studio-still-frame{height:340px;overflow:clip;background:#15242e;position:relative}
.studio-still img{position:absolute;left:0;top:-20%;width:100%;height:140%;margin:0;object-fit:cover;transform:translate3d(0,var(--photo-y,0px),0);will-change:transform;filter:saturate(.45)}
.studio-still figcaption{display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:1.4px;color:#8198a3;margin-top:17px}
.studio .stats{margin-top:76px;max-width:100%;grid-template-columns:1fr 1fr 1fr}
.studio .stat-value{font-size:59px}
.work{padding-top:90px;padding-bottom:100px}
.work .section-label{margin-bottom:60px}
.work-heading{display:block;text-align:center;margin-bottom:65px}
.work-heading h2{font-size:clamp(52px,6.6vw,98px);line-height:1.03;letter-spacing:-4px}
.work-heading h2 em{font-size:1.19em}
.work-filter{justify-content:center;margin-top:32px;gap:27px}
.film-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:65px 30px;align-items:start}
.film-card:nth-child(1){grid-column:1/-1;padding:0}
.film-card:nth-child(1) .film-image{aspect-ratio:2.32}
.film-card:nth-child(2){grid-column:2/7;padding:0;margin-top:20px}
.film-card:nth-child(2) .film-image{aspect-ratio:.91}
.film-card:nth-child(2) img{object-position:52% center}
.film-card:nth-child(3){grid-column:8/-1;padding:0;margin-top:175px}
.film-card:nth-child(3) .film-image{aspect-ratio:1.16}
.film-card:nth-child(4){grid-column:3/-1;padding:0;margin-top:10px}
.film-card:nth-child(4) .film-image{aspect-ratio:2.25}
.film-info strong{font-size:21px}
.film-info small{font-size:13px}
.film-image .film-badge{top:22px;left:23px}
.film-grid:has(.film-card[hidden]){grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
.film-grid:has(.film-card[hidden]) .film-card{grid-column:auto;margin:0}
.film-grid:has(.film-card[hidden]) .film-image{aspect-ratio:1.65}
.work-bottom{margin-top:65px}
.scene-chapter{height:175svh;min-height:1200px;position:relative;--chapter-progress:0;background:#0b1820}
.chapter-stage{position:sticky;top:0;height:100svh;min-height:620px;overflow:clip;isolation:isolate}
.chapter-scenes,.chapter-shade{position:absolute;inset:0}
.chapter-scene{position:absolute;inset:-8%;width:116%;height:116%;max-width:none;object-fit:cover;will-change:transform,opacity;filter:saturate(.6);transform:translate3d(0,calc(var(--chapter-progress) * -55px),0) scale(calc(1.03 + var(--chapter-progress) * .035))}
.chapter-scene-first{opacity:calc(1 - var(--chapter-progress) * 1.3)}
.chapter-scene-second{opacity:calc(var(--chapter-progress) * 1.3 - .08);object-position:center 40%}
.chapter-shade{z-index:1;background:linear-gradient(0deg,#051018ba,transparent 48%,#05101870),linear-gradient(90deg,#05101866,#05101818);pointer-events:none}
.chapter-copy{position:absolute;z-index:2;left:7.5vw;right:7.5vw;top:48%;transform:translateY(-50%);text-align:center}
.chapter-copy>.eyebrow{font-size:11px;letter-spacing:2.4px;color:#c4d6df}
.chapter-copy h2{font-family:var(--display);font-size:clamp(48px,6.5vw,100px);font-weight:400;letter-spacing:-4px;line-height:1.1;margin-top:32px;text-shadow:0 3px 50px #04111bc9}
.chapter-copy h2 em{font-size:1.2em;letter-spacing:-2px}
.chapter-copy>p{font-size:16px;line-height:2;letter-spacing:1px;margin-top:30px;color:#d8e4e9}
.chapter-footer{position:absolute;bottom:38px;left:5.55vw;right:5.55vw;display:flex;align-items:center;justify-content:space-between;gap:35px;z-index:2}
.chapter-caption{font-size:10px;letter-spacing:1.4px;color:#d0dce4;display:flex;gap:9px}
.chapter-caption>span:first-child{opacity:calc(1 - var(--chapter-progress) * .65)}
.chapter-caption>span:last-child{opacity:calc(.35 + var(--chapter-progress) * .65)}
.chapter-footer>.eyebrow{font-size:10px;letter-spacing:1px;color:#c7d7df}
.chapter-progress{flex:1;height:1px;background:#e9f5fa30;max-width:260px}
.chapter-progress>i{display:block;width:100%;height:1px;background:#d4e9f1;transform:scaleX(var(--chapter-progress));transform-origin:left}
.network{padding-top:100px;padding-bottom:105px;color:#dce8ed;background:radial-gradient(ellipse at 77% 63%,#17384b66,transparent 58%),linear-gradient(180deg,#08131c,#0b1b27 55%,#08131c)}
.network .micro{color:#91a8b5}
.network-title h2 span{color:#91b1c3}
.network-title>p{color:#adc0cb}
.network .orbit-visual:before,.network .orbit-visual:after{background:#b1d4e117}
.network .orbit-orbit{border-color:#a5cddd35}
.network .orbit-orbit.three{border-color:#a5cddd24}
.network .orbit-orbit.one:after,.network .orbit-orbit.two:after{background:#abcfdc;box-shadow:0 0 0 4px #77bfdc12,0 0 14px #77bfdc35}
.network .orbit-center{background:#0d1e2a;color:#dce8ed}
.network .orbit-label{background:#0c1d29;color:#a7bfcc}
.network .orbit-label i{background:#9ec5d6}
.network .orbit-caption{color:#91aab8}
.network .orbit-traveler{background:#b0d6e5;box-shadow:0 0 0 4px #8bc7df14,0 0 16px #8bc7df3b;animation-name:network-orbit-breathe}
.network .orbit-visual[data-company="kuiper"] .label-creative,.network .orbit-visual[data-company="tech"] .label-technology,.network .orbit-visual[data-company="xinghe"] .label-asia,.network .orbit-visual[data-company="eagle"] .label-america{color:#dfedf3;background:#1c3544}
.network .company-tab{border-color:#b8d7e32b}
.network .company-tab:hover{background:#b4d9e808}
.network .company-tab.is-active{background:linear-gradient(90deg,#a6d2e315,#a6d2e306);border-color:#b8d7e33d}
.network .company-role{color:#98b2c0}
.network .company-name{color:#dce8ed}
.network .company-arrow{color:#a6c7d7}
.network .company-tab.is-active .company-arrow{color:#d5eaf4}
.network .panel-tag{color:#9fbdc9}
.network .company-panel>p{color:#b7cad4}
.network .company-panel-bottom>span{color:#9fb6c3}
.network .company-panel-bottom a{color:#d5e5ed;border-color:#587b8d}
.network :focus-visible{outline-color:#b6d9e8}
@keyframes network-orbit-breathe{0%,100%{box-shadow:0 0 0 4px #8bc7df14,0 0 16px #8bc7df25}50%{box-shadow:0 0 0 11px #8bc7df00,0 0 22px #8bc7df3b}}
.network-title{display:block;max-width:840px}
.network-title h2{font-size:clamp(38px,4.5vw,66px);letter-spacing:-2px;line-height:1.45}
.network-title>p{margin-top:23px;font-size:16px;line-height:2.1;padding:0}
.network-grid{grid-template-columns:1.15fr 1fr;gap:8vw;margin-top:53px;align-items:center}
.network-companies{grid-column:1;grid-row:1}
.network .orbit-visual{grid-column:2;grid-row:1;margin:0;max-width:490px}
.network:before{mask-image:linear-gradient(270deg,#000,transparent 60%);opacity:.22;background-image:radial-gradient(#96c4d638 .7px,transparent .7px)}
.company-tab{padding-top:22px;padding-bottom:22px}
.company-name{font-size:20px}
.company-panel>p{font-size:16px;line-height:2.1}
.technology{isolation:isolate;background:#08121b;padding-top:100px;padding-bottom:95px}
.technology>.technology-backdrop{position:absolute;z-index:0;inset:-8% -5%;width:110%;height:116%;max-width:none;object-fit:cover;object-position:72% 40%;filter:saturate(.15);opacity:.45;transform:translate3d(0,var(--photo-y,0px),0);will-change:transform}
.technology:before{z-index:1;background:linear-gradient(90deg,#06121df5,#06121d80 55%,#06121d1a),linear-gradient(0deg,#06121df2 4%,#06121d90 48%,#06121d33)}
.technology>.section-label,.technology>.technology-layout{position:relative;z-index:2}
.technology-layout{display:block}
.technology-intro{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:30px}
.technology-intro .tech-brand{grid-column:1/-1}
.technology-intro h2{grid-column:1/10;font-size:clamp(48px,6.8vw,102px);line-height:1.35;letter-spacing:-3px;margin-top:34px}
.technology-intro>p{grid-column:1/6;max-width:430px;font-size:16px;line-height:2.2;margin-top:30px}
.technology-intro>.text-link{grid-column:1/-1;justify-self:start;margin-top:22px}
.technology-intro .tech-image{display:none}
.pipeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-top:85px;border-top:1px solid #d9eef333}
.pipeline>.pipeline-label{grid-column:1/-1;border:0;padding:23px 0 28px;font-size:10px}
.pipeline details{position:relative;border:0;padding:0 22px 0 0;margin-right:22px;border-right:1px solid #c6e7ef26}
.pipeline details:last-of-type{border-right:0;margin-right:0;padding-right:0}
.pipeline summary{display:block;position:relative;padding:0 0 15px;min-height:135px}
.pipeline .step-number{display:block;font-size:37px;font-style:italic;color:#9dbdc8;margin-bottom:22px}
.pipeline summary>span:nth-child(2){gap:9px;padding-right:8px}
.pipeline summary small{font-size:9px;line-height:1.6;letter-spacing:.8px;min-height:22px}
.pipeline summary strong{font-size:17px;line-height:1.8}
.pipeline .details-plus{position:absolute;top:3px;right:0;font-size:21px}
.pipeline details>p{padding:6px 0 0;font-size:14px;line-height:2;color:#c1d2d9}
.pipeline-note{grid-column:1/-1;margin-top:34px;font-size:11px}
.team{padding-top:115px;padding-bottom:105px}
.team .section-label{margin-bottom:60px}
.team-title{display:block;text-align:center}
.team-title h2{font-size:clamp(42px,5.2vw,80px);line-height:1.4;letter-spacing:-2px}
.team-title>p{padding:0;margin:28px auto 0;font-size:16px;line-height:2.1}
.team-grid{margin-top:65px;gap:35px}
.team-grid>div:nth-child(even){margin-top:55px}
.team-grid>div{padding-top:25px;border-top-color:#bddbe640}
.team-initial{font-size:54px;color:#91b0bf}
.team-grid h3{margin-top:24px;font-size:19px}
.contact{min-height:660px;justify-content:center;text-align:center}
.contact-background{opacity:.48;filter:saturate(.45)}
.contact:after{background:linear-gradient(0deg,#06121bc9,#06121b55 50%,#06121b75)}
.contact-inner{max-width:1080px}
.contact h2{font-size:clamp(58px,7.1vw,108px);line-height:1.1;margin-top:35px}
.contact-bottom{display:block;margin-top:34px}
.contact-bottom>p{font-size:16px;line-height:2.1}
.contact-bottom .button{margin-top:29px;text-align:left;min-width:230px}
@media(max-width:1100px) and (min-width:761px){.studio .statement{font-size:6.5vw}.studio-copy{grid-column:1/7}.studio-still{grid-column:8/-1}.studio-still-frame{height:310px}.studio-still figcaption{display:block;line-height:2}.studio-still figcaption>span{display:block}.network-grid{gap:5vw}.company-name{font-size:18px}.pipeline details{padding-right:14px;margin-right:14px}.pipeline summary strong{font-size:15px}.pipeline summary small{font-size:9px}.technology-intro>p{grid-column:1/7}.chapter-copy h2{font-size:7vw}}
@media(max-width:760px){
  .studio,.network,.technology,.team{padding-top:65px;padding-bottom:65px}
  .studio .section-label,.work .section-label,.team .section-label{margin-bottom:35px}
  .studio-grid{grid-template-columns:1fr;gap:30px}
  .studio .statement{grid-column:1;font-size:clamp(32px,8.8vw,55px);letter-spacing:-1.4px;line-height:1.5}
  .studio-copy{grid-column:1;max-width:none;padding:0}
  .studio-copy .lead{font-size:18px;margin-bottom:17px}
  .studio-copy>p{font-size:15px}
  .studio-still{grid-column:1;padding:0;margin-top:5px}
  .studio-still-frame{height:230px}
  .studio-still figcaption{font-size:9px;letter-spacing:.7px;gap:10px;line-height:1.8;margin-top:12px}
  .studio .stats{margin-top:40px;column-gap:12px}
  .studio .stat-value{font-size:35px}
  .studio .stats>div+div{padding-left:13px}
  .work{padding-top:35px;padding-bottom:55px}
  .work-heading{margin-bottom:35px}
  .work-heading h2{font-size:clamp(38px,11vw,60px);letter-spacing:-2px}
  .work-filter{gap:23px;margin-top:25px}
  .film-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:35px 15px}
  .film-card:nth-child(1){grid-column:1/-1}
  .film-card:nth-child(1) .film-image{aspect-ratio:1.55}
  .film-card:nth-child(2){grid-column:1/6;margin-top:3px}
  .film-card:nth-child(2) .film-image{aspect-ratio:1}
  .film-card:nth-child(3){grid-column:2/-1;margin-top:0}
  .film-card:nth-child(3) .film-image{aspect-ratio:1.15}
  .film-card:nth-child(4){grid-column:1/-1;margin-top:0}
  .film-card:nth-child(4) .film-image{aspect-ratio:1.65}
  .film-info strong{font-size:18px;line-height:1.4}
  .film-info small{font-size:10px}
  .film-image .film-badge{top:12px;left:12px;font-size:9px}
  .film-grid:has(.film-card[hidden]){grid-template-columns:1fr}
  .film-grid:has(.film-card[hidden]) .film-card{grid-column:1}
  .work-bottom{margin-top:33px}
  .scene-chapter{height:150svh;min-height:1000px}
  .chapter-stage{min-height:620px}
  .chapter-copy{left:6vw;right:6vw;top:46%}
  .chapter-copy>.eyebrow{font-size:9px;letter-spacing:1.7px}
  .chapter-copy h2{font-size:clamp(36px,10.4vw,59px);line-height:1.15;letter-spacing:-2px;margin-top:25px}
  .chapter-copy h2 em{font-size:1.18em;letter-spacing:-1px}
  .chapter-copy>p{font-size:14px;margin-top:25px}
  .chapter-footer{bottom:32px;left:6vw;right:6vw;flex-wrap:wrap;gap:19px}
  .chapter-caption{font-size:9px;letter-spacing:.7px;gap:6px}
  .chapter-footer>.eyebrow{width:100%;font-size:9px;letter-spacing:.6px}
  .chapter-progress{max-width:none}
  .chapter-scene-second{object-position:55% center}
  .network-title{max-width:none}
  .network-title h2{font-size:31px;letter-spacing:-1px}
  .network-title>p{font-size:14px;margin-top:22px}
  .network-grid{grid-template-columns:1fr;gap:28px;margin-top:34px}
  .network-companies{grid-column:1;grid-row:1}
  .network .orbit-visual{grid-column:1;grid-row:2;max-width:320px;width:90%;margin:0 auto}
  .company-tab{padding-top:18px;padding-bottom:18px}
  .company-name{font-size:17px}
  .company-panel>p{font-size:14px}
  .technology-intro{grid-template-columns:1fr;gap:0}
  .technology-intro .tech-brand,.technology-intro h2,.technology-intro>p,.technology-intro>.text-link{grid-column:1}
  .technology-intro h2{font-size:clamp(39px,11vw,60px);line-height:1.45;letter-spacing:-1.5px;margin-top:26px}
  .technology-intro>p{font-size:15px;max-width:100%;margin-top:25px}
  .technology-intro>.text-link{margin-top:19px}
  .technology>.technology-backdrop{object-position:67% top;opacity:.31}
  .technology:before{background:linear-gradient(90deg,#06121dda,#06121d77),linear-gradient(0deg,#06121dff 40%,#06121d55)}
  .pipeline{grid-template-columns:1fr;margin-top:42px}
  .pipeline>.pipeline-label{padding:22px 0 18px;font-size:9px}
  .pipeline details,.pipeline details:last-of-type{border-right:0;border-bottom:1px solid #c6e7ef26;margin:0;padding:0}
  .pipeline summary{display:flex;gap:20px;padding:23px 0;min-height:0}
  .pipeline .step-number{font-size:24px;margin:0;min-width:21px}
  .pipeline summary>span:nth-child(2){gap:7px;padding-right:23px}
  .pipeline summary small{font-size:9px;min-height:0}
  .pipeline summary strong{font-size:17px;line-height:1.7}
  .pipeline .details-plus{position:static;margin-left:auto;font-size:22px}
  .pipeline details>p{padding:0 20px 23px 42px;font-size:14px}
  .pipeline-note{margin-top:25px;font-size:10px}
  .team-title h2{font-size:34px;line-height:1.5;letter-spacing:-1px}
  .team-title>p{font-size:14px;margin-top:21px}
  .team-grid{gap:28px 20px;margin-top:40px}
  .team-grid>div:nth-child(even){margin-top:32px}
  .team-grid>div{padding-top:18px}
  .team-initial{font-size:43px}
  .team-grid h3{font-size:18px;margin-top:16px}
  .team-grid p{font-size:10px}
  .contact{min-height:535px}
  .contact .eyebrow{margin:0 auto;max-width:260px;font-size:9px}
  .contact h2{font-size:clamp(40px,11.4vw,62px);letter-spacing:-2px;line-height:1.12}
  .contact h2 em{font-size:1.06em;letter-spacing:-1px}
  .contact-bottom{margin-top:28px}
  .contact-bottom>p{font-size:13px}
  .contact-bottom .button{min-width:200px;margin-top:26px}
}
@media(max-width:360px){.studio .stat-value{font-size:30px}.studio .stats{column-gap:9px}.studio .stats>div+div{padding-left:9px}.studio .stat-value>span{font-size:21px}.company-panel-bottom{align-items:flex-start;flex-direction:column;gap:9px}.contact h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){.studio-still img,.technology>.technology-backdrop,.chapter-scene{transform:none!important;will-change:auto}.scene-chapter{height:100svh;min-height:620px}.chapter-stage{position:relative}.chapter-scene-first{opacity:1}.chapter-scene-second{opacity:0}}