/* The supplied film keeps its exact 4:3 frame and all of its original content. */
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-brand-film {
  display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.32fr);gap:clamp(28px,4vw,60px);align-items:center;
  background:#091a36;color:#fff;padding:clamp(24px,3vw,42px);margin-block:32px 56px;
  border:1px solid #ffffff1c;border-radius:32px;box-shadow:0 24px 60px #091a3612;
  position:relative;isolation:isolate;scroll-margin-top:115px;overflow:hidden;
}
.inspiration-4 .h4-brand-film:before {content:"";position:absolute;left:-180px;top:-180px;width:450px;height:450px;border:1px solid #8ccee627;border-radius:50%;box-shadow:0 0 0 34px #ffffff02,0 0 0 35px #ffba7421;pointer-events:none;z-index:-1}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-brand-film .eyebrow {color:#ffc3a4;margin:0 0 24px}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-brand-film h2 {font:300 clamp(38px,4.1vw,62px)/1.06 var(--sans);letter-spacing:-.045em;color:#fff;margin:0 0 24px;text-wrap:balance}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-brand-film h2 em {color:#ffc3a4;font-weight:500;font-style:normal}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-brand-film #h4-film-summary {color:#d9e3f2;font-size:14px;line-height:1.8;max-width:39ch;margin:0 0 24px}
.inspiration-4 .h4-film-meta {display:flex;align-items:center;flex-wrap:wrap;gap:8px;font:500 10px/1.5 var(--sans);color:#b7d7eb;margin-bottom:22px}
.inspiration-4 .h4-film-dot {width:6px;height:6px;background:#12b7e6;border-radius:50%;box-shadow:0 0 0 4px #12b7e61a;flex:none}
.inspiration-4 .h4-film-duration {display:inline-flex;padding:4px 8px;margin-left:4px;color:#fff;border:1px solid #ffffff30;border-radius:100px;font-variant-numeric:tabular-nums}
.inspiration-4 .h4-film-start[hidden] {display:none!important}
.inspiration-4 .h4-film-start {cursor:pointer}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-brand-film .h4-film-status {color:#b7d0e4;font:400 11px/1.6 var(--sans);min-height:2.8em;margin:12px 0 18px}
.inspiration-4 .h4-film-project {display:inline-flex;align-items:center;gap:14px;color:#ffc3a4;border-bottom:1px solid #ffc3a43d;padding-bottom:8px;font:500 12px/1.6 var(--sans)}
.inspiration-4 .h4-film-project:hover {color:#fff;border-color:#fff}
.inspiration-4 .h4-film-screen {min-width:0;width:100%;margin:0;padding:10px;background:#102747;border:1px solid #ffffff1c;border-radius:24px;box-shadow:0 14px 40px #0002}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-film-screen video {display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;border:0;border-radius:16px;background:#061527;scroll-margin-top:110px}
.inspiration-4 .h4-film-screen video:focus-visible {outline:3px solid #6fd5f5;outline-offset:5px}
.inspiration-4 .h4-film-screen figcaption {display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 4px 2px;color:#d9e3f2;font:400 10px/1.6 var(--sans)}
.inspiration-4 .h4-film-screen figcaption a {display:inline-flex;gap:7px;align-items:center;min-height:30px;color:#fff;text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px) {
  html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-brand-film {grid-template-columns:minmax(0,1fr);gap:24px;padding:26px;margin-block:26px 40px;border-radius:26px}
  html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-brand-film h2 {font-size:clamp(36px,6vw,56px);max-width:17ch;margin-bottom:18px}
  html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-brand-film #h4-film-summary {max-width:55ch}
  .inspiration-4 .h4-film-meta {margin-bottom:18px}
  html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-brand-film .h4-film-status {min-height:0;margin-bottom:12px}
}
@media(max-width:480px) {
  html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-brand-film {padding:23px 16px;border-radius:24px;scroll-margin-top:90px}
  .inspiration-4 .h4-film-screen {padding:6px;border-radius:18px}
  html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-film-screen video {border-radius:12px}
  .inspiration-4 .h4-film-screen figcaption {padding:10px 3px 2px;font-size:9px;gap:2px 10px}
}

/* The second supplied video retains its complete 720 × 968 portrait frame. */
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-story {
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,360px);align-items:center;gap:clamp(28px,6vw,90px);
  margin-block:40px 56px;padding:clamp(24px,4.5vw,64px);background:linear-gradient(125deg,#fff 24%,#fff4ea 100%);
  border:1px solid #e7dcd2;border-radius:32px;position:relative;isolation:isolate;overflow:hidden;scroll-margin-top:115px;
  box-shadow:0 22px 60px #091a3607;
}
.inspiration-4 .h4-story:before {content:"";position:absolute;left:-150px;bottom:-270px;width:540px;height:540px;border:1px solid #ba3d1010;border-radius:50%;box-shadow:0 0 0 34px #ba3d1003,0 0 0 35px #ba3d1009;pointer-events:none;z-index:-1}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-story .eyebrow {display:flex;align-items:center;gap:12px;color:#8d381d;margin:0 0 26px;font-size:10px;letter-spacing:.12em;line-height:1.7}
.inspiration-4 .h4-story .eyebrow:before {content:"";width:26px;height:3px;flex:none;background:linear-gradient(90deg,#12b7e6 50%,#ba3d10 50%)}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-story h2 {font:300 clamp(36px,4.2vw,60px)/1.08 var(--sans);letter-spacing:-.045em;color:#091a36;margin:0 0 24px;text-wrap:balance}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-story h2 em {font-weight:500;font-style:normal;color:#ba3d10}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-story #h4-story-summary {max-width:42ch;margin:0 0 26px;color:#46556a;font-size:14px;line-height:1.8}
.inspiration-4 .h4-story .h4-film-meta {color:#46556a}
.inspiration-4 .h4-story .h4-film-duration {color:#091a36;border-color:#091a3620}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-story .h4-film-status {color:#526073;font:400 11px/1.7 var(--sans);min-height:2.8em;margin:12px 0 20px}
.inspiration-4 .h4-story-project {display:inline-flex;align-items:center;gap:14px;max-width:100%;color:#091a36;border-bottom:1px solid #091a3633;padding-block:8px;font:500 12px/1.7 var(--sans)}
.inspiration-4 .h4-story-project:hover {color:#ba3d10;border-color:currentColor}
.inspiration-4 .h4-story-screen {margin:0;width:100%;min-width:0;padding:9px;background:#fff;border:1px solid #091a3617;border-radius:25px;box-shadow:0 16px 44px #091a3614}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-story-screen video {display:block;width:100%;height:auto;aspect-ratio:90/121;object-fit:contain;border:0;border-radius:17px;background:#f4f3f1}
.inspiration-4 .h4-story-screen video:focus-visible {outline:3px solid #ba3d10;outline-offset:5px}
.inspiration-4 .h4-story-screen figcaption {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:5px 12px;padding:10px 4px 2px;color:#46556a;font:400 9px/1.6 var(--sans)}
.inspiration-4 .h4-story-screen figcaption a {display:inline-flex;align-items:center;gap:6px;min-height:30px;color:#091a36;text-decoration:underline;text-underline-offset:4px}
@media(max-width:700px) {
  html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-story {grid-template-columns:minmax(0,1fr);gap:24px;padding:28px;margin-block:28px 40px;border-radius:26px}
  .inspiration-4 .h4-story-screen {max-width:350px;justify-self:center}
  html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-story .h4-film-status {min-height:0}
}
@media(max-width:480px) {
  html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-story {padding:24px 16px;border-radius:24px;scroll-margin-top:90px}
  .inspiration-4 .h4-story-screen {padding:6px;border-radius:20px}
  html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-story-screen video {border-radius:14px}
}