/* Campaign covers and magazine spreads, scoped to the three makeup catalogues. */
.mk-campaign{--campaign-ease:cubic-bezier(.2,.75,.18,1)}
.mk-campaign .mk-top{backdrop-filter:blur(16px);background:color-mix(in srgb,var(--mk-paper) 92%,transparent)}
.mk-campaign .campaign-cover{height:130svh;min-height:900px;max-height:1120px;margin:0 4vw;position:relative;overflow:visible}
.mk-campaign .mk-hero-copy{left:0;top:160px;width:37%;z-index:4}
.mk-campaign .mk-hero-copy h1{font:clamp(68px,6.7vw,108px)/.98 Georgia,serif;letter-spacing:-.065em;max-width:100%;margin:0 0 35px}
.mk-campaign .mk-hero-copy h1 em{display:inline-block;font:1.33em/.9 Bebas,sans-serif;font-style:normal;letter-spacing:-.03em;margin-top:12px}
.mk-campaign .mk-hero-copy>a{font:13px/1.4 Arial,sans-serif;display:inline-flex;align-items:center;gap:20px}
.mk-campaign .campaign-portrait{position:absolute;right:0;top:45px;width:40%;height:calc(100% - 155px);margin:0;overflow:hidden;z-index:1}
.mk-campaign .campaign-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 43%;transform:translateY(calc(var(--scene,0)*28px)) scale(1.08);transition:transform .35s linear}
.mk-campaign .mk-hero-product{position:absolute!important;left:38%!important;top:135px!important;width:22%!important;height:700px!important;max-width:none!important;z-index:3;transform:translateY(calc(var(--scene,0)*-35px)) rotate(-10deg);transform-origin:center;mix-blend-mode:multiply}
.mk-campaign .mk-hero-product .catalog-cutout{filter:none!important;max-width:none;flex:none}
.mk-campaign .mk-hero-caption{left:40%;bottom:50px;font:13px/1.5 Arial,sans-serif;max-width:180px;z-index:3}
.mk-campaign .campaign-chapter{padding:70px 4vw 130px;position:relative;isolation:isolate}
.mk-campaign .campaign-opening{display:grid;grid-template-columns:5fr 7fr;gap:3vw;align-items:start;min-height:1000px;position:relative;margin-bottom:100px}
.mk-campaign .mk-chapter-head{grid-column:1;grid-row:1;display:block!important;position:sticky;top:155px;min-height:0!important;margin:0!important;padding-top:50px;z-index:3;align-self:start}
.mk-campaign .mk-chapter-head h2{font-size:clamp(105px,11.7vw,188px)!important;line-height:.84;letter-spacing:-.04em;margin:0 0 28px;max-width:100%;overflow-wrap:normal}
.mk-campaign [data-category=herramientas] .mk-chapter-head h2,.mk-campaign [data-category=profesional] .mk-chapter-head h2,.mk-campaign [data-category=accesorios] .mk-chapter-head h2,.mk-campaign [data-category=delineadores] .mk-chapter-head h2{font-size:clamp(70px,7.8vw,126px)!important}
.mk-campaign .mk-chapter-head p{font:italic clamp(25px,2.5vw,39px)/1.15 Georgia,serif;letter-spacing:-.025em;max-width:440px;margin:0}
.mk-campaign .campaign-sculpture{position:absolute;left:40%;top:45px;width:75%;height:760px;object-fit:contain;z-index:0;pointer-events:none;transform:translateY(calc(var(--scene,0)*48px)) rotate(calc(var(--scene,0)*-7deg));transform-origin:center}
.mk-campaign.mk-prosa .campaign-sculpture{left:52%;top:-30px;width:59%;height:650px;transform:translateY(calc(var(--scene,0)*40px)) rotate(-25deg)}
.mk-campaign .campaign-feature{grid-column:2;grid-row:1;z-index:2;--pack-h:680px;margin-top:50px!important}
.mk-campaign .chapter-1 .mk-chapter-head{grid-column:2;padding-top:180px}
.mk-campaign .chapter-1 .campaign-feature{grid-column:1;margin-top:0!important}
.mk-campaign .chapter-2 .campaign-feature{--pack-h:760px;margin-top:140px!important}
.mk-campaign .campaign-layout{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:4vw;row-gap:150px;align-items:start;padding:0;position:relative}
.mk-campaign .mk-product{position:relative;min-height:0!important;height:auto!important;min-width:0;margin:0;transform:none!important;opacity:1;background:transparent;--pack-h:560px;--scene:0}
.mk-campaign .mk-product>button{position:relative!important;inset:auto!important;display:block!important;width:100%;height:auto!important;min-height:0!important;text-align:left;padding:0!important;overflow:visible}
.mk-campaign .mk-product .mk-pack{position:relative!important;inset:auto!important;left:auto!important;top:auto!important;width:100%!important;height:var(--pack-h)!important;display:flex!important;align-items:center;justify-content:center;transform:none!important;mix-blend-mode:multiply;overflow:visible}
.mk-campaign .mk-product .mk-float{display:flex;width:100%;height:100%;align-items:center;justify-content:center;translate:none;transform:translate3d(var(--mx,0px),calc(var(--my,0px) + var(--scene,0)*-32px),0) rotate(calc(var(--roll) + var(--tilt,0deg) + var(--scene,0)*4deg));transition:transform .65s var(--campaign-ease);transform-origin:center;will-change:transform}
.mk-campaign .mk-product .catalog-cutout{flex:none;max-width:none!important;filter:none!important}
.mk-campaign .mk-product .mk-product-copy{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;padding:42px 0 0!important;display:block;max-width:100%;z-index:4}
.mk-campaign .mk-product .mk-kind{font:13px/1.5 Arial,sans-serif;display:block;margin-bottom:16px}
.mk-campaign .mk-product h3{font-size:clamp(38px,4.6vw,70px)!important;line-height:.94;letter-spacing:-.025em;margin:0 0 22px;max-width:100%;overflow-wrap:anywhere}
.mk-campaign .mk-product .mk-product-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;font:13px/1.5 Arial,sans-serif;margin-top:24px}
.mk-campaign .mk-product-foot>span{font-size:34px}
.mk-campaign .mk-mini-tones{display:flex;gap:9px;align-items:center;margin:22px 0 0}
.mk-campaign .mk-mini-tones img{width:26px;height:26px;object-fit:cover;border-radius:50%}
.mk-campaign .mk-mini-tones small{font:12px Arial,sans-serif}
.mk-campaign .campaign-feature{--pack-h:680px}
.mk-campaign .campaign-feature .mk-product-copy{padding-top:25px!important;margin-left:10%;max-width:85%}
.mk-campaign .campaign-feature h3{font-size:clamp(42px,4.7vw,73px)!important}
.mk-campaign .campaign-large{grid-column:1/8;--pack-h:680px}
.mk-campaign .campaign-small{grid-column:9/13;--pack-h:430px;margin-top:210px!important}
.mk-campaign .campaign-small h3,.mk-campaign .campaign-compact h3,.mk-campaign .campaign-compact-left h3{font-size:clamp(34px,3.4vw,50px)!important}
.mk-campaign .campaign-compact{grid-column:2/6;--pack-h:460px;margin-top:60px!important}
.mk-campaign .campaign-offset{grid-column:7/13;--pack-h:650px;margin-top:-70px!important}
.mk-campaign .campaign-wide{grid-column:1/13;--pack-h:700px;margin-top:80px!important}
.mk-campaign .campaign-wide>button{display:grid!important;grid-template-columns:7fr 5fr;gap:4vw;align-items:center}
.mk-campaign .campaign-wide .mk-product-copy{padding-top:0!important}
.mk-campaign .campaign-large-right{grid-column:6/13;--pack-h:720px;margin-top:-80px!important}
.mk-campaign .campaign-compact-left{grid-column:1/6;--pack-h:480px;margin-top:160px!important}
.mk-campaign [data-category=profesional] .mk-product{--pack-h:520px}
.mk-campaign [data-category=profesional] .mk-product h3{font-size:clamp(32px,3.5vw,52px)!important}
.mk-campaign .portfolio-footer{padding-top:90px}
@media(max-width:900px)and(min-width:701px){.mk-campaign .mk-hero-copy h1{font-size:60px}.mk-campaign .mk-hero-product{height:600px!important;top:190px!important}.mk-campaign .campaign-opening{grid-template-columns:5fr 6fr}.mk-campaign .mk-chapter-head h2{font-size:100px!important}.mk-campaign .mk-product{--pack-h:500px}.mk-campaign .campaign-small{--pack-h:360px}}
@media(max-width:700px){
.mk-campaign .campaign-cover{height:1030px;min-height:1030px;max-height:none;margin:0 22px}
.mk-campaign .mk-hero-copy{top:45px!important;left:0;width:100%!important}
.mk-campaign .mk-hero-copy h1{font-size:68px;max-width:100%;line-height:.95;margin-bottom:20px}
.mk-campaign .mk-hero-copy h1 em{font-size:1.28em}
.mk-campaign .mk-hero-copy>a{font-size:13px}
.mk-campaign .campaign-portrait{top:350px;right:-22px;width:76%;height:570px}
.mk-campaign .mk-hero-product{top:345px!important;left:-5%!important;width:49%!important;height:560px!important;transform:translateY(calc(var(--scene,0)*-20px)) rotate(-13deg)}
.mk-campaign .mk-hero-caption{left:0!important;bottom:45px!important;font-size:12px;max-width:70%}
.mk-campaign .campaign-chapter{padding:65px 22px 80px}
.mk-campaign .campaign-opening{display:block;min-height:0;margin-bottom:90px}
.mk-campaign .mk-chapter-head,.mk-campaign .chapter-1 .mk-chapter-head{position:relative;top:auto;padding-top:0;margin:0 0 35px!important}
.mk-campaign .mk-chapter-head h2{font-size:clamp(90px,24vw,154px)!important;line-height:.87;max-width:100%;margin-bottom:23px}
.mk-campaign [data-category=herramientas] .mk-chapter-head h2,.mk-campaign [data-category=profesional] .mk-chapter-head h2,.mk-campaign [data-category=accesorios] .mk-chapter-head h2,.mk-campaign [data-category=delineadores] .mk-chapter-head h2{font-size:clamp(54px,15vw,95px)!important}
.mk-campaign .mk-chapter-head p{font-size:29px;max-width:100%}
.mk-campaign .campaign-feature,.mk-campaign .chapter-2 .campaign-feature{--pack-h:570px;margin-top:45px!important}
.mk-campaign .campaign-feature .mk-product-copy{margin-left:0;max-width:100%;padding-top:30px!important}
.mk-campaign .campaign-feature h3{font-size:56px!important}
.mk-campaign .campaign-sculpture{top:180px;left:10%;width:120%;height:610px;transform:translateY(calc(var(--scene,0)*25px)) rotate(12deg)}
.mk-campaign.mk-prosa .campaign-sculpture{left:24%;top:170px;width:100%;height:530px}
.mk-campaign .campaign-layout{display:block}
.mk-campaign .campaign-layout .mk-product{width:100%;margin:0 0 95px!important;--pack-h:530px}
.mk-campaign .campaign-layout .campaign-small,.mk-campaign .campaign-layout .campaign-compact{width:83%;margin-left:17%!important;--pack-h:440px}
.mk-campaign .campaign-layout .campaign-offset,.mk-campaign .campaign-layout .campaign-large-right{width:96%;--pack-h:580px}
.mk-campaign .campaign-layout .campaign-compact-left{width:85%;--pack-h:440px}
.mk-campaign .campaign-wide>button{display:block!important}
.mk-campaign .mk-product .mk-product-copy{padding-top:32px!important}
.mk-campaign .mk-product h3,.mk-campaign .campaign-small h3,.mk-campaign .campaign-compact h3,.mk-campaign .campaign-compact-left h3{font-size:48px!important;line-height:.96}
.mk-campaign .mk-product .mk-product-foot{font-size:13px;margin-top:20px}
.mk-campaign [data-category=profesional] .campaign-layout .mk-product{--pack-h:420px}
.mk-campaign [data-category=profesional] .campaign-feature{--pack-h:480px}
}
@media(prefers-reduced-motion:reduce){.mk-campaign .campaign-portrait img,.mk-campaign .campaign-sculpture{transform:none;transition:none}.mk-campaign .mk-product .mk-float{transform:rotate(var(--roll));transition:none;will-change:auto}.mk-campaign .mk-hero-product{transform:rotate(-10deg)}}
.mk-campaign .campaign-feature{mix-blend-mode:multiply}.mk-campaign.mk-pinkup .campaign-feature{mix-blend-mode:normal}.mk-campaign.mk-pinkup [data-item=kiss] .mk-pack{mix-blend-mode:normal}

