/* Local campaign treatment inspired by Ed's supplied 27 October concept posters.
   Native typography, layouts and demo controls; original art and public consent preserved. */
.creative-guidance .concept{position:relative;isolation:isolate;overflow:hidden;background:#080c16;color:#f5f3ed;border-top:1px solid #ffffff25;padding-top:38px}
.creative-guidance .concept::before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(90deg,#080c16 0%,#080c16b8 44%,#080c1640 100%),url('assets/hero-desktop.webp');background-position:center,right center;background-size:cover,cover;background-repeat:no-repeat;opacity:.9}
.creative-guidance .concept::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#080c16 0%,transparent 45%,#080c1666 100%);pointer-events:none}
.creative-guidance .concept-title{border-color:#ffffff24}.creative-guidance .concept-title>.eyebrow{color:#d9ff65}.creative-guidance .concept-note{color:#c1b4d5;font-size:8px;letter-spacing:.8px}
.creative-guidance .composition{grid-template-columns:.95fr 1.05fr;gap:4vw;padding:65px 0 75px;align-items:center}
.creative-guidance .editorial{max-width:none;min-width:0}
.creative-guidance .campaign-kicker{display:inline-block;background:#b994f1;color:#171227;border-radius:30px;font-size:10px;letter-spacing:1px;padding:10px 17px;margin-bottom:20px;font-weight:600}
.creative-guidance .campaign-title{font-family:Manrope,system-ui,sans-serif;font-size:clamp(52px,5.9vw,91px);font-weight:600;letter-spacing:-.075em;line-height:.88;margin:0 0 22px;max-width:none}
.creative-guidance .campaign-title>span{color:#b797f4}.creative-guidance .handover-concept .campaign-title>span,.creative-guidance .format-title>span{color:#d9ff65}
.creative-guidance .campaign-title em{font-family:Georgia,serif;font-size:1.1em;font-weight:400;line-height:.92;letter-spacing:-.06em;color:#b797f4}
.creative-guidance .editorial>.campaign-script,.creative-guidance .details-heading>.campaign-script{font:italic clamp(22px,2.4vw,35px)/1.2 Georgia,serif;color:#f5f3ed;max-width:none;margin:14px 0 26px;letter-spacing:-.7px}
.creative-guidance .editorial>p{font-size:14px;line-height:1.9;max-width:390px;color:#d8cfe3}
.creative-guidance .editorial .editorial-small{font-size:12px;color:#b4a8c5;line-height:1.85;max-width:350px}
.creative-guidance .margin-note{font-size:24px;margin-top:30px}
.creative-guidance .studio-window,.creative-guidance .review-card,.creative-guidance .delivery-window{background:linear-gradient(130deg,#1d2033ed,#0b111fed);border:1px solid #a987edaa;box-shadow:0 28px 70px #02050b80,inset 0 1px #e7d8ff25;border-radius:12px}
.creative-guidance .brief-stage{transform:rotate(-1deg);padding-top:105px}
.creative-guidance .request-slip{box-shadow:0 18px 40px #0005;transform:rotate(5deg);right:5px}
.creative-guidance .window-top{background:#aaa0d309;border-bottom-color:#c0a1f22b}
.creative-guidance .template-preview{background:#111929;color:#f5f3ed;border:1px solid #a483d646}
.creative-guidance .preview-heading{color:#f5f3ed}.creative-guidance .status{color:#c2a8e6}.creative-guidance .deliverable-label{color:#c3b4d5}
.creative-guidance .help-dot{color:#171227;border-color:#b994f1;background:#b994f1}
.creative-guidance .help-panel{background:#c6a8f5;color:#21172d}
.creative-guidance .deliverables>div{border-color:#b19acc30}.creative-guidance .deliverables>div>span{color:#b799d7}.creative-guidance .deliverables small{color:#bcb0ca}
.creative-guidance .starter-question{background:#b997ed;color:#21172d;border-color:#d9ff65;border-radius:5px;margin-top:16px}.creative-guidance .starter-question>span{color:#463057}.creative-guidance .starter-question p{font-weight:600}
.creative-guidance .concept-caption{border-color:#ffffff24}.creative-guidance .concept-caption p{color:#d1c5df}.creative-guidance .concept-caption>span:first-child{color:#d9ff65}.creative-guidance .concept-caption>span:last-child{color:#b3a5c6}
.creative-guidance .detail-concept::before{background-image:linear-gradient(90deg,#080c16d9,#080c1699 60%,#080c1622),url('assets/hero-desktop.webp');background-position:center,center;background-size:cover,cover}
.creative-guidance .details-heading{display:block;padding:55px 0 25px}
.creative-guidance .format-title{font-size:clamp(65px,7.8vw,117px);line-height:.88;letter-spacing:-.065em;color:#f5f3ed;margin:0}
.creative-guidance .details-heading>p:not(.campaign-script){font-size:13px;line-height:1.9;color:#c9bed8;max-width:620px;margin:0}
.creative-guidance .delivery-window{margin-top:20px}.creative-guidance .viewer{background:#080f1cd9}.creative-guidance .viewer-stage{gap:22px;align-items:end;min-height:480px;padding-block:30px;background:none}
.creative-guidance .art-frame{border:2px solid #f0eafb;border-radius:6px;box-shadow:0 16px 35px #0005}
.creative-guidance .art-frame>img{object-position:55% center}.creative-guidance .art-frame::after{background:linear-gradient(0deg,#080c16bb,transparent 85%)}
.creative-guidance .art-label{color:#f5f3ed}.creative-guidance .art-headline{font-size:30px;bottom:27%;font-weight:600;letter-spacing:-1.5px}.creative-guidance .art-headline em{font-family:Manrope,system-ui,sans-serif;font-style:normal;font-weight:600}
.creative-guidance .safe-guide{border:2px dashed #d9ff65;border-radius:3px}.creative-guidance .safe-guide>span{color:#e7ffb0}.creative-guidance .zone{background:#090f21a1;color:#d9cfeb}
.creative-guidance .frame-corner{display:none}
.creative-guidance .art-frame[data-ratio="1:1"]{width:320px;max-width:100%;aspect-ratio:1}
.creative-guidance .companion-crops{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:260px;flex-shrink:0;padding-bottom:2px}
.creative-guidance .companion-crops figure{margin:0;min-width:0}
.creative-guidance .crop-thumb{position:relative;border:2px solid #f0eafb;border-radius:5px;overflow:hidden;box-shadow:0 12px 25px #0005;background:#111526}
.creative-guidance .crop-thumb.portrait{aspect-ratio:4/5}.creative-guidance .crop-thumb.square{aspect-ratio:1}
.creative-guidance .crop-thumb>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.creative-guidance .crop-thumb>span{position:absolute;top:48%;left:6%;right:6%;font-size:21px;letter-spacing:-1.4px;line-height:1;font-weight:600;color:#fff;text-shadow:0 2px 12px #080c16}
.creative-guidance .companion-crops figcaption{text-align:center;font-size:12px;color:#e5ddf0;margin-top:10px;letter-spacing:.2px}
.creative-guidance .viewer-stage:has(.art-frame[data-ratio="16:9"]) .companion-crops,.creative-guidance .viewer-stage:has(.art-frame[data-ratio="1:1"]) .companion-crops{display:none}
.creative-guidance .spec-explanation{box-shadow:0 10px 30px #0003}.creative-guidance .delivery-question{color:#c8b9da}
.creative-guidance .handover-concept::before{background-position:center,70% center;background-image:linear-gradient(90deg,#080c16 0%,#080c16b8 40%,#080c1655 100%),url('assets/hero-desktop.webp')}
.creative-guidance .handover-stage{transform:rotate(-.7deg);padding-right:0;padding-bottom:155px}
.creative-guidance .handover-version{gap:20px}.creative-guidance .handover-version>img{width:42%;height:140px;object-position:center}
.creative-guidance .change-note{background:#b295eb17;border-color:#b997ed}.creative-guidance .floating-note{background:#b997ed;box-shadow:0 20px 40px #0005;right:12px}
@media(max-width:1100px){.creative-guidance .companion-crops{display:none}.creative-guidance .composition{grid-template-columns:1fr;gap:25px}.creative-guidance .campaign-title{font-size:clamp(65px,9vw,100px);max-width:760px}.creative-guidance .brief-stage,.creative-guidance .handover-stage{max-width:760px;width:100%;justify-self:center}.creative-guidance .editorial{max-width:760px}.creative-guidance .editorial>p{max-width:650px}.creative-guidance .editorial .editorial-small{max-width:550px}.creative-guidance .format-title{font-size:9vw}.creative-guidance .viewer-stage{align-items:center}}
@media(max-width:650px){.creative-guidance .concept{padding-top:28px}.creative-guidance .concept-note{font-size:8px;line-height:1.8}.creative-guidance .concept::before{opacity:.7;background-image:linear-gradient(90deg,#080c16e6,#080c1688),url('assets/hero-mobile.webp');background-position:center,center;background-size:cover,cover}.creative-guidance .composition{padding:35px 0 45px;gap:30px}.creative-guidance .campaign-kicker{font-size:8px;padding:9px 13px;margin-bottom:20px}.creative-guidance .campaign-title{font-size:clamp(43px,10.7vw,68px);line-height:.9;letter-spacing:-.075em;max-width:100%;margin-bottom:18px}.creative-guidance .editorial>.campaign-script,.creative-guidance .details-heading>.campaign-script{font-size:24px;line-height:1.25;letter-spacing:-.5px;margin-top:18px;margin-bottom:22px}.creative-guidance .editorial>p{font-size:13px;line-height:1.8}.creative-guidance .brief-stage{padding-top:0;transform:none}.creative-guidance .studio-window,.creative-guidance .review-card,.creative-guidance .delivery-window{border-radius:8px}.creative-guidance .request-slip{position:relative;right:auto;width:220px;margin:0 8px 30px auto}.creative-guidance .details-heading{padding:35px 0 10px}.creative-guidance .format-title{font-size:clamp(40px,10.2vw,65px);letter-spacing:-.065em}.creative-guidance .details-heading>p:not(.campaign-script){font-size:12px}.creative-guidance .delivery-grid{grid-template-columns:1fr}.creative-guidance .viewer-stage{min-height:405px;padding:25px 20px}.creative-guidance .ratio-tabs{gap:4px}.creative-guidance .ratio-tabs button{font-size:9px;padding:7px 8px}.creative-guidance .viewer-toolbar{flex-wrap:wrap;gap:12px}.creative-guidance .art-frame[data-ratio="1:1"]{width:250px}.creative-guidance .companion-crops{display:none}.creative-guidance .handover-stage{transform:none;padding:0 0 145px}.creative-guidance .handover-version>img{width:38%;height:105px}.creative-guidance .handover-version{gap:13px}.creative-guidance .floating-note{right:5px}.creative-guidance .concept-caption p{font-size:12px}.creative-guidance .starter-question p{font-size:11px}}
@media(max-width:360px){.creative-guidance .campaign-title{font-size:42px}.creative-guidance .format-title{font-size:35px}.creative-guidance .campaign-title em{font-size:1.08em}.creative-guidance .editorial>.campaign-script,.creative-guidance .details-heading>.campaign-script{font-size:22px}.creative-guidance .template-tabs button{font-size:9px}.creative-guidance .studio-content{padding-inline:12px}.creative-guidance .window-top{padding-inline:13px}}
@media(prefers-reduced-motion:reduce){.creative-guidance .art-frame{transition:none}}
/* Preserve the wordmark against the older mobile window-header span rule. */
.creative-guidance .window-top>.small-brand{font-size:21px;line-height:1;letter-spacing:-1px;flex-shrink:0}
@media(max-width:650px){.creative-guidance .window-top>.small-brand{font-size:20px}}