.milo-page{background:radial-gradient(60% 35% at 15% 16%,rgba(63,214,176,.1),transparent 70%),radial-gradient(55% 40% at 88% 42%,rgba(239,111,174,.09),transparent 72%),linear-gradient(180deg,var(--night-0) 0%,#101630 35%,#1a1740 68%,var(--night-1) 100%)}.milo-hero:before{content:"";position:absolute;inset:0;z-index:-3;background-image:linear-gradient(180deg,#070a184d,#070a1826 42%,#070a18eb),linear-gradient(90deg,rgba(7,10,24,.34),transparent 55%,rgba(7,10,24,.2)),url(../assets/stories/milo-mira-world.jpg);background-position:center,center,center 44%;background-size:cover}.milo-hero .scene.is-on{opacity:.22;mix-blend-mode:screen}.milo-hero__inner{z-index:0;max-width:55rem;isolation:isolate}.milo-hero__inner:before{content:"";position:absolute;z-index:-1;inset:-3.5rem -5rem;background:radial-gradient(ellipse at center,rgba(7,10,24,.76) 0%,rgba(7,10,24,.52) 42%,transparent 74%);pointer-events:none}.milo-hero__studio-mark{width:clamp(7rem,12vw,10rem);margin-bottom:.75rem}.milo-hero__eyebrow{margin-bottom:.35rem;animation:fade-up .9s .3s ease both}.milo-hero__title{margin:0;font-family:var(--serif);font-size:clamp(4rem,11vw,9.5rem);font-weight:430;line-height:.9;letter-spacing:-.055em;text-shadow:0 8px 38px rgba(0,0,0,.58);animation:fade-up .9s .42s ease both}.milo-hero__title em{color:var(--gold-lt);font-weight:320}.milo-hero__tagline{margin:1rem 0 0;color:var(--cream);font-family:var(--serif);font-size:clamp(1.25rem,3vw,2.1rem);font-weight:350;animation:fade-up .9s .54s ease both}.milo-hero .hero__sub{color:#f6efdddb;text-shadow:0 2px 16px rgba(0,0,0,.88);animation:fade-up .9s .65s ease both}.milo-hero .hero__actions{align-items:center;animation-delay:.76s}.milo-hero__text-link{display:inline-flex;align-items:center;min-height:2.75rem;padding:.5rem .35rem;color:var(--cream);border-bottom:1px solid rgba(246,239,221,.45);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.milo-hero__text-link span{margin-left:.6rem;color:var(--gold-lt)}.milo-hero__stamp{position:absolute;right:max(clamp(1.5rem,5vw,5rem),var(--safe-right));bottom:clamp(2rem,7vh,5rem);display:grid;place-items:center;width:7.25rem;aspect-ratio:1;padding:.8rem;border:1px solid rgba(247,212,137,.58);border-radius:50%;color:var(--gold-lt);background:#070a1857;backdrop-filter:blur(6px);rotate:7deg;text-align:center;text-transform:uppercase;letter-spacing:.14em}.milo-hero__stamp:before{content:"";position:absolute;inset:.38rem;border:1px dashed currentColor;border-radius:inherit;opacity:.62}.milo-hero__stamp span,.milo-hero__stamp small{font-size:.52rem;font-weight:700}.milo-hero__stamp strong{margin-block:-.35rem;font-family:var(--serif);font-size:2rem;font-weight:430}.milo-characters,.milo-life{padding:clamp(4.5rem,10vh,8rem) var(--page-pad-right) clamp(4.5rem,10vh,8rem) var(--page-pad-left)}.milo-characters{background:radial-gradient(48% 90% at 10% 50%,rgba(63,214,176,.1),transparent 72%),radial-gradient(45% 85% at 90% 55%,rgba(239,111,174,.09),transparent 74%),#070a1833;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.character-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2.2vw,1.6rem);max-width:74rem;margin:0 auto}.character-card{display:grid;grid-template-columns:minmax(9rem,.78fr) minmax(0,1.22fr);min-height:22rem;overflow:hidden;border:1px solid var(--line);border-radius:1.3rem;background:#0d1229bd;box-shadow:0 18px 50px #0000004d}.character-card__portrait{min-height:100%;background-image:linear-gradient(180deg,transparent 62%,rgba(9,12,29,.38)),url(../assets/characters/milo-mira-avatar.png);background-repeat:no-repeat;background-size:cover,205%;filter:saturate(1.03) contrast(1.02)}.character-card--milo .character-card__portrait{background-position:center,94% 48%}.character-card--mira .character-card__portrait{background-position:center,4% 48%}.character-card__copy{align-self:center;padding:clamp(1.35rem,3vw,2rem)}.character-card__copy .kicker{margin-bottom:.55rem;font-size:.6rem}.character-card__copy h3{margin:0 0 .75rem;color:var(--cream);font-family:var(--serif);font-size:clamp(2rem,3.4vw,3rem);font-weight:450;line-height:1}.character-card__copy>p:last-child{margin:0;color:var(--cream-dim);font-size:.88rem;line-height:1.65}.milo-story{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(19rem,.88fr);gap:clamp(2rem,5vw,5rem);align-items:center;padding:clamp(4.5rem,9vh,7rem) var(--page-pad-right) clamp(4.5rem,9vh,7rem) var(--page-pad-left);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(80% 140% at 0% 40%,rgba(63,214,176,.13),transparent 65%),linear-gradient(135deg,#0e152dc7,#23194080)}.milo-story__media{position:relative;aspect-ratio:16 / 9;overflow:hidden;border:1px solid rgba(247,212,137,.18);border-radius:1.25rem;background:linear-gradient(135deg,#173e48,#312248);box-shadow:0 24px 64px #0000006b}.milo-story__media:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;box-shadow:inset 0 0 0 1px #f7d48914}.milo-story__media .launch__loop{width:100%;height:100%;object-fit:contain;opacity:.94}.milo-story__copy{align-self:center;padding:0}.milo-story__copy .launch__badge{margin-bottom:1.15rem}.milo-story__copy .display{margin-bottom:1.5rem}.milo-story__copy .display em{color:var(--gold-lt);font-weight:inherit}.milo-story__copy>p:not(.kicker){max-width:35rem;color:var(--cream-dim);font-family:var(--serif);font-size:clamp(1rem,1.45vw,1.15rem)}.milo-pair{display:flex;align-items:center;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--line)}.milo-pair span{display:grid;gap:.15rem}.milo-pair b{color:var(--cream);font-family:var(--serif);font-size:1.3rem;font-weight:500}.milo-pair small{color:var(--muted);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase}.milo-pair i{color:var(--gold-lt);font-style:normal}.milo-life{border-bottom:1px solid var(--line)}.milo-life__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(.8rem,1.8vw,1.3rem);max-width:78rem;margin:0 auto}.milo-life__frame{position:relative;grid-column:span 5;align-self:start;margin:0;overflow:hidden;border:1px solid var(--line);border-radius:1.15rem;background:#0c112899}.milo-life__frame--wide{grid-column:span 7}.milo-life__frame img{width:100%;aspect-ratio:16 / 10;object-fit:cover;transition:transform .9s cubic-bezier(.22,1,.36,1)}.milo-life__frame:hover img{transform:scale(1.035)}.milo-life__frame figcaption{position:absolute;left:.85rem;bottom:.85rem;padding:.38rem .72rem;border:1px solid rgba(246,239,221,.2);border-radius:999px;background:#070a18b3;color:var(--cream-dim);font-size:.62rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;backdrop-filter:blur(8px)}.milo-journeys{padding:clamp(4.5rem,10vh,8rem) var(--page-pad-right) clamp(4.5rem,10vh,8rem) var(--page-pad-left)}.milo-section-heading{max-width:54rem;margin:0 auto clamp(2rem,5vw,3.5rem);text-align:center}.milo-section-heading>p:last-child{max-width:38rem;margin:1rem auto 0;color:var(--cream-dim);font-family:var(--serif);font-size:1.05rem}.milo-journey-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,1.5rem);max-width:78rem;margin:0 auto}.milo-journey{overflow:hidden;border:1px solid var(--line);border-radius:1.2rem;background:#0c1128a3;transition:transform .24s ease,border-color .24s ease,box-shadow .28s ease}.milo-journey:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--gold) 50%,transparent);box-shadow:0 18px 44px #00000073}.milo-journey__art{position:relative;overflow:hidden}.milo-journey__art img{width:100%;aspect-ratio:16 / 10;object-fit:cover;transition:transform .7s cubic-bezier(.22,1,.36,1)}.milo-journey:hover img{transform:scale(1.045)}.milo-journey__number{position:absolute;right:1rem;bottom:-.4rem;color:#f6efddd1;font-family:var(--serif);font-size:clamp(3rem,5vw,5rem);font-weight:300;line-height:1;text-shadow:0 2px 20px rgba(0,0,0,.8)}.milo-journey__meta{display:grid;gap:.45rem;padding:1.25rem 1.35rem 1.4rem}.milo-journey__meta small{color:var(--muted);font-size:.62rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.milo-journey__meta h3{min-height:2.55em;margin:0;font-family:var(--serif);font-size:clamp(1.25rem,2vw,1.65rem);font-weight:480;line-height:1.25}.milo-passport{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.65rem 1rem;max-width:48rem;margin:clamp(2rem,5vw,3.5rem) auto 0;padding:1rem 1.25rem;border:1px dashed rgba(247,212,137,.34);border-radius:999px;background:#e8b54d0f}.milo-passport span{color:var(--muted);font-size:.6rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.milo-passport strong{color:var(--cream);font-family:var(--serif);font-size:1.05rem;font-weight:470}.milo-passport i{color:var(--gold-lt);font-style:normal}.milo-passport em{color:var(--cream-dim);font-family:var(--serif);font-size:.9rem}.milo-commercial{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(2.5rem,7vw,7rem);padding:clamp(4.5rem,10vh,8rem) var(--page-pad-right) clamp(4.5rem,10vh,8rem) var(--page-pad-left);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(70% 100% at 8% 55%,rgba(232,181,77,.12),transparent 70%),#080b1b4d}.milo-commercial__art{display:grid;grid-template:1fr / 1fr;align-items:center;min-height:clamp(26rem,44vw,38rem)}.milo-commercial__art img{grid-area:1 / 1;width:82%;aspect-ratio:16 / 10;object-fit:cover;border:1px solid rgba(247,212,137,.18);border-radius:1.1rem;box-shadow:0 24px 60px #00000073}.milo-commercial__art img:first-child{align-self:start;justify-self:start;rotate:-2.5deg}.milo-commercial__art img:last-child{align-self:end;justify-self:end;rotate:2.5deg}.milo-commercial__copy>p:not(.kicker){max-width:38rem;margin:1.35rem 0 1.5rem;color:var(--cream-dim);font-family:var(--serif);font-size:clamp(1.05rem,1.6vw,1.25rem)}.milo-commercial__list{display:grid;gap:.7rem;margin:0 0 1.8rem;padding:0;list-style:none}.milo-commercial__list li{display:flex;gap:.7rem;align-items:baseline;color:var(--cream-dim);font-size:.86rem}.milo-commercial__list li:before{content:"\2726";color:var(--teal)}.milo-commercial__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.85rem 1.4rem}.milo-commercial__watch{min-height:2.75rem;display:inline-flex;align-items:center;color:var(--gold-lt);border-bottom:1px solid rgba(247,212,137,.42);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.milo-commercial__copy>small{display:block;max-width:38rem;margin-top:1.25rem;color:var(--muted);font-size:.65rem;line-height:1.55}@media(max-width:1080px){.character-grid{grid-template-columns:minmax(0,1fr);max-width:46rem}}@media(max-width:860px){.milo-hero__stamp{width:6rem;right:max(1.25rem,var(--safe-right))}.milo-story{grid-template-columns:1fr}.milo-story__media{min-height:0}.milo-story__copy{padding:0}.milo-life__frame,.milo-life__frame--wide{grid-column:span 6}.milo-journey-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.milo-journey:first-child{grid-column:1 / -1}.milo-commercial{grid-template-columns:1fr}.milo-commercial__art{min-height:clamp(24rem,66vw,34rem)}}@media(max-width:560px){.milo-hero{padding-bottom:calc(6.5rem + var(--safe-bottom))}.milo-hero__studio-mark{width:6.8rem}.milo-hero__title{font-size:clamp(3.5rem,19vw,5.5rem)}.milo-hero__tagline{font-size:1.2rem}.milo-hero .hero__sub br{display:none}.milo-hero .hero__actions{display:grid;justify-items:center}.milo-hero__text-link{justify-content:center}.milo-hero__stamp{display:none}.character-card{grid-template-columns:1fr}.character-card__portrait{min-height:17rem;background-size:cover,180%}.character-card--milo .character-card__portrait{background-position:center,91% 42%}.character-card--mira .character-card__portrait{background-position:center,7% 42%}.milo-pair{justify-content:space-between;gap:.65rem}.milo-pair span:last-child{text-align:right}.milo-life__frame,.milo-life__frame--wide{grid-column:1 / -1}.milo-journey-grid{grid-template-columns:minmax(0,1fr)}.milo-journey:first-child{grid-column:auto}.milo-journey__meta h3{min-height:0}.milo-passport{border-radius:1rem}.milo-commercial__art{min-height:19rem}.milo-commercial__art img{width:86%}}@media(max-height:600px)and (orientation:landscape){.milo-hero{min-height:34rem}.milo-hero__studio-mark{width:6rem;margin-bottom:.2rem}.milo-hero__title{font-size:clamp(3rem,12vw,5.5rem)}.milo-hero__tagline{margin-top:.35rem}.milo-hero__stamp{display:none}}@media(hover:none){.milo-journey:hover,.milo-journey:hover img{transform:none}}@media(prefers-reduced-motion:reduce){.milo-hero__eyebrow,.milo-hero__title,.milo-hero__tagline{animation:none}}.milo-platforms{padding:clamp(84px,11vw,150px) clamp(24px,7vw,110px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#111322}.milo-platforms>p:not(.kicker){max-width:44rem;color:var(--muted)}.milo-platforms__links{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.milo-platforms__links a{padding:10px 14px;border:1px solid var(--line);border-radius:999px;color:var(--cream);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}