.retain-intro{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#f5f5ed;color:#1e5a38;animation:intro-away .65s cubic-bezier(.65,0,.35,1) 2.55s forwards;isolation:isolate}.intro-center{display:flex;flex-direction:column;align-items:center}.intro-stage{width:240px;height:240px;display:grid;place-items:center;perspective:850px}.intro-cube{position:relative;width:112px;height:112px;transform-style:preserve-3d;animation:cube-turn 2.45s cubic-bezier(.22,.8,.22,1) both}.cube-face{position:absolute;inset:0;border:1px solid #1e5a3870;background:#1e5a38;backface-visibility:hidden;transform:var(--pose);animation:face-assemble 1.4s cubic-bezier(.16,1,.3,1) var(--delay) both}.cube-front{--pose:translateZ(56px);--delay:.2s;background:#1c2518}.cube-back{--pose:rotateY(180deg) translateZ(56px);--delay:.03s;background:#1c3c2b}.cube-left{--pose:rotateY(-90deg) translateZ(56px);--delay:.12s;background:#244b36}.cube-right{--pose:rotateY(90deg) translateZ(56px);--delay:.32s;background:#356149}.cube-top{--pose:rotateX(90deg) translateZ(56px);--delay:.44s;background:#49755b}.cube-bottom{--pose:rotateX(-90deg) translateZ(56px);--delay:0s;background:#152f22}.cube-front img{width:100%;height:100%;display:block;position:relative;background:#f5f5ed;animation:door-appear .45s ease 1.6s both}.cube-front:after{content:'';position:absolute;inset:-2px;border:3px solid #f5f5ed;opacity:0;animation:door-appear .45s ease 1.6s forwards}.intro-name{font-family:'Space Grotesk',sans-serif;font-size:28px;font-weight:600;letter-spacing:-1px;margin-top:8px;animation:intro-word .65s ease 1.5s both}.intro-caption{font:500 9px 'DM Sans',sans-serif;letter-spacing:2px;text-transform:uppercase;color:#637260;margin-top:12px;animation:intro-word .6s ease 1.65s both}.intro-skip{position:absolute;right:30px;bottom:26px;background:transparent;border:1px solid #1e5a3830;color:#42634d;border-radius:30px;padding:9px 15px;font:500 11px 'DM Sans',sans-serif;cursor:pointer}.intro-skip:hover{color:#1e5a38;border-color:#1e5a3860}.intro-skip:focus-visible{outline:2px solid #1e5a38;outline-offset:4px}.intro-rule{position:absolute;bottom:0;left:0;height:2px;background:#1e5a38;transform-origin:left;width:100%;animation:intro-progress 2.55s linear both}.intro-replay{margin-left:14px;border:0;background:transparent;color:var(--primary);font-size:11px;cursor:pointer}.intro-dismiss{animation:intro-away .3s ease forwards!important}html.intro-active{overflow:hidden}.intro-active body>div.min-h-screen{animation:site-settle .8s cubic-bezier(.22,.8,.22,1) 2.5s both}@keyframes face-assemble{0%{opacity:0;transform:var(--pose) translateZ(100px)}20%{opacity:1}100%{opacity:1;transform:var(--pose)}}@keyframes cube-turn{0%{transform:rotateX(-28deg) rotateY(48deg) scale(.85)}55%{transform:rotateX(-24deg) rotateY(38deg) scale(.9)}85%,100%{transform:rotateX(0deg) rotateY(0deg) scale(.9)}}@keyframes door-appear{from{opacity:0}to{opacity:1}}@keyframes intro-word{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes intro-away{from{opacity:1;visibility:visible}to{opacity:0;visibility:hidden;pointer-events:none}}@keyframes intro-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes site-settle{from{transform:translateY(10px)}to{transform:translateY(0)}}@media(max-width:600px){.intro-stage{transform:scale(.85);height:210px}.intro-skip{right:20px;bottom:20px}.intro-name{font-size:25px}}@media(prefers-reduced-motion:reduce){.retain-intro{display:none!important}.intro-active body>div.min-h-screen{animation:none}html.intro-active{overflow:auto}}