/* Independent right-hand creative hero compositions; all examples are static. */
.expansion-creative-hero{--ecd-gold:#b38a49;--ecd-ink:#151412;--ecd-paper:#fbf8f3;--ecd-line:#dec8aa;container-type:inline-size;min-width:0;max-width:640px;width:100%;margin:0 auto;color:var(--ecd-ink);font-family:var(--sans,Arial,sans-serif)}
.expansion-creative-hero *{box-sizing:border-box;min-width:0}
.expansion-creative-hero img{display:block;width:100%;height:100%;object-fit:cover}
.expansion-creative-hero p,.expansion-creative-hero ol,.expansion-creative-hero ul{margin:0;padding:0}
.expansion-creative-hero li{list-style:none}
.expansion-creative-hero strong{font-weight:600}
.expansion-creative-hero>figcaption{font-size:12px;line-height:1.6;color:#665d50;text-align:center;margin-top:14px;padding-inline:8px}
.expansion-creative-hero .concept-icon{width:26px;height:26px;color:var(--ecd-gold);flex:none}
.ecd-sample-label{font-size:10px;line-height:1.5;letter-spacing:.1em;display:block}
.ecd-product-stage{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:15px;align-items:center}
.ecd-product-photo{position:relative;aspect-ratio:3/4;overflow:hidden;background:#f4eee3}
.ecd-product-photo img{object-position:65% 50%}
.ecd-image-tag{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);font-size:11px;line-height:1.6;color:#5d513f;background:#fbf8f3e8;padding:2px 8px;white-space:nowrap}
.ecd-product-callouts{display:grid;gap:24px}
.ecd-product-callouts li{position:relative;display:flex;gap:10px;align-items:flex-start}
.ecd-product-callouts li:before{content:'';position:absolute;top:13px;right:calc(100% + 5px);width:24px;border-top:1px solid var(--ecd-gold)}
.ecd-product-callouts strong{display:block;font-size:15px;line-height:1.4;margin-bottom:5px}
.ecd-product-callouts span{display:block;font-size:13px;line-height:1.55;color:#625b51}
.ecd-format-board{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1fr);gap:15px;align-items:stretch}
.ecd-menu-specimen{grid-row:span 2;position:relative;overflow:hidden;padding:24px 20px;background:#f3e9d8;border:1px solid #e4d6bf;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 5px 14px #4838210c}
.ecd-menu-specimen>strong{font:500 clamp(20px,5.2cqi,30px)/1.18 'Noto Serif Display',var(--serif,serif);margin:20px 0 23px;z-index:1}
.ecd-menu-category{font-size:11px;font-weight:600;letter-spacing:.08em;color:#7a582a;margin:0 0 8px}
.ecd-menu-specimen ul{font-size:12px;line-height:1.85;margin-bottom:18px;z-index:1}
.ecd-menu-specimen small{font-size:11px;line-height:1.5;margin-top:auto;z-index:1}
.ecd-fine-motif{position:absolute;width:180px;height:210px;border:1px solid #b38a49;border-radius:50%;right:-124px;bottom:18px;transform:rotate(25deg)}
.ecd-fine-motif:before,.ecd-fine-motif:after{content:'';position:absolute;inset:8px;border:1px solid #b38a49;border-radius:50%}
.ecd-fine-motif:after{inset:16px}
.ecd-social-specimen{position:relative;isolation:isolate;aspect-ratio:1;overflow:hidden;padding:18px;color:#fbf8f3;background:#191815;display:flex;flex-direction:column;align-items:flex-start}
.ecd-social-specimen .ecd-specimen-photo{position:absolute;inset:0;z-index:-2;opacity:.4;object-position:70% 65%}
.ecd-social-specimen:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,#151412e8,#15141200)}
.ecd-social-specimen>strong{font:500 clamp(20px,5.5cqi,32px)/1.2 'Noto Serif Display',var(--serif,serif);max-width:180px;margin:auto 0 14px}
.ecd-social-specimen small{font-size:11px;line-height:1.5}
.ecd-banner-specimen{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);min-height:116px;background:#eee1cc;overflow:hidden;border:1px solid #e0cdb0}
.ecd-banner-specimen>div{padding:14px 0 14px 15px;align-self:center}
.ecd-banner-specimen strong{font:500 clamp(17px,4.2cqi,23px)/1.2 'Noto Serif Display',var(--serif,serif);display:block;margin:8px 0}
.ecd-banner-specimen small{font-size:11px;line-height:1.4;display:block}
.ecd-banner-specimen .ecd-banner-photo{object-position:45% 50%;mix-blend-mode:multiply}
.ecd-video-board{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.85fr);gap:20px;align-items:center}
.ecd-board-label{font-size:14px;font-weight:600;line-height:1.5;margin-bottom:14px!important}
.ecd-mini-shots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 12px}
.ecd-shot{position:relative;overflow:hidden;aspect-ratio:4/5;background:#efe4d2}
.ecd-shot>span{position:absolute;top:7px;left:7px;background:#fbf8f3;border:1px solid #b38a49;color:#78572c;border-radius:50%;font-size:11px;line-height:24px;text-align:center;width:25px;height:25px}
.ecd-shot-2 img{transform:scale(1.7);object-position:57% 44%}
.ecd-shot-3 img{transform:scale(1.12);object-position:32% 65%}
.ecd-shot-4{background:#151412}
.ecd-shot-4 img{opacity:.7;mix-blend-mode:luminosity}
.ecd-mini-shots strong{display:block;font-size:12px;line-height:1.5;margin-top:6px;text-align:center}
.ecd-portrait-preview{position:relative;isolation:isolate;aspect-ratio:9/16;border:5px solid #191815;border-radius:17px;overflow:hidden;background:#252019;padding:32% 13% 24%;display:flex;align-items:center}
.ecd-portrait-preview .ecd-portrait-photo{position:absolute;inset:0;z-index:-2;opacity:.54;object-position:58% 50%}
.ecd-portrait-preview:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#151412a8,#15141200,#15141290)}
.ecd-portrait-preview>strong{font-size:clamp(16px,4cqi,23px);line-height:1.35;color:#fbf8f3;text-align:center;width:100%;text-shadow:0 1px 4px #0009}
.ecd-safe-label{position:absolute;left:7%;right:7%;padding:8px 0;color:#fffaf0;font-size:10px;line-height:1.5;text-align:center}
.ecd-safe-top{top:10%;border-bottom:1px dashed #eee2cbaa}
.ecd-safe-bottom{bottom:10%;border-top:1px dashed #eee2cbaa}
.ecd-identity-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ecd-identity-board>div,.ecd-palette{border:1px solid #e6daca;background:#fcfaf6;min-height:170px;padding:18px 14px}
.ecd-monogram{display:block;width:80px;height:80px;color:#b38a49;max-width:100%}
.ecd-mark-specimen{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#eee5d7!important;gap:20px}
.ecd-mark-specimen small{font-size:11px;line-height:1.5;text-align:center}
.ecd-type-specimen>strong{display:block;font:500 clamp(40px,11cqi,64px)/1.1 'Noto Serif Display',var(--serif,serif);white-space:nowrap}
.ecd-type-specimen>span{display:block;font-size:11px;line-height:1.5;margin:10px 0}
.ecd-type-specimen p{font-size:12px;line-height:1.6}
.ecd-palette{display:grid;gap:14px;align-content:center}
.ecd-palette li{display:flex;align-items:center;gap:8px}
.ecd-swatch{width:30px;height:30px;border:1px solid #d9c7ac;border-radius:50%;display:block;flex:none}
.ecd-swatch-paper{background:#fbf8f3}.ecd-swatch-gold{background:#b38a49}.ecd-swatch-ink{background:#151412}
.ecd-palette span{font-size:10px;line-height:1.4}
.ecd-card-specimen{display:flex;flex-direction:column;align-items:center;justify-content:space-around;background:#f5eddf!important}
.ecd-card-specimen .ecd-monogram{width:58px;height:58px}
.ecd-card-specimen>span,.ecd-document-specimen>strong,.ecd-post-specimen>span{font-size:10px;line-height:1.6;letter-spacing:.06em}
.ecd-document-specimen .ecd-monogram{width:31px;height:31px;margin-bottom:16px}
.ecd-document-specimen>strong{display:block;margin-bottom:13px;font-weight:500}
.ecd-document-lines{display:block;height:58px;background:repeating-linear-gradient(to bottom,#dbd7cf 0,#dbd7cf 3px,transparent 3px,transparent 11px)}
.ecd-post-specimen{background:#191815!important;color:#fbf8f3;display:flex;flex-direction:column;gap:15px}
.ecd-post-specimen .ecd-monogram{width:32px;height:32px}
.ecd-post-specimen>strong{font:500 clamp(17px,4.3cqi,25px)/1.2 'Noto Serif Display',var(--serif,serif)}
.ecd-post-specimen>span{margin-top:auto;color:#d9cbb4}
.ecd-translation-board{padding:24px;background:#f5f0e8;border:1px solid #e9dfd0;border-radius:5px}
.ecd-language-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ecd-language-pair>div{background:#fffdfa;border:1px solid #e2d8ca;padding:17px 15px 21px}
.ecd-language-label{display:inline-block;font-size:12px;line-height:1.5;border-bottom:1px solid #b38a49;padding:0 12px 6px;margin-bottom:18px}
.ecd-language-pair strong{display:block;font:500 clamp(19px,4.7cqi,27px)/1.2 'Noto Serif Display',var(--serif,serif);margin-bottom:15px}
.ecd-language-pair p{font-size:14px;line-height:1.7;color:#534e46}
.ecd-language-review{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:23px!important}
.ecd-language-review li{display:flex;flex-direction:column;gap:9px;align-items:flex-start;font-size:12px;line-height:1.5}
@container(max-width:440px){.ecd-product-stage{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:12px}.ecd-product-callouts{gap:17px}.ecd-product-callouts li{gap:6px}.ecd-product-callouts .concept-icon{display:none}.ecd-product-callouts strong{font-size:13px}.ecd-product-callouts span{font-size:12px}.ecd-product-callouts li:before{width:16px}.ecd-format-board{gap:10px}.ecd-menu-specimen{padding:18px 13px}.ecd-menu-specimen>strong{margin:17px 0}.ecd-menu-specimen ul{font-size:11px}.ecd-social-specimen{padding:13px}.ecd-sample-label{font-size:9px}.ecd-banner-specimen{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.ecd-banner-specimen>div{padding:12px 0 12px 11px}.ecd-video-board{gap:13px}.ecd-mini-shots{gap:12px 8px}.ecd-portrait-preview{border-width:4px;border-radius:13px}.ecd-safe-label{font-size:9px}.ecd-identity-board{gap:7px}.ecd-identity-board>div,.ecd-palette{min-height:145px;padding:13px 9px}.ecd-palette li{flex-direction:column;gap:4px;align-items:flex-start}.ecd-palette{gap:8px}.ecd-swatch{width:24px;height:24px}.ecd-translation-board{padding:15px}.ecd-language-pair{gap:10px}.ecd-language-pair>div{padding:13px 11px}.ecd-language-pair p{font-size:13px}.ecd-language-review{gap:10px}}
@container(max-width:340px){.ecd-product-stage{grid-template-columns:minmax(0,1fr)}.ecd-product-photo{aspect-ratio:4/3}.ecd-product-callouts{gap:14px}.ecd-product-callouts li{padding-left:28px}.ecd-product-callouts li:before{left:0;right:auto;width:17px;top:9px}.ecd-product-callouts strong{font-size:14px}.ecd-product-callouts span{font-size:13px}.ecd-format-board{grid-template-columns:minmax(0,.85fr) minmax(0,1fr)}.ecd-social-specimen{aspect-ratio:auto;min-height:168px}.ecd-menu-specimen>strong{font-size:20px}.ecd-banner-specimen{grid-column:1/-1;min-height:105px}.ecd-menu-specimen{grid-row:auto}.ecd-menu-specimen ul{margin-bottom:12px}.ecd-menu-specimen>strong{margin:12px 0}.ecd-menu-category{margin-bottom:4px}.ecd-video-board{grid-template-columns:minmax(0,1fr)}.ecd-mini-shots{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.ecd-shot>span{width:21px;height:21px;line-height:20px;font-size:10px;top:4px;left:4px}.ecd-mini-shots strong{font-size:11px}.ecd-portrait-preview{width:160px;margin:5px auto 0;padding:70px 18px}.ecd-portrait-preview>strong{font-size:20px}.ecd-identity-board{grid-template-columns:repeat(2,minmax(0,1fr))}.ecd-palette{grid-column:1/-1;grid-row:2;display:flex;justify-content:space-around;min-height:0;padding:12px!important}.ecd-palette li{flex-direction:row;gap:8px;align-items:center}.ecd-identity-board>div{min-height:155px}.ecd-post-specimen{grid-column:1/-1;min-height:0!important;flex-direction:row;align-items:center}.ecd-post-specimen>span{margin-top:0;margin-left:auto;max-width:65px}.ecd-post-specimen>strong{font-size:21px}.ecd-language-pair{grid-template-columns:minmax(0,1fr)}.ecd-language-pair strong{font-size:24px}.ecd-language-pair p{font-size:14px}.ecd-language-label{margin-bottom:11px}.ecd-language-review{gap:12px}.ecd-language-review li{font-size:11px}}
/* Leave the lower text clear of the existing floating contacts at narrow widths. */
@media(max-width:360px){
  .expansion-creative-hero .ecd-product-callouts{padding-right:58px}
  .expansion-creative-hero .ecd-language-pair p{padding-right:56px}
  .expansion-creative-hero .ecd-post-specimen{padding-right:58px;flex-wrap:wrap}
  .expansion-creative-hero .ecd-post-specimen>span{margin-left:0;max-width:none;flex-basis:100%}
}