/* Órbita: static first. Motion is enabled only after the artwork is decoded. */
:root{--orbit-ground:linear-gradient(180deg,#21171612,#190e146b),url('orbita/cases-ground.webp');--orbit-ink:#f6f3ee;--orbit-lavender:#c393f4;--orbit-sand:#f2d9aa}
html:has(.orbita){scroll-padding-top:0;scroll-behavior:auto}
.orbita{--bg:#211b19;--surface:#302724;--text:var(--orbit-ink);--lilac:var(--orbit-lavender);--line:#66504b;background:#211b19;color:var(--text)}
.orbit-home{font-family:InterDisplay,Arial,sans-serif;font-weight:400}
.orbit-home h1,.orbit-home h2,.orbit-home h3{font-family:Arial,InterDisplay,sans-serif;font-weight:700}
.orbit-home #conteudo{overflow:clip;display:block}
.orbit-home .accent{color:var(--orbit-lavender)}
.orbit-journey{position:relative;height:100svh;min-height:400px;background:#181a22}
.orbit-stage{position:relative;height:100svh;min-height:400px;overflow:hidden;isolation:isolate}
.orbit-scene,.orbit-ground,.orbit-intro{position:absolute;inset:0}
.orbit-scene{transform-origin:0 0}
.orbit-art{width:100%;height:100%;object-fit:cover;max-width:none}
.orbit-scene>picture{display:block;width:100%;height:100%}
.orbit-screen{position:absolute;top:0;left:0;max-width:none;width:1024px;height:448px;object-fit:cover;transform-origin:0 0;opacity:0;pointer-events:none}
.orbit-ground{background-image:var(--orbit-ground);background-repeat:no-repeat;background-position:center top;background-color:#211b19;opacity:0}
.orbit-intro{z-index:2;pointer-events:none}
.orbit-intro h1{position:absolute;top:22.6%;left:7.4%;margin:0;font-size:4.3vw;line-height:1.01;letter-spacing:0;max-width:48%;text-wrap:initial;color:#f7f4ef}
.orbit-enter,.orbit-contact{display:flex;align-items:center;justify-content:center;gap:.65em;border:0;border-radius:999px;background:radial-gradient(ellipse at 79% 20%,#dec1ff99,transparent 65%),linear-gradient(105deg,#bd87ef,#c69bf5 50%,#b77deb);color:#100d17;font-weight:700;font-family:InterDisplay,Arial,sans-serif}
.orbit-enter{position:absolute;left:7.4%;bottom:17.2%;min-height:44px;min-width:23.6%;padding:.8em 2em;font-size:1.5vw;box-shadow:0 0 26px #b67cf47a,inset 0 1px 20px #e8c5ff8a;pointer-events:auto;animation:orbit-breathe 3.8s ease-in-out infinite}
.orbit-enter .icon,.orbit-contact .icon{filter:none;width:1.25em;height:1.25em}
.orbit-enter:hover,.orbit-contact:hover{background:#d5b0ff}
.orbit-enter:focus-visible,.orbit-contact:focus-visible{outline:3px solid #fff;outline-offset:5px}
@keyframes orbit-breathe{0%,100%{box-shadow:0 0 22px #b67cf470}50%{box-shadow:0 0 38px #b67cf49a}}
.orbit-work{position:relative;background-color:#211b19;background-image:var(--orbit-ground);background-position:center top;background-size:var(--orbit-ground-size,cover);background-repeat:no-repeat;outline:none;color:var(--orbit-ink)}
.orbit-work-inner{width:86.8%;margin:auto;padding:3.5vw 0 3vw}
.orbit-heading{padding:0 1.3vw;margin:0 0 1.5vw}
.orbit-home .eyebrow{margin:0;color:var(--orbit-sand);font-size:clamp(10px,1.03vw,18px);font-weight:550;letter-spacing:.24em;line-height:1.4}
.orbit-heading h2{margin:.1em 0 0;font-size:4.15vw;line-height:1.08;letter-spacing:0;font-weight:750}
.orbit-heading>p:last-child{font-size:1.75vw;line-height:1.25;margin:.17em 0 0}
.orbit-collections{display:grid;grid-template-columns:1fr 1fr;gap:1.4vw}
.orbit-collection{display:flex;flex-direction:column;min-width:0}
.orbit-cover{position:relative;display:block;width:100%;overflow:hidden;isolation:isolate}
.official-portal{aspect-ratio:676/356;border-radius:1vw}
.official-portal img{position:absolute;max-width:none;height:auto;width:234.615%;top:-57.303%;left:-15.533%;pointer-events:none}
.portal-instagram img{left:-118.787%}
.custom-portal{border-radius:1vw}
.custom-portal img{width:100%;height:auto;object-fit:contain}
.orbit-collection-copy{padding:.5vw 1.3vw .3vw;flex:1}
.orbit-collection h3{font-size:3.7vw;letter-spacing:-.025em;line-height:1.02;margin:.03em 0 .06em;font-weight:750}
.orbit-featured{display:inline-block;font-size:1.55vw;font-weight:700;color:var(--orbit-lavender);line-height:1.25}
.orbit-featured:hover{text-decoration:underline;text-underline-offset:.2em}
.orbit-description{font-size:1.45vw;line-height:1.2;margin:.3em 0 .6em;max-width:28ch}
.orbit-result>strong{display:block;font-size:4.55vw;letter-spacing:-.035em;line-height:.98;font-weight:750}
.orbit-result>span{display:block;font-size:1.65vw;font-weight:700;line-height:1.13}
.orbit-result>small{display:block}
.orbit-source{font-size:1.23vw;margin:.2em 0 0;line-height:1.25}
.orbit-outline{display:flex;align-items:center;justify-content:center;gap:.7em;min-height:44px;padding:.5em 1em;border:1.5px solid #d9aef9;border-radius:999px;font-size:1.45vw;font-weight:700;margin:0 1.3vw;transition:background .2s;background:#15131555}
.orbit-outline .icon{width:1.15em;height:1.15em}
.orbit-outline:hover{background:#c393f41a}
.orbit-closing{display:flex;align-items:center;justify-content:space-between;gap:3vw;padding:1.7vw 1.3vw 0}
.orbit-closing h2{font-size:3.05vw;font-weight:750;letter-spacing:0;line-height:1.1;margin:0}
.orbit-contact{padding:.65em 1.5em;font-size:1.45vw;min-height:44px;white-space:nowrap;flex-shrink:0;min-width:35%}
.orbit-contact .icon{width:1.6em;height:1.6em}
.orbit-ready .orbit-journey{height:calc(var(--orbit-height) + var(--orbit-distance));min-height:0}
.orbit-ready .orbit-stage{position:sticky;top:0;height:var(--orbit-height);min-height:0}
.orbit-ready .orbit-work{margin-top:calc(-1 * var(--orbit-height));will-change:transform}
.orbit-ready .orbit-scene{will-change:transform}
.orbit-ready .orbit-work-inner{opacity:0}
.orbit-ready .orbit-work{background-color:transparent;background-image:none}
.orbit-ready .orbit-work::before{content:'';position:absolute;inset:0;z-index:0;background-color:#211b19;background-image:var(--orbit-ground);background-position:center top;background-size:var(--orbit-ground-size,cover);background-repeat:no-repeat;opacity:var(--ground-opacity,0);pointer-events:none}
.orbit-work-inner{position:relative;z-index:1}
.orbit-home[data-phase=settled] .orbit-work-inner{opacity:1}
.orbit-home[data-phase=settled] .orbit-scene{will-change:auto}
.orbit-route{background:#211b19 var(--orbit-ground) center top/cover fixed no-repeat;min-height:100svh}
.orbit-route .button-primary,.orbit-dialog .button-primary{background:#bd8bed;color:#170e1c}
.orbit-route .button-primary .icon,.orbit-dialog .button-primary .icon{filter:none}
.orbit-dialog{color:var(--text);width:min(1160px,96vw);max-width:none;height:min(900px,94svh);max-height:94svh;margin:auto;padding:0;border:1px solid #a9806380;border-radius:20px;background:#211b19 var(--orbit-ground) center top/cover no-repeat;overflow:auto;overscroll-behavior:contain;font-family:InterDisplay,Arial,sans-serif}
.orbit-dialog::backdrop,.image-dialog::backdrop{background:#09080cce;backdrop-filter:blur(6px)}
.panel-bar{position:sticky;top:0;z-index:10;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;background:#211b19f5;border-bottom:1px solid #ffffff26}
.panel-bar span{font-size:14px;font-weight:600;letter-spacing:.04em}
.panel-content{padding:20px}
.panel-content .shell{width:100%;max-width:none;padding:0}
.panel-content .case-toolbar{display:flex}
.panel-content .case-close{display:none}
.panel-content .collection-heading h1,.panel-content .case-heading h1{font-size:clamp(30px,4vw,52px)}
.panel-content .case-heading p{font-size:18px}
.panel-content .work-end{border-color:#ffffff38}
.panel-content .cases-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:20px;align-items:stretch}
.panel-content .case-card{flex:0 0 calc(50% - 10px);scroll-snap-align:start;max-width:none;background:#211b19a0;border:1px solid #94756055;border-radius:14px}
.panel-content .count-1 .case-card{flex-basis:100%;display:grid;grid-template-columns:1fr 1fr}
.panel-content .case-card-image{display:block;aspect-ratio:1.5;overflow:hidden;border-radius:12px}
.panel-content .case-card-image img{height:100%;width:100%;object-fit:contain}
.panel-content .cases-controls:not([hidden]){display:flex!important}
.panel-status{padding:0 20px;font-size:14px}
.panel-status:empty{display:none}
.image-dialog{border:0;padding:0;background:#151217;color:white;width:min(96vw,1500px);height:94svh;max-width:none;max-height:none;overflow:hidden;border-radius:12px}
.image-dialog>img{height:100%;width:100%;object-fit:contain}
.image-close{position:absolute;right:12px;top:12px;background:#151217d9;z-index:2}
.orbit-home:has(dialog[open]){overflow:hidden}
@media(max-aspect-ratio:4/5){
 .orbit-intro h1{left:8.2%;top:14.8%;max-width:88%;font-size:8.15vw;line-height:1.04;letter-spacing:0}
 .orbit-enter{left:11.2%;right:11.2%;bottom:5%;font-size:4.15vw;padding:1em .7em;min-height:52px}
 .orbit-enter .icon{margin-left:.4em}
}
@media(max-width:899px){
 .orbit-work-inner{width:89.5%;padding:8.7vw 0 3vw}
 .orbit-heading{padding:0 3.2vw;margin:0 0 2.9vw}
 .orbit-home .eyebrow{font-size:clamp(10px,1.95vw,17px);letter-spacing:.23em}
 .orbit-heading h2{font-size:7.35vw;line-height:1.02;letter-spacing:-.02em;margin:.1em 0 .2em;max-width:none}
 .orbit-heading h2 .accent{display:block}
 .orbit-heading>p:last-child{font-size:clamp(15px,3.18vw,28px);line-height:1.2;max-width:34ch;margin:0}
 .orbit-collections{display:flex;flex-direction:column;gap:3.5vw}
 .official-portal{aspect-ratio:736/550;border-radius:0;clip-path:polygon(2% 0,98% 0,100% 2%,100% 90%,98% 95%,89% 99%,80% 97%,72% 90%,64% 87%,60% 81%,2% 77%,0 75%,0 2%)}
 .official-portal img{width:111.413%;left:-5.8424%;top:-57.2727%;height:auto}
 .portal-instagram{aspect-ratio:736/440;clip-path:polygon(2% 0,98% 0,100% 2%,100% 89%,97% 98%,86% 99%,73% 89%,65% 85%,53% 77%,0 74%,0 2%)}
 .portal-instagram img{left:-5.8424%;top:-238.1818%}
 .custom-portal{border-radius:8px}
 .orbit-collection-copy{padding:0 3.2vw .7vw}
 .official-portal+.orbit-collection-copy{position:relative;margin-top:-13vw;z-index:2}
 .portal-instagram+.orbit-collection-copy{margin-top:-12vw}
 .orbit-collection h3{font-size:7.35vw;line-height:1.02;margin:.04em 0 .05em}
 .orbit-featured{font-size:clamp(14px,3.25vw,29px);line-height:1.1}
 .orbit-description{font-size:clamp(15px,3.18vw,27px);line-height:1.15;margin:.32em 0 .5em;max-width:30ch}
 .orbit-result>strong{font-size:9.4vw;line-height:1.05;margin-top:.12em}
 .orbit-result>span{font-size:clamp(16px,3.48vw,30px);line-height:1.1}
 .orbit-source{font-size:clamp(12px,2.5vw,22px);line-height:1.25;margin:.35em 0 .4em}
 .orbit-outline{font-size:clamp(15px,3.2vw,28px);padding:.55em 1em;line-height:1.2;min-height:44px;margin:0 3vw;border-width:2px}
 .orbit-closing{display:block;padding:2.2vw 2.4vw 0}
 .orbit-closing h2{font-size:5.6vw;max-width:16ch;line-height:1.05;margin:0 0 .15em}
 .orbit-contact{width:100%;font-size:clamp(15px,3.15vw,28px);padding:.6em .7em;min-height:48px}
 .orbit-dialog{width:100%;height:100svh;max-height:100svh;border-radius:0;border:0}
 .panel-bar{padding:10px 16px;padding-top:max(10px,env(safe-area-inset-top))}
 .panel-content{padding:18px 16px max(24px,env(safe-area-inset-bottom))}
 .panel-content .case-card,.panel-content .count-1 .case-card{display:block;flex-basis:100%;width:100%}
 .panel-content .case-layout{display:flex;flex-direction:column}
 .panel-content .gallery-main{max-height:55svh;object-fit:contain}
 .panel-content .case-gallery{order:2}
 .panel-content .case-about{order:3}
}
@media(min-aspect-ratio:4/5) and (max-width:899px){.orbit-intro h1{font-size:5.2vw;top:15%;max-width:55%}.orbit-enter{font-size:16px;padding:.85em 1.3em;bottom:10%}}
@media(max-aspect-ratio:4/5) and (min-aspect-ratio:3/5){.orbit-intro h1{top:8%;font-size:6.7vw}.orbit-art{object-position:center 70%}.orbit-enter{bottom:4%}}
@media(prefers-reduced-motion:reduce){.orbit-enter{animation:none}.orbit-ready .orbit-scene{will-change:auto}*,*::before,*::after{scroll-behavior:auto!important}}
/* The scene's composition follows its captured dimensions, not browser-toolbar height. */
.orbit-ready [data-scene-layout=desktop] h1,.orbit-ready [data-scene-layout=compact] h1{top:22.6%;left:7.4%;max-width:48%;font-size:4.3vw;line-height:1.01}
.orbit-ready [data-scene-layout=desktop] .orbit-enter,.orbit-ready [data-scene-layout=compact] .orbit-enter{left:7.4%;right:auto;bottom:17.2%;min-height:44px;font-size:1.5vw;padding:.8em 2em}
.orbit-ready [data-scene-layout=mobile] h1,.orbit-ready [data-scene-layout=tablet] h1{left:8.2%;top:14.8%;max-width:88%;font-size:8.15vw;line-height:1.04}
.orbit-ready [data-scene-layout=mobile] .orbit-enter,.orbit-ready [data-scene-layout=tablet] .orbit-enter{left:11.2%;right:11.2%;bottom:5%;font-size:4.15vw;padding:1em .7em;min-height:52px}
.orbit-ready [data-scene-layout=tablet] h1{top:8%;font-size:6.7vw}
.orbit-ready [data-scene-layout=tablet] .orbit-enter{bottom:4%}
.orbit-ready [data-scene-layout=compact] h1{font-size:5.2vw;top:15%;max-width:55%}
.orbit-ready [data-scene-layout=compact] .orbit-enter{font-size:16px;padding:.85em 1.3em;bottom:10%}