/* Additions to the existing concept homepage, not a replacement design system. */
body[data-clipvision-home="concept"] .home-studio-link {
  border-color: rgba(232,196,92,.48);
  background: linear-gradient(130deg,#f5df99,#cba344);
  color: #18150b;
}
body[data-clipvision-home="concept"] .conversion-launch-actions { grid-template-columns:repeat(3,minmax(0,1fr)); }
body[data-clipvision-home="concept"] .conversion-platform { min-width:0; gap:16px; }
body[data-clipvision-home="concept"] .home-studio-link :is(small,i) { color:#58451a; }
body[data-clipvision-home="concept"] .machine-frame { width:100%; }
body[data-clipvision-home="concept"] .stream-direction h3 { font-size: clamp(32px,4.1vw,64px); line-height: .98; letter-spacing: -.055em; }
.home-ai-advertising { position:relative; padding:110px max(24px,calc((100vw - 1320px)/2)); background:radial-gradient(ellipse at 80% 0,rgba(192,149,46,.09),transparent 50%); border-top:1px solid rgba(232,196,92,.15); scroll-margin-top:90px; }
.home-ai-advertising .home-ad-anchor { position:absolute; top:0; }
.home-ai-advertising .home-ad-heading { display:grid; grid-template-columns:1.4fr 1fr; gap:50px; align-items:end; margin-bottom:48px; }
.home-ai-advertising h2 { margin:20px 0 0; font-size:clamp(35px,4.9vw,76px); letter-spacing:-.06em; line-height:1; font-weight:950; }
.home-ai-advertising h2 em { color:var(--gold); font-style:normal; }
.home-ai-advertising .home-ad-intro p { color:#aaa89f; font-size:16px; line-height:1.6; max-width:440px; }
.home-ai-advertising .home-ad-intro a { display:inline-flex; gap:24px; align-items:center; color:var(--gold); font-size:13px; font-weight:750; margin-top:20px; }
.home-ai-advertising .home-ad-track-head { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:20px; }
.home-ai-advertising .home-ad-track-head>span { color:#96958c; font-size:9px; letter-spacing:.17em; font-weight:850; }
.home-ai-advertising .example-controls { display:flex; gap:8px; }
.home-ai-advertising .example-controls button { width:40px; height:40px; border:1px solid #46402e; background:#12120e; color:var(--gold); border-radius:50%; cursor:pointer; font-size:19px; }
.home-ai-advertising .example-track { display:grid; grid-auto-flow:column; grid-auto-columns:calc((100% - 54px)/4); gap:18px; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scrollbar-width:thin; scrollbar-color:#504630 transparent; padding-bottom:18px; }
.home-ai-advertising .example-card { min-width:0; scroll-snap-align:start; }
.home-ai-advertising .example-media { position:relative; aspect-ratio:9/16; border-radius:22px; overflow:hidden; border:1px solid #4c4129; background:#0a0a08; }
.home-ai-advertising video { display:block; width:100%; height:100%; object-fit:contain; }
.home-ai-advertising .example-play { position:absolute; left:12px; bottom:12px; border:1px solid #918269; border-radius:30px; padding:10px 15px; background:rgba(12,12,9,.86); color:#fff4d0; cursor:pointer; font-family:inherit; font-size:12px; font-weight:700; line-height:1.2; }
.home-ai-advertising .example-play span { margin-right:5px; }
.home-ai-advertising .example-caption { padding:18px 3px 0; }
.home-ai-advertising .example-caption small { font-size:8px; color:#aa9361; font-weight:800; letter-spacing:.12em; }
.home-ai-advertising h3 { margin:10px 0; font-size:20px; letter-spacing:-.025em; line-height:1.2; }
.home-ai-advertising h3 a { display:flex; justify-content:space-between; gap:8px; }
.home-ai-advertising h3 span { color:var(--gold); font-size:17px; }
.home-ai-advertising .example-caption p { font-size:13px; color:#a6a49b; line-height:1.55; }
.home-ai-advertising .home-ad-bottom { display:flex; justify-content:space-between; gap:20px; margin-top:10px; font-size:11px; line-height:1.6; }
.home-ai-advertising .home-ad-bottom p { color:#8e8c83; }
.home-ai-advertising .home-ad-bottom a { color:var(--gold); max-width:360px; }
.home-ai-advertising .home-ad-cta { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-top:36px; padding-top:28px; border-top:1px solid #332d1e; }
.home-ai-advertising .home-ad-cta>span { font-size:15px; font-weight:750; }
.home-ai-advertising :is(a,button,[tabindex]):focus-visible { outline:2px solid var(--gold); outline-offset:4px; }
@media(max-width:900px) {
  .home-ai-advertising { padding:75px 24px; }
  .home-ai-advertising .home-ad-heading { gap:25px; grid-template-columns:1fr; margin-bottom:30px; }
  .home-ai-advertising .home-ad-intro p { max-width:600px; }
  .home-ai-advertising .example-track { grid-auto-columns:calc((100% - 36px)/2.65); }
}
@media(max-width:600px) {
  body[data-clipvision-home="concept"] .conversion-launch-actions { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body[data-clipvision-home="concept"] .home-studio-link { grid-column:1/-1; }
  .home-ai-advertising { padding:55px 18px; }
  .home-ai-advertising h2 { font-size:clamp(30px,8.5vw,48px); }
  .home-ai-advertising .home-ad-intro p { font-size:14px; }
  .home-ai-advertising .example-track { grid-auto-columns:74%; gap:14px; }
  .home-ai-advertising .home-ad-track-head>span { max-width:190px; line-height:1.6; }
  .home-ai-advertising .home-ad-bottom,.home-ai-advertising .home-ad-cta { flex-direction:column; align-items:stretch; gap:14px; }
  .home-ai-advertising .example-media { border-radius:18px; }
  body[data-clipvision-home="concept"] .stream-direction h3 { font-size:clamp(26px,8.1vw,44px); }
}