/* Revlon opening and campaign narrative. */
.revlon-home-hero{position:relative;height:100svh;min-height:640px;overflow:hidden;background:#062139;color:#fff;isolation:isolate}
.revlon-home-poster,.revlon-home-poster img,.revlon-home-hero>.hero-film,.revlon-home-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.revlon-home-hero>.hero-film{z-index:0;object-position:right center}
.revlon-home-shade{z-index:1;background:linear-gradient(90deg,#03101e88,transparent 66%),linear-gradient(0deg,#020d20b8,transparent 44%,#020d2040);pointer-events:none}
.revlon-home-copy{position:absolute;z-index:2;left:var(--pad);bottom:170px}
.revlon-home-copy>.eyebrow{margin-bottom:25px;color:#fff;font-size:14px}
.revlon-home-copy h1{font-size:clamp(72px,8vw,144px);line-height:.95;letter-spacing:0;color:#fff}
.revlon-home-copy h1 span{display:block}
.revlon-home-bottom{position:absolute;z-index:2;bottom:38px;left:var(--pad);right:var(--pad);display:flex;align-items:flex-end;justify-content:space-between;gap:30px}
.hero-case-link{display:grid;gap:7px}.hero-case-link>span{font-size:12px;letter-spacing:.07em}.hero-case-link strong{font-size:21px;font-weight:400}.hero-case-link strong span{margin-left:20px}.hero-case-link small{font-size:14px;color:#ffffffc9}
.hero-case-link:hover strong{color:var(--lime)}.hero-scroll{font-size:14px}.hero-scroll span{margin-left:25px;font-size:24px}.revlon-home-bottom .motion-toggle{margin-left:auto;margin-right:3vw;color:#fff}
.brand-manifesto{background:var(--paper);color:var(--ink);padding-top:130px;padding-bottom:130px}.brand-manifesto>.eyebrow{color:#55574e;margin-bottom:48px}.brand-manifesto h2{font-size:clamp(44px,5.9vw,106px);max-width:1250px;line-height:1.08}.brand-manifesto em{font-style:normal;color:#ad247d}.manifesto-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-top:48px}.manifesto-bottom p{max-width:620px;font-size:22px}.manifesto-bottom .text-link{white-space:nowrap}.portfolio-motion{display:block;margin:-28px 0 30px auto;background:none;border:0;color:inherit;font-size:14px;padding:10px;cursor:pointer}
.revlon-case{padding-top:102px;background:var(--paper);color:var(--ink)}.revlon-case-intro{padding-top:38px;padding-bottom:68px}.revlon-case-intro .back-link{margin-bottom:70px}.revlon-case-kicker{display:flex;justify-content:space-between;gap:28px;margin-bottom:25px}.revlon-case-kicker .eyebrow{font-size:14px}.revlon-case-intro h1{font-size:clamp(68px,9.6vw,172px);line-height:.98;max-width:1400px}.revlon-case-deck{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin:40px 0 25px}.revlon-case-deck p{font-size:23px;max-width:650px;margin:0}
.revlon-wide-frame{position:relative;margin:0;background:#04243b}.revlon-wide-frame img{display:block;width:100%;height:auto;max-height:850px;object-fit:cover}.revlon-wide-frame figcaption{position:absolute;bottom:18px;left:var(--pad);color:white;font-size:12px;background:#061625ab;padding:6px 10px}
.revlon-story{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:115px;padding-bottom:115px}.revlon-story h2{font-size:clamp(44px,4.9vw,86px);margin-top:30px}.revlon-story .lead{font-size:clamp(24px,2.1vw,33px);margin-bottom:25px}.revlon-story p:not(.lead):not(.eyebrow){max-width:650px;color:#4b4d46}
.revlon-concept{background:#06243a;color:white;display:grid;grid-template-columns:1fr 1fr;gap:35px 10%;padding-top:100px;padding-bottom:110px}.revlon-concept>.eyebrow{grid-column:1/-1;color:#b8dce8}.revlon-concept h2{font-size:clamp(70px,8.7vw,155px);line-height:.97}.revlon-concept h2 em{font-style:normal;color:var(--lime)}.revlon-concept-copy{align-self:end}.revlon-concept-copy .lead{font-size:32px;margin-bottom:25px}.revlon-concept-copy p:not(.lead){color:#d2e0e8}
.revlon-visual-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;background:#06243a;padding:0 var(--pad) 80px;color:#d2e0e8}.revlon-visual-pair figure{margin:0}.revlon-visual-pair img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.revlon-visual-pair figcaption{font-size:13px;margin-top:12px}
.revlon-films{background:#101714;color:var(--paper)}.revlon-films-intro{display:grid;grid-template-columns:1fr 1fr;gap:25px 10%;margin-bottom:85px}.revlon-films-intro .eyebrow{grid-column:1/-1;color:var(--lime)}.revlon-films-intro h2{font-size:clamp(48px,6.6vw,116px)}.revlon-films-intro>p:last-child{align-self:end;font-size:22px;max-width:540px}.revlon-film{scroll-margin-top:35px}.revlon-film+.revlon-film{margin-top:85px}.revlon-film-heading{display:grid;grid-template-columns:100px 1fr 1fr;gap:25px;align-items:start;margin-bottom:28px}.revlon-film-heading .eyebrow{color:var(--lime);padding-top:9px}.revlon-film-heading h3{font-family:Korium,Arial,sans-serif;font-size:clamp(32px,3.4vw,58px);font-weight:400;line-height:1}.revlon-film-heading p{font-size:18px;color:#c8d0ca;max-width:500px}.revlon-film video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#052138}
.revlon-closing{background:#b8dce8;color:#122a39}.revlon-closing .eyebrow{margin-bottom:35px}.revlon-closing h2{font-size:clamp(50px,7vw,122px);margin-bottom:35px}.revlon-closing>p:not(.eyebrow){font-size:24px;max-width:750px}.revlon-closing .text-link{margin-top:35px}.revlon-case .credits{background:var(--paper)}
@media(min-width:901px) and (max-height:760px){.revlon-home-copy{bottom:148px}.revlon-home-copy h1{font-size:clamp(70px,6.9vw,108px)}.revlon-home-copy>.eyebrow{margin-bottom:16px}}
@media(max-width:900px){.revlon-story,.revlon-concept{gap:35px 6%}.revlon-film-heading{grid-template-columns:70px 1fr}.revlon-film-heading p{grid-column:2}.revlon-case-deck p{font-size:20px}.manifesto-bottom p{font-size:20px}.revlon-home-copy h1{font-size:clamp(72px,10vw,110px)}}
@media(max-width:700px){.revlon-home-hero{min-height:610px}.revlon-home-hero>.hero-film{object-position:center}.revlon-home-shade{background:linear-gradient(0deg,#020d20e6,transparent 82%)}.revlon-home-copy{bottom:180px;right:var(--pad)}.revlon-home-copy h1{font-size:clamp(64px,16vw,100px)}.revlon-home-copy>.eyebrow{font-size:12px;margin-bottom:19px}.revlon-home-bottom{bottom:28px;display:grid;grid-template-columns:1fr auto;gap:20px 15px}.hero-case-link{grid-column:1/-1}.hero-case-link strong{font-size:19px}.revlon-home-bottom .motion-toggle{margin:0;justify-self:start;font-size:13px;padding:7px 0}.hero-scroll{font-size:13px}.hero-scroll span{font-size:20px;margin-left:16px}.brand-manifesto{padding-top:75px;padding-bottom:75px}.brand-manifesto>.eyebrow{font-size:12px;margin-bottom:30px}.brand-manifesto h2{font-size:clamp(34px,8.6vw,59px);line-height:1.15}.manifesto-bottom{display:block;margin-top:30px}.manifesto-bottom p{font-size:19px}.manifesto-bottom a{margin-top:26px}.portfolio-motion{margin:-10px 0 22px auto}.revlon-case{padding-top:91px}.revlon-case-intro{padding-top:28px;padding-bottom:42px}.revlon-case-intro .back-link{margin-bottom:38px}.revlon-case-kicker{display:block}.revlon-case-kicker p+p{margin-top:10px}.revlon-case-kicker .eyebrow{font-size:12px}.revlon-case-intro h1{font-size:clamp(49px,12.6vw,80px)}.revlon-case-deck{display:block;margin-top:25px}.revlon-case-deck p{font-size:19px}.revlon-case-deck p+p{margin-top:20px}.revlon-wide-frame img{max-height:none}.revlon-wide-frame figcaption{position:static;font-size:12px;padding:12px var(--pad);background:#06243a}.revlon-story{display:block;padding-top:65px;padding-bottom:65px}.revlon-story h2{font-size:46px;margin:24px 0 32px}.revlon-story .lead{font-size:25px}.revlon-concept{display:block;padding-top:65px;padding-bottom:40px}.revlon-concept h2{font-size:clamp(70px,20vw,120px);margin:32px 0 40px}.revlon-concept-copy .lead{font-size:27px}.revlon-visual-pair{grid-template-columns:1fr;gap:30px;padding-bottom:60px}.revlon-films-intro{display:block;margin-bottom:50px}.revlon-films-intro h2{font-size:57px;margin:24px 0}.revlon-films-intro>p:last-child{font-size:20px}.revlon-film-heading{display:block;margin-bottom:20px}.revlon-film-heading h3{font-size:38px;margin:12px 0}.revlon-film-heading p{font-size:17px}.revlon-film+.revlon-film{margin-top:55px}.revlon-closing h2{font-size:57px}.revlon-closing>p:not(.eyebrow){font-size:21px}.revlon-case .credits dl>div{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:no-preference){.revlon-home-copy h1 span{animation:revlon-arrive .85s both cubic-bezier(.2,.7,.2,1)}.revlon-home-copy h1 span:nth-child(2){animation-delay:.1s}.revlon-home-copy h1 span:nth-child(3){animation-delay:.2s}.reveal-ready{opacity:0;transform:translateY(25px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal-ready.revealed{opacity:1;transform:none}@keyframes revlon-arrive{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}}
@media(prefers-reduced-motion:reduce){.revlon-home-hero>.hero-film{display:none}.motion-toggle,.portfolio-motion,.lab-motion{display:none}.reveal-ready{opacity:1;transform:none}}

/* Balance the hero when the supporting copy is intentionally minimal. */
.revlon-home-copy{align-items:center}

.lab-archive-grid[hidden]{display:none!important}

.brand-manifesto h2>span{display:block}
@media(prefers-reduced-motion:no-preference){.brand-manifesto h2.reveal-ready>span{opacity:0;transform:translateY(20px);transition:opacity .7s,transform .7s}.brand-manifesto h2.revealed>span{opacity:1;transform:none}.brand-manifesto h2>span:nth-child(2){transition-delay:.12s}.brand-manifesto h2>span:nth-child(3){transition-delay:.24s}}

html:has(.revlon-case){scroll-behavior:auto}

/* Campaign photography forms its own chapter between the creative story and films. */
.revlon-photography{background:#061c30;color:#f7f7f2}
.revlon-photo-intro{display:grid;grid-template-columns:1fr 1fr;gap:30px 9%;align-items:end;padding-bottom:68px}
.revlon-photo-intro .eyebrow{grid-column:1/-1;color:#ed5abc}
.revlon-photo-intro h2{font-size:clamp(54px,6.7vw,112px);line-height:1}
.revlon-photo-intro>p:last-child{font-size:clamp(19px,1.7vw,26px);line-height:1.4;max-width:610px;margin:0}
.revlon-photo-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0 var(--pad) clamp(68px,7vw,120px)}
.revlon-photo-gallery figure{margin:0;min-width:0;overflow:hidden;background:#071b2d}
.revlon-photo-gallery .revlon-photo-wide{grid-column:1/-1}
.revlon-photo-gallery img{display:block;width:100%;height:100%;aspect-ratio:4/3;object-fit:cover}
.revlon-photo-gallery .revlon-photo-wide img{aspect-ratio:2/1;object-position:center 48%}
@media(max-width:700px){.revlon-photo-intro{display:block;padding-bottom:38px}.revlon-photo-intro h2{font-size:clamp(54px,13vw,78px);margin:24px 0}.revlon-photo-intro>p:last-child{font-size:19px}.revlon-photo-gallery{gap:10px;padding-inline:10px;padding-bottom:65px}.revlon-photo-gallery img{aspect-ratio:3/4}.revlon-photo-gallery .revlon-photo-wide img{aspect-ratio:4/3}}