/* V2 — direção humana, dinâmica e comercial */
.hero{grid-template-columns:minmax(460px,.9fr) minmax(560px,1.1fr);min-height:810px;max-height:1040px;padding-bottom:56px;gap:clamp(24px,3vw,56px)}
.hero:before{display:none}.hero-copy{padding-right:0}.hero h1{font-size:clamp(52px,5.35vw,88px);max-width:900px}.hero h1 em{display:inline-block}.hero-lead{max-width:680px}.hero-actions .primary{padding-left:26px;padding-right:26px}.hero-proof{margin-top:clamp(42px,7vh,90px)}
.hero-cinema{isolation:isolate;border:0;border-radius:2px;background:#111;box-shadow:0 28px 80px rgba(0,0,0,.35)}
.cinema-photo{position:absolute;inset:-3%;background:url('/assets/seto-studio.jpg') 57% center/cover no-repeat;transform:scale(1.035);animation:cinemaDrift 16s ease-in-out infinite alternate;will-change:transform}
.cinema-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,5,4,.55) 0%,transparent 27%,rgba(2,4,3,.16) 52%,rgba(2,4,3,.86) 100%),linear-gradient(90deg,rgba(2,4,3,.1),transparent 55%);z-index:1}
.hero-cinema .visual-topline{z-index:4;color:rgba(255,255,255,.75);border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:15px}
.cinema-caption{position:absolute;left:clamp(24px,3vw,46px);bottom:clamp(27px,4vw,58px);z-index:3}.cinema-caption small{display:block;font:500 8px DM Mono;letter-spacing:.16em;color:var(--lime);margin-bottom:13px}.cinema-caption strong{display:block;font-size:clamp(31px,3.2vw,55px);line-height:.94;letter-spacing:-.055em}.cinema-caption em{font:400 1em Georgia;color:#fff}
.conversation-card{position:absolute;z-index:4;width:min(245px,37%);padding:17px 19px;backdrop-filter:blur(18px);box-shadow:0 16px 45px rgba(0,0,0,.3);transition:transform .45s ease;border:1px solid rgba(255,255,255,.22)}
.conversation-card small,.conversation-card span{display:block;font:500 7px DM Mono;letter-spacing:.12em;margin-bottom:8px}.conversation-card b{display:block;font-size:11px;line-height:1.45}.card-question{right:5%;top:19%;background:rgba(17,21,19,.72);animation:cardFloat 6s ease-in-out infinite}.card-question small{color:var(--lime)}
.card-answer{right:8%;top:39%;background:rgba(200,255,61,.92);color:#080a09;border-color:var(--lime);animation:cardFloat 6s ease-in-out -2.6s infinite}.card-answer span{font-weight:700}.card-answer i{position:absolute;right:14px;bottom:8px;font-style:normal;font-size:17px}.hero-cinema:hover .card-question{transform:translate(-6px,-5px)}.hero-cinema:hover .card-answer{transform:translate(7px,5px)}
.cinema-index{position:absolute;z-index:4;right:22px;bottom:22px;display:flex;align-items:center;gap:8px;font:500 7px DM Mono;color:#fff}.cinema-index i{width:45px;height:1px;background:linear-gradient(90deg,var(--lime) 33%,rgba(255,255,255,.35) 33%)}
.story-reel{padding:105px 0 115px;background:#0d100f;overflow:hidden;border-bottom:1px solid var(--line)}.reel-intro{display:grid;grid-template-columns:1fr 1.55fr;gap:8%;align-items:start;margin-bottom:48px}.reel-intro p{font-size:clamp(22px,2.45vw,40px);line-height:1.25;letter-spacing:-.035em;margin:0;max-width:1000px}.reel-window{overflow:hidden}.reel-track{display:flex;width:max-content;gap:18px;padding-left:var(--pad);animation:reelMove 35s linear infinite}.reel-window:hover .reel-track{animation-play-state:paused}.reel-card{width:clamp(340px,42vw,690px);height:clamp(320px,39vw,570px);margin:0;position:relative;overflow:hidden;flex:none;background:#171b19}.reel-card:nth-child(3n+2){width:clamp(300px,33vw,530px);margin-top:54px}.reel-card:nth-child(3n+3){width:clamp(370px,46vw,740px);margin-top:14px}.reel-card img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1);filter:saturate(.82) contrast(1.04)}.reel-card:hover img{transform:scale(1.035)}.reel-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(1,3,2,.88))}.reel-card figcaption{position:absolute;z-index:2;left:25px;right:25px;bottom:23px;display:flex;justify-content:space-between;align-items:end;gap:20px}.reel-card figcaption b{font-size:clamp(19px,1.6vw,27px);letter-spacing:-.03em}.reel-card figcaption span{font:400 8px DM Mono;color:#c5cdc9;text-align:right}.reel-card:before{position:absolute;z-index:3;left:18px;top:18px;background:var(--lime);color:#080a09;padding:7px 9px;font:600 7px DM Mono;letter-spacing:.1em}.reel-studio:before{content:"01 / PRODUTO"}.reel-commerce:before{content:"02 / EXPERIÊNCIA"}.reel-operations:before{content:"03 / OPERAÇÃO"}
.floating-brief{position:fixed;right:22px;bottom:22px;z-index:18;display:grid;grid-template-columns:8px 1fr;column-gap:10px;min-width:180px;padding:13px 16px;background:rgba(13,16,15,.9);border:1px solid rgba(255,255,255,.16);box-shadow:0 14px 45px rgba(0,0,0,.35);backdrop-filter:blur(16px);transition:.3s}.floating-brief i{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime);grid-row:1/3;margin-top:5px}.floating-brief span{font:400 7px DM Mono;color:#7f8984;letter-spacing:.08em}.floating-brief b{font-size:11px;margin-top:3px}.floating-brief:hover{transform:translateY(-4px);border-color:rgba(200,255,61,.55)}
@keyframes cinemaDrift{0%{transform:scale(1.035) translate3d(-.8%,0,0)}100%{transform:scale(1.085) translate3d(1.2%,-.7%,0)}}
@keyframes cardFloat{50%{margin-top:-8px}}
@keyframes reelMove{to{transform:translateX(calc(-50% - 9px))}}
@media(max-width:1180px){.hero{grid-template-columns:1fr;gap:10px;height:auto;max-height:none;padding-bottom:72px}.hero-copy{min-height:700px}.hero-cinema{height:min(76vw,720px);min-height:570px}.reel-intro{grid-template-columns:1fr;gap:24px}.reel-intro p{max-width:850px}}
@media(max-width:760px){.hero{padding-top:100px}.hero-copy{min-height:620px}.hero h1{font-size:clamp(49px,13.5vw,66px)}.hero-actions{flex-direction:column}.hero-proof{margin-top:55px}.hero-cinema{height:610px;min-height:0;margin:0 calc(var(--pad) * -1);border-left:0;border-right:0}.cinema-photo{background-position:61% center}.cinema-caption{left:22px;bottom:25px}.cinema-caption strong{font-size:39px}.conversation-card{width:210px}.card-question{top:18%;right:15px}.card-answer{top:37%;right:34px}.cinema-index{display:none}.story-reel{padding:78px 0 85px}.reel-intro{margin-bottom:35px}.reel-intro p{font-size:25px}.reel-track{gap:12px;animation-duration:28s}.reel-card,.reel-card:nth-child(3n+2),.reel-card:nth-child(3n+3){width:82vw;height:460px;margin-top:0}.reel-card figcaption{flex-direction:column;align-items:start}.reel-card figcaption span{text-align:left}}
@media(max-width:760px){.floating-brief{right:12px;bottom:12px;min-width:166px}}
@media(prefers-reduced-motion:reduce){.cinema-photo{transform:scale(1.035)}.reel-track{animation:none;overflow-x:auto}}