/* Step 2: the reviewed flat centerpiece and a user-controlled division orbit. */
html,body{background:#fff}
#home-filters{position:absolute}
#world{inset:0;width:100%;height:100%;background:#fff;isolation:isolate;touch-action:none;cursor:grab}
#world.is-dragging{cursor:grabbing}
#world:focus-visible{outline:2px solid #414099;outline-offset:-6px}
#logo-panels{display:block;z-index:auto;isolation:isolate}
#loading{z-index:150;color:#414099;pointer-events:none}
#logo-panels>.summit-header,body.division-open #logo-panels>.summit-header{
 display:block;position:absolute;inset:var(--centerpiece-top,0px) auto auto 50%;width:var(--centerpiece-width,900px);height:var(--centerpiece-height,563px);
 z-index:50;transform:translateX(-50%);opacity:1;pointer-events:none;
}
.summit-header>.summit-logo{display:block;position:relative;width:100%;height:100%;max-width:none;aspect-ratio:auto;margin:0;pointer-events:none}
.summit-header>.summit-logo>img,.summit-header>.summit-logo:hover>img{
 position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;transform:none;filter:none;mix-blend-mode:normal;
}
/* Display masks preserve the white miner while allowing the orbit behind the peak.
   Both layers use the unmodified Step 1 PNG; the slogan is kept below the rock. */
.summit-header>.summit-logo>.mountain-art{
 clip-path:polygon(50% 2%,54% 9%,57% 10%,60% 25%,64% 34%,67% 46%,74% 46%,77% 57%,83% 66%,91% 77%,100% 87.5%,0 87.5%,8% 77%,17% 67%,24% 58%,30% 45%,35% 36%,41% 18%,44% 16%);
}
.summit-header>.summit-logo>.mountain-slogan{clip-path:inset(87.5% 0 0)}
#logo-panels>.crest-card,#logo-panels>.crest-card[data-active=true],#logo-panels>.crest-card:hover{
 display:block;position:absolute;inset:0 auto auto 0;padding:0;margin:0;border:0;border-radius:0;background:none;box-shadow:none;
 backdrop-filter:none;-webkit-backdrop-filter:none;overflow:visible;text-align:center;pointer-events:auto;transform-origin:50% 50%;
}
#logo-panels>.crest-card::before,#logo-panels>.crest-card::after{display:none}
#logo-panels>.crest-card>img{
 display:block;width:100%;height:100%;min-height:0;object-fit:contain;pointer-events:none;user-select:none;
 mix-blend-mode:normal;filter:url(#crest-white-key);transform:none;
 clip-path:polygon(0 0,50% 0,50% 22%,46.3% 49%,100% 49%,100% 77%,85% 77%,85% 82.5%,0 82.5%);
 transition:transform .28s cubic-bezier(.22,.7,.22,1),clip-path .28s ease;
}
#logo-panels>.crest-card:focus-visible{outline:2px solid #414099;outline-offset:9px;border-radius:8px}
@media(hover:hover) and (pointer:fine){
 #logo-panels>.crest-card:hover>img{transform:scale(1.055);clip-path:polygon(0 0,50% 0,50% 22%,46.3% 49%,100% 49%,100% 77%,85% 77%,85% 85%,100% 85%,100% 100%,0 100%)}
}
#logo-panels>.crest-card:focus-visible>img{transform:scale(1.055);clip-path:polygon(0 0,50% 0,50% 22%,46.3% 49%,100% 49%,100% 77%,85% 77%,85% 85%,100% 85%,100% 100%,0 100%)}
#logo-panels>.crest-card[data-clean=true]>img{clip-path:inset(0 0 var(--tagline-cut));filter:none}
@media(hover:hover) and (pointer:fine){#logo-panels>.crest-card[data-clean=true]:hover>img{clip-path:inset(0)}}
#logo-panels>.crest-card[data-clean=true]:focus-visible>img{clip-path:inset(0)}
#logo-panels>.crest-card.is-departing{visibility:hidden}
@media(prefers-reduced-motion:reduce){#logo-panels>.crest-card>img{transition:none}}