/* THREE TAPES / seasonal site + motion case studies — 2026 */
:root{--mv-purple:#cbb7ff;--mv-fg:#f5f1fa;--mv-muted:#c9bfd2;--mv-border:rgba(202,178,255,.25)}
.tt-motion-media{position:relative;max-width:100%;margin:0;display:grid;gap:12px}
.tt-motion-media video{display:block;width:100%;max-width:100%;height:auto;max-height:570px;aspect-ratio:9/16;object-fit:cover;background:#100e16;border-radius:17px;border:1px solid var(--mv-border);box-shadow:0 15px 65px #05020a70}
.tt-motion-media figcaption{font-size:13px;color:var(--mv-muted);line-height:1.6}
.tt-motion-media a,.tt-motion-link{color:#decaff;text-decoration:underline;text-underline-offset:4px}
.tt-motion-media video:focus-visible,.tt-motion-links a:focus-visible{outline:3px solid #c6b2ff;outline-offset:4px}
.tt-motion-offer-reel,.tt-motion-home-teaser{max-width:1220px;margin:34px auto 44px;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,340px);align-items:center;gap:clamp(24px,5vw,80px);padding:clamp(22px,4vw,48px);border:1px solid var(--mv-border);border-radius:23px;background:linear-gradient(135deg,rgba(38,21,61,.93),rgba(14,11,25,.92));color:var(--mv-fg)}
.tt-motion-offer-reel{width:calc(100% - 48px)}
.tt-motion-offer-reel h3,.tt-motion-home-teaser h2{font:600 clamp(29px,4.6vw,58px)/1.06 Arial,Helvetica,sans-serif;letter-spacing:-.045em;margin:13px 0 17px;color:#f7f2ff}
.tt-motion-offer-reel p,.tt-motion-home-teaser p{color:#ddd2e6;font:400 clamp(15px,1.4vw,18px)/1.65 Arial,Helvetica,sans-serif;max-width:570px}
.tt-motion-eyebrow{font:700 11px/1.45 Arial,sans-serif;letter-spacing:.16em;color:#dbc1ff;text-transform:uppercase}
.tt-motion-links{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:25px}
.tt-motion-links a{border:1px solid rgba(205,182,255,.45);border-radius:7px;padding:13px 17px;color:#f3edff;font:700 12px/1.3 Arial,sans-serif;text-decoration:none;transition:background .2s}
.tt-motion-links a:hover{background:rgba(194,168,255,.14)}
.tt-motion-links a:first-child{background:#d2bfff;color:#180e26;border-color:#d2bfff}
.tt-motion-home-teaser{width:calc(100% - 48px)}
.tt-motion-section{padding:65px 0;color:var(--mv-fg)}
.tt-motion-section .tt-motion-wrap{max-width:1180px;margin:auto;padding:0 24px}
.tt-motion-section .tt-motion-head{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:end;margin-bottom:31px}
.tt-motion-section h2,.tt-motion-hero h1{font:600 clamp(36px,6vw,78px)/1.02 Arial,Helvetica,sans-serif;letter-spacing:-.055em;color:#f7f2ff;margin:14px 0 20px}
.tt-motion-section p,.tt-motion-intro{font:400 16px/1.75 Arial,Helvetica,sans-serif;color:#c9bfd2}
.tt-motion-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.tt-motion-card{min-width:0;padding:13px 13px 19px;border:1px solid rgba(207,186,251,.25);background:rgba(24,18,36,.65);border-radius:15px}
.tt-motion-card video{width:100%;max-height:390px;aspect-ratio:9/16;object-fit:contain;background:#070609;border-radius:10px;display:block}
.tt-motion-card h3{font:600 clamp(16px,1.55vw,23px)/1.25 Arial,Helvetica,sans-serif;margin:19px 0 8px;color:#f7f2ff}
.tt-motion-card p{font:400 13px/1.65 Arial,Helvetica,sans-serif;color:#c9bfd2;margin:0 0 15px}
.tt-motion-card a{font:700 12px/1.3 Arial,sans-serif;color:#dbc5ff;text-decoration:none;border-bottom:1px solid rgba(219,197,255,.45);padding-bottom:4px}
.tt-motion-case{max-width:1100px;margin:70px auto;padding:30px 28px;border-radius:18px;border:1px solid var(--mv-border);background:rgba(26,19,39,.65);display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:35px;align-items:center;color:var(--mv-fg)}
.tt-motion-case h2{font:600 clamp(26px,4vw,43px)/1.12 Arial,sans-serif;letter-spacing:-.04em;color:#faf6ff;margin:9px 0 17px}
.tt-motion-case p{font-size:16px;line-height:1.7;color:#cfc3db}
.tt-motion-case video{max-height:420px}
.tt-motion-page{background:#0d0914;color:#f8f5ff}
.tt-motion-hero{max-width:1140px;margin:0 auto;padding:88px 24px 35px;color:#fff}
.tt-motion-hero>p{max-width:780px;font-size:18px;line-height:1.75;color:#cfc7d9}
.tt-motion-back{font-size:13px;color:#d7c2ff;text-decoration:underline;text-underline-offset:4px}
.tt-motion-page .tt-motion-section{padding-top:18px}
.tt-motion-case--single{max-width:1060px;grid-template-columns:minmax(0,1fr) minmax(250px,410px);margin:0 auto 60px}
.tt-motion-info{max-width:1100px;margin:0 auto;padding:35px 24px 65px;color:#d5cbdf;line-height:1.8}
.tt-motion-info h2{font:600 27px/1.15 Arial,sans-serif;color:white}
.tt-motion-info a{color:#d2bdff}
@media (max-width:1020px){.tt-motion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.tt-motion-offer-reel,.tt-motion-home-teaser,.tt-motion-case,.tt-motion-case--single{grid-template-columns:minmax(0,1fr);width:auto;margin:26px 16px;padding:22px;gap:22px}.tt-motion-offer-reel .tt-motion-media,.tt-motion-home-teaser .tt-motion-media{max-width:340px;margin:auto}.tt-motion-section .tt-motion-head{grid-template-columns:1fr;gap:0}.tt-motion-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tt-motion-card{padding:9px}.tt-motion-card video{max-height:300px}.tt-motion-card h3{font-size:16px}.tt-motion-hero{padding:48px 21px 20px}.tt-motion-case video{max-height:470px}.tt-motion-section{padding:35px 0}}
@media (max-width:390px){.tt-motion-grid{grid-template-columns:1fr}.tt-motion-card video{max-height:450px;object-fit:contain}}
@media(prefers-reduced-motion:reduce){.tt-motion-links a{transition:none}}