/* Scoped design-case preview for agency homepage. Reuses approved light/bronze brand direction. */
.tv-home-design,.tv-home-design *{box-sizing:border-box}
.tv-home-design{background:#f8f5ef;border-top:1px solid #e5daca;border-bottom:1px solid #e5daca;padding:clamp(54px,6vw,98px) 0;color:#222824}
.tv-hd-container{width:min(1210px,calc(100% - 44px));margin:0 auto}
.tv-hd-heading{display:grid;grid-template-columns:1.12fr .88fr;gap:46px;align-items:end;margin-bottom:29px}
.tv-hd-eyebrow{color:#947041;font-size:11px;letter-spacing:.19em;font-weight:700;margin:0 0 17px}
.tv-hd-heading h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(35px,4.5vw,62px);line-height:1.08;font-weight:400;letter-spacing:-.043em;color:#222823;margin:0}
.tv-hd-heading h2 em{font-weight:400;color:#ac8652}
.tv-hd-heading-side p{margin:0 0 18px;font-size:15px;line-height:1.76;color:#646b65}
.tv-hd-all{color:#78562f!important;text-underline-offset:5px;font-size:14px;font-weight:700;text-decoration-color:#bca586}
.tv-hd-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.tv-hd-case{display:flex;flex-direction:column;background:#fffefb;color:#222823!important;text-decoration:none!important;border:1px solid #ddd3c5;border-radius:11px;overflow:hidden;min-width:0;transition:box-shadow .2s,border-color .2s,transform .2s}
.tv-hd-case:hover{border-color:#b18b58;box-shadow:0 13px 35px #44311c18;transform:translateY(-3px)}
.tv-hd-case:focus-visible{outline:3px solid #aa7b42;outline-offset:3px}
.tv-hd-featured{grid-column:span 3;display:grid;grid-template-columns:minmax(0,1.75fr) minmax(280px,1fr)}
.tv-hd-media{width:100%;aspect-ratio:16/10;overflow:hidden;background:#eee7dc}
.tv-hd-featured .tv-hd-media{aspect-ratio:16/6}
.tv-hd-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .4s}
.tv-hd-featured .tv-hd-media img{object-fit:contain;background:#1d2422}
.tv-hd-case:hover img{transform:scale(1.025)}
.tv-hd-copy{position:relative;padding:19px 18px 22px;min-height:126px;display:flex;flex-direction:column;gap:7px}
.tv-hd-featured .tv-hd-copy{justify-content:center;padding:30px}
.tv-hd-copy span{font-size:10px;font-weight:700;letter-spacing:.14em;color:#9c784b}
.tv-hd-copy strong{font-family:Georgia,serif;font-size:clamp(23px,2.1vw,31px);font-weight:400;line-height:1.2;letter-spacing:-.03em;color:#232b27}
.tv-hd-copy small{color:#6e7069;font-size:13px;line-height:1.4;padding-right:16px}
.tv-hd-copy b{position:absolute;right:17px;bottom:19px;color:#a57842;font-size:20px;font-weight:400}
.tv-hd-note{font-size:12px;line-height:1.65;color:#7d7b73;margin:19px 0 0}
@media(max-width:850px){.tv-hd-heading{grid-template-columns:1fr;gap:16px}.tv-hd-featured{grid-template-columns:1fr 1fr}.tv-hd-featured .tv-hd-media{aspect-ratio:auto}.tv-hd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tv-hd-featured{grid-column:span 2}.tv-hd-copy{padding:17px}.tv-hd-featured .tv-hd-copy{padding:22px}}
@media(max-width:560px){.tv-home-design{padding:51px 0}.tv-hd-container{width:calc(100% - 32px)}.tv-hd-grid{grid-template-columns:1fr;gap:11px}.tv-hd-featured{grid-column:auto;grid-template-columns:1fr}.tv-hd-featured .tv-hd-media{aspect-ratio:16/9}.tv-hd-case .tv-hd-media{aspect-ratio:16/9}.tv-hd-case .tv-hd-copy{padding:17px 20px 19px;min-height:113px}.tv-hd-case .tv-hd-copy strong{font-size:26px}.tv-hd-eyebrow{font-size:10px}}
@media(prefers-reduced-motion:reduce){.tv-hd-case,.tv-hd-media img{transition:none}.tv-hd-case:hover,.tv-hd-case:hover img{transform:none}}