:root{
  --black:#050505;
  --red:#e0251b;
  --red2:#ff3b30;
  --paper:#f4ead7;
  --muted:rgba(244,234,215,.68);
  --line:rgba(244,234,215,.16);
  --font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--black);color:var(--paper);font-family:var(--font)}
body.page{overflow:auto}
a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}
::selection{background:var(--red);color:#fff}
.noise{position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.09;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 260 260' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.72' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='260' height='260' filter='url(%23n)' opacity='.82'/%3E%3C/svg%3E")}
.loader{position:fixed;inset:0;z-index:9998;background:var(--black);display:grid;place-items:center;transition:clip-path 1s cubic-bezier(.77,0,.175,1);clip-path:inset(0 0 0 0)}
.loader.done{clip-path:inset(0 0 100% 0)}
.loader__inner{width:min(1180px,90vw)}.loader__meta{display:flex;justify-content:space-between;text-transform:uppercase;font-size:12px;letter-spacing:.22em;font-weight:950;color:rgba(244,234,215,.58)}.loader__title{font-size:clamp(70px,18vw,260px);line-height:.72;letter-spacing:-.12em;font-weight:950;margin:24px 0}.loader__bar{height:8px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden}.loader__bar span{display:block;height:100%;width:0;background:var(--red);transition:.15s}
.cursor{position:fixed;z-index:9997;left:0;top:0;width:22px;height:22px;margin:-11px 0 0 -11px;border:1px solid rgba(244,234,215,.75);border-radius:50%;pointer-events:none;mix-blend-mode:difference;transition:width .25s,height .25s,margin .25s,background .25s}.cursor.big{width:96px;height:96px;margin:-48px 0 0 -48px;background:rgba(255,255,255,.13)}
.topbar{position:fixed;z-index:9000;left:18px;right:18px;top:16px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line);border-radius:999px;background:rgba(5,5,5,.45);backdrop-filter:blur(22px);padding:10px 12px 10px 18px}
.brand{display:flex;align-items:center;gap:12px;font-weight:950;letter-spacing:-.05em}.brand-mark{width:46px;height:46px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-weight:950}
.nav{display:flex;gap:24px;text-transform:uppercase;font-size:11px;letter-spacing:.14em;font-weight:950;color:rgba(244,234,215,.8)}.nav button,.nav a{background:transparent;border:0;color:inherit;text-transform:inherit;font-weight:inherit;letter-spacing:inherit;padding:0}.nav button:hover,.nav a:hover{color:var(--red2)}
.pill{border:1px solid rgba(244,234,215,.24);background:var(--paper);color:#050505;border-radius:999px;padding:13px 17px;font-weight:950;text-transform:uppercase;font-size:11px;letter-spacing:.12em}
.app{position:fixed;inset:0;overflow:hidden;background:var(--black)}.track{position:absolute;inset:0;will-change:transform;transition:transform 1s cubic-bezier(.77,0,.175,1)}
.chapter{position:absolute;width:100vw;height:100vh;display:grid;align-items:center;padding:112px 7vw 54px;overflow:hidden;isolation:isolate}
.chapter__photo{position:absolute;inset:0;z-index:-5;background-size:cover;background-position:center;filter:saturate(.94) contrast(1.08);transform:scale(1.08);transition:transform 1.2s cubic-bezier(.2,.8,.2,1);background-color:#121212}
.chapter.is-active .chapter__photo{transform:scale(1)}
.chapter__photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.94) 0%,rgba(5,5,5,.72) 42%,rgba(5,5,5,.25) 76%,rgba(5,5,5,.54) 100%),linear-gradient(0deg,#050505 0%,rgba(5,5,5,0) 42%)}
.chapter__red{position:absolute;z-index:-3;right:-18vw;top:-15vh;width:58vw;height:130vh;background:linear-gradient(180deg,var(--red),#780805);transform:skewX(-14deg);opacity:.88}
.chapter__lines{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(244,234,215,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(244,234,215,.055) 1px,transparent 1px);background-size:84px 84px;opacity:.28;mask-image:radial-gradient(circle at 54% 42%,#000 0%,transparent 70%)}
.chapter__num{position:absolute;right:7vw;top:13vh;font-size:clamp(100px,18vw,280px);line-height:.7;font-weight:950;letter-spacing:-.12em;color:rgba(244,234,215,.12);z-index:1}
.chapter__inner{position:relative;z-index:3;width:min(1540px,100%);display:grid;grid-template-columns:1.02fr .98fr;gap:44px;align-items:center;opacity:.32;transform:translateY(28px);transition:opacity .55s,transform .55s}.chapter.is-active .chapter__inner{opacity:1;transform:none}
.eyebrow{display:inline-flex;align-items:center;gap:12px;color:var(--paper);font-size:12px;text-transform:uppercase;letter-spacing:.22em;font-weight:950}.eyebrow:before{content:"";width:46px;height:2px;background:var(--red2)}
.chapter h1,.chapter h2{font-size:clamp(62px,10.5vw,176px);line-height:.74;letter-spacing:-.115em;margin:26px 0 0;font-weight:950;max-width:1150px}
.chapter p.lead{font-size:clamp(20px,1.75vw,29px);line-height:1.15;max-width:860px;color:rgba(244,234,215,.82);margin:26px 0 0}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:999px;border:1px solid rgba(244,234,215,.25);background:var(--paper);color:#080808;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.1em;position:relative;overflow:hidden;transition:transform .32s}.btn:before{content:"";position:absolute;inset:0;background:var(--red);transform:translateX(-105%);transition:.45s}.btn:hover:before{transform:translateX(0)}.btn span{position:relative;z-index:1}.btn:hover{color:#fff}.btn--dark{background:#050505;color:var(--paper)}
.content-box{border:1px solid rgba(244,234,215,.16);background:rgba(5,5,5,.56);backdrop-filter:blur(18px);border-radius:38px;padding:28px;box-shadow:0 35px 110px rgba(0,0,0,.42)}
.content-scroll{max-height:68vh;overflow:auto;padding-right:8px}.content-scroll::-webkit-scrollbar{width:6px}.content-scroll::-webkit-scrollbar-thumb{background:rgba(244,234,215,.28);border-radius:999px}
.content-scroll h3{font-size:clamp(30px,3vw,54px);line-height:.9;letter-spacing:-.06em;margin:0 0 12px;color:#fff}.content-scroll p,.content-scroll li{font-size:18px;line-height:1.42;color:rgba(244,234,215,.78)}.content-scroll ul{margin:0 0 28px;padding-left:20px}
.cards{display:grid;gap:14px}.card{border-top:1px solid rgba(244,234,215,.18);padding:18px 0}.card:first-child{border-top:0;padding-top:0}.card b{display:block;color:var(--red2);text-transform:uppercase;font-size:11px;letter-spacing:.16em;margin-bottom:8px}.card strong{display:block;font-size:clamp(27px,2.5vw,46px);line-height:.92;letter-spacing:-.055em}.card p{margin:10px 0 0}
.photo-stack{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch}.photo-card{height:260px;border-radius:28px;overflow:hidden;border:1px solid rgba(244,234,215,.18);position:relative;box-shadow:0 24px 80px rgba(0,0,0,.34);transition:.45s;background-size:cover;background-position:center;background-color:#151515}.photo-card:nth-child(1){grid-column:1/3;height:340px}.photo-card:hover{transform:translateY(-8px)}.photo-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.72),transparent 56%)}.photo-card span{position:absolute;z-index:2;left:18px;right:18px;bottom:18px;font-size:22px;font-weight:950;letter-spacing:-.04em}
.form{display:grid;gap:12px}.form label{display:grid;gap:8px;text-transform:uppercase;font-size:11px;letter-spacing:.12em;font-weight:950}.form input,.form textarea{border:1px solid rgba(244,234,215,.2);border-radius:18px;padding:15px 16px;background:rgba(255,255,255,.95);color:#111;outline:none}.form textarea{min-height:130px;resize:vertical}.form input:focus,.form textarea:focus{border-color:var(--red);box-shadow:0 0 0 4px rgba(240,68,46,.14)}
.dots{position:fixed;right:24px;top:50%;transform:translateY(-50%);z-index:9000;display:grid;grid-template-columns:repeat(3,12px);gap:10px}.dots button{width:12px;height:12px;border-radius:50%;border:1px solid rgba(244,234,215,.35);background:rgba(244,234,215,.1);padding:0;transition:.25s}.dots button.active{background:var(--red2);border-color:var(--red2);box-shadow:0 0 0 6px rgba(224,37,27,.2)}
.chapter-label{position:fixed;left:24px;bottom:22px;z-index:9000;display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:950;color:rgba(244,234,215,.72)}.chapter-label i{display:block;width:80px;height:1px;background:rgba(244,234,215,.35)}
.controls{position:fixed;right:24px;bottom:22px;z-index:9000;display:grid;grid-template-columns:48px 48px 48px;grid-template-rows:48px 48px;gap:8px}.controls button{border-radius:50%;border:1px solid rgba(244,234,215,.22);background:rgba(244,234,215,.08);color:#fff;font-size:20px;backdrop-filter:blur(10px);transition:.25s}.controls button:hover{background:var(--paper);color:#050505}.controls .up{grid-column:2}.controls .left{grid-column:1;grid-row:2}.controls .down{grid-column:2;grid-row:2}.controls .right{grid-column:3;grid-row:2}
.page-wrap{min-height:100vh;padding:132px 20px 80px;background:#050505}.page-inner{width:min(1160px,100%);margin:0 auto}.page-hero{height:420px;border-radius:42px;overflow:hidden;border:1px solid rgba(244,234,215,.18);margin-bottom:42px;background-size:cover;background-position:center}.page-wrap h1{font-size:clamp(50px,8vw,124px);line-height:.78;letter-spacing:-.1em;margin:0 0 28px}.page-wrap p,.page-wrap li{font-size:19px;line-height:1.56;color:rgba(244,234,215,.78)}.page-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:34px}.page-card{border:1px solid rgba(244,234,215,.14);background:rgba(244,234,215,.06);border-radius:28px;padding:22px}.page-card h2{font-size:31px;line-height:.95;letter-spacing:-.05em}
@media(max-width:1120px){html,body{overflow:auto}.app{position:relative;min-height:100vh;overflow:visible}.track{position:relative;transform:none!important;transition:none}.chapter{position:relative!important;transform:none!important;min-height:100vh;height:auto;padding:104px 18px 90px}.chapter__inner{grid-template-columns:1fr}.chapter__num{display:none}.nav,.topbar .pill,.dots,.controls{display:none}.content-scroll{max-height:none}.photo-card,.photo-card:nth-child(1){height:300px}.chapter h1,.chapter h2{font-size:clamp(52px,16vw,98px)}.chapter__red{display:none}}
@media(max-width:650px){.brand span:not(.brand-mark){display:none}.topbar{left:10px;right:10px;top:10px}.chapter-label{left:12px;bottom:16px}.photo-stack{grid-template-columns:1fr}.photo-card:nth-child(1){grid-column:auto}.chapter p.lead{font-size:18px}}



/* Final: restaura fotos aprovadas, ajusta só movimento e galeria */
html,body{overflow:hidden}
.app{position:fixed;inset:0;overflow:hidden;background:var(--black)}
.track{position:absolute;left:0;top:0;width:100%;height:100%;will-change:transform;transition:transform 1.12s cubic-bezier(.77,0,.175,1)}
.chapter{position:absolute;left:0;top:0;width:100vw;height:100vh;transform:translateY(var(--chapter-y))!important}
.chapter__inner{opacity:.22;transform:translateY(46px) scale(.985);transition:opacity .72s ease,transform .82s cubic-bezier(.2,.8,.2,1)}
.chapter.is-active .chapter__inner{opacity:1;transform:translateY(0) scale(1)}
.chapter__photo{transform:scale(1.12) translateY(24px);transition:transform 1.35s cubic-bezier(.2,.8,.2,1)}
.chapter.is-active .chapter__photo{transform:scale(1.02) translateY(0)}
.chapter__red{transition:transform 1.12s cubic-bezier(.77,0,.175,1),opacity .6s ease;transform:skewX(-14deg) translateX(90px)}
.chapter.is-active .chapter__red{transform:skewX(-14deg) translateX(0)}
.chapter h1,.chapter h2{font-size:clamp(36px,5.1vw,76px);line-height:.9;letter-spacing:-.07em;margin:20px 0 0;font-weight:950;max-width:820px}
.chapter p.lead{font-size:clamp(16px,1.16vw,20px);line-height:1.34;max-width:700px;color:rgba(244,234,215,.82);margin:20px 0 0}
.chapter__num{position:absolute;right:7vw;top:14vh;font-size:clamp(72px,12vw,170px);line-height:.72;font-weight:950;letter-spacing:-.1em;color:rgba(244,234,215,.11);z-index:1}
.content-scroll h3{font-size:clamp(23px,2vw,36px);line-height:.98;letter-spacing:-.045em;margin:0 0 12px;color:#fff}
.content-scroll p,.content-scroll li{font-size:16px;line-height:1.48;color:rgba(244,234,215,.78)}
.card strong{display:block;font-size:clamp(21px,1.72vw,31px);line-height:1;letter-spacing:-.04em}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 17px;border-radius:999px;border:1px solid rgba(244,234,215,.25);background:var(--paper);color:#080808;font-size:10.5px;font-weight:950;text-transform:uppercase;letter-spacing:.1em;position:relative;overflow:hidden;transition:transform .32s}
.controls{display:none!important}
.dots{display:flex;flex-direction:column;grid-template-columns:none}
.dots button{transition:height .24s ease,border-radius .24s ease,background .24s ease}
.dots button.active{height:34px;border-radius:999px}

/* Página própria /galeria/ */
body.gallery-page{overflow-x:hidden;overflow-y:auto;background:#050505;color:var(--paper)}
.gallery-hero{min-height:92vh;position:relative;display:grid;align-items:end;padding:120px 5vw 10vh;overflow:hidden;background:radial-gradient(circle at 76% 22%,rgba(224,37,27,.28),transparent 30%),linear-gradient(90deg,#050505 0%,#050505 58%,#170504 100%)}
.gallery-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(244,234,215,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(244,234,215,.055) 1px,transparent 1px);background-size:84px 84px;opacity:.22;mask-image:radial-gradient(circle at 54% 48%,#000 0%,transparent 72%)}
.gallery-hero__content{position:relative;z-index:2;width:min(1180px,100%);margin:0 auto}
.gallery-hero h1{font-size:clamp(42px,6vw,88px);line-height:.88;letter-spacing:-.08em;margin:20px 0 0;max-width:860px}
.gallery-hero p{font-size:clamp(16px,1.15vw,20px);line-height:1.36;color:rgba(244,234,215,.78);max-width:690px;margin:20px 0 0}
.scroll-hint{position:absolute;left:5vw;bottom:28px;z-index:3;text-transform:uppercase;font-size:10px;letter-spacing:.18em;font-weight:950;color:rgba(244,234,215,.62);display:flex;gap:12px;align-items:center}
.scroll-hint i{display:block;width:72px;height:1px;background:rgba(244,234,215,.35)}
.stage{height:360vh;position:relative;background:#050505}
.pin{position:sticky;top:0;height:100vh;overflow:hidden;background:linear-gradient(90deg,#050505 0%,#070707 60%,#160503 100%)}
.pin:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,rgba(224,37,27,.22),transparent 34%),linear-gradient(0deg,#050505 0%,transparent 30%,transparent 70%,#050505 100%)}
.pin__title{position:absolute;z-index:30;left:5vw;top:16vh;max-width:500px}
.pin__title h2{font-size:clamp(30px,4vw,62px);line-height:.9;letter-spacing:-.07em;margin:14px 0 0}
.pin__title p{font-size:16px;line-height:1.42;color:rgba(244,234,215,.72);max-width:450px}
.counter{position:absolute;z-index:31;right:5vw;top:16vh;font-size:clamp(72px,12vw,160px);line-height:.72;font-weight:950;letter-spacing:-.1em;color:rgba(244,234,215,.10)}
.gallery-card{position:absolute;margin:0;border-radius:28px;overflow:hidden;border:1px solid rgba(244,234,215,.20);background:#111;box-shadow:0 36px 110px rgba(0,0,0,.58);will-change:transform,opacity;opacity:0}
.gallery-card img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.98) contrast(1.04)}
.gallery-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.76),rgba(0,0,0,0) 58%)}
.gallery-card figcaption{position:absolute;left:16px;right:16px;bottom:16px;z-index:2;font-size:14px;line-height:1.05;font-weight:950;letter-spacing:-.03em;color:#fff;text-shadow:0 6px 24px rgba(0,0,0,.65)}
.gallery-card:hover{z-index:90!important}
.c1{width:45vw;height:48vh}.c2{width:30vw;height:34vh}.c3{width:34vw;height:38vh}.c4{width:26vw;height:32vh}
.c5{width:38vw;height:38vh}.c6{width:24vw;height:32vh}.c7{width:28vw;height:30vh}.c8{width:26vw;height:28vh}
.c9{width:32vw;height:32vh}.c10{width:25vw;height:30vh}.c11{width:24vw;height:28vh}.c12{width:20vw;height:24vh}
.end{min-height:96vh;display:grid;place-items:center;padding:110px 5vw;background:linear-gradient(90deg,#050505,#140504)}
.end__box{width:min(980px,100%);border:1px solid var(--line);border-radius:36px;padding:34px;background:rgba(244,234,215,.06);backdrop-filter:blur(16px)}
.end h2{font-size:clamp(34px,5vw,76px);line-height:.9;letter-spacing:-.075em;margin:0 0 18px}
.end p{font-size:18px;line-height:1.5;color:rgba(244,234,215,.78);max-width:720px}
@media(max-width:1120px){
 html,body{overflow:auto}.app{position:relative;overflow:visible}.track{position:relative!important;transform:none!important;transition:none}.chapter{position:relative!important;transform:none!important;min-height:100vh;height:auto}.dots{display:none}
}
@media(max-width:900px){
  .stage{height:auto}
  .pin{position:relative;height:auto;overflow:visible;padding:110px 18px 60px}
  .pin__title,.counter{position:relative;left:auto;right:auto;top:auto;margin:0 0 24px}
  .counter{font-size:70px}
  .gallery-card{position:relative!important;width:100%!important;height:260px!important;left:auto!important;top:auto!important;transform:none!important;opacity:1!important;margin:14px 0;border-radius:22px}
}



/* Movimento final tipo capítulos: lateral + descida/subida, mantendo imagens existentes */
html,body{overflow:hidden}
.app{position:fixed;inset:0;overflow:hidden;background:var(--black)}
.track{position:absolute;left:0;top:0;width:100%;height:100%;will-change:transform;transition:transform 1.16s cubic-bezier(.77,0,.175,1)}
.chapter{position:absolute;left:0;top:0;width:100vw;height:100vh;transform:translate(var(--chapter-x),var(--chapter-y))!important}
.chapter__inner{opacity:.20;transform:translate3d(var(--enter-x),var(--enter-y),0) scale(.982);transition:opacity .72s ease,transform .86s cubic-bezier(.2,.8,.2,1)}
.chapter.is-active .chapter__inner{opacity:1;transform:translate3d(0,0,0) scale(1)}
.chapter__photo{transform:scale(1.12) translate3d(calc(var(--enter-x) * -.18),calc(var(--enter-y) * -.18),0);transition:transform 1.35s cubic-bezier(.2,.8,.2,1)}
.chapter.is-active .chapter__photo{transform:scale(1.02) translate3d(0,0,0)}
.chapter__red{transition:transform 1.16s cubic-bezier(.77,0,.175,1),opacity .6s ease;transform:skewX(-14deg) translateX(90px)}
.chapter.is-active .chapter__red{transform:skewX(-14deg) translateX(0)}
.chapter h1,.chapter h2{font-size:clamp(36px,5.1vw,76px);line-height:.9;letter-spacing:-.07em;margin:20px 0 0;font-weight:950;max-width:820px}
.chapter p.lead{font-size:clamp(16px,1.16vw,20px);line-height:1.34;max-width:700px;color:rgba(244,234,215,.82);margin:20px 0 0}
.chapter__num{position:absolute;right:7vw;top:14vh;font-size:clamp(72px,12vw,170px);line-height:.72;font-weight:950;letter-spacing:-.1em;color:rgba(244,234,215,.11);z-index:1}
.content-scroll h3{font-size:clamp(23px,2vw,36px);line-height:.98;letter-spacing:-.045em;margin:0 0 12px;color:#fff}
.content-scroll p,.content-scroll li{font-size:16px;line-height:1.48;color:rgba(244,234,215,.78)}
.card strong{display:block;font-size:clamp(21px,1.72vw,31px);line-height:1;letter-spacing:-.04em}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 17px;border-radius:999px;border:1px solid rgba(244,234,215,.25);background:var(--paper);color:#080808;font-size:10.5px;font-weight:950;text-transform:uppercase;letter-spacing:.1em;position:relative;overflow:hidden;transition:transform .32s}
.controls{display:none!important}
.dots{position:fixed;right:24px;top:50%;transform:translateY(-50%);z-index:9000;display:grid;grid-template-columns:repeat(3,12px);gap:10px}
.dots button{width:12px;height:12px;border-radius:50%;border:1px solid rgba(244,234,215,.35);background:rgba(244,234,215,.1);padding:0;transition:.25s}
.dots button.active{background:var(--red2);border-color:var(--red2);box-shadow:0 0 0 6px rgba(224,37,27,.2)}
.chapter-label:after{content:"scroll / chapters";margin-left:10px;color:rgba(244,234,215,.42)}
@media(max-width:1120px){
 html,body{overflow:auto}.app{position:relative;overflow:visible}.track{position:relative!important;transform:none!important;transition:none}.chapter{position:relative!important;transform:none!important;min-height:100vh;height:auto}.dots{display:none}
}



/* Movimento final aprovado + transição cinematográfica de capítulos */
html,body{overflow:hidden}
.app{position:fixed;inset:0;overflow:hidden;background:var(--black)}
.track{
  position:absolute;left:0;top:0;width:100%;height:100%;
  will-change:transform;
  transition:transform 1.28s cubic-bezier(.83,0,.17,1);
}
.chapter{position:absolute;left:0;top:0;width:100vw;height:100vh;transform:translate(var(--chapter-x),var(--chapter-y))!important}
.chapter__inner{
  opacity:.16;
  transform:translate3d(calc(var(--enter-x) * .72),calc(var(--enter-y) * .72),0) scale(.975) rotate(calc(var(--enter-rot) * 1deg));
  filter:blur(5px);
  clip-path:inset(8% 10% 8% 10% round 28px);
  transition:opacity .72s ease,transform 1.04s cubic-bezier(.16,1,.3,1),filter .86s ease,clip-path .94s cubic-bezier(.16,1,.3,1);
}
.chapter.is-active .chapter__inner{
  opacity:1;
  transform:translate3d(0,0,0) scale(1) rotate(0deg);
  filter:blur(0);
  clip-path:inset(0 0 0 0 round 0);
}
.chapter.is-leaving .chapter__inner{
  opacity:.04;
  transform:translate3d(calc(var(--leave-x) * 1px),calc(var(--leave-y) * 1px),0) scale(1.018) rotate(calc(var(--leave-rot) * 1deg));
  filter:blur(10px);
  clip-path:inset(12% 12% 12% 12% round 34px);
}
.chapter__photo{
  transform:scale(1.15) translate3d(calc(var(--enter-x) * -.20),calc(var(--enter-y) * -.20),0);
  transition:transform 1.44s cubic-bezier(.16,1,.3,1),filter 1.08s ease;
  filter:saturate(.88) contrast(1.08) blur(2px);
}
.chapter.is-active .chapter__photo{
  transform:scale(1.02) translate3d(0,0,0);
  filter:saturate(.96) contrast(1.05) blur(0);
}
.chapter.is-leaving .chapter__photo{
  transform:scale(1.18) translate3d(calc(var(--leave-x) * -.08px),calc(var(--leave-y) * -.08px),0);
  filter:saturate(.9) contrast(1.08) blur(4px);
}
.chapter__red{
  transition:transform 1.22s cubic-bezier(.83,0,.17,1),opacity .66s ease;
  transform:skewX(-14deg) translateX(calc(90px + var(--enter-x) * .18));
}
.chapter.is-active .chapter__red{transform:skewX(-14deg) translateX(0)}
.chapter.is-leaving .chapter__red{opacity:.42;transform:skewX(-14deg) translateX(calc(var(--leave-x) * .16px))}
.chapter h1,.chapter h2{font-size:clamp(36px,5.1vw,76px);line-height:.9;letter-spacing:-.07em;margin:20px 0 0;font-weight:950;max-width:820px}
.chapter p.lead{font-size:clamp(16px,1.16vw,20px);line-height:1.34;max-width:700px;color:rgba(244,234,215,.82);margin:20px 0 0}
.chapter__num{position:absolute;right:7vw;top:14vh;font-size:clamp(72px,12vw,170px);line-height:.72;font-weight:950;letter-spacing:-.1em;color:rgba(244,234,215,.11);z-index:1}
.content-scroll h3{font-size:clamp(23px,2vw,36px);line-height:.98;letter-spacing:-.045em;margin:0 0 12px;color:#fff}
.content-scroll p,.content-scroll li{font-size:16px;line-height:1.48;color:rgba(244,234,215,.78)}
.card strong{display:block;font-size:clamp(21px,1.72vw,31px);line-height:1;letter-spacing:-.04em}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 17px;border-radius:999px;border:1px solid rgba(244,234,215,.25);background:var(--paper);color:#080808;font-size:10.5px;font-weight:950;text-transform:uppercase;letter-spacing:.1em;position:relative;overflow:hidden;transition:transform .32s}
.controls{display:none!important}
.dots{position:fixed;right:24px;top:50%;transform:translateY(-50%);z-index:9000;display:grid;grid-template-columns:repeat(3,12px);gap:10px}
.dots button{width:12px;height:12px;border-radius:50%;border:1px solid rgba(244,234,215,.35);background:rgba(244,234,215,.1);padding:0;transition:.25s}
.dots button.active{background:var(--red2);border-color:var(--red2);box-shadow:0 0 0 6px rgba(224,37,27,.2)}
.chapter-label:after{content:"scroll / chapters";margin-left:10px;color:rgba(244,234,215,.42)}

.transition-wipe{
  position:fixed;inset:-18vh -18vw;z-index:8500;pointer-events:none;
  background:
    linear-gradient(105deg, transparent 0 24%, rgba(224,37,27,.96) 24% 38%, #050505 38% 64%, rgba(244,234,215,.96) 64% 70%, transparent 70% 100%);
  transform:translate3d(var(--wipe-start-x),var(--wipe-start-y),0) rotate(var(--wipe-rot));
  opacity:0;
  mix-blend-mode:normal;
}
body.is-transitioning .transition-wipe{
  animation:wipeAcross 1.05s cubic-bezier(.83,0,.17,1) both;
}
.transition-grid{
  position:fixed;inset:0;z-index:8499;pointer-events:none;opacity:0;
  background-image:linear-gradient(rgba(244,234,215,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(244,234,215,.10) 1px,transparent 1px);
  background-size:82px 82px;
  transform:scale(1.08);
}
body.is-transitioning .transition-grid{
  animation:gridFlash 1.05s cubic-bezier(.83,0,.17,1) both;
}
@keyframes wipeAcross{
  0%{opacity:0;transform:translate3d(var(--wipe-start-x),var(--wipe-start-y),0) rotate(var(--wipe-rot)) scale(1.04)}
  18%{opacity:1}
  54%{opacity:1}
  100%{opacity:0;transform:translate3d(var(--wipe-end-x),var(--wipe-end-y),0) rotate(var(--wipe-rot)) scale(1.04)}
}
@keyframes gridFlash{
  0%{opacity:0;transform:scale(1.12) translate3d(calc(var(--dir-x) * -18px),calc(var(--dir-y) * -18px),0)}
  24%{opacity:.26}
  100%{opacity:0;transform:scale(1) translate3d(calc(var(--dir-x) * 26px),calc(var(--dir-y) * 26px),0)}
}
body.motion-right{--wipe-start-x:-120vw;--wipe-start-y:0;--wipe-end-x:120vw;--wipe-end-y:0;--wipe-rot:-7deg}
body.motion-left{--wipe-start-x:120vw;--wipe-start-y:0;--wipe-end-x:-120vw;--wipe-end-y:0;--wipe-rot:-7deg}
body.motion-down{--wipe-start-x:0;--wipe-start-y:-120vh;--wipe-end-x:0;--wipe-end-y:120vh;--wipe-rot:7deg}
body.motion-up{--wipe-start-x:0;--wipe-start-y:120vh;--wipe-end-x:0;--wipe-end-y:-120vh;--wipe-rot:7deg}

@media(max-width:1120px){
 html,body{overflow:auto}.app{position:relative;overflow:visible}.track{position:relative!important;transform:none!important;transition:none}.chapter{position:relative!important;transform:none!important;min-height:100vh;height:auto}.dots{display:none}.transition-wipe,.transition-grid{display:none}
 .chapter__inner,.chapter__photo{filter:none;clip-path:none}
}



/* Ajuste fino: transição mais lenta, com mais camadas e detalhes, sem alterar imagens */
.track{
  transition:transform 1.86s cubic-bezier(.83,0,.17,1)!important;
}
.chapter__inner{
  transition:
    opacity 1.02s ease,
    transform 1.58s cubic-bezier(.16,1,.3,1),
    filter 1.32s ease,
    clip-path 1.46s cubic-bezier(.16,1,.3,1)!important;
}
.chapter__photo{
  transition:
    transform 2.05s cubic-bezier(.16,1,.3,1),
    filter 1.62s ease!important;
}
.chapter__red{
  transition:
    transform 1.74s cubic-bezier(.83,0,.17,1),
    opacity 1.05s ease!important;
}
.chapter.is-active .chapter__inner{
  transition-delay:.10s!important;
}
.chapter.is-active .chapter__photo{
  transition-delay:.04s!important;
}
.chapter.is-leaving .chapter__inner{
  opacity:.025!important;
  transform:translate3d(calc(var(--leave-x) * 1.16px),calc(var(--leave-y) * 1.16px),0) scale(1.03) rotate(calc(var(--leave-rot) * 1deg))!important;
  filter:blur(13px)!important;
  clip-path:inset(16% 15% 16% 15% round 42px)!important;
}
.chapter.is-leaving .chapter__photo{
  transform:scale(1.22) translate3d(calc(var(--leave-x) * -.105px),calc(var(--leave-y) * -.105px),0)!important;
  filter:saturate(.88) contrast(1.1) blur(6px)!important;
}
.transition-wipe{
  background:
    linear-gradient(105deg,
      transparent 0 18%,
      rgba(224,37,27,.92) 18% 28%,
      rgba(5,5,5,.98) 28% 54%,
      rgba(244,234,215,.92) 54% 60%,
      rgba(224,37,27,.86) 60% 65%,
      transparent 65% 100%)!important;
}
body.is-transitioning .transition-wipe{
  animation:wipeAcrossSlow 1.72s cubic-bezier(.83,0,.17,1) both!important;
}
body.is-transitioning .transition-grid{
  animation:gridFlashSlow 1.72s cubic-bezier(.83,0,.17,1) both!important;
}
.transition-scan{
  position:fixed;inset:0;z-index:8501;pointer-events:none;opacity:0;
  background:
    linear-gradient(90deg,transparent 0 46%,rgba(244,234,215,.48) 48%,rgba(224,37,27,.28) 50%,transparent 54%),
    repeating-linear-gradient(0deg,rgba(244,234,215,.10) 0 1px,transparent 1px 9px);
  mix-blend-mode:screen;
  transform:translate3d(calc(var(--dir-x) * -28vw),calc(var(--dir-y) * -28vh),0) skewX(-12deg);
}
.transition-focus{
  position:fixed;inset:0;z-index:8498;pointer-events:none;opacity:0;
  background:
    radial-gradient(circle at calc(50% + var(--dir-x) * 14%) calc(50% + var(--dir-y) * 14%),
      rgba(244,234,215,.20),transparent 22%),
    radial-gradient(circle at center,transparent 0 44%,rgba(5,5,5,.64) 74%,#050505 100%);
}
body.is-transitioning .transition-scan{
  animation:scanSweep 1.72s cubic-bezier(.83,0,.17,1) both;
}
body.is-transitioning .transition-focus{
  animation:focusPulse 1.72s cubic-bezier(.83,0,.17,1) both;
}
@keyframes wipeAcrossSlow{
  0%{opacity:0;transform:translate3d(var(--wipe-start-x),var(--wipe-start-y),0) rotate(var(--wipe-rot)) scale(1.08)}
  12%{opacity:.95}
  42%{opacity:1}
  68%{opacity:.78}
  100%{opacity:0;transform:translate3d(var(--wipe-end-x),var(--wipe-end-y),0) rotate(var(--wipe-rot)) scale(1.08)}
}
@keyframes gridFlashSlow{
  0%{opacity:0;transform:scale(1.16) translate3d(calc(var(--dir-x) * -30px),calc(var(--dir-y) * -30px),0)}
  22%{opacity:.16}
  48%{opacity:.30}
  100%{opacity:0;transform:scale(.995) translate3d(calc(var(--dir-x) * 44px),calc(var(--dir-y) * 44px),0)}
}
@keyframes scanSweep{
  0%{opacity:0;transform:translate3d(calc(var(--dir-x) * -38vw),calc(var(--dir-y) * -38vh),0) skewX(-12deg)}
  16%{opacity:.18}
  42%{opacity:.46}
  78%{opacity:.16}
  100%{opacity:0;transform:translate3d(calc(var(--dir-x) * 38vw),calc(var(--dir-y) * 38vh),0) skewX(-12deg)}
}
@keyframes focusPulse{
  0%{opacity:0;transform:scale(1.08)}
  26%{opacity:.38}
  64%{opacity:.24}
  100%{opacity:0;transform:scale(.98)}
}
@media(max-width:1120px){
  .transition-scan,.transition-focus{display:none}
}



/* Galeria refeita do zero: sem texto, fundo fixo, imagens inteiras e uma por vez */
.chapter--gallery{background:#080808!important;overflow:hidden!important;--gfx:0px;--gfy:0px}
.chapter--gallery .chapter__photo,.chapter--gallery .chapter__red,.chapter--gallery .chapter__lines,.chapter--gallery .chapter__num,.chapter--gallery .chapter__inner{display:none!important}
.gf-gallery{position:absolute;inset:0;overflow:hidden;isolation:isolate;background:#080808}
.gf-bg{position:absolute;inset:0;background-repeat:no-repeat;background-position:center center;background-size:cover;transform:translate3d(calc(var(--gfx)*.03),calc(var(--gfy)*.03),0) scale(1.02);transition:transform .5s ease-out}
.gf-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(0,0,0,.18),rgba(0,0,0,.10) 35%,rgba(0,0,0,.06) 62%,rgba(0,0,0,.18) 100%)}
.gf-stack{position:absolute;inset:0;z-index:4;transform:translate3d(calc(var(--gfx)*.08),calc(var(--gfy)*.08),0)}
.gf-card{position:absolute;left:50vw;top:54vh;width:min(46vw,980px);aspect-ratio:16/9;min-width:520px;max-width:980px;margin:0;background:transparent;box-shadow:0 38px 120px rgba(0,0,0,.42);border-radius:6px;overflow:hidden;opacity:0;transform:translate3d(-50%,12vh,0) scale(.68);transition:opacity .22s ease,transform .46s cubic-bezier(.16,1,.3,1);will-change:transform,opacity}
.gf-click{display:block;width:100%;height:100%}
.gf-click:focus-visible{outline:2px solid rgba(244,234,215,.7);outline-offset:4px}
.gf-card img{width:100%;height:100%;object-fit:contain;object-position:center center;display:block;background:transparent}
.gf-counter{position:absolute;right:3vw;bottom:3vh;z-index:7;border:1px solid rgba(244,234,215,.18);border-radius:999px;padding:11px 14px;background:rgba(5,5,5,.42);backdrop-filter:blur(16px);color:rgba(244,234,215,.78);font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:950}
/* one card at a time; odd state small from below, even state large centered */
.gf-state-0 .card-01{opacity:1;transform:translate3d(-50%,8vh,0) scale(.76)}
.gf-state-0 .gf-counter::before{content:'01 / 11'}
.gf-state-0 .gf-counter{font-size:0}
.gf-state-1 .card-01{opacity:1;transform:translate3d(-50%,-50%,0) scale(1.12)}
.gf-state-1 .gf-counter::before{content:'01 / 11'}
.gf-state-1 .gf-counter{font-size:0}
.gf-state-2 .card-02{opacity:1;transform:translate3d(-50%,8vh,0) scale(.76)}
.gf-state-2 .gf-counter::before{content:'02 / 11'}
.gf-state-2 .gf-counter{font-size:0}
.gf-state-3 .card-02{opacity:1;transform:translate3d(-50%,-50%,0) scale(1.12)}
.gf-state-3 .gf-counter::before{content:'02 / 11'}
.gf-state-3 .gf-counter{font-size:0}
.gf-state-4 .card-03{opacity:1;transform:translate3d(-50%,8vh,0) scale(.76)}
.gf-state-4 .gf-counter::before{content:'03 / 11'}
.gf-state-4 .gf-counter{font-size:0}
.gf-state-5 .card-03{opacity:1;transform:translate3d(-50%,-50%,0) scale(1.12)}
.gf-state-5 .gf-counter::before{content:'03 / 11'}
.gf-state-5 .gf-counter{font-size:0}
.gf-state-6 .card-04{opacity:1;transform:translate3d(-50%,8vh,0) scale(.76)}
.gf-state-6 .gf-counter::before{content:'04 / 11'}
.gf-state-6 .gf-counter{font-size:0}
.gf-state-7 .card-04{opacity:1;transform:translate3d(-50%,-50%,0) scale(1.12)}
.gf-state-7 .gf-counter::before{content:'04 / 11'}
.gf-state-7 .gf-counter{font-size:0}
.gf-state-8 .card-05{opacity:1;transform:translate3d(-50%,8vh,0) scale(.76)}
.gf-state-8 .gf-counter::before{content:'05 / 11'}
.gf-state-8 .gf-counter{font-size:0}
.gf-state-9 .card-05{opacity:1;transform:translate3d(-50%,-50%,0) scale(1.12)}
.gf-state-9 .gf-counter::before{content:'05 / 11'}
.gf-state-9 .gf-counter{font-size:0}
.gf-state-10 .card-06{opacity:1;transform:translate3d(-50%,8vh,0) scale(.76)}
.gf-state-10 .gf-counter::before{content:'06 / 11'}
.gf-state-10 .gf-counter{font-size:0}
.gf-state-11 .card-06{opacity:1;transform:translate3d(-50%,-50%,0) scale(1.12)}
.gf-state-11 .gf-counter::before{content:'06 / 11'}
.gf-state-11 .gf-counter{font-size:0}
.gf-state-12 .card-07{opacity:1;transform:translate3d(-50%,8vh,0) scale(.76)}
.gf-state-12 .gf-counter::before{content:'07 / 11'}
.gf-state-12 .gf-counter{font-size:0}
.gf-state-13 .card-07{opacity:1;transform:translate3d(-50%,-50%,0) scale(1.12)}
.gf-state-13 .gf-counter::before{content:'07 / 11'}
.gf-state-13 .gf-counter{font-size:0}
.gf-state-14 .card-08{opacity:1;transform:translate3d(-50%,8vh,0) scale(.76)}
.gf-state-14 .gf-counter::before{content:'08 / 11'}
.gf-state-14 .gf-counter{font-size:0}
.gf-state-15 .card-08{opacity:1;transform:translate3d(-50%,-50%,0) scale(1.12)}
.gf-state-15 .gf-counter::before{content:'08 / 11'}
.gf-state-15 .gf-counter{font-size:0}
.gf-state-16 .card-09{opacity:1;transform:translate3d(-50%,8vh,0) scale(.76)}
.gf-state-16 .gf-counter::before{content:'09 / 11'}
.gf-state-16 .gf-counter{font-size:0}
.gf-state-17 .card-09{opacity:1;transform:translate3d(-50%,-50%,0) scale(1.12)}
.gf-state-17 .gf-counter::before{content:'09 / 11'}
.gf-state-17 .gf-counter{font-size:0}

.gf-state-18 .card-10{opacity:1;transform:translate3d(-50%,8vh,0) scale(.76)}
.gf-state-18 .gf-counter::before{content:'10 / 11'}
.gf-state-18 .gf-counter{font-size:0}
.gf-state-19 .card-10{opacity:1;transform:translate3d(-50%,-50%,0) scale(1.12)}
.gf-state-19 .gf-counter::before{content:'10 / 11'}
.gf-state-19 .gf-counter{font-size:0}
.gf-state-20 .card-11{opacity:1;transform:translate3d(-50%,8vh,0) scale(.76)}
.gf-state-20 .gf-counter::before{content:'11 / 11'}
.gf-state-20 .gf-counter{font-size:0}
.gf-state-21 .card-11{opacity:1;transform:translate3d(-50%,-50%,0) scale(1.12)}
.gf-state-21 .gf-counter::before{content:'11 / 11'}
.gf-state-21 .gf-counter{font-size:0}

@media(max-width:1120px){.gf-card{left:50vw;top:58vh;width:78vw;min-width:0;max-width:none}}



/* MOBILE ONLY — correção real da sobreposição de telas
   Não altera desktop/notebook: aplicado somente até 768px. */
@media (max-width: 768px){
  html,
  body{
    width:100%;
    height:100%;
    overflow:hidden !important;
    overscroll-behavior:none;
  }

  .app{
    position:fixed;
    inset:0;
    overflow:hidden !important;
    height:100dvh;
    min-height:100dvh;
  }

  /* No celular o problema era uma seção ficando por baixo/por cima da outra.
     Aqui o mobile deixa só a seção ativa renderizada. */
  .track{
    transform:none !important;
    transition:none !important;
    position:absolute;
    inset:0;
    width:100vw;
    height:100dvh;
  }

  .chapter{
    position:absolute !important;
    inset:0 !important;
    width:100vw !important;
    height:100dvh !important;
    min-height:100dvh !important;
    transform:none !important;
    padding:88px 20px 68px !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    z-index:1 !important;
    display:grid !important;
  }

  .chapter.is-active{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    z-index:10 !important;
  }

  .chapter.is-leaving{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    z-index:1 !important;
  }

  .chapter:not(.is-active) .chapter__photo,
  .chapter:not(.is-active) .chapter__red,
  .chapter:not(.is-active) .chapter__lines,
  .chapter:not(.is-active) .chapter__num,
  .chapter:not(.is-active) .chapter__inner{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  .chapter.is-active .chapter__photo,
  .chapter.is-active .chapter__red,
  .chapter.is-active .chapter__lines,
  .chapter.is-active .chapter__num,
  .chapter.is-active .chapter__inner{
    visibility:visible !important;
  }

  .chapter__inner{
    width:100%;
    grid-template-columns:1fr !important;
    gap:18px !important;
    align-content:center;
    opacity:0 !important;
    transform:translateY(18px) !important;
    transition:opacity .38s ease, transform .38s ease !important;
  }

  .chapter.is-active .chapter__inner{
    opacity:1 !important;
    transform:none !important;
  }

  .chapter__photo{
    transform:scale(1.02) !important;
  }

  .topbar{
    left:10px;
    right:10px;
    top:10px;
    padding:8px 9px;
    gap:8px;
    border-radius:22px;
    z-index:9000;
  }
  .brand{
    gap:8px;
    max-width:50vw;
  }
  .brand-mark{
    width:36px;
    height:36px;
    flex:0 0 36px;
  }
  .brand span:last-child{
    font-size:13px;
    line-height:1;
    white-space:normal;
  }
  .nav{
    display:none !important;
  }
  .pill{
    padding:10px 12px;
    font-size:9px;
    letter-spacing:.09em;
  }

  .chapter h2{
    font-size:clamp(38px,14vw,62px);
    line-height:.88;
  }
  .lead{
    font-size:15px;
    line-height:1.45;
    max-width:94vw;
  }
  .content-box{
    max-height:34dvh;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
  }
  .photo-stack{
    min-height:250px;
    transform:scale(.84);
    transform-origin:center;
  }
  .actions{
    gap:10px;
    flex-wrap:wrap;
  }
  .btn{
    padding:12px 15px;
    font-size:10px;
  }

  .dots{
    right:10px !important;
    top:auto !important;
    bottom:78px !important;
    transform:none !important;
    gap:8px !important;
    z-index:9100;
  }
  .dots button{
    width:8px !important;
    height:8px !important;
  }
  .chapter-label{
    left:18px !important;
    bottom:18px !important;
    font-size:10px !important;
    letter-spacing:.12em !important;
    z-index:9100;
  }

  /* Galeria mobile preservada: fundo, imagem central e sem outra seção aparecendo. */
  .chapter--gallery{
    padding:0 !important;
  }
  .chapter--gallery:not(.is-active){
    opacity:0 !important;
    visibility:hidden !important;
  }
  .chapter--gallery.is-active{
    opacity:1 !important;
    visibility:visible !important;
  }
  .gf-gallery{
    height:100dvh;
  }
  .gf-stack{
    transform:none !important;
  }
  .gf-card{
    left:50vw !important;
    top:54dvh !important;
    width:88vw !important;
    min-width:0 !important;
    max-width:none !important;
    aspect-ratio:16/9 !important;
    border-radius:5px;
  }
  .gf-state-0 .card-01,
  .gf-state-2 .card-02,
  .gf-state-4 .card-03,
  .gf-state-6 .card-04,
  .gf-state-8 .card-05,
  .gf-state-10 .card-06,
  .gf-state-12 .card-07,
  .gf-state-14 .card-08,
  .gf-state-16 .card-09,
  .gf-state-18 .card-10,
  .gf-state-20 .card-11{
    opacity:1 !important;
    transform:translate3d(-50%,8dvh,0) scale(.80) !important;
  }
  .gf-state-1 .card-01,
  .gf-state-3 .card-02,
  .gf-state-5 .card-03,
  .gf-state-7 .card-04,
  .gf-state-9 .card-05,
  .gf-state-11 .card-06,
  .gf-state-13 .card-07,
  .gf-state-15 .card-08,
  .gf-state-17 .card-09,
  .gf-state-19 .card-10,
  .gf-state-21 .card-11{
    opacity:1 !important;
    transform:translate3d(-50%,-50%,0) scale(1.06) !important;
  }
}



/* MOBILE ONLY — movimento igual ao PC, sem voltar a sobrepor telas */
@media (max-width: 768px){
  .chapter{
    transition:
      opacity .72s cubic-bezier(.77,0,.175,1),
      transform .86s cubic-bezier(.77,0,.175,1),
      visibility 0s linear .86s !important;
    transform:translate3d(var(--enter-x), var(--enter-y), 0) rotate(calc(var(--enter-rot) * 1deg)) scale(.985) !important;
  }

  .chapter.is-active{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    z-index:20 !important;
    transform:translate3d(0,0,0) rotate(0deg) scale(1) !important;
    transition:
      opacity .72s cubic-bezier(.77,0,.175,1),
      transform .86s cubic-bezier(.77,0,.175,1),
      visibility 0s linear 0s !important;
  }

  .chapter.is-leaving{
    opacity:0 !important;
    visibility:visible !important;
    pointer-events:none !important;
    z-index:18 !important;
    transform:translate3d(calc(var(--leave-x) * 1px), calc(var(--leave-y) * 1px), 0) rotate(calc(var(--leave-rot) * 1deg)) scale(.985) !important;
    transition:
      opacity .72s cubic-bezier(.77,0,.175,1),
      transform .86s cubic-bezier(.77,0,.175,1),
      visibility 0s linear .86s !important;
  }

  .chapter:not(.is-active):not(.is-leaving){
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    z-index:1 !important;
    transform:translate3d(var(--enter-x), var(--enter-y), 0) rotate(calc(var(--enter-rot) * 1deg)) scale(.985) !important;
  }

  .chapter.is-active .chapter__photo{
    transform:scale(1.02) !important;
  }

  .chapter.is-leaving .chapter__photo{
    transform:scale(1.06) !important;
  }

  .chapter.is-leaving .chapter__inner{
    opacity:0 !important;
    transform:translate3d(calc(var(--leave-x) * .35px), calc(var(--leave-y) * .35px), 0) !important;
  }

  .chapter.is-active .chapter__inner{
    opacity:1 !important;
    transform:translate3d(0,0,0) !important;
  }

  /* A galeria também respeita a entrada/saída direcional da tela inteira */
  .chapter--gallery.is-active{
    transform:translate3d(0,0,0) rotate(0deg) scale(1) !important;
  }

  .chapter--gallery.is-leaving{
    transform:translate3d(calc(var(--leave-x) * 1px), calc(var(--leave-y) * 1px), 0) rotate(calc(var(--leave-rot) * 1deg)) scale(.985) !important;
  }
}



/* NOVA LOGO NO CABEÇALHO */
.brand.brand--new-logo{
  display:flex;
  align-items:center;
  gap:0;
  min-width:310px;
  max-width:360px;
  height:54px;
  text-decoration:none;
  letter-spacing:0;
}
.brand.brand--new-logo img{
  display:block;
  width:100%;
  height:auto;
  max-height:50px;
  object-fit:contain;
  object-position:left center;
}
.brand.brand--new-logo .brand-mark{
  display:none!important;
}

@media (max-width: 768px){
  .brand.brand--new-logo{
    min-width:0!important;
    width:190px!important;
    max-width:48vw!important;
    height:42px!important;
  }
  .brand.brand--new-logo img{
    max-height:38px!important;
  }
}



/* AJUSTE DA FAIXA DE TRANSIÇÃO NA DESCIDA
   Corrige o wipe vertical para cobrir a tela inteira com folga */
.transition-wipe{
  position:fixed;
  left:50%;
  top:50%;
  width:170vw;
  height:200vh;
  margin-left:-85vw;
  margin-top:-100vh;
  inset:auto!important;
  transform-origin:center center;
  background-size:100% 100%!important;
}

/* Quando a troca é para baixo/cima, a faixa precisa ser ainda maior
   para não aparentar ficar menor que o site. */
body.motion-down .transition-wipe,
body.motion-up .transition-wipe{
  width:220vw!important;
  height:260vh!important;
  margin-left:-110vw!important;
  margin-top:-130vh!important;
}

body.motion-down{
  --wipe-start-y:-145vh;
  --wipe-end-y:145vh;
}
body.motion-up{
  --wipe-start-y:145vh;
  --wipe-end-y:-145vh;
}

@keyframes wipeAcrossSlow{
  0%{opacity:0;transform:translate3d(var(--wipe-start-x),var(--wipe-start-y),0) rotate(var(--wipe-rot)) scale(1.12)}
  12%{opacity:.95}
  42%{opacity:1}
  68%{opacity:.78}
  100%{opacity:0;transform:translate3d(var(--wipe-end-x),var(--wipe-end-y),0) rotate(var(--wipe-rot)) scale(1.12)}
}