.orbit-hero{position:relative;isolation:isolate;overflow:hidden;padding-top:36px;background:radial-gradient(ellipse at 65% 48%,#14283b80,transparent 60%)}.orbit-heading{position:relative;z-index:3;display:flex;justify-content:space-between;pointer-events:none}.orbit-heading>div{max-width:380px}.orbit-kicker{font-size:11px;letter-spacing:2px;color:#a7ada6;margin-bottom:24px}.orbit-heading h1{font-size:clamp(64px,7vw,105px);line-height:.98;letter-spacing:-3px}.orbit-heading h1 span{color:#3FA1F4}.orbit-heading h1 i{font-size:.55em;font-style:normal;color:#e6d594}.orbit-heading .intro{font-size:21px;max-width:310px;margin-top:26px;color:#c2c9cc;line-height:1.55}.orbit-note{font-size:17px;text-align:right;color:#b4c2cc;padding-top:6px;line-height:1.65}.orbit-stage{height:720px;position:relative;margin-top:-290px;overflow:hidden;touch-action:pan-y pinch-zoom;cursor:grab;outline-offset:-5px}.orbit-stage:active{cursor:grabbing}.orbit-halo{position:absolute;width:620px;height:620px;border:1px solid #3fa1f41c;border-radius:50%;left:62%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 100px #3fa1f408,inset 0 0 90px #3fa1f408;pointer-events:none}.orbit-halo:after{content:'';position:absolute;inset:10%;border:1px dashed #3fa1f422;border-radius:50%;transform:rotateX(65deg)}#orbit-cards{position:absolute;inset:0;perspective:1100px}.orbit-card{position:absolute;left:0;top:0;width:155px;height:205px;display:block;border-radius:13px;overflow:hidden;border:1px solid #9bb9cf44;box-shadow:0 14px 30px #0007;background:#1c2730;will-change:transform;user-select:none;-webkit-user-drag:none}.orbit-card img{width:100%;height:100%;object-fit:cover;pointer-events:none}.orbit-card:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#070d16e8);pointer-events:none}.orbit-card-label{position:absolute;bottom:13px;left:13px;right:13px;z-index:1;color:#fff;font-size:16px;line-height:1.3}.orbit-card-label small{display:block;font-size:10px;color:#cfdeea;margin-top:5px}.orbit-card:hover{border-color:#3fa1f4;box-shadow:0 0 0 2px #3fa1f480,0 15px 35px #0009}.orbit-bottom{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:12px 20px}.orbit-caption{font-size:16px;color:#edf1f4}.orbit-caption p{font-size:13px;color:#a7b4bd;margin-top:3px}.orbit-controls{display:flex;gap:6px;padding:6px;border:1px solid #40505d;border-radius:99px;background:#171d22e6;backdrop-filter:blur(15px)}.orbit-controls button{background:transparent;border:0;padding:8px 15px;color:#e9edf1;font-size:14px;border-radius:99px;min-height:42px}.orbit-controls button:hover{background:#2e4051}.orbit-controls #orbit-motion{background:#3fa1f4;color:#071423;min-width:90px}.orbit-foot{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #303b43;padding-block:19px 26px;font-size:13px;color:#8fa1af}.orbit-foot a{color:#d6e3ed}.orbit-foot a:hover{color:#3fa1f4}.clip-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:20px;padding-block:20px 40px;max-width:1000px}.clip-list article{border:1px solid #394954;background:#192129;border-radius:16px;overflow:hidden}.clip-list img{height:260px;object-fit:cover}.clip-list article>div{padding:20px}.clip-list h2{font-size:25px}.clip-list p{color:#b6c6d2;font-size:15px;margin:8px 0 16px}.clip-list a{display:inline-block;padding:8px 16px;margin:0 6px 8px 0;border:1px solid #3fa1f4;border-radius:30px;color:#87c9ff;font-size:14px}.orbit-hero.is-grid .orbit-stage{display:none}.orbit-hero.is-grid .orbit-heading{padding-bottom:35px}.orbit-hero.is-grid .orbit-heading>div{max-width:100%}.orbit-hero.is-grid h1 br{display:none}.orbit-hero.is-grid h1{font-size:60px}.orbit-hero.is-grid .intro{max-width:600px}.orbit-hero.is-grid .orbit-bottom{padding-top:10px}@media(min-width:1400px){.orbit-stage{height:800px;margin-top:-320px}.orbit-heading>div{max-width:400px}}@media(max-width:850px){.orbit-stage{margin-top:-180px;height:660px}.orbit-heading h1{font-size:75px}.orbit-heading>div{max-width:280px}.orbit-heading .intro{font-size:18px;max-width:230px}.orbit-note{font-size:14px}.orbit-bottom{align-items:flex-start;flex-direction:column;gap:14px}.orbit-controls{align-self:center}.orbit-foot{flex-wrap:wrap}.orbit-foot>span{width:100%}}@media(max-width:600px){.orbit-hero{padding-top:28px}.orbit-heading{display:block}.orbit-heading>div{max-width:100%}.orbit-heading h1{font-size:64px;letter-spacing:-1px}.orbit-heading h1 br{display:none}.orbit-heading .intro{max-width:300px;font-size:19px;margin:16px 0}.orbit-kicker{font-size:9px;margin-bottom:17px}.orbit-note{display:none}.orbit-stage{height:520px;margin-top:0}.orbit-halo{width:450px;height:450px;left:50%}.orbit-card{width:112px;height:154px;border-radius:10px}.orbit-card-label{font-size:13px;left:9px;right:9px;bottom:9px}.orbit-card-label small{font-size:9px}.orbit-bottom{padding-top:0}.orbit-controls{gap:0;max-width:100%;padding:4px}.orbit-controls button{font-size:12px;padding:7px 12px;min-height:42px}.orbit-controls #orbit-motion{min-width:80px}.orbit-foot{gap:12px}.clip-list{grid-template-columns:1fr 1fr;gap:12px}.clip-list img{height:205px}.clip-list article>div{padding:13px}.clip-list h2{font-size:21px}.clip-list p{font-size:13px}.clip-list a{padding:6px 9px;font-size:12px}.orbit-hero.is-grid h1{font-size:52px}}@media(max-width:360px){.orbit-heading h1{font-size:55px}.orbit-controls button{padding-inline:9px}.clip-list{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.orbit-stage{display:none}.orbit-controls #orbit-motion,.orbit-controls #orbit-prev,.orbit-controls #orbit-next{display:none}}
.orbit-stage{isolation:isolate;z-index:1}.orbit-heading h1{text-shadow:0 2px 35px #101214,0 2px 12px #101214}.orbit-story-note{color:#e6d594;font-size:15px;line-height:1.6;margin-top:20px;max-width:240px;text-shadow:0 2px 12px #101214}.orbit-heading .intro{text-shadow:0 2px 18px #101214}.orbit-heading{pointer-events:none}.orbit-heading>div{padding-bottom:15px;background:radial-gradient(ellipse at 0 40%,#101214df 0%,#1012147a 45%,transparent 75%)}@media(min-width:851px){.orbit-stage{mask-image:linear-gradient(90deg,transparent 3%,#000 32%)}}@media(max-width:850px) and (min-width:601px){.orbit-stage{mask-image:linear-gradient(90deg,transparent 2%,#000 33%)}}@media(max-width:600px){.orbit-story-note{display:none}.orbit-heading h1{text-shadow:none}.orbit-heading>div{background:none}}

/* New Potential: a sponsor-facing teaser, with a live link only after confirmation. */
.potential-section{padding-block:0 80px}.potential-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid #344d62;border-radius:22px;overflow:hidden;background:#151d26}.potential-copy{padding:clamp(28px,5vw,64px);align-self:center}.potential-copy .eyebrow{color:#91b5d3}.potential-copy p:not(.eyebrow){color:#bac8d4;max-width:360px;font-size:18px;line-height:1.65;margin:20px 0 26px}.potential-status{display:inline-flex;align-items:center;gap:9px;border:1px solid #466179;border-radius:999px;padding:8px 15px;color:#d7e9f8;font-size:15px}.potential-status .live-dot{margin:0;flex:none}.potential-art{min-width:0;min-height:350px;display:flex;flex-direction:column;justify-content:space-between;gap:8px;padding:25px;background:radial-gradient(ellipse at 58% 48%,#264e72 0%,transparent 68%),linear-gradient(#3fa1f417 1px,transparent 1px),linear-gradient(90deg,#3fa1f417 1px,transparent 1px),#0d1824;background-size:auto,22px 22px,22px 22px,auto;border-left:1px solid #344d62}.potential-art-label,.potential-art-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;color:#a9c8e2;font-size:11px;letter-spacing:1.2px}.potential-art-footer{color:#d8edff}.potential-court{display:block;width:100%;height:auto;max-height:300px}.potential-card [hidden]{display:none!important}@media(max-width:680px){.potential-section{padding-bottom:54px}.potential-card{grid-template-columns:1fr}.potential-copy{padding:28px 22px}.potential-art{min-height:0;padding:18px;border-left:0;border-top:1px solid #344d62}.potential-copy p:not(.eyebrow){font-size:16px;margin:15px 0 20px}.potential-court{max-height:220px}}
@media(max-width:850px){.header nav a[href="#new-potential"]{display:none}}

/* Keep the wording in the upper part of each original TikTok cover in frame. */
.orbit-card img,.clip-list img{object-position:50% 26%}
#orbit-views-meta{color:#b2c7d8}

/* Let the original cover lettering carry the title in both gallery views. */
.orbit-card:after{inset:60% 0 0;background:linear-gradient(transparent,#070d16e8)}
.orbit-card-label{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:3px 8px;font-size:13px}
.orbit-views,.orbit-watch,.clip-views{white-space:nowrap}.orbit-views{color:#fff}.orbit-watch{font-size:.88em;color:#dcecff}
.clip-list article>.clip-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:12px 14px}.clip-card-footer a{margin:0;white-space:nowrap}.clip-views{color:#e7f3ff;font-size:15px}
@media(max-width:600px){.orbit-card-label{font-size:10px;gap:3px 5px}.clip-list article>.clip-card-footer{padding:10px;gap:6px}.clip-views{font-size:13px}.clip-card-footer a{padding:6px 9px}}

.orbit-stage .orbit-card{touch-action:pan-y pinch-zoom}
.orbit-stage.is-dragging,.orbit-stage.is-dragging *{cursor:grabbing}

.selected-views{display:flex;justify-content:space-between;align-items:center;gap:16px 28px;flex-wrap:wrap;margin-bottom:24px;padding:clamp(20px,3.3vw,36px);background:linear-gradient(118deg,#182d40,#17212a);border:1px solid #3c5d76;border-radius:18px}
.selected-views h3{font-size:clamp(17px,2.4vw,22px);color:#d6e9fa}.selected-views-number{display:flex;align-items:baseline;gap:10px;margin:8px 0;color:#8bcaff}.selected-views-number strong{font-size:clamp(38px,7vw,66px);line-height:1.05;letter-spacing:-.025em}.selected-views-number span{font-size:18px}.selected-views-note{color:#b5c9d9;font-size:14px;line-height:1.55}.selected-views-note time{white-space:nowrap}.selected-views .text-link{color:#b7dfff;white-space:nowrap}.selected-views[hidden]{display:none}

.counter-stack.counter-stack{display:inline-grid;font:inherit;color:inherit;margin:0;vertical-align:baseline;white-space:nowrap;font-variant-numeric:tabular-nums}
.counter-stack>span{grid-area:1/1;font:inherit;color:inherit;margin:0}.counter-reserve{opacity:0}
.selected-views-figures{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 clamp(14px,4vw,44px)}
.selected-views-number strong{font-size:clamp(30px,6vw,62px)}.selected-views-number>span{font-size:clamp(13px,2vw,18px)}
.demographic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px}
.demographic-chart{padding:18px;background:#151e27;border:1px solid #344d62;border-radius:12px}.demographic-chart h4{margin:0;color:#d6e9fa;font-size:18px}.age-rows .insight-bar span{background:#a2b5ff}.demographics-note{border-top:1px solid var(--line);padding-top:12px}
@media(max-width:600px){.demographic-grid{grid-template-columns:1fr}.selected-views-number{gap:5px}.selected-views-figures{gap:0 16px}}
@media(max-width:900px){.orbit-card{box-shadow:0 8px 12px #0006}}
@media(min-width:601px) and (max-width:900px){
  .orbit-stage{mask-image:none}
  .orbit-stage:after{content:'';position:absolute;inset:0 auto 0 0;width:30%;background:linear-gradient(90deg,var(--bg),transparent);z-index:1000;pointer-events:none}
}

.interest-chart{margin-top:14px}
.demographic-chart > .interest-chart{padding-top:14px;border-top:1px solid #344d62}
.interest-chart h5{margin:0;color:#d6e9fa;font-size:18px}
.interest-topics{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 0;padding:0;list-style:none}
.interest-topic{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #344d62;border-radius:12px;color:#e3effa;font-size:16px}
.insight-icon{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

.interest-topic .insight-icon{color:#90caff}
.age-label{display:inline-flex;align-items:center;gap:8px}
.age-icons{display:inline-flex;gap:2px;flex:none;color:#a2b5ff}
.age-icons .insight-icon{width:23px;height:23px}
.gender-chart{--male:#3fa1f4;--other:#ffad67;--female:#ff89bd}
.gender-male{--segment-color:var(--male)}
.gender-other{--segment-color:var(--other)}
.gender-female{--segment-color:var(--female)}
.gender-bar{display:flex;height:16px}
.gender-bar span{background:var(--segment-color)}
.gender-legend{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 14px;list-style:none;padding:0;margin:12px 0 0}
.gender-legend li{display:flex;align-items:center;gap:6px}
.gender-legend .insight-icon{width:20px;height:20px;color:var(--segment-color)}

.deliverables>div>strong{font-size:clamp(20px,3vw,36px)}

.orbit-heading h1,.orbit-hero.is-grid h1{font-size:clamp(36px,5vw,58px);letter-spacing:-1px}
.orbit-heading h1 .hero-line-one,.orbit-heading h1 .hero-white{color:var(--ink)}
.orbit-heading h1 .hero-line-one,.orbit-heading h1 .hero-line-two{white-space:nowrap}
.orbit-hero.is-grid h1 br,.orbit-heading h1 br{display:block}

.segmented button{min-width:48px;min-height:48px;display:inline-flex;justify-content:center;align-items:center}
.segmented button svg{width:25px;height:25px}
.gender-bar{background:#090b0d}
.animate-fill{transform:scaleX(0);transform-origin:left;transition:transform 750ms cubic-bezier(.22,1,.36,1)}
.gender-female.animate-fill{transform-origin:right}
.animate-fill.is-filled{transform:scaleX(1)}
@media(prefers-reduced-motion:reduce){.animate-fill{transition:none;transform:none}}

.segmented .platform-logo{display:none;width:34px;height:34px;flex:none;border-radius:8px;background-image:url('assets/social-logos.avif');background-size:280% 280%;background-repeat:no-repeat}
.segmented .instagram-logo{width:25px;height:25px;border-radius:6px;background-position:18.5% 23.5%}
.segmented .tiktok-logo{background-position:82.1% 85.3%}
.segmented button.is-active{background:#101214;border-color:#677f90}
.segmented button.is-active svg{display:none}
.segmented button.is-active .platform-logo{display:block}

.experiment-gallery{width:min(100%,340px);margin:12px auto;display:grid;grid-template-columns:46px minmax(0,1fr) 46px;align-items:center;gap:12px 8px}
.experiment-frames{grid-column:1/-1;display:grid;aspect-ratio:9/16;overflow:hidden;border:1px solid #50728e;border-radius:18px;background:#0b141d;box-shadow:0 12px 32px #0006}
.experiment-frames img{grid-area:1/1;width:100%;height:100%;min-height:0;object-fit:contain;opacity:0;transform:scale(1.025);transition:opacity .36s ease,transform .44s ease}
.experiment-frames img.is-current{opacity:1;transform:scale(1)}
.experiment-gallery button{width:46px;height:46px;border:1px solid #50728e;border-radius:12px;background:#101d2b;color:#d7e9f8;font-size:22px}
.experiment-gallery button:hover{background:#23405a}
.experiment-gallery [data-experiment-prev]{grid-column:1;grid-row:2}
.experiment-gallery [data-experiment-next]{grid-column:3;grid-row:2}
.experiment-gallery figcaption{grid-column:2;grid-row:2;text-align:center;color:#d7e9f8;font-size:14px;line-height:1.35}
@media(prefers-reduced-motion:reduce){.experiment-frames img{transition:none;transform:none}}

@media(max-width:600px){
  .placement-example{display:flex;flex-direction:column-reverse;align-items:flex-end;gap:12px}
  .placement-photo{width:100%}
  .placement-annotation{position:static;max-width:none;transform:none;font-size:17px;line-height:1.4}
  .placement-annotation span{display:none}
}
