.portal-home{background:#fffdf8}.welcome-film{position:relative;width:100%;background:#091c23;aspect-ratio:16/9;overflow:hidden}.welcome-film video{display:block;width:100%;height:100%;object-fit:contain}.film-shade{position:absolute;inset:70% 0 0;pointer-events:none;background:linear-gradient(transparent,#03161ac9)}.film-controls{position:absolute;bottom:34px;left:6%;right:6%;display:flex;gap:15px;align-items:center;z-index:3}.film-controls button,.film-controls a,#welcome-fallback label{border:1px solid #e0c89980;border-radius:40px;background:#0f252aaa;color:#f3e6cb;padding:14px 21px;font-size:10px;letter-spacing:1.5px;cursor:pointer;backdrop-filter:blur(8px);transition:background .3s,transform .3s}.film-controls a{margin-left:auto}.film-controls button:hover,.film-controls a:hover{background:#ab9252;transform:translateY(-3px)}#welcome-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#e7d5ac;gap:20px;font:40px Story}#welcome-fallback[hidden]{display:none}#welcome-file{position:absolute;width:1px;height:1px;opacity:0}.portal-home .hero{margin:0}.portal-home .hero .copy h1{font-size:112px;letter-spacing:0}.portal-home .hero .copy p{max-width:405px}.portal-home .hero .copy{padding-top:110px}.portal-home .orbit-track{width:max-content;padding-right:50px}.portal-home .academy-flow .ship{width:38%;left:7%;bottom:75px}.portal-home .wheel a img{border:0;border-radius:0;box-shadow:none;mix-blend-mode:normal;background:none;width:125px;height:125px;mask-image:var(--crest-mask);mask-size:100% 100%;mask-repeat:no-repeat;filter:grayscale(1);transition:filter .7s,transform .7s}.portal-home .wheel a:hover img,.portal-home .wheel a:focus-visible img{filter:grayscale(0);transform:translateY(-6px) scale(1.08)}.portal-home .wheel .center{width:155px;height:255px;top:48%;mix-blend-mode:normal;filter:drop-shadow(0 0 25px #ddf6f58c);animation:crystal-hover 7s ease-in-out infinite}.new-character-scene>img{height:700px;width:100%;object-fit:cover;object-position:50% 15%;mask-image:linear-gradient(black 65%,transparent);border-radius:45% 45% 0 0}.portal-home .big-number{display:none}@keyframes crystal-hover{50%{translate:0 -14px;filter:drop-shadow(0 0 40px #ddf6f5bb)}}
@media(max-width:600px){.welcome-film{aspect-ratio:16/10;min-height:260px}.film-controls{left:5%;right:5%;bottom:15px;gap:7px;flex-wrap:wrap}.film-controls button,.film-controls a{padding:10px;font-size:7px;letter-spacing:.7px}.film-controls a{margin-left:0}.portal-home .hero .copy{padding-top:50px}.portal-home .hero .copy h1{font-size:74px}.portal-home .hero .copy p{max-width:315px}.portal-home .hero .hero-whale{top:420px}.portal-home .academy-flow .ship{width:67%;left:1%;bottom:45px}.portal-home .wheel a img{width:85px;height:85px}.portal-home .wheel .center{width:90px;height:155px}.new-character-scene>img{height:480px}.portal-home .hero{height:1130px}.portal-home .orbit-track{padding-right:20px}}
@media(prefers-reduced-motion:reduce){.portal-home .wheel .center{animation:none}}

html[data-motion="off"] .portal-home .wheel .center{animation:none}.portal-home .medallion svg.menu-icon{width:76px;height:76px;overflow:visible}#welcome-fallback{background:#071e2780;font-size:32px}#welcome-fallback p{font:32px Story,serif;letter-spacing:2px}@media(max-width:700px){.portal-home .medallion svg.menu-icon{width:53px;height:53px}#welcome-fallback p{font-size:24px}}

.portal-home{overflow-x:clip}.portal-home .orbit-track{gap:22px;padding:0 20px}.portal-home .orbit-menu .gate{width:clamp(115px,calc((90vw - 194px)/8),160px)}#welcome-fallback p{color:#eee3cd}.new-character-art{height:700px;background:url(assets/personagens/oryon.png) left 7%/190% auto no-repeat;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 85%,transparent),linear-gradient(#000 78%,transparent);mask-composite:intersect;border-radius:45% 45% 0 0}@media(max-width:700px){.portal-home .orbit-track{gap:15px}.portal-home .orbit-menu .gate{width:95px}.new-character-art{height:530px;background-size:190% auto}}

html:has(body.portal-home){overflow-x:clip}

/* Título original: contornos preservados; transparência feita no SVG. */
.portal-home .hero .world-title{width:min(460px,100%);margin:24px 0 28px;color:#1a2628;line-height:0;transform-origin:30% 50%;transition:color .65s ease,filter .65s ease,transform .65s ease;filter:drop-shadow(0 2px 2px #fffdf885)}.world-title svg{display:block;width:100%;height:auto;overflow:visible}.portal-home .hero .world-title:hover,.portal-home .hero .world-title:focus-visible{color:#a77b2e;filter:drop-shadow(0 0 5px #e1c47888) drop-shadow(0 0 20px #e8c46b66);transform:scale(1.025)}.world-title:focus-visible{outline:1px dotted #b49455;outline-offset:14px;border-radius:8px}.portal-home .hero .copy>.eyebrow{letter-spacing:4px}@media(max-width:700px){.portal-home .hero .world-title{width:min(340px,100%);margin:23px 0 28px}}@media(prefers-reduced-motion:reduce){.portal-home .hero .world-title{transition:none}.portal-home .hero .world-title:hover{transform:none}}
/* Abertura limpa, com apenas os dois controles do filme. */
.portal-home .film-controls{left:auto;right:4%;bottom:28px;gap:12px}.portal-home .film-controls button{display:grid;place-items:center;width:48px;height:48px;padding:12px;border:1px solid #ead5a775;background:#0f252a66;letter-spacing:0}.film-controls svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.sound-cross{display:none}#welcome-sound[data-muted=true] .sound-cross{display:block}#welcome-sound[data-muted=true] .sound-waves{display:none}.film-controls button:focus-visible{outline:2px solid #e6c57f;outline-offset:5px}
/* Os símbolos originais têm duas camadas, ambas sem fundo. */
.portal-home .home-crest{position:relative;display:block;width:125px;height:125px;margin:0 auto;transition:transform .7s}.home-crest>span{position:absolute;inset:0;background-repeat:no-repeat;background-size:100% 100%;background-position:center}.home-crest .crest-gray{background-image:var(--crest-gray);filter:grayscale(1);transition:opacity .6s}.home-crest .crest-color{background-image:var(--crest-color);mask-image:var(--crest-gray);mask-size:100% 100%;mask-repeat:no-repeat;opacity:0;transition:opacity .6s}.wheel a:hover .crest-color,.wheel a:focus-visible .crest-color{opacity:1}.wheel a:hover .crest-gray,.wheel a:focus-visible .crest-gray{opacity:0}.wheel a:hover .home-crest,.wheel a:focus-visible .home-crest{transform:translateY(-6px) scale(1.08)}.wheel a:focus-visible{outline:1px dotted #d8bd84;outline-offset:8px;border-radius:4px}
.portal-home .orbit-viewport{scrollbar-width:none}.portal-home .orbit-viewport::-webkit-scrollbar{display:none}.portal-home .motion-control,.portal-home .scroll-progress{display:none}
@media(max-width:700px){.portal-home .film-controls{right:5%;bottom:15px}.portal-home .film-controls button{width:40px;height:40px;padding:10px}.portal-home .home-crest{width:85px;height:85px}}
@media(prefers-reduced-motion:reduce){.home-crest,.home-crest>span{transition:none}.wheel a:hover .home-crest{transform:none}}

.home-crest .crest-color{mask-image:none;filter:var(--crest-filter)}.author-copy>.eyebrow{text-transform:none}


/* Home opening: keep the bottom 10% of the source outside the visible frame.
   The video remains anchored at the top; the section and controls retain
   their existing desktop and mobile dimensions. */
.portal-home .welcome-film { overflow: hidden; }
.portal-home .welcome-film #welcome-video {
  display: block;
  width: 100%;
  height: 111.111112%;
  max-width: none;
  object-fit: cover;
  object-position: center top;
}