.hh-study{margin-top:clamp(2.75rem,5vw,4.5rem);padding-top:clamp(1.5rem,3vw,2.5rem);border-top:1px solid #c9c6c0;scroll-margin-top:5rem}.hh-study-intro{margin-bottom:clamp(1rem,2.2vw,1.8rem)}.hh-eyebrow,.hh-plate-caption{font:550 .65rem/1.4 var(--font-body);letter-spacing:.16em}.hh-eyebrow{color:#5b5854;text-transform:uppercase}.hh-study-intro h2{margin-top:.5rem;font:450 clamp(1.65rem,3.4vw,3.1rem)/1.08 var(--font-heading);letter-spacing:-.047em;text-wrap:balance}.hh-study-copy{grid-area:note;align-self:center;padding:.7rem clamp(.85rem,1.6vw,1.25rem);color:#595650;font:400 .84rem/1.55 var(--font-body);text-wrap:pretty}.hh-comparison{display:grid;grid-template-areas:"drawing" "controls" "final" "note";border:1px solid #d5d1ca;background:#fbfaf7;color:#272521}.hh-drawing{grid-area:drawing;min-width:0}.hh-final{grid-area:final;min-width:0}.hh-plate-caption{display:flex;align-items:center;justify-content:space-between;-moz-column-gap:.8rem;column-gap:.8rem;min-height:44px;padding:0 clamp(.85rem,1.6vw,1.25rem);color:#5c5852;text-transform:uppercase}.hh-drawing .hh-plate-caption{padding-right:0}.hh-plate-value{margin-left:auto;font-family:var(--font-mono);font-size:.67rem;letter-spacing:.08em;color:#55514a}.hh-caption-line{width:1.75rem;height:1px;background:#aaa59d}.hh-drawing-stage,.hh-final-stage{aspect-ratio:16/9;position:relative;overflow:hidden}.hh-drawing-stage{background:#191816;touch-action:pan-y pinch-zoom}.hh-final-stage{background:#eae7e0}.hh-drawing-stage img,.hh-final-stage img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.hh-drawing-stage img{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .48s ease;pointer-events:none}.hh-drawing-stage img.is-active{opacity:1}.hh-study-controls{grid-area:controls;display:flex;justify-content:space-between;align-items:stretch;flex-wrap:wrap;border-bottom:1px solid #d5d1ca}.hh-stage-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));flex:1 1 18rem}.hh-stage-list button,.hh-transport button{min-height:44px;color:#615e59;transition:background-color .18s ease,color .18s ease}.hh-stage-list button{border-top:2px solid transparent;padding:.5rem .25rem;font:500 .8rem/1.3 var(--font-body)}.hh-stage-list button[aria-pressed=true]{border-top-color:#393530;background:#eae7df;color:#211f1c}.hh-stage-num{margin-right:.4rem;font:400 .63rem/1 var(--font-mono);color:#68635c}.hh-transport{display:flex;align-self:stretch;border-left:1px solid #d5d1ca}.hh-transport button{display:grid;place-items:center;width:44px}.hh-comparison button:focus-visible{outline:2px solid #58544d;outline-offset:-3px}@media(hover:hover){.hh-comparison button:hover{background:#eeebe4;color:#171614}}@media(max-width:47.99rem){.hh-plate-value{display:none}.hh-transport button{width:44px}}@media(min-width:48rem){.hh-study{scroll-margin-top:6rem}.hh-comparison{grid-template-areas:"drawing final" "controls note";grid-template-columns:repeat(2,minmax(0,1fr))}.hh-drawing{border-right:1px solid #d5d1ca}.hh-study-controls{border-bottom:0;border-right:1px solid #d5d1ca}}@media(prefers-reduced-motion:reduce){.hh-drawing-stage img{transition:none}}