.brand-intro{position:fixed;inset:0;z-index:10000;min-height:100dvh;overflow:auto;display:grid;place-items:center;box-sizing:border-box;color:var(--intro-text);background:var(--intro-background);font-family:var(--intro-font);line-height:1.7}.intro-grid{position:absolute;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--intro-accent) 5%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--intro-accent) 5%,transparent) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}.intro-center{position:relative;padding:40px 24px 110px;text-align:center}.intro-logo{width:min(440px,78vw);height:auto;animation:loaf-arrive 1.2s cubic-bezier(.16,1,.3,1) both .15s}.intro-center p{font-size:clamp(14px,2vw,20px);letter-spacing:.06em;animation:loaf-caption .7s ease both .55s}.intro-skip{position:absolute;bottom:32px;left:50%;transform:translate(-50%);white-space:nowrap}@keyframes loaf-arrive{0%{opacity:0;transform:scale(.3) rotate(-12deg);filter:blur(16px)}to{opacity:1;transform:scale(1) rotate(0);filter:blur(0)}}@keyframes loaf-caption{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.intro-logo,.intro-center p{animation:none}}