.product-surface{margin:32px 0;min-width:0;overflow:hidden;border:1px solid rgba(34,48,34,.14);border-radius:12px;background:#fff;box-shadow:0 24px 65px rgba(20,36,25,.09)}
.product-surface img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;border-radius:0}
.product-surface figcaption{padding:14px 20px;font:12px/1.5 "DM Sans",sans-serif;letter-spacing:.02em;color:#526052;background:#f5f6f1;border-top:1px solid #e4e7df}
.product-surface-phone{max-width:440px;margin:0 auto;width:100%}.surface-intro{max-width:760px;margin:0 0 36px}.surface-intro p{max-width:620px;font-size:19px;line-height:1.65}.proof>.surface-intro,.proof>.product-surface{width:min(1280px,calc(100% - 80px));margin-left:auto;margin-right:auto}
.hero-grid>.product-surface{align-self:center}.rq-exchange>.product-surface{margin-top:36px}.hero .product-surface img{position:static;transform:none}
@media(max-width:700px){.product-surface{border-radius:7px;margin-top:24px}.product-surface figcaption{padding:10px 12px}.surface-intro p{font-size:17px}.proof>.surface-intro,.proof>.product-surface{width:calc(100% - 40px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}}

.product-surface figcaption{display:flex;align-items:center;justify-content:space-between;gap:16px}.surface-zoom{font:inherit;font-weight:600;color:inherit;border:0;border-bottom:1px solid currentColor;background:transparent;padding:8px 0;cursor:pointer;white-space:nowrap}.surface-zoom:focus-visible{outline:2px solid #dd6b27;outline-offset:5px}@media(max-width:500px){.product-surface figcaption{font-size:11px;gap:10px}}

.surface-intro h2{font-family:"Libre Caslon Display",Georgia,serif;font-size:clamp(36px,4.2vw,58px);font-weight:400;line-height:1.08;letter-spacing:-.025em;margin:0 0 22px}.surface-zoom{text-decoration:none}