/* Muggkompaniet / the 150k+ choice campaign. Homepage only. */
.mk-scale-hero-eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;padding:7px 13px;background:#fff4e9;color:#a04417;border:1px solid #efd0b9;border-radius:999px;font-size:.74rem;line-height:1.5;font-weight:900;letter-spacing:.035em;text-transform:uppercase}
.mk-scale-campaign{padding:45px 0 31px;background:#f6f4f1}
.mk-scale-campaign *{box-sizing:border-box}
.mk-scale-campaign-card{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,.87fr) minmax(0,1.13fr);gap:clamp(25px,3.3vw,48px);align-items:center;min-height:545px;overflow:hidden;border-radius:27px;background:radial-gradient(ellipse at 12% 15%,#fff8ef 0%,transparent 48%),linear-gradient(118deg,#f5eadb,#ead5c3);border:1px solid #e6d1bf;box-shadow:0 16px 44px rgba(75,48,31,.08)}
.mk-scale-campaign-card:before{content:"";position:absolute;z-index:-1;width:500px;height:500px;border:1px solid rgba(198,90,34,.14);border-radius:50%;top:-260px;left:-230px;box-shadow:0 0 0 70px rgba(198,90,34,.025),0 0 0 145px rgba(198,90,34,.022)}
.mk-scale-copy{padding:clamp(28px,4.9vw,65px) 0 clamp(28px,4.9vw,65px) clamp(28px,5.5vw,73px);position:relative;z-index:2}
.mk-scale-eyebrow{display:inline-flex;align-items:center;gap:8px;color:#a54919;background:#fff7ed;border:1px solid #edd0b9;padding:7px 13px;border-radius:99px;font-size:.72rem;line-height:1.5;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.mk-scale-campaign h2{margin:19px 0 0;color:#102a53;line-height:1;letter-spacing:-.052em;text-transform:uppercase;font-weight:950}
.mk-scale-over{display:block;font-size:clamp(1.2rem,2vw,1.65rem);letter-spacing:.03em;line-height:1.25;color:#a44717}
.mk-scale-number{display:block;font-size:clamp(3.6rem,6.5vw,6.8rem);line-height:1.05;font-variant-numeric:tabular-nums;white-space:nowrap;color:#102a53;letter-spacing:-.08em}
.mk-scale-number .mk-scale-plus{font-size:.53em;vertical-align:15%;color:#cf5e23;letter-spacing:0}
.mk-scale-title{display:block;max-width:470px;font-size:clamp(1.3rem,2.25vw,2.2rem);letter-spacing:-.04em;line-height:1.11}
.mk-scale-intro{margin:20px 0 0;max-width:470px;font-size:1.04rem;line-height:1.65;color:#3d4045}
.mk-scale-punchline{margin:13px 0 0;font-weight:900;color:#a44417;font-size:1.02rem;line-height:1.45}
.mk-scale-actions{display:flex;align-items:center;flex-wrap:wrap;gap:11px;margin-top:26px}
.mk-scale-actions a,.mk-scale-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:49px;border-radius:10px;padding:11px 20px;border:2px solid #c65a22;line-height:1.1;text-decoration:none;font-size:.89rem;letter-spacing:.015em;font-weight:900;cursor:pointer;transition:background-color .16s,transform .16s,color .16s}
.mk-scale-actions a{background:#c65a22;color:#fff}.mk-scale-actions a:hover{color:#fff;background:#9f4215;border-color:#9f4215;transform:translateY(-2px)}
.mk-scale-actions button{background:#fffaf5;color:#99421b}.mk-scale-actions button:hover{background:#f7dec9;transform:translateY(-2px)}
.mk-scale-actions a:focus-visible,.mk-scale-actions button:focus-visible,.mk-scale-tile:focus-visible{outline:3px solid #df762b;outline-offset:4px}
.mk-scale-detail{display:block;margin-top:17px;max-width:475px;font-size:.77rem;line-height:1.5;color:#655d57}
.mk-scale-mosaic-wrap{padding:33px 34px 33px 0;min-width:0}
.mk-scale-mosaic-label{display:flex;align-items:center;gap:8px;margin-bottom:13px;color:#6c3b27;font-size:.83rem;font-weight:850}
.mk-scale-mosaic{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;min-width:0}
.mk-scale-tile{position:relative;display:block;min-width:0;aspect-ratio:1/1;text-decoration:none;background:#fffdf9;border:1px solid rgba(184,139,110,.29);border-radius:13px;overflow:hidden;box-shadow:0 5px 18px rgba(28,25,22,.07);transition:transform .18s,box-shadow .18s}
.mk-scale-tile:nth-child(4n+2){background:#fff5ea}.mk-scale-tile:nth-child(4n+3){background:#f1e4db}
.mk-scale-tile img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .22s;transform:scale(.98)}
.mk-scale-tile:hover{transform:translateY(-4px);box-shadow:0 11px 25px rgba(28,25,22,.13)}.mk-scale-tile:hover img{transform:scale(1.07)}
.mk-scale-tile-label{position:absolute;left:5px;right:5px;bottom:5px;display:block;max-width:calc(100% - 10px);padding:5px 4px;text-align:center;border-radius:6px;background:rgba(255,253,249,.93);backdrop-filter:blur(4px);color:#283549;font-size:clamp(.57rem,.72vw,.74rem);font-weight:850;line-height:1.18;overflow-wrap:break-word}
.mk-scale-mosaic-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px;font-size:.79rem;color:#755f51}
.mk-scale-mosaic-bottom a{font-weight:850;text-decoration:underline;text-underline-offset:3px;color:#9f4215}
@media(max-width:1150px){.mk-scale-campaign-card{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.mk-scale-copy{padding-left:35px}.mk-scale-mosaic-wrap{padding-right:27px}.mk-scale-mosaic{gap:8px}.mk-scale-number{font-size:clamp(3.3rem,6vw,5.5rem)}}
@media(max-width:870px){.mk-scale-campaign{padding:25px 0}.mk-scale-campaign-card{grid-template-columns:1fr;gap:2px}.mk-scale-copy{padding:32px 32px 10px}.mk-scale-number{font-size:clamp(3.8rem,9vw,6.2rem)}.mk-scale-mosaic-wrap{padding:13px 32px 32px}.mk-scale-mosaic{gap:10px}.mk-scale-tile-label{font-size:.75rem}.mk-scale-campaign-card{min-height:0}}
@media(max-width:570px){.mk-scale-hero-eyebrow{font-size:.63rem}.mk-scale-campaign{padding:18px 0 12px}.mk-scale-campaign-card{border-radius:18px}.mk-scale-copy{padding:27px 19px 4px}.mk-scale-eyebrow{font-size:.62rem}.mk-scale-number{font-size:clamp(2.95rem,11.7vw,5.15rem)}.mk-scale-title{font-size:clamp(1.2rem,5.2vw,1.7rem)}.mk-scale-intro{font-size:.95rem}.mk-scale-actions{gap:9px}.mk-scale-actions a,.mk-scale-actions button{flex:1 1 100%;min-height:49px}.mk-scale-mosaic-wrap{padding:18px 16px 24px}.mk-scale-mosaic{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.mk-scale-tile:nth-child(n+10){display:none}.mk-scale-tile-label{font-size:.62rem;padding:4px 2px;left:3px;right:3px;bottom:3px;max-width:calc(100% - 6px)}.mk-scale-mosaic-label,.mk-scale-mosaic-bottom{font-size:.74rem}.mk-scale-detail{font-size:.73rem}}
@media(prefers-reduced-motion:reduce){.mk-scale-tile,.mk-scale-tile img,.mk-scale-actions a,.mk-scale-actions button{transition:none!important}.mk-scale-tile:hover,.mk-scale-actions a:hover,.mk-scale-actions button:hover{transform:none!important}}