/* Versão 04: alternância de composição, série de vídeos e água em movimento. */
.about-bridge{color:var(--navy);font-size:.94rem}
.service-overview-card:focus-visible{background:#e3f0f8;border-color:#91bbd7;outline:2px solid #215c98;outline-offset:4px}
@media(hover:hover) and (pointer:fine){
 .service-overview-card .card-action{opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s}
 .service-overview-card:hover .card-action,.service-overview-card:focus-visible .card-action{opacity:1;transform:none}
}
.engagement-layout{display:grid;grid-template-columns:1fr 1.12fr;gap:clamp(38px,6vw,88px);align-items:start}
.engagement-heading{padding-top:18px}
.engagement-heading h2{max-width:17ch}
.engagement-heading>p:not(.eyebrow){margin-top:26px;max-width:43ch}
.engagement-layout .engagement-grid{grid-template-columns:1fr;gap:14px}
.engagement-layout .engagement-card{display:grid;grid-template-columns:27px 1fr;gap:0 21px;padding:24px 29px}
.engagement-layout .item-index{grid-row:1/3;margin:4px 0 0}
.engagement-layout .engagement-card h3{margin:0;font-size:1.1rem;min-height:0}
.engagement-layout .engagement-card p{grid-column:2;margin-top:9px;font-size:.92rem}
.engagement-reversed{grid-template-columns:1.12fr 1fr}
.engagement-reversed .engagement-heading{grid-column:2;grid-row:1;text-align:right}
.engagement-reversed .engagement-heading h2,.engagement-reversed .engagement-heading>p{margin-left:auto}
.engagement-reversed .engagement-grid{grid-column:1;grid-row:1}
.video-feature{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(36px,6vw,80px);align-items:center}
.video-feature-copy>p:not(.eyebrow){margin-top:24px;max-width:48ch}
.video-feature-copy .button{margin-top:28px}
.video-preview{aspect-ratio:16/10;border:1px solid #c3d9e8;border-radius:18px;overflow:hidden;padding:30px;display:flex;flex-direction:column;justify-content:space-between;gap:30px;background:linear-gradient(130deg,#edf5fa,#e0edf5);color:#174964}
.video-preview-top{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:.75rem;color:#36627e}
.video-badge{font-size:.68rem;border:1px solid #acc7d9;border-radius:30px;padding:5px 10px;white-space:nowrap}
.video-format{display:block;color:#215c98;font-size:.67rem;letter-spacing:.13em;text-transform:uppercase;margin-bottom:14px}
.video-preview h3{font-weight:400;font-size:clamp(1.7rem,2.65vw,2.3rem);line-height:1.18;letter-spacing:-.035em;color:#174964}
.video-preview-bottom{border-top:1px solid #b8d0e0;padding-top:17px;font-size:.69rem;line-height:1.7;color:#36627e}
.video-introduction{display:grid;grid-template-columns:1.35fr .75fr;gap:60px;align-items:end}
.video-introduction h1{max-width:20ch}
.video-introduction-note{padding-bottom:5px;max-width:34ch;border-top:1px solid #c9dce7;padding-top:24px}
.video-series .video-feature{grid-template-columns:1.35fr .75fr}
.video-series .video-preview{aspect-ratio:16/9}
.video-series .video-preview h3{font-size:clamp(2rem,3.1vw,2.8rem)}
.water-scroll,.water-scroll *{cursor:default!important}
.tube-track:before{content:none;animation:none}
.tube-water:after{background:repeating-linear-gradient(168deg,transparent 0 30px,#c8f1ff88 35px,transparent 46px);animation:water-drift 4.8s linear infinite;animation-play-state:running}
html[data-scroll-style=lamina] .tube-track{width:3px;left:10px;border:0;box-shadow:none;background:#dce7ed;border-radius:3px}
html[data-scroll-style=lamina] .tube-water{background:linear-gradient(90deg,#1c5b84,#4890b6);box-shadow:none}
html[data-scroll-style=tubo] .tube-track{width:7px;left:8px;border-color:#88acc2;box-shadow:inset 1px 0 2px #fff,inset -1px 0 2px #123c5545}
html[data-scroll-style=reflexo] .tube-track{width:10px;left:6px;border-color:#bfd1dd;background:#e6eff4}
html[data-scroll-style=reflexo] .tube-water{background:linear-gradient(90deg,#0b365bb3,#76c2ec33,#123b63bb),url('/assets/agua-nova.webp') 58% 0/auto 440px;animation:water-texture 16s linear infinite}
html[data-scroll-style=reflexo] .tube-water:after{opacity:.55}
@keyframes water-drift{to{background-position:0 92px}}
@keyframes water-texture{to{background-position:0 0,58% 440px}}
@media(max-width:900px){.engagement-layout{gap:36px;grid-template-columns:.95fr 1.05fr}.engagement-heading h2{font-size:2.2rem}.engagement-layout .engagement-card{padding:23px 21px;gap:0 13px}.video-feature,.video-series .video-feature{gap:32px;grid-template-columns:1fr 1fr}.video-preview{padding:24px;aspect-ratio:auto;min-height:320px}.video-introduction{grid-template-columns:1fr;gap:30px}.video-introduction-note{max-width:56ch}.video-feature-copy h2{font-size:2.1rem}}
@media(max-width:700px){.engagement-layout,.engagement-reversed{display:flex;flex-direction:column;gap:29px}.engagement-heading{padding-top:0}.engagement-heading h2{font-size:1.98rem;max-width:21ch}.engagement-heading>p:not(.eyebrow){margin-top:20px;max-width:50ch}.engagement-reversed .engagement-heading{text-align:left}.engagement-reversed .engagement-heading h2,.engagement-reversed .engagement-heading>p{margin-left:0}.engagement-layout .engagement-grid{width:100%}.video-feature,.video-series .video-feature{display:flex;flex-direction:column;align-items:stretch;gap:30px}.video-feature-copy{order:-1}.video-feature-copy h2{font-size:1.98rem}.video-preview,.video-series .video-preview{aspect-ratio:16/10;min-height:280px}.video-preview h3,.video-series .video-preview h3{font-size:2rem}.video-preview-bottom{font-size:.68rem}.video-introduction{gap:24px}.video-introduction-note{border:0;padding:0}.video-series .video-feature-copy{order:0}}
@media(max-width:600px){html[data-scroll-style=lamina] .tube-track{left:9px;width:3px}html[data-scroll-style=tubo] .tube-track{left:7px;width:5px}html[data-scroll-style=reflexo] .tube-track{left:6px;width:7px}}
@media(prefers-reduced-motion:reduce){.tube-track:before,.tube-water,.tube-water:after{animation:none!important}.service-overview-card .card-action{transition:none}}

/* Versão 05: densidade moderada, contraste dos quadros e apresentação profissional. */
.about-cover{color:#f2f8fc}
.about-cover h2{color:#f2f8fc}
.about-cover .eyebrow{color:#c3dfef}
.about-cover-bottom span{color:#f2f8fc}
.experience-hero .container{max-width:1400px}
.experience-hero h1{max-width:none;font-size:clamp(2.4rem,3.8vw,3.7rem)}
.experience-hero .page-lead{max-width:960px;margin-inline:auto}
.experience-lines article{display:flex;gap:28px;align-items:center;justify-content:space-between}
.experience-quantity{flex-shrink:0;text-align:right;min-width:90px}
.experience-quantity strong{display:block;font-size:2.1rem;font-weight:400;line-height:1.2;color:var(--blue)}
.experience-quantity span{display:block;font-size:.75rem}
.experience-disclosure{padding-block:42px}
@media(max-width:600px){.specialty-options{grid-template-columns:repeat(3,minmax(0,1fr))}.specialty-options button{font-size:.74rem;padding:10px 8px}.experience-hero h1{font-size:2.35rem;line-height:1.14}.experience-lines article{gap:20px}.experience-quantity{min-width:65px}.experience-quantity strong{font-size:1.6rem}.experience-quantity span{font-size:.67rem}.experience-disclosure{padding-block:36px}}
