/* A single presenter campaign leads; the application demonstration supports it below the shop. */
.refy-hero.campaign-hero{height:auto;aspect-ratio:auto;background:var(--nadora-surface);overflow:visible}
.campaign-hero-stage{position:relative;width:100%;min-width:0;height:max(420px,50vw);background:var(--nadora-surface-muted)}
.campaign-hero-picture{position:absolute;inset:0;display:block;overflow:hidden}
.campaign-hero-picture img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.campaign-hero-copy{position:absolute;top:50%;left:5%;transform:translateY(-50%);width:36%;max-width:480px;color:var(--nadora-ink)}
.campaign-hero-copy h1{font:400 clamp(34px,3.55vw,62px)/1.12 var(--nadora-font-body);letter-spacing:.065em;text-transform:uppercase;text-wrap:balance;margin:0}
.campaign-hero-copy>p{font-size:14px;line-height:1.65;max-width:29ch;margin:24px 0 28px}
.campaign-hero-copy>.refy-button{min-height:46px;max-width:100%;padding:12px 22px;text-align:center}
.campaign-presenter-link{display:table;font-size:11px;line-height:1.6;letter-spacing:.13em;text-transform:uppercase;margin-top:20px;text-decoration:underline;text-underline-offset:5px}
.campaign-presenter-link:hover{text-decoration-thickness:2px}
.campaign-hero-credit{display:flex;justify-content:space-between;gap:8px 24px;flex-wrap:wrap;margin:0;padding:12px 5%;font-size:10px;line-height:1.6;color:var(--nadora-text)}
.campaign-hero-credit>span:first-child{letter-spacing:.13em}
.serum-texture{display:grid;grid-template-columns:2fr 3fr;align-items:center;gap:64px;max-width:1440px;padding:0 48px;margin:80px auto 0;scroll-margin-top:100px}
.serum-texture-copy{max-width:360px}
.serum-texture-copy h2{font:400 28px/1.35 var(--nadora-font-body);letter-spacing:.12em;text-wrap:balance;margin:0}
.serum-texture-copy p{font-size:14px;line-height:1.7;max-width:32ch;margin:22px 0 26px}
.serum-texture-figure{margin:0;min-width:0}
.serum-texture-media{position:relative;aspect-ratio:3/2;overflow:hidden;background:var(--nadora-surface-muted)}
.serum-texture-media picture,.serum-texture-media img,.serum-texture-media video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.serum-texture-media video{opacity:0;transition:opacity .35s}
.serum-texture-media video[data-ready]{opacity:1}
.serum-texture-media .texture-motion{width:44px;height:44px;right:16px;bottom:16px;padding:12px}
.serum-texture-figure figcaption{font-size:10px;line-height:1.65;color:var(--nadora-text);padding-top:10px}
@media(min-width:700px) and (max-width:1149px){
 .campaign-hero-copy{left:4%;width:37%}
 .campaign-hero-copy h1{font-size:clamp(32px,3.5vw,44px)}
 .campaign-hero-copy>p{font-size:13px;margin:18px 0 22px;max-width:26ch}
 .campaign-hero-copy>.refy-button{font-size:11px;letter-spacing:.12em;padding:10px 18px}
 .campaign-presenter-link{font-size:12px;margin-top:16px}
 .serum-texture{padding:0 30px;gap:36px}
 .serum-texture-copy h2{font-size:24px}
}
@media(max-width:699px){
 .campaign-hero-stage{aspect-ratio:auto;min-height:0;height:auto}
 .refy-hero.campaign-hero .campaign-hero-picture{position:relative;inset:auto;aspect-ratio:4/5;width:100%;height:auto}
 .campaign-hero-picture img{object-position:80% top}
 .campaign-hero-copy{position:static;transform:none;max-width:none;width:auto;padding:25px 20px 28px;text-align:center;background:var(--nadora-surface)}
 .campaign-hero-copy h1{font-size:30px;line-height:1.2;letter-spacing:.075em;max-width:15ch;margin:0 auto}
 .campaign-hero-copy>p{font-size:13px;line-height:1.65;max-width:31ch;margin:16px auto 20px}
 .campaign-hero-copy>.refy-button{min-height:44px}
 .campaign-presenter-link{margin:17px auto 0;font-size:12px;line-height:1.6}
 .campaign-hero-credit{display:block;padding:0 20px 18px;text-align:center;font-size:10px}
 .campaign-hero-credit>span{display:block}
 .campaign-hero-credit>span+span{margin-top:5px}
 .serum-texture{grid-template-columns:1fr;gap:26px;padding:0 20px;margin-top:48px;scroll-margin-top:80px}
 .serum-texture-copy{max-width:none}
 .serum-texture-copy h2{font-size:23px;line-height:1.4;letter-spacing:.1em;max-width:20ch}
 .serum-texture-copy p{font-size:13px;max-width:34ch;margin:16px 0 20px}
 .serum-texture-figure figcaption{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.serum-texture-media video{transition:none}}