/* Coleção 02 — movimento, narrativa e participação. */
.cinematic{--nav-height:110px}.cinematic .demo-bar{position:relative;z-index:30;background:#1e2520}.cinematic .cinema-nav{height:var(--nav-height);position:absolute;top:35px;left:0;right:0;z-index:20;color:#fff7ec;border-bottom:1px solid #ffffff30;width:calc(100% - 104px);transition:color .3s,background .3s}.cinematic .cinema-nav .header-cta{border-color:#ffffff65}.cinematic .cinema-nav .brand strong{font-size:32px}.cinematic .cinema-nav nav{font-size:11px}.cinema-hero{height:calc(100svh - 35px);min-height:740px;max-height:1200px;position:relative;color:#fff7ec;isolation:isolate;overflow:hidden;background:#2d251f}.film-frame{position:absolute;inset:0;z-index:-1;overflow:hidden}.hero-film{width:100%;height:100%;display:block;object-fit:cover;object-position:center;transform:scale(1.035) translateY(calc(var(--hero-scroll,0) * 75px));will-change:transform}.film-shade{position:absolute;inset:0;background:linear-gradient(90deg,#1c1811bb 0%,#1c18114d 60%,#1c18110a 100%),linear-gradient(0deg,#1c1811c7,transparent 35%,transparent 70%,#1c18116b);pointer-events:none}.film-grain{position:absolute;inset:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E");pointer-events:none}.film-top{position:absolute;top:155px;left:52px;right:52px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.19em}.cinema-copy{position:relative;margin-left:8%;padding-top:clamp(230px,27vh,335px);max-width:850px;z-index:2;padding-bottom:160px;transform:translateY(calc(var(--hero-scroll,0) * -30px))}.cinema-copy h1{font-family:Georgia,serif;font-size:clamp(72px,8.9vw,146px);font-weight:400;line-height:.91;letter-spacing:-.06em;margin:30px 0}.cinema-copy h1 em{font-family:Georgia,serif;font-weight:400;color:#e9d2b2}.cinema-copy .eyebrow{font-size:8px;letter-spacing:.18em;color:#f5e7d6}.cinema-lead{max-width:330px;font-size:12px;line-height:1.8;color:#f0e7db;margin-bottom:28px}.cinema-actions{display:flex;align-items:center;gap:35px}.cinema-actions .button{background:#f2e6d6;color:#35281e;font-size:11px;padding:18px 22px;min-height:54px;gap:40px;border-radius:0;box-shadow:none;text-transform:none}.film-link{font-size:10px;border-bottom:1px solid #ffffff70;padding:14px 0}.film-link span{margin-left:20px}.film-bottom{position:absolute;bottom:28px;left:52px;right:52px;display:flex;align-items:center;justify-content:space-between;z-index:3}.scroll-invitation{font-size:7px;letter-spacing:.15em;display:flex;align-items:center;gap:15px}.scroll-invitation>span{font-size:24px;width:40px;height:40px;display:grid;place-content:center;border:1px solid #ffffff5c;border-radius:50%}.film-status{display:flex;align-items:center;gap:25px}.film-toggle{background:#14171233;color:#fff7ec;padding:11px 14px;border:1px solid #ffffff40;border-radius:40px;display:flex;gap:10px;align-items:center;font-size:9px;min-height:40px}.film-toggle b{font-weight:400}.film-toggle>span{font-size:17px}.film-track{display:block;width:90px;height:1px;background:#ffffff30;position:relative}.film-track i{position:absolute;inset:0;background:#fff;transform:scaleX(var(--film-progress,0));transform-origin:left}.film-wordmark{position:absolute;right:34px;bottom:65px;font-family:Georgia,serif;font-weight:400;font-size:clamp(100px,17vw,270px);letter-spacing:-.05em;line-height:.8;color:#fff1d51c;pointer-events:none}.reading-progress{position:fixed;left:0;top:0;height:2px;width:100%;transform:scaleX(var(--reading,0));transform-origin:left;background:#a6926b;z-index:60;pointer-events:none}
/* Le visiteur choisit; le parcours répond. */
.journey{padding-top:120px;padding-bottom:120px}.journey-heading{display:grid;grid-template-columns:1fr 2fr 1fr;gap:30px;align-items:start;margin-bottom:65px}.journey-heading>.eyebrow{padding-top:12px}.journey-heading h2{margin:0;font-size:clamp(42px,4.8vw,70px)}.journey-heading>p:last-child{font-size:11px;color:var(--muted);margin-top:10px}.journey-stage{display:grid;grid-template-columns:1fr 2fr;gap:7%}.journey-tabs{align-self:center}.journey-tab{display:flex;align-items:center;text-align:left;gap:18px;width:100%;background:transparent;border-top:1px solid var(--line);padding:29px 0;color:var(--muted);transition:color .3s,padding .3s;position:relative}.journey-tab:last-child{border-bottom:1px solid var(--line)}.journey-tab:after{content:'';height:1px;position:absolute;bottom:-1px;left:0;right:0;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .5s}.journey-tab.active:after{transform:scaleX(1)}.journey-tab>span{font-size:9px}.journey-tab strong{font-family:var(--display);font-size:22px;font-weight:400;letter-spacing:-.035em;line-height:1.3}.journey-tab i{font-style:normal;margin-left:auto;font-size:22px;transition:transform .35s}.journey-tab.active,.journey-tab:hover{color:var(--ink);padding-left:10px}.journey-tab.active i{transform:rotate(45deg)}.journey-panel{display:grid;grid-template-columns:1.1fr 1fr;gap:35px;align-items:center;animation:panel-in .6s cubic-bezier(.2,.65,.3,1) both}.journey-visual{height:380px;position:relative;overflow:hidden;background:var(--accent)}.journey-visual img{object-position:65% center;transition:transform .9s}.journey-panel:nth-child(2) img{transform:scale(1.2);object-position:85% center}.journey-panel:nth-child(3) img{transform:scale(1.1);object-position:40% center}.journey-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#15181370,transparent 60%)}.journey-numeral{position:absolute;top:10px;left:20px;font-family:Georgia,serif;font-size:70px;line-height:1;color:#fff9;z-index:1}.journey-caption{position:absolute;bottom:18px;left:20px;color:#fff;font-size:6px;letter-spacing:.17em;z-index:1}.journey-detail .eyebrow{font-size:8px}.journey-detail h3{font-family:var(--display);font-weight:400;font-size:30px;letter-spacing:-.04em;line-height:1.13;margin:23px 0 20px}.journey-detail>p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:1.9}.journey-detail .text-button{font-size:10px;text-align:left;line-height:1.5;gap:18px;margin-top:13px}.journey-detail .text-button span{white-space:nowrap}
/* Capítulos seguem a rolagem nativa, com imagem fixa ao lado. */
.story-section{background:color-mix(in srgb,var(--accent) 38%,var(--paper));position:relative}.story-stage{display:grid;grid-template-columns:1.05fr 1fr;gap:12%;align-items:start}.story-sticky{position:sticky;top:65px;height:calc(100svh - 130px);min-height:450px;max-height:750px;display:flex;align-items:center}.story-picture{position:relative;height:100%;width:100%;overflow:hidden}.story-picture img{object-position:65% center;transform:scale(var(--story-zoom,1));transition:transform 1.8s cubic-bezier(.2,.6,.3,1),object-position 1.8s}.story-image-shade{position:absolute;inset:0;background:linear-gradient(0deg,#1c2518aa,transparent 60%)}.story-marker{position:absolute;right:25px;top:20px;color:#fff8;font-size:85px;font-family:Georgia,serif;line-height:1;transition:opacity .3s}.story-picture>p{position:absolute;left:30px;bottom:60px;right:30px;font-family:Georgia,serif;font-size:28px;line-height:1.2;color:#fff5eb;margin:0}.story-steps{display:flex;gap:6px;position:absolute;bottom:32px;left:30px;right:30px}.story-steps span{height:2px;background:#ffffff4d;flex:1;transition:background .4s}.story-steps span.active{background:#fff}.story-chapter{min-height:75svh;display:flex;flex-direction:column;justify-content:center;padding-block:70px;opacity:.45;transition:opacity .7s}.story-chapter.active{opacity:1}.story-chapter .eyebrow{font-size:8px;color:var(--muted)}.story-chapter h2{font-size:clamp(45px,4.8vw,70px);margin:25px 0 27px}.story-chapter>p:not(.eyebrow){font-size:13px;line-height:1.9;color:var(--muted);max-width:350px}.chapter-line{display:block;width:100%;height:1px;background:var(--line);margin-top:35px;position:relative}.chapter-line:after{content:'';position:absolute;inset:0;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform 1.2s}.story-chapter.active .chapter-line:after{transform:scaleX(1)}.cinematic .quote-section{padding:110px 0}.cinematic .manifesto{margin-bottom:0}.cinematic .floating-cta{transition:transform .4s,opacity .4s}.cinematic.at-hero .floating-cta{opacity:0;transform:translateY(25px);pointer-events:none}.cinematic .faq{padding-block:110px}.cinematic .contact-section{margin-top:5px}.reveal-item{transition:opacity .85s,transform .85s;transition-delay:var(--reveal-delay,0ms)}.motion-ready .reveal-item:not(.revealed){opacity:0;transform:translateY(35px)}
/* Estética: filme, tipografia editorial e espaço. */
.beauty.cinematic{--paper:#f6f0e5;--ink:#3b3227;--accent:#ded0bc;--muted:#7a6b59;--line:#d4c8b6}.beauty .cinema-copy{max-width:900px;margin-left:8.5%}.beauty .hero-film{object-position:68% center}.beauty .film-shade{background:linear-gradient(90deg,#2b211ab8 0%,#3e2d1b37 55%,#3e2d1b05 90%),linear-gradient(0deg,#201a13ab,transparent 40%,transparent 70%,#22180d66)}.beauty .journey-visual{border-radius:130px 130px 0 0}.beauty .story-picture{border-radius:180px 180px 0 0}
/* Veterinária: escala tipográfica e contato próximo. */
.vet .film-shade{background:linear-gradient(90deg,#0b251df0,#10372989 55%,#1037292b),linear-gradient(0deg,#0b251da6,transparent 60%)}.vet .cinema-copy h1{font-family:Georgia,serif;font-size:clamp(70px,8.1vw,126px)}.vet .cinema-copy h1 em{color:#d7e5b8}.vet .cinema-actions .button{border-radius:45px;background:#e3ecc9;color:#233e2e}.vet .film-wordmark{font-family:Arial,sans-serif;font-weight:700;letter-spacing:-.08em;color:#dfefbb12}.vet .story-picture{border-radius:10px 150px 10px 10px}.vet .journey-visual{border-radius:100px 10px 10px 10px}
/* Pet: composição assimétrica com filme vertical e texto em tom quente. */
.pet .cinema-hero{background:#fff4e1;color:#733426}.pet .film-frame{left:48%;top:155px;bottom:80px;right:45px;z-index:0;border-radius:180px 180px 25px 25px;transform:rotate(2deg);background:#d9c5b1}.pet .hero-film{object-position:50% 48%}.pet .film-shade{background:linear-gradient(0deg,#5a341b55,transparent 50%)}.pet .film-grain{display:none}.pet .cinema-nav{color:#733426;border-color:#73342630}.pet .cinema-nav .header-cta{border-color:#73342640}.pet .cinema-copy{margin-left:5%;padding-top:265px;width:47%;padding-bottom:160px}.pet .cinema-copy h1{font-family:Arial,sans-serif;font-size:clamp(56px,6vw,95px);font-weight:800;line-height:1;letter-spacing:-.07em}.pet .cinema-copy h1 em{font-family:Georgia,serif;font-weight:400;color:#ac4b35}.pet .cinema-copy .eyebrow,.pet .cinema-lead{color:#7f5140}.pet .cinema-actions{flex-direction:column;align-items:flex-start;gap:15px}.pet .cinema-actions .button{background:#98412d;color:#fff5e8;border-radius:9px;box-shadow:4px 4px 0 #daa484}.pet .film-link{border-color:#7f514055}.pet .film-top{color:#733426;z-index:1}.pet .film-top>span:last-child{color:#fff3dd}.pet .film-wordmark{display:none}.pet .film-bottom{color:#733426}.pet .scroll-invitation>span{border-color:#73342650}.pet .film-toggle{background:transparent;color:#733426;border-color:#73342650}.pet .film-track{background:#73342630}.pet .film-track i{background:#98412d}.pet .story-picture{border-radius:25px}.pet .journey-tab strong{font-weight:700}.pet .journey-visual{border-radius:100px 100px 20px 20px}
/* Academia: filme aberto e ritmo tipográfico. */
.gym .cinema-copy{padding-top:210px;max-width:1000px;margin-left:5.5%}.gym .cinema-copy h1{font-family:Arial,sans-serif;font-size:clamp(63px,7.8vw,120px);line-height:.92;letter-spacing:-.07em;font-weight:900;font-style:italic}.gym .cinema-copy h1 em{font:inherit;color:#d8ed80}.gym .cinema-actions .button{background:#d8ed80;color:#17230c;font-weight:700;text-transform:uppercase}.gym .film-shade{background:linear-gradient(90deg,#0b150bea,#0b150b6b 65%,#0b150b22),linear-gradient(0deg,#0b150be6,transparent 45%)}.gym .hero-film{object-position:center}.gym .film-wordmark{font-family:Arial,sans-serif;font-weight:900;font-style:italic;color:#d8ed8017;font-size:19vw}.gym .story-marker,.gym .story-picture>p{color:#d8ed80}.gym .journey-tab strong{font-family:Arial,sans-serif;font-weight:700;font-size:21px}.gym .journey-numeral{font-family:Arial,sans-serif;font-weight:700;color:#d8ed80}.gym .reading-progress{background:#d8ed80}
/* Odontologia: atmosfera azul, contraste limpo. */
.dental .film-shade{background:linear-gradient(90deg,#123e46df,#123e4666 62%,#123e461a),linear-gradient(0deg,#123e46a6,transparent 50%)}.dental .cinema-copy{max-width:1050px}.dental .cinema-copy h1{font-size:clamp(65px,7.3vw,118px);line-height:1}.dental .cinema-copy h1 em{color:#d6eceb}.dental .cinema-actions .button{background:#e4f1ec;color:#1b4c52}.dental .film-wordmark{color:#e2f6ef1a}.dental .journey-visual{border-radius:4px 100px 4px 4px}.dental .story-picture{border-radius:130px 4px 4px 4px}
/* A coleção mostra o movimento sem carregar cinco vídeos antecipadamente. */
.project-image .card-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:1;transition:opacity .5s}.project-card.preview-playing .card-film{opacity:1}.project-image .film-badge{position:absolute;bottom:28px;right:22px;z-index:4;background:#1b231ba8;border:1px solid #ffffff30;color:#fff8eb;padding:8px 12px;border-radius:40px;font-size:7px;letter-spacing:.08em}.project-number,.project-open,.project-wordmark{z-index:3}.project-image:after{z-index:2}.gallery .project-card{transition:opacity .6s,transform .6s}
@keyframes panel-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.cinema-copy{padding-top:29vh}.gym .cinema-copy{padding-top:24vh}.pet .cinema-copy{padding-top:30vh}}
@media(max-width:1100px){.cinematic .cinema-nav{width:calc(100% - 64px)}.film-top{left:32px;right:32px}.film-bottom{left:32px;right:32px}.cinema-copy{margin-left:6%;padding-top:250px}.cinema-copy h1{font-size:100px}.vet .cinema-copy h1{font-size:90px}.dental .cinema-copy h1{font-size:85px}.cinema-actions{gap:22px}.journey-heading{grid-template-columns:1fr 2fr}.journey-heading>p:last-child{grid-column:2;max-width:360px;margin:0}.journey-stage{grid-template-columns:1fr 1.9fr;gap:35px}.journey-panel{gap:25px}.journey-tab strong{font-size:20px}.journey-detail h3{font-size:27px}.journey-visual{height:330px}.story-stage{gap:8%}.pet .cinema-copy h1{font-size:65px}.pet .film-frame{right:30px}.gym .cinema-copy h1{font-size:90px}.journey{padding-block:90px}}
@media(max-width:760px){.cinematic{--nav-height:90px}.cinematic .cinema-nav{top:54px;width:calc(100% - 40px);height:90px}.cinematic .cinema-nav .brand strong{font-size:28px}.cinematic .cinema-nav .brand small{font-size:6px}.cinematic .cinema-nav .header-cta{padding:11px;font-size:8px;gap:10px}.cinematic .cinema-nav nav{top:80px;background:var(--paper);color:var(--ink)}.cinema-hero{height:calc(100svh - 54px);min-height:730px;max-height:1000px}.film-top{top:114px;left:20px;right:20px;font-size:6px;letter-spacing:.1em}.film-top>span:last-child{display:none}.cinema-copy,.beauty .cinema-copy,.vet .cinema-copy,.dental .cinema-copy{margin-left:25px;margin-right:25px;padding-top:235px;padding-bottom:135px;max-width:100%}.cinema-copy h1,.vet .cinema-copy h1{font-size:clamp(61px,15.3vw,93px);margin:25px 0;line-height:.98}.cinema-copy .eyebrow{font-size:6px;letter-spacing:.12em;max-width:310px}.cinema-lead{font-size:11px;max-width:285px;margin-bottom:25px}.cinema-actions{flex-direction:column;align-items:flex-start;gap:14px}.cinema-actions .button{font-size:10px;padding:17px 21px;gap:38px;min-height:52px}.film-link{font-size:9px;padding:10px 0}.film-bottom{bottom:23px;left:20px;right:20px;gap:15px}.film-track{display:none}.film-status{gap:0}.film-toggle{font-size:8px;padding:8px 11px;min-height:38px}.film-toggle>span{font-size:15px}.scroll-invitation{font-size:6px;letter-spacing:.08em;gap:10px}.scroll-invitation>span{font-size:20px;width:32px;height:32px}.film-wordmark{font-size:25vw;right:15px;bottom:80px;line-height:1;color:#fff1d51a}.beauty .hero-film{object-position:60% center}.beauty .film-shade{background:linear-gradient(0deg,#2b211ae3 0%,#2b211a80 55%,#2b211a18 100%),linear-gradient(90deg,#2b211a55,transparent 80%)}.journey{padding-block:70px}.journey-heading{display:block;margin-bottom:35px}.journey-heading>.eyebrow{padding-top:0;margin-bottom:23px}.journey-heading h2{font-size:43px;margin-bottom:22px}.journey-heading>p:last-child{font-size:11px;max-width:320px}.journey-stage{grid-template-columns:1fr;gap:32px}.journey-tabs{display:flex;border-block:1px solid var(--line);overflow-x:auto}.journey-tab{flex:1;min-width:0;border:0!important;padding:17px 10px!important;display:flex;gap:8px;align-items:flex-start;flex-direction:column}.journey-tab:after{bottom:0}.journey-tab strong{font-size:16px;line-height:1.25}.journey-tab>span{font-size:8px}.journey-tab i{display:none}.journey-panel{grid-template-columns:1fr 1fr;gap:22px}.journey-visual{height:285px;border-radius:70px 70px 0 0!important}.journey-numeral{font-size:50px;left:13px;top:18px}.journey-caption{font-size:5px;left:12px;right:12px;line-height:1.6;bottom:18px}.journey-detail .eyebrow{font-size:7px}.journey-detail h3{font-size:25px;margin:17px 0 15px}.journey-detail>p:not(.eyebrow){font-size:10px;line-height:1.8}.journey-detail .text-button{font-size:9px;gap:10px;line-height:1.5;align-items:flex-start}.story-stage{display:block}.story-sticky{top:18px;height:48svh;min-height:285px;max-height:460px;padding-top:20px;z-index:2;pointer-events:none}.story-picture{border-radius:100px 100px 4px 4px!important;box-shadow:0 12px 30px #0001}.story-marker{font-size:55px;top:15px;right:20px}.story-picture>p{font-size:23px;left:23px;right:23px;bottom:43px}.story-steps{left:23px;right:23px;bottom:22px}.story-copy{position:relative;z-index:1}.story-chapter{min-height:65svh;padding-top:75px;padding-bottom:65px;justify-content:center;opacity:.45}.story-chapter:first-child{margin-top:0}.story-chapter h2{font-size:45px;margin:22px 0}.story-chapter>p:not(.eyebrow){font-size:12px;line-height:1.9}.chapter-line{margin-top:23px}.cinematic .quote-section{padding-block:70px}.cinematic .manifesto{font-size:35px}.cinematic .faq{padding-block:70px}.cinematic .floating-cta{font-size:9px;padding:11px 16px}.pet .cinema-hero{height:auto;min-height:1020px;max-height:none;padding-bottom:90px}.pet .cinema-nav{color:#733426}.pet .film-frame{top:535px;left:12%;right:9%;bottom:100px;min-height:350px;border-radius:150px 150px 20px 20px}.pet .cinema-copy{width:auto;max-width:none;margin:0 25px;padding-top:180px;padding-bottom:0}.pet .cinema-copy h1{font-size:clamp(48px,12vw,70px);max-width:500px;margin:22px 0}.pet .cinema-copy .eyebrow{font-size:6px}.pet .cinema-lead{max-width:300px}.pet .cinema-actions{flex-direction:row;align-items:center;gap:18px}.pet .film-link{max-width:95px;font-size:8px;line-height:1.6}.pet .film-link span{margin:0 0 0 8px}.pet .film-top>span:last-child{display:none}.pet .film-top{top:116px}.gym .cinema-copy{padding-top:230px;margin-left:23px;padding-bottom:140px}.gym .cinema-copy h1{font-size:clamp(50px,12.9vw,82px);line-height:.98;max-width:650px}.gym .hero-film{object-position:60% center}.gym .film-shade{background:linear-gradient(0deg,#0b150bf0,#0b150b80 65%,#0b150b22)}.gym .film-wordmark{font-size:25vw;bottom:80px}.gym .journey-tab strong{font-size:15px}.dental .cinema-copy h1{font-size:clamp(52px,13vw,83px);line-height:1.05}.dental .cinema-copy{padding-top:245px}.dental .hero-film{object-position:65% center}.dental .film-shade{background:linear-gradient(0deg,#123e46e8,#123e4680 65%,#123e4633)}.vet .hero-film{object-position:60% center}.vet .film-shade{background:linear-gradient(0deg,#0b251df0,#1037298c 65%,#10372933)}.vet .cinema-copy{padding-top:225px}.project-image .film-badge{font-size:6px;bottom:18px;right:15px;padding:7px 10px}.motion-ready .reveal-item:not(.revealed){transform:translateY(22px)}}
@media(max-width:370px){.cinema-copy h1,.vet .cinema-copy h1{font-size:56px}.cinema-copy,.beauty .cinema-copy,.vet .cinema-copy,.dental .cinema-copy{margin-inline:20px}.dental .cinema-copy h1{font-size:48px}.gym .cinema-copy h1{font-size:46px}.pet .cinema-copy h1{font-size:43px}.pet .film-frame{top:550px}.journey-tab strong{font-size:14px}.journey-panel{gap:17px}.journey-detail h3{font-size:22px}.journey-detail .text-button{font-size:8px}.journey-visual{height:300px}.scroll-invitation{font-size:5px}}
.story-marker{left:25px;right:auto}.gym .story-section{background:#20271d}
@media(max-width:760px){.story-marker{left:20px;right:auto}}
@media(prefers-reduced-motion:reduce){.hero-film{transform:none!important}.cinema-copy{transform:none!important}.story-chapter{opacity:1}.reveal-item{opacity:1!important;transform:none!important}.story-picture img{transform:none!important}.journey-panel{animation:none!important}.film-track{display:none}}
