/* One controlled layout for the homepage tablet hero. */
body.picture .home-tablet{position:relative;margin:60px var(--page-gutter);height:680px;border:1px solid #ffe581;border-radius:30px;overflow:hidden;background:#fff;color:#14234b;box-sizing:border-box}
.home-tablet-visual{position:absolute;inset:0 0 0 40%;overflow:hidden}
body.picture .home-tablet-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.65);transform-origin:center}
body.picture .home-tablet-copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;width:44%;height:100%;padding:48px;box-sizing:border-box;background:linear-gradient(90deg,#fff 0%,#fff 82%,#ffffff00 100%)}
body.picture .home-tablet h2{font-size:clamp(38px,3.5vw,64px);line-height:1.03;letter-spacing:-1.5px;margin:16px 0 24px}
body.picture .home-tablet-copy>p:not(.eyebrow){font-size:16px;line-height:1.5;margin:0;max-width:580px}
.home-tablet-reasons{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:26px 0}
.home-tablet-reasons div{border-top:1px solid #14234b33;padding-top:16px}
.home-tablet-reasons strong{display:block;font-size:16px;margin-bottom:8px}
body.picture .home-tablet-reasons p{font-size:13px;line-height:1.45;margin:0}
body.picture .home-tablet .text-link{align-self:flex-start;color:inherit;font-size:12px;font-weight:bold;border-bottom:1px solid;padding:0 0 8px;margin:8px 0}
@media(max-width:1100px) and (min-width:851px){body.picture .home-tablet{height:680px}body.picture .home-tablet-copy{padding:28px;width:46%}body.picture .home-tablet h2{font-size:38px}.home-tablet-reasons{grid-template-columns:1fr;gap:14px;margin:20px 0}}
@media(max-width:850px){body.picture .home-tablet{height:auto;margin:40px var(--page-gutter)}.home-tablet-visual{position:relative;inset:auto;height:360px}body.picture .home-tablet-photo{transform:scale(1.2)}body.picture .home-tablet-copy{width:100%;height:auto;padding:30px;background:#fff}body.picture .home-tablet h2{font-size:clamp(34px,6vw,52px)}}
@media(max-width:430px){.home-tablet-reasons{grid-template-columns:1fr}.home-tablet-visual{height:300px}}
/* Supplied image has the intended composition built in. */
@media(min-width:851px){body.picture .home-tablet{height:auto;aspect-ratio:6821/3494}.home-tablet-visual{inset:0}body.picture .home-tablet-photo{width:100%;height:100%;object-fit:contain;transform:none}body.picture .home-tablet-copy{width:46%;background:transparent}}
@media(max-width:850px){body.picture .home-tablet-photo{transform:none;object-fit:cover;object-position:right center}}
/* Give desktop copy a more generous inset from the frame. */
@media(min-width:851px){body.picture .home-tablet-copy{padding-left:clamp(64px,6vw,120px);padding-right:40px;width:49%}}
/* Stack earlier so tablet copy cannot exceed the banner on small laptops/tablets. */
@media(min-width:851px) and (max-width:1100px){body.picture .home-tablet{height:auto;aspect-ratio:auto}.home-tablet-visual{position:relative;inset:auto;height:400px}body.picture .home-tablet-photo{height:100%;object-fit:cover;object-position:right center;transform:none}body.picture .home-tablet-copy{width:100%;height:auto;padding:32px;display:block;background:#fff}body.picture .home-tablet h2{font-size:42px}.home-tablet-reasons{grid-template-columns:1fr 1fr}}
