/* PIXORA identity reveal and sequential film chapters. */
.brand-world{--brand-depth:0;position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 70% 20%,#b7a0fc88,transparent 50%),linear-gradient(135deg,#2b106d,#7750e5 58%,#b492e9);isolation:isolate}
.brand-world:before{content:"";position:absolute;inset:-30%;background-image:linear-gradient(#ffffff0d 1px,transparent 1px),linear-gradient(90deg,#ffffff0d 1px,transparent 1px);background-size:70px 70px;transform:perspective(600px) rotateX(35deg) rotateZ(-20deg) scale(calc(1 + var(--brand-depth) * .2))}
.brand-world:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,#10082799);pointer-events:none}
.brand-signature{position:absolute;top:33%;left:50%;transform:translate(-50%,-50%);width:72%;max-width:1060px;z-index:2;text-align:center}
.brand-signature img{width:100%;height:auto}.brand-signature span{display:block;font-size:clamp(5px,.7vw,11px);letter-spacing:.32em;margin-top:22px;color:#e5d9ff}
.brand-coordinate{position:absolute;right:5%;bottom:9%;font-size:8px;letter-spacing:.12em;writing-mode:vertical-rl;z-index:2;color:#d8c8f2}
.brand-orbit{position:absolute;border:1px solid #e5d8ff44;width:95%;aspect-ratio:1;border-radius:28%;left:20%;top:-45%;transform:rotate(calc(30deg + var(--brand-depth) * 55deg));box-shadow:inset 0 0 70px #e2ceff0d,0 0 50px #35137922}
.orbit-two{width:60%;left:-20%;top:30%;border-radius:20%;transform:rotate(calc(-30deg - var(--brand-depth) * 40deg))}
.brand-pixel{position:absolute;display:block;width:8%;aspect-ratio:1;border:1px solid #ffffff77;background:linear-gradient(135deg,#f3ecffbb,#9c75e133);box-shadow:12px 20px 50px #1a004944;transform:rotate(calc(20deg + var(--brand-depth) * 45deg));z-index:1}
.pixel-one{left:8%;top:12%;width:5%}.pixel-two{right:8%;top:53%}.pixel-three{right:22%;top:9%;width:3%;background:#e8daff}
.brand-aperture~.featured-copy h1{font-size:clamp(48px,6.7vw,110px);line-height:1;letter-spacing:-.065em;margin:18px 0 26px}
.brand-aperture~.featured-copy .case-trigger{width:fit-content}
.motion-section{padding:0;background:#e6e0f8}
.studio-reel{padding:95px var(--pad) 75px;background:#100b1b;color:#f4efff;scroll-margin-top:90px}
.reel-heading{display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:30px;align-items:end;margin-bottom:55px}
.reel-heading h2{font-size:clamp(65px,7.5vw,120px);line-height:.94;letter-spacing:-.065em;font-weight:400}.reel-heading em{font-style:normal;color:#ae91fb}
.reel-heading>.eyebrow{font-size:8px;letter-spacing:.1em;color:#b2a3c5}.reel-heading>p:last-child{font-size:12px;line-height:1.6;justify-self:end;color:#c4b5d5}
.studio-reel-screen{position:relative;width:100%;aspect-ratio:16/9;background:#08060d;border-radius:26px;overflow:hidden;border:1px solid #d5bfff22}
.studio-reel-screen video{display:block;width:100%;height:100%;object-fit:contain}
.reel-badge{position:absolute;top:20px;right:22px;font-size:8px;letter-spacing:.12em;padding:9px 12px;border:1px solid #ffffff30;border-radius:30px;background:#100b1b80;pointer-events:none}
.reel-progress{position:absolute;bottom:0;height:3px;left:0;right:0;background:#ffffff18}.reel-progress i{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:#ad8aff}
.reel-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;font-size:8px;letter-spacing:.06em;color:#b2a3c5}
.reel-footer>div{display:flex;gap:12px}.reel-footer button{background:transparent;border:1px solid #d5bfff44;border-radius:30px;padding:12px 18px;font-size:9px;color:#f4efff}.reel-footer button:hover{background:#6e4fe9}
.reel-chapters{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #ffffff25;margin-top:35px}.reel-chapters a{display:flex;align-items:center;justify-content:space-between;padding:30px 0;font-size:16px;color:#e3d8f5}.reel-chapters a:first-child{padding-right:40px}.reel-chapters a:last-child{padding-left:40px;border-left:1px solid #ffffff25}.reel-chapters span{font-size:24px;color:#ad8aff}
.media-chapter{padding:90px var(--pad) 65px;background:#e6e0f8;color:#100b1b;overflow:hidden;scroll-margin-top:75px}
.media-chapter[data-collection=film]{background:#eeeaf5;border-top:1px solid #392b5620}
.chapter-heading{display:grid;grid-template-columns:1fr 1.65fr 1fr;gap:25px;align-items:end;padding-bottom:35px;border-bottom:1px solid #392b5620}
.chapter-heading h2{font-size:clamp(36px,5vw,82px);line-height:1.04;letter-spacing:-.06em}.chapter-heading .eyebrow{font-size:8px;letter-spacing:.1em;color:#736184}.chapter-heading>p:last-child{font-size:11px;justify-self:end;color:#736184}.chapter-heading>p>span{display:block;margin-top:15px;font-size:8px;letter-spacing:.08em}
@media(max-width:900px){.reel-heading{grid-template-columns:1fr 1fr}.reel-heading>.eyebrow{grid-column:1/-1}.chapter-heading{grid-template-columns:1fr 1fr}.chapter-heading>.eyebrow{grid-column:1/-1}}
@media(max-width:700px){
 .brand-signature{width:80%;top:32%}.brand-signature span{font-size:6px;letter-spacing:.12em;margin-top:14px}.brand-coordinate{font-size:6px;right:6%;bottom:14%}.brand-aperture~.featured-copy h1{font-size:13vw}.brand-pixel.pixel-two{width:18%;top:45%;right:10%}.brand-orbit{width:130%;top:-5%;left:5%}
 .studio-reel{padding:80px var(--pad) 35px}.reel-heading{display:block;margin-bottom:30px}.reel-heading h2{font-size:19vw;margin:25px 0}.reel-heading>p:last-child{font-size:11px}.studio-reel-screen{border-radius:15px;margin:0 calc(-1 * var(--pad));width:100vw;border-left:0;border-right:0;border-radius:0}.reel-badge{font-size:6px;padding:5px 8px;left:12px;top:10px}.reel-footer{flex-direction:column;align-items:start;font-size:7px}.reel-footer>div{width:100%;justify-content:space-between;gap:8px}.reel-footer button{font-size:8px;padding:11px 14px}.reel-chapters{margin-top:20px}.reel-chapters a{font-size:11px;padding:22px 0;gap:10px}.reel-chapters a:first-child{padding-right:15px}.reel-chapters a:last-child{padding-left:15px}.reel-chapters span{font-size:18px}
 .media-chapter{padding:65px var(--pad) 35px}.chapter-heading{display:block;padding-bottom:25px}.chapter-heading h2{font-size:11.5vw;margin:22px 0 15px}.chapter-heading>p:last-child{display:flex;justify-content:space-between;align-items:center;font-size:10px}.chapter-heading>p>span{margin:0;font-size:7px}
}
@media(prefers-reduced-motion:reduce){.brand-orbit,.brand-pixel{transform:none}.brand-world:before{transform:none}}
@media(max-width:700px){.reel-badge{left:auto;right:12px}}
