:root{--ease:cubic-bezier(.22,1,.36,1)}
.cinematic-home{background:#090b0b}
.reading-progress{position:fixed;z-index:100;left:0;right:0;top:0;height:3px;pointer-events:none}
.reading-progress span{display:block;width:100%;height:100%;background:var(--amber);transform:scaleX(0);transform-origin:left}
.cinematic-home .shell{transition:background .45s ease,transform .45s var(--ease)}
.cinematic-home .hero-copy{z-index:3}
.cinematic-home .hero h1{max-width:12.5ch;font-size:clamp(52px,5.6vw,88px);line-height:.94;letter-spacing:-.035em}
.cinematic-home .hero-image::before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 55% 30%,transparent 0 24%,rgba(4,6,6,.13) 55%,rgba(4,6,6,.35));pointer-events:none}
.scroll-invite{position:absolute;z-index:4;right:var(--page);bottom:8vh;color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.16em;font-size:10px;display:flex;align-items:center;gap:14px}
.scroll-invite i{width:42px;height:1px;background:#fff;position:relative;overflow:hidden}
.scroll-invite i::after{content:"";position:absolute;inset:0;background:var(--amber);animation:scan 2.2s ease-in-out infinite}
.manifesto{background:#070909;color:#fff;overflow:hidden}
.manifesto-stage{position:relative;isolation:isolate;height:clamp(640px,67vw,900px);display:flex;align-items:flex-end;overflow:hidden;background:#101919}
.manifesto-copy{position:relative;z-index:3;width:100%;padding:0 var(--page) 9vh}
.manifesto-copy p{margin:0 0 20px;color:#f2b557;text-transform:uppercase;letter-spacing:.18em;font:700 11px/1.4 Manrope,sans-serif}
.manifesto-copy h2{max-width:12ch;margin:0;font:400 clamp(44px,5.2vw,74px)/.98 "Bodoni Moda",serif;letter-spacing:-.035em;text-wrap:balance}
.manifesto-shade{position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(4,8,9,.9) 0,rgba(4,8,9,.56) 45%,rgba(4,8,9,.08) 78%),linear-gradient(0deg,rgba(4,8,9,.96) 0,rgba(4,8,9,.3) 58%,rgba(4,8,9,.08) 100%)}
.case-reel{position:absolute;z-index:1;inset:0;width:100%;height:100%;margin:0;overflow:hidden}
.case-reel-track{display:flex;width:max-content;height:100%;animation:case-film 54s linear infinite;animation-play-state:paused;will-change:transform}
.case-reel.is-visible:not(.is-paused) .case-reel-track{animation-play-state:running}
.case-reel-set{display:flex;height:100%;gap:4px;padding-right:4px}
.case-frame{position:relative;flex:none;height:100%;margin:0;overflow:hidden;background:#172126}
.case-frame.portrait{width:clamp(390px,38vw,590px)}
.case-frame.landscape{width:clamp(760px,73vw,1120px)}
.case-frame img{width:100%;height:100%;object-fit:cover;filter:saturate(.9);transition:filter .35s ease,transform .7s var(--ease)}
.case-frame:hover img{filter:saturate(1);transform:scale(1.018)}
.case-frame figcaption{position:absolute;left:18px;top:18px;margin:0;padding:9px 11px;background:rgba(8,10,10,.64);color:#fff;text-transform:uppercase;letter-spacing:.12em;font:700 10px/1.2 Manrope,sans-serif;backdrop-filter:blur(8px)}
.case-reel-actions{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0;padding:28px var(--page) 38px;border-top:1px solid rgba(255,255,255,.24);background:#0b2028}
.case-reel-actions .button{min-height:52px;display:inline-flex;align-items:center;justify-content:center}
.case-motion{min-height:44px;padding:0;border:0;border-bottom:1px solid rgba(255,255,255,.55);background:transparent;color:#fff;text-transform:uppercase;letter-spacing:.12em;font:700 10px Manrope,sans-serif;cursor:pointer}
.case-motion:hover,.case-motion:focus-visible{color:#f2b557;border-color:#f2b557}
.case-reel.is-paused .case-reel-track{animation-play-state:paused}
.cinematic-home .pathways{background:#f3efe6}
.cinematic-home .path-list a{position:relative;isolation:isolate;overflow:hidden}
.cinematic-home .path-list a::before{content:"";position:absolute;z-index:-1;inset:0;background:var(--blue);transform:translateY(101%);transition:transform .65s var(--ease)}
.cinematic-home .path-list a:hover::before,.cinematic-home .path-list a:focus-visible::before{transform:translateY(0)}
.cinematic-home .path-list a:hover,.cinematic-home .path-list a:focus-visible{background:transparent}
.cinematic-home .people-cinema{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr;place-items:end start;min-height:100svh;margin:0;padding:0;overflow:hidden;background:#101313;color:#fff}
.cinematic-home .people-cinema::after{content:"";position:absolute;z-index:1;inset:-20%;pointer-events:none;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.14) 49%,transparent 58%);opacity:0;transform:translate3d(-55%,0,0)}
.cinematic-home .people-cinema.is-active::after{animation:people-light 14s ease-in-out infinite}
.cinematic-home .people-film{position:absolute;z-index:0;inset:0;margin:0;overflow:hidden}
.cinematic-home .people-film img{width:100%;height:100%;object-fit:cover;object-position:center 38%;transform:scale(1.025) translate3d(0,0,0)}
.cinematic-home .people-cinema.is-active .people-film img{animation:people-camera 16s linear infinite alternate}
.cinematic-home .people-shade{position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,rgba(5,10,11,.88) 0,rgba(5,10,11,.62) 38%,rgba(5,10,11,.12) 72%),linear-gradient(0deg,rgba(5,10,11,.92) 0,transparent 58%)}
.cinematic-home .people-story{position:relative;z-index:3;width:min(100%,1100px);padding:12vh var(--page) 9vh}
.cinematic-home .people-story h2{max-width:9ch;margin:0;font:400 clamp(48px,5vw,76px)/.95 "Bodoni Moda",serif;letter-spacing:-.035em;text-wrap:balance}
.cinematic-home .people-story>p{max-width:52ch;margin:26px 0 7vh;color:rgba(255,255,255,.82);font-size:clamp(16px,1.2vw,20px);line-height:1.65}
.cinematic-home .people-credit{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;padding-top:24px;border-top:1px solid rgba(255,255,255,.48)}
.cinematic-home .people-credit p{display:flex;flex-direction:column;gap:8px;margin:0;font-size:14px;line-height:1.45}
.cinematic-home .people-credit strong{font:400 clamp(28px,3vw,42px)/1 "Bodoni Moda",serif}
.cinematic-home .people-credit span{color:rgba(255,255,255,.76)}
.cinematic-home .people-credit .button{flex:0 0 auto;min-width:220px;min-height:48px;padding:14px 18px;font-size:11px}
@keyframes people-camera{to{transform:scale(1.105) translate3d(0,-1.2%,0)}}
@keyframes people-light{0%,18%{opacity:0;transform:translate3d(-55%,0,0)}38%{opacity:.7}58%,100%{opacity:0;transform:translate3d(55%,0,0)}}
.cinematic-home #legado>.section-intro h2{max-width:12ch}
.cinematic-home .video-card>div{opacity:.72;transform:translateY(28px);transition:opacity .75s ease,transform .9s var(--ease)}
.cinematic-home .video-card.is-seen>div{opacity:1;transform:none}
.cinematic-home .video-card video{transition:transform 1s var(--ease),filter 1s ease;filter:saturate(.75)}
.cinematic-home .video-card.is-seen video{transform:scale(1.015);filter:saturate(1)}
.cinematic-home .contact{min-height:90svh;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 50% 35%,#285363,#15333e 55%,#0d242c)}
.cinematic-home [data-reveal]{opacity:1;transform:none}
.cinematic-home.motion-ready [data-reveal]{opacity:.72;transform:translateY(32px);transition:opacity .75s ease,transform .9s var(--ease)}
.cinematic-home.motion-ready [data-reveal].is-seen{opacity:1;transform:none}
@keyframes scan{0%{transform:translateX(-105%)}55%,100%{transform:translateX(105%)}}
@keyframes case-film{to{transform:translateX(-50%)}}

@media(max-width:760px){
  .cinematic-home .hero-copy{bottom:34px}
  .cinematic-home .hero h1{max-width:12ch;font-size:clamp(44px,10.5vw,52px);line-height:.96}
  .scroll-invite{display:none}
  .manifesto-stage{height:clamp(620px,142vw,760px)}
  .manifesto-copy{padding:0 20px 7vh}
  .manifesto-copy p{margin-bottom:16px;font-size:10px;letter-spacing:.16em}
  .manifesto-copy h2{max-width:10.5ch;font-size:clamp(39px,10.2vw,47px);line-height:.99}
  .manifesto-shade{background:linear-gradient(0deg,rgba(4,8,9,.97) 0,rgba(4,8,9,.68) 43%,rgba(4,8,9,.12) 76%,rgba(4,8,9,.04) 100%)}
  .case-frame.portrait{width:92vw}
  .case-frame.landscape{width:138vw}
  .case-frame figcaption{left:14px;top:14px}
  .case-reel-actions{align-items:stretch;flex-direction:column;padding:24px 20px 32px}
  .case-reel-actions .button{width:100%}
  .case-motion{align-self:center}
  .cinematic-home .pathways .section-intro{min-height:82svh;display:flex;flex-direction:column;justify-content:center}
  .cinematic-home .path-list a{min-height:65svh}
  .cinematic-home .people-cinema{min-height:100svh}
  .cinematic-home .people-film img{object-position:center center}
  .cinematic-home .people-shade{background:linear-gradient(0deg,rgba(5,10,11,.96) 0,rgba(5,10,11,.66) 42%,rgba(5,10,11,.04) 76%)}
  .cinematic-home .people-story{padding:44vh 20px 8vh}
  .cinematic-home .people-story h2{max-width:10ch;font-size:clamp(44px,10.5vw,54px);line-height:.96}
  .cinematic-home .people-story>p{margin:22px 0 5vh;font-size:16px;line-height:1.55}
  .cinematic-home .people-credit{align-items:stretch;flex-direction:column;gap:24px}
  .cinematic-home .people-credit p{font-size:13px}
  .cinematic-home .people-credit strong{font-size:30px}
  .cinematic-home .people-credit .button{align-self:flex-start;width:auto;min-width:0}
  .cinematic-home #legado>.section-intro{min-height:92svh}
  .cinematic-home .video-card{padding:15vh 0}
  .cinematic-home .contact{min-height:100svh}
}
@media(prefers-reduced-motion:reduce){
  .case-reel-track,.scroll-invite i::after{animation:none;transform:none}
  .case-reel{overflow-x:auto;mask-image:none;scroll-snap-type:x mandatory}
  .case-reel-set[aria-hidden="true"]{display:none}
  .case-frame{scroll-snap-align:center}
  .case-motion{display:none}
  .cinematic-home [data-reveal],.cinematic-home .video-card>div{opacity:1;transform:none;transition:none}
}

/* Sequência de abertura com fotografias oficiais. */
.cinematic-home .hero-sequence{isolation:isolate}
.cinematic-home .hero-sequence::after{z-index:8}
.cinematic-home .hero-frame{position:absolute;inset:0;margin:0;opacity:0;overflow:hidden;animation:hero-frame 24s linear infinite;animation-delay:var(--scene-delay)}
.cinematic-home .hero-frame img{height:100%;object-fit:cover;transform:var(--camera-from);animation:hero-camera 24s linear infinite;animation-delay:var(--scene-delay)}
.cinematic-home .hero-frame.frame-lobby-art{--scene-delay:-1.2s;--camera-from:scale(1.035) translate3d(0,0,0);--camera-to:scale(1.12) translate3d(-1%,.7%,0)}
.cinematic-home .hero-frame.frame-reception{--scene-delay:4.8s;--camera-from:scale(1.11) translate3d(-.6%,0,0);--camera-to:scale(1.04) translate3d(.4%,-.4%,0)}
.cinematic-home .hero-frame.frame-lounge{--scene-delay:10.8s;--camera-from:scale(1.04) translate3d(0,.4%,0);--camera-to:scale(1.12) translate3d(.7%,-.7%,0)}
.cinematic-home .hero-frame.frame-clinic-wide{--scene-delay:16.8s;--camera-from:scale(1.11) translate3d(.6%,-.4%,0);--camera-to:scale(1.045) translate3d(-.4%,.3%,0)}
.cinematic-home .hero-frame img{object-position:center}
@keyframes hero-frame{0%{opacity:0}4%,21%{opacity:1}25%,100%{opacity:0}}
@keyframes hero-camera{0%{transform:var(--camera-from)}25%,100%{transform:var(--camera-to)}}

@media(max-width:760px){
  .cinematic-home .hero-frame.frame-lobby-art img{object-position:54% center}
  .cinematic-home .hero-frame.frame-reception img{object-position:58% center}
  .cinematic-home .hero-frame.frame-lounge img{object-position:54% center}
  .cinematic-home .hero-frame.frame-clinic-wide img{object-position:53% center}
}

@media(prefers-reduced-motion:reduce){
  .cinematic-home .hero-frame{animation:none}
  .cinematic-home .hero-frame:first-child{opacity:1}
  .cinematic-home .hero-frame img{animation:none}
  .cinematic-home .people-cinema::after,.cinematic-home .people-film img{animation:none}
}

/* Legado como sequência cinematográfica, não como matéria editorial. */
.legacy-cinema{background:#d18a2e;color:#102833;overflow:hidden}
.legacy-prologue{min-height:92svh;padding:14vh var(--page);display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 82% 22%,#f0bf70 0,transparent 34%),linear-gradient(145deg,#e5a84f,#c97421)}
.legacy-prologue p,.cinema-name{text-transform:uppercase;letter-spacing:.2em;font-size:12px;font-weight:700}
.legacy-prologue h2{font:400 clamp(64px,9vw,140px)/.88 "Bodoni Moda",serif;letter-spacing:-.055em;max-width:12ch;margin:28px 0 0;text-wrap:balance}
.cinema-scenes{background:#183943}
.cinema-scene{position:relative;min-height:100svh;isolation:isolate;overflow:hidden;display:flex;align-items:flex-end;color:#fff}
.cinema-film{position:absolute;z-index:-3;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;background:#173742}
.cinema-shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(180deg,rgba(10,22,26,.04) 28%,rgba(9,25,30,.25) 55%,rgba(9,25,30,.9) 100%)}
.cinema-scene::after{content:"";position:absolute;z-index:-1;left:var(--page);right:var(--page);bottom:0;height:1px;background:rgba(255,255,255,.35)}
.cinema-copy{width:100%;padding:12vh var(--page) 9vh;display:grid;grid-template-columns:.35fr 1fr;column-gap:8vw;align-items:end}
.cinema-copy .cinema-name{color:#f2b557;align-self:start;margin:15px 0 0}
.cinema-copy h3{max-width:11ch;margin:0;font:400 clamp(56px,6.5vw,96px)/.92 "Bodoni Moda",serif;letter-spacing:-.04em;text-wrap:balance}
.cinema-copy .cinema-line{grid-column:2;font-size:clamp(16px,1.5vw,22px);margin:28px 0;max-width:38ch}
.cinema-sound{grid-column:2;width:max-content;border:1px solid rgba(255,255,255,.65);background:rgba(18,45,53,.44);backdrop-filter:blur(12px);color:#fff;padding:16px 22px;text-transform:uppercase;letter-spacing:.12em;font:700 11px Manrope;cursor:pointer}
.cinema-sound::before{content:"▶";margin-right:12px;color:#f2b557}
.cinema-sound[aria-pressed="true"]::before{content:"Ⅱ"}
.cinema-neymar .cinema-shade{background:linear-gradient(180deg,rgba(21,36,35,.02),rgba(15,39,44,.24) 50%,rgba(15,39,44,.92))}
.legacy-epilogue{position:relative;isolation:isolate;height:clamp(640px,72vw,940px);display:flex;align-items:flex-end;overflow:hidden;background:#050606;color:#fff}
.legacy-epilogue>img{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 32%}
.legacy-epilogue-shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(3,5,5,.82),transparent 62%),linear-gradient(0deg,rgba(3,5,5,.94),rgba(3,5,5,.06) 68%)}
.legacy-epilogue-copy{width:100%;padding:8vh var(--page)}
.legacy-epilogue-copy p{max-width:43ch;margin:0;color:rgba(255,255,255,.9);font:400 clamp(18px,1.65vw,25px)/1.5 Manrope,sans-serif;letter-spacing:0;text-wrap:pretty}
.legacy-epilogue-copy .button{display:inline-flex;margin-top:30px;background:rgba(3,5,5,.28)}

@media(max-width:760px){
  .legacy-prologue{min-height:100svh;padding:14vh 20px}
  .legacy-prologue h2{font-size:15.5vw;line-height:.89}
  .cinema-scene{min-height:100svh}
  .cinema-film{object-position:center top}
  .cinema-copy{padding:12vh 20px 7vh;display:block}
  .cinema-copy .cinema-name{margin-bottom:22px}
  .cinema-copy h3{max-width:11ch;font-size:clamp(44px,10.5vw,54px);line-height:.95}
  .cinema-neymar .cinema-copy h3{max-width:11.5ch;font-size:clamp(42px,9.8vw,50px)}
  .cinema-copy .cinema-line{margin:24px 0}
  .cinema-sound{min-height:48px}
  .legacy-epilogue{height:clamp(620px,145vw,800px)}
  .legacy-epilogue>img{object-position:center 34%}
  .legacy-epilogue-shade{background:linear-gradient(0deg,rgba(3,5,5,.96),rgba(3,5,5,.56) 38%,transparent 68%)}
  .legacy-epilogue-copy{padding:0 20px 7vh}
  .legacy-epilogue-copy p{max-width:31ch;font-size:18px;line-height:1.5}
  .legacy-epilogue-copy .button{margin-top:24px;min-height:48px}
}

@media(prefers-reduced-motion:reduce){.cinema-film{transform:none!important}}

/* Formas de cuidar como um filme contínuo, sem capítulos presos à viewport. */
.care-cinema{background:#060808;color:#fff;overflow:hidden}
.care-prologue{position:relative;isolation:isolate;height:clamp(620px,64vw,900px);display:flex;align-items:flex-end;overflow:hidden}
.care-prologue-film{position:absolute;z-index:-3;inset:0;margin:0;overflow:hidden}
.care-prologue-film img{width:100%;height:100%;object-fit:cover;object-position:center 55%;transform:scale(1.025)}
.care-prologue.is-active .care-prologue-film img{animation:care-prologue-camera 18s linear infinite alternate}
.care-prologue-shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(4,7,8,.9),rgba(4,7,8,.34) 55%,transparent 82%),linear-gradient(0deg,rgba(4,7,8,.93),transparent 66%)}
.care-prologue-copy{width:100%;padding:8vh var(--page)}
.care-prologue-copy h2{max-width:10ch;margin:0 0 24px;font:400 clamp(52px,6vw,88px)/.95 "Bodoni Moda",serif;letter-spacing:-.035em;text-wrap:balance}
.care-prologue-copy>span{display:block;max-width:48ch;color:rgba(255,255,255,.84);font-size:clamp(16px,1.25vw,20px);line-height:1.6}
.care-reel{height:clamp(290px,34vw,500px);overflow:hidden;background:#030505;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.care-reel-track{display:flex;width:max-content;height:100%;will-change:transform;animation:care-film 58s linear infinite;animation-play-state:paused}
.care-reel.is-visible:not(.is-paused) .care-reel-track{animation-play-state:running}
.care-reel-set{display:flex;height:100%;gap:clamp(8px,1vw,16px);padding-right:clamp(8px,1vw,16px)}
.care-reel figure{flex:none;width:clamp(290px,34vw,500px);height:100%;margin:0;overflow:hidden;background:#0b0d0e}
.care-reel figure.landscape{width:clamp(386px,45.3vw,666px)}
.care-reel img{width:100%;height:100%;object-fit:cover;filter:saturate(.86);transition:filter .45s ease,transform .8s var(--ease)}
.care-reel figure:hover img{filter:saturate(1);transform:scale(1.025)}
.care-motion{display:block;min-height:44px;margin:18px var(--page) 34px auto;padding:0;border:0;border-bottom:1px solid rgba(255,255,255,.55);background:transparent;color:#fff;text-transform:uppercase;letter-spacing:.12em;font:700 10px Manrope,sans-serif;cursor:pointer}
.care-motion:hover,.care-motion:focus-visible{color:#f2b557;border-color:#f2b557}
.care-paths{padding:0 var(--page) 9vh;background:#103541;border-top:1px solid rgba(255,255,255,.25)}
.care-paths a{min-height:clamp(116px,12vw,176px);display:grid;grid-template-columns:1.15fr 1fr auto;gap:5vw;align-items:center;border-bottom:1px solid rgba(255,255,255,.3);color:#fff;text-decoration:none}
.care-paths span{font:400 clamp(30px,3.5vw,52px)/1.02 "Bodoni Moda",serif;letter-spacing:-.025em}
.care-paths small{color:rgba(255,255,255,.76);font-size:clamp(14px,1.2vw,17px);line-height:1.5}
.care-paths svg{width:30px;height:30px;fill:none;stroke:#f2b557;stroke-width:1.5;transition:transform .4s var(--ease)}
.care-paths a:hover svg,.care-paths a:focus-visible svg{transform:translateX(8px)}
@keyframes care-prologue-camera{to{transform:scale(1.1) translate3d(1.3%,-.8%,0)}}
@keyframes care-film{to{transform:translateX(-50%)}}

@media(max-width:760px){
  .care-prologue{height:clamp(620px,140vw,780px)}
  .care-prologue-film img{object-position:62% center}
  .care-prologue-shade{background:linear-gradient(0deg,rgba(4,7,8,.97),rgba(4,7,8,.65) 43%,rgba(4,7,8,.04) 78%)}
  .care-prologue-copy{padding:0 20px 7vh}
  .care-prologue-copy h2{max-width:10ch;margin-bottom:18px;font-size:clamp(42px,10.5vw,50px);line-height:.97}
  .care-prologue-copy>span{font-size:15px;line-height:1.55}
  .care-reel{height:clamp(270px,76vw,390px);mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent)}
  .care-reel figure{width:clamp(270px,76vw,390px)}
  .care-reel figure.landscape{width:clamp(360px,101vw,520px)}
  .care-motion{margin-right:20px;margin-bottom:28px}
  .care-paths{padding:0 20px 8vh}
  .care-paths a{min-height:0;padding:28px 0;grid-template-columns:1fr auto;gap:10px 18px}
  .care-paths span{font-size:clamp(29px,7.8vw,37px)}
  .care-paths small{grid-column:1;font-size:14px}
  .care-paths svg{grid-column:2;grid-row:1/3;width:26px;height:26px}
}

@media(prefers-reduced-motion:reduce){
  .care-prologue-film img,.care-reel-track{animation:none!important;transform:none!important}
  .care-reel{overflow-x:auto;mask-image:none;scroll-snap-type:x mandatory}
  .care-reel-set[aria-hidden="true"]{display:none}
  .care-reel figure{scroll-snap-align:center}
  .care-motion{display:none}
}

/* Tratamentos como sequência de planos fotográficos. */
.treatments-cinema{background:#071216;color:#fff;overflow:hidden}
.treatments-prologue,.treatment-scene{position:relative;isolation:isolate;display:flex;align-items:flex-end;overflow:hidden}
.treatments-prologue{height:clamp(640px,67vw,900px)}
.treatment-scene{height:clamp(560px,58vw,760px);border-top:1px solid rgba(255,255,255,.28)}
.treatment-film{position:absolute;z-index:-3;inset:0;margin:0;overflow:hidden;background:#0b1518}
.treatment-film img{width:100%;height:100%;object-fit:cover;transform:scale(1.025);filter:saturate(.86);will-change:transform}
[data-treatment-scene].is-active .treatment-film:not(.treatment-film-pair) img{animation:treatment-camera 18s linear infinite alternate}
.treatments-prologue .treatment-film img{object-position:center 44%}
.treatment-scene:nth-child(1) .treatment-film img{object-position:center 54%}
.treatment-scene:nth-child(2) .treatment-film img{object-position:center 48%}
.treatment-scene:nth-child(3) .treatment-film img{object-position:center 42%}
.treatment-scene:nth-child(4) .treatment-film img{object-position:center 38%}
.treatment-shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(3,8,10,.9) 0,rgba(3,8,10,.52) 48%,rgba(3,8,10,.08) 78%),linear-gradient(0deg,rgba(3,8,10,.94) 0,rgba(3,8,10,.18) 62%,rgba(3,8,10,.06) 100%)}
.treatment-scene-right .treatment-shade{background:linear-gradient(270deg,rgba(3,8,10,.9) 0,rgba(3,8,10,.48) 48%,rgba(3,8,10,.06) 78%),linear-gradient(0deg,rgba(3,8,10,.94) 0,rgba(3,8,10,.16) 62%,rgba(3,8,10,.04) 100%)}
.treatments-prologue-copy,.treatment-copy{position:relative;z-index:2;width:100%;padding:0 var(--page) 8vh}
.treatments-prologue-copy h2{max-width:12ch;margin:0;font:400 clamp(44px,5.2vw,74px)/.98 "Bodoni Moda",serif;letter-spacing:-.035em;text-wrap:balance}
.treatments-prologue-copy p{max-width:46ch;margin:24px 0 0;color:rgba(255,255,255,.84);font-size:clamp(16px,1.25vw,20px);line-height:1.6}
.treatment-copy{max-width:760px}
.treatment-scene-right .treatment-copy{margin-left:auto}
.treatment-copy h3{max-width:11ch;margin:0;font:400 clamp(38px,4.4vw,64px)/1 "Bodoni Moda",serif;letter-spacing:-.03em;text-wrap:balance}
.treatment-copy p{max-width:46ch;margin:20px 0 0;color:rgba(255,255,255,.86);font-size:clamp(16px,1.2vw,19px);line-height:1.6}
.treatment-copy a{display:inline-flex;align-items:center;min-height:48px;margin-top:22px;color:#fff;text-transform:uppercase;text-decoration:none;letter-spacing:.12em;font:700 11px Manrope,sans-serif;border-bottom:1px solid rgba(255,255,255,.72)}
.treatment-copy a::after{content:"";width:24px;height:1px;margin-left:14px;background:#f2b557;transition:transform .4s var(--ease)}
.treatment-copy a:hover::after,.treatment-copy a:focus-visible::after{transform:translateX(8px)}
.treatment-film-pair{transform:scale(1.025)}
.treatment-film-pair img{position:absolute;inset:0;transform:none}
.treatment-film-pair .treatment-after{clip-path:inset(0 100% 0 0)}
.treatment-film-pair span{position:absolute;z-index:2;top:22px;padding:9px 11px;background:rgba(5,10,11,.68);color:#fff;text-transform:uppercase;letter-spacing:.12em;font:700 10px/1.2 Manrope,sans-serif}
.treatment-before-label{left:22px}
.treatment-after-label{right:22px}
.treatment-film-pair i{position:absolute;z-index:3;left:0;top:0;bottom:0;width:1px;background:rgba(255,255,255,.82);box-shadow:0 0 18px rgba(255,255,255,.35)}
.treatment-scene.is-active .treatment-film-pair{animation:treatment-camera 18s linear infinite alternate}
.treatment-scene.is-active .treatment-film-pair .treatment-after{animation:treatment-result 14s var(--ease) infinite}
.treatment-scene.is-active .treatment-film-pair i{animation:treatment-divider 14s var(--ease) infinite}
@keyframes treatment-camera{to{transform:scale(1.095) translate3d(1%,-.7%,0)}}
@keyframes treatment-result{0%,18%,100%{clip-path:inset(0 100% 0 0)}45%,78%{clip-path:inset(0 0 0 0)}}
@keyframes treatment-divider{0%,18%,100%{transform:translate3d(0,0,0)}45%,78%{transform:translate3d(100vw,0,0)}}

@media(max-width:760px){
  .treatments-prologue{height:clamp(620px,142vw,760px)}
  .treatment-scene{height:clamp(580px,135vw,700px)}
  .treatments-prologue .treatment-film img{object-position:58% center}
  .treatment-scene:nth-child(1) .treatment-film img{object-position:56% center}
  .treatment-scene:nth-child(2) .treatment-film img{object-position:center}
  .treatment-scene:nth-child(3) .treatment-film img{object-position:48% center}
  .treatment-scene:nth-child(4) .treatment-film img{object-position:center 38%}
  .treatment-shade,.treatment-scene-right .treatment-shade{background:linear-gradient(0deg,rgba(3,8,10,.97) 0,rgba(3,8,10,.67) 42%,rgba(3,8,10,.1) 76%,rgba(3,8,10,.04) 100%)}
  .treatments-prologue-copy,.treatment-copy{padding:0 20px 7vh}
  .treatments-prologue-copy h2{max-width:11ch;font-size:clamp(39px,10.2vw,47px);line-height:.99}
  .treatments-prologue-copy p{margin-top:18px;font-size:15px;line-height:1.55}
  .treatment-copy h3{max-width:10ch;font-size:clamp(36px,9.5vw,44px);line-height:1.02}
  .treatment-copy p{margin-top:16px;font-size:15px;line-height:1.55}
  .treatment-copy a{margin-top:18px}
  .treatment-film-pair span{top:16px}
  .treatment-before-label{left:16px}
  .treatment-after-label{right:16px}
}

@media(prefers-reduced-motion:reduce){
  .treatment-film img{animation:none!important;transform:none!important}
  .treatment-film-pair{animation:none!important;transform:none!important}
  .treatment-film-pair .treatment-after{animation:none!important;clip-path:inset(0 0 0 50%)}
  .treatment-film-pair i{animation:none!important;left:50%}
}

/* Planejamento como passagem contínua da clínica ao laboratório. */
.process-cinema{position:relative;isolation:isolate;height:clamp(760px,76vw,980px);display:flex;align-items:flex-end;overflow:hidden;background:#0b1518;color:#fff}
.process-films{position:absolute;z-index:-3;inset:0;overflow:hidden}
.process-film{position:absolute;inset:0;margin:0;opacity:0;overflow:hidden}
.process-film img{width:100%;height:100%;object-fit:cover;transform:scale(1.03);will-change:transform,opacity}
.process-film:first-child{opacity:1}
.process-film img{object-position:center}
.process-cinema.is-active .process-film{animation:process-frame 35s linear infinite;animation-delay:var(--process-delay)}
.process-cinema.is-active .process-film img{animation:process-camera 14s linear infinite alternate}
.process-shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(3,8,10,.9) 0,rgba(3,8,10,.54) 50%,rgba(3,8,10,.12) 80%),linear-gradient(0deg,rgba(3,8,10,.97) 0,rgba(3,8,10,.35) 62%,rgba(3,8,10,.08) 100%)}
.process-story{width:100%;padding:0 var(--page) 7vh}
.process-cinema-copy{max-width:780px}
.process-cinema-copy h2{max-width:11ch;margin:0;font:400 clamp(44px,5.2vw,74px)/.98 "Bodoni Moda",serif;letter-spacing:-.035em;text-wrap:balance}
.process-cinema-copy p{max-width:48ch;margin:22px 0 0;color:rgba(255,255,255,.85);font-size:clamp(16px,1.25vw,20px);line-height:1.6}
.process-cinema-copy a{display:inline-flex;align-items:center;min-height:48px;margin-top:18px;color:#fff;text-transform:uppercase;text-decoration:none;letter-spacing:.12em;font:700 11px Manrope,sans-serif;border-bottom:1px solid rgba(255,255,255,.72)}
.process-cinema-copy a::after{content:"";width:24px;height:1px;margin-left:14px;background:#f2b557;transition:transform .4s var(--ease)}
.process-cinema-copy a:hover::after,.process-cinema-copy a:focus-visible::after{transform:translateX(8px)}
.process-journey{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin:6vh 0 0;padding:0;border-top:1px solid rgba(255,255,255,.48);list-style:none}
.process-journey li{min-width:0;padding:18px 18px 0 0;color:#fff;font:400 clamp(17px,1.55vw,22px)/1.3 Manrope,sans-serif}
.process-journey li+li{padding-left:18px;border-left:1px solid rgba(255,255,255,.28)}
.process-journey span{display:block;margin-bottom:8px;color:#f2b557;font:700 10px/1 Manrope,sans-serif;letter-spacing:.12em}
@keyframes process-frame{0%{opacity:0}2%,17%{opacity:1}21%,100%{opacity:0}}
@keyframes process-camera{to{transform:scale(1.1) translate3d(1%,-.6%,0)}}

@media(max-width:760px){
  .process-cinema{height:clamp(820px,190vw,940px)}
  .process-room-a img{object-position:54% center}
  .process-room-b img{object-position:52% center}
  .process-lounge img{object-position:55% center}
  .process-corridor-a img{object-position:center}
  .process-corridor-b img{object-position:60% center}
  .process-shade{background:linear-gradient(0deg,rgba(3,8,10,.98) 0,rgba(3,8,10,.73) 58%,rgba(3,8,10,.1) 86%,rgba(3,8,10,.04) 100%)}
  .process-story{padding:0 20px 6vh}
  .process-cinema-copy h2{max-width:11ch;font-size:clamp(39px,10.2vw,47px);line-height:.99}
  .process-cinema-copy p{margin-top:18px;font-size:15px;line-height:1.55}
  .process-journey{grid-template-columns:1fr;margin-top:4vh}
  .process-journey li{display:grid;grid-template-columns:36px 1fr;align-items:center;min-height:46px;padding:0;border-bottom:1px solid rgba(255,255,255,.22);font-size:16px}
  .process-journey li+li{padding-left:0;border-left:0}
  .process-journey span{margin:0;font-size:9px}
}

@media(prefers-reduced-motion:reduce){
  .process-film,.process-film img{animation:none!important;transform:none!important}
  .process-film:first-child{opacity:1}
  .process-film:not(:first-child){opacity:0}
}

/* História como travessia de épocas no mesmo palco. */
.history-cinema{--history-progress:.1667;position:relative;isolation:isolate;background:#070909;color:#fff}
.history-stage{position:sticky;z-index:0;top:0;height:100svh;overflow:hidden;isolation:isolate}
.history-films{position:absolute;z-index:-3;inset:0;background:#101313}
.history-film{position:absolute;inset:0;margin:0;opacity:0;overflow:hidden;transition:opacity .9s ease}
.history-film.is-current{opacity:1}
.history-film img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(1.04);transform:scale(1.035);will-change:transform}
.history-cinema.is-active .history-film.is-current img{animation:history-camera 10s linear both}
.history-film-archive img{object-position:center}
.history-film-care img{object-position:center 44%}
.history-film-family-event::before{content:"";position:absolute;inset:-6%;background:url("assets/historia-1956-familia-evento-crop.jpg") center/cover;filter:blur(28px) brightness(.58);transform:scale(1.08)}
.history-film-family-event img{position:absolute;z-index:1;left:0;top:50%;width:100%;height:auto;object-fit:initial;transform:translateY(-50%) scale(1.015);filter:saturate(.84) contrast(1.04)}
.history-cinema.is-active .history-film-family-event.is-current img{animation:history-family-camera 10s linear both}
.history-film-silvana img{object-position:center 42%}
.history-film-rafa img{object-position:center 38%}
.history-film-today img{object-position:center 40%}
.history-shade{position:absolute;z-index:-2;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(3,7,8,.91) 0,rgba(3,7,8,.55) 46%,rgba(3,7,8,.12) 78%),linear-gradient(0deg,rgba(3,7,8,.97) 0,rgba(3,7,8,.28) 62%,rgba(3,7,8,.08) 100%)}
.history-progress{position:absolute;z-index:2;right:var(--page);top:12vh;bottom:12vh;width:1px;background:rgba(255,255,255,.3);overflow:hidden}
.history-progress i{display:block;width:100%;height:100%;background:#f2b557;transform:scaleY(var(--history-progress));transform-origin:top;transition:transform .7s var(--ease)}
.history-beats{position:relative;z-index:3;margin-top:-100svh}
.history-beat{min-height:100svh;display:flex;align-items:flex-end;padding:10vh var(--page);opacity:.48;transition:opacity .6s ease}
.history-beat.is-current{opacity:1}
.history-beat-copy{width:min(760px,76vw)}
.history-beat h2{max-width:11ch;margin:0 0 5vh;font:400 clamp(46px,5.3vw,74px)/.98 "Bodoni Moda",serif;letter-spacing:-.035em;text-wrap:balance}
.history-beat time{display:block;color:#f2b557;font:400 clamp(58px,7vw,96px)/.88 "Bodoni Moda",serif;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.history-beat p{max-width:42ch;margin:20px 0 0;color:rgba(255,255,255,.9);font-size:clamp(17px,1.35vw,21px);line-height:1.55}
.history-beat .button{display:inline-flex;width:auto;margin-top:28px;color:#fff}
@keyframes history-camera{to{transform:scale(1.105) translate3d(1%,-.7%,0)}}
@keyframes history-family-camera{to{transform:translateY(-50%) scale(1.065)}}

@media(max-width:760px){
  .history-film-archive img{object-position:center}
  .history-film-care img{object-position:45% center}
  .history-film-family-event img{left:-4%;width:108%}
  .history-film-silvana img{object-position:54% center}
  .history-film-rafa img{object-position:center 34%}
  .history-film-today img{object-position:58% center}
  .history-shade{background:linear-gradient(0deg,rgba(3,7,8,.98) 0,rgba(3,7,8,.72) 45%,rgba(3,7,8,.13) 78%,rgba(3,7,8,.04) 100%)}
  .history-progress{right:8px;top:9vh;bottom:9vh}
  .history-beat{padding:9vh 20px}
  .history-beat-copy{width:calc(100% - 22px)}
  .history-beat h2{max-width:11ch;margin-bottom:4vh;font-size:clamp(39px,10.2vw,47px);line-height:.99}
  .history-beat time{font-size:clamp(52px,15vw,66px)}
  .history-beat p{margin-top:14px;font-size:16px;line-height:1.5}
  .history-beat .button{min-height:50px;margin-top:22px;padding:14px 16px;font-size:10px}
}

@media(prefers-reduced-motion:reduce){
  .history-film,.history-film img,.history-progress i,.history-beat{animation:none!important;transition:none!important;transform:none!important}
}

/* Educação como palco: a luz do projetor conecta a sala à memória clínica. */
.education-cinema{position:relative;isolation:isolate;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;background:#071215;color:#fff}
.education-cinema::before{content:"";position:absolute;z-index:-1;inset:-18%;pointer-events:none;background:radial-gradient(circle at 77% 27%,rgba(202,243,246,.48) 0,rgba(171,224,229,.2) 4%,transparent 13%);opacity:.25;transform:scale(.78)}
.education-cinema.is-active::before{animation:education-projector 9s ease-in-out infinite}
.education-film{position:absolute;z-index:-3;inset:0;margin:0;overflow:hidden}
.education-film img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.8) contrast(1.04);transform:scale(1.035)}
.education-cinema.is-active .education-film img{animation:education-camera 18s linear infinite alternate}
.education-shade{position:absolute;z-index:-2;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(3,9,11,.92) 0,rgba(3,9,11,.62) 42%,rgba(3,9,11,.1) 78%),linear-gradient(0deg,rgba(3,9,11,.98) 0,rgba(3,9,11,.48) 58%,rgba(3,9,11,.08) 100%)}
.education-story{width:100%;padding:9vh var(--page) 8vh}
.education-copy{max-width:780px}
.education-copy h2{max-width:12ch;margin:0;font:400 clamp(44px,5.1vw,72px)/.98 "Bodoni Moda",serif;letter-spacing:-.035em;text-wrap:balance}
.education-copy>p{max-width:48ch;margin:22px 0 0;color:rgba(255,255,255,.84);font-size:clamp(16px,1.2vw,20px);line-height:1.6}
.education-offer{display:grid;grid-template-columns:.55fr 1fr;column-gap:6vw;align-items:end;max-width:1050px;margin-top:7vh;padding-top:28px;border-top:1px solid rgba(255,255,255,.48)}
.education-offer h3{align-self:start;margin:0;color:#f2b557;font:400 clamp(30px,3.5vw,48px)/1 "Bodoni Moda",serif;letter-spacing:-.025em}
.education-offer>p{max-width:44ch;margin:0;color:rgba(255,255,255,.82);font-size:15px;line-height:1.65}
.education-actions{grid-column:2;display:flex;align-items:center;gap:28px;margin-top:24px}
.education-actions .button{width:auto;min-height:50px;padding:14px 18px;color:#fff;font-size:10px}
.education-library{display:inline-flex;align-items:center;min-height:44px;color:#fff;text-transform:uppercase;text-decoration:none;letter-spacing:.11em;font:700 10px Manrope,sans-serif;border-bottom:1px solid rgba(255,255,255,.65)}
.education-library::after{content:"";width:22px;height:1px;margin-left:12px;background:#f2b557;transition:transform .4s var(--ease)}
.education-library:hover::after,.education-library:focus-visible::after{transform:translateX(7px)}
@keyframes education-camera{to{transform:scale(1.1) translate3d(-1%,-.7%,0)}}
@keyframes education-projector{0%,18%,100%{opacity:.2;transform:scale(.78)}45%,70%{opacity:.8;transform:scale(1.12)}}

@media(max-width:760px){
  .education-cinema{min-height:max(100svh,780px)}
  .education-film img{object-position:43% center}
  .education-shade{background:linear-gradient(0deg,rgba(3,9,11,.98) 0,rgba(3,9,11,.78) 57%,rgba(3,9,11,.12) 88%,rgba(3,9,11,.04) 100%)}
  .education-story{padding:0 20px 7vh}
  .education-copy h2{max-width:11ch;font-size:clamp(39px,10.2vw,47px);line-height:.99}
  .education-copy>p{margin-top:18px;font-size:15px;line-height:1.55}
  .education-offer{display:block;margin-top:5vh;padding-top:22px}
  .education-offer h3{font-size:32px}
  .education-offer>p{margin-top:14px;font-size:14px;line-height:1.55}
  .education-actions{display:flex;align-items:stretch;flex-direction:column;gap:12px;margin-top:20px}
  .education-actions .button{align-self:flex-start}
  .education-library{align-self:flex-start}
}

@media(prefers-reduced-motion:reduce){
  .education-cinema::before,.education-film img{animation:none!important;transform:none!important}
}