.focal-photo-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:980px;margin:0 0 24px}
.focal-photo-pair figure{margin:0;min-width:0;border:1.5px solid var(--rule);border-radius:18px;overflow:hidden}
.focal-photo-frame{aspect-ratio:5/7;overflow:hidden;background:var(--body)}
.focal-photo-frame img{display:block;width:100%;height:100%;object-fit:cover}
.focal-photo-pair figcaption{display:grid;gap:7px;padding:18px 20px 22px;font-size:16px;line-height:1.5}
.focal-photo-pair figcaption strong{font:800 18px var(--sans)}
.focal-guide-layout{display:grid;grid-template-columns:minmax(0,450px) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,72px);max-width:1080px}
.focal-guide-demo{min-width:0}
.focal-guide-photo{position:relative;aspect-ratio:5/7;overflow:hidden;border-radius:18px;background:var(--body)}
.focal-guide-photo img{display:block;width:100%;height:100%;object-fit:cover}
.focal-guide-overlay{position:absolute;inset:0;width:100%;height:100%;display:none;fill:none;stroke:#fff;stroke-width:.45;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 2px #000)}
.focal-guide-demo[data-active-guide="thirds"] [data-guide="thirds"],.focal-guide-demo[data-active-guide="triangle"] [data-guide="triangle"]{display:block}
.focal-guide-controls{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.focal-guide-controls button{border:1.5px solid var(--rule);border-radius:999px;padding:9px 13px;background:var(--paper);color:var(--ink);font:700 13px var(--sans);cursor:pointer}
.focal-guide-controls button:hover,.focal-guide-controls button:focus-visible{border-color:var(--amber)}
.focal-guide-controls button[aria-pressed="true"]{border-color:var(--ink);background:var(--ink);color:var(--paper)}
.focal-guide-copy h3{margin:0 0 12px}
.focal-guide-copy p{max-width:34em}
@media(max-width:760px){.focal-guide-layout{grid-template-columns:1fr;max-width:580px}.focal-guide-copy{order:-1}}
@media(max-width:650px){.focal-photo-pair{grid-template-columns:1fr;max-width:520px}}