.hero { display:grid; grid-template-columns:minmax(360px,35%) 1fr; min-height:480px; background:var(--white); }
.hero > img { position:relative; inset:auto; grid-column:2; justify-self:center; width:85%; height:420px; object-fit:contain; object-position:center; background:var(--white); }
.hero:after { display:none; }
.hero-panel { grid-column:1; grid-row:1; align-self:center; max-width:none; padding:56px; color:var(--navy); }
.hero-panel p:not(.eyebrow) { color:var(--ink); }
.hero-panel p { font-family:Cambria, Georgia, serif; }
@media (max-width:760px) { .hero { display:flex; min-height:0; flex-direction:column; } .hero-panel { padding:56px 28px; } .hero > img { width:100%; height:360px; object-fit:contain; object-position:center; } }