.mk-campaign .campaign-sculpture{left:58%;width:60%}.mk-campaign.mk-pinkup .campaign-sculpture{left:57%;width:64%;top:120px;transform:translateY(calc(var(--scene,0)*35px)) rotate(17deg)}
@media(max-width:700px){.mk-campaign .campaign-sculpture,.mk-campaign.mk-pinkup .campaign-sculpture{left:28%;width:110%;top:250px}}
/* Set pieces frame the type; product labels keep a clear field. */
.mk-campaign.mk-bissu .campaign-sculpture{left:-16%;width:57%;top:420px;transform:translateY(calc(var(--scene,0)*35px)) rotate(-20deg)}
.mk-campaign.mk-prosa .campaign-sculpture{left:-15%;width:57%;top:400px;transform:translateY(calc(var(--scene,0)*35px)) rotate(-20deg)}
@media(max-width:700px){.mk-campaign.mk-bissu .campaign-sculpture,.mk-campaign.mk-prosa .campaign-sculpture{left:-52%;width:100%;top:520px}}
.mk-campaign .campaign-chapter{isolation:auto}

.mk-campaign.mk-prosa .campaign-brush{left:-10%;top:350px;width:54%;height:230px;object-fit:contain;transform:translateY(calc(var(--scene,0)*30px)) rotate(-12deg);z-index:0}
@media(max-width:700px){.mk-campaign.mk-prosa .campaign-brush{left:-40%;top:400px;width:65%;height:180px;transform:rotate(-65deg);opacity:.85}}
@media(max-width:700px){.mk-campaign.mk-prosa .campaign-brush{left:0;top:85px;width:80%;height:70px;transform:translateY(calc(var(--scene,0)*8px));opacity:1}}

