/* Composição aprovada no Figma: escala proporcional a 1440 px. */
.hero-journey{position:relative;isolation:isolate;overflow:clip;--u:min(.0694444444vw,1.111111px);background:var(--fog)}
.hero.hero-editorial{position:relative;height:max(100svh,min(64.375vw,1030px));min-height:650px;overflow:clip;isolation:auto;background:var(--fog)}
.hero-editorial-stage{position:relative;width:min(100%,1600px);height:100%;margin-inline:auto;--s:1}
.hero-halo{position:absolute;left:calc(-50 * var(--u));top:calc(335 * var(--u));width:calc(1580 * var(--u));height:calc(920 * var(--u));pointer-events:none;z-index:0}
.hero-halo img{max-width:none;transform:scale(var(--s));transform-origin:top left}
.hero-editorial #hero-title{position:absolute;inset:0;width:100%;max-width:none;margin:0;padding:0;font-family:Manrope,sans-serif;font-weight:400;font-size:calc(98.539 * var(--u));line-height:calc(120.218 * var(--u));letter-spacing:calc(-4.927 * var(--u));color:var(--ink);background:none;z-index:2;pointer-events:none}
.hero-line{position:absolute;white-space:nowrap;display:block}
.hero-line strong{font-weight:700}.hero-line-one{left:24.847%;top:calc(202 * var(--u))}.hero-line-two{left:8.403%;top:calc(314.335 * var(--u))}.hero-line-three{left:43.125%;top:calc(404 * var(--u))}
.hero-editorial #hero-title em{font-family:'Instrument Serif',serif;font-size:calc(135.984 * var(--u));font-weight:400;letter-spacing:calc(-4.927 * var(--u));color:var(--pink)}
.hero-support{position:absolute;left:30.5556%;top:calc(602 * var(--u));display:grid;grid-template-columns:calc(216 * var(--u)) auto;gap:calc(54 * var(--u));align-items:center;z-index:2}
.hero-identity{display:flex;align-items:center;gap:calc(22 * var(--u))}.hero-avatar{display:block;position:relative;width:calc(58 * var(--u));height:calc(58 * var(--u));flex-shrink:0}.hero-avatar img{position:absolute;left:calc(-8.31 * var(--u));top:calc(-5.94 * var(--u));max-width:none;width:calc(74.625 * var(--u));height:calc(74.625 * var(--u))}
.hero-role{font-size:calc(12 * var(--u));line-height:1.35;font-weight:700;letter-spacing:calc(.48 * var(--u));color:var(--muted);white-space:nowrap}
.hero-editorial .hero-description{margin:0;padding:0;font-size:calc(18 * var(--u));line-height:calc(27 * var(--u));color:var(--muted);white-space:nowrap;text-align:left}
.hero-projects{position:absolute;left:50%;top:calc(712 * var(--u));transform:translateX(-50%);width:180px;min-width:180px;z-index:4}.hero-projects:hover{transform:translate(-50%,-3px)}
.hero-scroll-hint{position:absolute;left:50%;top:calc(814 * var(--u));transform:translateX(-50%);font-size:13px;color:var(--muted);white-space:nowrap;z-index:4}
.hero-journey .folder-section{position:relative;width:100%;max-width:none;height:min(48.6111vw,778px);min-height:560px;margin:0;padding:0;z-index:2}
.hero-journey .folder-scene{position:relative;width:min(100%,1600px);height:100%;max-width:none;left:auto;margin:0 auto;perspective:none}
.hero-journey .folder-word{left:calc(50% - 440 * var(--u));top:calc(376 * var(--u));font-size:calc(52 * var(--u));line-height:1.2}
.hero-journey .folder-degrees{right:calc(50% - 430 * var(--u));top:calc(355 * var(--u));font-size:calc(94 * var(--u));line-height:1.15}
.hero-journey .folder-explore{top:calc(584 * var(--u));z-index:5}
/* A pasta viaja acima de todo o conteúdo da hero, inclusive os botões (z=4).
   A camada visual não intercepta cliques; o alvo de hover fica acima dela. */
.folder-scroll-layer{position:absolute;inset:0;pointer-events:none;z-index:6;overflow:hidden}.folder-scroll-canvas{display:block;width:100%;height:100%;pointer-events:none}
.folder-hover-target{position:absolute;z-index:7;padding:0;border:0;border-radius:24px;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}
.folder-hover-target:focus-visible{outline:2px solid var(--pink);outline-offset:6px}
.hero-line,.hero-support,.hero-projects{animation:editorial-enter 1100ms cubic-bezier(.23,1,.32,1) both}.hero-line-two{animation-delay:80ms}.hero-line-three{animation-delay:160ms}.hero-support{animation-delay:240ms}.hero-projects{animation-delay:320ms}
@keyframes editorial-enter{from{opacity:0;filter:blur(8px);translate:0 12px}to{opacity:1;filter:blur(0);translate:0 0}}
@media(max-width:767px){
.hero-editorial-stage{container-type:inline-size}
.hero.hero-editorial{height:557px;min-height:557px;overflow:clip}
.hero-halo{left:calc(50% - 519px);top:184px;width:1000px;height:582px;transform:none}.hero-halo img{transform:scale(.633)}
.hero-editorial #hero-title{font-size:clamp(26px,8.8cqw,34.32px);letter-spacing:-1.6px;line-height:1.4}
.hero-line-one{left:19.487%;top:150px}.hero-line-two{left:7.179%;top:192px}.hero-line-three{left:27.179%;top:229px}
.hero-editorial #hero-title em{font-size:clamp(38px,12cqw,46.8px);letter-spacing:-1.5px}
.hero-support{left:24px;right:24px;top:286px;display:flex;flex-direction:column;gap:9px;align-items:center;margin-top:0}
.hero-identity{gap:7px;margin-top:-4px}.hero-avatar{width:48px;height:48px}.hero-avatar img{width:61.75px;height:61.75px;left:-6.9px;top:-4.9px}
.hero-role{font-size:11px;letter-spacing:.4px}.hero-editorial .hero-description{font-size:15px;line-height:23px;text-align:center;white-space:normal}
.hero-projects{top:410px;width:138px;min-width:138px;height:40px;min-height:40px;padding:10px 15px;gap:16px;font-size:10.733px;margin-top:0}.hero-projects img{width:17px;height:17px}.hero-scroll-hint{top:487px;bottom:auto;font-size:12px;margin-top:0}
.hero-journey{padding-bottom:51px}
.hero-journey .folder-section{height:540px;min-height:540px;margin-top:-33px}.hero-journey .folder-word{left:calc(50% - 88px);top:391px;font-size:30px;letter-spacing:-1px}.hero-journey .folder-degrees{left:calc(50% + 10px);right:auto;top:381px;font-size:48px}
.hero-journey .folder-explore{top:453px;font-size:12px}
}
/* Sobe só o conteúdo: o halo mantém a posição e fica recortado na hero. */
.hero-editorial #hero-title{top:-30px;bottom:30px}
.hero-support{margin-top:-30px}
.hero-projects,.hero-scroll-hint{margin-top:-30px}
@media(max-width:767px){.hero-support,.hero-projects,.hero-scroll-hint{margin-top:0}.hero-scroll-hint{bottom:auto}}
@media(max-width:370px){.hero-editorial .hero-description{font-size:13px;line-height:21px}}
@media(prefers-reduced-motion:reduce){.hero-line,.hero-support,.hero-projects{animation:none}}
