.hr-intro{display:none}
html.intro-active{overflow:hidden}
html.intro-active .hr-intro{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 20% 20%,#ffb36b 0%,transparent 58%),linear-gradient(135deg,#ff843d 0%,#ed5b26 48%,#bd361e 100%);color:#f4f1e9;font-family:Arial,Helvetica,sans-serif;transform:translateY(0);transition:transform 720ms cubic-bezier(.76,0,.24,1);isolation:isolate}
.hr-intro-word{display:flex;gap:.025em;font-size:clamp(38px,7vw,95px);font-weight:700;line-height:1;letter-spacing:-.06em;padding-right:.06em}
.hr-intro-word span{display:block;animation:intro-letter 600ms cubic-bezier(.22,1,.36,1) both;animation-delay:calc(100ms + var(--letter)*125ms)}
.hr-intro button{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));right:5%;border:1px solid #f4f1e966;border-radius:30px;padding:12px 18px;background:transparent;color:inherit;font:12px Arial,sans-serif;cursor:pointer;min-height:44px}
.hr-intro button:hover{background:#ffffff18}
.hr-intro button:focus-visible{outline:2px solid #f4f1e9;outline-offset:4px}
html.intro-active .hr-intro.intro-leaving{transform:translateY(-100%)}
@keyframes intro-letter{from{opacity:0;transform:translateY(25px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}
@media(prefers-reduced-motion:reduce){html.intro-active{overflow:auto}html.intro-active .hr-intro{display:none}.hr-intro-word span{animation:none}}