.brand-intro{z-index:200;color:#f6f5f1;pointer-events:none;background:#242622;place-items:center;animation:1s cubic-bezier(.76,0,.24,1) forwards introCurtain;display:grid;position:fixed;inset:0}.intro-center{flex-direction:column;align-items:center;gap:22px;display:flex}.intro-word{letter-spacing:-.075em;font-size:clamp(65px,12vw,170px);font-weight:600;line-height:1;animation:1s cubic-bezier(.22,1,.36,1) both introWord;display:block}.intro-word i{vertical-align:top;letter-spacing:0;margin:10px 0 0 10px;font-size:.15em;font-style:normal;display:inline-block}.intro-caption{letter-spacing:.23em;font-size:10px;animation:1s both introCaption}.intro-line{transform-origin:0;background:#e6472c;width:100%;height:3px;animation:1s cubic-bezier(.4,0,.2,1) both introLine;position:absolute;bottom:0;left:0}.intro-aera{color:#383d33;background:#e8e4da}.intro-aera .intro-word{letter-spacing:.1em;font-family:Georgia,serif;font-weight:400}.intro-aera .intro-line{background:#747b68}.intro-object{color:#211e1b;background:#ea4b28}.intro-object .intro-word{font-weight:800}.intro-object .intro-line{background:#211e1b}.intro-pulse{color:#ddedb9;background:#183f32}.intro-pulse .intro-line{background:#c7df92}@keyframes introCurtain{0%,62%{clip-path:inset(0);visibility:visible}to{clip-path:inset(0 0 100%);visibility:hidden}}@keyframes introWord{0%{opacity:0;filter:blur(5px);transform:translateY(20px)}35%,70%{opacity:1;filter:blur();transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes introCaption{0%,15%{opacity:0}45%,70%{opacity:1}to{opacity:0}}@keyframes introLine{0%{transform:scaleX(0)}70%,to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.brand-intro{display:none!important}}
