.landing{--paper:#f5f3ed;--paper-ink:#242620;--paper-muted:#63665e;--paper-line:#d9dbd2;--bg:#191919;--surface:#202020;--citrus:#e7f0c1;--citrus-ink:#31462b;--orange:#fa7035;--coffee:#ecb5c2;--coffee-ink:#542c27;--travel:#b7d7e1;--travel-ink:#1d484b;background:var(--bg);color:var(--ink);font-size:18px;overflow-x:hidden}.landing main{overflow:clip}.landing h1,.landing h2,.landing h3,.landing em{font-family:var(--body);font-style:normal;font-weight:500}.landing h1 em,.landing h2 em{font:inherit;letter-spacing:inherit}.skip{position:absolute;top:-100px}.skip:focus{top:0;z-index:50;background:var(--accent);color:var(--bg);padding:16px}.lp-nav{height:100px;margin:0 5vw;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px}.lp-nav nav{display:flex;align-items:center;gap:30px}.lp-nav nav>a{font-size:16px}.landing .primary{display:inline-flex;align-items:center;justify-content:center;gap:32px;font-size:17px;padding:18px 25px;border-radius:4px;font-weight:600}.lp-hero{padding:65px 5vw 0;display:grid;grid-template-columns:1.4fr 1fr;gap:0 6vw;position:relative}.lp-kicker{grid-column:1/-1;font-size:12px;letter-spacing:1.6px;display:flex;align-items:center;gap:12px}.lp-hero h1{font-size:clamp(64px,6.8vw,108px);line-height:1.07;letter-spacing:-5px;margin:32px 0 48px;animation:fade-enter .8s both}.lp-hero h1 em{color:var(--accent)}.lp-intro{align-self:end;margin-bottom:56px;max-width:440px;animation:fade-enter .8s .12s both}.lp-intro p{font-size:21px;line-height:1.7;color:var(--ink);margin:0 0 26px}.lp-access{display:block;color:var(--muted);font-size:14px;margin-top:18px}.lp-caption{grid-column:1/-1;border-top:1px solid var(--line);padding:23px 0;display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.4px}.landing h2{font-size:clamp(40px,4.2vw,68px);line-height:1.15;letter-spacing:-2.4px;margin:22px 0 28px}.landing h2 em{color:inherit}.eyebrow{font-size:12px;letter-spacing:1.6px}.creative-showcase{background:var(--paper);color:var(--paper-ink);padding:70px 0 36px}.showcase-heading{display:flex;align-items:end;justify-content:space-between;margin:0 5vw 42px;gap:32px}.showcase-heading h2{font-size:clamp(32px,3.1vw,49px);margin-bottom:0;letter-spacing:-1.7px}.showcase-heading p{font-size:17px;color:var(--paper-muted);margin:0;line-height:1.6}.creative-showcase .eyebrow{color:var(--paper-muted)}.creative-carousel{outline-offset:-3px}.creative-stage{position:relative;height:590px;isolation:isolate}.campaign{width:430px;height:550px;position:absolute;left:50%;top:16px;margin-left:-215px;overflow:hidden;display:flex;flex-direction:column;padding:28px;box-shadow:0 20px 35px #2426201a;transition:transform 950ms cubic-bezier(.22,.7,.22,1),opacity 950ms;will-change:transform;transform-origin:50% 60%}.campaign[data-position=center]{transform:translateX(0) rotate(0deg);z-index:3;opacity:1}.campaign[data-position=left]{transform:translateX(-105%) rotate(-6deg) scale(.91);z-index:1;opacity:.8}.campaign[data-position=right]{transform:translateX(105%) rotate(6deg) scale(.91);z-index:1;opacity:.8}.campaign header{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.campaign-logo{font-size:33px;font-weight:750;letter-spacing:-2px;line-height:1}.campaign-logo>span{font-size:13px;vertical-align:top;margin-left:4px;letter-spacing:0}.campaign header>span:last-child{font-size:10px;letter-spacing:1.2px;text-align:right;line-height:1.5;font-weight:650}.campaign h3{font-size:64px;font-weight:650;letter-spacing:-3.5px;line-height:1.02;margin:32px 0 0;position:relative;z-index:2}.campaign footer{position:absolute;left:28px;right:28px;bottom:26px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;letter-spacing:0;border-top:1px solid currentColor;padding:16px 0 0;margin:0;z-index:3;flex-direction:row;font-family:var(--body);color:inherit}.campaign-action{font-weight:700}.campaign-side{position:absolute;right:17px;top:90px;writing-mode:vertical-rl;font-size:10px;letter-spacing:2px;z-index:2}.campaign-citrus{background:var(--citrus);color:var(--citrus-ink)}.can-art{position:absolute;inset:70px 0 90px;pointer-events:none}.drink-can{position:absolute;left:51%;top:72px;width:133px;height:285px;border-radius:23px 23px 27px 27px;background:linear-gradient(90deg,#bd4316 0%,#f77632 19%,#ff9b48 43%,#ef6722 74%,#ba421a 100%);box-shadow:inset 3px 0 5px #ffedb45c,14px 19px 22px #5a38282b;transform:rotate(16deg);z-index:2;overflow:hidden}.can-rim{position:absolute;left:7px;right:7px;top:0;height:12px;border-radius:50%;border:3px solid #d8d9ca;background:#939786;box-shadow:0 3px 1px #e4e6d5}.can-brand{font-weight:800;color:#f9f1d1;position:absolute;top:78px;left:17px;font-size:48px;letter-spacing:-3px;writing-mode:vertical-rl;transform:rotate(180deg)}.can-detail{position:absolute;right:16px;top:50px;font-size:9px;line-height:1.5;letter-spacing:1px;color:#fff5d9}.can-wave{position:absolute;width:180px;height:100px;bottom:18px;left:0;border:18px solid #f9c847;border-radius:50%;transform:rotate(-25deg)}.can-bottom{position:absolute;bottom:11px;left:45px;color:#ffebbe;font-size:11px}.can-shadow{position:absolute;bottom:0;left:170px;width:190px;height:25px;background:#36422620;border-radius:50%;filter:blur(10px)}.citrus-slice{position:absolute;border-radius:50%;background:repeating-conic-gradient(#f6a327 0deg 37deg,#ffe29a 39deg 42deg);border:8px solid #f9cc55;box-shadow:inset 0 0 0 5px #fff3c0,5px 14px 16px #a0541b25}.slice-back{width:180px;height:180px;right:0;bottom:22px;transform:rotate(-24deg) scaleY(.72)}.slice-front{width:130px;height:130px;left:120px;bottom:0;z-index:3;transform:rotate(28deg) scaleY(.65)}.campaign-coffee{background:var(--coffee);color:var(--coffee-ink)}.campaign-coffee h3{font-size:53px;letter-spacing:-2.8px;max-width:330px}.coffee-art{position:absolute;inset:170px 0 60px}.coffee-ring{position:absolute;width:280px;height:280px;border:1px solid #542c2740;border-radius:50%;left:85px;top:5px}.coffee-bag{position:absolute;width:166px;height:232px;left:140px;top:35px;transform:rotate(-12deg);background:linear-gradient(100deg,#b8733f,#dcb278 30%,#deb17a 65%,#a7683e);clip-path:polygon(7% 0,93% 0,92% 13%,100% 92%,92% 100%,4% 97%,0 90%,9% 13%);filter:drop-shadow(9px 13px 8px #542c2740)}.bag-seam{position:absolute;top:8px;left:16px;right:16px;height:9px;border-block:1px solid #754a2b80}.bag-label{position:absolute;top:54px;left:21px;right:16px;bottom:25px;background:#f9ebd5;padding:15px;display:flex;flex-direction:column;gap:12px;color:#4c392c}.bag-label b{font-size:26px;letter-spacing:-1.5px;line-height:1}.bag-label span{font-size:6px;letter-spacing:1px;line-height:1.6}.bag-label i{font-size:39px;line-height:1;font-style:normal;font-weight:500;align-self:end}.coffee-bean{position:absolute;width:23px;height:35px;background:linear-gradient(75deg,#472922 45%,#b9855e 47%,#5c3828 52%);border-radius:50%;box-shadow:3px 4px 4px #542c2730}.bean-one{left:82px;bottom:12px;transform:rotate(45deg)}.bean-two{left:325px;bottom:48px;transform:rotate(-30deg)}.bean-three{left:322px;bottom:13px;transform:rotate(70deg)}.campaign-travel{background:var(--travel);color:var(--travel-ink)}.campaign-travel h3{font-size:55px;letter-spacing:-2.6px}.landscape-art{position:absolute;inset:195px 0 0;overflow:hidden}.landscape-sun{position:absolute;top:3px;right:59px;width:87px;height:87px;background:#f2e5ad;border-radius:50%}.mountain{position:absolute;bottom:0;left:-10%;width:130%;height:100%;clip-path:polygon(0 50%,15% 61%,34% 17%,47% 38%,63% 10%,84% 62%,100% 29%,100% 100%,0 100%)}.mountain-far{background:#668d80;transform:translateY(40px)}.mountain-near{background:#365f56;transform:translate(-40px,110px) scale(1.3);clip-path:polygon(0 28%,18% 46%,38% 32%,50% 40%,64% 30%,85% 55%,100% 43%,100% 100%,0 100%)}.landscape-path{position:absolute;width:170px;height:280px;border-radius:50%;border-right:18px solid #b4af7c;transform:rotate(35deg);right:48px;top:112px}.landscape-person{position:absolute;right:167px;top:184px;width:7px;height:19px;background:#ed6d35;transform:rotate(-5deg);border-radius:4px;box-shadow:1px 12px 0 -2px #142b29}.landscape-person:before{content:'';position:absolute;width:6px;height:6px;top:-5px;background:#182e28;border-radius:50%}.campaign-travel footer{color:#f6f0d9}.is-active .drink-can{animation:can-drift 6.5s ease-in-out infinite}.is-active .coffee-bag{animation:bag-drift 6.5s ease-in-out infinite}.is-active .landscape-sun{animation:sun-drift 6.5s ease-in-out infinite}@keyframes can-drift{50%{transform:translateY(-8px) rotate(12deg)}}@keyframes bag-drift{50%{transform:translateY(-6px) rotate(-8deg)}}@keyframes sun-drift{50%{transform:translateY(-7px)}}.carousel-bottom{display:flex;justify-content:space-between;align-items:center;margin:16px 5vw 32px;border-bottom:1px solid var(--paper-line);padding-bottom:22px}.campaign-selector{display:flex;gap:24px}.campaign-selector button{font-size:13px;padding:12px 0;color:var(--paper-muted);border-bottom:2px solid transparent;display:flex;gap:10px}.campaign-selector button[aria-current=true]{color:var(--paper-ink);border-color:var(--paper-ink)}.carousel-arrows{display:flex;gap:10px}.carousel-arrows button{border:1px solid var(--paper-line);color:var(--paper-ink);border-radius:50%;width:48px;height:48px;font-size:23px}.carousel-arrows button:hover{background:var(--accent)}.campaign-reading{margin:0 5vw;display:grid;grid-template-columns:.55fr 1.15fr 1fr;gap:40px;align-items:start;min-height:153px}.campaign-reading h3{font-size:24px;letter-spacing:-.6px;margin:0 0 12px}.campaign-reading p{font-size:17px;line-height:1.65;color:var(--paper-muted);margin:0}.reading-label{font-size:11px;letter-spacing:1.3px;display:block;margin:5px 0 13px}.showcase-disclosure{margin:32px 5vw 0;font-size:12px;line-height:1.6;color:var(--paper-muted)}.lp-statement{padding:95px 12vw;background:var(--paper);color:var(--paper-ink);border-top:1px solid var(--paper-line)}.lp-statement .eyebrow{color:var(--paper-muted)}.lp-statement h2{font-size:clamp(36px,3.8vw,61px)}.lp-statement p{font-size:21px;max-width:790px;color:var(--paper-muted);line-height:1.7}.lp-method{padding:100px 5vw;display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;background:var(--paper);color:var(--paper-ink);border-top:1px solid var(--paper-line)}.lp-section-head{position:sticky;top:30px;align-self:start}.lp-section-head>p{font-size:20px;color:var(--paper-muted);max-width:420px}.lp-lenses{display:grid;grid-template-columns:1fr 1fr;gap:16px 36px}.lp-lenses article{border-top:1px solid var(--paper-line);padding:22px 0}.lp-lenses article>span{color:var(--paper-muted);font-size:13px}.lp-lenses h3{font-size:25px;margin:16px 0 10px}.lp-lenses p{font-size:17px;color:var(--paper-muted);line-height:1.7}.lp-performance{padding:100px 10vw;background:#e8ecdf;color:var(--paper-ink)}.lp-performance .eyebrow{color:var(--paper-muted)}.lp-performance-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw;margin:50px 0}.lp-performance-grid>p{font-size:25px;line-height:1.6;margin:0}.lp-performance h3{font-size:23px;margin:0 0 10px}.lp-performance p{line-height:1.7}.lp-performance-grid div p{font-size:18px;margin:0 0 32px}.lp-link{display:inline-block;font-size:18px;border-bottom:1px solid currentColor;padding-bottom:6px}.lp-workflow{padding:100px 5vw}.lp-workflow>div{display:grid;grid-template-columns:repeat(3,1fr);gap:6vw;margin-top:50px}.lp-workflow article{border-top:1px solid var(--line);padding-top:25px}.lp-workflow b{font-size:40px;font-weight:500;letter-spacing:-1.7px}.lp-workflow p{font-size:20px;color:var(--muted)}.lp-faq{padding:90px 5vw;display:grid;grid-template-columns:1fr 1.3fr;gap:8vw;background:var(--paper);color:var(--paper-ink)}.lp-faq details{border-bottom:1px solid var(--paper-line);padding:10px 0}.lp-faq summary{font-size:21px;color:var(--paper-ink);padding:22px 0}.lp-faq details p{font-size:18px;line-height:1.75;color:var(--paper-muted)}.lp-end{padding:100px 5vw;text-align:center}.lp-end h2{font-size:clamp(52px,6vw,96px);margin:35px 0 45px}.lp-end h2 em{color:var(--accent)}.lp-end .lp-link{display:block;width:fit-content;margin:30px auto 0;color:var(--muted)}.lp-footer{margin:0 5vw;padding:36px 0;display:flex;justify-content:space-between;align-items:center;font:14px var(--body);letter-spacing:0;border-top:1px solid var(--line)}.lp-footer .wordmark{font-size:30px}.reveal.seen{animation:fade-enter .7s both}
@media(max-width:1050px){.lp-nav .wordmark span{display:none}.lp-hero{gap:0 35px;grid-template-columns:1.1fr 1fr}.lp-hero h1{font-size:68px;letter-spacing:-3px}.lp-intro p{font-size:18px}.campaign-reading{grid-template-columns:1fr 1fr;gap:25px}.campaign-reading>.eyebrow{grid-column:1/-1}.showcase-heading{align-items:start;flex-direction:column;gap:15px}.showcase-heading p br{display:none}.lp-nav nav>a:not(.primary){display:none}}
@media(max-width:650px){.lp-nav{height:84px;margin:0 22px;gap:15px}.lp-nav .wordmark{font-size:27px}.landing .lp-nav .primary{font-size:13px;padding:13px 15px}.lp-hero{display:block;padding:35px 22px 0}.lp-kicker{font-size:10px;line-height:1.6;letter-spacing:1px}.lp-hero h1{font-size:clamp(47px,11.5vw,66px);line-height:1.12;letter-spacing:-2px;margin:24px 0 28px}.lp-intro{margin-bottom:35px}.lp-intro p{font-size:18px;line-height:1.7}.landing .primary{font-size:16px;gap:15px;padding:17px 22px}.lp-caption{font-size:9px;letter-spacing:1px}.lp-caption span:last-child{display:none}.creative-showcase{padding:40px 0 28px}.showcase-heading{margin:0 22px 22px}.showcase-heading h2{font-size:32px;letter-spacing:-1px}.showcase-heading p{font-size:16px}.creative-stage{height:465px}.campaign{width:330px;height:438px;margin-left:-165px;top:10px;padding:22px}.campaign[data-position=center]{transform:translateX(0) scale(.94)}.campaign[data-position=left]{transform:translateX(-94%) rotate(-6deg) scale(.85)}.campaign[data-position=right]{transform:translateX(94%) rotate(6deg) scale(.85)}.campaign-logo{font-size:29px}.campaign header>span:last-child{font-size:8px}.campaign h3{font-size:50px;margin-top:28px;letter-spacing:-2.7px}.campaign footer{left:22px;right:22px;bottom:20px;font-size:8px;padding-top:12px}.campaign-side{font-size:8px;right:10px}.can-art{transform:scale(.78);transform-origin:50% 25%;inset:70px -24px auto;height:360px}.drink-can{left:49%}.coffee-art{transform:scale(.78);transform-origin:35% 0;inset:150px 0 0}.campaign-coffee h3,.campaign-travel h3{font-size:43px}.landscape-art{top:170px}.landscape-sun{width:68px;height:68px;top:3px}.landscape-path{right:20px;top:70px}.landscape-person{right:142px;top:147px}.carousel-bottom{margin:0 22px 25px;padding-bottom:15px}.campaign-selector{gap:16px}.campaign-selector button{font-size:11px;gap:5px}.carousel-arrows{gap:6px}.carousel-arrows button{width:39px;height:39px;font-size:20px}.campaign-reading{margin:0 22px;grid-template-columns:1fr;gap:20px;min-height:270px}.campaign-reading h3{font-size:23px}.campaign-reading p{font-size:16px}.showcase-disclosure{margin:25px 22px 0;font-size:11px}.lp-statement,.lp-method,.lp-performance,.lp-workflow,.lp-faq,.lp-end{padding:60px 22px}.landing h2{font-size:37px;letter-spacing:-1.4px}.lp-statement h2{font-size:32px;line-height:1.3}.lp-statement p{font-size:18px}.lp-method,.lp-performance-grid,.lp-faq{grid-template-columns:1fr;gap:28px}.lp-section-head{position:static}.lp-section-head>p{font-size:18px}.lp-lenses{gap:8px 22px}.lp-lenses h3{font-size:21px}.lp-lenses p{font-size:16px}.lp-performance-grid{margin:28px 0}.lp-performance-grid>p{font-size:20px}.lp-workflow>div{grid-template-columns:1fr;gap:25px;margin-top:30px}.lp-workflow b{font-size:32px}.lp-workflow p{font-size:18px}.lp-faq summary{font-size:18px}.lp-end h2{font-size:45px}.lp-footer{padding:30px 0;margin:0 22px;align-items:start;gap:20px}.lp-footer>span{font-size:12px;max-width:170px}}
@media(prefers-reduced-motion:reduce){.campaign{transition:none}.is-active .drink-can,.is-active .coffee-bag,.is-active .landscape-sun{animation:none}}