.vg{grid-template-columns:minmax(280px,400px) 1fr;align-items:start;gap:28px;display:grid}.vg__panel{gap:12px;display:grid;position:sticky;top:90px}.vg__photo{aspect-ratio:4/5;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);place-items:center;display:grid;position:relative;overflow:hidden}.vg__photo canvas{object-fit:contain;width:100%;height:100%;display:none}.vg__photo canvas.is-visible{display:block}.vg__placeholder{color:var(--muted);text-align:center;justify-items:center;gap:12px;padding:20px;display:grid}.vg__placeholder svg{width:120px;color:var(--gold);opacity:.6}.vg__placeholder p{max-width:220px;font-size:14px}.vg__upload{justify-content:center;position:relative;overflow:hidden}.vg__upload input{opacity:0;cursor:pointer;position:absolute;inset:0}.vg__privacy{color:var(--muted);text-align:center;font-size:12.5px}.vg__result{align-content:start;gap:12px;display:grid}.vg__shape{font-family:var(--font-display);letter-spacing:1px;color:var(--gold-2);font-size:clamp(30px,4vw,42px);font-weight:600;line-height:1.1}.vg__shapes .chip{font:inherit;color:var(--text);cursor:pointer;font-size:13.5px}.vg-reco{gap:10px;margin-top:6px;display:grid}.vg-reco h4{font-family:var(--font-serif);margin-top:8px;font-size:22px;font-weight:600}.vg-reco__traits{color:#ddd7cd}.vg-reco__goal{color:var(--muted)}.vg-reco__goal b,.vg-avoid b{color:var(--text)}.vg-cuts{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;list-style:none;display:grid}.vg-cut{background:var(--surface);border:1px solid var(--line);border-radius:12px;align-content:start;gap:4px;padding:14px;display:grid}.vg-cut__family{letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);font-size:10.5px;font-weight:600}.vg-cut b{font-size:16px}.vg-cut p{color:var(--muted);font-size:13.5px;line-height:1.45}.vg-cut small{color:#8f897f;font-size:12px}.vg-cut__cta{color:var(--gold-2);margin-top:4px;font-size:13.5px;font-weight:600}.vg-avoid{color:#ddd7cd;background:#f26d6d0f;border:1px solid #f26d6d40;border-radius:10px;padding:10px 14px;font-size:14px}.vg-beards{color:var(--muted);gap:6px;font-size:14.5px;list-style:none;display:grid}.vg-beards b{color:var(--text)}.guide{max-width:860px;margin:0 auto}.guide__hero{text-align:center;margin-bottom:40px}.guide__hero h1{font-family:var(--font-display);letter-spacing:1px;font-size:clamp(32px,5vw,52px);font-weight:600;line-height:1.1}.guide__hero p{color:var(--muted);margin-top:12px;font-size:17px}.guide h2{font-family:var(--font-serif);margin:44px 0 12px;font-size:clamp(26px,3.5vw,34px);font-weight:600}.guide h3{font-family:var(--font-serif);color:var(--gold-2);margin:24px 0 8px;font-size:24px;font-weight:600}.guide p,.guide li{color:#d6d0c6;font-size:16.5px;line-height:1.7}.guide ul,.guide ol{gap:6px;padding-left:22px;display:grid}.guide .vg-cuts,.guide .vg-beards{padding-left:0}.guide__toc{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px 22px}.guide__toc a{color:var(--gold-2)}.guide__cta{border-radius:var(--r);text-align:center;background:linear-gradient(180deg, #1c180f, var(--surface));border:1px solid #c9a24b59;justify-items:center;gap:14px;margin:40px 0;padding:28px;display:grid}.guide__cta h3{color:var(--text);margin:0}.guide__actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.guide__shape{border-top:1px solid var(--line);padding-top:8px}.guide-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;display:grid}.guide-card{border-radius:var(--r);background:var(--surface);border:1px solid var(--line);transition:border-color .25s, transform .25s var(--ease);gap:10px;padding:26px;display:grid}.guide-card:hover{border-color:#c9a24b80;transform:translateY(-4px)}.guide-card span{font-size:30px}.guide-card b{font-family:var(--font-serif);font-size:24px;font-weight:600}.guide-card p{color:var(--muted);font-size:14.5px}.guide-card em{color:var(--gold-2);font-size:14px;font-style:normal;font-weight:600}@media (max-width:860px){.vg{grid-template-columns:1fr}.vg__panel{position:static}}@media print{.nav,.footer,.fab-wa,.guide__actions,.guide__cta{display:none!important}body{color:#111;background:#fff}.guide p,.guide li,.guide h1,.guide h2{color:#111}.guide h3{color:#6b5320}.bk-page{padding-top:0}}
