/* FitMídia — an editorial sequence built from the existing orange/charcoal identity. */
.how-cinema{background:#10100f;color:#f8f4ee;padding:108px 0 82px;overflow:hidden;--how-duration:8000ms}
.how-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:48px}
.how-eyebrow{color:var(--orange);font-size:10px;font-weight:850;letter-spacing:.2em}
.how-heading h2{font-family:Impact,"Arial Narrow",sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(58px,6.3vw,86px);line-height:.94;letter-spacing:-.02em;margin:19px 0 0}
.how-heading h2 em{color:var(--orange);font-style:normal}
.how-intro{padding-bottom:4px;max-width:350px}
.how-intro p{font-size:25px;line-height:1.3;letter-spacing:-.035em;margin:0 0 18px;color:#f8f4ee}
.how-intro p strong{color:var(--orange);font-weight:750}
.how-intro>span{display:block;color:#a29d96;font-size:12px;line-height:1.75}
.how-experience{display:grid;grid-template-columns:1.12fr 1fr;gap:54px;align-items:stretch}
.how-visual{position:relative;min-width:0;border:1px solid #ffffff21;background:#171716;display:flex;flex-direction:column}
.how-visual-top,.how-visual-bottom{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 21px;min-height:55px}
.how-visual-top>span,.how-visual-bottom>span:first-child{font-size:8px;font-weight:750;letter-spacing:.15em;color:#bcb6ad}
.how-visual-top>span{display:flex;align-items:center;gap:8px}
.how-visual-top>span>i{height:6px;width:6px;background:var(--orange);border-radius:50%;box-shadow:0 0 10px #ff61014d}
.how-playback{display:inline-flex;gap:8px;align-items:center;padding:4px 0 4px 8px;border:0;background:transparent;color:#c3bcb2;cursor:pointer;font-size:10px;white-space:nowrap}
.how-playback[hidden]{display:none}.how-playback:hover{color:#fff}
.how-stage{position:relative;min-height:405px;flex:1;isolation:isolate;overflow:hidden;background:#1d1b19}
.how-stage-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:67% center;opacity:.32;filter:saturate(.65);transition:transform 1.4s cubic-bezier(.16,1,.3,1),opacity .8s;transform:scale(1.04)}
.how-cinema[data-active-step="3"] .how-stage-photo{opacity:.65;transform:scale(1)}
.how-stage-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0e0e0d20,#0e0e0d66 45%,#0e0e0df2)}
.how-scene{position:absolute;inset:0;padding:30px;display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .6s ease,transform .8s cubic-bezier(.16,1,.3,1),visibility .6s;pointer-events:none}
.how-scene.is-current{opacity:1;visibility:visible;transform:translateY(0)}
.how-scene-kicker{font-size:8px;letter-spacing:.18em;font-weight:750;color:#e8e0d4}
.how-territory{position:relative;flex:1;min-height:160px;display:flex;align-items:center;justify-content:center}
.how-territory-code{position:relative;z-index:2;font-family:Impact,"Arial Narrow",sans-serif;font-size:104px;line-height:1;letter-spacing:-.015em;text-shadow:0 8px 38px #0009}
.how-territory-code>span{color:var(--orange);padding:0 9px;font-size:.65em}
.how-network{position:absolute;inset:0;background:linear-gradient(31deg,transparent 49.7%,#ff610144 50%,transparent 50.3%),linear-gradient(-27deg,transparent 49.7%,#ffffff20 50%,transparent 50.3%);opacity:.8}
.how-network i{position:absolute;width:7px;height:7px;border:1px solid #ffad73;background:var(--orange);border-radius:50%;box-shadow:0 0 0 7px #ff610116;animation:howNodePulse 3s ease-in-out infinite}
.how-network i:nth-child(1){top:17%;left:18%}.how-network i:nth-child(2){top:32%;left:67%;animation-delay:.4s}.how-network i:nth-child(3){top:72%;left:33%;animation-delay:.9s}.how-network i:nth-child(4){top:66%;left:79%;animation-delay:1.3s}.how-network i:nth-child(5){top:15%;left:87%;animation-delay:1.7s}.how-network i:nth-child(6){top:84%;left:7%;animation-delay:2s}.how-network i:nth-child(7){top:12%;left:42%;animation-delay:.7s}
.how-scene-copy{margin-top:auto}.how-scene-copy>span,.how-scene-copy>strong{display:block}
.how-scene-copy>span{font-size:15px;font-weight:450;color:#d3c9bd;line-height:1.5}
.how-scene-copy>strong{font-size:29px;line-height:1.2;letter-spacing:-.04em;font-weight:750;margin-top:2px}
.how-location-label{display:flex;justify-content:space-between;align-items:center;font-size:8px;font-weight:750;letter-spacing:.14em;color:#b4aca0;padding-top:22px;margin-top:23px;border-top:1px solid #ffffff26}.how-location-label>span{color:var(--orange);font-size:18px;line-height:.5}
.how-durations{display:flex;align-items:center;justify-content:center;gap:21px;flex:1;min-height:165px}
.how-durations>span{font-family:Impact,"Arial Narrow",sans-serif;font-size:114px;line-height:1;letter-spacing:-.03em;color:var(--orange)}
.how-durations i{font-family:Montserrat,"Segoe UI",sans-serif;font-size:29px;font-style:normal;color:#fff;padding-left:2px}
.how-durations>b{font-size:13px;font-weight:400;color:#aaa196;font-style:italic;margin-top:28px}
.how-format-labels{display:flex;gap:15px;flex-wrap:wrap;margin-top:26px}.how-format-labels>span{padding-bottom:9px;border-bottom:1px solid #ff610188;color:#e5dace;font-size:8px;font-weight:750;letter-spacing:.12em}
.how-creative{position:relative;margin:32px 0 0;background:var(--orange);color:#141210;padding:21px 24px 20px;transform:rotate(-2deg);box-shadow:0 17px 50px #0006;transition:transform 1.1s cubic-bezier(.16,1,.3,1);border:1px solid #ff9c61}
.how-scene.is-current .how-creative{transform:rotate(1deg)}
.how-creative-top{display:flex;justify-content:space-between;font-size:7px;font-weight:850;letter-spacing:.12em;border-bottom:1px solid #0003;padding-bottom:13px}
.how-creative>strong{font-family:Impact,"Arial Narrow",sans-serif;display:block;font-weight:400;font-size:51px;line-height:.96;letter-spacing:-.02em;padding:23px 0}
.how-creative>strong>em{font-style:normal;color:#fff}
.how-creative>img{width:104px;height:auto;filter:brightness(0);opacity:.8}
.how-creative-caption{font-size:11px;color:#d4c7b9;line-height:1.6;margin-top:auto;padding-top:24px}
.how-broadcast{display:flex;flex-direction:column;justify-content:center;flex:1;padding-top:20px}
.how-live{display:flex;align-items:center;gap:8px;align-self:flex-start;font-size:9px;letter-spacing:.15em;font-weight:800;border:1px solid #ff610188;color:#ff8c45;padding:8px 11px;background:#12100dcc}
.how-live>i{height:5px;width:5px;border-radius:50%;background:var(--orange);animation:howNodePulse 2s infinite}
.how-broadcast>strong{font-family:Impact,"Arial Narrow",sans-serif;font-weight:400;font-size:58px;line-height:.96;letter-spacing:-.025em;text-shadow:0 4px 20px #0008;margin-top:19px}
.how-broadcast-line{height:30px;display:flex;gap:5px;align-items:center;margin-top:26px}
.how-broadcast-line>span{width:4px;height:12px;background:var(--orange);animation:howSignal 1.2s ease-in-out infinite alternate;transform-origin:center}
.how-broadcast-line>span:nth-child(3n){animation-delay:.3s;height:27px}.how-broadcast-line>span:nth-child(2n){animation-delay:.6s;height:18px}.how-broadcast-line>span:nth-child(5n){animation-delay:.9s}
.how-progress{display:flex;gap:5px;padding:0 21px;background:#171716}
.how-progress>span{height:2px;flex:1;background:#ffffff20;overflow:hidden}.how-progress i{height:100%;display:block;transform:scaleX(0);transform-origin:left;background:var(--orange)}
.how-cinema.is-enhanced:not(.is-static) .how-progress>.is-current i{animation:howProgress var(--how-duration) linear both}
.how-cinema.is-paused .how-progress>.is-current i{animation-play-state:paused!important}
.how-visual-bottom>span:last-child{font-family:Impact,"Arial Narrow",sans-serif;font-size:20px;color:var(--orange);font-weight:400;letter-spacing:.04em}
.how-visual-bottom i{font-family:Montserrat,"Segoe UI",sans-serif;font-size:10px;font-style:normal;color:#827a70;letter-spacing:.02em}
.how-journey{list-style:none;display:flex;flex-direction:column;justify-content:space-between;gap:0;padding:0;margin:0;min-width:0;border-top:1px solid #ffffff24}
.how-journey>li{border-bottom:1px solid #ffffff24;display:flex;flex:1}
.how-step{position:relative;display:grid;grid-template-columns:34px 1fr 18px;gap:17px;align-items:start;width:100%;text-align:left;color:inherit;background:transparent;border:0;padding:26px 0;cursor:pointer;transition:color .25s}
.how-step-number{font-family:Impact,"Arial Narrow",sans-serif;font-size:26px;color:#6f685e;transition:color .4s;line-height:1.1}
.how-step-title{display:block;font-size:20px;letter-spacing:-.025em;line-height:1.2;font-weight:750;margin-bottom:11px;color:#a9a198;transition:color .4s}
.how-step-description{display:block;font-size:12px;line-height:1.7;color:#aaa298;max-width:370px;text-wrap:pretty}
.how-step-arrow{color:#605a51;font-size:19px;line-height:1;transform:translate(-3px,3px);transition:transform .4s,color .4s}
.how-step.is-current .how-step-number,.how-step.is-current .how-step-arrow{color:var(--orange)}
.how-step.is-current .how-step-title,.how-step:hover .how-step-title{color:#fff}
.how-step.is-current .how-step-arrow{transform:translate(0,0)}
.how-step:focus-visible,.how-playback:focus-visible,.how-cta:focus-visible{outline:2px solid #ffb37e;outline-offset:5px}
.how-why{display:grid;grid-template-columns:1fr 1.1fr auto;align-items:center;gap:40px;padding-top:53px;margin-top:54px;border-top:1px solid #ffffff21}
.how-why h3{margin:12px 0 0;font-size:27px;letter-spacing:-.045em;font-weight:650}.how-why h3 em{font-style:normal;color:var(--orange)}
.how-why>p{font-size:13px;line-height:1.8;color:#aaa298;margin:0;text-wrap:pretty}.how-why strong{color:#e8ded1;font-weight:650}
.how-cta{white-space:nowrap;font-size:12px;min-height:50px;gap:20px;box-shadow:none;transition:box-shadow .3s,transform .3s}
.how-cta:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ff610133}.how-cta>span{font-size:19px}
.how-cinema.is-paused .how-stage *{animation-play-state:paused!important}
@keyframes howProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes howNodePulse{0%,100%{opacity:.65;box-shadow:0 0 0 4px #ff61010a}50%{opacity:1;box-shadow:0 0 0 10px #ff61011a}}
@keyframes howSignal{from{transform:scaleY(.35);opacity:.55}to{transform:scaleY(1);opacity:1}}
@media(max-width:1000px){.how-experience{gap:30px;grid-template-columns:1fr 1fr}.how-scene{padding:24px}.how-stage{min-height:430px}.how-step{padding:23px 0;gap:12px;grid-template-columns:30px 1fr 15px}.how-step-title{font-size:18px}.how-territory-code{font-size:82px}.how-durations{gap:15px}.how-durations>span{font-size:94px}.how-scene-copy>strong{font-size:25px}.how-creative>strong{font-size:42px}.how-why{gap:25px;grid-template-columns:1fr 1fr}.how-cta{grid-column:2;justify-self:start}.how-why>p{grid-column:2;grid-row:1 / 3}.how-why .how-cta{grid-column:1;grid-row:2}.how-broadcast>strong{font-size:50px}}
@media(max-width:700px){.how-cinema{padding:70px 0 60px}.how-heading{display:block;margin-bottom:30px}.how-heading h2{font-size:62px;margin-top:17px}.how-intro{margin-top:25px;max-width:none}.how-intro p{font-size:20px;margin-bottom:11px}.how-intro p br{display:none}.how-intro>span{font-size:11px}.how-intro>span br{display:none}.how-experience{grid-template-columns:1fr;gap:28px}.how-stage{min-height:345px;aspect-ratio:1.25}.how-visual-top,.how-visual-bottom{padding:15px 18px;min-height:49px}.how-visual-top>span{font-size:7px;letter-spacing:.1em}.how-playback{font-size:9px}.how-progress{padding:0 18px}.how-scene{padding:25px}.how-territory-code{font-size:93px}.how-scene-copy>strong{font-size:27px}.how-scene-copy>span{font-size:13px}.how-durations{min-height:130px}.how-durations>span{font-size:100px}.how-durations i{font-size:26px}.how-location-label{padding-top:17px;margin-top:17px}.how-format-labels{margin-top:19px;gap:14px}.how-creative{margin-top:25px;padding:18px 20px}.how-creative>strong{font-size:42px;padding:21px 0}.how-creative-top{font-size:6px}.how-creative>img{width:83px}.how-creative-caption{padding-top:19px;font-size:10px}.how-broadcast>strong{font-size:53px}.how-step{padding:22px 0;grid-template-columns:31px 1fr 18px;gap:13px}.how-step-title{font-size:20px;margin-bottom:9px}.how-step-description{font-size:12px;max-width:none}.how-why{display:flex;flex-direction:column;align-items:flex-start;gap:22px;margin-top:35px;padding-top:34px}.how-why h3{font-size:28px}.how-why>p{font-size:13px}.how-cta{width:100%;justify-content:space-between;font-size:13px}.how-step-number{font-size:26px}}
@media(prefers-reduced-motion:reduce){.how-cinema *,.how-cinema *:before,.how-cinema *:after{animation:none!important;transition:none!important}.how-scene{transform:none}.how-stage-photo{transform:none}.how-progress>.is-current i{transform:scaleX(1)}}
@media print{.how-visual{display:none}.how-experience{display:block}.how-cinema{background:white;color:black}.how-step-description,.how-step-title{color:black!important}.how-playback{display:none}}

.how-reach{display:grid;grid-template-columns:repeat(3,1fr);margin-top:54px;border-top:1px solid #ffffff21;border-bottom:1px solid #ffffff21;padding:24px 0}.how-reach>div{display:flex;align-items:center;justify-content:center;gap:15px;border-right:1px solid #ffffff21}.how-reach>div:first-child{justify-content:flex-start}.how-reach>div:last-child{border:0}.how-reach strong{font-family:Impact,"Arial Narrow",sans-serif;font-size:47px;line-height:1;letter-spacing:-.02em;font-weight:400;color:var(--orange)}.how-reach strong>span{font-family:Montserrat,"Segoe UI",sans-serif;font-size:16px;margin-left:3px;font-weight:650}.how-reach>div>span{font-size:11px;color:#c6bcb0;line-height:1.4}.how-reach+.how-why{border-top:0;margin-top:0;padding-top:39px}@media(max-width:700px){.how-reach{margin-top:34px;padding:23px 0}.how-reach>div{flex-direction:column;gap:10px;align-items:center;justify-content:center}.how-reach>div:first-child{justify-content:center}.how-reach strong{font-size:35px}.how-reach strong>span{font-size:12px}.how-reach>div>span{font-size:9px}.how-reach+.how-why{margin-top:0;padding-top:30px}}

/* Three operating regions: keep the full territory visible on narrow screens. */
.how-territory-code-three{font-size:clamp(42px,7vw,72px);white-space:nowrap}
.how-territory-code-three>span{padding:0 5px}