@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{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}.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:first-child{opacity:1}.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}.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 (prefers-reduced-motion:no-preference) and (height>=32.01rem){@layer components{.scroll-story:not([data-enhanced]) .story-footer{top:calc(100svh - var(--story-footer-bottom,2.5rem) - var(--safe-bottom) - 2.75rem);bottom:auto;left:max(6%, var(--safe-left));right:max(6%, var(--safe-right));padding:0;position:absolute}}}@media (width<=75rem){@layer components{.story-copy :is(h1,h2){font-size:clamp(3.2rem,6.3vw,5rem)}}}@media (width<=47.99rem){@layer components{.cinema-container{width:88%}.cinema-eyebrow{letter-spacing:.12em;font-size:.6rem}.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{--story-footer-bottom:1.3rem;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}}}@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}}}