/* The brand film is a live WebGL scene; this layer supplies its editorial type. */
.studio.is-brand{background:radial-gradient(ellipse at 47% 51%,#322742 0,#191723 45%,#0d0e16 90%)}
.studio.is-brand .studio-aura{background:radial-gradient(ellipse at 12% 55%,#6bcfc416,transparent 40%),radial-gradient(ellipse at 81% 37%,#9572df19,transparent 45%)}
.studio.is-brand .studio-aura:after{opacity:.07;background-size:92px 92px;mask-image:radial-gradient(ellipse,#000,transparent 72%)}
.studio.is-brand .stage{inset:0;mask-image:none;cursor:default!important}
.studio.is-brand .studio-header{border-bottom-color:#ffffff0b}
.brand-story{position:absolute;inset:0;pointer-events:none;z-index:3;display:none}
.is-brand .brand-story{display:block}
.brand-copy{position:absolute;top:calc(99px + 3.7vh);left:24px;right:24px;text-align:center;transition:opacity .28s,transform .45s;opacity:var(--brand-copy-opacity,1);transform:translateY(calc((1 - var(--brand-copy-opacity,1)) * 8px))}
.brand-kicker{font:9px/1.6 'Segoe UI',Arial,sans-serif;letter-spacing:3.5px;color:#bba2d8;display:flex;align-items:center;justify-content:center;gap:14px}
.brand-kicker:before,.brand-kicker:after{content:'';width:30px;height:1px;background:linear-gradient(90deg,transparent,#b59cc969)}
.brand-kicker:after{transform:rotate(180deg)}
.brand-copy h2{font:800 clamp(25px,2.7vw,39px)/1.7 Vazir,sans-serif;letter-spacing:-1.3px;color:#f5efff;margin:10px 0 3px;text-shadow:0 4px 28px #0a081e80}
.brand-copy p{font:400 12px/2 Vazir,sans-serif;color:#b5a7c5;margin:0 auto;max-width:560px}
.brand-pillars{position:absolute;bottom:43px;left:max(5%,24px);right:max(5%,24px);display:flex;align-items:center;justify-content:center;gap:0;direction:rtl}
.brand-pillar{width:230px;max-width:33.33%;display:flex;align-items:center;justify-content:center;gap:13px;padding:14px 15px;opacity:.38;transition:opacity .65s,transform .65s;transform:translateY(2px);position:relative}
.brand-pillar+.brand-pillar:before{content:'';position:absolute;right:0;top:25%;height:50%;width:1px;background:#ffffff11}
.brand-pillar.is-current,.brand-story[data-chapter='3'] .brand-pillar{opacity:1;transform:translateY(0)}
.brand-pillar>svg{width:28px;height:28px;flex-shrink:0;fill:none;stroke:#bfa3e2;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.brand-pillar.is-current>svg{stroke:#cbb0f2;filter:drop-shadow(0 0 9px #bf96f33d)}
.brand-pillar:first-child.is-current>svg{stroke:#ade7dd}
.brand-pillar>span{display:flex;flex-direction:column;gap:5px}
.brand-pillar strong{font-size:11px;font-weight:500;color:#dcd0ed;white-space:nowrap}
.brand-pillar small{font:7px/1.2 'Segoe UI',Arial,sans-serif;color:#9c89b3;letter-spacing:1.8px;white-space:nowrap}
.brand-edition{position:absolute;left:4.5%;bottom:24px;font:7px/1.4 'Segoe UI',Arial,sans-serif;letter-spacing:2px;color:#8d809e;opacity:.6}
.brand-signature{position:absolute;right:4.5%;bottom:24px;font-size:8px;color:#8d809e;opacity:.6}
.studio.is-brand .studio-finale{display:none}
.studio[data-fallback='true'] .brand-story{display:none}
.fallback-brand p{max-width:320px;line-height:2.3!important;margin:16px auto 0}
.brand-story[hidden]{display:none!important}
@media(max-height:780px){
  .brand-copy{top:calc(70px + 3vh)}
  .brand-copy h2{font-size:30px;margin-top:7px}
  .brand-pillars{bottom:34px}
}
@media(max-width:700px){
  .brand-copy{top:calc(65px + 5vh);left:19px;right:19px}
  .brand-copy h2{font-size:26px;letter-spacing:-.8px;margin:11px 0 5px}
  .brand-copy p{font-size:10px;max-width:305px;line-height:2.1}
  .brand-kicker{font-size:8px;letter-spacing:2.8px;gap:10px}
  .brand-kicker:before,.brand-kicker:after{width:18px}
  .brand-pillars{left:13px;right:13px;bottom:70px}
  .brand-pillar{padding:12px 2px;gap:8px;flex-direction:column;text-align:center;max-width:33.33%;width:33.33%}
  .brand-pillar>svg{width:25px;height:25px}
  .brand-pillar strong{font-size:9px;white-space:normal;line-height:1.9;min-height:34px;max-width:106px;display:flex;align-items:center;justify-content:center}
  .brand-pillar small{font-size:6px;letter-spacing:1px}
  .brand-pillar>span{align-items:center;gap:2px}
  .brand-pillar+.brand-pillar:before{top:30%;height:42%}
  .brand-edition,.brand-signature{bottom:30px;font-size:6px}
}
@media(max-width:360px){
  .brand-copy h2{font-size:23px}
  .brand-copy{top:98px}
  .brand-pillars{bottom:44px}
  .brand-edition,.brand-signature{bottom:18px}
}
@media(max-height:540px) and (min-width:600px){
  .brand-copy{top:71px}
  .brand-copy h2{font-size:23px;line-height:1.3;margin:5px 0}
  .brand-copy p{font-size:9px}
  .brand-kicker{font-size:7px}
  .brand-pillars{bottom:14px;left:19%;right:19%}
  .brand-pillar{padding:5px 12px;gap:8px}
  .brand-pillar>svg{width:21px;height:21px}
  .brand-pillar strong{font-size:9px}
  .brand-pillar small{font-size:6px}
  .brand-edition,.brand-signature{bottom:15px}
}
@media(prefers-reduced-motion:reduce){
  .brand-copy,.brand-pillar{transition:none;transform:none}
}