@font-face{font-family:Garet;src:url('assets/fonts/garet-heavy.woff2') format('woff2');font-style:normal;font-weight:850;font-display:swap}
:root{--display:Garet,Inter,Arial,sans-serif;--quart-out:cubic-bezier(.25,1,.5,1)}
.copy h2,.closing h2,.case-copy .copy h2,.portrait .copy h2,.use-response .copy h2{font-family:var(--display);font-weight:850;letter-spacing:-.055em;font-size:clamp(40px,4.2vw,70px);line-height:1.03}.font-garet{font-family:var(--display);font-weight:850}
.header-brand{width:158px;flex:none;z-index:1;transform:translateX(-4px)}.header-brand:focus-visible{outline-offset:8px}
.chapter-cover{padding:170px 5vw 76px;min-height:88svh;background:var(--mint);display:flex;flex-direction:column;justify-content:center}.chapter-cover.lime{background:var(--lime)}.chapter-cover.green{background:var(--green);color:white}.chapter-cover>p:first-child{font-size:17px;margin:0 0 22px}.chapter-cover h1{font:850 clamp(60px,10vw,158px)/.95 var(--display);letter-spacing:-.065em;max-width:12ch;margin:0 0 38px;text-wrap:balance}.chapter-description{font-size:clamp(18px,1.8vw,26px);line-height:1.45;max-width:45ch;margin:0 0 35px}.chapter-cover nav{display:flex;gap:10px 25px;flex-wrap:wrap;max-width:1000px}.chapter-cover nav a{font-size:14px;min-height:44px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:5px}.chapter-page .section-body{padding-top:125px;padding-bottom:100px}.chapter-page .section.case-scene>.section-body{grid-template-columns:1.15fr 1fr}.chapter-page .case-photo{border-radius:4px;height:70vh;max-height:760px}.chapter-page .case-copy .copy h2{font-size:clamp(40px,4.3vw,72px)}.chapter-page .case-copy .copy .lede{font-size:18px}.chapter-page .page-nav{opacity:.9}.chapter-page .phone-pair .back-phone{transform:rotate(-3deg)}.chapter-page .phone-pair .front-phone{transform:rotate(3deg)}
.manifesto,.story-stage,.manifesto-lines,.landing-mosaic,.landing-product{overflow:clip;min-height:0}.manifesto{height:300svh;background:var(--ink);color:white}.manifesto-sticky{position:sticky;top:0;height:100svh;overflow:hidden}.manifesto-panel{height:100svh;width:100%;display:flex;flex-direction:column;justify-content:center;padding:100px 3vw 65px}.manifesto-panel h1,.manifesto-panel h2{font:850 min(23.5svh,14.444vw)/.9 var(--display);letter-spacing:-.065em;margin:0}.manifesto-panel p{font-size:clamp(16px,1.7vw,25px);line-height:1.4;margin:34px 0 0 5px}.manifesto-first>p{position:absolute;bottom:35px;font-size:14px}.manifesto-first>p span{margin-left:12px}.manifesto-mask{position:absolute;inset:0;background:var(--mint);color:var(--ink);transform:translateX(100%);overflow:hidden}.manifesto-second{transform:translateX(-100%)}
.landing-hero{height:110svh;min-height:0;background:var(--lime)}.landing-photo{position:absolute;inset:0 0 0 32%;overflow:hidden}.landing-photo img{width:100%;height:100%;object-fit:cover;object-position:center 36%;transform:scale(1.08)}.landing-hero-copy{position:absolute;bottom:95px;left:3vw}.landing-hero-copy h2{font:850 clamp(68px,9vw,150px)/.96 var(--display);letter-spacing:-.065em;margin:0 0 25px}.landing-hero-copy p{font-size:clamp(18px,2vw,28px);margin:0}.scroll-cue{position:absolute;bottom:30px;left:3vw;font-size:14px;min-height:44px;display:flex;align-items:center}
.story-stage{height:180svh;background:#f5f7f2}.story-sticky{position:sticky;top:0;height:100svh;display:grid;grid-template-columns:44% 1fr;gap:6vw;align-items:center;padding:105px 4vw 65px}.story-picture{height:78%;overflow:hidden;transform:translateX(-8%);border-radius:3px}.story-picture img{height:100%;width:100%;object-fit:cover;transform:scale(1.6)}.story-copy{position:relative;z-index:1}.story-copy h2{font:850 clamp(52px,6.4vw,106px)/.97 var(--display);letter-spacing:-.06em;margin:0 0 30px}.story-copy p{font-size:clamp(18px,1.9vw,28px);line-height:1.45;max-width:29ch;margin:0}.story-stage:nth-of-type(4) .story-picture{order:2}.story-stage:nth-of-type(4) .story-sticky{grid-template-columns:1fr 44%}
.manifesto-lines{height:230svh}.lines-sticky{position:sticky;top:0;height:100svh;display:flex;justify-content:center;flex-direction:column;padding:90px 3vw 50px;overflow:hidden}.lines-sticky>p{font-size:clamp(17px,1.6vw,25px);line-height:1.4;max-width:48ch}.lines-sticky h2{font:850 clamp(60px,8.2vw,136px)/1.05 var(--display);letter-spacing:-.065em;margin:25px 0}.lines-sticky h2 span{display:block;white-space:nowrap}
.landing-mosaic{height:180svh;background:#f5f7f2}.mosaic-sticky{position:sticky;top:0;height:100svh;overflow:hidden;display:flex;align-items:center;justify-content:center}.mosaic-grid{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:1fr 1fr;gap:16px;width:100%;height:100%;padding:16px;transform:scale(.7)}.mosaic-grid>div{overflow:hidden;border-radius:4px;background:var(--mint)}.mosaic-grid img{width:100%;height:100%;object-fit:cover}.mosaic-grid>div:nth-child(3){background:var(--green)}.mosaic-grid>div:nth-child(3) img{object-fit:contain;padding:20px}.mosaic-sticky h2{position:absolute;z-index:1;color:white;background:var(--green);padding:25px 35px;font:850 clamp(42px,6vw,100px)/1 var(--display);letter-spacing:-.06em;margin:0;max-width:10ch}
.landing-product{height:170svh}.product-sticky{position:sticky;top:0;height:100svh;overflow:hidden;display:flex;align-items:center}.product-sticky>h2{font:850 clamp(80px,12vw,200px)/.85 var(--display);letter-spacing:-.065em;position:absolute;left:3vw;top:90px;margin:0;z-index:1;pointer-events:none}.phone-marquee{display:flex;gap:42px;position:relative;margin-left:52vw;align-items:center;padding:95px 0 35px;will-change:transform}.phone-marquee .device-group{width:300px;flex:none;transform:rotate(5deg)}.phone-marquee .device-group:nth-child(even){transform:translateY(45px) rotate(-5deg)}.phone-marquee .phone{width:280px}.phone-marquee .device-label{display:none}
.brand-portal{background:var(--mint);color:var(--ink);padding:55px 3vw 0;overflow:hidden;position:relative}.brand-portal>h2{text-align:center;font-size:24px;font-weight:450;letter-spacing:-.025em;margin:0 0 36px}.portal-links{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1120px;margin:0 auto 110px}.portal-links>a{display:flex;align-items:center;justify-content:center;border:1.4px solid currentColor;border-radius:80px;position:relative;min-height:64px;font-size:22px;text-align:center;padding:12px 20px;overflow:hidden;transition:background .3s var(--quart-out),color .3s var(--quart-out)}.portal-links small{display:none}.portal-links svg{display:none}.portal-links>a:hover{background:var(--ink);color:var(--mint)}.giant-wordmark{width:105%;margin:0 -2.5%;height:clamp(180px,24vw,420px);overflow:hidden}.giant-wordmark .wordmark{width:100%;max-width:none;transform:translateY(15%)}.brand-portal footer{display:flex;justify-content:space-between;gap:20px;padding:35px 0 30px;border-top:1px solid #20292325;font-size:12px}.brand-portal footer>a{min-height:44px;display:flex;align-items:center}.brand-portal footer>span{display:flex;align-items:center}
.menu-primary>a{display:flex;flex-direction:column;align-items:flex-start;font-family:var(--display);font-weight:850;font-size:clamp(28px,3.3vw,52px);line-height:1.1;letter-spacing:-.045em;padding:12px 0}.menu-primary>a small{font:400 12px Geist,sans-serif;letter-spacing:0;opacity:.6;margin-top:8px}.menu-primary>a svg{display:none}.menu-primary h2{font-family:var(--display);font-weight:850}#contents[open] .menu-primary>a{animation:menu-arrive .35s var(--quart-out) both}#contents[open] .menu-primary>a:nth-of-type(2){animation-delay:.2s}#contents[open] .menu-primary>a:nth-of-type(3){animation-delay:.25s}#contents[open] .menu-primary>a:nth-of-type(4){animation-delay:.3s}@keyframes menu-arrive{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.campaign-board{margin:0;width:100%;display:flex;justify-content:center}.campaign-board img{width:100%;max-height:85svh;object-fit:contain;filter:drop-shadow(0 12px 18px #20292315)}.campaign-page>.section-body{min-height:110svh}.portrait-duo{display:grid;grid-template-columns:1fr 1fr;gap:24px}.portrait-duo img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px}.portrait-duo img:nth-child(2){margin-top:80px}.sculpture-row{display:flex;justify-content:space-between;gap:3vw;margin:35px 0}.sculpture-row img{width:30%;object-fit:contain;filter:drop-shadow(0 30px 25px #00271c55)}.sculpture-row img:nth-child(2){transform:translateY(-25px)}.motion-sample{height:360px;position:relative;overflow:hidden;background:var(--ink);color:white;display:flex;align-items:center;justify-content:center;border-radius:4px}.motion-sample span{font:850 clamp(40px,6.5vw,110px)/1 var(--display);letter-spacing:-.05em}.motion-cover{position:absolute;inset:0;background:var(--lime);color:var(--ink);clip-path:inset(0 0 0 45%);display:flex;align-items:center;justify-content:center}.motion-control{display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:14px}.motion-control input{width:60%;accent-color:var(--green);min-height:44px}
@media(min-width:900px){.chapter-page .chapter-cover h1{max-width:13ch}.section.case-scene:nth-of-type(even) .case-photo{order:2}}
@media(max-width:1100px){.header-brand{width:136px;transform:translateX(8px)}.portal-links>a{font-size:18px}.manifesto-panel h1,.manifesto-panel h2{font-size:14vw}.story-copy h2{font-size:6.8vw}.phone-marquee .device-group{width:260px}.phone-marquee .phone{width:250px}.chapter-cover{padding-top:140px}}
@media(max-width:760px){.header-brand{width:112px;transform:translateX(8px)}.menu-top .wordmark{width:112px}.chapter-cover{padding:132px 24px 55px;min-height:85svh}.chapter-cover h1{font-size:clamp(49px,11.4vw,88px);letter-spacing:-.06em;margin-bottom:30px}.chapter-description{font-size:18px}.chapter-cover nav{gap:5px 18px}.chapter-cover nav a{font-size:12px}.copy h2,.closing h2,.case-copy .copy h2,.portrait .copy h2,.use-response .copy h2,.chapter-page .case-copy .copy h2{font-size:clamp(35px,8.5vw,60px)}.chapter-page .section-body{padding:105px 24px 90px}.chapter-page .section.case-scene>.section-body{grid-template-columns:1fr}.chapter-page .case-photo{height:420px;order:initial}.chapter-page .case-copy .copy .lede{font-size:16px}.manifesto{height:230svh}.manifesto-panel{padding:100px 22px 70px}.manifesto-panel h1,.manifesto-panel h2{font-size:15vw;line-height:.98;letter-spacing:-.055em}.manifesto-panel p{margin:28px 0 0;font-size:17px;max-width:30ch}.manifesto-first>p{bottom:30px;font-size:12px;max-width:30ch}.landing-hero{height:100svh}.landing-photo{inset:0 0 30% 0}.landing-photo img{object-position:center 30%;transform:scale(1.08)}.landing-hero-copy{bottom:95px;left:22px}.landing-hero-copy h2{font-size:14vw;line-height:.95}.landing-hero-copy p{font-size:17px}.scroll-cue{left:22px;font-size:12px;bottom:24px}.story-stage{height:160svh}.story-sticky,.story-stage:nth-of-type(4) .story-sticky{grid-template-columns:1fr;grid-template-rows:48% 1fr;gap:25px;padding:100px 22px 40px}.story-picture,.story-stage:nth-of-type(4) .story-picture{height:100%;order:0;transform:none}.story-copy h2{font-size:clamp(38px,9vw,67px);margin-bottom:18px}.story-copy p{font-size:17px;max-width:35ch}.manifesto-lines{height:180svh}.lines-sticky{padding:100px 22px 50px}.lines-sticky h2{font-size:9.2vw;line-height:1.15;letter-spacing:-.05em}.lines-sticky h2 span{white-space:normal}.lines-sticky p{font-size:16px}.landing-mosaic{height:150svh}.mosaic-grid{gap:8px;padding:8px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:85%}.mosaic-sticky h2{font-size:11vw;padding:20px 24px}.landing-product{height:160svh}.product-sticky>h2{font-size:19vw;top:115px;left:22px}.phone-marquee{margin-left:55vw;gap:24px;padding-top:120px}.phone-marquee .device-group{width:230px}.phone-marquee .phone{width:220px;border-radius:36px}.phone-marquee .phone-surface{border-radius:29px}.phone-marquee .status-bar{padding-left:17px;padding-right:17px}.brand-portal{padding:55px 22px 0}.brand-portal>h2{font-size:22px}.portal-links{grid-template-columns:1fr;gap:12px;margin-bottom:75px}.portal-links>a{font-size:21px;min-height:58px}.giant-wordmark{width:115%;margin-left:-7.5%;height:27vw}.brand-portal footer{flex-direction:column;gap:12px;padding:28px 0 95px;font-size:11px}.brand-portal footer>a{margin-top:2px}.landing .brand-portal footer{padding-bottom:25px}.portrait-duo{gap:12px}.portrait-duo img:nth-child(2){margin-top:50px}.sculpture-row{gap:0;margin:50px -12px}.sculpture-row img{width:33%}.motion-sample{height:250px}.motion-sample span{font-size:9vw}.motion-control{flex-direction:column;gap:10px;align-items:flex-start}.motion-control input{width:100%}.menu-primary>a{font-size:31px}.menu-layout{padding-top:0}.campaign-page>.section-body{min-height:90svh}.campaign-board img{max-height:none}}
@media(max-width:380px){.header-brand{width:105px}.chapter-cover h1{font-size:11vw}.manifesto-panel h1,.manifesto-panel h2{font-size:14.5vw}}
@media(prefers-reduced-motion:reduce){.manifesto,.story-stage,.manifesto-lines,.landing-mosaic,.landing-product{height:auto}.manifesto-sticky{height:auto;position:relative}.manifesto-panel{min-height:80svh;height:auto}.manifesto-mask{position:relative;transform:none}.manifesto-second{transform:none}.story-sticky,.lines-sticky,.mosaic-sticky,.product-sticky{position:relative;min-height:90svh;height:auto}.story-picture img,.mosaic-grid,.story-picture{transform:none!important}.story-sticky{min-height:100svh}.story-picture{min-height:300px}.mosaic-grid{height:90svh}.phone-marquee{margin-left:45%;transform:none!important}.product-sticky{min-height:100svh}}
body.motion-paused .manifesto,body.motion-paused .story-stage,body.motion-paused .manifesto-lines,body.motion-paused .landing-mosaic,body.motion-paused .landing-product{height:auto}body.motion-paused .manifesto-sticky{position:relative;height:auto}body.motion-paused .manifesto-panel{min-height:80svh;height:auto}body.motion-paused .manifesto-mask{position:relative;transform:none!important}body.motion-paused .manifesto-second{transform:none!important}body.motion-paused .story-sticky,body.motion-paused .lines-sticky,body.motion-paused .mosaic-sticky,body.motion-paused .product-sticky{position:relative;min-height:100svh}body.motion-paused .story-picture,body.motion-paused .story-picture img,body.motion-paused .mosaic-grid,body.motion-paused .phone-marquee{transform:none!important}
@media print{.manifesto,.story-stage,.manifesto-lines,.landing-mosaic,.landing-product{height:auto}.manifesto-sticky,.story-sticky,.lines-sticky,.mosaic-sticky,.product-sticky{position:relative;height:auto;min-height:600px}.manifesto-mask{position:relative;transform:none!important}.manifesto-second{transform:none!important}.brand-portal{break-before:page}.chapter-cover{min-height:600px}}
.brand-moodboard{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:300px 260px;gap:12px}.brand-moodboard>div{overflow:hidden;border-radius:4px}.mood-human img{height:100%;width:100%;object-fit:cover}.mood-type{font:400 clamp(28px,3.5vw,56px)/1.15 Poppins,sans-serif;background:var(--green);color:white;padding:30px;display:flex;align-items:center;letter-spacing:-.05em}.mood-object{background:var(--mint);display:flex;justify-content:center;align-items:center}.mood-object img{width:70%;height:80%;object-fit:contain}.mood-colors{display:flex;flex-direction:column}.mood-colors span{flex:1;padding:18px;background:var(--green);color:white}.mood-colors span:nth-child(2){background:var(--mint);color:var(--ink)}.mood-colors span:nth-child(3){background:var(--lime);color:var(--ink)}.mood-symbol{display:flex;align-items:center;justify-content:center;background:white}.mood-symbol img{width:55%}
@media(max-width:760px){.brand-moodboard{grid-template-columns:1fr 1fr;grid-template-rows:220px 180px 190px;gap:8px}.mood-type{padding:18px;font-size:24px}.mood-colors span{padding:10px;font-size:12px}}
.phone-loop{display:flex;animation:phone-stream 30s linear infinite;animation-play-state:paused}.phone-set{display:flex;align-items:center;gap:42px;padding-right:42px}.phone-loop:focus-within{animation-play-state:paused!important}@keyframes phone-stream{to{transform:translateX(-50%)}}
.chapter-page .brand-application>.section-body{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.35fr);gap:5vw;align-items:center;min-height:100svh;padding:125px 5vw 100px;background:#fafaf8}
.brand-application:nth-of-type(odd)>.section-body{background:#f0f1ed}.application-copy .copy h2{font-size:clamp(36px,3.6vw,62px);line-height:1.06;letter-spacing:-.055em}.application-copy .lede{font-size:17px;line-height:1.6;max-width:32ch}.application-copy .eyebrow{font-size:12px}.application-specs{margin:38px 0 0;max-width:340px;font-size:12px}.application-specs>div{display:flex;justify-content:space-between;gap:18px;border-top:1px solid #152d1720;padding:13px 0}.application-specs dt{color:#536153}.application-specs dd{margin:0;max-width:62%;text-align:right}.application-media{margin:0;min-width:0;display:flex;justify-content:center;align-items:center}.application-media>img{display:block;max-width:100%;max-height:76svh;object-fit:contain}.application-media .application-bottles{width:auto;height:min(76svh,850px)}.application-origin{font-size:12px;margin-top:32px;color:#536153}.supplied-campaign>img{width:auto;max-height:78svh;box-shadow:0 12px 40px #00000012}.mascot-stage{background:radial-gradient(ellipse,#dfe8cf 0%,transparent 70%)}.mascot-stage>img{width:100%;max-height:74svh;object-fit:contain}
.photo-object{position:relative;width:100%;isolation:isolate}.photo-object>img:first-child{display:block;width:100%;height:auto}.product-lockup{position:absolute;display:flex;align-items:center;flex-direction:column;color:white;gap:6%;width:22%;left:36%;top:45%;transform:rotate(-1deg);opacity:.96}.product-lockup .symbol{width:42%;height:auto;margin:0 0 9%;max-width:none}.product-lockup .wordmark{width:100%;height:auto;max-width:none}.product-lockup span{font:400 clamp(5px,.65vw,10px)/1.3 Poppins,sans-serif;margin-top:4%;white-space:nowrap}.travel-object .product-lockup{top:51%;left:48%;width:16%;transform:rotate(-3deg)}.travel-object .product-lockup .symbol{width:45%}.travel-object .product-lockup span{font-size:clamp(4px,.5vw,8px)}.envelope-object .envelope-seal{position:absolute;left:57.9%;top:25%;width:4.8%;height:auto;transform:rotate(-12deg)}.envelope-front{position:absolute;top:39%;left:13%;width:12%;transform:rotate(10deg)}.envelope-front .symbol{width:38%;display:block;margin:0 auto 9%;height:auto}.envelope-front .wordmark{width:100%;height:auto}/* Official vector artwork projected onto each photographed surface. */
.notebooks-object .notebook-symbol{position:absolute;height:auto;max-width:none;opacity:.97}
.notebooks-object .top-symbol{left:37.75%;top:18.4%;width:6.13%;transform:matrix(1,-.36,.56,.8,0,0)}
.notebooks-object .spine-wordmark{position:absolute;left:24%;top:48.6%;width:9.26%;height:auto;transform:matrix(.574,.819,-.72,.50,0,0);opacity:.9}
.bottles-object{width:min(100%,61svh)}
.bottles-object .bottle-symbol{position:absolute;height:auto;max-width:none;opacity:.97}
.bottles-object .rear-symbol{left:20.5%;top:27.5%;width:9.7%;transform:rotate(-15deg)}
.bottles-object .front-symbol{left:61.4%;top:33.4%;width:10.3%;transform:rotate(18deg)}

.cards-object{position:relative;width:100%;aspect-ratio:1.24;perspective:1100px}.cards-object>div{position:absolute;width:67%;box-shadow:0 2px 0 #9a9a9433,0 8px 13px #1111111c,0 32px 38px #11111122;overflow:hidden}.cards-object img{display:block;width:100%;height:auto}.card-verso{left:4%;top:9%;transform:rotate(-13deg);border-radius:2px 22px 2px 2px}.card-recto{right:1%;bottom:7%;transform:rotate(-13deg);border-radius:1px}
.paper-object{position:relative;width:min(64%,42svh);margin:4% 10% 4% 8%;transform:rotate(-7deg)}.paper-object>img{position:relative;display:block;width:100%;height:auto;box-shadow:0 15px 25px #00000020}.paper-back{position:absolute;inset:1% -2% -1% 2%;background:white;transform:rotate(8deg);box-shadow:0 12px 24px #00000016}.folder-object{position:relative;width:100%;aspect-ratio:1.2;perspective:1200px}.folder-object>div{position:absolute;width:49%;height:auto;box-shadow:0 15px 30px #00000020}.folder-object img{display:block;width:100%;height:auto}.folder-cover{left:8%;top:6%;transform:rotate(-8deg)}.folder-interior{right:3%;top:15%;transform:rotate(7deg)}
@media(min-width:761px){.lines-sticky h2 span:nth-child(2){font-size:.85em}}
@media(max-width:1100px){.chapter-page .brand-application>.section-body{grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr);gap:3vw;padding-left:4vw;padding-right:4vw}.application-copy .copy h2{font-size:clamp(34px,4vw,48px)}.application-copy .lede{font-size:16px}.application-specs{font-size:11px}}
@media(max-width:760px){.chapter-page .brand-application>.section-body{grid-template-columns:1fr;gap:35px;padding:110px 24px 100px;min-height:0}.application-copy .copy h2{font-size:clamp(35px,9vw,56px)}.application-copy .lede{max-width:42ch}.application-specs{margin-top:24px;max-width:none;font-size:12px}.application-media>img,.supplied-campaign>img{max-height:none;width:100%}.application-media .application-bottles{height:auto;width:100%}.photo-object{width:calc(100% + 24px);max-width:calc(100vw - 24px)}.cards-object{width:100%;aspect-ratio:1.18}.paper-object{width:70%;margin:5% 10% 9%}.folder-object{aspect-ratio:1.05}.folder-object>div{width:51%}.folder-cover{left:3%}.folder-interior{right:0;top:20%}.mascot-stage>img{max-height:none}.product-lockup span{font-size:5px}.travel-object .product-lockup span{font-size:4px}}
@media(hover:hover){.phone-loop:hover{animation-play-state:paused!important}}
@media(max-width:760px){.phone-set{gap:24px;padding-right:24px}}