/* One blend boundary: transformed inner layers otherwise retain white mattes on mobile. */
.mk-campaign .mk-product{mix-blend-mode:multiply;isolation:auto!important}
.mk-campaign .mk-product .mk-pack,.mk-campaign .mk-product .catalog-cutout{mix-blend-mode:normal!important;isolation:auto!important}
.mk-campaign.mk-pinkup .campaign-feature{mix-blend-mode:normal}
.mk-campaign .mk-product .mk-product-copy{transform:translateY(calc(var(--scene,0)*12px));transition:transform .65s var(--campaign-ease)}
.mk-campaign .mk-product .mk-float{transform:translate3d(var(--mx,0px),calc(var(--my,0px) + var(--scene,0)*-42px),0) rotate(calc(var(--roll) + var(--tilt,0deg) + var(--scene,0)*4deg))}
@media(min-width:701px){
 .mk-campaign .campaign-cover{height:calc(100svh - 70px);min-height:700px;max-height:860px}
 .mk-campaign .mk-hero-copy{top:130px}
 .mk-campaign .mk-hero-product{top:90px!important;height:580px!important}
 .mk-campaign .campaign-portrait{height:calc(100% - 110px)}
 .mk-campaign .mk-hero-caption{bottom:25px}
 .mk-campaign .campaign-chapter{padding-top:45px;padding-bottom:55px}
 .mk-campaign .campaign-opening{min-height:0;margin-bottom:50px;gap:4vw}
 .mk-campaign .mk-chapter-head,.mk-campaign .chapter-1 .mk-chapter-head{position:relative;top:auto;padding-top:80px}
 .mk-campaign .mk-chapter-head h2{font-size:clamp(100px,10vw,160px)!important}
 .mk-campaign .campaign-feature,.mk-campaign .chapter-2 .campaign-feature{--pack-h:480px;margin-top:20px!important}
 .mk-campaign .campaign-feature h3{font-size:clamp(42px,4vw,62px)!important}
 .mk-campaign .campaign-feature .mk-product-copy{padding-top:24px!important}
 .mk-campaign .campaign-layout.is-packed{display:block;position:relative}
 .mk-campaign .campaign-layout.is-packed>.mk-product{position:absolute!important;inset:auto!important;left:var(--tile-x)!important;top:var(--tile-y)!important;width:var(--tile-w)!important;margin:0!important;min-height:0!important;height:auto!important}
 .mk-campaign .campaign-layout.is-packed>.mk-product>button{display:block!important;min-height:0!important;height:auto!important}
 .mk-campaign .campaign-layout.is-packed .mk-product-copy{padding-top:30px!important}
 .mk-campaign .campaign-layout.is-packed h3{font-size:clamp(34px,3.4vw,52px)!important}
 .mk-campaign .campaign-sculpture{max-height:520px}
 .mk-campaign.mk-pinkup .campaign-sculpture{top:30px;height:500px;width:58%;left:61%}
 .mk-campaign.mk-bissu .campaign-sculpture{top:250px;height:400px;width:43%;left:-12%}
 .mk-campaign.mk-prosa .campaign-brush{top:300px;height:150px;width:43%;left:0}
}
@media(min-width:1200px){.mk-campaign .campaign-layout.is-packed h3{font-size:42px!important}}
@media(max-width:700px){
 .mk-campaign .campaign-layout .mk-product{margin-bottom:70px!important}
 .mk-campaign .campaign-layout .mk-product .mk-product-copy{padding-top:35px!important}
}
@media(prefers-reduced-motion:reduce){.mk-campaign .mk-product .mk-product-copy{transform:none;transition:none}.mk-campaign .mk-product .mk-float{transform:rotate(var(--roll));transition:none}}

