.face-shape-guide{max-width:1120px;margin:0 auto;padding:64px 24px 80px;color:#f1f4f8}.face-shape-guide header{max-width:700px;margin-bottom:32px}.face-shape-guide h2{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.25;font-weight:700;text-wrap:balance;letter-spacing:-.025em;margin:0 0 20px}.face-shape-guide p{font-size:16px;line-height:1.8;color:#b9c5d2;margin:0;text-wrap:pretty}.face-shape-guide a:focus-visible{outline:2px solid #ff66c4;outline-offset:4px}.face-shape-direction{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:48px;padding:28px 0;border-bottom:1px solid #293541}.face-shape-direction h3{font-size:22px;margin:0 0 10px;color:#f1f4f8}.face-shape-direction p{font-size:14px}.face-shape-options{display:flex;gap:24px}.face-shape-option{display:flex;gap:12px;align-items:center;flex:1;min-width:0;color:#f1f4f8;text-decoration:none}.face-shape-option img{width:64px;height:80px;flex-shrink:0;-o-object-fit:cover;object-fit:cover;border-radius:6px}.face-shape-option strong{display:block;font-size:14px;line-height:1.5}.face-shape-option span span{display:block;color:#ffa2da;font-size:12px;margin-top:8px}.face-shape-option:hover strong{color:#ffa2da}.face-shape-guide .face-shape-guide-links{margin-top:28px;max-width:70ch;font-size:14px}.face-shape-guide .face-shape-guide-links a{color:#ffa2da;text-decoration:underline;text-underline-offset:4px}@media(max-width:800px){.face-shape-direction{grid-template-columns:1fr;gap:20px}}@media(max-width:420px){.face-shape-options{flex-direction:column;gap:16px}}