@layer components{.page-contact .contact-hero{grid-template-columns:1fr;align-items:start;gap:clamp(1.75rem,4vw,2.5rem);display:grid}@media (width>=64rem){.page-contact .contact-hero{grid-template-columns:minmax(0,1.1fr) minmax(20rem,.9fr);gap:clamp(2.5rem,5vw,4rem)}}.page-contact .contact-hero h1{font-size:clamp(2rem,7.5vw,3.5rem);line-height:1.04}.page-contact .hero-do{flex-direction:column;gap:.75rem;display:flex}.page-contact .hero-do .caption{color:var(--text-secondary)}.page-contact .quick{flex-direction:column;gap:.5rem;display:flex}.page-contact .quick a,.page-contact .quick .item{border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--surface-default);min-height:56px;color:var(--text-primary);align-items:center;gap:.75rem;padding:.625rem .875rem;text-decoration:none;display:flex}.page-contact .quick a:hover{border-color:var(--border-strong);background:var(--surface-hover)}.page-contact .quick .mora-icon{color:var(--brand-fg);flex:none}.page-contact .quick .lines{flex-direction:column;min-width:0;display:flex}.page-contact .quick .lines b{font-size:var(--fs-body-sm)}.page-contact .quick .lines span{font-size:var(--fs-caption);color:var(--text-muted);text-overflow:ellipsis;overflow:hidden}.page-contact .detour{grid-template-columns:1fr;align-items:center;gap:clamp(1.25rem,3vw,2rem);display:grid}@media (width>=48rem){.page-contact .detour{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}}@media (width>=64rem){.page-contact .detour{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:3rem}}.page-contact .steps{flex-direction:column;gap:1rem;max-width:46rem;display:flex}.page-contact .steps li{font-size:var(--fs-body-md);line-height:var(--lh-body-md);color:var(--text-secondary);align-items:flex-start;gap:.875rem;display:flex}.page-contact .steps li b{color:var(--text-primary)}.page-contact .steps .n{width:1.75rem;height:1.75rem;font-size:var(--fs-caption);background:var(--surface-default);color:var(--text-primary);border:1px solid var(--border-default);border-radius:50%;flex:none;place-items:center;font-weight:600;display:grid}.page-contact .channel{flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.page-contact .channel .head{align-items:center;gap:.5rem;display:flex}.page-contact .channel .head .mora-icon{color:var(--brand-fg)}.page-contact .channels{grid-template-columns:1fr;align-items:start;gap:1rem;display:grid}@media (width>=48rem){.page-contact .channels{grid-template-columns:1fr 1fr}}@media (width>=64rem){.page-contact .channels{grid-template-columns:repeat(3,1fr)}}.page-contact .close-grid{align-items:start;gap:2rem;display:grid}.page-contact .close-say{flex-direction:column;align-items:flex-start;gap:1rem;display:flex}.page-contact .close-do{flex-direction:column;gap:.625rem;display:flex}@media (width>=64rem){.page-contact .close-grid{grid-template-columns:minmax(0,1fr) minmax(0,26rem);gap:4rem}}}