.overview{border-top:6px solid var(--coral);min-height:100vh}.overview .head{text-align:center;padding:clamp(48px,8vw,96px) 0 clamp(40px,6vw,64px)}.overview .head .signature{width:clamp(72px,8vw,96px);color:var(--navy);margin:0 auto 24px}.overview .head h1{font-size:clamp(2rem,1.4rem + 2vw,3rem)}.overview .head p{color:var(--ink-soft);margin-top:10px;font-size:1.125rem;font-style:italic}.overview .sec{border-bottom:1px solid var(--line);margin-bottom:28px;padding-bottom:14px;font-size:1.375rem}.overview section{padding-bottom:clamp(56px,7vw,88px)}.overview .designs{grid-template-columns:repeat(3,1fr);gap:28px;list-style:none;display:grid}.overview .design-card a{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;height:100%;text-decoration:none;transition:border-color .2s,box-shadow .3s;display:flex;overflow:hidden}.overview .design-card a:hover{border-color:var(--navy);box-shadow:0 14px 40px #0f385a1a}.overview .thumb{border-bottom:1px solid var(--line);display:block;overflow:hidden}.overview .thumb img{aspect-ratio:16/10;object-fit:cover;object-position:top;width:100%;transition:transform .6s var(--ease-out)}.overview .design-card a:hover .thumb img{transform:scale(1.02)}.overview .body{flex-direction:column;flex:1;padding:24px 26px 28px;display:flex}.overview .letter{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);font-size:.8125rem;font-weight:600}.overview .name{font-family:var(--font-head);margin:6px 0 10px;font-size:1.625rem;line-height:1.2}.overview .desc{color:var(--ink-soft);margin-bottom:24px;font-size:.9375rem}.overview .body .arrow-link{align-self:flex-start;margin-top:auto}.overview .swatches{grid-template-columns:repeat(4,1fr);gap:20px;list-style:none;display:grid}.overview .chip{border-radius:var(--radius);border:1px solid var(--line);height:120px;margin-bottom:14px;display:block}.overview .swatch strong{font-family:var(--font-head);font-size:1.125rem;display:block}.overview .swatch code{font-family:var(--font-body);margin-top:2px;font-size:.9375rem;font-weight:700;display:block}.overview .swatch .rgb{color:var(--ink-soft);font-size:.875rem;display:block}.overview .fonts{grid-template-columns:1fr 1fr;gap:20px;list-style:none;display:grid}.overview .font{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:28px 30px}.overview .font .use{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);font-size:.8125rem;font-weight:600}.overview .font .name{margin:8px 0 14px;font-size:1.75rem}.overview .font .sample{color:var(--ink-soft);font-size:1.0625rem}.overview .font-head .name,.overview .font-head .sample{font-family:var(--font-head)}.overview .font-body .name,.overview .font-body .sample{font-family:var(--font-body)}.overview .foot{padding:28px var(--gutter) 40px;border-top:1px solid var(--line);color:var(--ink-soft);text-align:center;font-size:.875rem}@media (max-width:960px){.overview .designs{grid-template-columns:1fr;max-width:560px;margin:0 auto}.overview .swatches{grid-template-columns:1fr 1fr}}@media (max-width:560px){.overview .fonts{grid-template-columns:1fr}.overview .chip{height:88px}}
