/* V11 · filmes com alpha: o scroll encena os instrumentos, sem mover o texto. */
/* ScrollTrigger restaura a posição durante refresh; não animar essa restauração. */
html{scroll-behavior:auto}
.atelier{background:#182c23;color:#f3f0e7;position:relative}
.atelier-pin{position:relative;height:calc(100svh - 78px);min-height:620px;max-height:980px;overflow:hidden;isolation:isolate}
.atelier-inner{height:100%;display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;position:relative;z-index:2}
.atelier-copy{padding:30px 0 80px;position:relative;z-index:3;pointer-events:none}
.atelier-copy h2{font:500 clamp(65px,6.2vw,94px)/.98 var(--serif);letter-spacing:-.03em;margin:0 0 28px}
.atelier-copy h2 em{color:#d4c28b}.atelier-copy p{font-size:14px;line-height:1.8;max-width:270px;color:#d7dbcf}
.atelier-copy .atelier-skip{pointer-events:auto;display:inline-flex;gap:14px;align-items:center;margin-top:32px;color:#f3f0e7;border-bottom:1px solid #d4c28b70;padding-bottom:9px;font-size:12px;min-height:44px}
.atelier-skip .icon{width:18px;height:18px}.atelier-skip:hover{color:#d4c28b}
.atelier-stage{height:100%;position:relative;min-width:0;pointer-events:none;container-type:size}
.atelier-item{position:absolute;left:50%;top:47%;width:100%;height:85%;transform-origin:center;will-change:transform,opacity}
.atelier-item img,.atelier-item video{position:absolute;width:100%;height:100%;inset:0;object-fit:contain;display:block;pointer-events:none}
.atelier-item img{padding:5% 16%;box-sizing:border-box}.atelier-item:last-of-type img{padding:19% 5%}
.atelier-item video{visibility:hidden}.atelier-item.video-active video{visibility:visible}.atelier-item.video-active img{visibility:hidden}
.atelier-rings{animation:atelier-orbit 28s linear infinite;animation-play-state:paused}
.atelier.is-in-view .atelier-rings{animation-play-state:running}
@keyframes atelier-orbit{to{transform:translate(-50%,-50%) rotate(334deg)}}
.atelier-stage canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;display:block;pointer-events:none}
.atelier-light{position:absolute;width:95%;height:80%;top:8%;left:0;background:radial-gradient(ellipse at center,#b7ae7930,transparent 67%);pointer-events:none}
.atelier-rings{width:450px;aspect-ratio:1;position:absolute;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-26deg);border:1px solid #d4c28b20;border-radius:50%;pointer-events:none}
.atelier-rings:before,.atelier-rings:after{content:'';position:absolute;border:1px solid #d4c28b12;border-radius:50%;inset:28px -36px;transform:rotate(47deg)}
.atelier-rings:after{inset:-36px 28px;transform:rotate(-32deg)}
.atelier-watermark{position:absolute;left:4%;bottom:9%;font:500 clamp(130px,22vw,350px)/.8 var(--serif);letter-spacing:-.06em;color:#d4c28b07;pointer-events:none;white-space:nowrap;z-index:0}
.atelier-bottom{position:absolute;bottom:38px;left:0;right:0;z-index:4;display:grid;grid-template-columns:.82fr 1.18fr;gap:20px;align-items:end}
.atelier-caption{font-size:10px;letter-spacing:.06em;color:#d4c28b;display:flex;align-items:center;gap:14px}.atelier-caption:before{content:'';height:1px;width:34px;background:currentColor}
.atelier-steps{display:flex;justify-content:space-between;gap:16px;padding:20px 0 0;border-top:1px solid #d4c28b30}
.atelier-step{background:none;border:0;color:#b6c0b1;font:inherit;text-align:left;padding:0 0 8px;min-height:48px;cursor:pointer}
.atelier-step>span{display:block;font-size:10px;color:#d4c28b;line-height:1.5;margin-bottom:5px}
.atelier-step strong{font:500 25px/1.1 var(--serif)}.atelier-step small{display:block;font-size:10px;margin-top:6px}
.atelier-step.is-current{color:#f3f0e7}.atelier-step.is-current>span:after{content:'';display:inline-block;width:5px;height:5px;background:#d4c28b;border-radius:50%;vertical-align:middle;margin-left:8px}
.atelier-step:hover strong{color:#d4c28b}.atelier-step:focus-visible{outline:2px solid #d4c28b;outline-offset:8px}
.atelier-meter{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#d4c28b15;z-index:5}.atelier-meter i{display:block;height:100%;width:100%;background:#d4c28b;transform:scaleX(0);transform-origin:left}
.atelier-poster{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:1}.atelier-poster svg{width:100%;max-height:80%;opacity:.95}
.atelier-ready .atelier-poster{visibility:hidden}.atelier-fallback .atelier-poster{visibility:visible}.atelier-fallback canvas{visibility:hidden}
.atelier:not(.atelier-ready) .atelier-caption:after{content:''}
@media(max-width:1000px) and (min-width:761px){.atelier-copy h2{font-size:65px}.atelier-rings{width:320px}.atelier-inner,.atelier-bottom{grid-template-columns:.9fr 1.1fr}.atelier-step strong{font-size:23px}.atelier-step small{font-size:9px}}
@media(max-width:760px){
 .atelier-pin{height:calc(100svh - 142px);min-height:590px;max-height:860px}
 .atelier-inner{display:block}.atelier-copy{position:absolute;top:28px;left:0;padding:0;width:100%;pointer-events:none}
 .atelier-copy h2{font-size:clamp(40px,10.8vw,58px);line-height:.96;margin:0}
 .atelier-copy p{font-size:11px;max-width:230px;margin:12px 0 0;line-height:1.65}
 .atelier-copy .atelier-skip{position:absolute;right:0;top:0;margin:0;padding:0;border:0;min-height:44px;font-size:10px;gap:6px}.atelier-skip span{display:none}
 .atelier-stage{position:absolute;left:-20px;right:-20px;top:205px;height:calc(100% - 315px)}
 .atelier-item{width:100%;height:110%;top:48%}.atelier-item img{padding:3% 18%}.atelier-item:last-of-type img{padding:18% 4%}
 .atelier-rings{width:260px;top:48%}.atelier-light{top:0;height:100%}
 .atelier-bottom{bottom:20px;display:block}.atelier-caption{font-size:8px;gap:8px;margin-bottom:12px}.atelier-caption:before{width:20px}
 .atelier-steps{padding-top:12px;gap:12px}.atelier-step{min-height:50px}.atelier-step strong{font-size:23px}.atelier-step small{font-size:9px}.atelier-step>span{font-size:9px;margin-bottom:3px}
 .atelier-watermark{bottom:22%;left:-6%;font-size:31vw}.atelier-poster svg{max-height:100%}
}
@media(max-height:650px) and (min-width:761px){.atelier-pin{min-height:520px}.atelier-copy h2{font-size:64px}.atelier-bottom{bottom:24px}.atelier-copy{padding-bottom:70px}}
@media(prefers-reduced-motion:reduce){.atelier-meter{display:none}.atelier-rings{animation:none}}
.motion-paused .atelier-meter{display:none}.motion-paused .atelier-rings{animation-play-state:paused!important}