/* UNIFIED DESIGN PORTFOLIO V3 — independent vibrant cases; preserve SEO & brand cases */
.tv-page-cases .tcase-portfolio{padding:96px 0 110px;background:linear-gradient(135deg,#fcf5eb 0%,#f3f8f6 45%,#f6f2fc 100%);position:relative;overflow:hidden}
.tv-page-cases .tcase-portfolio:before{content:'';position:absolute;right:-130px;top:-170px;width:520px;height:520px;border:1px solid rgba(135,124,109,.19);border-radius:50%;pointer-events:none}
.tv-page-cases .tcase-port-head{max-width:1100px;margin:0 0 40px}
.tv-page-cases .tcase-port-head h2{font:400 clamp(46px,6vw,92px)/1.04 Georgia,serif;letter-spacing:-.065em;margin:18px 0 20px;color:#1d302c}
.tv-page-cases .tcase-port-head h2 em{color:#bf705d;font-style:italic}
.tv-page-cases .tcase-port-head p{max-width:760px;font-size:18px;color:#3e5e58;line-height:1.65}
.tv-page-cases .tv-portfolio-jump{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 33px;position:relative;z-index:1}
.tv-page-cases .tv-portfolio-jump a{display:inline-flex;align-items:center;gap:9px;padding:11px 17px;border-radius:40px;background:#fff;border:1px solid #e3dacc;color:#283a35;text-decoration:none;font-weight:600;font-size:13px}
.tv-page-cases .tv-portfolio-jump a:hover{background:#2f6059;color:#fff}
.tv-page-cases .tcase-port-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}
.tv-page-cases .tcase-port-card{grid-column:span 6;background:white;border:1px solid #e4e6de;border-radius:22px;box-shadow:0 15px 38px rgba(36,49,43,.07);color:#1d2c2c;overflow:hidden;position:relative;transition:transform .25s,box-shadow .25s}
.tv-page-cases .tcase-port-card:first-child,.tv-page-cases .tcase-port-card:nth-child(4){grid-column:span 7}
.tv-page-cases .tcase-port-card:nth-child(2),.tv-page-cases .tcase-port-card:nth-child(3){grid-column:span 5}
.tv-page-cases .tcase-port-card:nth-child(5){grid-column:span 12;display:grid;grid-template-columns:56% 44%;background:#eff3fa}
.tv-page-cases .tcase-port-card:hover{transform:translateY(-7px);box-shadow:0 25px 65px rgba(36,49,43,.14)}
.tv-page-cases .tcase-port-image{height:clamp(300px,32vw,440px);display:block;position:relative;overflow:hidden;background:linear-gradient(130deg,#f2e5d4,#f8f1ec)}
.tv-page-cases .tcase-port-image img,.tv-page-cases .tcase-port-card:nth-child(2) .tcase-port-image img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block;opacity:1!important;transition:transform .6s ease;filter:none}
.tv-page-cases .tcase-port-card:hover .tcase-port-image img{transform:scale(1.035)}
.tv-page-cases .tcase-port-card:nth-child(2) .tcase-port-image{background:#deeafa}
.tv-page-cases .tcase-port-card:nth-child(3) .tcase-port-image{background:#ffe6d9}
.tv-page-cases .tcase-port-card:nth-child(4) .tcase-port-image{background:#d2ebe4}
.tv-page-cases .tcase-port-card:nth-child(5) .tcase-port-image{height:370px;background:#edf0f8}
.tv-page-cases .tcase-port-info{padding:28px 32px 34px;display:flex;flex-direction:column;flex:1}
.tv-page-cases .tcase-port-card:nth-child(5) .tcase-port-info{justify-content:center;padding:45px}
.tv-page-cases .tcase-port-info h3{font:500 clamp(27px,3vw,44px)/1.1 Georgia,serif;letter-spacing:-.03em;margin:13px 0 15px;color:#223a36}
.tv-page-cases .tcase-port-info p{font-size:15px;line-height:1.68;max-width:580px;color:#52625d}
.tv-page-cases .tcase-port-info .tcase-tag{color:#aa614e;letter-spacing:.10em}
.tv-page-cases .tcase-port-card:nth-child(2) .tcase-port-info .tcase-tag{color:#4f6db4}
.tv-page-cases .tcase-port-card:nth-child(4) .tcase-port-info .tcase-tag{color:#268c7e}
.tv-page-cases .tcase-port-arrow{display:flex;align-items:center;justify-content:space-between;max-width:260px;margin-top:auto;padding-top:17px;font-size:14px;border-bottom:1px solid #ae9485;color:#704d44}
.tv-page-cases .tv-case-number{position:absolute;left:22px;top:20px;z-index:3;background:rgba(255,255,255,.92);padding:8px 13px;border-radius:30px;color:#324b45;font:700 12px Arial,sans-serif;letter-spacing:.12em;box-shadow:0 4px 18px #1b322010}
.tv-page-cases .tv-case-compare-note{margin-top:25px;font-size:13px;color:#64736f}
/* Case presentations: never show blank white image cards */
.cc3 .cc3-gallery-section{background:linear-gradient(115deg,#fcebe1,#f5f1e9 54%,#eaf1ef)!important}
.cc3--plane .cc3-gallery-section{background:linear-gradient(125deg,#e4f6ec,#f4f9ec 54%,#e5f1fa)!important}
.cc3 .cc3-shot-frame{background:#ead3c6!important;border:5px solid #e0ac94!important;box-shadow:0 17px 38px #87583c20!important;aspect-ratio:1.52;isolation:isolate}
.cc3--plane .cc3-shot-frame{background:#c9e5d8!important;border-color:#77a99f!important}
.cc3 .cc3-shot-frame:before{content:'LIVE HTML / PAGE PREVIEW';position:absolute;left:13px;top:11px;z-index:1;background:#f8f5efed;color:#374642;padding:7px 10px;font:700 10px Arial,sans-serif;letter-spacing:.10em;border-radius:20px}
.cc3 .cc3-shot-frame img{display:block!important;width:100%;height:100%;object-fit:cover;object-position:center top;opacity:1!important;visibility:visible!important;min-height:100%;background:#eadccf}
.cc3--plane .cc3-shot-frame img{background:#d6eee2}
.cc3 .cc3-shot{background:rgba(255,255,255,.72);border-radius:17px;overflow:hidden;padding:11px 11px 3px;box-shadow:0 11px 28px #1c363112}
.cc3 .cc3-shot-meta{padding:21px 10px}
.cc3 .cc3-shot-meta strong{font-size:17px;font-weight:650;color:#29463f}
.cc3 .cc3-shot-meta p{font-size:13px!important;color:#56635c!important}
.cc3 .cc3-gallery{gap:30px}
.cc3 .cc3-story{background:#fff8f0!important}
.cc3--plane .cc3-story{background:#e9f6ed!important}
.cc3 .cc3-viewport-section{background:#f3dfd1!important;color:#253c35}
.cc3--plane .cc3-viewport-section{background:#d3f0e9!important;color:#1e3f38}
.cc3 .cc3-browser{border-color:#c5816d!important;background:#c5816d}
.cc3--plane .cc3-browser{border-color:#367a73!important;background:#367a73}
.cc3 .cc3-system{background:#d5e9e0!important;color:#163d37!important}
.cc3--plane .cc3-system{background:#dcecf9!important;color:#1a3951!important}
.cc3 .cc3-system-grid>div{border-color:#8faaa1}
.cc3 .cc3-mobile-section{background:#ffe7d8!important}
.cc3--plane .cc3-mobile-section{background:#d0f0eb!important}
.cc3 .cc3-outro{background:#f4e2d8!important;color:#253d35!important}
.cc3--plane .cc3-outro{background:#e0ecfc!important;color:#1d3f51!important}
.cc3 .cc3-links a{border:1px solid rgba(59,92,75,.15)}
.cc3 .cc3-hero{background:linear-gradient(120deg,#fae6d6 0%,#ffeddb 54%,#ebf2ee 100%)!important;color:#283a32!important}
.cc3--plane .cc3-hero{background:linear-gradient(120deg,#d7eee5 0%,#e7f5ed 54%,#d6eafb 100%)!important;color:#183c38!important}
.cc3--plane .cc3-hero-copy p,.cc3--plane .cc3-hero-note{color:#355d51!important}
.cc3--plane .cc3-cta{background:#2d776c;color:#fff}
.cc3 .cc3-hero-visual:before{border-color:#cca88a}
.cc3--plane .cc3-hero-visual:before{border-color:#65aa9b}
.cc3--plane .cc3-stat strong{color:#2b6f68}
.cc3 .cc3-inline-tags span{background:#fff9ef;color:#283931;opacity:1}
.cc3--plane .cc3-inline-tags span{background:#e8faf7}
/* Brighter VR case page while retaining cinematic 3D headset */
.tcase-intro--vr{background:radial-gradient(ellipse at 80% 20%,#bde4fa 0%,#e2ecfc 42%,#eee4fa 85%)!important;color:#172d4b!important}
.tcase-intro--vr .tcase-lead,.tcase-intro--vr .tcase-title i{color:#284a70!important}
.tcase-intro--vr .tcase-meta span{color:#234775;border-color:#90aac9}
.tcase-intro--vr .sp-case-secondary{color:#193b69;border-color:#527ba3}
.tcase-intro--vr .sp-case-cta{background:#285fa1;color:white}
.tcase-intro--vr .vr-case-headset{mix-blend-mode:multiply;opacity:.95;mask-image:linear-gradient(90deg,transparent,#000 30%)}
/* Cross-links between all five design projects */
.tv-next-cases{padding:65px 0 85px;background:#f0f6f2;color:#29423d}
.tv-next-cases .tv-next-wrap{max-width:1240px;margin:auto;padding:0 30px}
.tv-next-cases h2{font:400 clamp(35px,4vw,63px)/1.1 Georgia,serif;margin:10px 0 22px}
.tv-next-cases .tv-next-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.tv-next-cases .tv-next-grid a{border-radius:14px;overflow:hidden;border:1px solid #d2dfdb;background:#fff;text-decoration:none;color:inherit}
.tv-next-cases .tv-next-grid img{height:120px;width:100%;object-fit:cover;background:#e6eee8}
.tv-next-cases .tv-next-grid strong{display:block;padding:12px;font-size:14px}
@media(max-width:1000px){.tv-page-cases .tcase-port-card,.tv-page-cases .tcase-port-card:first-child,.tv-page-cases .tcase-port-card:nth-child(2),.tv-page-cases .tcase-port-card:nth-child(3),.tv-page-cases .tcase-port-card:nth-child(4){grid-column:span 6}.tv-next-cases .tv-next-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.tv-page-cases .tcase-portfolio{padding:55px 0 75px}.tv-page-cases .tcase-port-grid{grid-template-columns:1fr;gap:16px}.tv-page-cases .tcase-port-card,.tv-page-cases .tcase-port-card:first-child,.tv-page-cases .tcase-port-card:nth-child(2),.tv-page-cases .tcase-port-card:nth-child(3),.tv-page-cases .tcase-port-card:nth-child(4),.tv-page-cases .tcase-port-card:nth-child(5){grid-column:span 1;display:flex;flex-direction:column}.tv-page-cases .tcase-port-card:nth-child(5) .tcase-port-info{padding:28px}.tv-page-cases .tcase-port-image,.tv-page-cases .tcase-port-card:nth-child(5) .tcase-port-image{height:230px}.tv-page-cases .tcase-port-head h2{font-size:46px}.tv-page-cases .tcase-port-info{padding:23px}.tv-next-cases .tv-next-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tv-next-cases .tv-next-grid img{height:100px}.cc3 .cc3-gallery{gap:18px}}
@media(prefers-reduced-motion:reduce){.tv-page-cases .tcase-port-card,.tv-page-cases .tcase-port-image img{transition:none}}

/* Show each complete art-directed cover; no clipped brand names in narrower cards */
.tv-page-cases .tcase-port-image,.tv-page-cases .tcase-port-card:nth-child(5) .tcase-port-image{height:auto;aspect-ratio:12/7}
.tv-page-cases .tcase-port-image img,.tv-page-cases .tcase-port-card:nth-child(2) .tcase-port-image img{object-fit:contain;object-position:center}
@media(max-width:720px){.tv-page-cases .tcase-port-image,.tv-page-cases .tcase-port-card:nth-child(5) .tcase-port-image{height:auto;aspect-ratio:12/7}}