.hero{justify-content:center;align-items:flex-end;width:100%;height:100dvh;min-height:600px;display:flex;position:relative;overflow:hidden}.hero-bg{object-fit:cover;object-position:center 15%;z-index:0;width:100%;height:100%;position:absolute;inset:0}.hero-particles{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hero-overlay{z-index:2;background:linear-gradient(#11111126 0%,#1110 25% 55%,#1119 80%,#111 100%);position:absolute;inset:0}.hero-content{z-index:3;text-align:center;padding-bottom:calc(clamp(48px, 8vh, 100px) + env(safe-area-inset-bottom,0px));position:relative}.hero-cta{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.2em;color:var(--secondary);border:1.5px solid var(--secondary);padding:16px 48px;font-size:.9rem;font-weight:700;text-decoration:none;transition:color .35s,border-color .35s;display:inline-block;position:relative;overflow:hidden}.hero-cta:before{content:"";background:var(--secondary);z-index:-1;transition:transform .35s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:translateY(101%)}.hero-cta:hover{color:var(--bg-darker);border-color:var(--secondary)}.hero-cta:hover:before{transform:translateY(0)}@media (max-width:768px){.hero{scroll-snap-align:start}}@media (min-aspect-ratio:2){.hero-bg{object-fit:contain;object-position:center top}}