
/* Third Vision v6.2 — Portfolio & Case Study Sales Upgrade */
:root{--tv62-ink:#141414;--tv62-muted:#6e6e6a;--tv62-line:rgba(20,20,20,.12);--tv62-red:#c51f25;--tv62-paper:#f6f5f1;--tv62-dark:#111}
.tv62-portfolio-summary{display:grid;grid-template-columns:1.35fr .65fr;gap:34px;align-items:end;margin:30px 0 54px;padding:34px 0;border-top:1px solid var(--tv62-line);border-bottom:1px solid var(--tv62-line)}
.tv62-portfolio-summary h2{font-size:clamp(32px,4.7vw,68px);line-height:.96;letter-spacing:-.055em;margin:0;max-width:820px}.tv62-portfolio-summary p{margin:0;color:var(--tv62-muted);font-size:15px;line-height:1.7;max-width:480px}.tv62-summary-kicker{display:block;color:var(--tv62-red);font-size:11px;letter-spacing:.18em;font-weight:800;margin-bottom:12px}
.portfolio-collection .portfolio-spread{border-top:1px solid var(--tv62-line);padding-top:34px;margin-top:0;transition:transform .3s ease,opacity .3s ease}.portfolio-collection .portfolio-spread:hover{transform:translateY(-3px)}
.portfolio-collection .spread-copy h2,.portfolio-collection .spread-copy h3{letter-spacing:-.035em}.portfolio-collection .spread-image{overflow:hidden;border-radius:2px}.portfolio-collection .spread-image img{transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .5s ease}.portfolio-collection .portfolio-spread:hover .spread-image img{transform:scale(1.018)}
.tv62-portfolio-bottom{margin:80px auto 26px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:28px;padding:36px 0;border-top:1px solid var(--tv62-line)}.tv62-portfolio-bottom h2{font-size:clamp(30px,4vw,54px);margin:0;letter-spacing:-.04em}.tv62-portfolio-bottom p{margin:8px 0 0;color:var(--tv62-muted)}.tv62-primary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;background:var(--tv62-ink);color:#fff!important;text-decoration:none;font-weight:700;border:0;cursor:pointer}.tv62-primary:hover{background:var(--tv62-red)}
.tv62-project-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:22px auto 46px;padding:14px 0;border-top:1px solid var(--tv62-line);border-bottom:1px solid var(--tv62-line)}.tv62-project-actions a,.tv62-project-actions button{appearance:none;border:1px solid var(--tv62-line);background:#fff;color:var(--tv62-ink);padding:10px 14px;font:inherit;font-size:12px;font-weight:750;cursor:pointer;text-decoration:none}.tv62-project-actions a:first-child{background:var(--tv62-ink);color:#fff;border-color:var(--tv62-ink)}.tv62-project-actions a:hover,.tv62-project-actions button:hover{border-color:var(--tv62-ink)}
.tv62-case-study{margin:72px auto 82px}.tv62-case-head{display:grid;grid-template-columns:.65fr 1.35fr;gap:40px;align-items:end;margin-bottom:30px}.tv62-case-head .eyebrow{margin:0;color:var(--tv62-red)}.tv62-case-head h2{font-size:clamp(38px,5vw,72px);line-height:.96;letter-spacing:-.055em;margin:0}.tv62-case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--tv62-line)}.tv62-case-item{padding:30px 28px 34px 0;border-bottom:1px solid var(--tv62-line)}.tv62-case-item:nth-child(even){padding-left:28px;border-left:1px solid var(--tv62-line)}.tv62-case-item span{display:block;color:var(--tv62-red);font-size:10px;font-weight:850;letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px}.tv62-case-item h3{font-size:22px;line-height:1.15;margin:0 0 12px}.tv62-case-item p{margin:0;color:#545450;line-height:1.75;font-size:15px;white-space:pre-line}.tv62-materials{grid-column:1/-1;background:var(--tv62-paper);padding:28px!important;border-left:0!important}.tv62-highlight-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.tv62-highlight-list i{font-style:normal;border:1px solid var(--tv62-line);padding:8px 10px;background:#fff;font-size:12px}
.tv62-project-cta{margin:70px auto 34px;background:var(--tv62-dark);color:#fff;padding:clamp(30px,5vw,64px);display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end}.tv62-project-cta .eyebrow{color:#e65358}.tv62-project-cta h2{font-size:clamp(34px,4.8vw,66px);line-height:.98;letter-spacing:-.05em;margin:8px 0 0;max-width:760px}.tv62-project-cta p{color:#c7c7c2;max-width:580px;line-height:1.7}.tv62-project-cta .tv62-primary{background:#fff;color:#111!important}.tv62-project-cta .tv62-primary:hover{background:#e9e7e1}
.tv62-related{margin:70px auto}.tv62-related-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:22px}.tv62-related-head h2{font-size:clamp(30px,3.8vw,52px);margin:0;letter-spacing:-.04em}.tv62-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tv62-related-card{display:block;color:inherit;text-decoration:none;border-top:1px solid var(--tv62-line);padding-top:14px}.tv62-related-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:#eee}.tv62-related-card b{display:block;font-size:18px;margin-top:12px}.tv62-related-card small{display:block;color:var(--tv62-muted);margin-top:4px}
.tv62-case-editor textarea{min-height:110px}.tv62-case-editor select[multiple]{min-height:190px}
@media(max-width:800px){.tv62-portfolio-summary,.tv62-case-head,.tv62-project-cta{grid-template-columns:1fr}.tv62-portfolio-summary{gap:16px;margin-bottom:38px}.tv62-case-grid{grid-template-columns:1fr}.tv62-case-item,.tv62-case-item:nth-child(even){padding:24px 0;border-left:0}.tv62-materials{padding:22px!important}.tv62-related-grid{grid-template-columns:1fr 1fr}.tv62-portfolio-bottom{grid-template-columns:1fr}.tv62-project-actions{overflow:auto;flex-wrap:nowrap;scrollbar-width:none}.tv62-project-actions::-webkit-scrollbar{display:none}.tv62-project-actions>*{white-space:nowrap}}
@media(max-width:520px){.tv62-related-grid{grid-template-columns:1fr}.tv62-project-cta{padding:28px 22px}.tv62-case-study{margin-top:52px}}
@media(prefers-reduced-motion:reduce){.portfolio-collection .portfolio-spread,.portfolio-collection .spread-image img{transition:none!important}}
@media print{header,.site-header,.tv62-project-actions,.tv62-project-cta,.tv56-project-share,.inquiry-cta,footer{display:none!important}.tv62-case-study{break-inside:avoid}.project-gallery img{max-height:520px;object-fit:contain}.wrap{max-width:none!important;width:100%!important}.tv62-case-grid{font-size:11pt}}
