.studies-page{max-width:var(--content);padding:1.5rem clamp(1.1rem, 3vw, 3rem) var(--space-section);margin-inline:auto}.studies-heading{margin:0 0 1.5rem}.studies-heading h1,.study-title h1{letter-spacing:-.045em;margin:0;font-size:clamp(2.25rem,4vw,4.5rem);font-weight:550;line-height:1.04}.studies-heading{border-bottom:3px double var(--ornament-rule);padding-block:1rem 1.5rem}.studies-group h2{margin:1.6rem 0 1rem;font-size:1.05rem;font-weight:550}.studies-group h2 a{text-underline-offset:.22em}.study-cover{width:min(100%,55rem);color:var(--text);text-decoration:none;display:block}.study-cover img{aspect-ratio:2.4;object-fit:cover;width:100%;display:block}.study-cover>div{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;padding-block:.65rem;display:flex}.study-cover h3{letter-spacing:-.035em;margin:0;font-size:clamp(1.5rem,2.2vw,2rem)}.study-cover span,.study-facts dt,.study-count{color:var(--muted)}.study-title h1{grid-column:1/-1}.study-facts{border-top:1px solid var(--ornament-rule);grid-column:1;margin:1rem 0 0;font-size:.92rem}.study-facts>div{border-bottom:1px solid var(--ornament-rule);grid-template-columns:6.5rem minmax(0,1fr);align-items:baseline;gap:.75rem;padding-block:.45rem;display:grid}.study-facts dt{font-size:inherit;text-transform:none;letter-spacing:normal}.study-facts dd{font-size:inherit;margin:0}.study-modes,.study-steps{align-items:center;gap:.3rem;display:flex}.study-modes{gap:1rem;margin:.5rem 0 .8rem}.study-modes a,.study-steps a{min-height:44px;color:var(--text);place-items:center;text-decoration:none;display:inline-grid}.study-modes a{color:var(--muted);border-bottom:2px solid #0000;padding-block:.3rem;font-size:.86rem}.study-modes a[aria-current],.study-modes a:hover{color:var(--text);border-color:currentColor}.study-title,.study-viewer{grid-template-columns:minmax(0,1fr) clamp(160px,15.2vw,244px);column-gap:clamp(.7rem,1.35vw,1.4rem);display:grid}.study-viewer{--viewer-height:clamp(260px, 54vh, 640px);grid-template-areas:"modes rails""frames rails";align-items:start;row-gap:.8rem;margin-block-start:.5rem}.study-viewer>.study-modes{grid-area:modes;margin:0}.study-frames{grid-area:frames}.study-frames,.study-feature{min-width:0}.study-feature{margin:0}.study-feature>img{width:100%;height:var(--viewer-height);object-fit:contain;display:block}.study-caption{--picture-inset:max(0px, calc((100% - var(--viewer-height) * var(--image-ratio)) / 2));grid-template-columns:minmax(max-content, var(--picture-inset)) minmax(0, 1fr) auto;border-block:1px solid var(--ornament-rule);color:var(--text);align-items:center;margin-top:.5rem;padding-block:.2rem;font-size:.95rem;display:grid}.study-caption-title{overflow-wrap:anywhere;min-width:0}.study-steps{margin-inline-start:.5rem}.study-count{font-variant-numeric:tabular-nums;white-space:nowrap;justify-self:start;padding-inline-end:.65rem;font-size:.82rem}.study-steps a{min-width:44px;font-size:1.25rem}.study-steps a:hover{font-weight:700}.study-sheet a:hover span{text-underline-offset:.2em;text-decoration:underline}.study-rails{grid-area:rails;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:subgrid;column-gap:.55rem;display:grid}.study-rail{grid-row:span 2;grid-template-rows:subgrid;min-width:0;display:grid}.study-rail h2{align-self:center;margin:0;font-size:.84rem;font-weight:600}.study-thumbs{height:var(--viewer-height);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--rule) transparent;flex-direction:column;gap:.45rem;display:flex;overflow-y:auto}.study-thumbs a{border:1px solid #0000;flex:none;padding:3px;display:block}.study-thumbs a[aria-current],.study-thumbs a:hover{border-color:var(--text)}.study-thumbs a:focus-visible{outline-offset:-2px}.study-thumbs img{object-fit:cover;width:100%;height:clamp(50px,10.8vh,134px);display:block}.study-thumbs .drawing-thumb{object-fit:contain;background:#fff}.study-sheet{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem 1.15rem;margin:0;padding:0;list-style:none;display:grid}.study-sheet a{color:var(--text);text-decoration:none;display:block}.study-sheet img{object-fit:contain;object-position:left bottom;width:100%;height:clamp(120px,19vh,240px);display:block}.study-sheet span{border-top:1px solid var(--ornament-rule);margin-top:.5rem;padding-top:.35rem;font-size:.88rem;display:block}@media (width<=720px){.study-title,.study-viewer{grid-template-columns:minmax(0,1fr)}.study-viewer{grid-template-areas:"modes""frames""rails"}.study-rails{grid-template-rows:auto minmax(0,1fr);row-gap:.45rem;height:11rem}.study-thumbs{height:auto}.study-sheet{grid-template-columns:repeat(2,minmax(0,1fr))}}