.commission-jump{display:flex;flex-wrap:wrap;gap:8px 28px;border-block:1px solid var(--line);padding:16px 0;margin-bottom:48px}
.commission-jump a{font-size:.9375rem;padding:8px 0;text-underline-offset:6px}
.commission-info{padding:0 0 52px;scroll-margin-top:110px}
.commission-info-heading{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start;margin-bottom:30px}
.commission-info-heading h2{font-size:1.8rem;line-height:1.6;margin:0}
.commission-info-heading p,.commission-methods p,.commission-facts dd{font-size:1rem;line-height:1.9;color:var(--muted)}
.commission-methods{display:grid;grid-template-columns:1fr 1fr;gap:40px;border-block:1px solid var(--line)}
.commission-methods article{padding:25px 0}
.commission-methods h3{font:500 1.125rem/1.7 var(--sans);margin:0 0 12px}
.commission-note{font-size:.875rem;line-height:1.85;color:var(--muted);margin-top:16px}
.commission-facts{margin:0;border-top:1px solid var(--line)}
.commission-facts>div{display:grid;grid-template-columns:180px 1fr;gap:28px;padding:21px 0;border-bottom:1px solid var(--line)}
.commission-facts dt{font-size:1rem;line-height:1.9}.commission-facts dd{margin:0;max-width:760px}
#questions,#delivery,#contact{scroll-margin-top:110px}
.preparation-intro{font-size:1rem;line-height:1.9;color:var(--muted);max-width:700px;margin-top:16px}
.contact-panel .contact-actions{gap:20px 28px}.contact-panel .contact-actions .text-link{margin:0;overflow-wrap:anywhere}
@media(max-width:700px){.commission-info-heading{grid-template-columns:1fr;gap:12px;margin-bottom:20px}.commission-methods{grid-template-columns:1fr;gap:0}.commission-methods article+article{border-top:1px solid var(--line)}.commission-info{padding-bottom:38px}.commission-facts>div{grid-template-columns:1fr;gap:8px}.commission-jump{gap:4px 22px;margin-bottom:34px}}
.commission-jump a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

/* Actual paintings: calm, equal-size comparisons; full images remain intact. */
.craft-comparison{margin-top:48px}
.craft-heading{margin-bottom:32px}.craft-heading h3{font:400 1.5rem/1.6 var(--serif);margin:8px 0 12px}.craft-heading>p:last-child{font-size:1rem;color:var(--muted)}
.craft-pair{border-top:1px solid var(--line);padding-top:24px;margin-top:32px}
.craft-pair>header{margin-bottom:20px}.craft-pair h4{font:400 1.125rem/1.6 var(--serif);margin:0}.craft-pair>header p{font-size:.875rem;color:var(--muted);margin:6px 0 0}
.craft-photos{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px}
.craft-photo{min-width:0;margin:0}.craft-photo figcaption{font:500 .9375rem/1.6 var(--sans);margin-bottom:12px}
.craft-photo-link{display:flex;align-items:center;justify-content:center;height:clamp(240px,32vw,420px);cursor:zoom-in;text-decoration:none}
.craft-photo-link .art-media{display:block;width:100%;height:100%;margin:0}.craft-photo-link img{display:block;width:100%;height:100%;object-fit:contain;transform:none;transition:none}
.craft-photo-link:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
.craft-photo-caption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:.75rem;line-height:1.6;color:var(--muted);margin:12px 0 0}
.craft-choice{display:none}
@media(max-width:700px){
 .craft-comparison{margin-top:32px}.craft-heading h3{font-size:1.35rem}
 .craft-choice{display:flex;gap:20px;margin:0 0 20px;padding:0;border:0;min-width:0;flex-wrap:wrap}
 .craft-choice legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .craft-choice label{position:relative;cursor:pointer}.craft-choice input{position:absolute;opacity:0;width:1px;height:1px}
 .craft-choice span{display:block;min-height:44px;padding:10px 0;font-size:.9375rem;border-bottom:2px solid transparent;color:var(--muted)}
 .craft-choice input:checked+span{border-color:var(--gold);color:var(--ink)}
 .craft-choice input:focus-visible+span{outline:2px solid var(--gold);outline-offset:3px}
 .craft-photos{grid-template-columns:minmax(0,1fr)}
 .craft-pair:has(input[value="hand-finished"]:checked) [data-method="fully-hand-painted"],.craft-pair:has(input[value="fully-hand-painted"]:checked) [data-method="hand-finished"]{display:none}
 .craft-photo-link{height:min(92vw,420px)}
 .craft-pair--baby .craft-photo-link{height:min(74vw,340px)}
}

/* Clip the unpainted canvas margins in both the comparison and enlarged view. */
.craft-photo-link{--craft-height:clamp(240px,32vw,420px)}
.craft-photo-link .art-media--craft-crop{position:relative;overflow:hidden;width:min(100%,calc(var(--craft-height) * var(--art-ratio)));height:auto;aspect-ratio:var(--art-ratio)}
.art-media--craft-crop img{position:absolute;max-width:none;max-height:none;object-fit:fill}
.artwork-viewer .art-media--craft-crop img{position:absolute;object-fit:fill}
@media(max-width:700px){.craft-photo-link{--craft-height:min(92vw,420px)}.craft-pair--baby .craft-photo-link{--craft-height:min(74vw,340px)}}

/* Keep method labels, photographs and notes on the same visual edge. */
.craft-pair{--craft-height:clamp(240px,32vw,420px)}
.craft-photo{width:min(100%,calc(var(--craft-height) * var(--art-ratio)));margin-inline:auto}
.craft-photo-link{height:auto;aspect-ratio:var(--art-ratio)}
.craft-photo-link .art-media--craft-crop{width:100%}
@media(max-width:700px){
 .craft-pair{--craft-height:min(92vw,420px)}
 .craft-pair--baby{--craft-height:min(74vw,340px)}
 .craft-photo-link,.craft-pair--baby .craft-photo-link{height:auto}
}
