@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--paper:#eeece8;--plum:#302036;--lilac:#d9d2e5;--lime:#d7ed72;--line:#c9c3cc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--plum);font-family:'DM Sans',Arial,sans-serif}h1,h2,h3,p,figure,dl,dd{margin:0}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #807328;outline-offset:5px}::selection{background:var(--lime);color:var(--plum)}button{font:inherit;cursor:pointer}.skip{position:fixed;top:-100px;left:20px;background:var(--plum);color:white;padding:15px;z-index:100}.skip:focus{top:10px}.project-header{display:flex;align-items:center;gap:50px;padding:24px 3.4%;border-bottom:1px solid var(--line)}.nour{font-family:Arial,sans-serif;font-size:36px;font-weight:700;letter-spacing:-3px}.nour span{font-size:12px;vertical-align:top;letter-spacing:0;margin-left:5px}.project-header>a:not(.nour){font-size:11px}.project-header>a:last-child{margin-left:auto}.project-topline{display:flex;gap:30px;align-items:center;padding:22px 3.4%;font-size:9px;letter-spacing:1px}.project-topline h1{font-size:13px;font-weight:500;letter-spacing:2px;margin-right:auto}.hero-image{margin:0 12px}.hero-image img,figure img{display:block;width:100%;height:auto}.page-pad{padding-left:6%;padding-right:6%}.label{font-size:9px;font-weight:500;letter-spacing:1.2px;line-height:1.6}h2{font-family:Georgia,serif;font-size:clamp(35px,4.3vw,65px);font-weight:400;letter-spacing:-2px;line-height:1.08}em{font-family:Georgia,serif;font-weight:400;font-style:italic}p{font-size:13px;line-height:1.85}.introduction{padding-top:85px;padding-bottom:85px;display:grid;grid-template-columns:1.2fr 1fr .6fr;gap:50px}.intro-title h2{font-size:clamp(34px,3.5vw,54px);margin-top:23px}.intro-copy{padding-top:35px}.intro-copy p{margin-bottom:18px}.intro-copy p:first-child{font-size:19px;line-height:1.5;letter-spacing:-.4px}.credits{padding-top:3px;font-size:11px;line-height:1.6}.credits>div{margin-bottom:20px}.credits dt{font-size:8px;letter-spacing:1px;margin-bottom:6px;color:#807583}.identity-board{background:var(--lilac);padding:40px 4% 30px;min-height:680px;text-align:center;display:flex;align-items:center;flex-direction:column}.board-label{align-self:flex-start;font-size:9px;letter-spacing:1px}.pause-mark{display:flex;gap:50px;height:115px;margin:70px 0 20px}.pause-mark i{width:3px;background:var(--plum);height:100%}.interval-wordmark{font-family:Georgia,serif;font-weight:400;font-size:clamp(70px,16vw,250px);letter-spacing:.055em;line-height:1.2}.identity-board p{font-size:11px;letter-spacing:3px;margin-top:28px}.board-bottom{margin-top:auto;padding-top:60px;font-size:8px;letter-spacing:1.5px}.editorial-caption{display:grid;grid-template-columns:1fr 1.5fr;padding:25px 6%;gap:70px;border-bottom:1px solid var(--line)}.editorial-caption>span{font-size:9px;letter-spacing:1px;padding-top:3px}.editorial-caption p{font-size:12px;max-width:600px;line-height:1.7}.design-system{padding-top:90px;padding-bottom:90px}.small-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:55px}.small-heading h2{font-size:45px;min-width:54%}.system-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.type-specimen{border-top:1px solid var(--plum);padding-top:20px}.type-large{font-family:Georgia,serif;font-size:170px;letter-spacing:-12px;line-height:1.4;display:flex;align-items:center;justify-content:space-between}.type-large>span{font-size:110px;color:#9b9d61}.type-specimen h3{font-size:17px;font-weight:400;margin-bottom:15px}.type-specimen p{max-width:410px;font-size:12px}.alphabet{font-family:Georgia,serif;font-size:25px;line-height:1.7;letter-spacing:4px;margin:30px 0}.type-foot{font-size:8px;letter-spacing:1px}.colour-specimen{padding-top:20px;border-top:1px solid var(--plum)}.swatch{height:110px;display:flex;justify-content:space-between;align-items:flex-end;padding:20px;font-size:9px;letter-spacing:1px}.swatch:first-of-type{margin-top:24px}.plum{background:var(--plum);color:var(--lilac)}.lilac{background:var(--lilac)}.chartreuse{background:var(--lime)}.colour-specimen p{font-size:12px;margin-top:20px;max-width:400px}.motion-section{background:var(--plum);color:var(--lilac);display:grid;grid-template-columns:1.5fr 1fr;align-items:center}.motion-image{position:relative}.motion-image img{display:block;width:100%;height:auto}.motion-image button{position:absolute;bottom:20px;left:25px;background:none;color:var(--lilac);border:1px solid #8c7d92;border-radius:30px;padding:9px 15px;font-size:9px}.motion-caption{padding:60px 16% 60px 9%}.motion-caption h2{font-size:42px;margin:20px 0}.motion-caption p{font-size:12px;color:#bfb3c5}.motion-caption a{font-size:10px;display:inline-block;border-bottom:1px solid #8c7d92;padding-bottom:7px;margin-top:25px}.image-section-title{padding-top:90px;padding-bottom:45px;display:grid;grid-template-columns:1fr 1.3fr;gap:25px 60px}.image-section-title>.label{grid-row:1/3}.image-section-title h2{font-size:55px}.image-section-title p{max-width:480px;font-size:12px}.packaging-section>figure{margin:0 12px}.scent-grid{display:grid;grid-template-columns:repeat(3,1fr);padding-top:50px;gap:40px}.scent-grid article{border-top:1px solid var(--plum);padding-top:15px;padding-bottom:25px}.scent-grid article>span{font-size:8px;letter-spacing:1px}.scent-grid h3{font-family:Georgia,serif;font-size:64px;font-weight:400;letter-spacing:-3px;margin:18px 0 8px}.scent-grid p{font-size:12px}.scent-grid small{display:block;font-size:8px;letter-spacing:.8px;line-height:1.8;margin-top:22px}.production-note{font-size:9px;color:#807583;padding-bottom:65px;max-width:1000px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--lilac)}.macro-image img{height:100%;object-fit:cover}.detail-story{padding:65px 13%;position:relative;overflow:hidden}.detail-story h2{margin:35px 0;font-size:45px}.detail-story p{font-size:12px;margin-bottom:18px}.material-index{display:grid;gap:13px;margin-top:40px;font-size:8px;letter-spacing:1px;border-top:1px solid #b2a7bb;padding-top:20px}.material-mark{font-family:Georgia,serif;font-size:220px;color:#b1a7bd;line-height:1;margin-top:30px}.campaign-photo{position:relative;margin:0 12px}.campaign-photo figcaption{position:absolute;inset:0;padding:6%;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.campaign-photo figcaption>span{font-family:Georgia,serif;font-size:clamp(30px,4.6vw,70px);line-height:1.1;letter-spacing:-2px}.campaign-photo figcaption small{font-family:Georgia,serif;font-size:42px;line-height:.8;letter-spacing:2px}.campaign-photo figcaption small::first-line{font-size:42px}.campaign-photo figcaption small{font-size:10px;line-height:2;letter-spacing:1px}.poster-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px 12px 0}.campaign-poster{aspect-ratio:4/5;padding:40px;position:relative;overflow:hidden;display:flex;flex-direction:column}.poster-plum{background:var(--plum);color:var(--lilac)}.poster-lime{background:var(--lime);color:var(--plum)}.poster-kicker{font-size:8px;letter-spacing:1.5px}.campaign-poster h3{font-family:Georgia,serif;font-weight:400;font-size:clamp(35px,5.7vw,85px);letter-spacing:-2px;line-height:1;margin-top:50px;z-index:1}.poster-pause{display:flex;justify-content:center;gap:65px;position:absolute;right:50px;bottom:170px;transform:rotate(18deg)}.poster-pause i{width:5px;height:160px;background:var(--lime)}.poster-lockup{display:flex;justify-content:space-between;align-items:center;margin-top:auto;font-family:Georgia,serif;font-size:45px;letter-spacing:2px;border-top:1px solid #a899b0;padding-top:20px;position:relative;z-index:2}.poster-lockup>span{font-family:'DM Sans',Arial,sans-serif;font-size:7px;line-height:1.7;letter-spacing:1px}.line-pattern{display:flex;gap:40px;position:absolute;transform:rotate(20deg);right:0;top:60px}.line-pattern i{height:300px;width:2px;background:#30203640}.poster-lime h3{margin-top:auto;margin-bottom:50px}.poster-lime .poster-lockup{margin-top:0;border-color:#979e66}.digital-section{padding-top:90px;padding-bottom:90px}.digital-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:100px;align-items:center;margin-top:40px}.phone{border:9px solid var(--plum);border-radius:40px;max-width:330px;box-shadow:15px 20px 45px #3020361c;overflow:hidden;margin:auto;background:var(--lilac)}.phone-top{padding:25px 20px 15px;display:flex;align-items:center;justify-content:space-between;font-family:Georgia,serif;font-size:25px;letter-spacing:1px}.phone>img{display:block;width:100%;height:280px;object-fit:cover;object-position:70% center}.phone-copy{padding:25px 20px}.phone-copy>span{font-size:7px;letter-spacing:1px}.phone-copy h3{font-family:Georgia,serif;font-size:48px;line-height:1.05;font-weight:400;letter-spacing:-2px;margin:20px 0 30px}.phone-line{font-size:8px;display:flex;justify-content:space-between;border-top:1px solid var(--plum);padding-top:12px}.phone-line>span{font-size:17px}.digital-copy h2{margin-bottom:25px}.digital-copy>p{max-width:450px;font-size:12px}.small-note{font-size:9px!important;color:#807583;margin-top:18px}.social-tiles{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:40px}.social-tiles>div{aspect-ratio:1;padding:20px;background:var(--plum);color:var(--lilac);display:flex;flex-direction:column}.social-tiles>div:last-child{background:var(--lime);color:var(--plum)}.social-tiles>div>span{font-family:Georgia,serif;font-size:20px;letter-spacing:1px}.social-tiles strong{font-family:Georgia,serif;font-size:40px;font-weight:400;line-height:.95;margin:auto 0;letter-spacing:-1px}.social-tiles small{font-size:6px;letter-spacing:1px}.project-end{padding-top:70px;padding-bottom:65px;background:#e2dfdf;text-align:center}.project-end h2{margin:25px 0}.project-end>p{max-width:530px;margin:0 auto;font-size:13px}.project-scope{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:35px 0 55px}.project-scope span{border:1px solid #b6acbb;border-radius:30px;padding:9px 14px;font-size:8px;letter-spacing:.7px}.project-transparency{border-top:1px solid #c4bcc7;padding-top:25px;display:grid;grid-template-columns:1fr 1fr;gap:40px;text-align:left}.project-transparency p{font-size:9px;line-height:1.8;color:#776e7c}.project-transparency a{text-decoration:underline;text-underline-offset:3px}.case-footer{background:var(--plum);color:var(--lilac);padding-top:55px;padding-bottom:35px}.case-footer>div:first-child{display:flex;flex-direction:column;gap:15px}.case-footer>div:first-child>a{font-family:Georgia,serif;font-size:clamp(30px,4vw,60px);letter-spacing:-1px}.case-footer>div:last-child{display:flex;justify-content:space-between;border-top:1px solid #6c5c76;margin-top:45px;padding-top:22px;font-size:9px}.case-footer>div:last-child>span{font-size:8px;letter-spacing:1px}
@media(min-width:1600px){.page-pad{padding-left:10%;padding-right:10%}.hero-image{margin:0 25px}.identity-board{min-height:830px}.pause-mark{margin-top:100px}.campaign-poster{padding:65px}}@media(max-width:1000px){.introduction{grid-template-columns:1fr 1fr;gap:40px}.credits{grid-column:1/-1;display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding-top:25px}.credits>div{flex:1}.motion-caption{padding:40px 9%}.motion-caption h2{font-size:35px}.detail-story{padding:45px 10%}.detail-story h2{font-size:35px;margin:25px 0}.material-mark{font-size:130px}.digital-grid{gap:50px}.campaign-poster{padding:30px}.poster-pause{bottom:140px;right:35px;gap:40px}.poster-pause i{height:110px}.poster-lockup{font-size:35px}.social-tiles strong{font-size:30px}.social-tiles>div{min-height:200px}}
@media(max-width:650px){.project-header{padding:20px 5%;gap:25px}.nour{font-size:30px}.project-header>a:not(.nour){font-size:9px}.project-topline{padding:20px 5%;gap:10px;flex-wrap:wrap}.project-topline h1{font-size:12px}.project-topline span{font-size:7px}.project-topline>span:last-child{display:none}.hero-image{margin:0 7px}.hero-image img{height:460px;object-fit:cover;object-position:48% center}.page-pad{padding-left:6%;padding-right:6%}.introduction{display:block;padding-top:45px;padding-bottom:35px}.intro-title h2{font-size:39px;margin-top:18px}.intro-copy{padding-top:25px}.intro-copy p{font-size:12px}.intro-copy p:first-child{font-size:18px}.credits{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}.credits>div{margin:0}.identity-board{min-height:430px;padding:25px 6%}.board-label{font-size:8px}.pause-mark{height:75px;gap:35px;margin:50px 0 25px}.interval-wordmark{font-size:19vw;letter-spacing:.01em}.identity-board p{font-size:8px;letter-spacing:1.5px;margin-top:20px}.board-bottom{font-size:7px;padding-top:30px}.editorial-caption{grid-template-columns:1fr;gap:12px;padding:25px 6%}.editorial-caption p{font-size:11px}.design-system{padding-top:50px;padding-bottom:50px}.small-heading{display:block;margin-bottom:30px}.small-heading h2{font-size:37px;margin-top:20px}.system-grid{grid-template-columns:1fr;gap:35px}.type-large{font-size:130px}.type-large>span{font-size:90px}.alphabet{font-size:21px}.swatch{height:90px}.motion-section{grid-template-columns:1fr}.motion-caption{padding:25px 6% 40px}.motion-caption h2{font-size:38px}.motion-image button{font-size:8px;bottom:12px;left:15px;padding:7px 12px}.image-section-title{padding-top:50px;padding-bottom:30px;grid-template-columns:1fr;gap:18px}.image-section-title>.label{grid-row:auto}.image-section-title h2{font-size:39px}.packaging-section>figure{margin:0 7px}.packaging-section>figure img{height:430px;object-fit:cover}.scent-grid{grid-template-columns:1fr;gap:0;padding-top:30px}.scent-grid article{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;padding:20px 0}.scent-grid article>span{grid-column:1/-1}.scent-grid h3{font-size:47px;grid-row:2/4;margin:0}.scent-grid p{font-size:11px}.scent-grid small{font-size:7px;margin-top:0}.production-note{font-size:8px;padding-bottom:40px}.detail-grid{grid-template-columns:1fr}.macro-image img{height:480px;object-fit:cover}.detail-story{padding:40px 6%}.detail-story h2{font-size:39px}.material-mark{position:absolute;right:20px;bottom:35px;font-size:130px;opacity:.5}.material-index{max-width:75%}.campaign-photo{margin:0 7px}.campaign-photo img{height:540px;object-fit:cover;object-position:60% center}.campaign-photo figcaption{padding:8%}.campaign-photo figcaption>span{font-size:36px;max-width:220px}.campaign-photo figcaption small{max-width:150px;font-size:8px}.poster-grid{grid-template-columns:1fr;gap:7px;padding:7px 7px 0}.campaign-poster{padding:30px;aspect-ratio:4/5}.campaign-poster h3{font-size:65px;line-height:1.05}.poster-lockup{font-size:37px}.poster-pause{right:40px;bottom:140px;gap:45px}.poster-pause i{height:130px}.line-pattern{gap:35px}.digital-section{padding-top:50px;padding-bottom:50px}.digital-grid{grid-template-columns:1fr;gap:45px;margin-top:25px}.phone{width:300px}.digital-copy h2{font-size:39px}.social-tiles{gap:10px}.social-tiles>div{padding:15px;min-height:210px}.social-tiles strong{font-size:35px}.social-tiles small{font-size:6px}.project-end{padding-top:45px;padding-bottom:40px}.project-end h2{font-size:37px}.project-end>p{font-size:12px}.project-scope{gap:6px;margin-bottom:35px}.project-scope span{font-size:7px;padding:8px 10px}.project-transparency{grid-template-columns:1fr;gap:12px}.case-footer{padding-top:40px}.case-footer>div:first-child>a{font-size:34px}.case-footer>div:last-child{gap:20px;font-size:8px}.case-footer>div:last-child>span{font-size:7px;max-width:140px;text-align:right}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.digital-grid>div{min-width:0}.social-tiles{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.social-tiles>div{min-width:0}@media(max-width:650px){.social-tiles>div{aspect-ratio:auto}}

.interval-film{padding:65px 6%;display:grid;grid-template-columns:1fr 1.5fr;gap:55px;align-items:center}.interval-film h2{font-size:42px;line-height:1.1;margin:20px 0}.interval-film p{font-size:13px;line-height:1.7}.interval-film span,.interval-film figcaption{font-size:8px;letter-spacing:1px}.interval-film video{width:100%;display:block}.interval-film figcaption{margin-top:12px}@media(max-width:650px){.interval-film{grid-template-columns:1fr;gap:25px;padding:40px 6%}.interval-film h2{font-size:34px}}

.interval-film>figure{min-width:0;margin:0}
@media(max-width:650px){.digital-section{grid-template-columns:minmax(0,1fr)}.digital-section>div{min-width:0}.digital-section .phone{width:min(300px,100%);max-width:100%}}