@layer components{.hero{position:relative;height:100dvh;display:grid;place-items:center;overflow:hidden;background:var(--c-text)}.hero-bg{position:absolute;inset:0;z-index:0}.hero-bg img{width:100%;height:100%;object-fit:cover;filter:brightness(.25) contrast(1.2) saturate(.7);transform:scale(1.1);animation:heroZ 20s ease-in-out infinite alternate}@keyframes heroZ{0%{transform:scale(1.1)}to{transform:scale(1.2)}}.hero-content{position:relative;z-index:2;text-align:center;padding:var(--s-md)}.hero-title{font-family:var(--ff-heading);font-size:var(--f-mega);font-weight:700;line-height:.82;letter-spacing:-.02em;text-transform:uppercase;color:var(--c-hero-text);opacity:0;animation:hIn 1.2s var(--ease-out) .3s forwards}.hero-title .accent{color:var(--c-green)}.hero-title em{font-style:normal;display:block;font-family:var(--ff-body);font-size:.18em;letter-spacing:.2em;margin-top:.6em;color:var(--c-cyan);font-weight:400;text-transform:lowercase}.hero-title em .redact{background:var(--c-red);color:var(--c-red);padding:0 .3em;margin:0 .05em;transition:color .2s;cursor:pointer}.hero-title em .redact:hover{color:var(--c-hero-text)}@keyframes hIn{0%{opacity:0;transform:translateY(60px) scaleY(1.15)}to{opacity:1;transform:translateY(0) scaleY(1)}}.hero-scroll{position:absolute;bottom:var(--s-lg);left:50%;transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:var(--s-xs);color:var(--c-dim);font-family:var(--ff-body);font-size:var(--f-micro);letter-spacing:.2em;text-transform:uppercase;opacity:0;animation:fadeIn 1s var(--ease-out) 1.5s forwards}.hero-scroll .line{width:1px;height:40px;background:var(--c-dim);transform-origin:top;animation:sLine 2.5s ease-in-out infinite}@keyframes sLine{0%,to{scaleY:0;opacity:0}50%{scaleY:1;opacity:1}}@keyframes fadeIn{to{opacity:1}}.hero:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:80px;background:var(--c-bg);clip-path:polygon(0 100%,100% 0,100% 100%);z-index:3;transition:background .4s}}