.up-pro-concept-note{background:#142633;color:#fff;padding:10px 18px;text-align:center;font:700 12px/1.35 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.unpaint-next .up-pro-concept-hero{padding:32px 0 58px}
.unpaint-next .up-pro-concept-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.72fr);gap:clamp(28px,5vw,76px);align-items:center}
.unpaint-next .up-pro-concept-copy{min-width:0}
.unpaint-next .up-pro-concept-copy .up-next-eyebrow{margin-top:36px}
.unpaint-next .up-pro-concept-copy h1{font-size:clamp(4.1rem,6.2vw,5.9rem);max-width:13ch}
.unpaint-next .up-pro-concept-copy h1+p{max-width:55ch;margin:24px 0 0}
.unpaint-next .up-pro-concept-copy .up-next-button{margin-top:28px}
.unpaint-next .up-pro-concept-media{margin:0;min-width:0}
.unpaint-next .up-pro-concept-frame{background:#142633;padding:14px;width:min(100%,372px);margin-left:auto}
.unpaint-next .up-pro-concept-frame video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:#101820}
.unpaint-next .up-pro-concept-media figcaption{max-width:372px;margin:10px 0 0 auto;font:600 13px/1.45 Arial,sans-serif;color:#293945}
.unpaint-next .up-pro-concept-media details{max-width:372px;margin:8px 0 0 auto;font:400 13px/1.45 Arial,sans-serif;color:#293945}
.unpaint-next .up-pro-concept-media summary{cursor:pointer;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.unpaint-next .up-pro-concept-media details p{margin:8px 0 0}
.unpaint-next .up-pro-concept-case{background:#142633;color:#fff;padding:clamp(54px,7vw,90px) 0}
.unpaint-next .up-pro-concept-case-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:clamp(30px,6vw,94px);align-items:center}
.unpaint-next .up-pro-concept-case-media{margin:0;max-width:440px}
.unpaint-next .up-pro-concept-case-media video{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;background:#0d1a22}
.unpaint-next .up-pro-concept-case-media figcaption{margin-top:10px;font:600 13px/1.45 Arial,sans-serif;color:#cedce2}
.unpaint-next .up-pro-concept-case-copy .up-next-eyebrow{color:#ffb991}
.unpaint-next .up-pro-concept-case-copy h2{font-size:clamp(3.6rem,6.5vw,7rem);line-height:.9;max-width:10ch;margin:20px 0;color:#fff}
.unpaint-next .up-pro-concept-case-copy p:not(.up-next-eyebrow){font-size:clamp(18px,2vw,22px);max-width:48ch}
.unpaint-next .up-pro-concept-case-copy .up-next-text-link{display:inline-block;margin-top:22px;color:#fff}
.unpaint-next .up-pro-concept-case-event{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);border-top:1px solid #ffffff55;padding-top:clamp(52px,7vw,90px);margin-top:clamp(52px,7vw,90px)}
.unpaint-next .up-pro-concept-case-event .up-pro-concept-case-media{margin-left:auto}
@media(max-width:900px){.unpaint-next .up-pro-concept-layout{grid-template-columns:minmax(0,1fr) minmax(250px,.65fr);gap:28px}.unpaint-next .up-pro-concept-copy h1{font-size:clamp(3.6rem,8vw,5.5rem)}}
@media(max-width:680px){.unpaint-next .up-pro-concept-hero{padding:24px 0 50px}.unpaint-next .up-pro-concept-layout{display:block}.unpaint-next .up-pro-concept-copy h1{font-size:clamp(3.8rem,15vw,5.6rem)}.unpaint-next .up-pro-concept-media{margin-top:38px}.unpaint-next .up-pro-concept-frame{width:min(100%,320px);margin:0 auto}.unpaint-next .up-pro-concept-media figcaption,.unpaint-next .up-pro-concept-media details{max-width:320px;margin-left:auto;margin-right:auto}.unpaint-next .up-pro-concept-case-layout{display:block}.unpaint-next .up-pro-concept-case-event{padding-top:36px;margin-top:36px}.unpaint-next .up-pro-concept-case-media{width:min(100%,350px);margin:0 auto}.unpaint-next .up-pro-concept-case-copy{margin-top:30px}.unpaint-next .up-pro-concept-case-copy h2{font-size:clamp(3.5rem,14vw,5.8rem)}}

.unpaint-next .up-pro-concept-case-fashion{padding-top:clamp(36px,5vw,72px)}

.unpaint-next .up-pro-concept-use-section{background:#142633;color:#fff;padding:clamp(48px,6vw,84px) 0}
.unpaint-next .up-pro-concept-use-heading{margin-bottom:28px}
.unpaint-next .up-pro-concept-use-heading .up-next-eyebrow,.unpaint-next .up-pro-concept-use-copy .up-next-eyebrow{color:#ffb991}
.unpaint-next .up-pro-concept-use-heading h2{font-size:clamp(3.5rem,6vw,6.5rem);line-height:.9;margin:12px 0;color:#fff}
.unpaint-next .up-pro-concept-use-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:26px}
.unpaint-next .up-pro-concept-use{border:1px solid #47606c;display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1fr);min-width:0;background:#1c3442}
.unpaint-next .up-pro-concept-use video{width:100%;height:100%;min-height:255px;max-height:340px;object-fit:contain;background:#0d1a22}
.unpaint-next .up-pro-concept-use-copy{padding:20px;display:flex;flex-direction:column;min-width:0}
.unpaint-next .up-pro-concept-use-copy h3{font-size:clamp(2rem,2.5vw,3.1rem);line-height:.96;color:#fff;margin:12px 0}
.unpaint-next .up-pro-concept-use-copy p:not(.up-next-eyebrow){font:400 15px/1.45 Arial,sans-serif;margin:0 0 20px}
.unpaint-next .up-pro-concept-use-copy small{font:600 12px/1.4 Arial,sans-serif;color:#c9dce5;margin-top:auto}
.unpaint-next .up-pro-concept-use-section .up-next-text-link{color:#fff}
@media(max-width:960px){.unpaint-next .up-pro-concept-use-grid{grid-template-columns:1fr}.unpaint-next .up-pro-concept-use video{max-height:300px}}
@media(max-width:560px){.unpaint-next .up-pro-concept-use{grid-template-columns:1fr}.unpaint-next .up-pro-concept-use video{height:auto;max-height:360px;aspect-ratio:4/3}.unpaint-next .up-pro-concept-use-copy{padding:18px}}

@media(min-width:961px){.unpaint-next .up-pro-concept-use-set{grid-column:1/-1;grid-template-columns:minmax(0,.36fr) minmax(0,1fr)}.unpaint-next .up-pro-concept-use-set video{max-height:340px}}

.unpaint-next .up-pro-concept-media-actions{max-width:372px;margin:10px 0 0 auto;display:flex;flex-wrap:wrap;gap:8px}
.unpaint-next .up-pro-concept-media-actions button{background:#142633;color:#fff;border:1px solid #142633;padding:9px 13px;font:700 13px/1 Arial,sans-serif;cursor:pointer}
.unpaint-next .up-pro-concept-media-actions button:hover,.unpaint-next .up-pro-concept-media-actions button:focus-visible{background:#ed4c31;border-color:#ed4c31;color:#fff}

/* Approved hero revision: make the film the focal point while keeping its full portrait frame. */
.unpaint-next .up-pro-concept-hero{padding:0;background:#ffdcc4}
.unpaint-next .up-pro-concept-layout{width:100%;max-width:none;display:grid;grid-template-columns:42% 58%;gap:0;align-items:stretch;padding:0;min-height:820px}
.unpaint-next .up-pro-concept-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(42px,5vw,82px);min-width:0}
.unpaint-next .up-pro-concept-copy .up-next-eyebrow{margin-top:clamp(38px,5vw,70px)}
.unpaint-next .up-pro-concept-copy h1{font-size:clamp(4.6rem,6.2vw,7rem);line-height:.9;max-width:10ch;margin:12px 0 0}
.unpaint-next .up-pro-concept-copy h1+p{font-size:clamp(18px,1.6vw,22px);line-height:1.35;max-width:34ch;margin:22px 0 0}
.unpaint-next .up-pro-concept-copy .up-next-button{margin-top:28px}
.unpaint-next .up-pro-concept-media{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#17252c;padding:24px clamp(12px,2vw,32px)}
.unpaint-next .up-pro-concept-frame{width:auto;max-width:100%;padding:0;margin:0;background:transparent}
.unpaint-next .up-pro-concept-frame video{width:auto;max-width:100%;height:min(86vh,780px);max-height:780px;aspect-ratio:9/16;object-fit:contain;background:#17252c}
.unpaint-next .up-pro-concept-media-actions,.unpaint-next .up-pro-concept-media figcaption,.unpaint-next .up-pro-concept-media details{width:min(100%,405px);max-width:none;margin-left:auto;margin-right:auto;color:#e6ebed}
.unpaint-next .up-pro-concept-media details summary{color:#e6ebed}
@media(max-width:900px){.unpaint-next .up-pro-concept-layout{grid-template-columns:43% 57%;min-height:700px}.unpaint-next .up-pro-concept-copy{padding:32px}.unpaint-next .up-pro-concept-copy h1{font-size:clamp(3.8rem,7.5vw,5.6rem)}.unpaint-next .up-pro-concept-frame video{height:min(78vh,680px)}}
@media(max-width:680px){.unpaint-next .up-pro-concept-layout{display:flex;flex-direction:column;min-height:0}.unpaint-next .up-pro-concept-copy{padding:40px 20px 36px}.unpaint-next .up-pro-concept-copy .up-next-eyebrow{margin-top:30px}.unpaint-next .up-pro-concept-copy h1{font-size:clamp(4rem,15vw,6rem);max-width:10ch}.unpaint-next .up-pro-concept-media{margin:0;padding:16px 12px 22px}.unpaint-next .up-pro-concept-frame video{height:min(68vh,580px)}.unpaint-next .up-pro-concept-media-actions,.unpaint-next .up-pro-concept-media figcaption,.unpaint-next .up-pro-concept-media details{width:min(100%,326px)}}

.unpaint-next .up-pro-concept-hero~.up-next-partner .up-next-button{margin-top:14px}
.unpaint-next .up-pro-concept-hero+.up-next-section{padding-bottom:55px}
.unpaint-next .up-pro-concept-hero+.up-next-section .up-pro-grid{margin-bottom:18px}

/* Partner concept: give the copy 65% and let the full portrait video define the media height. */
.unpaint-next .up-pro-concept-layout{grid-template-columns:65% 35%;min-height:0}
.unpaint-next .up-pro-concept-media{display:block;position:relative;aspect-ratio:9/16;padding:0;overflow:hidden}
.unpaint-next .up-pro-concept-frame{position:absolute;inset:0;width:100%;max-width:none;margin:0}
.unpaint-next .up-pro-concept-frame video,.unpaint-next .up-pro-concept-frame img{position:absolute;inset:0;display:block;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:contain;background:#17252c}
.unpaint-next .up-pro-concept-frame [hidden]{display:none}
.unpaint-next .up-pro-concept-frame .up-hero-control,.unpaint-next .up-pro-concept-frame .up-hero-sound{font-family:Arial,sans-serif}
@media(max-width:680px){.unpaint-next .up-pro-concept-layout{display:flex;flex-direction:column;min-height:0}.unpaint-next .up-pro-concept-media{width:100%;margin:0;aspect-ratio:9/16}.unpaint-next .up-pro-concept-frame{width:100%;max-width:none}}
.unpaint-next .up-pro-concept-use-section .up-next-text-link{display:inline-block;margin-top:clamp(28px,4vw,48px)}
.unpaint-next .up-pro-concept-hero~.up-next-partner .up-next-button{margin-top:clamp(28px,3vw,42px)}

/* Fill the approved 65% text panel while leaving the 35% portrait film untouched. */
@media(min-width:681px){
  .unpaint-next .up-pro-concept-copy{justify-content:space-between}
  .unpaint-next .up-pro-concept-copy>.up-next-text-link{margin-bottom:auto}
  .unpaint-next .up-pro-concept-copy .up-next-eyebrow{margin-top:0}
  .unpaint-next .up-pro-concept-copy h1{font-size:clamp(5.1rem,7.4vw,8.4rem);line-height:.86;max-width:10ch;margin-top:20px}
  .unpaint-next .up-pro-concept-copy h1+p{font-size:clamp(20px,1.8vw,25px);line-height:1.4;max-width:38ch;margin-top:clamp(28px,3vw,44px)}
  .unpaint-next .up-pro-concept-copy .up-next-button{margin-top:clamp(32px,3.5vw,52px);margin-bottom:auto}
}
@media(min-width:681px) and (max-width:900px){
  .unpaint-next .up-pro-concept-copy h1{font-size:clamp(3.9rem,7.5vw,5.4rem)}
  .unpaint-next .up-pro-concept-copy h1+p{font-size:18px}
}

/* Keep the six professional films balanced in two-column layouts. */
@media(max-width:900px){
  .unpaint-next .up-pro-concept-use-section .up-video-card:nth-child(5){grid-column:auto}
  .unpaint-next .up-pro-concept-use-section .up-video-card:nth-child(6){grid-column:span 2}
}
@media(max-width:560px){
  .unpaint-next .up-pro-concept-use-section .up-video-card:nth-child(5){height:clamp(315px,85vw,420px)}
  .unpaint-next .up-pro-concept-use-section .up-video-card:nth-child(6){height:360px}
}