.hero{position:relative;height:min(75svh, 750px);min-height:520px;display:flex;align-items:center;overflow:hidden;background:#141923}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(3px);transform:scale(1.05)}.hero-overlay{position:absolute;inset:0;background:rgb(20 25 35 / .50)}.hero-content{position:relative;z-index:5;width:min(var(--content-max), 100%);margin:auto;padding-inline:var(--gutter);text-align:left}.hero h1{font-size:var(--fs-mega);font-weight:700;line-height:1.02;color:#fff;margin:0;letter-spacing:-.02em;max-width:min(700px, 100%);text-shadow:0 4px 10px rgb(0 0 0 / .45),0 12px 30px rgb(0 0 0 / .40)}.hero h1 span{color:var(--accent-light)}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);width:60px;height:60px;border:2px solid rgb(255 255 255 / .85);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;font-weight:700;background:rgb(255 255 255 / .14);animation:bounce 2.2s infinite;z-index:10}@keyframes bounce{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,10px)}}@media (max-width:900px){.hero{height:min(68svh, 560px);min-height:440px}.hero::before{content:"";position:absolute;inset:0;background:url(https://topikwritinglab.com/wp-content/uploads/2026/07/Seoul-Night-View.jpg) center center/cover no-repeat;filter:blur(2px);transform:scale(1.06)}.hero-video{display:none}.hero h1{line-height:1.08;max-width:100%}.scroll-indicator{bottom:24px;width:48px;height:48px;font-size:1.5rem}}