/* Keep the established academic visual language; show the actual product. */
.product-preview { display:grid; grid-template-columns:1fr 1.65fr; gap:44px; padding-block:64px; align-items:center; border-top:1px solid var(--line); }
.product-preview h2 { font:600 clamp(26px,2.6vw,40px)/1.4 var(--serif); margin:0 0 20px; }
.product-preview p:not(.eyebrow) { font-size:16px; line-height:1.8; color:#4e6259; }
.product-preview .eyebrow { font-size:14px; margin-bottom:18px; }
.product-preview figure,.guide-preview { margin:0; min-width:0; }
.product-preview img,.guide-preview img { display:block; width:100%; height:auto; border:1px solid #cbd7cd; border-radius:10px; box-shadow:0 10px 35px #173d3020; }
.product-preview figcaption,.guide-preview figcaption { color:#52675d; font-size:13px; line-height:1.6; margin-top:12px; }
.product-preview a { color:#135c48; text-underline-offset:4px; }
.guide-preview { max-width:880px; margin:28px 0 0; }
.guide-reference-heading { margin:60px 0 12px; font-size:28px; }
.research-value .value-copy h2 { font-size:clamp(26px,3vw,40px); }
@media(min-width:900px){ .hero { min-height:700px; } .hero-art { height:760px; width:59%; opacity:.9; } .hero-content { padding-top:70px; } .hero h1 { font-size:clamp(56px,5vw,76px); } }
@media(max-width:760px){ .product-preview { grid-template-columns:1fr; gap:24px; padding-block:36px; } .product-preview h2 br { display:none; } .product-preview figure { width:100%; } }