section#top.hero{position:relative;z-index:1;height:100svh;display:grid;grid-template-areas:"hero-stack";place-items:center;background:#000;overflow:hidden;isolation:isolate}section#top.hero .hero-bg{position:absolute;inset:0;opacity:var(--hero-img-opacity,0);overflow:hidden;pointer-events:none}section#top.hero .hero-bg img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:100% 50%;object-position:100% 50%;filter:grayscale(1) contrast(1.08) brightness(.45)}section#top.hero .hero-bg:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(102deg,#000,#000 25%,rgba(0,0,0,.88) 42%,rgba(0,0,0,.55) 62%,rgba(0,0,0,.2) 82%,transparent)}section#top.hero h1.hero-name{grid-area:hero-stack;place-self:center;position:relative;z-index:2;margin:0;padding:0;width:-moz-max-content;width:max-content;max-width:92vw;font-family:var(--font,"Inter",system-ui,sans-serif);font-size:clamp(3.5rem,16vw,11rem);font-weight:600;letter-spacing:-.05em;line-height:.9;text-align:center;color:#fff;opacity:var(--hero-name-opacity,1);transform:scale(var(--hero-name-scale,1))}section#top.hero .scroll-hint{grid-area:hero-stack;place-self:end center;position:relative;z-index:2;margin:0 0 2rem;padding:0;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.28);opacity:var(--hero-hint-opacity,1);animation:hero-hint-bob 2.4s cubic-bezier(.23,1,.32,1) infinite}@keyframes hero-hint-bob{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}@media (prefers-reduced-motion:reduce){section#top.hero .scroll-hint{animation:none}}