.studies-slot{margin:32px var(--gutter,32px)}
.hero .studies-slot{margin:24px 0 40px}
.drawing-study{border-top:1px solid var(--line,#d9e0dc);padding:32px 0;overflow-wrap:anywhere}
.drawing-study+.drawing-study{margin-top:65px}
.study-heading{display:grid;grid-template-columns:1fr 2fr 1fr;gap:28px;align-items:start;margin-bottom:22px}
.study-heading .eyebrow{padding-top:9px;color:var(--accent,#163f32)}
.study-heading h2{font:italic clamp(32px,4vw,60px)/1.15 Georgia,serif;letter-spacing:-.04em;color:var(--accent,#163f32)}
.study-description{font-size:14px;line-height:1.7;color:var(--muted,#545454);padding-top:8px;white-space:normal}
.study-images{display:grid;grid-template-columns:1fr 1fr;gap:20px;background:white;position:relative}
.study-images img{display:block;width:100%;height:auto;object-fit:contain}
.study-first,.study-second{min-width:0;min-height:0}
.study-composite{grid-template-columns:1fr;grid-template-rows:1fr;gap:0;width:100%;aspect-ratio:2400/1792;max-height:66svh;isolation:isolate}
.study-composite>.study-first,.study-composite>.study-second{grid-area:1/1;height:100%;overflow:hidden}
.study-composite img{width:100%;height:100%;object-fit:contain}
.study-composite>.study-second{opacity:var(--study-progress,1)}
.study-composite.study-effect-reveal>.study-second{opacity:1;clip-path:inset(0 calc(100% - var(--study-progress,1)*100%) 0 0)}
.study-composite.study-effect-depth>.study-first,.study-composite.study-effect-depth>.study-second{transform:scale(calc(.98 + var(--study-progress,1)*.02))}
.study-scan{display:none}
.study-composite.study-effect-reveal .study-scan{display:block;position:absolute;top:9%;bottom:9%;left:calc(var(--study-progress,1)*100%);width:1px;background:#163f323a;opacity:var(--scan-opacity,0);pointer-events:none}
.study-composite.study-effect-reveal .study-scan:before{content:'+';position:absolute;left:-4px;top:-14px;font:12px Arial;color:#163f3260}
.study-registration{pointer-events:none;position:absolute;inset:5% 4%;background:linear-gradient(#163f323b,#163f323b) left top/14px 1px no-repeat,linear-gradient(#163f323b,#163f323b) left top/1px 14px no-repeat,linear-gradient(#163f323b,#163f323b) right bottom/14px 1px no-repeat,linear-gradient(#163f323b,#163f323b) right bottom/1px 14px no-repeat}
.study-endpoints{display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:1px;color:var(--accent,#163f32);padding:16px 0}
.study-endpoints>span{max-width:48%}.study-endpoints>span:last-child{text-align:right}
.study-slider{display:grid;grid-template-columns:minmax(130px,1fr) minmax(100px,2fr) 40px;gap:25px;align-items:center;font-size:10px;color:var(--muted,#545454)}
.study-slider input[type=range]{width:100%;min-width:0;margin:0;accent-color:var(--accent,#163f32);cursor:ew-resize;min-height:32px;background:white}
.study-slider output{text-align:right;color:var(--accent,#163f32);font-variant-numeric:tabular-nums}
.study-slider input:focus-visible{outline:2px solid #163f32;outline-offset:3px}
.study-preview .study-composite{max-height:370px}.study-preview{border:1px solid #d9e0dc;padding:16px;background:#fff;--study-progress:.5;--scan-opacity:1}
.study-preview .study-slider{grid-template-columns:1fr 3fr 40px}
@media(max-width:700px){
 .studies-slot{margin:28px var(--gutter,20px)}.hero .studies-slot{margin:20px 0 40px}.drawing-study{padding:24px 0 30px}
 .study-heading{grid-template-columns:1fr;gap:12px;margin-bottom:16px}.study-heading h2{font-size:clamp(32px,9vw,38px)}.study-heading .eyebrow{font-size:11px;padding-top:0}.study-description{font-size:13px;padding-top:0}
 .study-composite{max-height:58svh;min-height:220px}.study-endpoints{font-size:11px;padding:12px 0}
 .study-slider,.study-preview .study-slider{grid-template-columns:1fr 40px;gap:5px 12px}.study-slider>span{grid-column:1/-1}
}