/* ICONIC and GROUP open apart over the actual homepage photographs. */
.brand-intro{display:none}
:root{scrollbar-gutter:stable}
.intro-pending{overflow:hidden}
.intro-pending body{background:var(--ink)}
.intro-pending .brand-intro{
  display:block;position:fixed;inset:0;z-index:90;overflow:hidden;
  color:var(--paper);pointer-events:auto;
  --intro-word-height:clamp(74px,18.5vw,220px);
}
.intro-pending .header,.intro-pending .opening-copy,.intro-pending .opening-meta,.intro-pending .opening-foot,.intro-pending .opening-shot>span{
  opacity:0;transition:opacity .95s cubic-bezier(.4,0,.2,1);
}
.intro-pending .header{transform:none}
.intro-pending .skip-link{visibility:hidden}
.intro-pending .opening-shot img{will-change:transform}
.intro-word{
  position:absolute;left:0;width:100%;height:50%;z-index:30;display:flex;align-items:center;justify-content:center;
  background:var(--ink);overflow:hidden;pointer-events:none;user-select:none;
  will-change:transform;transform:translate3d(0,0,0);
}
.intro-word>span{display:flex;align-items:center;justify-content:center;flex:none;width:100%;height:var(--intro-word-height);overflow:hidden}
.intro-word-top{top:0;align-items:flex-end;border-bottom:1px solid #be9e6545}
.intro-word-top>span{padding:0 3vw}
.intro-word-top img{width:100%;height:calc(var(--intro-word-height) * 2);max-width:none;object-fit:contain}
.intro-word-bottom{
  bottom:0;align-items:flex-start;color:var(--gold);border-top:1px solid #be9e6545;
  font-family:var(--head);font-weight:650;font-stretch:125%;font-variation-settings:'wdth' 125;
  font-size:min(16.2vw,225px);line-height:.8;letter-spacing:-.065em;
}
.intro-word-bottom>.intro-group{padding:0 3vw;gap:clamp(12px,2.1vw,30px)}
.intro-group-label{padding-right:.065em}
.intro-group .intro-orbit{flex:none;width:.304em;height:.82em;max-width:none;object-fit:contain}
.intro-running .intro-word-top{animation:intro-open-top 1.85s cubic-bezier(.76,0,.24,1) both}
.intro-running .intro-word-bottom{animation:intro-open-bottom 1.85s cubic-bezier(.76,0,.24,1) both}
.intro-leaving .brand-intro{will-change:opacity;pointer-events:none}
.intro-pending.intro-leaving .header,.intro-pending.intro-leaving .opening-copy,.intro-pending.intro-leaving .opening-meta,.intro-pending.intro-leaving .opening-foot,.intro-pending.intro-leaving .opening-shot>span{opacity:1}
@keyframes intro-open-top{
  0%,22%{transform:translate3d(0,0,0)}
  100%{transform:translate3d(0,calc(-100% + var(--intro-word-height)),0)}
}
@keyframes intro-open-bottom{
  0%,22%{transform:translate3d(0,0,0)}
  100%{transform:translate3d(0,calc(100% - var(--intro-word-height)),0)}
}
@media(max-width:600px){
  .intro-word-top>span{padding:0 4vw}
  .intro-word-bottom{font-size:16.2vw}
}
@media(prefers-reduced-motion:reduce){
  .intro-pending{overflow:visible}
  .intro-pending .brand-intro{display:none}
  .intro-pending .header,.intro-pending .opening-copy,.intro-pending .opening-meta,.intro-pending .opening-foot,.intro-pending .opening-shot>span{opacity:1}
  .intro-pending .skip-link{visibility:visible}
}

.intro-pending:not(.intro-running) .opening .opening-shot{left:50%;top:50%;transform:translate(-50%,-50%) scale(.5)}
.intro-pending .opening .opening-shot{will-change:transform;transition:none}