.media-page{background:#f5f3ef}
.media-page #media-main{overflow:hidden}
.media-wrap{width:min(100%,1440px);margin-inline:auto;padding-inline:var(--pad,5vw)}
.media-page section{padding-block:clamp(66px,9vw,134px)}
.media-page .media-intro{padding-top:clamp(130px,15vw,206px);padding-bottom:clamp(42px,6vw,82px)}
.media-intro h1{font-size:clamp(42px,6.3vw,102px);font-weight:300;line-height:.99;letter-spacing:-.065em;margin:24px 0}
.media-page h2{font-weight:300;line-height:1.03;letter-spacing:-.055em;font-size:clamp(38px,5.25vw,82px);margin:18px 0}
.media-page h3{font-weight:300;letter-spacing:-.045em}
.media-lede,.media-case-head p,.media-partners>p:not(.eyebrow),.media-closing>p:not(.eyebrow){font-size:clamp(16px,1.4vw,21px);line-height:1.65;max-width:61ch}
.media-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:28px}
.media-cinema{margin:0;background:#261c28}
.media-cinema img,.media-edit-scene>img{width:100%;display:block;height:auto}
.media-services{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,80px)}
.media-services article+article{padding-left:clamp(24px,5vw,80px);border-left:1px solid #d9d0d8}
.media-services h2{font-size:clamp(28px,3.2vw,52px);margin-top:0}
.media-services p,.media-process-note p:not(.eyebrow){line-height:1.65;max-width:52ch}
.media-page .media-process{padding:0;background:#251d27;color:#f5eef5}
.media-edit-scene{position:relative}
.media-edit-copy{position:absolute;inset:0;display:grid;grid-template-columns:1fr minmax(235px,32%);gap:30px;align-items:start;padding:clamp(25px,5vw,80px) var(--pad,5vw);background:linear-gradient(180deg,#130e1999,transparent 57%)}
.media-edit-copy h2{font-size:clamp(36px,5.3vw,80px)}
.media-process-note{align-self:center;justify-self:end;padding:clamp(16px,2.8vw,35px);background:#241a29aa;border:1px solid #f3d9fa42}
.media-process-note p:last-child{margin-bottom:0}
.media-timeline{padding-block:32px 45px;position:relative}
.media-timeline-line{position:absolute;left:var(--pad,5vw);right:var(--pad,5vw);top:43px;border-top:1px solid #dcc6e568}
.media-rocket{position:absolute;color:#f2cbff;left:0;top:-13px;width:25px;height:25px;background:#251d27;padding:2px;transform:rotate(42deg);transition:left 1.65s cubic-bezier(.25,.7,.22,1)}
.media-timeline.is-visible .media-rocket{left:calc(100% - 25px)}
.media-timeline ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;gap:25px;margin:27px 0 0;padding:0}
.media-timeline li span{color:#d8b9e2;font-size:11px;letter-spacing:.14em}
.media-timeline h3{font-size:24px;margin:5px 0}
.media-timeline p{font-size:14px;line-height:1.5;color:#dfd1e1;margin:0}
.media-results{position:relative;isolation:isolate}
.media-results>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}
.media-result-glass{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:clamp(22px,4vw,64px);padding:clamp(25px,5vw,64px);margin-top:22px;background:#f5eff4b8}
.media-big-number{white-space:nowrap;font-size:clamp(73px,11vw,175px);line-height:.95;letter-spacing:-.085em;font-weight:300;color:#674973;font-variant-numeric:tabular-nums}
.media-result-glass h2{font-size:clamp(25px,3.4vw,50px);margin:0 0 10px}
.media-result-glass p,.media-case-credit p{font-size:13px;line-height:1.5;margin:0}
.media-result-glass a,.media-case-credit p a{color:#674973;text-decoration:underline;text-underline-offset:3px}
.media-case{margin-top:clamp(48px,7vw,94px)}
.media-case+.media-case{border-top:1px solid #d9d0d8;padding-top:clamp(55px,7vw,100px)}
.media-case-head h3{font-size:clamp(35px,4.4vw,70px);margin:0 0 10px}
.media-case-head p{margin:0 0 28px}
.media-video-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,2vw,28px)}
.media-video-row video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:14px;background:#2e2630}
.media-preview-controls{display:flex;justify-content:flex-end;gap:8px;margin:12px 0 20px}
.media-preview-controls button{border:1px solid #d8cad9;border-radius:30px;background:#faf6f7;color:#57425e;padding:7px 13px;cursor:pointer;font-size:12px}
.media-preview-controls button:focus-visible{outline:2px solid #845699;outline-offset:3px}
.media-preview-controls .media-prev,.media-preview-controls .media-next{display:none}
.media-case-stats{margin-top:8px;padding:clamp(22px,3.35vw,48px) clamp(18px,3.1vw,42px);background:linear-gradient(145deg,#ffffffba,#f5f3efe0);box-shadow:inset 0 1px 2px #fff8,0 8px 24px #26201812}
.media-case-stats h4{font-weight:400;margin:0 0 16px;font-size:14px}
.media-stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.media-stat{display:flex;flex-direction:column;padding-left:clamp(7px,2vw,27px);gap:6px}
.media-stat:first-child{padding-left:0}
.media-stat+.media-stat{border-left:1px solid #cfc1d1}
.media-stat strong{font-weight:300;font-variant-numeric:tabular-nums;font-size:clamp(22px,4.4vw,66px);letter-spacing:-.055em;line-height:1}
.media-stat span,.media-stat small{font-size:clamp(10px,1.1vw,15px);line-height:1.4}
.media-stat small{color:#5f5265}
.media-case-credit{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:22px}
.media-page .media-partners{border-top:1px solid #d9d0d8}
.media-partner-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;border-block:1px solid #d9d0d8;padding:22px 0;margin-top:24px;max-width:680px}
.media-partner-row>a:first-child{font-size:clamp(21px,3vw,35px)}
.media-page .media-closing{text-align:center;border-top:1px solid #d9d0d8}
.media-closing p{margin-inline:auto}
.media-closing .button{margin-top:14px}
@media(max-width:700px){
 .media-intro h1{font-size:clamp(38px,8.9vw,64px)}
 .media-cinema img{height:clamp(205px,56vw,380px);object-fit:cover;object-position:46% center}
 .media-services{grid-template-columns:1fr;gap:24px}
 .media-services article+article{padding:24px 0 0;border-left:0;border-top:1px solid #d9d0d8}
 .media-edit-scene>img{height:clamp(220px,53vw,340px);object-fit:cover;object-position:33% center}
 .media-edit-copy{display:contents}
 .media-edit-copy>div:first-child{position:absolute;inset:0 0 auto;padding:20px var(--pad,5vw);background:linear-gradient(180deg,#1e1423bf,transparent)}
 .media-edit-copy h2{font-size:34px;margin-top:6px}
 .media-process-note{margin:0 var(--pad,5vw);padding:16px;font-size:13px}
 .media-process-note .eyebrow{display:none}
 .media-timeline{padding-block:28px 35px}
 .media-timeline ol{grid-template-columns:1fr;margin:0;padding-left:28px;gap:18px}
 .media-timeline-line{left:calc(var(--pad,5vw) + 6px);right:auto;top:30px;bottom:35px;border-top:0;border-left:1px solid #dcc6e568}
 .media-rocket{left:-12px;top:0;transform:rotate(133deg);transition:top 1.65s cubic-bezier(.25,.7,.22,1)}
 .media-timeline.is-visible .media-rocket{left:-12px;top:calc(100% - 25px)}
 .media-result-glass{grid-template-columns:1fr;gap:14px}
 .media-video-row{grid-auto-flow:column;grid-auto-columns:76%;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}
 .media-video-row video{scroll-snap-align:start}
 .media-preview-controls .media-prev,.media-preview-controls .media-next{display:block}
}
@media(prefers-reduced-motion:reduce){
 .media-rocket{transition:none;left:calc(100% - 25px)}
 @media(max-width:700px){.media-rocket{left:-12px;top:calc(100% - 25px)}}
}

.media-creators {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 26px 0 0;
  padding: 0;
  list-style: none;
}
.media-creator {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: clamp(14px, 2vw, 26px);
  padding: clamp(15px, 2.4vw, 32px);
  border: 1px solid #fff;
  border-radius: 24px;
  background: linear-gradient(145deg, #ffffffc9, #f5f3efb8);
  box-shadow: 0 5px 18px #2620180a;
}
.media-creator img {
  width: clamp(58px, 7vw, 94px);
  height: auto;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 50%;
}
.media-creator h3 { font-size: clamp(22px, 2.4vw, 34px); }
.media-creator p { margin: 5px 0 8px; font-size: 14px; }
.media-creator strong { font-weight: 500; }
.media-creator .link { font-size: 13px; }
@media (max-width: 680px) {
  .media-creators { grid-template-columns: 1fr; }
}

.media-entry{display:grid;place-items:center;min-height:76vh;padding:clamp(96px,13vw,160px) 20px 64px}
.media-entry-card{width:min(100%,470px);padding:clamp(24px,5vw,48px);border:1px solid #fff;border-radius:28px;background:linear-gradient(145deg,#ffffffc9,#e9dfea70);box-shadow:0 20px 70px #35223f16}
.media-entry-card h1{font-size:clamp(34px,5vw,55px);font-weight:300;letter-spacing:-.055em;line-height:1.04;margin:14px 0}
.media-entry-card label{display:block;margin:28px 0 8px}
.media-entry-card input{width:100%;font:inherit;color:inherit;background:#ffffffab;border:1px solid #74628270;border-radius:12px;padding:12px 14px}
.media-entry-card input:focus-visible{outline:2px solid #795c9b;outline-offset:2px}
#media-entry-error{min-height:1.4em;margin:8px 0;color:#733851}