/* V18: editorial portfolio, uncropped visuals, no self-brand case. */
.tv12-design-main .tv12-design-hero {padding-block:34px 34px}
.tv12-design-main .tv12-hero-grid {grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr);gap:clamp(24px,3.2vw,54px);min-height:0;align-items:center}
.tv12-design-main .tv12-hero-copy {padding:20px 0;min-width:0}
.tv12-design-main .tv12-hero-copy h1 {font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.056em;font-size:clamp(40px,4.35vw,68px);line-height:1.08;hyphens:none;word-break:normal;overflow-wrap:normal;max-width:none;margin:20px 0 24px}
.tv12-design-main .tv12-hero-copy h1 em {display:inline;font-weight:400;color:#9b7953}
.tv12-design-main .tv12-hero-intro {font-size:15px;line-height:1.75;max-width:505px}
.tv18-art-wall {min-width:0;display:flex;flex-direction:column;gap:10px}
.tv18-art-primary,.tv18-art-mini {display:block;position:relative;overflow:hidden;text-decoration:none!important;border:1px solid #ded4c6;background:#272421;border-radius:12px;transition:box-shadow .25s,transform .25s}
.tv18-art-primary:hover,.tv18-art-mini:hover {box-shadow:0 14px 28px #291b111d;transform:translateY(-2px)}
.tv18-art-primary>img {width:100%;height:auto;aspect-ratio:1000/385;display:block;object-fit:contain;object-position:center}
.tv18-art-primary>span {display:flex;align-items:center;gap:12px;justify-content:space-between;padding:12px 16px;background:#2d2925;color:#e8ddce;font:500 11px/1.3 Arial,sans-serif;letter-spacing:.12em}
.tv18-art-primary>span b {margin-right:auto;font-size:13px;letter-spacing:.02em;color:#fff}
.tv18-art-primary>span i {font-size:19px;font-style:normal}
.tv18-art-minis {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.tv18-art-mini {background:#eee7dd;border-color:#e3d9cc}
.tv18-art-mini img {display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;object-position:center}
.tv18-art-mini span {display:flex;justify-content:space-between;padding:9px 12px;background:#fffaf3;color:#3b352e;font:600 11px Arial,sans-serif}
.tv18-art-mini span i {font-size:16px;font-style:normal}
.tv12-design-main .tv12-project-media {height:auto!important;aspect-ratio:1.72;background:#eae4db!important}
.tv12-design-main .tv12-project.tv12-feature .tv12-project-media {height:auto!important;aspect-ratio:1.84}
.tv12-design-main .tv12-project.tv12-project-wide .tv12-project-media {height:auto!important;aspect-ratio:1.8}
.tv12-design-main .tv12-project-media img {display:block;width:100%;height:100%;object-fit:contain!important;object-position:center!important;transform:none!important}
.tv12-design-main .tv12-project.tv12-project-print .tv12-project-media {aspect-ratio:1.35}
.tv12-design-main .tv12-project.tv12-project-print .tv12-project-media img {height:100%;padding:5px!important}
.tv12-bridge-art a {background:#ede8df;display:flex;align-items:center;justify-content:center}
.tv12-bridge-art img {object-fit:contain!important;transform:none!important}
/* User-facing brand service: a real external print case, never an agency-self showcase. */
.tv18-brand-proof {background:#f8f6f1;padding:clamp(58px,6vw,98px) 22px}
.tv18-brand-proof-shell {max-width:1250px;margin:auto}
.tv18-brand-intro {display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:29px}
.tv18-brand-intro>p {max-width:360px;color:#70685c;font:14px/1.7 Arial,sans-serif}
.tv18-eyebrow {color:#98743e!important;letter-spacing:.17em;font:600 10px/1.45 Arial,sans-serif!important;text-transform:uppercase}
.tv18-brand-intro h2 {font:400 clamp(34px,3.8vw,55px)/1.06 Georgia,serif;letter-spacing:-.045em;color:#26231e;margin:15px 0 0}
.tv18-brand-intro h2 em {font-weight:400;color:#99754d}
.tv18-proof-ers {display:grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(240px,.65fr);gap:2px;align-items:stretch;overflow:hidden;border-radius:14px;border:1px solid #e6dcd0;background:#e9e2d9;text-decoration:none!important;color:#2e2b25!important}
.tv18-proof-img {min-width:0;display:flex;align-items:center;justify-content:center;padding:16px;background:#e8e4df;min-height:275px}
.tv18-proof-img img {display:block;width:100%;height:auto;max-height:380px;object-fit:contain;filter:none;transform:none}
.tv18-proof-copy {padding:30px 24px;display:flex;flex-direction:column;justify-content:center;background:#fffdf8}
.tv18-proof-copy span {font:600 10px Arial,sans-serif;letter-spacing:.13em;color:#98733c}
.tv18-proof-copy strong {font:400 clamp(25px,2.5vw,36px)/1.06 Georgia,serif;margin:12px 0}
.tv18-proof-copy p {color:#69645c;font:13px/1.6 Arial,sans-serif;margin:0 0 14px}
.tv18-proof-copy b {font:600 13px Arial,sans-serif;color:#99713c}
.tv18-brand-more {margin:28px 0 0;display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid #e0d8cb;padding:28px 0 0}
.tv18-brand-more h3 {font:400 30px/1.1 Georgia,serif;margin:8px 0 7px}
.tv18-brand-more p:not(.tv18-eyebrow) {margin:0;color:#6f6a61;font:13px/1.5 Arial,sans-serif;max-width:600px}
.tv18-brand-more nav {display:flex;flex-wrap:wrap;gap:8px;justify-content:end}
.tv18-brand-more nav a {text-decoration:none!important;color:#4c4238!important;border:1px solid #cfbca2;border-radius:100px;padding:11px 14px;font:600 12px Arial,sans-serif;background:#fffcf6;white-space:nowrap}
.tv18-brand-more nav a:hover {background:#e8dcc7}
@media (max-width:1020px) {
 .tv12-design-main .tv12-hero-grid {grid-template-columns:minmax(0,1fr)}
 .tv12-design-main .tv12-hero-copy {padding:0}
 .tv12-design-main .tv12-hero-copy h1 {font-size:clamp(43px,6vw,66px)}
 .tv18-proof-ers {grid-template-columns:1fr 1fr}
 .tv18-proof-copy {grid-column:1/-1;padding:20px 24px}
 .tv18-brand-more {align-items:start;flex-direction:column}
 .tv18-brand-more nav {justify-content:start}
}
@media (max-width:640px) {
 .tv12-design-main .tv12-design-hero {padding:22px 16px 8px}
 .tv12-design-main .tv12-hero-copy h1 {font-size:clamp(36px,9.8vw,49px);line-height:1.06;letter-spacing:-.055em;margin:16px 0 18px}
 .tv12-design-main .tv12-hero-intro {font-size:14px;line-height:1.55}
 .tv12-design-main .tv12-hero-actions {gap:12px}
 .tv18-art-wall {gap:6px}
 .tv18-art-minis {gap:6px}
 .tv18-art-primary>span {padding:9px 12px}
 .tv18-art-mini span {padding:7px 10px}
 .tv12-design-main .tv12-project-media,.tv12-design-main .tv12-project.tv12-feature .tv12-project-media,.tv12-design-main .tv12-project.tv12-project-wide .tv12-project-media {height:auto!important;aspect-ratio:1.55}
 .tv18-brand-intro {display:block}
 .tv18-brand-intro>p {margin-top:16px}
 .tv18-proof-ers {grid-template-columns:1fr}
 .tv18-proof-img {padding:9px;min-height:0}
 .tv18-proof-img img {max-height:350px}
 .tv18-proof-copy {grid-column:1;padding:25px}
 .tv18-brand-more nav a {padding:10px 12px}
}