section.hero-section{background:var(--ps-bg-soft);padding:72px 0 80px;overflow:hidden}@media (min-width: 768px){section.hero-section{padding:96px 0 112px}}section.hero-section .layout{display:flex;flex-direction:column;gap:48px}@media (min-width: 768px){section.hero-section .layout{flex-direction:row;align-items:center}}section.hero-section .content{display:flex;flex-direction:column;gap:24px;max-width:640px}@media (min-width: 768px){section.hero-section .content{flex:1 1 55%;min-width:0}}section.hero-section .visual{margin:0;min-width:0;display:flex;flex-direction:column;gap:12px}@media (min-width: 768px){section.hero-section .visual{flex:1 1 45%}}section.hero-section .visual img{display:block;width:100%;background:#fff;border:1px solid var(--ps-line);border-radius:var(--ps-r-md);box-shadow:var(--ps-shadow-2)}@media (min-width: 768px){section.hero-section .visual img{width:130%;max-width:none;border-radius:var(--ps-r-lg);box-shadow:var(--ps-shadow-3);transform:rotate(2deg)}}@media (min-width: 1200px){section.hero-section .visual img{width:100%;transform:none}}section.hero-section .visual .caption{font-size:var(--ps-text-sm);color:var(--ps-muted);text-align:center}@media (min-width: 768px){section.hero-section .visual .caption{display:none}}section.hero-section h1{font-size:clamp(36px,6vw,58px);line-height:1.1;letter-spacing:-.02em}section.hero-section .actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}section.hero-section .hint{font-size:var(--ps-text-sm);color:var(--ps-muted)}