/* Only loaded for voice, identity, social and video projects. */
.dp-public:has(.dp-creative-project) .dp-main>section:first-child:not(#hero):has(>.dp-page-motion) { min-height:0; padding:24px max(24px,calc((100% - 1180px)/2)); gap:28px; }
.dp-public:has(.dp-creative-project) .dp-main>section:first-child:not(#hero) h1 { font-size:clamp(28px,3vw,42px); line-height:1.5; }
.dp-public:has(.dp-creative-project) .dp-main>section:first-child .dp-page-motion { max-width:260px; }
.dp-public:has(.dp-creative-project) .dp-main>section:first-child nav { flex-wrap:wrap; margin-bottom:16px; font-size:11px; }
.dp-public .dp-main>.dp-creative-project { padding:28px 24px 54px; background:#f8faf8; border-top:1px solid #e7ede8; }
.dp-creative-container { max-width:1180px; margin-inline:auto; }
.dp-creative-overview { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:32px; align-items:center; background:#fff; padding:22px; border:1px solid #e1e9e3; border-radius:18px; }
.dp-creative-cover { position:relative; min-width:0; margin:0; aspect-ratio:16/11; overflow:hidden; border-radius:12px; background:#eef4ef; display:grid; place-items:center; }
.dp-creative-cover>img { width:100%; height:100%; position:absolute; inset:0; object-fit:cover; }
.dp-creative-cover>svg { width:80px; color:#76a08c; }
.dp-creative-cover figcaption { position:absolute; bottom:14px; inset-inline-start:14px; max-width:calc(100% - 28px); border-radius:7px; padding:6px 12px; background:#fffffff0; color:#24513e; font-size:11px; font-weight:600; }
.dp-creative-summary { min-width:0; padding:8px 4px; }
.dp-creative-eyebrow { color:#9a6c13; font-size:11px; font-weight:600; }
.dp-creative-summary h2 { color:#1c4033; font-size:24px; font-weight:700; margin:8px 0 10px; }
.dp-creative-description { margin:0; font-size:14px; line-height:1.95; color:#63766a; overflow-wrap:anywhere; }
.dp-creative-facts { display:grid; grid-template-columns:repeat(auto-fit,minmax(125px,1fr)); gap:16px; border-top:1px solid #eaf0eb; padding-top:16px; margin:18px 0 0; }
.dp-creative-facts dt { color:#728277; font-size:11px; margin-bottom:4px; }
.dp-creative-facts dd { margin:0; color:#284b3b; font-size:13px; font-weight:600; overflow-wrap:anywhere; }
.dp-creative-tools { margin-top:16px; }
.dp-creative-tools>span { color:#728277; font-size:11px; }
.dp-creative-tools ul { list-style:none; display:flex; flex-wrap:wrap; gap:6px; margin:7px 0 0; padding:0; }
.dp-creative-tools li { color:#536e5e; background:#f1f6f2; border:1px solid #e5ece6; font-size:10px; border-radius:5px; padding:4px 9px; overflow-wrap:anywhere; }
.dp-creative-link { display:inline-flex; align-items:center; gap:14px; color:#087e66; font-size:12px; font-weight:700; min-height:40px; margin-top:12px; }
.dp-creative-link svg { width:17px; height:17px; }
.dp-creative-section-heading { display:flex; align-items:center; gap:12px; margin:30px 0 16px; }
.dp-creative-section-heading>span { color:#aa7d21; border:1px solid #e6dbbd; border-radius:7px; padding:5px 7px; font:10px/1.4 Arial,sans-serif; }
.dp-creative-section-heading h2 { font-size:20px; font-weight:700; color:#214534; margin:0; }
.dp-creative-section-heading>p { margin:0; margin-inline-start:auto; color:#667d6e; font-size:11px; }
.dp-creative-section-heading b { font-weight:600; margin-inline-start:6px; }
.dp-creative-content { min-width:0; overflow-wrap:anywhere; }
/* Existing CMS sections keep all their text; their wrappers become an even grid. */
.dp-creative-project .dp-creative-content>div:is(.space-y-4,.space-y-6) { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr)); gap:16px; }
.dp-creative-project .dp-creative-content>div:is(.space-y-4,.space-y-6)>div { margin:0; padding:20px; gap:14px; border:1px solid #e0e9e2; border-radius:12px; background:#fff; flex-direction:column; min-width:0; }
.dp-creative-project .dp-creative-content .w-12 { width:36px; height:36px; border-radius:10px; }
.dp-creative-project .dp-creative-content .w-12 i { font-size:16px; }
.dp-creative-project .dp-creative-content h3 { font-size:16px; line-height:1.65; margin:0 0 8px; color:#214534; }
.dp-creative-project .dp-creative-content p { font-size:13px; line-height:1.95; margin:0; }
.dp-creative-media { padding:20px; border:1px solid #e0e9e2; border-radius:16px; background:#fff; min-width:0; }
.dp-creative-media>div { margin-top:0; }
.dp-creative-media>div+div { margin-top:22px; }
.dp-creative-project .dp-creative-media .glass-card { border-radius:10px; box-shadow:none; }
.dp-creative-media [class~="aspect-[4/3]"] { aspect-ratio:auto; height:clamp(260px,44vw,520px); background:#f2f5f2; }
.dp-creative-media .aspect-video { max-width:900px; margin-inline:auto; background:#10231c; }
.dp-creative-media video { object-fit:contain; }
.dp-creative-media .overflow-x-auto { max-width:100%; }
.dp-creative-media .overflow-x-auto button { border-radius:8px; padding:3px; }
.dp-gallery-navigation { display:flex; align-items:center; gap:12px; margin-top:14px; padding:10px; background:#f6f9f6; border:1px solid #e7eee8; border-radius:12px; }
.dp-gallery-thumbnails { display:flex; align-items:center; gap:9px; flex:1; min-width:0; overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:none; padding:4px; }
.dp-gallery-thumbnails::-webkit-scrollbar { display:none; width:0; height:0; }
.dp-gallery-thumbnail { position:relative; display:block; flex:0 0 84px; width:84px; height:64px; padding:3px; border:2px solid transparent; border-radius:9px; background:#fff; opacity:.65; transition:border-color .18s,opacity .18s; }
.dp-gallery-thumbnail img { display:block; width:100%; height:100%; object-fit:cover; border-radius:5px; }
.dp-gallery-thumbnail span { position:absolute; inset-inline-end:5px; bottom:5px; min-width:19px; padding:1px 3px; border-radius:3px; background:#153f32d9; color:#fff; font:9px/1.5 Arial,sans-serif; }
.dp-gallery-thumbnail[aria-pressed="true"] { border-color:#0b896a; opacity:1; box-shadow:0 2px 7px #15523b12; }
.dp-gallery-thumbnail:hover { opacity:1; }
.dp-gallery-step { display:grid; place-items:center; flex:0 0 34px; width:34px; height:34px; border:1px solid #d8e5dc; border-radius:50%; background:#fff; color:#27634b; transition:background .18s; }
.dp-gallery-step:hover { background:#e7f3eb; }
.dp-gallery-step svg { width:16px; height:16px; }
.dp-gallery-step--next svg,[dir="ltr"] .dp-gallery-step svg { transform:rotate(180deg); }
[dir="ltr"] .dp-gallery-step--next svg { transform:none; }
.dp-creative-media .divide-y>div { border-color:#edf1ee; }
.dp-creative-media .border-t>.flex { flex-wrap:wrap; justify-content:center; }
.dp-creative-media [x-data*="playing:"]>.glass-card>.border-t { gap:14px; }
.dp-creative-media iframe { max-width:100%; }
.dp-creative-project :is(button,a,[role="button"]):focus-visible { outline:3px solid #ba8a1f; outline-offset:3px; }
.dp-public:has(.dp-creative-project) .dp-main>.section-padding { padding:40px 24px; }
.dp-public:has(.dp-creative-project) .dp-main>.section-padding>.max-w-7xl { max-width:1180px; }
.dp-public:has(.dp-creative-project) .dp-main>.section-padding .section-title { font-size:25px; margin-bottom:22px; }
.dp-public:has(.dp-creative-project) .dp-main>.section-padding .glass-card { border-radius:12px; }
.dp-public:has(.dp-creative-project) .dp-main>.section-padding h3 { font-size:16px; }
@media(max-width:767px) {
    .dp-public:has(.dp-creative-project) .dp-main>section:first-child:not(#hero):has(>.dp-page-motion) { padding:22px 18px; gap:6px; }
    .dp-public:has(.dp-creative-project) .dp-main>section:first-child:not(#hero) h1 { font-size:27px; }
    .dp-public:has(.dp-creative-project) .dp-main>section:first-child .dp-page-motion { max-width:200px; }
    .dp-public .dp-main>.dp-creative-project { padding:20px 16px 32px; }
    .dp-creative-overview { grid-template-columns:minmax(0,1fr); gap:18px; padding:14px; border-radius:14px; }
    .dp-creative-cover { aspect-ratio:16/9; }
    .dp-creative-summary { padding:0 2px 4px; }
    .dp-creative-summary h2 { font-size:21px; }
    .dp-creative-description { font-size:13px; }
    .dp-creative-section-heading { flex-wrap:wrap; gap:8px; margin-top:24px; }
    .dp-creative-section-heading h2 { font-size:18px; }
    .dp-creative-section-heading>p { font-size:10px; }
    .dp-creative-media { padding:10px; border-radius:12px; }
    .dp-gallery-navigation { gap:6px; padding:6px; margin-top:10px; }
    .dp-gallery-thumbnails { gap:6px; }
    .dp-gallery-thumbnail { flex-basis:64px; width:64px; height:52px; }
    .dp-gallery-step { flex-basis:28px; width:28px; height:28px; }
    .dp-creative-media .px-5 { padding-inline:12px; }
    .dp-creative-media .border-t { flex-wrap:wrap; justify-content:center; }
    .dp-creative-media .border-t>.flex { order:3; width:100%; }
    .dp-creative-media .border-t>button { flex:1; justify-content:center; }
    .dp-creative-media .w-8 { width:29px; height:29px; }
    .dp-creative-media h3.text-base { font-size:14px; }
    .dp-public:has(.dp-creative-project) .dp-main>.section-padding { padding:28px 16px; }
}
@media(prefers-reduced-motion:reduce) {
    .dp-creative-project * { transition:none!important; }
}