/* BrightSite family styling. Original Creative Lab layout and content stay intact. */
.creative-lab-page {
    --lab-navy: #081b43;
    --lab-panel: #ffffff;
    --lab-cyan: #087d90;
    --lab-lime: #d6ee38;
    --lab-purple: #2879b4;
    --lab-muted: #52617b;
    color: var(--lab-navy);
    background: #f7fbfc;
    font-family: "DM Sans", Arial, sans-serif;
}
.creative-lab-page .menu { background: #f8fcfd; border-bottom: 1px solid #d9e7ee; box-shadow: none; }
.creative-lab-page .brand-name { color: var(--lab-navy); font-family: "DM Sans", sans-serif; font-weight: 800; text-transform: uppercase; }
.creative-lab-page .brand-divider { background: #c9dae3; }
.creative-lab-page .creative-lab-home { color: var(--lab-cyan); font-family: "DM Sans", sans-serif; font-weight: 700; }
.creative-lab-page .link { color: var(--lab-navy); font-size: 14px; }
.creative-lab-page .link:hover { color: var(--lab-cyan); }
.creative-lab-page a:focus-visible,.creative-lab-page button:focus-visible { outline: 3px solid var(--lab-cyan); outline-offset: 5px; }
.creative-lab-page .lab-hero {
    background: radial-gradient(ellipse at 94% 20%, #c8e7fc, transparent 58%), radial-gradient(ellipse at 20% 90%, #e2f5ff, transparent 60%), #f4faff;
}
.creative-lab-page .lab-hero-copy h1,
.creative-lab-page .lab-hero-copy h2,
.creative-lab-page .lab-clarity-heading h2,
.creative-lab-page .lab-brightsite-header h2,
.creative-lab-page .lab-courses-preview h2 {
    font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: none;
    letter-spacing: -.5px;
    color: var(--lab-navy);
}
.creative-lab-page .lab-hero-copy h1 { color: var(--lab-cyan); font-size: clamp(34px, 4vw, 54px); }
.creative-lab-page .lab-hero-copy h2 { font-size: clamp(44px, 6vw, 78px); }
.creative-lab-page .lab-hero-copy h2 span { color: var(--lab-cyan); }
.creative-lab-page .lab-hero-copy > p:not(.intro-label) { color: var(--lab-muted); font-size: 17px; line-height: 1.75; }
.creative-lab-page .intro-button,
.creative-lab-page .lab-brightsite-showcase > a {
    color: #071630; background: var(--lab-lime); border: 1px solid var(--lab-lime);
    border-radius: 4px; box-shadow: none; font-family: "DM Sans", sans-serif; font-size: 14px; font-weight: 700;
}
.creative-lab-page .intro-button:hover,
.creative-lab-page .lab-brightsite-showcase > a:hover { background: #e6ff59; transform: translateY(-2px); }
.creative-lab-page .intro-button-secondary { color: var(--lab-cyan); background: transparent; border-color: #20dcf26b; }
.creative-lab-page .intro-button-secondary:hover { color: #071630; background: var(--lab-cyan); }
.creative-lab-page .lab-video-tile { border: 1px solid #93d7df; border-radius: 10px; background: #e5f1f5; box-shadow: 7px 9px 0 #1b426912; }
.creative-lab-page .lab-video-tile:nth-child(2),.creative-lab-page .lab-video-tile:nth-child(3) { border-color: #6bb5e2; }
.creative-lab-page .lab-video-tile span { background: #081b43e8; color: #fff; border-radius: 4px; font-size: 10px; letter-spacing: 1.2px; }
.creative-lab-page .lab-clarity { background: linear-gradient(125deg,#d6ecf8,#b9dbf0); border-top: 1px solid #b2d7ed; }
.creative-lab-page .lab-clarity::before { background: var(--lab-purple); }
.creative-lab-page .lab-clarity::after { opacity: .85; filter: drop-shadow(0 1px 1px #5284aa30); }
.creative-lab-page .lab-clarity-heading { text-shadow: none; }
.creative-lab-page .lab-clarity-heading > p { color: var(--lab-cyan); }
.creative-lab-page .lab-clarity-heading h2 span { color: var(--lab-purple); }
.creative-lab-page .lab-clarity-heading h2 .lab-clarity-heading-dark { color: var(--lab-navy); }
.creative-lab-page .lab-clarity-heading .lab-clarity-intro { color: var(--lab-muted); font-weight: 400; text-shadow: none; font-size: 17px; }
.creative-lab-page .lab-clarity-intro::before { background: none; }
.creative-lab-page .lab-clarity-intro-lead { color: var(--lab-navy); }
.creative-lab-page .lab-clarity-grid article { background: #ffffffed; border: 1px solid #dae4ef; border-top: 3px solid #20bfd2; border-radius: 10px; box-shadow: 0 12px 30px #243c6510; }
.creative-lab-page .lab-clarity-grid article:nth-child(2) { border-top-color: var(--lab-purple); }
.creative-lab-page .lab-clarity-grid article:nth-child(3) { border-top-color: var(--lab-lime); }
.creative-lab-page .lab-clarity-grid article::before { opacity: .45; }
.creative-lab-page .lab-clarity-grid h3 { font-family: "Barlow Condensed", sans-serif; font-size: clamp(28px, 2.5vw, 36px); color: var(--lab-navy); }
.creative-lab-page .lab-clarity-grid h3 span { color: var(--lab-cyan); }
.creative-lab-page .lab-clarity-grid article > p:last-child { color: var(--lab-muted); font-size: 15px; }
.creative-lab-page .lab-clarity-grid article > p:last-child strong { color: var(--lab-navy); }
.creative-lab-page .lab-clarity-takeaway { background: #f4f8dc; color: var(--lab-navy); border: 1px solid #d7e4a4; border-radius: 6px; box-shadow: none; font-size: 19px; }
.creative-lab-page .lab-snow-bank { opacity: .55; }
.creative-lab-page .lab-brightsite { background: radial-gradient(ellipse at 90% 80%,#deeffc,transparent 65%), #fff; border-color: #dae6ed; }
.creative-lab-page .lab-brightsite-lockup { font-family: "DM Sans", sans-serif; color: var(--lab-navy); font-weight: 800; text-transform: uppercase; }
.creative-lab-page .lab-brightsite-lockup::after { background: var(--lab-lime); }
.creative-lab-page .lab-brightsite-program-name { color: var(--lab-cyan); }
.creative-lab-page .lab-brightsite-header > p { color: var(--lab-muted); font-size: 17px; }
.creative-lab-page .lab-brightsite-photo { background: var(--lab-panel); border: 1px solid #a1dce3; border-radius: 12px; box-shadow: 0 20px 40px #173a6014; }
.creative-lab-page .lab-brightsite-thumbnail { background: var(--lab-panel); border-radius: 6px; }
.creative-lab-page .lab-brightsite-thumbnail.active,
.creative-lab-page .lab-brightsite-thumbnail:hover { border-color: var(--lab-cyan); }
.creative-lab-page .lab-courses-preview { background: #eff5fa; }
.creative-lab-page .lab-courses-preview::after { background: linear-gradient(90deg,#f3f8fbee,#daedfad9); }
.creative-lab-page .section-label { color: var(--lab-cyan); font-family: "DM Sans", sans-serif; }
.creative-lab-page .lab-courses-preview-heading > a { color: var(--lab-cyan); }
@media(max-width:700px) {
    .creative-lab-page .menu { gap: 16px; }
    .creative-lab-page .link { font-size: 12px; }
    .creative-lab-page .lab-hero-copy > p:not(.intro-label) { font-size: 16px; }
    .creative-lab-page .lab-clarity-takeaway { font-size: 17px; }
}
@media(prefers-reduced-motion:reduce) { .creative-lab-page .lab-clarity::after { animation: none; } }

/* Existing four project videos, now on a floating circular display. */
.creative-lab-page .lab-hero { overflow: hidden; grid-template-columns: minmax(0,1fr); gap: 30px; padding: 64px 6% 78px; }
.creative-lab-page .lab-hero-copy { max-width: 960px; margin-inline: auto; text-align: center; }
.creative-lab-page .lab-hero-copy h1,.creative-lab-page .lab-hero-copy h2 { margin-inline: auto; }
.creative-lab-page .lab-hero-copy > p:not(.intro-label) { max-width: 740px; margin: 22px auto 26px; }
.creative-lab-page .lab-hero-copy .intro-actions { justify-content: center; }
.creative-lab-page .lab-hero-visual.lab-revolving { position: relative; display: block; transform: none; padding: clamp(110px, 20vw, 220px) 0 0; min-width: 0; max-width: 1040px; margin-inline: auto; }
.lab-revolving .lab-project-stage { display: grid; position: relative; perspective: 1100px; padding-bottom: 50px; isolation: isolate; }
.lab-project-stage::after { content: ''; position: absolute; bottom: 0; left: 8%; width: 84%; height: 35px; border-radius: 50%; background: radial-gradient(ellipse,#8fbedb30,transparent 70%); z-index: -1; }
.creative-lab-page .lab-revolving .lab-video-tile { grid-area: 1/1; width: 34%; min-height: 0; margin: 0 auto; align-self: start; background: transparent; border: 0; border-radius: 6px; box-shadow: 0 12px 24px #16416516; padding: 0; transform-origin: 50% 70%; will-change: transform; }
.creative-lab-page .lab-revolving .lab-video-tile video { display: block; width: 100%; height: auto; aspect-ratio: 5/4; min-height: 0; object-fit: cover; background: transparent; border-radius: 0; }
.creative-lab-page .lab-revolving .lab-video-tile span { display: none; }
.lab-project-controls { display: flex; justify-content: center; align-items: center; gap: 12px; margin-top: 22px; position: relative; z-index: 5; }
.lab-project-controls button { min-width: 44px; min-height: 44px; border: 1px solid #91bbd6; border-radius: 50%; background: #f7fcff; color: #123456; cursor: pointer; font-size: 14px; }
.lab-project-controls button:hover { background: #d5ecfc; }
.lab-project-controls .lab-project-pause { border-radius: 5px; padding: 0 12px; }
.lab-project-count { font-size: 12px; color: #345b77; min-width: 44px; text-align: center; }
.lab-project-caption { color: #215b85; text-align: center; font-size: 12px; font-weight: 700; letter-spacing: .5px; margin: 16px 0 0; }
@media(max-width:700px) { .creative-lab-page .lab-hero-visual.lab-revolving { max-width: 520px; } .creative-lab-page .lab-revolving .lab-video-tile { width: 34%; } .creative-lab-page .lab-revolving .lab-video-tile span { font-size: 9px; padding: 7px 0; letter-spacing: .5px; } }
@media(min-width:1000px) {
    .creative-lab-page .lab-hero { grid-template-columns: minmax(0,1.08fr) minmax(0,.92fr); gap: 48px; align-items: center; padding: 72px 6% 90px; }
    .creative-lab-page .lab-hero-copy { text-align: left; }
    .creative-lab-page .lab-hero-copy h1,.creative-lab-page .lab-hero-copy h2 { margin-inline: 0; }
    .creative-lab-page .lab-hero-copy > p:not(.intro-label) { margin-inline: 0; }
    .creative-lab-page .lab-hero-copy .intro-actions { justify-content: flex-start; }
    .creative-lab-page .lab-hero-visual.lab-revolving { padding-top: 140px; }
}
/* Quiet, authentic course footage accents only the carousel's open space. */
.creative-lab-page .lab-hero-visual.lab-revolving { isolation: isolate; }
.lab-revolving .lab-project-stage { z-index: 1; }
.lab-spark-art { position: absolute; top: -48px; right: 0; width: 48%; max-width: 265px; height: 155px; z-index: 0; pointer-events: none; opacity: .22; overflow: hidden; mask-image: radial-gradient(ellipse, #000 28%, transparent 73%); }
.lab-spark-art video { width: 100%; height: 100%; object-fit: cover; filter: saturate(.5); }
@media(max-width:999px) { .lab-spark-art { top: 0; right: 0; height: 125px; opacity: .18; } }
@media(prefers-reduced-motion:reduce) { .lab-spark-art { opacity: .16; } }
.creative-lab-page .lab-hero { padding-bottom: 155px; }
.lab-car-track { position: absolute; left: 3%; top: calc(100% - 115px); width: 48px; height: 72px; pointer-events: none; opacity: .42; animation: lab-car-cruise 6.5s linear infinite; }
.lab-car-track[hidden] { display: none; }
.lab-top-car { position: relative; width: 100%; height: 100%; }
.lab-top-car svg { display: block; width: 100%; height: 100%; }
@keyframes lab-car-cruise {
    0% { left: 3%; top: calc(100% - 115px); transform: rotate(90deg); }
    22% { left: 70%; top: calc(100% - 105px); transform: rotate(80deg); }
    30% { left: calc(100% - 62px); top: calc(100% - 120px); transform: rotate(0deg); }
    48% { left: calc(100% - 62px); top: 30px; transform: rotate(0deg); }
    55% { left: calc(100% - 90px); top: 10px; transform: rotate(-90deg); }
    74% { left: 62px; top: 10px; transform: rotate(-90deg); }
    81% { left: 10px; top: 35px; transform: rotate(-180deg); }
    94% { left: 10px; top: calc(100% - 130px); transform: rotate(-180deg); }
    100% { left: 3%; top: calc(100% - 115px); transform: rotate(-270deg); }
}
.lab-car-dust { position: absolute; top: 85%; left: 50%; width: 1px; height: 1px; }
.lab-car-dust i { position: absolute; width: 7px; height: 7px; border-radius: 50%; background: #b8a385; filter: blur(2px); animation: lab-dust-puff 1.15s ease-out infinite; animation-delay: var(--delay); opacity: 0; }
@keyframes lab-dust-puff { 0% { opacity: .35; transform: translate(-3px,0) scale(.4); } 100% { opacity: 0; transform: translate(var(--spread),38px) scale(2.2); } }
.lab-car-track.is-paused .lab-car-dust i { animation-play-state: paused; }
@media(max-width:700px) { .lab-car-track { width: 28px; height: 42px; } }
@media(prefers-reduced-motion:reduce) { .lab-car-track { animation: none; left: 75%; transform: rotate(90deg); } .lab-car-dust { display: none; } }