.logo-intro{z-index:100;color:#dde8d2;isolation:isolate;position:fixed;inset:0;overflow:hidden}.intro-top{letter-spacing:.2em;color:#dde8d280;align-items:center;gap:28px;font-size:13px;display:flex;position:absolute;top:38px;left:4vw}.intro-top span:first-child{color:#dde8d2;letter-spacing:.12em;font-weight:600}.intro-skip{z-index:4;color:#dde8d2aa;cursor:pointer;padding:12px 0 12px 18px;font-size:14px;position:absolute;top:27px;right:4vw}.intro-skip span{color:#e5863c;margin-left:12px}.intro-skip:hover{color:#fff}.intro-skip:focus-visible,.intro-enter:focus-visible{outline-offset:8px;border-radius:2px;outline:1px solid #dde8d2}.intro-stage{perspective:1100px;aspect-ratio:334/132;width:min(76vw,620px);position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}.intro-zoom{transform-origin:96.1% 9.1%;will-change:transform,opacity;position:absolute;inset:0}.intro-arrival{width:100%;height:100%;animation:1.8s cubic-bezier(.16,1,.3,1) both intro-arrival;position:relative}.intro-logo{width:100%;height:auto;display:block;position:absolute;inset:0}.intro-wordmark{clip-path:inset(0 46% 0 0);animation:1.6s cubic-bezier(.16,1,.3,1) both intro-wordmark}.intro-numerals{clip-path:inset(0 0 36% 54%);animation:1.4s cubic-bezier(.16,1,.3,1) .3s both intro-numerals}.intro-tagline{clip-path:inset(64% 0 0 54%);animation:1.1s .9s both intro-tagline}.intro-light-sweep{pointer-events:none;background:linear-gradient(110deg,#0000 42%,#dde8d2a0 49%,#fff 50%,#0000 58%) 0 0/300% 100%;animation:1.5s ease-in-out 1.05s both intro-sweep;position:absolute;inset:0;-webkit-mask:url(/brand/logo-intro.svg) 50%/100% 100% no-repeat;mask:url(/brand/logo-intro.svg) 50%/100% 100% no-repeat}.intro-curtain{pointer-events:none;position:absolute;inset:0}.intro-aura{pointer-events:none;background:radial-gradient(#68934018,#0000 65%);width:min(90vw,950px);height:65vh;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}.intro-recycle-position{aspect-ratio:1;width:7.18563%;position:absolute;top:0;left:92.8144%}.intro-recycle{transform-origin:45.8333%;width:100%;height:100%;animation:1.1s cubic-bezier(.16,1,.3,1) 1.35s both intro-icon-arrival,3.6s linear 2.45s infinite intro-recycle;display:block}.intro-bottom{bottom:max(35px,env(safe-area-inset-bottom));text-align:center;position:absolute;left:0;right:0}.intro-enter{letter-spacing:.2em;cursor:pointer;color:#dde8d2ba;align-items:center;gap:18px;padding:12px;font-size:12px;transition:opacity .4s;animation:3.6s both intro-cue;display:inline-flex}.intro-enter:disabled{opacity:.3;cursor:default}.intro-arrow{color:#e5863c;font-size:20px;font-weight:300}.intro-timeline{background:#dde8d212;height:1px;position:absolute;bottom:0;left:0;right:0}.intro-timeline span{transform-origin:0;background:#689340;width:100%;height:100%;animation:3.6s linear both intro-load;display:block}@keyframes intro-arrival{0%{opacity:0;transform:translateY(28px)rotateX(14deg)scale(.88)}to{opacity:1;transform:translateY(0)rotateX(0)scale(1)}}@keyframes intro-recycle{to{transform:rotate(360deg)}}@keyframes intro-cue{0%,60%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes intro-load{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (max-width:700px){.intro-top{top:27px;left:6vw}.intro-top span:nth-child(2){display:none}.intro-skip{top:16px;right:6vw}.intro-stage{perspective:1100px;width:80vw;top:45%}.intro-bottom{bottom:max(28px,env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.logo-intro{display:none}.intro-arrival,.intro-recycle,.intro-enter,.intro-timeline span{animation:none}}@keyframes intro-wordmark{0%{opacity:0;filter:blur(10px);transform:translate(-35px)}to{opacity:1;filter:blur();transform:translate(0)}}@keyframes intro-numerals{0%{opacity:0;filter:blur(10px);transform:translate(35px)}to{opacity:1;filter:blur();transform:translate(0)}}@keyframes intro-tagline{0%{opacity:0;filter:blur(4px);transform:translateY(9px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes intro-icon-arrival{0%{opacity:0;transform:rotate(-150deg)scale(.4)}to{opacity:1;transform:rotate(0)scale(1)}}@keyframes intro-sweep{0%{opacity:0;background-position:100% 0}20%{opacity:.9}85%{opacity:.65}to{opacity:0;background-position:0 0}}@media (prefers-reduced-motion:reduce){.intro-wordmark,.intro-numerals,.intro-tagline,.intro-light-sweep{animation:none}}.intro-portal-mark{pointer-events:none;position:absolute;inset:0}.intro-vector-arrival{animation:.65s 1.35s both intro-vector-arrival}@keyframes intro-vector-arrival{0%{opacity:0}to{opacity:1}}
