/* Intro-only composition: 402px reference; shared header/menu remain independent. */
.mobile-page .intro-title{position:absolute;left:2%;top:43%;width:96%;margin:0;padding:0;text-align:left;color:#fff;font-family:"Tutu Sans",Arial,sans-serif;font-weight:900;font-style:italic;font-size:calc(100cqw * 55 / 402);line-height:.76;letter-spacing:normal;transform:translateY(-50%) rotate(-8.8deg) skewX(-8.8deg);transform-origin:center}
.intro-title-line{display:block;white-space:nowrap;animation:intro-title-arrive 900ms cubic-bezier(.16,1,.3,1) both;animation-delay:calc(100ms + var(--intro-line) * 160ms)}
.intro-title-line:nth-child(2){text-align:right;padding-right:6%}
.intro-title-line:nth-child(3){text-align:right}
.mobile-page .intro-copy{top:auto;bottom:calc(100cqw * 40 / 402);left:calc(100cqw * 15 / 402);width:calc(100cqw * 372 / 402);font-family:"Tutu Sans",Arial,sans-serif;font-weight:600;font-style:italic;font-size:calc(100cqw * 20 / 402);line-height:1.05;letter-spacing:normal;text-align:left;text-transform:uppercase}
.intro-copy-accent{display:block;color:#D5FF63}
/* Translating in the rotated title's local X follows the heading's incline. */
@keyframes intro-title-arrive{from{transform:translateX(-130cqw)}to{transform:translateX(0)}}
@media(max-height:650px){.mobile-page .intro-title{top:38%;font-size:min(calc(100cqw * 55 / 402),10svh)}.mobile-page .intro-copy{font-size:min(calc(100cqw * 20 / 402),3svh);bottom:4svh}}
@media(prefers-reduced-motion:reduce){.intro-title-line{animation:none;transform:none}}
.mobile-page[data-reduced-motion="true"] .intro-title-line{animation:none;transform:none}