.summary-banner{margin-top:100px;height:240px;background:#dedbd5 url("assets/summary-banner.jpg") right center/auto 100% no-repeat;display:grid;place-items:center}
.summary-banner p{font-family:Georgia,serif;font-size:32px;color:#807c77;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.business-content{max-width:1100px;width:86%;margin:32px auto 80px}
.business-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:0;width:100%;background:#f4f4f4}
.business-tabs a{text-align:center;padding:20px 8px;font-size:15px;position:relative}
.business-tabs a+a:before{content:'';position:absolute;left:0;top:35%;height:30%;border-left:1px solid #ddd}
.business-tabs a.active{background:#8b2334;color:white}
.business-content h1{text-align:center;font-size:30px;font-weight:500;margin:50px 0 8px}
.title-chevron{display:block;text-align:center;color:#aaa;font-size:22px;margin-bottom:40px}
.business-image{display:block;width:100%;height:auto}
.zoom-hint{text-align:center;color:#888;font-size:12px;margin:24px 0}
.premium-tabs{display:grid;grid-template-columns:1fr 1fr;margin:0 0 35px;background:#f3f3f3}
.premium-tabs button{border:0;background:none;padding:20px;font-size:17px;color:#555}
.premium-tabs button.active{background:#ad8964;color:white}
@media(max-width:760px){.summary-banner{margin-top:85px;height:160px;background-position:right center}
.summary-banner p{font-size:25px}
.business-content{width:92%;margin:22px auto 45px}
.business-tabs{display:grid}
.business-tabs a{padding:15px 2px;font-size:12px}
.business-content h1{font-size:25px;margin-top:32px}
.title-chevron{margin-bottom:25px}
.premium-tabs button{padding:15px 5px;font-size:14px}
}

/* Preserve the original image resolution instead of stretching it. */
.business-image{margin:0 auto;width:100%;object-fit:contain}
.summary-banner{background-size:auto min(100%,147px)}
.complex-banner{background-image:url("assets/complex-banner.jpg");background-size:auto min(100%,230px)}
.complex-tabs{grid-template-columns:repeat(3,1fr)}
.block-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 38px}
.block-tabs button{border:1px solid #ddd;background:#fff;color:#51443a;padding:16px 5px;font-size:15px}
.block-tabs button.active{background:#ad8964;border-color:#ad8964;color:#fff}
.view-original{display:block;width:fit-content;max-width:100%;margin:35px auto 0;border-radius:40px;background:#8b2334;color:#fff;padding:18px 35px;text-align:center;font-size:15px}
@media(max-width:760px){.block-tabs{gap:5px;margin-bottom:25px}
.block-tabs button{padding:12px 4px;font-size:13px}
.view-original{padding:14px 24px;font-size:13px}
}

.unit-banner{background:#c4cebe}
.unit-section-tab{grid-template-columns:1fr}
.unit-blocks button.active{background:#45292c;border-color:#45292c}
.unit-types{display:flex;flex-wrap:wrap;gap:8px;margin:-12px 0 35px}
.unit-types button{flex:1 1 100px;background:white;border:1px solid #d7d3cf;padding:14px 8px;color:#54483e;font-size:14px}
.unit-types button[aria-pressed="true"]{background:#ad8964;border-color:#ad8964;color:white}
.selected-unit{text-align:center;font-size:19px;font-weight:500;margin:0 0 22px}
.unit-missing{padding:80px 15px;background:#f7f4f0;text-align:center;font-size:16px}
@media(max-width:760px){.unit-types{gap:6px;margin-bottom:25px}
.unit-types button{flex-basis:80px;font-size:13px;padding:12px 6px}
}

.summary-banner{position:relative;overflow:hidden;isolation:isolate;animation:summaryReveal .95s cubic-bezier(.2,.72,.2,1) both}
.summary-banner:after{content:'';position:absolute;inset:-30% auto -30% -35%;z-index:-1;width:28%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,#ffffff9c,transparent);animation:summarySweep 1.15s .28s ease-out both}
.summary-banner p{animation:summaryTitleIn .85s .22s cubic-bezier(.2,.72,.2,1) both}
@keyframes summaryReveal{from{opacity:0;clip-path:inset(0 0 100% 0);transform:scale(1.025)}to{opacity:1;clip-path:inset(0);transform:scale(1)}}
@keyframes summaryTitleIn{from{opacity:0;transform:translateY(28px);letter-spacing:.16em}to{opacity:1;transform:translateY(0);letter-spacing:normal}}
@keyframes summarySweep{from{left:-35%;opacity:0}35%{opacity:.75}to{left:120%;opacity:0}}
@media(prefers-reduced-motion:reduce){.summary-banner,.summary-banner:after,.summary-banner p{animation:none}}