/* RM ASSESSORIA — experiência cinematográfica v2. Scroll vinculado à cena e à entrada no site. */
:root{--cinematic-progress:0;--scene-zoom:1;--scene-alpha:1;--reveal-alpha:0;--reveal-scale:1.025;--ui-alpha:1;--screen-alpha:1;}
html{scroll-padding-top:82px;}
.cinematic-intro{position:relative;height:325svh;background:#090c10;isolation:isolate;}
.cinematic-sticky{position:sticky;top:0;height:100svh;min-height:570px;overflow:hidden;background:#090c10;isolation:isolate;}
.scene-backdrop{position:absolute;inset:-30px;background:linear-gradient(90deg,#090b11d9,#090b1170,#090b11c9),url('assets/cenario-macbook-hd.jpg') center/cover;opacity:.72;transform:scale(1.04);}
.scene-world{position:absolute;width:max(100vw,177.68svh);aspect-ratio:1672 / 941;left:50%;top:50%;transform:translate3d(-53.7%,-53.1%,0) scale(var(--scene-zoom));transform-origin:53.7% 53.1%;opacity:var(--scene-alpha);will-change:transform,opacity;z-index:1;backface-visibility:hidden;contain:paint;}
.scene-photo{display:block;width:100%;height:100%;object-fit:cover;user-select:none;pointer-events:none;backface-visibility:hidden;}
/* Measured display corners in the 1672 × 941 photograph:
   (567,299), (1221,299), (1232,698), (553,698). */
.scene-screen{position:absolute;left:33.074163%;top:31.774708%;width:40.610048%;height:42.401700%;overflow:hidden;clip-path:polygon(2.061856% 0,98.379971% 0,100% 100%,0 100%);opacity:var(--screen-alpha);color:#f5f0e7;pointer-events:none;transform:translateZ(0);will-change:opacity;}
.screen-landing{--screen-fit:.44;position:absolute;inset:0;overflow:hidden;background:#0c0e10;transform-origin:0 0;}
.screen-hero-clone{position:absolute!important;left:50%;top:50%;width:1600px!important;height:900px!important;min-height:900px!important;transform:translate3d(-50%,-50%,0) scale(var(--screen-fit));transform-origin:center;pointer-events:none;}
.screen-hero-clone,.screen-hero-clone .hero-grid{height:900px!important;min-height:900px!important;}
.screen-hero-clone .container{width:min(1200px,calc(100% - 80px))!important;}
.screen-hero-clone .hero-grid{display:grid!important;grid-template-columns:1.02fr .98fr!important;}
.screen-hero-clone .hero-content{display:block!important;padding:112px 35px 94px 0!important;min-height:0!important;}
.screen-hero-clone h1{font-size:86px!important;}
.screen-hero-clone .hero-lead{font-size:16px!important;}
.screen-hero-clone .hero-actions{display:flex!important;flex-direction:row!important;align-items:center!important;width:auto!important;}
.screen-hero-clone .hero-visual{position:relative!important;inset:auto!important;z-index:auto!important;opacity:1!important;min-height:900px!important;margin:0!important;background-position:center 46%!important;}
.screen-hero-clone .hero-visual::after{background:linear-gradient(0deg,#0c0e10aa,transparent 30%,#0c0e1011 80%)!important;}
.screen-hero-clone .visual-caption{display:flex!important;}
.screen-hero-clone .hero-corner-text{display:block!important;}
.scene-shade{position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(180deg,#04080c66 0%,transparent 28%,transparent 54%,#0204059c 100%);opacity:var(--ui-alpha);}
.scene-overlay{position:absolute;inset:0;z-index:4;padding:clamp(26px,3.4vw,54px) clamp(25px,5vw,90px) clamp(29px,3.5vw,54px);display:flex;flex-direction:column;justify-content:space-between;opacity:var(--ui-alpha);pointer-events:none;}
.scene-overlay-top,.scene-overlay-bottom{display:flex;align-items:center;justify-content:space-between;gap:22px;}.scene-overlay-top{align-items:start;}.scene-overlay-brand{display:inline-flex;flex-direction:column;align-items:start;line-height:1;gap:5px;}.rm-wordmark{font-size:clamp(29px,3.1vw,44px);font-weight:900;letter-spacing:-.17em;line-height:.85;}.rm-wordmark span{color:#d9b27d;}.scene-overlay-brand small{font-size:8px;letter-spacing:.32em;font-weight:650;}.scene-overlay-label{font-size:10px;letter-spacing:.22em;font-weight:650;color:#d6cfbe;}.dot-gold{color:#e6b878;font-size:14px;margin-left:12px;}.scene-overlay-bottom{align-items:end;}.scene-context{display:flex;gap:14px;align-items:end;font-size:clamp(9px,.84vw,12px);font-weight:650;letter-spacing:.19em;line-height:1.7;color:#e4dbcb;}.scene-context-line{width:1px;height:60px;background:#cda373;}
.scroll-cue{display:flex;align-items:center;flex-direction:column;gap:12px;font-size:10px;letter-spacing:.22em;font-weight:700;color:#f3ede1;position:absolute;left:50%;bottom:48px;transform:translateX(-50%);white-space:nowrap;}.scroll-wheel{width:24px;height:38px;border:1px solid #f5ead9c7;border-radius:15px;display:flex;align-items:flex-start;justify-content:center;padding-top:8px;}.scroll-wheel span{display:block;width:2px;height:8px;border-radius:10px;background:#d8b075;animation:mouse-scroll 1.3s infinite alternate ease-in-out}.scroll-cue-arrow{color:#d8b075;font-size:19px;font-weight:300;}
@keyframes mouse-scroll{from{transform:translateY(0);opacity:1}to{transform:translateY(9px);opacity:.15}}
.skip-intro{appearance:none;background:transparent;border:0;border-bottom:1px solid #d7b17d6b;color:#eae1d4;padding:4px 0 9px;letter-spacing:.08em;font-size:11px;cursor:pointer;pointer-events:auto;}.skip-intro span{color:#e1b57c;padding-left:7px;}.skip-intro:hover{color:#fff;border-color:#e1b57c;}
.intro-reveal{position:absolute;inset:0;z-index:3;opacity:var(--reveal-alpha);transform:translateZ(0) scale(var(--reveal-scale));transform-origin:center;pointer-events:none;will-change:opacity,transform;background:#0c0e10;}
.intro-reveal.active{pointer-events:auto;}
.intro-reveal .hero,.intro-reveal .hero-grid{height:100%;min-height:100%;}.intro-reveal .hero-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-top:75px;padding-bottom:60px;}.intro-reveal .hero-proof{margin-top:50px;}.intro-reveal .hero-visual{min-height:100%;}
.scene-progress{position:absolute;left:0;bottom:0;height:3px;width:100%;z-index:6;background:#ffffff19;opacity:var(--ui-alpha);}.scene-progress-fill{width:calc(var(--cinematic-progress)*100%);height:100%;background:#d9b27d;box-shadow:0 0 15px #d9b27db3;}
/* Reveal the persistent navigation only after the camera reaches the display */
.site-header{position:fixed;left:0;right:0;top:0;z-index:95;opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity .35s,transform .35s,visibility .35s;background:#0e1012e9;}
body.site-ready .site-header{opacity:1;visibility:visible;transform:none;}
body.site-ready .site-header .mobile-nav:not([hidden]){display:flex;}
body.site-ready .intro-reveal .hero h1{animation:reveal-head .7s var(--ease) both;}
.intro-return{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;padding:0;border:1px solid #d7b17d52;border-radius:5px;color:#e5c08e;background:#ffffff08;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-6px);transition:opacity .25s,transform .25s,border-color .25s,background .25s;cursor:pointer;}
.intro-return svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;}
body.intro-complete .intro-return{opacity:1;visibility:visible;pointer-events:auto;transform:none;}
.intro-return:hover,.intro-return:focus-visible{border-color:#d7b17dbd;background:#d7b17d15;outline:none;}
@keyframes reveal-head{from{transform:translateY(10px);opacity:.8}to{transform:none;opacity:1}}
@media(max-width:1100px){.scene-overlay-label{max-width:270px;text-align:right;line-height:1.65;}.intro-reveal .hero-content{padding-top:100px;}.intro-reveal .hero h1{font-size:clamp(44px,5.5vw,68px);}}
@media(max-width:760px){
 .cinematic-intro{height:290svh;}.cinematic-sticky{min-height:0;}
 .scene-world{width:min(600px,160vw);max-width:none;top:47%;left:50%;transform:translate3d(var(--scene-mobile-x,-42.2%),-53.1%,0) scale(var(--scene-zoom));}
 .scene-overlay{padding:28px 22px 34px;}
 .scene-overlay-label{font-size:8px;letter-spacing:.10em;max-width:145px;}.scene-overlay-label .dot-gold{display:none;}
 .scene-context{font-size:9px;}.scroll-cue{bottom:97px;font-size:9px;gap:9px;}.scroll-wheel{width:20px;height:31px;}.scroll-cue-arrow{display:none;}
 .scene-overlay-bottom{align-items:end;}.skip-intro{font-size:9px;white-space:nowrap;padding-bottom:8px;}
 .header-inner{gap:14px;}.intro-return{width:32px;height:32px;flex-basis:32px;}.intro-return svg{width:17px;height:17px;}
 .intro-reveal .hero{display:flex;min-height:0;}.intro-reveal .hero-grid{display:block;height:100%;}.intro-reveal .hero-content{padding:100px 0 40px;min-height:100%;justify-content:center;}.intro-reveal .hero-visual{position:absolute;inset:0 -19px;z-index:0;opacity:.18;min-height:0;margin:0;background-position:75% 50%;}.intro-reveal .hero-visual::after{background:#0c0e1090;}.intro-reveal .hero-content{z-index:2;}.intro-reveal .hero h1{font-size:clamp(49px,11.5vw,76px);}.intro-reveal .hero-proof{margin-top:40px;}.intro-reveal .hero-actions{gap:9px;}.intro-reveal .visual-caption{display:none;}
}
@media(max-width:390px){.scene-overlay-brand .rm-wordmark{font-size:29px;}.scene-overlay-label{max-width:128px;}.intro-reveal .hero h1{font-size:clamp(40px,11vw,49px)}.intro-reveal .hero-actions{flex-direction:column;align-items:stretch;width:100%}.intro-reveal .hero-actions .button{width:100%;}}
@media(prefers-reduced-motion:reduce){.cinematic-intro{height:100svh;}.cinematic-sticky{position:relative;min-height:0;}.scene-world,.scene-shade,.scene-overlay,.scene-backdrop,.scene-progress{display:none!important;}.intro-reveal{opacity:1!important;transform:none!important;pointer-events:auto!important;}.site-header{opacity:1!important;visibility:visible!important;transform:none!important;}.intro-return{display:none!important;}.intro-reveal .hero h1{animation:none!important}}

/* Transparent hotspot follows the photographed cup through the scene zoom. */
.coffee-toggle{position:absolute;left:10.1%;top:56.9%;width:14.2%;height:21.5%;z-index:2;appearance:none;border:0;border-radius:38%;padding:0;background:transparent;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;}
.coffee-toggle:focus-visible{outline:2px solid #f0d2a6;outline-offset:5px;background:#f0d2a609;}
.coffee-steam{position:absolute;width:88%;height:auto;left:57%;bottom:94%;overflow:visible;pointer-events:none;opacity:0;filter:blur(2.5px);transform:translateX(-50%);transition:opacity .3s;}
.coffee-toggle.is-hot .coffee-steam{opacity:1;}
.steam-plume{fill:none;stroke:#fff4df;stroke-width:11;stroke-linecap:round;opacity:0;transform-box:fill-box;transform-origin:50% 100%;animation:coffee-steam-rise 3.8s ease-in-out infinite;animation-play-state:paused;}
.steam-plume-two{stroke-width:9;animation-duration:4.3s;animation-delay:-1.45s;}
.steam-plume-three{stroke-width:7;animation-duration:3.5s;animation-delay:-2.6s;}
.coffee-toggle.is-hot.is-visible .steam-plume{animation-play-state:running;will-change:transform,opacity;}
@keyframes coffee-steam-rise{
  0%{opacity:0;transform:translate3d(0,14px,0) scale(.8,.85);}
  22%{opacity:.48;}
  60%{opacity:.26;}
  100%{opacity:0;transform:translate3d(9px,-35px,0) scale(1.08,1.1);}
}
@media(prefers-reduced-motion:reduce){.coffee-toggle{display:none;}.steam-plume{animation:none;}}