@layer tokens{:root{--cinema-night:#061f32;--cinema-blue:#0a4162;--cinema-lime:#c6ed8d;--cinema-paper:#f7faf4;--cinema-green:#24732a;--cinema-mist:#e8f3f8;--cinema-line:#c6d9d6}}@layer components{.cinematic-site{--site-header-height:6.5rem;background:var(--cinema-paper);color:var(--cinema-night)}.cinematic-site :is(a,button,summary):focus-visible{outline-color:var(--brand-blue-600)}.cinematic-site :is(#collection,#our-thinking,#everyday-uses){scroll-margin-top:calc(var(--site-header-height) + var(--safe-top) + 1rem)}.cinema-container{width:min(90%,100rem);margin-inline:auto}.cinema-eyebrow{letter-spacing:.16em;font-size:.72rem;font-weight:600;line-height:1.7}.cinema-button{border:1px solid var(--cinema-lime);background:var(--cinema-lime);min-height:3.6rem;color:var(--cinema-night);border-radius:100px;justify-content:space-between;align-items:center;gap:3rem;padding:.85rem 1.8rem;font-size:1rem;font-weight:650;line-height:1.5;text-decoration:none;transition:background .18s,color .18s;display:inline-flex}.cinema-button>span{font-size:1.9rem;font-weight:350;line-height:1}.cinema-button:hover{background:#e1f8b8}.cinema-button--outline{border-color:var(--cinema-line);color:var(--cinema-night);background:0 0}.cinema-button--outline:hover{background:var(--cinema-paper);color:var(--cinema-night)}.cinema-text-link{text-underline-offset:.4em;align-items:center;gap:1.6rem;min-height:2.75rem;display:inline-flex}.site-header--cinematic{z-index:80;border-bottom:1px solid var(--cinema-line);color:var(--cinema-night);box-shadow:none;backdrop-filter:blur(16px);background:#ffffffeb;position:fixed;inset:0 0 auto}.site-header--cinematic .site-header__main{width:min(90%, 100rem, calc(100% - var(--safe-left) - var(--safe-right) - 2rem));grid-template-columns:1fr auto 1fr;gap:2rem;min-height:6.5rem}.site-header--cinematic .brand-lockup__words strong{font-size:1.25rem}.site-header--cinematic .brand-lockup__plate{border-radius:50%;width:3.25rem;height:3.25rem;overflow:hidden}.site-header--cinematic .header-actions{justify-self:end}.site-header--cinematic .main-nav__link{color:var(--cinema-night);font-weight:500}.site-header--cinematic .main-nav__list{gap:2rem}.site-header--cinematic .main-nav__link:hover{color:var(--cinema-green)}.site-header--cinematic .mobile-nav summary{border-color:var(--cinema-line);border-radius:50%;width:3rem;height:3rem}.site-header--cinematic .mobile-nav__panel{color:var(--cinema-night);border-color:var(--cinema-line);background:#fff}.site-header--cinematic .mobile-nav__panel a:hover{color:var(--cinema-night);background:var(--cinema-lime)}.site-header--cinematic .mobile-nav__search input{color:var(--cinema-night);background:var(--cinema-paper)}.scroll-story{background:var(--cinema-paper);position:relative}.story-stage{isolation:isolate;position:relative;overflow:clip}.story-atmosphere{z-index:-2;background:radial-gradient(at 78% 40%,#c5e5ec 0,#e4f2ee 32%,#f7faf4 70%);position:absolute;inset:0}.story-visual{z-index:-1;pointer-events:none;height:100svh;position:absolute;inset:0 0 auto}.story-object{transform-origin:50% 55%;position:absolute}.story-object--main{width:min(72vw,73rem);transform:translate(var(--object-x,0%), var(--object-y,0%)) rotate(var(--object-rotate,-13deg)) scale(var(--object-scale,1));top:-4%;right:-7%}.story-object--echo{width:46vw;opacity:var(--echo-opacity,.25);transform:rotate(23deg) translateY(var(--echo-y,0%));top:-34%;right:-23%}.packaging-study{width:100%;height:auto}.study-orbit{border:1px solid #0757991f;border-radius:50%;width:49vw;height:49vw;position:absolute;top:3%;right:-1%;transform:rotate(-22deg)scaleY(.62)}.study-orbit--two{opacity:.6;width:41vw;height:41vw;top:34%;right:-16%}.study-caption{letter-spacing:.23em;color:#466776;font-size:.59rem;line-height:1.8;position:absolute;bottom:16%;right:6%}.story-chapter{min-height:100svh;padding:calc(9rem + var(--safe-top)) max(6%, var(--safe-right)) calc(8rem + var(--safe-bottom)) max(6%, var(--safe-left));align-items:center;display:flex;position:relative}.story-copy{width:min(54%,47rem);position:relative}.story-copy :is(h1,h2){color:var(--cinema-night);letter-spacing:-.055em;text-wrap:nowrap;margin-block:2rem 1.6rem;font-size:clamp(3rem,5.4vw,6.2rem);font-weight:600;line-height:1.14}.story-copy em{color:var(--cinema-green);font-style:normal;font-weight:450}.story-description{color:#3f606e;white-space:pre-line;max-width:30rem;margin-bottom:2rem;font-size:clamp(1rem,1.25vw,1.25rem);line-height:1.8}.story-copy>.cinema-button{min-width:17rem}.story-chapter:not(:first-child){background:var(--cinema-paper);border-top:1px solid var(--cinema-line)}.story-footer{bottom:calc(2.5rem + var(--safe-bottom));left:max(6%, var(--safe-left));right:max(6%, var(--safe-right));letter-spacing:.12em;z-index:5;justify-content:space-between;align-items:center;gap:2rem;font-size:.7rem;display:flex;position:absolute}.story-skip{align-items:center;gap:1rem;min-height:2.75rem;text-decoration:none;display:inline-flex}.story-skip span[aria-hidden]{font-size:1.3rem}.story-pagination{display:none}.scroll-story:not([data-enhanced]) .story-footer{padding:1rem 6% 2rem;position:relative;inset:auto}.scroll-story:not([data-enhanced]) .story-chapter:not(:first-child){min-height:auto;padding-block:4rem}.scroll-story:not([data-enhanced]) :is(.story-current,.story-progress){display:none}.story-current{color:#466776}.story-progress{background:#d3e3e1;width:100%;height:2px;position:absolute;bottom:0}.story-progress span{transform-origin:0;background:var(--cinema-lime);width:100%;height:100%;display:block;transform:scaleX(0)}.scroll-story[data-enhanced]{height:460svh}.scroll-story[data-enhanced] .story-stage{height:100svh;position:sticky;top:0}.scroll-story[data-enhanced] .story-chapters{position:absolute;inset:0}.scroll-story[data-enhanced] .story-chapter{opacity:0;background:0 0;border:0;min-height:0;position:absolute;inset:0}.scroll-story[data-enhanced] .story-chapter[aria-hidden=true]{visibility:hidden;pointer-events:none}.scroll-story[data-enhanced] .story-pagination{gap:.7rem;display:flex}.story-pagination button{color:#456474;min-width:2.75rem;min-height:2.75rem;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.45rem;padding:.4rem;display:flex}.story-pagination i{background:currentColor;width:1.5rem;height:1px;transition:width .2s}.story-pagination button[aria-pressed=true]{color:var(--cinema-green)}.story-pagination button[aria-pressed=true] i{width:3rem}.story-sequence{z-index:-1;pointer-events:none;position:absolute;inset:0}.story-sequence :is(picture,img,canvas){object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.story-media-caption{z-index:5;color:#466776;pointer-events:none;background:#f7faf4e0;border-radius:.3rem;padding:.25rem .6rem;font-size:.65rem;line-height:1.6;display:none;position:absolute;top:calc(100svh - 7rem);right:6%}.scroll-story:not([data-enhanced]) .story-sequence{height:100svh}.story-sequence canvas{opacity:0}.scroll-story[data-frames-ready] .story-sequence canvas{opacity:1}.scroll-story[data-has-media] .story-visual{visibility:hidden}.scroll-story[data-has-media] .story-copy{text-shadow:0 2px 24px #ffffffa6}.cinema-manifesto{color:var(--cinema-night);background:#e9f3dc;padding-block:clamp(5rem,10vw,11rem);position:relative}.manifesto-grid{grid-template-columns:1fr 2.4fr .5fr;gap:3rem;display:grid}.manifesto-grid>.cinema-eyebrow{max-width:9rem;padding-top:1rem}.manifesto-grid h2{color:inherit;letter-spacing:-.045em;font-size:clamp(2.7rem,4.8vw,5rem);font-weight:500;line-height:1.3}.manifesto-grid h2 em{color:#3d692b;font-style:normal}.manifesto-grid p:not(.cinema-eyebrow){color:#385240;margin-top:2rem;line-height:1.95}.manifesto-symbol{place-self:center end;font-size:9rem;font-weight:200;line-height:1}.cinema-collection{background:var(--cinema-paper);color:var(--cinema-night);padding-block:clamp(5rem,8vw,9rem)}.collection-heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:4rem;display:flex}.collection-heading h2{color:var(--cinema-night);margin-top:1.8rem;font-size:clamp(2.6rem,4.8vw,5rem);font-weight:550;line-height:1.24}.collection-heading h2 span{color:#517067}.collection-intro{padding-bottom:.5rem;line-height:1.8}.collection-intro .cinema-text-link{margin-top:1rem}.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4rem 2rem;display:grid}.collection-item{min-width:0}.collection-image{aspect-ratio:1/1.12;background:#eef3ef;place-items:center;padding:2.8rem 1.8rem;display:grid;position:relative;overflow:hidden}.collection-image img{aspect-ratio:1;object-fit:contain;width:100%;transition:transform .35s}.collection-image:hover img{transform:scale(1.045)}.collection-index{letter-spacing:.18em;font-size:.65rem;position:absolute;top:.8rem;left:1rem}.collection-open{background:var(--cinema-paper);border-radius:50%;place-items:center;width:2.5rem;height:2.5rem;font-size:1.4rem;display:grid;position:absolute;bottom:.8rem;right:1rem}.collection-kicker{letter-spacing:.15em;color:#586e70;margin-block:1.5rem .5rem;font-size:.65rem}.collection-item h3{letter-spacing:-.015em;color:var(--cinema-night);font-size:1.18rem;font-weight:600;line-height:1.5}.collection-item h3 a{text-decoration:none}.collection-benefit{color:#46616d;margin-top:.8rem;font-size:.9rem;line-height:1.8}.collection-meta{border-top:1px solid #cdd6cd;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding-top:.8rem;font-size:.8rem;display:flex}.collection-meta a{align-items:center;gap:1rem;min-height:2.75rem;text-decoration:none;display:inline-flex}.collection-meta a:hover{text-underline-offset:.3rem;text-decoration:underline}.cinema-closing{background:radial-gradient(at 95% 80%,#d0e8f4,#edf5f8 65%);padding-block:clamp(5rem,9vw,10rem)}.cinema-closing h2{color:var(--cinema-night);margin-block:2.5rem 3.5rem;font-size:clamp(3.7rem,8vw,8rem);font-weight:500;line-height:1.17}.cinema-closing h2 em{color:var(--cinema-green);font-style:normal;font-weight:400}.closing-bottom{border-top:1px solid var(--cinema-line);justify-content:space-between;align-items:end;gap:2rem;padding-top:2rem;display:flex}.closing-bottom p{color:#466776}.cinematic-site .site-footer{border-top:1px solid var(--cinema-line);background:#f4f7f1}}@media (width>=48rem){@layer components{.scroll-story[data-desktop-poster]:not([data-poster-failed]) .story-media-caption{display:block}}}@media (width<=75rem){@layer components{.cinematic-site{--site-header-height:5.5rem}.site-header--cinematic .site-header__main{grid-template-columns:1fr auto;min-height:5.5rem}.site-header--cinematic :is(.main-nav,.header-actions){display:none}.site-header--cinematic .mobile-nav{justify-self:end;display:block;position:relative}.site-header--cinematic .mobile-nav summary{border:1px solid var(--cinema-line);cursor:pointer;place-items:center;list-style:none;display:grid}.site-header--cinematic .mobile-nav__panel{border:1px solid var(--cinema-line);width:min(21rem,90vw);box-shadow:var(--shadow-raised);border-radius:1rem;padding:1rem;display:grid;position:absolute;top:calc(100% + 1rem);right:0}.site-header--cinematic .mobile-nav__panel a{border-radius:.5rem;align-items:center;min-height:2.75rem;padding:.6rem .8rem;text-decoration:none;display:flex}.story-copy :is(h1,h2){font-size:clamp(3.2rem,6.3vw,5rem)}}}@media (width<=47.99rem){@layer components{.cinematic-site{--site-header-height:5rem}.cinema-container{width:88%}.cinema-eyebrow{letter-spacing:.12em;font-size:.6rem}.site-header--cinematic .site-header__main{min-height:5rem;width:min(88%, calc(100% - var(--safe-left) - var(--safe-right) - 2rem));gap:1rem}.site-header--cinematic .brand-lockup__words strong{font-size:1.08rem}.site-header--cinematic .brand-lockup__plate{width:2.8rem;height:2.8rem}.story-atmosphere{background:radial-gradient(at 65% 28%,#c5e5ec 0,#e4f2ee 45%,#f7faf4 76%)}.story-visual{height:100svh}.scroll-story[data-mobile-poster]:not([data-poster-failed]) .story-media-caption{display:block}.story-media-caption{top:calc(100svh - 5rem - var(--safe-bottom))}.story-object--main{width:110vw;transform:translate(var(--mobile-x,0%), var(--mobile-y,0%)) rotate(var(--mobile-rotate,-13deg)) scale(var(--mobile-scale,1));top:3%;right:-5%}.story-object--echo{width:79vw;top:-13%;right:-45%}.study-caption{display:none}.study-orbit{width:90vw;height:90vw;top:13%;right:-15%}.study-orbit--two{top:35%;right:-65%}.story-chapter{min-height:100svh;padding:calc(6rem + var(--safe-top)) max(6%, var(--safe-right)) calc(7.5rem + var(--safe-bottom)) max(6%, var(--safe-left));align-items:end}.story-copy{width:100%}.story-copy>.cinema-eyebrow{display:none}.story-copy :is(h1,h2){letter-spacing:-.04em;text-wrap:balance;margin-block:0 .9rem;font-size:clamp(2.3rem,9.8vw,4rem);line-height:1.18}.story-copy h2{font-size:clamp(2.1rem,9.1vw,3.7rem)}.story-description{white-space:normal;max-width:24rem;margin-bottom:1.2rem;font-size:.9rem;line-height:1.65;display:block}.story-copy>.cinema-button{width:min(20rem,100%);min-width:0;min-height:3.5rem;padding-inline:1.4rem;font-size:.95rem}.scroll-story[data-enhanced]{height:360svh}.scroll-story[data-enhanced] .story-chapters{background:linear-gradient(#0000 30%,#f7faf4f7 71%,#f7faf4 96%)}.story-footer{bottom:calc(1.3rem + var(--safe-bottom));flex-wrap:wrap;gap:.5rem}.story-skip{letter-spacing:.02em;font-size:.65rem}.story-current{display:none}.story-pagination{gap:.1rem}.story-pagination button{gap:.2rem;min-width:2.75rem;padding-inline:.2rem}.story-pagination i{width:.5rem}.story-pagination button[aria-pressed=true] i{width:1.3rem}.story-chapter:not(:first-child) .story-description{font-size:.95rem;display:block}.scroll-story[data-enhanced] .story-chapter:not(:first-child) .story-description{white-space:normal;max-width:24rem;margin-bottom:1.2rem;font-size:.9rem;line-height:1.65;display:block}.manifesto-grid{grid-template-columns:1fr auto;gap:2rem 1rem}.manifesto-grid>.cinema-eyebrow{grid-column:1/-1;max-width:none;padding:0}.manifesto-grid h2{font-size:clamp(2rem,6.5vw,3.3rem)}.manifesto-grid p:not(.cinema-eyebrow){font-size:.88rem}.manifesto-symbol{align-self:start;font-size:3.2rem}.collection-heading{margin-bottom:2.5rem;display:block}.collection-heading h2{margin-top:1rem;font-size:clamp(2.4rem,8vw,3.6rem)}.collection-intro{margin-top:1.5rem;font-size:.95rem}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.4rem 1.2rem}.collection-image{aspect-ratio:1/1.18;padding:1.8rem .6rem}.collection-item h3{font-size:.98rem}.collection-meta{flex-direction:column;align-items:start;gap:.2rem;font-size:.7rem}.collection-kicker{letter-spacing:.08em;font-size:.52rem}.collection-open{width:1.7rem;height:1.7rem;font-size:1.1rem;bottom:.5rem;right:.5rem}.cinema-closing h2{margin-block:2rem;font-size:clamp(3rem,11vw,5rem)}.closing-bottom{gap:2rem;display:grid}.closing-bottom p{font-size:.9rem}.closing-bottom .cinema-button{gap:2rem;padding-inline:1.3rem;font-size:.95rem}}}@media (width<=25rem){@layer components{.collection-grid{grid-template-columns:1fr}.collection-image{aspect-ratio:1;padding:2rem}.collection-meta{flex-direction:row;align-items:center}.collection-item h3{font-size:1.15rem}.collection-kicker{font-size:.65rem}}}@media (height<=43rem) and (width<=47.99rem){@layer components{.story-object--main{width:82vw;top:5%;right:2%}.story-copy :is(h1,h2){font-size:clamp(2rem,9.3vw,3rem)}.story-chapter{padding-bottom:calc(6rem + var(--safe-bottom))}.story-description{max-width:23rem;margin-bottom:.9rem;font-size:.82rem;line-height:1.55}.scroll-story[data-enhanced] .story-chapter:not(:first-child) .story-description{margin-bottom:.9rem;font-size:.82rem;line-height:1.55}.story-copy :is(h1,h2){margin-bottom:.7rem}}}@media (prefers-reduced-motion:reduce){@layer components{.cinematic-site *,.cinematic-site :before,.cinematic-site :after{scroll-behavior:auto!important;transition:none!important}}}