@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Alata&display=swap');
:root{--paper:#f3f1f7;--ink:#25202e;--red:#643cbc;--line:#c9c3d5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--red);outline-offset:7px}a:hover .text-link,a.text-link:hover,nav a:hover{color:var(--red)}img{display:block;max-width:100%}header,main>section,footer{padding-left:6%;padding-right:6%}header{display:flex;align-items:center;justify-content:space-between;padding-top:28px;padding-bottom:25px;border-bottom:1px solid var(--line);gap:25px}.logo{width:195px;mix-blend-mode:multiply}nav{display:flex;gap:30px;font-size:13px}nav a:last-child{color:var(--red)}.eyebrow,.tiny,.section-label{font-size:10px;letter-spacing:.1em;font-weight:500}.hero{padding-top:45px;padding-bottom:45px}.hero .eyebrow{display:flex;justify-content:space-between}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Alata',Arial,sans-serif;font-weight:500}h1{font-size:clamp(70px,9.3vw,150px);line-height:1.04;letter-spacing:-.055em;word-spacing:.04em;margin:55px 0 48px}h1 em,h2 em{font-family:Georgia,serif;font-weight:400;color:var(--red);letter-spacing:-.065em}h1 .last{letter-spacing:-.065em}.hero-bottom{display:grid;grid-template-columns:1fr 1fr auto;gap:30px;align-items:end}.hero-bottom p{font-size:22px;line-height:1.45;margin:0}.hero-note{font-size:13px;padding-left:25%}.circle-link{width:52px;height:52px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-size:27px}.circle-link:hover{background:var(--ink);color:var(--paper)}.section-label{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:23px 0 38px;gap:20px}.work{padding-top:24px;padding-bottom:100px}.feature{display:grid;grid-template-columns:1.2fr 1fr;gap:7%;align-items:center}.feature-art{background:#ded5f0;padding:35px;min-height:540px;display:flex;flex-direction:column;justify-content:space-between}.feature-art p{font-size:20px;line-height:1.25}.brand-stack{font-size:110px;font-weight:700;letter-spacing:-.08em;line-height:.9}.brand-stack>span{display:inline-block;color:var(--red);font:italic 80px Georgia;padding:0 10px}.brand-stack .mobile{display:block;font:14px 'DM Sans',sans-serif;letter-spacing:.4em;color:var(--ink);padding:25px 4px}.feature-copy h2{font-size:clamp(35px,4vw,62px);line-height:1.13;letter-spacing:-.055em;margin:25px 0}.feature-copy p{max-width:420px;font-size:15px}.fact{border-top:1px solid var(--line);padding:23px 0;display:flex;align-items:center;gap:25px}.fact strong{font-size:40px;font-weight:500;letter-spacing:-.06em}.fact span{font-size:12px}.text-link{display:inline-flex;gap:40px;border-bottom:1px solid;padding-bottom:7px;font-size:14px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:6%;margin:70px 0 90px}.offset{padding-top:95px}.project-image{height:380px;overflow:hidden;background:#e2deeb}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.dish{background:#e4dfec;padding:32px}.dish img{object-fit:contain}.project-title{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.project-title h3{font-size:27px;letter-spacing:-.04em;margin:0}.project p{margin:5px 0 9px;font-size:14px}.wide-project{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;border-top:1px solid var(--line);padding-top:35px}.wide-project h3{font-size:38px;line-height:1.2;letter-spacing:-.04em;margin:25px 0}.wide-project img{max-height:330px;object-fit:contain;background:white}.leadership{background:#272034;color:var(--paper);padding-top:30px;padding-bottom:80px}.leadership .section-label{border-color:#655b77}.lead-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:7%;align-items:center}.lead-intro h2,.about h2{font-size:clamp(40px,5vw,76px);line-height:1.15;letter-spacing:-.055em}.leadership h2 em{color:#d6f271}.lead-intro p{font-size:19px}.lead-intro .tiny{display:block;margin-top:20px;color:#cfc6df}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:5%;margin-top:35px}.principles article{border-top:1px solid #655b77;padding-top:20px}.principles article>span{font:italic 18px Georgia;color:#d6f271}.principles h3{font-size:26px;margin:17px 0}.principles p{font-size:14px;color:#e1dbea}.about{padding-top:65px;padding-bottom:85px}.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:7%}.about-grid>div{max-width:470px}.large{font-size:28px}.aside{font:italic 22px/1.4 Georgia;margin-top:35px;color:var(--red);transform:rotate(-3deg)}.experience{display:grid;grid-template-columns:1fr 2fr;gap:7%;margin-top:90px}.experience h3{font-size:23px}.experience p{display:grid;grid-template-columns:1fr 1.2fr auto;gap:15px;border-top:1px solid var(--line);padding:15px 0;margin:0;font-size:12px}.experience b{font-weight:500}.experience time{font-size:10px}footer{background:#ded5f0;padding-top:65px;padding-bottom:25px}footer h2{font-size:clamp(58px,8vw,120px);line-height:1.05;letter-spacing:-.065em;margin:35px 0}.contact-link{font-size:23px;border-bottom:1px solid;display:inline-block}.footer-bottom{border-top:1px solid #b9adc9;margin-top:70px;padding-top:20px;display:flex;justify-content:space-between;font-size:11px}.skip{position:absolute;left:10px;top:-100px;background:white;padding:10px;z-index:20}.skip:focus{top:10px}.case{padding:55px 6% 90px}.case h1{font-size:clamp(60px,8vw,110px);margin:45px 0}.case-intro{max-width:800px;font-size:23px}.case-image{width:100%;max-height:750px;object-fit:contain;background:#e4dfec;margin:50px 0}.case-body{display:grid;grid-template-columns:1fr 2fr;gap:10%;padding:45px 0;border-top:1px solid var(--line)}.case-body h2{font-size:30px}.case-body p{max-width:730px}.case-note{font-size:13px;color:#62576e}.case-nav{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:25px}.case-stat{font-size:90px;letter-spacing:-.06em;color:var(--red);line-height:1.1}.case .brand-stack{background:#ded5f0;padding:65px;font-size:clamp(80px,12vw,170px);margin:40px 0}.case ul{padding-left:20px}.case li{margin-bottom:15px}
@media(min-width:1600px){header,main>section,footer{padding-left:max(6%,calc((100vw - 1420px)/2));padding-right:max(6%,calc((100vw - 1420px)/2))}}@media(max-width:760px){header{align-items:flex-start;flex-direction:column;padding-top:18px;gap:12px}.logo{width:150px}nav{gap:20px;font-size:12px;width:100%;justify-content:space-between}.hero{padding-top:27px}.hero .eyebrow{display:block;font-size:9px}.hero .eyebrow span{display:block;margin-top:5px}h1{font-size:clamp(51px,11.6vw,88px);margin:35px 0}.hero-bottom{grid-template-columns:1fr auto;gap:20px}.hero-bottom p{font-size:18px}.hero-note{padding:0;grid-row:2;font-size:11px}.circle-link{grid-column:2;grid-row:1}.section-label{font-size:9px}.section-label>span:last-child{display:none}.feature{grid-template-columns:1fr;gap:35px}.feature-art{min-height:390px;padding:25px}.brand-stack{font-size:64px}.brand-stack>span{font-size:52px;padding:0 5px}.feature-copy h2{font-size:42px}.project-grid{gap:40px;grid-template-columns:1fr;margin:50px 0}.offset{padding:0}.project-image{height:320px}.wide-project{grid-template-columns:1fr;gap:25px}.wide-project h3{font-size:32px}.lead-intro,.about-grid,.experience,.case-body{grid-template-columns:1fr;gap:22px}.lead-intro h2,.about h2{font-size:49px}.principles{grid-template-columns:1fr;gap:25px}.principles h3{margin:10px 0}.about{padding-top:40px}.experience{margin-top:65px}.experience p{grid-template-columns:1fr auto}.experience p span{grid-row:2}.experience time{grid-column:2;grid-row:1}.footer-bottom{gap:15px;flex-wrap:wrap}.case{padding-top:30px}.case-intro{font-size:19px}.case .brand-stack{padding:35px}.case-body{padding:30px 0}.case h1{font-size:56px}.case-nav{gap:25px;font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.brand-stories{display:grid;grid-template-columns:1fr 1fr;gap:6%;margin-top:55px}.brand-stories>a{border-top:1px solid var(--line);padding-top:23px}.brand-stories h3{font-size:clamp(30px,3.5vw,48px);line-height:1.15;letter-spacing:-.04em;margin:22px 0}.brand-stories h3 em{font-family:Georgia,serif;color:var(--red);font-weight:400}.brand-stories p{font-size:15px;max-width:440px}.brand-stories a:hover .text-link{color:var(--red)}@media(max-width:760px){.brand-stories{grid-template-columns:1fr;gap:40px}.brand-stories h3{font-size:38px}}

/* Geometric typography: one clear voice, with color for emphasis. */
h1,h2,h3{font-weight:400;letter-spacing:-.035em}h1{font-size:clamp(68px,8.7vw,140px);line-height:1.12;word-spacing:0}h1 .last{letter-spacing:-.035em}h1 em,h2 em,.brand-stories h3 em{font-family:'Alata',Arial,sans-serif;font-style:normal;font-weight:400;letter-spacing:inherit}.aside{font-family:'Alata',Arial,sans-serif;font-style:normal;transform:none}.brand-stack>span{font-family:'Alata',Arial,sans-serif;font-style:normal}.principles article>span{font-family:'Alata',Arial,sans-serif;font-style:normal}.hero h1 em{background:linear-gradient(transparent 84%,#d6f271 84%);padding-bottom:.015em}.circle-link{background:#d6f271;border-color:var(--ink)}.circle-link:hover{background:var(--ink)}.case h1{line-height:1.13}.brand-stories h3{line-height:1.2}.lead-intro h2,.about h2{line-height:1.2}@media(max-width:760px){h1{font-size:clamp(43px,10.5vw,78px)}.case h1{font-size:clamp(40px,8.8vw,56px)}.lead-intro h2,.about h2{font-size:clamp(36px,8vw,49px)}}

@media (hover:hover) and (pointer:fine){html,body{cursor:url("assets/cat-cursor.svg") 16 16,auto}a,button,[role="button"],a *{cursor:url("assets/cat-cursor-hover.svg") 16 16,pointer}input,textarea,[contenteditable="true"]{cursor:text}}.lifestyle-library{border-top:1px solid var(--line);padding-top:50px;margin-top:15px}.lifestyle-library h2{font-size:clamp(34px,5vw,64px);line-height:1.15;max-width:850px;margin:20px 0 28px}.lifestyle-library .intro{max-width:750px;font-size:20px}.lifestyle-gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:35px 0}.lifestyle-gallery figure{margin:0}.lifestyle-gallery img{width:100%;height:auto}.lifestyle-gallery figcaption{font-size:12px;margin-top:10px}.lifestyle-library .case-body{border:0;padding-top:12px}@media(max-width:760px){.lifestyle-gallery{grid-template-columns:1fr}.lifestyle-library .intro{font-size:18px}}

.case-family{border:1px solid var(--line);padding:28px;background:#eeebf4}.case-family .feature{gap:5%}.family-label{margin-top:35px}.case-family .brand-stories{margin-top:18px}.family-nav{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;margin:25px 0 5px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.family-nav>div{display:flex;gap:25px;flex-wrap:wrap}.family-nav a{padding-bottom:5px;font-size:13px}.family-nav a[aria-current="page"]{color:var(--red);border-bottom:2px solid var(--red)}.family-overview{margin:45px 0 65px}.team-heading{font-size:36px;margin-top:55px}.life-first{display:grid;grid-template-columns:1fr 2fr;gap:7%;margin-top:40px;padding-top:32px;border-top:1px solid #655b77}.life-first h3{font-size:32px;color:#d6f271;line-height:1.2}.life-first p{max-width:720px;font-size:18px;color:#e1dbea}.case-family .brand-stack{font-size:clamp(60px,7vw,100px)}@media(max-width:760px){.case-family{padding:18px}.case-family .feature-art{min-height:350px;padding:20px}.case-family .brand-stack{font-size:clamp(45px,12vw,64px)}.case-family .brand-stack>span{font-size:40px}.family-nav{align-items:flex-start;flex-direction:column}.family-nav>div{gap:18px}.life-first{grid-template-columns:1fr;gap:0}.case-family .feature-copy h2{font-size:36px}}

.campaign-film{margin:64px 0}.campaign-film .case-body{margin-bottom:28px}.film-player{position:relative;aspect-ratio:1;max-width:780px;margin:auto;background:#25202e}.film-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.film-caption{max-width:780px;margin:16px auto 0;font-size:14px}

/* Small, one-time entrances and quiet interaction cues. Content is visible by default. */
header nav a,.text-link{position:relative}
header nav a::after,.text-link::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform 240ms ease}
.text-link::after{bottom:-1px;height:2px;background:var(--red)}
header nav a:focus-visible::after,.text-link:focus-visible::after,a:focus-visible .text-link::after{transform:scaleX(1)}
.project-title>span{display:inline-block;transition:transform 300ms ease}
.project-image img{transition:transform 650ms cubic-bezier(.2,.65,.3,1)}
.project:focus-visible .project-image img{transform:scale(1.025)}
.project:focus-visible .project-title>span{transform:translate(3px,-3px)}
@media(hover:hover) and (pointer:fine){
 header nav a:hover::after,.text-link:hover::after,a:hover .text-link::after{transform:scaleX(1)}
 .project:hover .project-image img{transform:scale(1.025)}
 .project:hover .project-title>span{transform:translate(3px,-3px)}
}
@media(prefers-reduced-motion:no-preference){
 @keyframes hero-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
 .hero h1{animation:hero-arrive 550ms cubic-bezier(.2,.65,.3,1) both}
 .hero-bottom{animation:hero-arrive 550ms cubic-bezier(.2,.65,.3,1) 140ms both}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important}
 .project .project-image img,.project .project-title>span{transform:none!important}
}

/* Shared editorial layout for the Mint and Ultra identity stories. */
.brand-evolution{margin:64px 0 80px}.evolution-heading{border-top:1px solid var(--line);padding:42px 0 38px;max-width:100%}.evolution-heading h2{font-size:clamp(40px,5.6vw,76px);line-height:1.12;margin:20px 0 26px}.evolution-heading>p:last-child{max-width:760px;font-size:20px}.evolution-chapter{padding:40px 0 30px;border-top:1px solid var(--line)}.evolution-copy{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start;margin-bottom:28px}.evolution-copy h3{font-size:clamp(27px,3vw,40px);line-height:1.2;margin:0}.evolution-copy p{max-width:600px;margin:0}.evolution-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.brand-figure{margin:0 0 30px;min-width:0}.brand-figure>a{display:block;background:#fff;overflow:hidden}.brand-figure img{display:block;width:100%;height:auto}.evolution-pair .brand-figure>a{aspect-ratio:16/10;display:grid;place-items:center}.evolution-pair .brand-figure img{height:100%;object-fit:contain}.evolution-pair .logo-study>a{padding:10%;background:#fff}.logo-study:first-child>a{background:#694291}.brand-figure figcaption{font-size:12px;line-height:1.6;margin:13px 0 0;color:#62576e;max-width:850px}.brand-figure a:hover+figcaption,.brand-figure a:focus-visible+figcaption{color:var(--red)}.evolution-footnote{font-size:12px;color:#62576e;max-width:750px;margin-top:10px}@media(max-width:760px){.brand-evolution{margin-top:40px}.evolution-heading{padding-top:30px}.evolution-heading>p:last-child{font-size:18px}.evolution-copy,.evolution-pair{grid-template-columns:1fr;gap:22px}.evolution-chapter{padding-top:30px}.evolution-pair .brand-figure{margin-bottom:15px}.evolution-copy h3 br{display:none}.brand-figure figcaption{font-size:11px}}

.wireless-campaign{margin:70px 0}.campaign-set{margin-top:45px}.campaign-set-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:20px}.campaign-set-heading h3{font-size:26px;margin:0}.campaign-grid{display:grid;gap:20px}.campaign-grid-google{grid-template-columns:repeat(3,minmax(0,1fr))}.campaign-grid-paid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1000px;margin:auto}.campaign-grid a{display:block;background:#41205a}.campaign-grid img{width:100%;height:auto;display:block}.campaign-caption{font-size:13px;color:#62576e;margin:16px 0 0}.campaign-grid a:focus-visible{outline-offset:5px}@media(max-width:760px){.wireless-campaign{margin:45px 0}.campaign-set-heading{align-items:flex-start;flex-direction:column;gap:5px}.campaign-grid-google,.campaign-grid-paid{grid-template-columns:1fr;gap:24px}.campaign-grid{max-width:480px;margin:auto}}

/* Personal mark and the actual brand signatures in the home feature. */
header .logo{width:56px;height:56px;object-fit:contain}.feature-brand-logos{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:38px 0}.feature-brand-logos img:first-child{width:min(100%,290px);height:auto}.feature-brand-logos img:last-child{width:min(70%,225px);height:auto}.feature-brand-logos>span{font-family:'Alata',sans-serif;font-size:30px;line-height:1;color:var(--red)}.life-first{border-top:0}@media(max-width:760px){header .logo{width:46px;height:46px}.feature-brand-logos{gap:18px;padding:32px 0}.feature-brand-logos img:first-child{max-width:250px}.feature-brand-logos img:last-child{max-width:190px}}

body.viewer-open{overflow:hidden}.image-viewer{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;padding:72px 5% 28px;background:transparent;color:white;overflow:auto}.image-viewer::backdrop{background:rgba(24,18,33,.94)}.image-viewer[open]{display:flex;align-items:center;justify-content:center}.image-viewer figure{margin:0;width:100%;text-align:center}.image-viewer img{max-width:100%;max-height:calc(100dvh - 160px);width:auto;height:auto;object-fit:contain;margin:0 auto}.image-viewer figcaption{max-width:900px;margin:18px auto 0;font-size:13px;line-height:1.5}.viewer-close{position:fixed;top:18px;right:22px;z-index:2;width:46px;height:46px;border:1px solid #c9c3d5;border-radius:50%;background:#f3f1f7;color:#25202e;font:32px/1 Arial;cursor:pointer}.viewer-close:hover{background:#d6f271}.viewer-close:focus-visible{outline:3px solid #d6f271;outline-offset:4px}@media(max-width:760px){.image-viewer{padding:76px 16px 24px}.viewer-close{right:16px}.image-viewer figcaption{font-size:12px}}