/* Motria / Estrutura em movimento — native, deliberately bounded motion. */
:root{--coral-text:#b83425;--cinema-ease:cubic-bezier(.2,.7,.2,1)}
body{overflow-x:clip}body.case-open,body:has(dialog[open]){overflow:hidden}dialog:not([open]){display:none}dialog::backdrop{background:#050a13d9;backdrop-filter:blur(8px)}
:focus-visible{outline-color:var(--coral-text)}.dark :focus-visible,.site-header :focus-visible,dialog :focus-visible{outline-color:var(--coral)}
section:not(.dark) em,section:not(.dark) .list-index,section:not(.dark) .section-tag>span{color:var(--coral-text)}
.hero{position:relative;isolation:isolate;padding-top:calc(var(--header) + 58px);background:#111827}
.hero::before{content:'';position:absolute;z-index:-1;pointer-events:none;width:90%;height:850px;top:-330px;right:-34%;background:radial-gradient(ellipse at 50% 0,#ff5a452b 0,transparent 63%);transform:rotate(-24deg)}
.hero::after{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 40%,#ffffff04 40.1%,transparent 40.3%),linear-gradient(115deg,transparent 68%,#ff5a4508 68.1%,transparent 68.5%)}
.hero-grid{grid-template-columns:1.3fr .7fr;grid-template-areas:'heading art' 'details art';row-gap:0;column-gap:8%;padding-bottom:54px;align-items:center}
.hero-heading{grid-area:heading;align-self:end;min-width:0}.hero-details{grid-area:details;align-self:start;min-width:0}
.hero h1{font-size:clamp(3.2rem,5.1vw,5.1rem);line-height:1.04;letter-spacing:-.065em;font-weight:500}
.cinema-title-line{display:block}.cinema-title-line em{display:initial}.hero .eyebrow{font-size:11px;letter-spacing:.12em;max-width:450px;margin-bottom:24px}
.hero-lead{max-width:520px;font-size:16px;line-height:1.8;margin-top:27px}.hero-actions{margin-top:28px;gap:20px}.hero-actions .text-link{font-size:13px}.hero-note{margin-top:18px;font-size:12px}
.cinema-brand.hero-art{grid-area:art;border:0;padding:0;width:100%;max-width:340px;justify-self:center;margin:0;min-width:0;align-self:center}
.brand-film{margin:0;position:relative;min-width:0;isolation:isolate;color:var(--paper)}
.brand-film::before{content:'';position:absolute;inset:8% -14%;z-index:-1;background:radial-gradient(ellipse,#ff5a4514,transparent 68%);pointer-events:none}
.film-topline{display:flex;justify-content:space-between;gap:12px;font:600 9px/1.6 Manrope,Arial,sans-serif;text-transform:uppercase;letter-spacing:.09em;color:#b5bdc9;margin-bottom:14px;white-space:nowrap}
.brand-film-window{position:relative;aspect-ratio:512/910;background:#1c2027;box-shadow:0 35px 80px #0005;overflow:hidden;border:1px solid #ffffff12}
.brand-film-window video{display:block;width:100%;height:100%;object-fit:contain;aspect-ratio:512/910}
.film-corner{position:absolute;pointer-events:none;width:23px;height:23px;border-color:var(--coral);border-style:solid;opacity:.65}.corner-tl{left:10px;top:10px;border-width:1px 0 0 1px}.corner-br{bottom:10px;right:10px;border-width:0 1px 1px 0}
.film-caption{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:13px;font-size:11px;line-height:1.5;color:#aeb8c8}.film-caption strong{color:var(--paper);font-weight:600}
.film-toggle{border:0;border-bottom:1px solid #ffffff40;background:transparent;color:var(--paper);padding:8px 0;min-height:44px;font-size:11px;font-weight:600}.film-toggle:hover{border-color:var(--coral);color:var(--coral)}.film-error,.film-fallback{font-size:12px;line-height:1.6;margin-top:10px;color:#bfc6d2}
.cinema-ready .cinema-title-line{animation:cinema-type .65s var(--cinema-ease) both}.cinema-ready .cinema-title-line:nth-child(2){animation-delay:.06s}.cinema-ready .cinema-title-line:nth-child(3){animation-delay:.12s}.cinema-ready .cinema-title-line:nth-child(4){animation-delay:.18s}
@keyframes cinema-type{from{translate:0 12px;opacity:.25;clip-path:inset(0 0 20%)}to{translate:0 0;opacity:1;clip-path:inset(0)}}
.hero-bottom{font-size:11px;letter-spacing:.02em}.hero-bottom a{gap:28px}
/* Proof arrives before the commercial explanation. */
.portfolio{background:#111827;position:relative;padding-top:78px;border-top:1px solid #ffffff16}
.portfolio .split-heading{margin-bottom:42px;align-items:end}.portfolio .split-heading h2{max-width:750px}.portfolio .split-heading .section-lead{font-size:15px;max-width:365px;justify-self:end}
.case-gallery{perspective:1400px}.selected-case{min-width:0}.selected-screen{position:relative;overflow:hidden;background:#0c121c;border:1px solid #ffffff25;border-radius:7px;transform:perspective(1400px) rotateX(var(--scene-angle,0deg)) scale(var(--scene-scale,1));transform-origin:center 75%;box-shadow:0 40px 80px #0004}
.screen-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 19px;border-bottom:1px solid #ffffff1a;font-size:10px;color:#b7c1d1;letter-spacing:.06em;text-transform:uppercase}.screen-dots{letter-spacing:5px;color:#8993a2}
.selected-screen>img{width:100%;aspect-ratio:2.12/1;object-fit:contain;background:#0b1019;object-position:center;display:block}
.case-expand{position:absolute;right:20px;bottom:20px;border:1px solid #ffffff45;background:#111827eb;color:var(--paper);padding:13px 18px;min-height:48px;font:700 12px/1.5 Manrope,Arial,sans-serif;display:flex;align-items:center;gap:24px;backdrop-filter:blur(8px)}.case-expand span{font-size:21px;color:var(--coral)}.case-expand:hover{background:var(--coral);color:var(--ink)}.case-expand:hover span{color:var(--ink)}
.selected-caption{display:grid;grid-template-columns:1fr .8fr .85fr;gap:40px;align-items:start;padding:30px 0 32px;border-bottom:1px solid var(--light-line);min-height:150px}
.selected-caption .section-tag{color:#b4bece;font-size:10px;margin-bottom:10px;letter-spacing:.07em}.selected-caption h3{font-size:25px;letter-spacing:-.04em;line-height:1.25}
.selected-caption>p{font-size:14px;color:#bac3d2;line-height:1.75;max-width:330px}.selected-objective{display:grid;gap:6px}.selected-objective strong{color:var(--paper);font-size:11px;text-transform:uppercase;letter-spacing:.07em}
.case-choices{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:25px}.case-choice{min-width:0;background:transparent;border:1px solid #ffffff24;color:var(--paper);padding:0;text-align:left;transition:border-color .2s,translate .2s;position:relative;overflow:hidden}.case-choice img{width:100%;aspect-ratio:2/1;object-fit:contain;background:#101722;opacity:.7;transition:opacity .2s}.case-choice[aria-pressed=true]{border-color:var(--coral)}.case-choice[aria-pressed=true] img,.case-choice:hover img{opacity:1}.case-choice:hover{translate:0 -3px;border-color:#ff5a4580}.case-choice-label{padding:12px;display:flex;align-items:center;gap:10px;min-height:68px}.case-choice-label small{font-size:10px;color:#d1aa9d;align-self:start;margin-top:2px}.case-choice-label strong{font-size:11px;font-weight:600;line-height:1.5}.case-choice-label>span{margin-left:auto;color:var(--coral);font-size:17px}
.showreel-details{border-top:1px solid #ffffff28;border-bottom:1px solid #ffffff28;margin-top:42px}.showreel-details>summary{padding:23px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font-size:17px;line-height:1.5;font-weight:600}.showreel-details>summary::-webkit-details-marker{display:none}.showreel-details>summary>span{font-size:11px;font-weight:500;color:#c1cad7;display:flex;align-items:center;gap:30px}.showreel-details summary b{font-size:25px;font-weight:400;color:var(--coral)}.showreel-details[open] summary b{rotate:45deg}.showreel-details .portfolio-reel{margin:0 0 26px}.portfolio-access{margin-top:38px;padding-top:0;border:0}.portfolio-access h3{font-size:28px}.portfolio-access p:last-child{font-size:14px}
/* Pointer lighting is decorative; focus provides an equivalent selection. */
.service-row{position:relative;isolation:isolate;padding:38px 28px;margin-inline:-28px;border-top-color:#ffffff24;overflow:hidden;min-width:0;gap:70px}
.service-row::before,.overview-card::after,.service::after{content:'';position:absolute;inset:0;z-index:-1;opacity:0;pointer-events:none;background:radial-gradient(500px circle at var(--light-x,50%) var(--light-y,50%),#ff5a4512,transparent 75%);transition:opacity .25s}
.service-row:hover::before,.service-row:focus-within::before,.overview-card:hover::after,.overview-card:focus-within::after,.service:hover::after,.service:focus-within::after{opacity:1}
.service-title h3{font-size:clamp(2rem,3.3vw,3rem)}.service-details .service-intent{font-size:19px}.service-details>p{font-size:15px}.service-number{letter-spacing:.12em}.service-row:hover .service-number{color:var(--coral)}
.structure-layers{display:grid;gap:8px;max-width:880px;margin:34px 0 35px;perspective:900px}
.structure-layers>div{position:relative;display:grid;grid-template-columns:35px 1fr 1.1fr;gap:16px;padding:20px 25px;background:#182335;border:1px solid #ffffff1f;transform:rotateX(5deg);font-size:13px;color:var(--paper)}
.structure-layers>div:nth-child(2){margin-left:30px;background:#1c293c}.structure-layers>div:nth-child(3){margin-left:60px;background:#263346}.structure-layers span{color:var(--coral);font-size:11px}.structure-layers strong{font-size:11px;color:#bdc8d7;font-weight:500;text-align:right}
/* Tracing beam: real reading order, no inner scrolling container. */
.method-cinema{display:grid;grid-template-columns:1fr 1fr;gap:10%}.method-direction{position:sticky;top:calc(var(--header) + 44px);align-self:start}.method-direction .split-heading{display:block;margin:0}.method-direction .section-lead{margin-top:25px;max-width:420px}.method-direction h2{font-size:clamp(2.3rem,3.6vw,3.6rem)}
.method-emblem{display:flex;align-items:center;gap:22px;padding-top:42px;margin-top:35px;border-top:1px solid var(--line)}.method-emblem img{width:80px}.method-emblem span{font-size:12px;line-height:1.7;color:var(--muted)}.method-emblem strong{color:var(--ink);font-weight:600}
.method-list{display:block;margin:0}.method-list li{position:relative;display:grid;grid-template-columns:35px 1fr;gap:12px 22px;border:0;padding:28px 0 42px 30px;min-height:170px}.method-list li>span{margin:0;font-size:12px;line-height:1.7}.method-list h3{font-size:28px;line-height:1.2}.method-list p{grid-column:2;margin:0;font-size:15px;max-width:350px}.method-list li::before{content:'';position:absolute;left:2px;top:34px;width:7px;height:7px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 6px var(--paper)}
.method-step-path{display:block;position:absolute;left:0;top:0;width:12px;height:100%;pointer-events:none;overflow:visible}.method-step-path .method-draw{stroke-dashoffset:clamp(0,calc((var(--path-offset) - var(--step-end))*5),100)}.method-list li:first-child .method-step-path{top:36px;height:calc(100% - 36px)}.method-list li:last-child .method-step-path{height:37px}
/* All content is visible if script initialization or observing fails. */
.motion-ready [data-reveal],.motion-ready [data-reveal].in-view{opacity:1;transform:none;transition:none}.motion-ready [data-reveal].reveal-enter{animation:cinema-reveal .5s var(--cinema-ease) both}.motion-paused *{animation-play-state:paused!important}@keyframes cinema-reveal{from{opacity:.35;translate:0 12px}to{opacity:1;translate:0 0}}
.final-cta{position:relative;overflow:hidden;isolation:isolate}.final-cta::before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 95% 100%,#ff5a451c,transparent 65%);pointer-events:none}
/* Accessible case view, with a stable full-size screenshot. */
.case-dialog,.brand-dialog{color:var(--paper);background:#111827;border:1px solid #ffffff35;padding:0;width:min(1060px,calc(100% - 48px));max-height:90dvh;overflow:auto;border-radius:4px;box-shadow:0 40px 100px #0008}
.case-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:15px 25px;border-bottom:1px solid #ffffff25}.case-dialog-head>span{font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#bbc4d3}.dialog-close{font:600 12px Manrope,Arial,sans-serif;border:0;background:none;color:var(--paper);min-height:44px;display:flex;align-items:center;gap:24px;padding:0}.dialog-close span{font-size:27px;color:var(--coral)}
.case-dialog-media{background:#0c121d;padding:26px 26px 0}.case-dialog-media img{display:block;width:100%;height:auto;aspect-ratio:2.12/1;object-fit:contain}.case-dialog-content{padding:30px 36px 36px}.case-dialog-content .section-tag{font-size:10px;color:#bec6d3;margin-bottom:12px}.case-dialog h2{font-size:36px;line-height:1.2;margin:0 0 16px}.case-dialog-content>p:not(.section-tag){color:#bbc4d3;font-size:14px;max-width:700px}.dialog-decisions{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin:25px 0 30px}.dialog-decisions>div{border-top:1px solid #ffffff30;padding-top:22px}.dialog-decisions h3{font-size:18px;line-height:1.4;margin:0 0 10px}.dialog-decisions p{font-size:13px;line-height:1.8;color:#bdc7d6;margin:0}.case-credit{margin-bottom:25px}
@media(min-width:1500px){.cinema-brand.hero-art{max-width:370px}.hero{padding-top:calc(var(--header) + 70px)}}
@media(max-width:1100px){.hero-grid{column-gap:5%;grid-template-columns:1.25fr .75fr}.hero h1{font-size:clamp(3rem,5.6vw,4.4rem)}.cinema-brand.hero-art{max-width:290px}.hero-lead{font-size:15px}.case-choices{gap:10px}.case-choice-label{padding:10px;gap:6px;min-height:65px}.case-choice-label small{display:none}.selected-caption{gap:25px}.method-cinema{gap:7%}.method-list h3{font-size:25px}.hero .hero-actions{flex-direction:row}}
@media(max-width:900px){.case-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.case-choice-label{min-height:50px}.case-choice-label small{display:block}.method-cinema{gap:35px}.method-direction{position:static}.method-emblem{display:none}}
@media(max-width:780px){
 .hero{padding-top:calc(var(--header) + 38px)}.hero-grid{grid-template-columns:1fr;grid-template-areas:'heading' 'details' 'art';gap:0;padding-bottom:36px}.hero-heading{width:100%}.hero h1{font-size:clamp(2.6rem,7.8vw,4.4rem);max-width:620px}.hero .eyebrow{margin-bottom:22px}.hero-lead{margin-top:24px;max-width:570px;font-size:15px}.hero-actions{margin-top:24px}.hero-note{max-width:none}
 .cinema-brand.hero-art{max-width:none;justify-self:stretch;display:block;margin-top:30px}.brand-film{display:grid;grid-template-columns:140px 1fr;grid-template-areas:'video top' 'video caption';gap:12px 25px;align-items:center;padding:20px 0;border-block:1px solid #ffffff23}.brand-film-window{grid-area:video;width:140px}.film-topline{grid-area:top;display:block;align-self:end;margin:0;font-size:9px;white-space:normal}.film-topline>span{display:block}.film-topline>span+span{margin-top:5px}.film-caption{grid-area:caption;display:block;align-self:start;margin:0;font-size:12px}.film-caption>span{display:block}.film-toggle{margin-top:15px}.brand-film .film-error{grid-column:1 / -1}.brand-film .film-fallback{grid-column:2}
 .portfolio{padding-top:58px}.portfolio .split-heading{margin-bottom:30px}.portfolio .split-heading .section-lead{justify-self:start;max-width:580px;font-size:14px}.selected-caption{grid-template-columns:1fr 1fr;gap:20px;padding:25px 0;min-height:0}.selected-caption .selected-objective{grid-column:2}.selected-caption>div{grid-row:1 / 3}.selected-caption>p{font-size:13px}.selected-caption h3{font-size:25px}.case-expand{right:12px;bottom:12px;min-height:44px;padding:10px 13px;font-size:11px;gap:16px}.screen-topline{padding:9px 12px;font-size:9px}.method-cinema{grid-template-columns:1fr;gap:30px}.method-direction .section-lead{max-width:590px}.method-list li{min-height:0;padding-bottom:32px}.method-list p{max-width:620px}.structure-layers>div{grid-template-columns:24px 1fr;padding:18px;font-size:12px}.structure-layers strong{grid-column:2;text-align:left}.structure-layers>div:nth-child(2){margin-left:14px}.structure-layers>div:nth-child(3){margin-left:28px}
}
@media(max-width:520px){
 .hero h1{font-size:clamp(2.45rem,9.8vw,3.5rem);line-height:1.08}.hero .eyebrow{font-size:9px;letter-spacing:.06em}.hero-lead{font-size:14px;line-height:1.8;max-width:340px}.hero-actions .button{width:100%;justify-content:space-between;min-height:54px;padding-inline:17px;font-size:12px}.hero-actions{gap:8px}.hero-actions .text-link{font-size:12px}.hero .hero-bottom{font-size:10px}.hero-note{font-size:11px;line-height:1.7}
 .brand-film{grid-template-columns:120px 1fr;gap:10px 22px;padding-block:18px}.brand-film-window{width:120px}.film-topline{font-size:8px;letter-spacing:.055em;line-height:1.7}.film-caption{font-size:12px}.film-toggle{font-size:10px;margin-top:10px}.hero::before{top:-190px;right:-60%;width:130%;height:660px}
 .selected-caption{grid-template-columns:1fr;gap:14px;padding:23px 0}.selected-caption>div{grid-row:auto}.selected-caption .selected-objective{grid-column:auto;grid-template-columns:60px 1fr;gap:12px}.selected-caption h3{font-size:25px}.selected-caption .section-tag{font-size:9px;margin-bottom:8px}.selected-caption>p{max-width:none}.case-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.case-choice-label{min-height:52px;padding:10px}.case-choice-label strong{font-size:10px}.case-choice-label small{font-size:9px}.case-choice-label>span{font-size:16px}.screen-topline>span:last-child{display:none}.case-expand{position:static;width:100%;justify-content:space-between;background:#182333;border:0;border-top:1px solid #ffffff2a;font-size:11px;backdrop-filter:none}.selected-screen>img{aspect-ratio:2.12/1}
 .showreel-details{margin-top:28px}.showreel-details>summary{align-items:start;font-size:15px;padding:20px 0}.showreel-details>summary>span{font-size:9px;gap:15px;max-width:125px}.portfolio-access h3{font-size:25px}.portfolio-access{margin-top:28px}.service-row{padding:28px 12px;margin-inline:-12px;gap:20px}.service-title h3{font-size:33px}.service-details .service-intent{font-size:18px}.service-details>p{font-size:14px}.method-list li{padding-left:25px;grid-template-columns:30px 1fr;gap:10px 14px}.method-list h3{font-size:24px}.method-list p{font-size:14px}.method-direction h2{font-size:31px}.method-direction .section-lead{font-size:14px}
 .case-dialog,.brand-dialog{width:calc(100% - 20px);max-height:92dvh}.case-dialog-head{padding:10px 17px;gap:15px}.case-dialog-head>span{font-size:8px}.case-dialog-media{padding:15px 12px 0}.case-dialog-content{padding:23px 20px 28px}.case-dialog h2{font-size:28px}.dialog-decisions{grid-template-columns:1fr;gap:20px;margin:23px 0}.case-dialog .button{width:100%;font-size:12px;justify-content:space-between;gap:10px}.dialog-close{font-size:11px;gap:13px}.structure-layers>div{padding:15px;font-size:11px;gap:8px 12px}.structure-layers strong{font-size:10px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.cinema-ready .cinema-title-line,.motion-ready [data-reveal].reveal-enter{animation:none!important;opacity:1!important;translate:none!important;clip-path:none!important}.selected-screen,.structure-layers>div{transform:none!important}.case-choice,.button{transition:none}.case-choice:hover{translate:none}.method-step-path .method-draw{stroke-dashoffset:0!important}}

@media(max-width:380px){.hero h1{font-size:36px}.hero .eyebrow{font-size:8px}}