/* Sophia Yao Shared Design System 2026 — home, about, process and area pages */
:root{--syu-navy:#102a3b;--syu-gold:#d9b578;--syu-cream:#f8f6f2;--syu-ink:#102a3b;--syu-muted:#52616b;--syu-border:#e7e0d6;--syu-width:1220px}
.syl-home-process,.syproc,.syl-team-about,.sari-area{--navy:var(--syu-navy);--gold:var(--syu-gold);color:var(--syu-ink)}
.syl-home-process *,.syproc *,.syl-team-about *,.sari-area *{box-sizing:border-box}
.syl-home-process .syl-wrap,.syproc .syproc-wrap,.syl-team-about .syl-wrap,.sari-area .sari-container{width:min(var(--syu-width),calc(100% - 40px));max-width:var(--syu-width);margin-left:auto;margin-right:auto}
.syl-team-about h1,.syl-team-about h2,.syl-team-about h3,.sari-area h1,.sari-area h2,.sari-area h3,.syproc h1,.syproc h2,.syproc h3,.syl-home-process h2,.syl-home-process h3{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.02em}
.syl-team-about-services,.sari-area .sari-section{background:var(--syu-cream)}
.syl-team-about-cards,.sari-area .sari-process,.syproc .syproc-grid,.syl-home-process-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;align-items:stretch!important}
.syl-team-about-cards>article,.sari-area .sari-process>.sari-tile,.syproc .syproc-grid>.syproc-step,.syl-home-process-grid>.syl-home-process-card{display:flex!important;flex-direction:column!important;min-width:0!important;width:auto!important;max-width:none!important;margin:0!important;float:none!important;background:#fff!important;border:1px solid var(--syu-border)!important;overflow:hidden!important}
.syl-team-about-cards>article{padding:28px!important;background:#fff!important}
.sari-area .sari-process>.sari-tile{padding:0!important}
.sari-area .sari-step-image,.syproc .syproc-img,.syl-home-process-photo{aspect-ratio:1.7!important;width:100%!important;height:auto!important;overflow:hidden!important;position:relative!important;flex:none!important}
.sari-area .sari-step-image img,.syproc .syproc-img img,.syl-home-process-photo img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;margin:0!important}
.sari-area .sari-process>.sari-tile>h3{font-size:24px!important;margin:22px 24px 10px!important;color:var(--syu-ink)!important}
.sari-area .sari-process>.sari-tile>p{font-size:14px!important;line-height:1.78!important;color:var(--syu-muted)!important;margin:0 24px 26px!important}
.sari-area .sari-process .sari-step-image>span{display:none!important}/* numbers are already part of image */
.sari-area .sari-section>h2,.syl-team-about-services h2{font-size:clamp(34px,4vw,52px);line-height:1.15;color:var(--syu-ink)}
.sari-area .sari-form,.syproc .syproc-form{min-width:0!important;width:100%!important;max-width:100%!important;overflow-wrap:break-word!important}
.sari-area .sari-form label,.syproc .syproc-form label{max-width:100%;white-space:normal;overflow-wrap:normal;word-break:normal}
.sari-area .sari-form input[type=checkbox],.syproc .syproc-form input[type=checkbox]{width:16px!important;height:16px!important;min-width:16px!important;flex:none!important}
@media(max-width:980px){.syl-team-about-cards,.sari-area .sari-process,.syproc .syproc-grid,.syl-home-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){.syl-team-about-cards,.sari-area .sari-process,.syproc .syproc-grid,.syl-home-process-grid{grid-template-columns:minmax(0,1fr)!important}.syl-home-process .syl-wrap,.syproc .syproc-wrap,.syl-team-about .syl-wrap,.sari-area .sari-container{width:calc(100% - 32px)}}