.contact-hero{position:relative;background:var(--wine-deep)}.contact-hero-text{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);width:min(100% - 48px,720px);text-align:center;color:var(--white)}.contact-hero-title{font-family:var(--font-serif-cn);font-size:clamp(2rem,4.4vw,3.1rem);letter-spacing:.14em;text-shadow:0 2px 18px rgba(0,0,0,.3)}.contact-hero-sub{margin-top:14px;font-size:clamp(.875rem,1.3vw,1rem);letter-spacing:.1em;color:rgba(255,255,255,.9);text-shadow:0 1px 10px rgba(0,0,0,.3)}.contact-info-section{background:var(--wine-soft) url(../../assets/img/contact/sec/wave-bg.png) center/cover no-repeat;padding:clamp(56px,9vw,108px) 0}html.webp .contact-info-section{background-image:url(../../assets/img/contact/sec/wave-bg.webp)}.contact-card{background:var(--paper);max-width:1040px;margin:0 auto;padding:clamp(36px,5vw,64px) clamp(28px,6vw,80px);border-radius:6px;box-shadow:0 30px 70px rgba(42,16,24,.28);display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,72px)}.contact-list,.contact-social{display:flex;flex-direction:column}.contact-list{justify-content:space-between}.contact-social{gap:56px}.contact-list li{display:flex;flex-direction:column;gap:10px}.contact-row{display:flex;align-items:center;gap:12px}.contact-icon{flex-shrink:0;width:30px;height:30px;border-radius:50%;border:1px solid var(--ink-mute);display:grid;place-items:center}.contact-icon img{width:16px;height:16px}.contact-row,.contact-value{margin:0}.contact-label{font-weight:400;font-size:14px;color:#000;line-height:22px;letter-spacing:.06em}.contact-value{font-size:15px;color:#000;line-height:22px;letter-spacing:.02em}.contact-value a:hover{color:var(--gold)}.contact-hours{font-size:.875rem;color:var(--ink-mute)}.social-link{display:flex;align-items:center;gap:18px}.social-thumb{flex-shrink:0;width:84px;height:84px;object-fit:contain;border-radius:14px}.social-text{display:flex;flex-direction:column;gap:4px}.social-name{font-size:1rem;color:#551c32}.social-desc{font-size:.8125rem;color:#000}.social-link:hover .social-name{color:var(--gold)}@media (max-width:720px){.contact-card{grid-template-columns:1fr}.contact-hero-text{top:44%}}