﻿.ms-intro[hidden]{display:none}.ms-intro{position:fixed;inset:0;z-index:1000;overflow:hidden;display:grid;place-items:center;background:#faf7f1;color:#806943;isolation:isolate}.ms-intro:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#80694305 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,#80694304 0 1px,transparent 1px 4px);z-index:3}.intro-halo{position:absolute;width:90vmax;height:90vmax;border-radius:50%;background:radial-gradient(ellipse,#eeded8 0%,#ede8dc60 38%,transparent 65%);animation:ms-halo 4.2s ease-out both}.intro-folds{position:absolute;inset:-10%;display:flex;transform:rotate(-12deg) scale(1.15);z-index:2}.intro-fold{width:17%;height:140%;margin-top:-10%;flex-shrink:0;position:relative;background:linear-gradient(90deg,#00000016,transparent 13%,#ffffff4a 37%,transparent 64%,#00000018 96%),repeating-linear-gradient(90deg,transparent 0 2px,#ffffff14 2px 3px),var(--fabric);box-shadow:12px 0 30px #3b29251c;animation:ms-fabric-up 2.3s cubic-bezier(.72,0,.24,1) both;animation-delay:var(--delay)}.intro-fold:nth-child(even){animation-name:ms-fabric-down}.intro-thread{position:absolute;width:min(1050px,115vw);height:min(850px,110vh);opacity:.65;z-index:1;overflow:visible}.intro-thread path{fill:none;stroke:#b89b66;stroke-width:1;stroke-dasharray:1;stroke-dashoffset:1;animation:ms-thread 2.8s .4s ease-in-out forwards}.intro-thread path+path{stroke:#ad7c8a;stroke-width:.55;animation-delay:.75s}.intro-center{mix-blend-mode:multiply;position:relative;z-index:4;text-align:center;width:min(600px,90vw)}.intro-logo{width:clamp(170px,24vw,280px);height:auto;mix-blend-mode:multiply;margin:0 auto 28px;animation:ms-logo 1.6s .85s cubic-bezier(.2,.7,.2,1) both}.intro-kicker{font:10px Arial,Helvetica,sans-serif;letter-spacing:4px;color:#796542;margin:0 0 18px;animation:ms-type 1s 1.5s both}.intro-line{font:italic clamp(25px,3.2vw,43px)/1.3 Georgia,serif;color:#793e50;animation:ms-type 1s 1.75s both}.intro-diamond{width:8px;height:8px;transform:rotate(45deg);background:#a38553;margin:27px auto 0;animation:ms-diamond 1s 2s both}.intro-skip{position:absolute;bottom:35px;right:5%;z-index:5;border:1px solid #b6a995;background:#faf7f1e8;padding:12px 18px;color:#66543a;font:11px Arial,sans-serif;letter-spacing:.3px;cursor:pointer}.intro-skip span{margin-left:15px}.intro-progress{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#793e5010;z-index:5}.intro-progress:after{content:"";display:block;height:100%;background:#9c6875;transform-origin:left;animation:ms-progress 4.2s linear both}.intro-caption{position:absolute;left:5%;bottom:41px;font:9px Arial,sans-serif;letter-spacing:2px;z-index:4;color:#8c795e}.ms-intro.leaving{animation:ms-exit .65s cubic-bezier(.6,0,.4,1) both;pointer-events:none}body.intro-open{overflow:hidden}.intro-replay{border:0;border-bottom:1px solid #b9ad9b;background:transparent;padding:0 0 3px;font:inherit;color:inherit;cursor:pointer}.intro-replay:hover{color:#793e50}footer>div{gap:16px;flex-wrap:wrap}
.intro-skip,.intro-caption,.intro-progress{align-self:end;justify-self:start}.intro-halo,.intro-thread{pointer-events:none}
@keyframes ms-fabric-up{0%,12%{transform:translateY(0) skewY(0)}100%{transform:translateY(-115%) skewY(8deg)}}
@keyframes ms-fabric-down{0%,12%{transform:translateY(0) skewY(0)}100%{transform:translateY(115%) skewY(-8deg)}}
@keyframes ms-halo{from{transform:scale(.6);opacity:.2}to{transform:scale(1);opacity:1}}
@keyframes ms-thread{to{stroke-dashoffset:0}}
@keyframes ms-logo{from{opacity:0;transform:translateY(22px) scale(.92);filter:blur(5px);clip-path:inset(0 0 100% 0)}to{opacity:1;transform:none;filter:blur(0);clip-path:inset(0 1%)}}
@keyframes ms-type{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes ms-diamond{from{opacity:0;transform:rotate(0deg) scale(0)}to{opacity:1;transform:rotate(45deg) scale(1)}}
@keyframes ms-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes ms-exit{to{opacity:0;transform:translateY(-30px)}}
@media(max-width:600px){.intro-caption{width:100%;bottom:100px;left:0;right:0;text-align:center;font-size:8px}.intro-skip{bottom:34px;right:50%;transform:translateX(50%);white-space:nowrap}.intro-thread{width:175vw;height:80vh}.intro-logo{width:210px;margin-bottom:24px}.intro-kicker{font-size:8px;letter-spacing:3px}.intro-line{font-size:29px;max-width:290px;margin:auto}.intro-folds{inset:-20%}.intro-center{margin-top:-35px}}
@media(prefers-reduced-motion:reduce){.ms-intro *{animation:none!important}.intro-folds,.intro-thread,.intro-progress{display:none}.intro-logo,.intro-kicker,.intro-line,.intro-diamond{opacity:1;transform:none;filter:none;clip-path:none}.ms-intro.leaving{animation:none;opacity:0}}

