.home-hero{position: relative;isolation: isolate;display: flex;align-items: center;min-height: clamp(148px,15vw,208px);margin-top: var(--sp-4);overflow: hidden;border: 1px solid var(--c-line);border-radius: var(--r-lg); background: var(--c-grass)}.home-hero-art,.home-hero-art img{position: absolute;inset: 0;width: 100%;height: 100%}.home-hero-art{z-index: -2} .home-hero-art img{display: block;object-fit: cover;object-position: 50% 22%} .home-hero::before{content: "";position: absolute;z-index: -1;inset: 0;background: linear-gradient(90deg,color-mix(in srgb,var(--c-bg) 86%,transparent) 0,color-mix(in srgb,var(--c-bg) 56%,transparent) 40%,transparent 68%)}.home-hero-copy{position: relative;max-width: 100%;padding: var(--sp-4) var(--sp-6) var(--sp-5)}.home-hero-title{margin: 0;max-width: 18ch;color: var(--c-ink);font: 400 clamp(var(--fs-2xl),3.6vw,calc(var(--fs-2xl) * 1.4))/0.94 var(--tool-display);font-synthesis: none;letter-spacing: 0}.home-hero-note{margin: var(--sp-2) 0 0;max-width: 42ch;color: var(--c-ink);font-size: var(--fs-sm)} .home-hero-title,.home-hero-note{text-shadow: 0 0 2px var(--c-bg),0 0 8px var(--c-bg)} html:is(:lang(zh),:lang(ja),:lang(ko),:lang(ru)) .home-hero-title{font-size: clamp(var(--fs-xl),3vw,calc(var(--fs-2xl) * 1.15));font-weight: 600;line-height: 1.15} :where(.home-hero) + .layout{margin-top: var(--sp-4)}@media (max-width: 600px){.home-hero{min-height: 96px;margin-top: var(--sp-3);border-radius: var(--r-md)}.home-hero-copy{padding: var(--sp-3) var(--sp-4)}.home-hero-title{font-size: var(--fs-xl);line-height: 1}html:is(:lang(zh),:lang(ja),:lang(ko),:lang(ru)) .home-hero-title{font-size: var(--fs-lg);line-height: 1.2} .home-hero-note{display: none}:where(.home-hero) + .layout{margin-top: var(--sp-3)}}@media print{.home-hero{display: none}}