/* User-authored Unicorn portrait, beneath the real signature and navigation. */
.unicorn-version{--hero-ink:#f5f5f3;--hero-muted:#d2dde3;--hero-accent:#b0d6dc;--hero-ground:#1a2025}
.unicorn-version .name-story,.unicorn-version .name-pin{background:var(--hero-ground);color:var(--hero-ink)}
.unicorn-background{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:var(--hero-ground)}
.unicorn-poster,.unicorn-canvas{position:absolute;left:50%;top:0;width:max(100%,900px);height:100%;transform:translateX(-50%)}
.unicorn-poster{object-fit:cover}
.unicorn-canvas{opacity:0;transition:opacity .7s ease}
.unicorn-background.is-live .unicorn-canvas{opacity:1}
.unicorn-background::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,17,24,.65),transparent 28%,transparent 60%,rgba(9,17,24,.78)),linear-gradient(90deg,rgba(9,17,24,.28),transparent 55%);pointer-events:none}
.unicorn-version .nav-shell{color:var(--hero-ink);border-color:rgba(210,221,227,.3)}
.unicorn-version .brand-doctor{color:var(--hero-muted)}
.unicorn-version .contact-nav{background:var(--hero-ink);color:var(--hero-ground)}
.unicorn-version .contact-nav:hover{background:var(--hero-accent)}
.unicorn-version .name-stage{inset:145px 0 51%;z-index:1}
.unicorn-version .name-poster{display:none}
.unicorn-version .name-stage::after{content:'Dr. RAYAN';position:absolute;inset:0;display:grid;place-items:center;color:var(--hero-ink);font-size:clamp(64px,14vw,230px);font-weight:800;letter-spacing:-.04em;line-height:1;direction:ltr;opacity:1;transition:opacity .35s}
.unicorn-version .name-story.is-ready .name-stage::after{opacity:0}
.unicorn-version .name-mast,.unicorn-version .name-phase p,.unicorn-version .name-options,.unicorn-version .name-chapters button{color:var(--hero-muted)}
.unicorn-version .name-introduction h2 span{color:var(--hero-accent)}
.unicorn-version .name-chapters .is-active{color:var(--hero-ink)}
.unicorn-version .name-bottom{border-color:rgba(210,221,227,.35)}
.unicorn-version .name-progress-fill,.unicorn-version .scroll-track i{background:var(--hero-accent)}
.unicorn-version .scroll-track{background:rgba(210,221,227,.35)}
.unicorn-version .name-phase[data-phase="1"]{top:45%;left:var(--pad);max-width:40vw}
.unicorn-version .name-judgment h2{font-size:clamp(48px,5.5vw,86px)}
.unicorn-version .name-judgment p{max-width:330px}
.unicorn-version .nav-shell :focus-visible,.unicorn-version .name-pin :focus-visible{outline-color:var(--hero-accent)}
html[dir=rtl] .unicorn-background::after{background:linear-gradient(180deg,rgba(9,17,24,.65),transparent 28%,transparent 60%,rgba(9,17,24,.78)),linear-gradient(270deg,rgba(9,17,24,.28),transparent 55%)}
@media(max-width:1000px) and (min-width:601px){.unicorn-version .name-stage{inset:150px 0 51%}.unicorn-version .name-judgment h2{font-size:50px}}
@media(max-width:600px){
 .unicorn-version .name-stage{inset:145px -8px 62%}
 .unicorn-version .name-stage::after{font-size:17vw}
 .unicorn-background::after,html[dir=rtl] .unicorn-background::after{background:linear-gradient(180deg,rgba(9,17,24,.72),rgba(9,17,24,.08) 30%,rgba(9,17,24,.08) 48%,rgba(9,17,24,.85) 82%,rgba(9,17,24,.94))}
 .unicorn-version .name-phase[data-phase="1"]{top:auto;bottom:114px;max-width:none}
 .unicorn-version .name-judgment h2{font-size:39px}
 html[dir=rtl] .unicorn-version .name-judgment h2{font-size:32px}
}
@media(max-height:760px) and (min-width:601px){.unicorn-version .name-stage{inset:135px 0 51%}.unicorn-version .name-phase[data-phase="1"]{top:41%}.unicorn-version .name-judgment h2{font-size:48px}.unicorn-version .name-judgment p{margin-top:17px}}
@media(max-height:720px) and (max-width:600px){.unicorn-version .name-stage{inset:132px -8px 62%}}
.motion-paused .unicorn-canvas,.motion-paused .unicorn-version .name-stage::after{transition:none}
@media(prefers-reduced-motion:reduce){.unicorn-canvas,.unicorn-version .name-stage::after{transition:none}}