@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f7f7f2;--ink:#191a1a;--blue:#2d46ed;--line:#cecec8;--body:'DM Sans',Arial,sans-serif;--display:'Manrope',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:6px}.skip{position:absolute;top:-100px;left:20px;padding:12px;background:white;z-index:10}.skip:focus{top:12px}.header{display:flex;align-items:center;gap:22px;margin:0 5%;padding:22px 0;border-bottom:1px solid var(--line)}.wordmark{font-family:Georgia,serif;font-size:58px;line-height:1;font-weight:bold;letter-spacing:-7px}.wordmark span{color:var(--blue)}.identity{font-size:12px;line-height:1.6;font-weight:700;letter-spacing:1px}.identity span{font-weight:400;color:#61615c}.nav{margin-left:auto;font-size:14px}.nav span{font-size:12px;color:var(--blue);padding-left:12px}.intro{position:relative;padding:60px 0 42px;margin:0 5%;border-bottom:1px solid var(--ink)}.eyebrow,.mini{font-size:12px;letter-spacing:1.6px;font-weight:600}.intro .eyebrow{color:#585953}.intro h1{font-family:var(--display);font-size:clamp(64px,8.8vw,142px);line-height:1.06;letter-spacing:-.065em;font-weight:500;margin:32px 0 26px}.intro h1 em{font-family:Georgia,serif;color:var(--blue);font-weight:400;letter-spacing:-.055em}.intro-bottom{display:flex;align-items:flex-end;justify-content:space-between}.intro-bottom p{font-size:18px;line-height:1.55;margin:0}.round-link{width:66px;height:66px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-size:30px;transition:background .2s,color .2s}.round-link:hover{background:var(--blue);color:white;border-color:var(--blue)}.intro-note{position:absolute;right:0;top:95px;font-size:12px;letter-spacing:1px;line-height:1.5;text-align:right}.work{margin:0 5%;padding-top:32px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:58px}.section-heading h2{font-size:16px;font-weight:500;margin:0}.section-heading>span{font-size:12px;letter-spacing:1px;color:#61615c}.project{margin-bottom:78px}.project-top{display:flex;align-items:baseline;gap:18px;margin-bottom:20px}.number{font-family:Georgia,serif;font-size:18px;color:#65655f}.project-top h3{font-size:20px;letter-spacing:-.6px;margin:0;font-family:var(--display);font-weight:700}.category{margin-left:auto;font-size:12px;letter-spacing:1px;color:#62625c}.project-cover{min-height:460px;overflow:hidden}.cafe{display:grid;grid-template-columns:1fr 1fr;background:#142ae1;color:#fff}.cover-copy{padding:36px 42px;display:flex;flex-direction:column;justify-content:space-between}.cover-copy p{font-family:Georgia,serif;font-size:clamp(50px,5.5vw,88px);line-height:1.03;margin:26px 0}.cover-copy em{font-weight:normal}.cover-foot{font-size:12px;letter-spacing:1.8px}.cafe-image{overflow:hidden;background:#1b38e6}.cafe-image img{width:100%;height:100%;min-height:460px;object-fit:cover;display:block}.project-summary{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:21px 0 16px}.project-summary p{font-size:20px;letter-spacing:-.3px;margin:0}.project-summary>span{font-size:14px;color:#64645e}details{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:15px 0;font-size:14px;font-weight:500}summary::-webkit-details-marker{display:none}summary:hover{color:var(--blue)}.expand{font-size:25px;line-height:1;transition:transform .2s}details[open] .expand{transform:rotate(45deg)}.case-study{display:grid;grid-template-columns:1fr 1.5fr;gap:9%;padding:35px 0 42px}.strategy h4{font-family:var(--display);font-size:30px;line-height:1.2;letter-spacing:-1px;margin:15px 0 20px}.strategy p{color:#50514b;margin:14px 0 30px}.strategy .eyebrow{color:var(--blue)}.sample{padding:0 0 28px;margin:0 0 28px;border-bottom:1px solid var(--line)}.sample:last-child{border:0;margin-bottom:0;padding-bottom:0}.sample h4{font-family:Georgia,serif;font-size:32px;line-height:1.2;font-weight:400;letter-spacing:-.6px;margin:16px 0}.sample h5{font-size:22px;margin:28px 0 10px}.sample p{margin:16px 0}.copy-cta{display:block;font-size:14px;color:#55554e;border-left:2px solid var(--blue);padding-left:12px;margin-top:22px}.email-meta{font-size:14px;line-height:1.8}.skincare{background:#dae832;color:#243027;padding:32px 44px;display:flex;flex-direction:column;justify-content:space-between}.skincare-top{display:flex;justify-content:space-between;font-size:12px;letter-spacing:2px}.skincare-top span:first-child{font-size:16px;letter-spacing:3px}.skincare>p{font-size:clamp(38px,5vw,76px);font-family:var(--display);font-weight:500;letter-spacing:-.06em;line-height:1.14;margin:48px 0}.skincare em{font-family:Georgia,serif;font-weight:400}.routine{display:flex;border-top:1px solid #879344;padding-top:22px;justify-content:space-between;font-size:20px}.routine b{font-size:12px;font-weight:400;vertical-align:top;margin-right:12px}.carousel-copy{padding-left:26px}.carousel-copy li{padding:12px 8px;border-bottom:1px solid var(--line)}.carousel-copy li::marker{font-size:14px;color:#666}.app{padding:36px 44px;background:#212323;color:#f5f3ec}.app>p{font-family:var(--display);font-size:clamp(42px,5.8vw,90px);line-height:1.1;letter-spacing:-.055em;margin:30px 0 36px}.app em{font-family:Georgia,serif;color:#bfd1ff;font-weight:400}.muted-line{font-size:.58em;color:#b1b5b3;text-decoration:line-through;text-decoration-thickness:1px}.app-foot{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:1.5px}.step-label{font-size:20px;color:#bfd1ff;letter-spacing:2px}.closing{position:relative;margin:10px 5% 0;border-top:1px solid var(--ink);padding:44px 0 55px}.closing>p{font-family:var(--display);font-size:clamp(44px,6.3vw,92px);line-height:1.13;font-weight:500;letter-spacing:-.06em;margin:28px 0 0}.closing em{font-family:Georgia,serif;font-weight:400;color:var(--blue)}.closing-note{position:absolute;right:0;bottom:64px;font-size:14px;color:#60615a}footer{background:var(--ink);color:var(--paper);padding:28px 5%;display:flex;align-items:center;gap:36px}.footer-title{font-size:12px;letter-spacing:1px}footer p{font-size:12px;color:#b7b9b1;line-height:1.6;margin:0}footer a{margin-left:auto;font-size:14px;white-space:nowrap}@media(min-width:1600px){.header,.intro,.work,.closing{max-width:1440px;margin-left:auto;margin-right:auto}}@media(max-width:760px){.header{padding:18px 0}.intro{padding-top:35px}.intro-note{display:none}.intro h1{margin:30px 0;font-size:clamp(54px,11.7vw,89px)}.intro-bottom p{font-size:16px}.round-link{width:52px;height:52px}.section-heading{margin-bottom:36px}.section-heading>span{font-size:10px;letter-spacing:.5px}.project-top{gap:12px;flex-wrap:wrap}.project-top h3{font-size:18px}.category{margin-left:0;flex-basis:100%;padding-left:39px;font-size:11px}.project-cover{min-height:360px}.cafe{grid-template-columns:1fr 1fr}.cover-copy{padding:25px 20px}.mini{font-size:10px;letter-spacing:1px}.cover-copy p{font-size:clamp(37px,7vw,55px)}.cover-foot{font-size:10px;letter-spacing:1px}.cafe-image img{min-height:360px}.project-summary{display:block}.project-summary p{font-size:18px;margin-bottom:5px}.project-summary>span{font-size:12px}.project{margin-bottom:48px}.case-study{grid-template-columns:1fr;gap:20px}.strategy{border-bottom:1px solid var(--line)}.sample h4{font-size:28px}.skincare{padding:25px 22px}.skincare-top{font-size:10px;letter-spacing:1px;gap:20px}.skincare-top span:first-child{font-size:12px}.skincare>p{font-size:clamp(32px,7vw,52px);margin:40px 0}.routine{font-size:15px;gap:10px;flex-wrap:wrap}.routine b{display:block;font-size:10px}.app{padding:25px 22px}.app>p{font-size:clamp(36px,8vw,61px);margin:38px 0}.app-foot{font-size:10px;letter-spacing:.5px;gap:15px}.step-label{font-size:14px;white-space:nowrap}.closing{padding:30px 0 38px}.closing>p{font-size:clamp(38px,8.4vw,64px)}.closing-note{position:static;margin-top:28px}footer{align-items:flex-start;gap:18px;flex-direction:column}footer a{margin-left:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.contact-link{display:inline-block;color:var(--blue);border-bottom:1px solid var(--blue);margin-top:8px}.contact-link:hover{color:var(--ink)}.value-strip{margin:0 5%;padding:25px 0 28px;border-bottom:1px solid var(--ink);display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.value-strip div{display:flex;flex-direction:column;gap:6px}.value-strip .eyebrow{color:var(--blue)}.value-strip strong{font-family:var(--display);font-size:20px;font-weight:500;letter-spacing:-.5px}.closing-note small{display:block;font-size:12px;margin-top:8px;color:#777870}@media(max-width:760px){.value-strip{grid-template-columns:1fr;gap:18px;padding:22px 0}.value-strip strong{font-size:18px}}
.intro{background:var(--blue);color:#fff;padding-left:5%;padding-right:5%;margin-left:0;margin-right:0;border-bottom:0}.intro .eyebrow,.intro-note{color:#ddd5ff}.intro h1 em{color:var(--lime)}.intro .round-link{border-color:#fff}.intro .round-link:hover{background:var(--lime);color:var(--ink);border-color:var(--lime)}.value-strip{background:var(--lime);margin-left:0;margin-right:0;padding-left:5%;padding-right:5%;border-bottom:0}.work{padding-top:50px}.project:nth-of-type(2) .project-top h3{color:var(--blue)}.project:nth-of-type(3) .project-top h3{color:#d43a25}.project:nth-of-type(4) .project-top h3{color:#4b21b8}.skincare{background:var(--coral)}.closing{background:var(--violet);padding-left:5%;padding-right:5%;margin-left:0;margin-right:0;border-top:0}.closing em{color:var(--blue)}
.header{background:var(--ink);color:var(--paper);border:0;margin:0;padding:20px 5%;position:relative;z-index:2}.header .wordmark span{color:var(--lime)}.header .identity span{color:#c9c6bc}.header .nav{border:1px solid #77736b;padding:9px 14px;border-radius:99px}.header .nav span{color:var(--lime)}.intro{min-height:650px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.intro:after{content:'VOICE / COPY / IDEAS';position:absolute;right:-45px;bottom:80px;transform:rotate(-90deg);font-size:12px;letter-spacing:3px;color:var(--lime);font-weight:700}.intro h1{font-size:clamp(76px,11vw,190px);max-width:1100px}.intro-bottom{max-width:800px}.value-strip{border-top:14px solid var(--ink);border-bottom:14px solid var(--ink)}.value-strip div{padding:8px 0}.work{background:var(--paper)}.section-heading{border-bottom:5px solid var(--ink);padding-bottom:18px}.project{border:3px solid var(--ink);padding:0 22px 22px;background:#fff;box-shadow:12px 12px 0 var(--ink)}.project-top{margin:0 -22px 20px;padding:15px 22px;background:var(--paper);border-bottom:3px solid var(--ink)}.project-cover{border:3px solid var(--ink)}.project-summary{padding-left:4px;padding-right:4px}.project:nth-of-type(2){transform:rotate(-.6deg);background:var(--violet)}.project:nth-of-type(3){transform:rotate(.7deg);background:var(--lime)}.project:nth-of-type(4){transform:rotate(-.4deg);background:#b9c8ff}.project:nth-of-type(2) .project-top,.project:nth-of-type(3) .project-top,.project:nth-of-type(4) .project-top{background:transparent}.closing{border-top:14px solid var(--ink);border-bottom:14px solid var(--ink)}