.hero{box-sizing:border-box;width:100%;height:100%;padding:var(--space-l);flex-direction:column;justify-content:flex-end;padding-bottom:0;display:flex;position:relative}.hero-name{--hero-size:clamp(2rem, 18vw, 18rem);font-size:var(--hero-size);z-index:1;justify-content:center;align-items:center;gap:clamp(1rem,10vw,3rem);width:100%;display:flex;position:relative}.hero-portrait-actor{width:var(--sorrento-size,clamp(16rem, 46vw, 36rem));aspect-ratio:4/5;pointer-events:none}.hero-portrait{--sorrento-radius:1.5rem;z-index:0;pointer-events:none;position:absolute;inset:0;container-type:inline-size}.hero-portrait__frame{border-radius:var(--sorrento-radius);position:absolute;inset:0;overflow:hidden}.hero-portrait__bubble{--bubble-edge-gap:1rem;--bubble-max-width:18em;--speech-bubble-max-width:var(--bubble-max-width);top:var(--bubble-anchor-y);font-size:clamp(.8rem,3.6cqw,1.3rem)}.hero-portrait__bubble--greeting{--bubble-anchor-x:36%;--bubble-anchor-y:55%;--bubble-room-side:var(--bubble-anchor-x);right:calc(100% - var(--bubble-anchor-x) + var(--speech-bubble-tail))}.hero-portrait__bubble--about{--bubble-anchor-x:65%;--bubble-anchor-y:55%;--bubble-room-side:calc(100% - var(--bubble-anchor-x));left:calc(var(--bubble-anchor-x) + var(--speech-bubble-tail))}.hero-portrait__img{object-fit:cover}.hero-name__sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:visible}.hero-name__word{font-family:var(--font-display);letter-spacing:-.01em;color:currentColor;flex-shrink:0;margin-bottom:-.2em;padding-bottom:.2em;font-size:1em;font-weight:800;line-height:1;display:inline-flex;overflow:visible}.hero-letter{line-height:1;display:inline-block}.hero-circle{background:var(--color-accent,#c5fb45);border-radius:50%;flex-shrink:0;width:.6em;height:.6em;display:block;position:relative;overflow:visible;transform:translateY(.12em)}.hero-circle__rim{width:100%;height:100%;position:absolute;inset:0}.hero-circle__rim-text{fill:#000;font-family:var(--font-display);letter-spacing:.05em;font-size:18px;font-weight:700}.scroll-cue{opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:.6em;transition:opacity .5s;display:flex;position:absolute;bottom:clamp(1rem,4vh,2.5rem);left:50%;transform:translate(-50%)}.scroll-cue.is-visible{opacity:1;pointer-events:auto}.scroll-cue__label{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;opacity:.8;font-size:.7rem;font-weight:600}.scroll-cue__track{opacity:.35;background-color:currentColor;width:1px;height:40px;position:relative;overflow:hidden}.scroll-cue__thumb{background-color:currentColor;width:100%;height:14px;animation:1.8s ease-in-out infinite scroll-cue-travel;position:absolute;left:0}@keyframes scroll-cue-travel{0%{opacity:0;top:-20%}25%{opacity:1}75%{opacity:1}to{opacity:0;top:100%}}@media (prefers-reduced-motion:reduce){.scroll-cue__thumb{opacity:1;animation:none;top:30%}}html:has(.hero[data-scroll-hold]){overflow:hidden}
