/* V8: capítulos imersivos; acervos extensos têm navegação lateral manual. */
.sample-label{top:39px}
.act{margin-top:-115svh;z-index:2}
.act-audience{height:250svh;margin-top:-100svh}
.act-services{height:385svh}
.act-traffic{height:245svh}
.act-film{height:260svh}
.act-social{height:250svh}
.act-people{height:310svh}
.act-decision{height:310svh}
.act-contact{height:155svh}
.act-stage{opacity:var(--scene-opacity,1);overflow:hidden;transform-style:preserve-3d;will-change:opacity}
.act-index{top:40px;right:4.5vw;font-size:.65rem;letter-spacing:.2em}
.act .eyebrow{margin-bottom:19px}
.act h2{font-size:clamp(3.8rem,6.8vw,8rem)}
.act-audience .act-copy{transform:translate3d(var(--audience-copy-x,0px),-45%,var(--audience-copy-z,0px))}
.audience-orbit{transform:translate3d(0,-50%,var(--orbit-z,0px)) rotateX(13deg) rotateY(var(--orbit-y,0deg)) rotateZ(var(--orbit-roll,0deg))}
.segment-options button{transition:background .25s,box-shadow .25s,scale .25s,opacity .25s}
.segment-options button[aria-pressed=true]{background:#4d70ff;box-shadow:0 0 0 10px #4d70ff26,0 20px 70px #4d70ff77;scale:1.16}
.act-audience .act-floor{font-size:.7rem}
.act-services .services-head{transform:translate3d(var(--service-copy-x,0px),0,var(--service-copy-z,0px))}
.service-theatre{z-index:5}
.service-focus{transform:translate3d(var(--service-x,0px),0,var(--service-z8,0px)) rotateY(var(--service-y8,0deg)) rotateZ(var(--service-r8,0deg));box-shadow:50px 70px 150px #000c}
.service-selector{display:none}
.service-theatre .service-focus{inset:2% 0 2%}
.service-cloud,.film-cloud,.social-cloud{position:absolute;inset:0;z-index:2;pointer-events:none;perspective:1700px;transform-style:preserve-3d;overflow:visible}
.service-cloud .float-plane,.film-cloud .float-plane,.social-cloud .float-plane{position:absolute;left:66%;top:50%;margin:0;overflow:hidden;border:1px solid #ffffff55;background:#171825;box-shadow:25px 40px 85px #0009;will-change:transform,opacity;backface-visibility:hidden;transform-style:preserve-3d}
.float-plane img,.float-plane video{width:100%;height:100%;object-fit:cover}
.float-plane figcaption{position:absolute;inset:auto 0 0;padding:30px 8px 8px;background:linear-gradient(transparent,#080910df);font-size:.52rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff}
.service-cloud .float-plane{width:clamp(120px,12vw,200px);aspect-ratio:4/5}
.act-traffic .traffic-type{color:#ffffff0a;font-size:clamp(12rem,31vw,38rem)}
.traffic-body>div:first-child{transform:translate3d(var(--traffic-copy-x,0px),0,var(--traffic-copy-z,0px))}
.traffic-numbers{transform:none}
.traffic-number{transform-style:preserve-3d;will-change:transform,opacity}
.traffic-number:first-child{transform:translate3d(var(--metric-one-x,0px),var(--metric-one-y,0px),var(--metric-one-z,0px)) rotateY(var(--metric-one-r,0deg))}
.traffic-number:nth-child(2){transform:translate3d(var(--metric-two-x,0px),var(--metric-two-y,0px),var(--metric-two-z,0px)) rotateY(var(--metric-two-r,0deg))}
.act-film .film-heading{z-index:12;transform:translate3d(var(--film-copy-x,0px),0,var(--film-copy-z,0px))}
.film-heading h2{font-size:clamp(3.8rem,6.5vw,7.5rem)}
.film-theatre{left:51%;right:9%;top:15%;bottom:15%;display:block;z-index:10;pointer-events:none}
.film-main{width:100%;height:100%;transform:translate3d(var(--film-focus-x,0px),0,var(--film-focus-z,0px)) rotateY(var(--film-focus-r,0deg));pointer-events:auto}
.film-screen{width:min(29vw,320px);height:min(59vh,570px);max-height:none;margin:0 auto;box-shadow:40px 50px 110px #000c}
.film-screen>img{object-fit:cover}
.film-meta{justify-content:center;text-align:center;margin-top:16px}
.film-meta h3{flex:none;max-width:26vw;font-size:clamp(1.25rem,2vw,2.6rem)}
.film-control,.drone-flag{display:none}
.film-cloud{z-index:4}
.film-cloud .float-plane{width:clamp(95px,10.5vw,175px);aspect-ratio:9/16}
.film-cloud .aerial-accent{position:absolute;left:16%;top:22%;width:clamp(95px,10vw,150px);aspect-ratio:9/16;border:1px solid #aab1ff88;box-shadow:25px 40px 85px #000a;overflow:hidden;transform:translate3d(var(--aerial-x,0px),var(--aerial-y,0px),var(--aerial-z,0px)) rotateY(var(--aerial-r,0deg))}
.film-cloud .aerial-accent video{width:100%;height:100%;object-fit:cover}
.film-cloud .aerial-accent span{position:absolute;inset:auto 0 0;padding:24px 7px 8px;background:linear-gradient(transparent,#000d);font-size:.55rem;font-weight:700;letter-spacing:.12em;color:#fff}
.act-social .social-heading{z-index:12;transform:translate3d(var(--social-copy-x,0px),0,var(--social-copy-z,0px))}
.social-heading h2{font-size:clamp(4rem,6.6vw,7.5rem)}
.archive-note{display:block;max-width:420px;margin-top:18px;color:#b8b3c9;font-size:.68rem;line-height:1.4;letter-spacing:.03em}
.social-gallery{left:49%;right:12%;top:17%;bottom:14%;display:block;z-index:10;pointer-events:none}
.social-spotlight{width:100%;height:100%;transform:translate3d(var(--social-focus-x,0px),0,var(--social-focus-z,0px)) rotateY(var(--social-focus-r,0deg));pointer-events:auto}
.social-spotlight button{width:min(36vw,440px);height:min(65vh,650px);margin:auto;box-shadow:40px 50px 100px #000b}
.social-spotlight img{object-fit:contain}
.social-spotlight>p{text-align:center;font-size:.86rem}
.social-progress{display:block;text-align:center;color:#b9b0db;font-size:.61rem;font-weight:700;letter-spacing:.15em}
.social-collection{display:none}
.social-cloud{z-index:4}
.social-cloud .float-plane{width:clamp(115px,13vw,215px);aspect-ratio:4/5}
.people-copy{z-index:12;transform:translate3d(var(--people-copy-x,0px),0,var(--people-copy-z,0px))}
.people-photo{transform:translate3d(var(--people-photo-x,0px),0,var(--people-photo-z,0px)) rotateY(var(--people-photo-r,0deg));opacity:var(--people-photo-opacity,1)}
.founder-reel{position:absolute;top:15%;right:8%;width:33%;height:62%;z-index:4;border:1px solid #b7aef3;box-shadow:30px 40px 100px #000a;overflow:hidden;opacity:var(--founder-video-opacity,0);transform:translate3d(var(--founder-video-x,0px),0,var(--founder-video-z,0px)) rotateY(var(--founder-video-r,0deg));pointer-events:var(--founder-video-events,none)}
.founder-reel img,.founder-reel iframe{width:100%;height:100%;object-fit:cover;border:0}
.founder-reel span{position:absolute;bottom:0;left:0;right:0;padding:28px 10px 10px;background:linear-gradient(transparent,#000d);font-size:.64rem;font-weight:700;letter-spacing:.1em}
.people-bottom{z-index:12;opacity:var(--process-opacity,1);transform:translate3d(0,var(--process-y,0px),var(--process-z,0px))}
.process-line li.is-current{color:#fff;text-shadow:0 0 20px #b7b0ff}
.process-line li.is-current strong{color:#e94ff7}
.people-promises{opacity:var(--promises-opacity,1)}
.act-decision .decision-head{z-index:10;transform:translate3d(var(--decision-copy-x,0px),0,var(--decision-copy-z,0px))}
.package-rail{left:38%;right:4%;top:19%;height:62%;overflow:visible;transform:none;perspective:1500px;transform-style:preserve-3d;pointer-events:none}
.package{position:absolute;left:50%;top:50%;width:clamp(250px,23vw,350px);height:min(54vh,510px);margin:0;overflow:auto;pointer-events:auto;transition:opacity .12s linear;will-change:transform,opacity;backface-visibility:hidden}
.package h3{font-size:clamp(1.8rem,2.25vw,3rem)}
.package ul{font-size:.77rem}
.package-controls{display:none}
.decision-faq{z-index:11;left:38%;right:5%;top:22%;bottom:auto;display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:22px;max-height:59%;overflow-y:auto;border:1px solid #a79fc7;background:#171725f0;box-shadow:25px 35px 90px #000a;opacity:var(--faq-opacity,0);transform:translate3d(0,var(--faq-y,50px),var(--faq-z,-300px));pointer-events:var(--faq-events,none)}
.decision-faq>p{grid-column:1/-1;font-size:1.3rem}
.decision-faq details{border-top:1px solid #777187;padding-top:10px;font-size:.77rem}
.decision-faq details p{font-size:.73rem}
.act-contact .contact-halo{transform:translateZ(var(--contact-halo-z,0px)) rotateZ(var(--contact-halo-r,0deg))}
.contact-copy{transform:translate3d(var(--contact-copy-x,0px),0,var(--contact-copy-z,0px))}
.contact-form{transform:translate3d(var(--contact-form-x,0px),0,var(--contact-form-z,0px))}
.act-contact .act-stage:before{background:radial-gradient(circle at 50% 50%,#4341a655,transparent 48%)}

/* Item principal estável para assistir/ler; vizinhos menores recuam em perspectiva. */
.aerial{z-index:8;border-color:#d9d5ff;box-shadow:0 36px 100px #000c,0 0 42px #a296ff55}
.film-main,.social-spotlight{transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.turn-forward .film-main{animation:film-from-right .62s cubic-bezier(.2,.7,.2,1)}
.turn-backward .film-main{animation:film-from-left .62s cubic-bezier(.2,.7,.2,1)}
.turn-forward .social-spotlight{animation:social-from-right .62s cubic-bezier(.2,.7,.2,1)}
.turn-backward .social-spotlight{animation:social-from-left .62s cubic-bezier(.2,.7,.2,1)}
@keyframes film-from-right{from{transform:translate3d(150px,0,-260px) rotateY(-30deg) scale(.72)}to{transform:translate3d(var(--film-focus-x,0px),0,var(--film-focus-z,0px)) rotateY(var(--film-focus-r,0deg)) scale(1)}}
@keyframes film-from-left{from{transform:translate3d(-150px,0,-260px) rotateY(30deg) scale(.72)}to{transform:translate3d(var(--film-focus-x,0px),0,var(--film-focus-z,0px)) rotateY(var(--film-focus-r,0deg)) scale(1)}}
@keyframes social-from-right{from{transform:translate3d(150px,0,-260px) rotateY(-30deg) scale(.72)}to{transform:translate3d(var(--social-focus-x,0px),0,var(--social-focus-z,0px)) rotateY(var(--social-focus-r,0deg)) scale(1)}}
@keyframes social-from-left{from{transform:translate3d(-150px,0,-260px) rotateY(30deg) scale(.72)}to{transform:translate3d(var(--social-focus-x,0px),0,var(--social-focus-z,0px)) rotateY(var(--social-focus-r,0deg)) scale(1)}}
.film-cloud .float-plane,.social-cloud .float-plane{transition:transform .62s cubic-bezier(.2,.72,.2,1),opacity .45s ease}
.film-cloud .float-plane{width:clamp(100px,12vw,185px)}
.social-cloud .float-plane{width:clamp(120px,14vw,225px)}
.depth-navigation{position:absolute;left:4.5vw;right:4.5vw;bottom:4%;z-index:20;display:flex;align-items:center;gap:20px;pointer-events:auto}
.depth-topics{display:flex;gap:5px;min-width:0;overflow-x:auto;scrollbar-width:thin;padding:5px 0}
.depth-topics button{flex:none;border:1px solid #827c9d;padding:8px 11px;background:#171725ed;color:#f7f5ff;font-family:inherit;font-size:.62rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .25s,transform .25s}
.depth-topics button:hover,.depth-topics button[aria-pressed=true]{background:#b9afff;color:#11111a;transform:translateY(-3px)}
.depth-navigation-row{display:flex;align-items:center;gap:9px;flex:none;margin-left:auto}
.depth-navigation-row button{width:45px;height:45px;border:1px solid #b7b0df;background:#1a1a2be8;color:#fff;font-size:1.35rem;cursor:pointer;transition:transform .25s,background .25s}
.depth-navigation-row button:hover{background:#554e9d;transform:translateZ(30px) scale(1.1)}
.depth-navigation-row button:focus-visible,.depth-topics button:focus-visible{outline:3px solid #fff;outline-offset:3px}
.depth-count{min-width:65px;color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.08em;text-align:center;white-space:nowrap}
.act-decision .depth-navigation{left:38%;right:4%;bottom:9%}
.act-decision .depth-navigation-row{margin-left:0}
.act-decision .depth-count{min-width:150px}
.package{background:linear-gradient(150deg,#29283b,#171722);border-color:#b5add2;box-shadow:25px 35px 80px #0009;transition:transform .55s cubic-bezier(.2,.7,.2,1),opacity .4s ease}
.package ul{font-size:.83rem;line-height:1.55}.package p{font-size:.72rem;line-height:1.4}.package a{font-size:.73rem}

@media(max-width:720px){
  .sample-label{top:18px}
  .act{margin-top:-106svh}.act-audience{margin-top:-100svh}
  .act-audience{height:230svh}.act-services{height:325svh}.act-traffic{height:225svh}.act-film{height:260svh}.act-social{height:250svh}.act-people{height:310svh}.act-decision{height:310svh}.act-contact{height:165svh}
  .act-stage{height:100svh;overflow:hidden;padding:0 18px 50px}
  .act-index{top:18px;right:19px;font-size:.5rem}
  .act h2{font-size:clamp(2.5rem,10.5vw,4.5rem)}
  .act-audience .act-copy{top:80px;left:19px;width:calc(100% - 38px);transform:translate3d(var(--audience-copy-x,0px),0,var(--audience-copy-z,0px))}
  .act-audience .act-copy h2{font-size:clamp(2.45rem,10.3vw,4.3rem)}
  .audience-orbit{left:50%;top:68%;width:min(78vw,340px);height:min(78vw,340px);transform:translate3d(-50%,-50%,var(--orbit-z,0px)) rotateX(8deg) rotateY(var(--orbit-y,0deg))}
  .segment-options button{width:clamp(63px,17vw,86px);height:clamp(63px,17vw,86px);font-size:.48rem}
  .act-audience .act-floor{bottom:18px;font-size:.52rem}
  .services-head{position:absolute;top:76px;left:19px;width:calc(100% - 38px);padding:0;transform:translate3d(var(--service-copy-x,0px),0,var(--service-copy-z,0px))}
  .services-head h2{font-size:clamp(2.7rem,10.8vw,4.4rem)}
  .services-head>p:not(.eyebrow){max-width:320px}
  .service-theatre{position:absolute;left:7%;right:7%;top:39%;bottom:8%;width:auto;height:auto;min-height:0;margin:0}
  .service-theatre .service-focus{inset:0;grid-template-columns:44% 56%}
  .service-detail{padding:10px}.service-detail h3{font-size:clamp(1.3rem,5vw,2rem)}.service-detail p{font-size:.64rem}.service-detail .act-link{font-size:.6rem}
  .service-cloud .float-plane{left:59%;width:24vw;max-width:95px}
  .traffic-body{padding-top:86px}.traffic-body h2{font-size:clamp(3rem,12vw,5rem)}
  .traffic-number strong{font-size:clamp(2.9rem,11vw,4.7rem)}.traffic-numbers{margin-top:28px}
  .film-heading{position:absolute;top:75px;left:19px;width:calc(100% - 38px);padding:0;transform:translate3d(var(--film-copy-x,0px),0,var(--film-copy-z,0px))}
  .film-heading h2{font-size:clamp(2.7rem,10.5vw,4.5rem)}
  .film-heading>p:not(.eyebrow){max-width:310px}
  .film-theatre{position:absolute;left:10%;right:10%;top:34%;bottom:18%;margin:0}
  .film-main{height:100%;transform:translate3d(var(--film-focus-x,0px),0,var(--film-focus-z,0px)) rotateY(var(--film-focus-r,0deg))}
  .film-screen{width:min(48vw,210px);height:min(42vh,330px);margin:auto}
  .film-meta{margin-top:11px}.film-meta h3{max-width:65vw;font-size:1.15rem}
  .film-cloud .float-plane{left:50%;top:60%;width:22vw;max-width:95px}
  .film-cloud .aerial-accent{left:8%;top:34%;width:min(22vw,90px)}
  .social-heading{position:absolute;top:75px;left:19px;width:calc(100% - 38px);padding:0;transform:translate3d(var(--social-copy-x,0px),0,var(--social-copy-z,0px))}
  .social-heading h2{font-size:clamp(2.9rem,11vw,4.5rem)}
  .social-heading>p:not(.eyebrow){max-width:310px}
  .social-gallery{position:absolute;left:10%;right:10%;top:32%;bottom:17%;margin:0}
  .social-spotlight{height:100%;transform:translate3d(var(--social-focus-x,0px),0,var(--social-focus-z,0px)) rotateY(var(--social-focus-r,0deg))}
  .social-spotlight button{width:min(65vw,270px);height:min(45vh,370px);margin:auto}
  .social-cloud .float-plane{left:50%;top:63%;width:25vw;max-width:105px}
  .people-copy{position:absolute;top:76px;left:19px;width:calc(100% - 38px);padding:0;transform:translate3d(var(--people-copy-x,0px),0,var(--people-copy-z,0px))}
  .people-copy h2{font-size:clamp(3rem,12vw,5rem)}
  .people-copy>p:not(.eyebrow){max-width:330px}
  .people-promises{margin-top:13px}
  .people-photo,.founder-reel{position:absolute;top:43%;right:17%;width:66%;height:35%;margin:0}
  .people-bottom{position:absolute;bottom:6%;left:19px;right:19px}
  .process-line{gap:8px}.process-line li{flex:0 0 calc(50% - 5px)}
  .decision-head{position:absolute;top:76px;left:19px;width:calc(100% - 38px);padding:0;transform:translate3d(var(--decision-copy-x,0px),0,var(--decision-copy-z,0px))}
  .decision-head h2{font-size:clamp(2.8rem,11vw,4.5rem)}
  .package-rail{position:absolute;left:6%;right:6%;top:35%;height:47%;min-height:0;margin:0;overflow:visible;transform:none}
  .package{width:min(66vw,280px);height:min(43vh,345px);padding:16px;overflow:auto}
  .package h3{font-size:1.8rem}
  .decision-faq{position:absolute;left:6%;right:6%;top:34%;bottom:9%;display:block;max-height:none;overflow-y:auto;padding:15px}
  .decision-faq>p{margin-bottom:9px}.decision-faq details{padding:7px 0}
  .contact-copy{position:relative;top:auto;left:auto;width:100%;padding-top:85px;transform:translate3d(var(--contact-copy-x,0px),0,var(--contact-copy-z,0px))}
  .contact-copy h2{font-size:clamp(3.3rem,12vw,5.2rem)}
  .contact-form{position:relative;top:auto;right:auto;width:100%;margin:18px 0 75px;transform:translateX(var(--contact-form-x,0px))}
  .act-contact .act-stage{overflow-y:auto}
  .depth-navigation{left:19px;right:19px;bottom:3%;display:block}
  .depth-topics{margin-bottom:6px;max-width:calc(100vw - 38px)}
  .depth-topics button{padding:7px 8px;font-size:.58rem}
  .depth-navigation-row{justify-content:flex-start;gap:10px}
  .depth-navigation-row button{width:39px;height:39px}
  .depth-count{min-width:60px;font-size:.58rem}
  .act-decision .depth-navigation{left:19px;right:19px;bottom:6%}
  .act-decision .depth-count{min-width:130px}
  .package ul{font-size:.69rem}.package p{font-size:.62rem}.package a{font-size:.65rem}
}
@media(max-width:420px){
  .act-audience .act-copy h2{font-size:2.5rem}.audience-orbit{top:69%}
  .film-screen{height:38vh;width:42vw}.film-meta h3{font-size:1rem}.film-cloud .float-plane{width:20vw}
  .social-spotlight button{height:45vh;width:58vw}.social-cloud .float-plane{width:20vw}
  .people-photo,.founder-reel{top:44%;height:30%}.people-copy>p:not(.eyebrow){font-size:.72rem}
}
@media(prefers-reduced-motion:reduce){
  .act-stage,.service-focus,.film-main,.social-spotlight,.people-photo,.founder-reel,.package,.float-plane{transition:none!important;animation:none!important}
  .service-cloud,.film-cloud,.social-cloud{display:none}
  .service-focus,.film-main,.social-spotlight,.people-photo,.founder-reel,.traffic-number,.people-copy,.services-head,.film-heading,.social-heading,.decision-head,.contact-copy,.contact-form{transform:none!important}
}