/* Studio exploration: a campaign image with live browser composition. */
.hero h1{font-size:clamp(65px,8.8vw,122px);line-height:1.12}.hero h1 em{margin-left:.06em}.creative-section{padding-top:56px;background:var(--ink);color:var(--paper);margin-top:60px;overflow:hidden}.creative-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;padding-bottom:40px}.creative-heading .section-index{color:#bdc7ad;margin-bottom:20px}.creative-heading h2{font-size:clamp(35px,4.3vw,58px)}.creative-heading>p{font-size:12px;color:#b7c2aa;line-height:1.8;max-width:290px}.campaign{position:relative;isolation:isolate;width:100%;max-width:var(--max);margin-inline:auto;aspect-ratio:16/10;max-height:850px;overflow:hidden;background:#4f5546;--mx:0px;--my:0px}.campaign-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;transform-origin:center center;transform:scale(1.035) translate(var(--mx),var(--my));transition:transform 1.5s cubic-bezier(.2,.65,.2,1),object-position 1.5s;will-change:transform;animation:coastal-drift 18s ease-in-out infinite alternate}.campaign-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,21,19,.25),transparent 48%,rgba(8,18,13,.45));pointer-events:none}.campaign-topline,.campaign-bottomline{position:absolute;left:6%;right:6%;display:flex;justify-content:space-between;gap:30px;z-index:2}.campaign-topline{top:6%;align-items:flex-start}.campaign-topline>span:first-child{font-size:20px;font-family:var(--display);font-weight:700;letter-spacing:-.05em;line-height:1}.campaign-topline>span:last-child{font-size:9px;text-transform:uppercase;letter-spacing:.12em;line-height:1.7;text-align:right}.campaign-title{position:absolute;top:20%;left:6%;z-index:2;display:flex;flex-direction:column;font-family:var(--display);font-weight:600;letter-spacing:-.08em;font-size:clamp(60px,8.7vw,125px);line-height:.99;transition:opacity .6s,transform 1s;pointer-events:none}.campaign-title span:last-child{color:var(--lime)}.campaign-bottomline{bottom:8%;font-size:10px;line-height:1.5}.campaign-bottomline>span:last-child{text-align:right;font-size:8px;letter-spacing:.12em}.motion-toggle{position:absolute;bottom:3%;right:6%;border:1px solid #bbc6b0;background:#19201999;color:var(--paper);backdrop-filter:blur(8px);padding:7px 12px;font-size:9px;min-height:36px;display:flex;gap:18px;z-index:5}.motion-toggle:hover{background:#20251e}.creative-controls{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid #4b5641;padding-top:22px;padding-bottom:22px}.view-switch{display:flex;gap:8px}.view-switch button{padding:12px 18px;background:transparent;border:1px solid #616e53;color:#c0cbb4;font-size:10px;min-height:44px}.view-switch button[aria-pressed=true]{background:var(--lime);color:var(--ink);border-color:var(--lime)}.view-switch button:hover{border-color:var(--lime)}.creative-controls>a{font-size:10px;border-bottom:1px solid #7f8b71;padding-bottom:4px}.creative-controls>a:hover{color:var(--lime)}.creative-story{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:50px;padding-top:45px;padding-bottom:55px}.creative-story .small-label{font-size:9px;color:#b7c2aa;margin-bottom:18px}.creative-story h3{font-size:33px;line-height:1.15}.creative-story h3 em{font-family:Georgia,serif;font-style:italic;font-weight:400}.creative-story>p{font-size:13px;line-height:1.9;color:#c1cab5}.creative-disclosure{font-size:10px;line-height:1.8;color:#acb99d}.creative-notes{border-color:#4b5641;margin-top:18px}.creative-notes summary{font-size:10px;padding-top:14px;padding-bottom:14px;font-weight:400}.creative-notes summary:after{top:8px}.creative-notes p{color:#b7c2aa;font-size:11px;padding-right:0}.detail-caption,.poster-caption{opacity:0;pointer-events:none;position:absolute;z-index:3;transition:opacity .7s,transform 1s}.detail-caption{left:6%;bottom:15%;transform:translateY(20px)}.detail-caption>span{display:block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:15px}.detail-caption strong{font-family:var(--display);font-size:clamp(45px,6.5vw,90px);letter-spacing:-.07em;line-height:1.02;font-weight:500}.poster-caption{top:19%;left:6%;font-family:var(--display);font-size:clamp(70px,10vw,145px);font-weight:800;letter-spacing:-.075em;line-height:.84;color:var(--lime);transform:translateX(-20px)}.campaign[data-view=detail] .campaign-image{animation-name:detail-drift;object-position:75% 60%;transform:scale(1.7) translate(var(--mx),var(--my))}.campaign[data-view=detail] .campaign-title,.campaign[data-view=poster] .campaign-title{opacity:0;transform:translateY(-20px)}.campaign[data-view=detail] .detail-caption{opacity:1;transform:translateY(0)}.campaign[data-view=poster] .campaign-image{animation-name:poster-drift;object-position:60% 60%;filter:saturate(.6) contrast(1.12)}.campaign[data-view=poster] .poster-caption{opacity:1;transform:translateX(0)}.campaign[data-view=poster] .campaign-shade{background:linear-gradient(90deg,rgba(0,10,4,.55),transparent 85%)}.campaign.is-paused .campaign-image,.campaign.is-offscreen .campaign-image{animation-play-state:paused}@keyframes coastal-drift{from{transform:scale(1.035) translate(var(--mx),var(--my))}to{transform:scale(1.11) translate(var(--mx),calc(var(--my) + .5%))}}@keyframes detail-drift{from{transform:scale(1.65) translate(var(--mx),var(--my))}to{transform:scale(1.8) translate(var(--mx),var(--my))}}@keyframes poster-drift{from{transform:scale(1.07) translate(var(--mx),var(--my))}to{transform:scale(1.15) translate(var(--mx),calc(var(--my) + .5%))}}
@media(max-width:1000px){.creative-story{gap:25px}.creative-story h3{font-size:28px}.creative-controls{flex-wrap:wrap}.view-switch button{padding:11px 13px}.campaign-title{font-size:9.5vw}}
@media(max-width:700px){.hero h1{font-size:clamp(43px,11.8vw,76px);line-height:1.18}.hero h1 em{padding-left:.04em;padding-right:.04em}.creative-section{padding-top:35px;margin-top:36px}.creative-heading{display:block;padding-bottom:28px}.creative-heading h2{font-size:35px}.creative-heading>p{margin-top:20px;font-size:11px}.campaign{aspect-ratio:3/2;max-height:none}.campaign-image{object-position:center center}.campaign-title{top:23%;font-size:11.5vw;left:6%;letter-spacing:-.075em}.campaign-topline{top:6%;gap:15px}.campaign-topline>span:first-child{font-size:17px}.campaign-topline>span:last-child{font-size:7px}.campaign-bottomline{bottom:7%;font-size:8px;right:45%}.campaign-bottomline>span:last-child{display:none}.motion-toggle{bottom:4%;font-size:9px;min-height:40px}.creative-controls{padding-top:16px;padding-bottom:20px;gap:14px}.view-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;width:100%}.view-switch button{padding:11px 5px;font-size:10px}.creative-controls>a{font-size:9px}.creative-story{grid-template-columns:1fr;gap:25px;padding-top:30px;padding-bottom:40px}.creative-story h3{font-size:35px}.creative-story>p{font-size:12px}.detail-caption strong{font-size:10vw}.detail-caption{bottom:25%}.detail-caption>span{font-size:8px}.poster-caption{top:20%;font-size:13vw}.campaign[data-view=detail] .campaign-image{object-position:center center}.intro{padding-top:55px}}
@media(prefers-reduced-motion:reduce){.campaign-image{animation:none!important;transition:none;transform:scale(1.035)!important}.campaign[data-view=detail] .campaign-image{transform:scale(1.65)!important}.campaign-title,.detail-caption,.poster-caption{transition:none}.motion-toggle{display:none}}

@media(max-width:700px){.campaign[data-view=poster] .campaign-bottomline{visibility:hidden}.campaign-topline>span:last-child{max-width:130px}.motion-toggle{min-height:36px;padding:6px 10px}}