/* About-only creative alter ego. Native disclosure keeps touch and keyboard behaviour simple. */
.milo-alterego{margin:60px 0;border-block:1px solid #1e3a5f24}
.milo-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.milo-disclosure:not([open])>.milo-concept-panel{display:none}
.milo-disclosure>summary{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr);gap:36px;align-items:center;padding:36px 24px;cursor:pointer;list-style:none;border-radius:12px}
.milo-disclosure>summary::-webkit-details-marker{display:none}
.milo-disclosure>summary:focus-visible{outline:3px solid #3455ff;outline-offset:5px}
.milo-intro-copy{display:block;max-width:640px}
.milo-intro-title{display:block;font:500 clamp(2rem,3.8vw,3.5rem)/1.1 Inter,Arial,sans-serif;letter-spacing:-.06em}
.milo-intro-title em{font-style:normal;color:#3455ff}
.milo-intro-note{display:block;max-width:430px;margin-top:22px;font:400 .93rem/1.7 Inter,Arial,sans-serif;color:#52687b}
.milo-meet-prompt{display:inline-flex;align-items:center;gap:20px;min-height:46px;margin-top:20px;font:600 .83rem/1.5 Inter,Arial,sans-serif;border-bottom:1px solid #1e3a5f55;color:#1e3a5f}
.milo-prompt-icon{font-size:1.3rem;transition:transform .25s}
.milo-close-label{display:none}
.milo-disclosure[open] .milo-open-label{display:none}
.milo-disclosure[open] .milo-close-label{display:inline}
.milo-disclosure[open] .milo-prompt-icon{transform:rotate(90deg)}
.milo-standing{position:relative;display:block;max-width:340px;width:100%;justify-self:center;padding:5px 15px 25px;isolation:isolate}
.milo-standing:before{content:'';position:absolute;inset:15% 6% 12%;border-radius:50%;background:radial-gradient(ellipse,#e9edfa,transparent 70%);z-index:-1}
.milo-standing img{display:block;width:100%;height:auto;transform-origin:50% 90%;filter:drop-shadow(0 13px 12px #1e3a5f12);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.milo-disclosure>summary:hover .milo-standing img,.milo-disclosure>summary:focus-visible .milo-standing img{transform:rotate(-3deg) translateY(-5px)}
.milo-spark{position:absolute;top:10%;right:7%;color:#3455ff;font-size:2.6rem;line-height:1;transform:rotate(10deg)}
.milo-standing-note{display:block;margin-top:8px;text-align:center;font:italic 1rem/1.5 Georgia,serif;color:#52687b}
.milo-concept-panel{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:35px;align-items:center;margin:0 0 28px;padding:clamp(28px,4vw,50px);border:1px solid #24241e26;border-radius:14px;background:#f5f2e9;color:#22231e;overflow:hidden}
.milo-panel-kicker{display:block;margin-bottom:18px;font:600 .65rem/1.5 Inter,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#454842}
.milo-panel-copy h3{margin:0;font:600 clamp(2rem,3.3vw,3rem)/1.08 Inter,Arial,sans-serif;letter-spacing:-.055em}
.milo-panel-copy h3 em{color:#3455ff;font:italic 1.08em/1 Georgia,serif;letter-spacing:-.045em}
.milo-panel-copy p{max-width:530px;margin:18px 0 0;font:.89rem/1.75 Inter,Arial,sans-serif;color:#454842}
.studio-page .milo-enter{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;margin-top:25px;padding:13px 20px;border:1px solid #22231e;border-radius:99px;background:#22231e;color:#f5f2e9;text-decoration:none;font:600 .82rem/1.5 Inter,Arial,sans-serif;transition:background .2s,color .2s}
.studio-page .milo-enter:hover{background:#d5f45b;color:#22231e}
.studio-page .milo-enter:focus-visible{outline:3px solid #3455ff;outline-offset:4px}
.milo-panel-copy small{display:block;margin-top:12px;max-width:32em;font:.73rem/1.6 Inter,Arial,sans-serif;color:#55594e}
.milo-tab-scene{position:relative;width:100%;min-height:320px;pointer-events:none}
.milo-tiny-tab{position:absolute;display:block;width:88%;max-width:310px;aspect-ratio:1.17;border:1px solid #22231e;border-radius:9px;box-shadow:0 8px 0 #22231e0b}
.milo-tiny-tab>span:first-child{display:flex;justify-content:space-between;padding:10px 12px;border-bottom:1px solid currentColor;font:500 .6rem/1.3 Inter,Arial,sans-serif}
.milo-tiny-tab i{font-style:normal}
.milo-tiny-tab b{display:block;padding:22px 20px;font:600 clamp(1.5rem,2.7vw,2.4rem)/1.04 Inter,Arial,sans-serif;letter-spacing:-.06em}
.milo-tiny-tab b em{font:italic 1em/1 Georgia,serif}
.milo-tab-back{top:8px;left:1%;background:#3455ff;color:#fff;transform:rotate(-9deg)}
.milo-tab-front{top:67px;right:0;background:#d5f45b;color:#22231e;transform:rotate(7deg)}
.milo-tab-star{position:absolute;bottom:15px;right:20px;font:3.5rem/1 Georgia,serif}
.milo-scene-caption{position:absolute;bottom:-10px;left:4%;font:italic 1rem/1.5 Georgia,serif}
.milo-disclosure[open] .milo-concept-panel{animation:miloPanelEnter .3s ease-out}
@keyframes miloPanelEnter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:900px){.milo-disclosure>summary{gap:16px;padding-inline:10px;grid-template-columns:minmax(0,1.2fr) minmax(190px,.8fr)}.milo-standing{max-width:280px}.milo-concept-panel{gap:24px;grid-template-columns:minmax(0,1fr)}.milo-tab-scene{display:none}}
@media(max-width:560px){.milo-alterego{margin:38px 0}.milo-disclosure>summary{grid-template-columns:minmax(0,1fr) minmax(105px,.65fr);gap:8px;padding:28px 0}.milo-intro-title{font-size:clamp(1.5rem,5.5vw,2rem);letter-spacing:-.05em}.milo-intro-note{font-size:.85rem;margin-top:16px}.milo-intro-copy .studio-kicker{font-size:.65rem}.milo-standing{padding:0 0 25px}.milo-standing-note{font-size:.8rem}.milo-spark{font-size:1.8rem;right:0;top:-4%}.milo-meet-prompt{font-size:.78rem;gap:12px;margin-top:13px}.milo-concept-panel{padding:25px 20px;margin-bottom:20px}.milo-panel-copy h3{font-size:clamp(1.8rem,7vw,2.5rem)}.milo-panel-copy p{font-size:.86rem}.studio-page .milo-enter{font-size:.78rem;width:100%;padding-inline:12px;gap:12px}}
@media(prefers-reduced-motion:reduce){.milo-disclosure[open] .milo-concept-panel{animation:none}.milo-standing img,.milo-prompt-icon,.studio-page .milo-enter{transition:none}.milo-disclosure>summary:hover .milo-standing img,.milo-disclosure>summary:focus-visible .milo-standing img{transform:none}}