/* September portfolio refinements: compact cases and intentional motion. */
[hidden]{display:none!important}
html{overflow-x:clip}
:root{--accent:#6f9ce9}
#cases{padding-top:76px}
#cases>.section-heading{margin-bottom:24px}
#cases>.section-heading h2{font-size:clamp(42px,4.6vw,62px)}
#cases>.section-heading .eyebrow{margin-bottom:14px}
.leo-case{padding:27px 0 30px;gap:40px;align-items:center}
.leo-case h3{font-size:37px;margin-bottom:14px}
.leo-case .eyebrow{margin-bottom:12px}
.leo-case p:not(.eyebrow){font-size:16px;line-height:1.6;margin-bottom:16px}
.leo-number>strong{font-size:clamp(34px,4vw,48px);line-height:1.2}
.metric-pair{margin-top:17px;padding-top:13px}
.dashboard{padding:25px 30px}
.dashboard-head{gap:20px}
.dashboard h3{font-size:29px}
.dashboard-head .eyebrow{font-size:12px;margin-bottom:8px}
.chart-controls{flex-wrap:wrap;justify-content:center}
.chart-controls button{font-size:14px;padding:10px 13px;min-height:44px}
.dashboard-body{padding-top:22px;grid-template-columns:1fr 180px;gap:35px;min-height:224px}
.donut{width:142px;height:142px}
.dashboard-foot{margin-top:15px;padding-top:16px;gap:24px}
.dashboard-foot>span{font-size:14px}
.data-note{margin-top:12px;font-size:12px}
.campaign-summary{display:grid;grid-template-columns:1.1fr 1fr;gap:35px;padding-top:26px}
.summary-lead h4{font-family:Bebas;font-size:38px;font-weight:400;line-height:1.04;margin:0 0 15px}
.summary-lead .eyebrow{font-size:12px;margin-bottom:12px}
.summary-lead>p{color:var(--muted);font-size:16px;line-height:1.65;margin:0}
.summary-lead strong{color:var(--ink);font-weight:600}
.summary-comparison{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:14px}
.summary-comparison>div{border:1px solid var(--line);border-radius:12px;padding:17px 14px;background:#ffffff03}
.summary-comparison>div>span{font-size:14px;color:#ccc}
.summary-comparison strong{font-size:29px;color:var(--accent);line-height:1.25;display:block;margin:12px 0}
.summary-comparison strong small{display:block;font-size:13px;color:var(--muted);font-weight:400}
.summary-comparison>div p{font-size:12px;color:var(--muted);margin:0}
.summary-takeaway{grid-column:1/-1;font-size:14px;color:#a1b9e3;line-height:1.55;margin:0;border-left:2px solid #517bc4;padding-left:14px}
.duo-ghost{font-size:clamp(85px,10vw,140px);letter-spacing:.08em;color:#ffffff0a}
.growth-copy{padding-top:19px}
.growth-copy h3{margin-bottom:10px}
.growth-copy>p{font-size:16px;line-height:1.65}
.growth-badge>span{font-size:14px}
.growth-badge{padding:14px 19px}
.growth-badge strong{font-size:33px}
.ranking-case{background:radial-gradient(ellipse at 90% 0%,#4261961a,transparent 62%),linear-gradient(130deg,#1c1e20,#101214);overflow:visible}
.rank-journey{position:relative;--progress:100%}
.rank-progress{height:2px;background:#ffffff18;margin:0 6% 28px;position:relative}
.rank-progress span{display:block;height:100%;width:var(--progress);background:linear-gradient(90deg,#3d5785,#85abed);transition:width .6s ease}
.rank-progress i{width:8px;height:8px;border-radius:50%;position:absolute;left:var(--progress);top:-3px;background:#89aeed;box-shadow:0 0 18px #84abed;transform:translateX(-50%);transition:left .6s ease}
.rank-steps{align-items:flex-end;gap:10px;min-height:215px;perspective:1000px}
.rank-steps button{position:relative;overflow:hidden;padding:20px 8px 14px;transform:translateY(8px) rotateY(-10deg) rotateX(6deg) scale(.94);transform-origin:center bottom;border-color:#ffffff1e;transition:transform .65s cubic-bezier(.2,.8,.2,1),background .4s,color .4s,box-shadow .4s;box-shadow:6px 8px 0 #0003}
.rank-steps button:nth-of-type(1){min-height:156px}
.rank-steps button:nth-of-type(2){min-height:178px}
.rank-steps button:nth-of-type(3){min-height:200px}
.rank-steps button.rank-reached{border-color:#618ad24f}
.rank-steps button[aria-pressed=true]{transform:translateY(-8px) rotateY(0) rotateX(0) scale(1);background:linear-gradient(135deg,#afc8f3,#4573c3);box-shadow:0 10px 36px #3668bd25,0 3px 0 #2c456f;color:#0d1522}
.rank-steps button[aria-pressed=true]:after{content:'';position:absolute;inset:-70%;background:linear-gradient(110deg,transparent 42%,#fff7 50%,transparent 58%);animation:rank-shine .85s both;pointer-events:none}
.rank-steps button strong{font-size:74px}
.rank-arrow{align-self:center}
.rank-hint{font-size:12px}
.rank-copy>p:not(.eyebrow){font-size:16px}
.rank-journey>p:not(.rank-hint){font-size:14px;min-height:46px;margin-top:22px}
.rank-actions .text-link,.replay{font-size:14px;min-height:44px}
@keyframes rank-shine{from{transform:translateX(-65%)}to{transform:translateX(65%)}}
.silver-scene{perspective:1000px}
.silver-orbit{inset:23% 4% 4%;transform:rotateX(55deg) rotateZ(-14deg);border-color:#6388c97a;border-width:1px;animation:orbit-breathe 9s ease-in-out infinite;animation-play-state:paused}
.silver-orbit:before{inset:20px -12px;transform:rotate(-17deg);border-color:#80a5e540}
.silver-orbit:after{content:'';position:absolute;inset:-22px 20px;border:1px solid #6388c926;border-radius:50%;transform:rotate(18deg)}
.silver-orbit i{position:absolute;inset:-1px;border-radius:50%;animation:orbit-travel 12s linear infinite;animation-play-state:paused}
.silver-orbit i:before{content:'';position:absolute;width:8px;height:8px;border-radius:50%;background:#8fb2ee;box-shadow:0 0 13px #5586db;left:50%;top:-3px}
.silver-orbit i:nth-child(2){animation-delay:-4s}
.silver-orbit i:nth-child(3){animation-delay:-8s}
.silver-orbit i:nth-child(2):before{width:5px;height:5px;opacity:.6}
.silver-orbit i:nth-child(3):before{width:6px;height:6px;opacity:.8}
.silver-scene.motion-visible .silver-orbit,.silver-scene.motion-visible .silver-orbit i{animation-play-state:running}
.silver-label{font-size:12px;letter-spacing:.045em}
@keyframes orbit-travel{to{transform:rotate(360deg)}}
@keyframes orbit-breathe{0%,100%{transform:rotateX(55deg) rotateZ(-14deg)}50%{transform:rotateX(47deg) rotateZ(9deg)}}
.podcast-art{background:radial-gradient(ellipse at 50% 75%,#00dbc216,transparent 68%);border-radius:0;justify-content:center}
.podcast-art>img{width:108%;max-width:108%;height:auto;mix-blend-mode:normal;border-radius:0;mask-image:linear-gradient(#000 95%,transparent 100%)}
.podcast-platforms{margin-top:25px;font-size:13px;color:#9bcbc2}
.distribution-copy>p:not(.eyebrow){font-size:16px}
.creator-heading{margin-top:65px;padding-top:35px;border-top:1px solid var(--line)}
.creator-heading h3{font-family:Bebas;font-size:44px;font-weight:400;margin-bottom:24px;line-height:1.05}
.creator-heading .eyebrow{margin-bottom:14px}
.creator-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px}
.creator-scene{position:relative;height:390px;isolation:isolate;padding-top:15px}
.creator-scene:before{content:'';position:absolute;inset:8% -5% -10%;background:radial-gradient(ellipse,#5b7eba25,transparent 67%);z-index:-1}
.creator-scene>span{position:absolute;top:0;left:0;right:0;text-align:center;font-family:Bebas;font-size:95px;color:#ffffff0c;z-index:-1}
.creator-scene>img{height:100%;width:78%;object-fit:cover;object-position:center 20%;margin:auto;border-radius:32% 32% 0 0;mask-image:linear-gradient(#000 65%,transparent 97%)}
.creator-case:nth-child(2) .creator-scene>img{object-position:center 20%}
.creator-result{position:absolute;bottom:0;left:5%;right:5%;border:1px solid #6487c459;border-radius:13px;padding:15px 19px;background:linear-gradient(120deg,#161d2afa,#151617fa);box-shadow:0 12px 35px #0004;z-index:2}
.creator-result>span{font-size:14px;display:block;color:#a0b1ce}
.creator-result>strong{font-size:38px;line-height:1.4;color:var(--accent);letter-spacing:-.04em}
.creator-result small{font-size:21px}
.creator-copy{padding:20px 5% 0}
.creator-copy h3{font-family:Bebas;font-size:37px;font-weight:400;margin-bottom:8px}
.creator-copy p{color:var(--muted);font-size:14px}
.in-view .creator-scene>img{animation:portrait-in .7s both cubic-bezier(.22,1,.36,1)}
.in-view .creator-result{animation:badge-in .65s .12s both cubic-bezier(.22,1,.36,1)}
.carousel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
.carousel-toolbar p{font-size:16px;color:var(--muted);margin:0}
.carousel-toolbar button{border:1px solid #5076b955;border-radius:7px;background:#181818;color:var(--accent);font-size:14px;min-height:44px;padding:9px 15px;white-space:nowrap}
.carousel-window{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);padding:12px 0;perspective:1300px}
.carousel-row{transform:rotateY(-3deg) rotateZ(-1deg);margin-bottom:18px}
.carousel-row:nth-child(2){transform:rotateY(3deg) rotateZ(1deg);margin-bottom:0}
.carousel-track{display:flex;width:max-content;animation:artist-flow 50s linear infinite;animation-play-state:paused}
.carousel-row:nth-child(2) .carousel-track{animation-direction:reverse;animation-duration:55s}
.carousel-group{display:flex;gap:16px;padding-right:16px;flex-shrink:0}
.music-card{position:relative;width:206px;height:247px;flex-shrink:0;border-radius:13px;border:1px solid #ffffff20;overflow:hidden;background:radial-gradient(ellipse at 50% 25%,#36496a,#17191c 70%);box-shadow:0 5px 12px #0004}
.music-card>img{width:100%;height:100%;object-fit:cover;object-position:center 20%;filter:saturate(.83)}
.music-card:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#090a0cee);pointer-events:none}
.music-card h3{position:absolute;bottom:0;left:0;right:0;padding:18px 13px 13px;margin:0;color:#fff;font-family:Montserrat;font-weight:600;font-size:15px;line-height:1.4;z-index:1;letter-spacing:-.025em}
.music-card:has(img[src*="dom-vitor"])>img{object-fit:contain;object-position:center}
.artist-monogram{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#6d8dc5;background:repeating-linear-gradient(-25deg,#ffffff04 0 1px,transparent 1px 23px)}
.artist-monogram span{font-size:12px;letter-spacing:.16em}
.artist-monogram b{font-size:65px;font-weight:400;color:#7ba3e9}
.artist-carousel.motion-visible:not(.is-paused) .carousel-track{animation-play-state:running}

@keyframes artist-flow{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.proof-layout>img{max-height:67vh;max-width:100%;object-fit:contain;margin:auto}
.ranking-modal{width:min(1180px,calc(100% - 32px));max-height:94dvh}
.ranking-modal .proof-layout{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(260px,1.2fr);align-items:start;gap:26px}
.ranking-modal .proof-layout>img{height:67vh;width:100%;object-fit:contain}
#ranking-proofs{display:grid;gap:12px}
#ranking-proofs>.eyebrow{margin:0;font-size:12px}
#ranking-proofs figure{margin:0;background:#090a0c;border:1px solid var(--line);border-radius:10px;padding:10px 14px}
#ranking-proofs figcaption{display:flex;gap:12px;align-items:center;font-size:12px;color:#777;margin-bottom:8px}
#ranking-proofs figcaption strong{color:var(--accent);font-size:14px}
#ranking-proofs img{width:100%;height:105px;object-fit:contain;object-position:left center}
.modal-heading{position:sticky;top:-24px;z-index:2;background:#151619;padding-block:8px}
.modal-heading button{font-size:18px}
@media(max-width:1000px){.dashboard-head{flex-direction:column;align-items:flex-start}.chart-controls{align-self:stretch}.chart-controls button{flex:1}.creator-grid{gap:30px}.creator-result>strong{font-size:33px}}
@media(max-width:700px){
 #cases{padding-top:55px}#cases>.section-heading h2{font-size:43px}#cases>.section-heading{margin-bottom:18px}
 .leo-case{gap:22px;padding:22px 0 26px}.leo-case h3{font-size:33px;margin-bottom:10px}.leo-case p:not(.eyebrow){font-size:16px}.leo-number>strong{font-size:39px}.metric-pair b{font-size:23px}.metric-pair span{font-size:12px}
 .dashboard{padding:20px 18px}.dashboard h3{font-size:29px}.dashboard h3 br{display:none}.dashboard-head{gap:17px}.chart-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;width:100%}.chart-controls button{font-size:13px;padding:9px 8px}.chart-controls button:last-child{grid-column:2/4}.chart-controls button:nth-child(4){grid-column:1}.dashboard-body{grid-template-columns:1fr;gap:14px;min-height:0}.chart-total{padding-top:13px}.donut{width:90px;height:90px}.donut strong{font-size:20px}.dashboard-foot{gap:8px 20px;margin-top:14px}.dashboard-foot>span{font-size:13px}.dashboard-foot button{font-size:14px}.campaign-summary{grid-template-columns:1fr;gap:20px}.summary-lead h4{font-size:34px}.summary-comparison strong{font-size:29px}
 #growth-title{font-size:42px}.growth-grid{gap:18px}.growth-scene{height:255px}.growth-badge{padding:10px 11px}.growth-badge>span{font-size:12px;min-height:36px}.growth-badge>strong{font-size:25px}.growth-copy{padding-top:17px}.growth-copy h3{font-size:32px}.growth-copy>p{font-size:14px;line-height:1.6}
 .ranking-case{gap:24px;padding:26px 20px}.rank-copy h3{font-size:45px}.rank-copy>p:not(.eyebrow){font-size:16px}.rank-steps{min-height:172px;gap:8px}.rank-steps button{padding:15px 5px 10px}.rank-steps button:nth-of-type(1){min-height:130px}.rank-steps button:nth-of-type(2){min-height:148px}.rank-steps button:nth-of-type(3){min-height:166px}.rank-steps button strong{font-size:58px}.rank-steps button span{margin-bottom:12px}.rank-journey>p:not(.rank-hint){font-size:14px}.rank-progress{margin-bottom:18px}.rank-actions{gap:5px}
 .podcast-art{height:235px}.podcast-art>img{width:104%;max-width:104%}.podcast-platforms{margin-top:15px;font-size:12px}.silver-orbit{animation:none;transform:rotate(-16deg);inset:25% 6% 8%}.silver-orbit i{animation-duration:14s}.distribution-copy>p:not(.eyebrow){font-size:16px}
 .creator-heading{margin-top:35px;padding-top:28px}.creator-heading h3{font-size:35px}.creator-grid{gap:17px}.creator-scene{height:255px;padding-top:8px}.creator-scene>span{font-size:50px}.creator-scene>img{width:95%;border-radius:28% 28% 0 0}.creator-result{left:0;right:0;padding:10px 11px}.creator-result>span{font-size:12px;line-height:1.4;min-height:34px}.creator-result>strong{font-size:27px;display:block;line-height:1.2;margin-top:6px}.creator-result small{font-size:15px;display:block}.creator-copy{padding:16px 0 0}.creator-copy h3{font-size:28px;line-height:1.1}.creator-copy p{font-size:12px;line-height:1.5}
 .carousel-toolbar{align-items:flex-start;gap:14px;flex-direction:column}.carousel-toolbar p{font-size:14px}.carousel-toolbar button{font-size:13px}.carousel-window{margin-inline:-9px;padding:5px 0;perspective:none}.carousel-row,.carousel-row:nth-child(2){transform:none;margin-bottom:12px}.music-card{width:152px;height:184px;border-radius:10px}.music-card h3{font-size:13px;padding:13px 10px 11px}.carousel-group{gap:12px;padding-right:12px}.carousel-track{animation-duration:46s}.carousel-row:nth-child(2) .carousel-track{animation-duration:49s}
 .ranking-modal{width:calc(100% - 16px);padding:14px;max-height:96dvh}.ranking-modal .proof-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:12px}.ranking-modal .proof-layout>img{height:auto;max-height:65vh}.modal-heading{top:-14px}.modal-heading h2{font-size:16px}.ranking-modal>p{font-size:13px;margin:10px 0 15px}#ranking-proofs{gap:8px}#ranking-proofs>.eyebrow{font-size:12px;letter-spacing:.06em}#ranking-proofs figure{padding:7px}#ranking-proofs img{height:66px}#ranking-proofs figcaption{gap:8px;margin-bottom:5px}#ranking-proofs figcaption strong{font-size:13px}
}
@media(max-width:370px){.leo-number>strong{font-size:33px}.chart-controls button{font-size:12px;padding-inline:4px}.growth-badge>strong{font-size:22px}.creator-result>strong{font-size:24px}.creator-scene{height:235px}.creator-copy h3{font-size:25px}.rank-steps button strong{font-size:51px}.ranking-case{padding-inline:15px}}
@media(prefers-reduced-motion:reduce){.carousel-window{overflow-x:auto;mask-image:none}.carousel-row,.carousel-row:nth-child(2){transform:none}.carousel-clone{display:none}.carousel-track{animation:none!important}.silver-orbit,.silver-orbit i{animation:none!important}.rank-progress span,.rank-progress i{transition:none}.rank-steps button:after{display:none}.creator-scene>img,.creator-result{animation:none!important}}