/* Paese / Maybelline: real catalogue photography, readable copy and distinct brand stages. */
.brand-feature{display:grid;grid-template-columns:1.08fr 1fr;gap:0;padding:0;position:relative;isolation:isolate;overflow:hidden;border-radius:3px;color:#19131f}
.paese-teaser-link.brand-feature{background:#eee6ff;border:1px solid #daceef}
.brand-feature-copy{padding:42px 46px;align-self:center;min-width:0;position:relative;z-index:2}
.brand-feature .eyebrow{font-size:10px;line-height:1.5;letter-spacing:.1em;font-weight:700;margin:0 0 20px;color:#49345d}
.paese-teaser .brand-feature .paese-logo{width:126px;max-width:none;height:auto;margin:0 0 24px;filter:brightness(0)}
.paese-teaser-copy{gap:0}
.brand-feature .paese-teaser-copy strong,.brand-feature .spotlight-tagline{font:700 clamp(40px,4.3vw,64px)/1.02 var(--display);letter-spacing:-.055em;max-width:none;margin:0 0 20px}
.brand-feature em{font-style:normal;color:#713ba5}
.brand-feature .brand-feature-description{display:block;font-size:16px;line-height:1.55;color:#4a3c51;max-width:390px;margin:0 0 24px}
.brand-feature .paese-teaser-cta,.brand-feature .text-button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;align-self:flex-start;width:fit-content;max-width:100%;background:#171218;color:#fff;border:0;border-radius:0;min-height:48px;font:600 14px/1.4 var(--sans);letter-spacing:0;padding:14px 20px;text-decoration:none;text-align:left;white-space:normal;cursor:pointer}
.brand-feature .paese-teaser-cta>span{font-size:21px}
.brand-feature .brand-feature-stock,.brand-feature .spotlight-note{display:block;font-size:12px;line-height:1.5;font-weight:500;color:#57465d;margin:14px 0 0}
.brand-feature-stage{position:relative;display:flex;align-items:center;min-width:0;min-height:430px;align-self:stretch;overflow:hidden;background:#ccb5ef}
.brand-feature-orbit{position:absolute;width:85%;aspect-ratio:1;border:1px solid #fff9;border-radius:50%;left:8%;top:10%;background:#e7dafa;box-shadow:0 0 0 28px #ffffff1f}
.brand-feature-stamp{position:absolute;top:24px;right:24px;z-index:2;display:flex;align-items:center;justify-content:center;text-align:center;width:100px;height:100px;border:1.5px solid #382246;border-radius:50%;background:#eaff9f;color:#30203e;font-size:11px;line-height:1.35;font-weight:800;letter-spacing:.05em;transform:rotate(10deg)}
.brand-feature .paese-art,.brand-feature .spotlight-art{display:block;position:relative;width:100%;max-width:none;height:365px;flex:none;align-self:center;grid-area:auto}
.brand-feature .campaign-art{height:100%;width:100%}
.brand-feature .campaign-art:before{display:none}
.brand-feature .campaign-product{width:40%;height:76%;left:4%;top:12%;transform:rotate(-12deg);mix-blend-mode:multiply}
.brand-feature .campaign-product:nth-child(2){width:43%;height:76%;left:34%;top:24%;transform:rotate(9deg);z-index:1}
.brand-feature .campaign-product:nth-child(3){display:block;width:28%;height:62%;left:69%;top:23%;transform:rotate(14deg)}
.brand-stage-caption{position:absolute;bottom:22px;left:12px;right:12px;text-align:center;font-size:10px;letter-spacing:.18em;font-weight:700;color:#49345d}
.paese-reasons{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #d1c2e2;padding:22px 34px;background:#f8f4ff;gap:24px}
.paese-reasons>span{display:flex;flex-direction:column;font-size:12px;line-height:1.6;color:#63536f}
.paese-reasons b{font-size:13px;font-weight:600;color:#33213f;margin-bottom:3px}
.paese-formula-note{font-size:11px;color:#66566d;line-height:1.5;margin:9px 0 0}
.spotlight-banner.brand-feature{background:#ffe2ef;border:1px solid #f1bfd6;align-items:stretch;margin-bottom:0}
.spotlight-banner.brand-feature .eyebrow{color:#762547;margin-bottom:14px}
.spotlight-banner.brand-feature h2{margin:0 0 26px}
.spotlight-banner.brand-feature h2 .brand-logo{height:auto;margin:0}
.spotlight-banner.brand-feature h2 .brand-logo img{height:30px;max-width:210px;width:auto;filter:brightness(0)}
.spotlight-banner.brand-feature .spotlight-tagline{font-size:clamp(40px,4.2vw,62px)}
.spotlight-banner.brand-feature em{color:#b01853}
.spotlight-banner.brand-feature .brand-feature-description{color:#593b49}
.spotlight-banner.brand-feature .spotlight-note{color:#653c50}
.maybelline-stage{background:#fba5ce}
.maybelline-stage .brand-feature-orbit{background:#ffd3e7;border-color:#fff9;transform:rotate(-18deg);border-radius:45% 55% 38% 62%}
.maybelline-stage .brand-feature-stamp{border-radius:0;width:auto;height:auto;padding:14px 17px;top:28px;right:23px;background:#111;color:#fff;border:0;box-shadow:4px 4px 0 #fff;transform:rotate(7deg)}
.maybelline-stage .brand-stage-caption{color:#6c2344}
.paese-story{background:#f2ebff;border:1px solid #dfd1ed;margin:28px 0 32px;padding:30px 34px}
.paese-story-heading .eyebrow{font-size:10px;letter-spacing:.09em;color:#644378;margin:0 0 10px}
.paese-story h3{font:700 clamp(26px,3vw,36px)/1.1 var(--display);letter-spacing:-.04em;margin:0 0 26px}
.paese-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.paese-story article>span{font:700 13px var(--display);color:#77508b}
.paese-story h4{font:700 19px/1.2 var(--display);margin:12px 0 10px;letter-spacing:-.025em}
.paese-story p{font-size:14px;line-height:1.6;color:#55495f;margin:0}
.paese-story-cta{display:inline-flex;align-items:center;gap:22px;background:#171218;color:#fff;padding:13px 18px;min-height:48px;font-size:14px;font-weight:600;text-decoration:none;margin-top:24px}
#paese-grid{scroll-margin-top:120px}
@media(min-width:1600px){.brand-feature-copy{padding:50px 60px}.brand-feature-stage{min-height:480px}.brand-feature .paese-art,.brand-feature .spotlight-art{height:420px}}
@media(min-width:701px) and (max-width:1000px){.brand-feature-copy{padding:32px 28px}.brand-feature .paese-teaser-copy strong,.spotlight-banner.brand-feature .spotlight-tagline{font-size:42px}.brand-feature .brand-feature-description{font-size:14px}.brand-feature .paese-art,.brand-feature .spotlight-art{height:290px}.brand-feature-stamp{width:80px;height:80px;font-size:9px;right:15px}.paese-reasons{padding:20px 24px;gap:18px}}
@media(max-width:700px){
 .brand-feature{grid-template-columns:1fr}
 .brand-feature-copy{padding:28px 24px;grid-column:1;grid-row:auto}
 .brand-feature .eyebrow{font-size:9px;letter-spacing:.06em;margin-bottom:16px}
 .paese-teaser .brand-feature .paese-logo{width:104px;margin:0 0 18px}
 .brand-feature .paese-teaser-copy strong,.spotlight-banner.brand-feature .spotlight-tagline{font-size:clamp(36px,10vw,52px);margin-bottom:16px}
 .brand-feature .brand-feature-description{font-size:15px;line-height:1.5;max-width:460px;margin-bottom:20px}
 .brand-feature .paese-teaser-cta,.brand-feature .text-button{font-size:13px;min-height:48px;padding:12px 17px;grid-area:auto}
 .brand-feature .brand-feature-stock,.brand-feature .spotlight-note{font-size:12px;margin-top:12px}
 .brand-feature-stage{min-height:250px;grid-column:1;grid-row:auto}
 .brand-feature .paese-art,.brand-feature .spotlight-art{height:260px;max-width:430px;margin:auto}
 .brand-feature-orbit{width:65%;left:18%;top:4%}
 .brand-feature-stamp{width:72px;height:72px;font-size:8px;top:16px;right:18px}
 .brand-feature .campaign-product{height:80%;width:38%;top:5%;left:4%}
 .brand-feature .campaign-product:nth-child(2){width:40%;height:80%;left:34%;top:13%}
 .brand-feature .campaign-product:nth-child(3){width:26%;height:64%;left:71%;top:19%}
 .brand-stage-caption{bottom:12px;font-size:8px;letter-spacing:.13em}
 .paese-reasons{grid-template-columns:1fr;gap:13px;padding:22px 24px}
 .paese-reasons>span{font-size:12px;line-height:1.5}
 .paese-reasons b{font-size:13px;margin-bottom:2px}
 .paese-formula-note{font-size:10px;margin-top:8px}
 .spotlight-banner.brand-feature h2{margin-bottom:22px}
 .spotlight-banner.brand-feature h2 .brand-logo img{width:180px;max-width:100%;height:auto}
 .maybelline-stage .brand-feature-stamp{font-size:9px;padding:11px 12px;top:18px;right:20px}
 .paese-story{padding:24px;margin:24px 0}
 .paese-story-grid{grid-template-columns:1fr;gap:22px}
 .paese-story h3{margin-bottom:22px}.paese-story h4{margin:8px 0;font-size:19px}
 .paese-story p{font-size:14px}.paese-story-cta{font-size:13px;gap:10px}
}
@media(prefers-reduced-motion:reduce){.paese-teaser-link{transition:none}}
