.intro{z-index:200;padding:env(safe-area-inset-top) 24px env(safe-area-inset-bottom);color:#f4f2ec;justify-content:center;align-items:center;animation:.6s 16s forwards intro-safety;display:flex;position:fixed;inset:0}.intro--light{color:#151717}.intro__block{flex-direction:column;align-items:center;transition:opacity .7s,transform .9s cubic-bezier(.22,.8,.24,1);display:flex}.intro.is-leave .intro__block{opacity:0;transform:translateY(-6px)scale(.985)}.intro.is-leave{opacity:0;pointer-events:none;transition:opacity .5s .4s}.intro__stage{aspect-ratio:1;width:min(80vw,340px);margin-bottom:-9%;position:relative}.intro__glass{inset:0;position:absolute!important}.intro__mark{width:46%;height:auto;animation:1.6s cubic-bezier(.2,.8,.2,1) both intro-mark;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.intro--calm .intro__mark{animation:.5s both intro-fade}.intro__word{opacity:0;filter:blur(6px);width:min(56vw,232px);height:auto;transition:opacity .9s,transform 1s cubic-bezier(.22,.8,.24,1),filter 1s;transform:translateY(10px)}.intro__label{font-family:var(--font-brand), var(--font-sans), sans-serif;letter-spacing:.42em;text-transform:uppercase;opacity:0;margin:22px 0 0;font-size:13px;font-weight:400;transition:opacity .9s,transform 1s cubic-bezier(.22,.8,.24,1);transform:translateY(10px)}.intro__line{background:linear-gradient(90deg,#8b7330,#c9a864,#f0dca8);border-radius:2px;width:44px;height:2px;margin-top:16px;transition:transform .9s cubic-bezier(.22,.8,.24,1) .2s;transform:scaleX(0)}.intro.is-word .intro__word,.intro.is-label .intro__word,.intro.is-leave .intro__word{opacity:1;filter:none;transform:none}.intro.is-label .intro__label,.intro.is-leave .intro__label{opacity:.9;transform:none}.intro.is-label .intro__line,.intro.is-leave .intro__line{transform:none}.intro--calm .intro__word,.intro--calm .intro__label,.intro--calm .intro__line{filter:none;transition-duration:.35s;transition-delay:0s}html[data-intro=on] .card .txt,html[data-intro=on] .card .card__quick li,html[data-intro=on] .card .card__rows li{animation-play-state:paused}html[data-intro=on],html[data-intro=on] body{overflow:hidden}@keyframes intro-mark{0%{opacity:0;filter:blur(14px);transform:translate(-50%,-50%)scale(1.1)}to{opacity:1;filter:none;transform:translate(-50%,-50%)}}@keyframes intro-fade{0%{opacity:0}}@keyframes intro-safety{to{opacity:0;visibility:hidden}}.intro__word,.intro__label,.intro__line{z-index:1;position:relative}.intro__stage{margin-bottom:-16%}.intro__label{transition:opacity .28s,transform .32s cubic-bezier(.22,.8,.24,1)}.intro__line{transition:transform .3s cubic-bezier(.22,.8,.24,1) 50ms}@media (prefers-reduced-motion:reduce){.intro__word,.intro__label,.intro__line,.intro__block,.intro.is-leave{filter:none;transition-duration:.15s;transition-delay:0s}}.intro{animation:.4s 9s forwards intro-safety}.intro__word{transition:opacity .6s,transform .7s cubic-bezier(.22,.8,.24,1),filter .6s}.intro__label{margin-top:18px;transition:opacity .6s,transform .7s cubic-bezier(.22,.8,.24,1)}.intro__block{transition:opacity .5s,transform .6s cubic-bezier(.22,.8,.24,1)}.intro.is-leave{transition:opacity .4s .2s}.intro__mark{animation-duration:1.2s}@media (max-width:480px){.intro__stage{width:min(74vw,300px)}.intro__word{width:min(58vw,220px)}.intro__label{letter-spacing:.36em;font-size:12px}}