@media(min-width:701px){
 .mk-campaign .campaign-companion{grid-column:1;grid-row:1;margin:290px 0 0!important;--pack-h:265px;max-width:92%;z-index:2}
 .mk-campaign .chapter-1 .campaign-companion{grid-column:2;margin-top:320px!important}
 .mk-campaign .campaign-companion h3{font-size:38px!important}
 .mk-campaign .campaign-companion .mk-product-copy{padding-top:22px!important}
 .mk-campaign .campaign-companion .mk-kind{margin-bottom:10px}
 .mk-campaign.mk-bissu .campaign-sculpture{left:-25%;top:60px;width:25%;height:300px}
}
@media(max-width:700px){.mk-campaign .campaign-companion{--pack-h:480px;margin:75px 0 0!important}.mk-campaign .campaign-companion .mk-product-copy{padding-top:35px!important}}

/* Keep the white-matte blend within the crop, below its animated parent. */
.mk-campaign:is(.mk-bissu,.mk-pinkup) :is(.mk-product,.mk-hero-product){mix-blend-mode:normal}
.mk-campaign :is(.mk-paper-photo,.mk-alpha-photo),
.mk-detail :is(.mk-paper-photo,.mk-alpha-photo){mix-blend-mode:normal!important}
.mk-campaign .mk-paper-photo,.mk-detail .detail-art .mk-paper-photo{
 isolation:isolate!important;
 background-color:var(--mk-photo-paper,var(--mk-paper));
}
.mk-campaign .mk-paper-photo{transition:background-color .8s}
.mk-detail .detail-art{--mk-photo-paper:#ecdde0}
:is(.mk-campaign,.mk-detail .detail-art) .mk-paper-photo>img{mix-blend-mode:multiply}
.mk-detail .mk-alternates .mk-paper-photo{mix-blend-mode:multiply!important}