.hero-journey{position:relative;background:#080808}
.hero-watermark{position:absolute;bottom:7%;right:-2%;font-family:var(--display);font-size:25vw;line-height:1;color:#ffffff0b;pointer-events:none;z-index:1;letter-spacing:-.06em}
.hero .hero-slides{inset:-5%;width:110%;height:110%;will-change:transform}
.hero .hero-content{will-change:transform,opacity}
.hero .hero-bottom{z-index:3}
.hero .scroll-link span{animation:scroll-cue 1.8s ease-in-out infinite}
@keyframes scroll-cue{50%{transform:translateY(7px)}}
.service-story{position:relative}
.service-stage{display:none}
.cinema{background:#080808;color:white}
.cinema-scene{position:relative;isolation:isolate;height:100svh;min-height:650px;overflow:hidden;background:#111}
.cinema-scene video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
@media(prefers-reduced-motion:no-preference){
 .js .hero-journey{height:175svh}
 .js .hero-journey .hero{position:sticky;top:0;height:100svh;max-height:none;min-height:660px}
 .js .hero .hero-slides{transform:translateY(var(--hero-y,0px)) scale(var(--hero-scale,1))!important}
 .js .hero .hero-content{transform:translateY(var(--copy-y,0px));opacity:var(--copy-opacity,1)}
 .js .hero-watermark{transform:translateY(var(--mark-y,0px))}
}
@media(min-width:801px) and (prefers-reduced-motion:no-preference){
 .js .service-story{display:grid;grid-template-columns:1.05fr 1fr;gap:7%;align-items:start}
 .js .service-stage{display:block;position:sticky;top:130px;height:calc(100svh - 165px);min-height:350px;max-height:850px;background:#111;overflow:hidden}
 .service-stage-images{position:absolute;inset:0}
 .stage-image{position:absolute;inset:0;clip-path:inset(0 0 100% 0);transform:scale(1.15);transition:clip-path .85s cubic-bezier(.22,1,.36,1),transform 1.2s ease;z-index:1;background:#111}
 .stage-image.active{clip-path:inset(0);transform:scale(1);z-index:2}
 .stage-image img{height:100%;width:100%;object-fit:cover}
 .stage-image.brand-art{display:grid;place-items:center;background:radial-gradient(ellipse at 80% 80%,#665214,#111 65%)}
 .stage-image.brand-art img{width:65%;height:auto;object-fit:contain;mix-blend-mode:screen}
 .stage-caption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:55px 25px 28px;background:linear-gradient(transparent,#000d);z-index:3;color:white;font-size:10px;letter-spacing:.1em}
 .stage-count{color:var(--accent);font-size:17px;white-space:nowrap}
 .stage-progress{position:absolute;bottom:0;height:4px;width:100%;background:#ffffff30;z-index:4}
 .stage-progress span{display:block;height:100%;width:var(--service-progress,7.14%);background:var(--accent);transition:width .6s}
 .js .service-story .services-grid{display:block}
 .js .service-story .service-card{min-height:52svh;border:0;border-top:1px solid #d4d4d4;background:transparent;justify-content:center;opacity:.35;transition:opacity .5s;transform:none;padding:50px 0}
 .js .service-story .service-card.active,.js .service-story .service-card:focus-within{opacity:1}
 .js .service-story .card-photo,.js .service-story .service-symbol{display:none}
 .js .service-story .card-content{padding:0;flex:0}
 .js .service-story .card-content h3{font-size:clamp(36px,4vw,64px)}
 .js .service-story .card-content p{font-size:16px;max-width:420px;margin:25px 0}
 .js .service-story .card-content .text-link{width:max-content;gap:50px}
 .js .service-story .card-content:before{content:attr(data-number) ' / 14';font-size:12px;letter-spacing:.15em;color:#8e6a00;margin-bottom:25px}
}
@media(max-width:800px){
 .cinema{display:none}
 .js .hero-journey .hero{min-height:660px}
 .js .hero-journey{height:150svh}
 .hero-watermark{font-size:33vw;bottom:14%}
}
@media(prefers-reduced-motion:reduce){
 .js .hero-journey{height:auto}
 .hero-watermark,.hero .hero-slides,.hero .hero-content{transform:none!important;clip-path:none!important;opacity:1!important}
}
.hero-bottom .scroll-link{margin-right:60px}
/* Mobile: carrossel horizontal definido em updates.css */

/* Fotos em tela cheia, com contraste concentrado na leitura. */
.hero-journey .hero{height:100svh;max-height:none}
.hero .hero-shade{background:linear-gradient(90deg,#000b, #0005 46%,transparent 78%),linear-gradient(0deg,#0009,transparent 35%,transparent 75%,#0005)}
.hero .hero-photo{filter:none}
.hero-content h1,.hero-description{text-shadow:0 2px 24px #0008}
.symbol-image{width:52px;height:52px;object-fit:contain;flex-shrink:0}
.service-symbol .symbol-image{width:60px;height:60px}
.photo-tag .symbol-image{width:56px;height:56px;margin-right:15px}
.booking-help .symbol-image{width:44px;height:44px}
.map-label .symbol-image{width:48px;height:48px}
.final-cta .giant-bolt{width:clamp(280px,40vw,560px);height:auto;top:50%;right:6%;transform:translateY(-50%) rotate(8deg);opacity:.12}
@media(max-width:580px){
 .hero .hero-shade{background:linear-gradient(90deg,#0009,#0003),linear-gradient(0deg,#000b,transparent 35%,#0003 75%,#0005)}
 .final-cta .giant-bolt{right:-100px}
}