@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Newsreader:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap";@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600&display=swap";:root{--ink:#271a16;--cream:#f4eee4;--lilac:#cfc2db;--red:#c65340;--olive:#75725c;--ink:#171d2b!important;--lilac:#9eabc4!important;--olive:#536273!important}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);margin:0;font-family:DM Sans,Arial,sans-serif}a{color:inherit;text-decoration:none}p{line-height:1.55}img{width:100%;display:block}section{padding:88px 6vw}.eyebrow,small{letter-spacing:.14em;text-transform:uppercase;font-size:10px}.logo,h1,h2{letter-spacing:-.045em;font-family:Newsreader,Georgia,serif;font-weight:400}.logo{text-transform:none;font-size:34px}nav{background:var(--ink);color:#fff;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;height:64px;padding:0 3vw;font-size:11px;display:flex}.hero{min-height:calc(100vh - 64px);padding:0;position:relative;overflow:hidden}.hero>img{object-fit:cover;height:100%;position:absolute;inset:0}.hero:after{content:"";background:linear-gradient(90deg,#211510dd,#21151044 58%,#0000);position:absolute;inset:0}.heroCopy{z-index:2;color:#fff;max-width:670px;padding:12vh 6vw;position:relative}.hero h1{margin:22px 0 10px;font-size:clamp(74px,10vw,150px);line-height:.76}.heroCopy>p:not(.eyebrow){font-size:20px}.heroCopy small{max-width:500px;margin-top:42px;line-height:1.6;display:block}.hero i{z-index:2;color:#fff;text-align:center;letter-spacing:.12em;border:1px solid #fff;border-radius:50%;padding:22px;font:10px/1.5 DM Sans;position:absolute;bottom:5vh;right:4vw;transform:rotate(-8deg)}.opening{grid-template-columns:.5fr 1.3fr 1fr;align-items:end;gap:5vw;display:grid}.opening h2{margin:0;font-size:clamp(42px,5.5vw,76px);line-height:.95}.dark{background:var(--ink);color:#fff}.dark header{justify-content:space-between;align-items:end;display:flex}.dark header h2{font-size:54px}.grid2,.grid3,.grid4,.metrics{gap:1px;display:grid}.grid2{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:repeat(3,1fr)}.grid4{grid-template-columns:repeat(4,1fr);margin-top:40px}.dark .grid3{background:#64504a;margin:40px 0}.dark article{background:var(--ink);padding:28px}.dark h3{margin:30px 0 10px;font:400 36px/1 Newsreader}.idea{background:var(--lilac);grid-template-columns:1fr 1fr;align-items:center;gap:5vw;display:grid}.idea>div{padding:4vw}.idea h2,.mailer h2,.brief h2,.kpis h2{margin:18px 0;font-size:clamp(54px,7vw,94px);line-height:.9}.idea img{aspect-ratio:4/5;object-fit:cover}.tags{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.tags span{text-transform:uppercase;border:1px solid;border-radius:30px;padding:8px 14px;font-size:11px}.grid4 article{border-top:1px solid;padding:24px 24px 0 0}.grid4 em{color:var(--red);font:32px Newsreader}.grid4 h3{margin:15px 0;font:400 30px Newsreader}.mailer{background:var(--red);color:#fff;grid-template-columns:.8fr 1.2fr;padding:0;display:grid}.mailer>div{padding:8vw 6vw}.mailer img{object-fit:cover;height:100%}.mailer li{margin:9px 0}.stories{grid-template-columns:repeat(3,1fr);gap:20px;max-width:980px;margin:40px auto;display:grid}.story{aspect-ratio:9/16;border-radius:18px;flex-direction:column;padding:27px;display:flex;box-shadow:0 10px 30px #25171322}.story.s0{background:var(--ink);color:#fff}.story.s2{background:var(--red);color:#fff}.story>div{color:#fff;background:#17100d;border-radius:50%;place-items:center;width:105px;height:105px;margin:auto;font:40px Newsreader;display:grid}.story h3{margin:24px 0 4px;font:400 38px/1 Newsreader}.story button{color:inherit;letter-spacing:.1em;background:0 0;border:1px solid;border-radius:25px;margin-top:auto;padding:12px;font-size:10px}.center{text-align:center}.brief{background:repeating-linear-gradient(135deg,#f4eee4 0 32px,#eadfd3 32px 64px);grid-template-columns:1fr 1fr;gap:5vw;display:grid}.brief article{background:#f8f3ec;padding:26px}.timeline{background:var(--olive);color:#fff}.timeline .grid4 article{border-color:#fff}.kpis{grid-template-columns:.8fr 1.4fr;gap:6vw;display:grid}.metrics{background:#d2c7bd;grid-template-columns:repeat(3,1fr)}.metrics article{background:var(--cream);padding:25px}.metrics strong{font:42px Newsreader}.reflection{background:var(--lilac)}.reflection h2{font-size:38px}.reflection article{padding-right:30px}footer{background:var(--ink);color:#fff;grid-template-columns:1fr 1fr;gap:45px;padding:90px 6vw 35px;display:grid}footer h2{margin:8px 0;font-size:70px}footer>div:nth-child(2){flex-direction:column;align-items:flex-end;gap:15px;font-size:18px;display:flex}footer>small{border-top:1px solid #fff4;grid-column:1/-1;padding-top:20px}@media (max-width:800px){nav span{display:none}section{padding:65px 6vw}.hero{min-height:750px}.hero:after{background:linear-gradient(#211510cc,#0000 80%)}.hero h1{font-size:72px}.opening,.idea,.mailer,.brief,.kpis,footer{grid-template-columns:1fr}.grid3,.grid4,.metrics{grid-template-columns:1fr 1fr}.story{min-width:260px}.stories{grid-template-columns:repeat(3,260px);overflow-x:auto}footer>div:nth-child(2){align-items:flex-start}}@media (max-width:520px){.grid2,.grid3,.grid4,.metrics{grid-template-columns:1fr}.opening h2{font-size:48px}.idea>div{padding:0}.idea{padding-bottom:0}.mailer h2,.brief h2,.kpis h2,footer h2{font-size:52px}}h1,h2{letter-spacing:-.065em;text-transform:uppercase;font-family:Archivo Black,Arial Black,sans-serif}.hero h1{max-width:900px;line-height:.82}.heroTicker{z-index:3;color:#fff;letter-spacing:.14em;text-transform:uppercase;background:#ffffff80;grid-template-columns:repeat(3,1fr);gap:1px;font-size:10px;display:grid;position:absolute;bottom:0;left:0;right:0}.heroTicker span{background:#171d2bcc;padding:16px 3vw}.idea{grid-template-columns:.75fr 1.25fr}.idea img{aspect-ratio:3/2;min-height:540px}.story{text-shadow:0 1px 12px #0008;color:#fff;position:relative;overflow:hidden}.story .profilePic{object-fit:cover;border:3px solid #fff;border-radius:50%;width:112px;height:112px;margin:auto;box-shadow:0 8px 30px #0008}.story h3,.story p,.story small,.story button{z-index:1;position:relative}@media (max-width:800px){.grid3,.idea{grid-template-columns:1fr}.idea img{min-height:0}.heroTicker{grid-template-columns:1fr}.heroTicker span:nth-child(2),.heroTicker span:nth-child(3){display:none}}h1,h2{letter-spacing:-.055em;text-transform:none;font-family:Manrope,DM Sans,Arial,sans-serif;font-weight:500}.hero h1{font-weight:500}.story.s0{background:linear-gradient(#171d2b28,#171d2be8),url(/campaign/eyeshadow-scatter-story-v2.png) 50%/cover}.story.s1{background:linear-gradient(#53627338,#29344be8),url(/campaign/eyeshadow-scatter-story-v2.png) 44%/cover}.story.s2{background:linear-gradient(#c6534028,#713127e8),url(/campaign/eyeshadow-scatter-story-v2.png) 70%/cover}
