.brandStory{isolation:isolate;color:#eee;background:#171818;min-height:100svh;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;position:relative;overflow:hidden}.brandStory *{box-sizing:border-box}.brandStoryBackdrop{z-index:-2;pointer-events:none;contain:paint;background:#141819;position:fixed;inset:0;overflow:hidden}.brandStoryBackdrop canvas{opacity:.85;width:100%;height:100%;display:block}.brandStoryBackdrop:after{content:"";pointer-events:none;background:linear-gradient(90deg,#14181912,#141819c9 33%,#141819d9 65%,#14181912);position:absolute;inset:0}.brandStoryWordmark{letter-spacing:-.08em;color:#54716e;opacity:.075;white-space:nowrap;font:900 clamp(90px,21vw,400px)/1 Arial,sans-serif;position:absolute;top:35%;left:-3vw;transform:rotate(-14deg)}.brandStoryNav{z-index:2;color:#e8eeee;align-items:center;gap:30px;padding:24px 5vw;font-size:12px;display:flex;position:relative}.brandStoryLetter{z-index:1;width:min(100% - 48px,760px);margin:0 auto;padding:32px 0 100px;position:relative}.brandStoryPage{border-bottom:1px solid #ffffff38;padding:68px 0 80px}.brandStoryPage:first-child{padding-top:36px}.brandStoryPage h1{letter-spacing:-.03em;margin:0 0 78px;font-size:clamp(32px,3.6vw,56px);font-weight:200;line-height:1.24}.brandStoryPage h2{letter-spacing:-.025em;margin:72px 0 34px;font-size:clamp(25px,2.3vw,36px);font-weight:200;line-height:1.4}.brandStoryPage:nth-child(2) h2{margin-top:0}.brandStoryPage p{letter-spacing:.015em;color:#e2e5e4;margin:0 0 28px;font-size:clamp(17px,1.16vw,20px);line-height:1.9}.brandStoryPage p:first-of-type{color:#fff;font-size:clamp(21px,1.45vw,26px)}.brandStoryPage .brandStoryQuestion{color:#fff;margin:42px 0;font-size:clamp(24px,2.2vw,34px)}.brandStoryPage .brandStoryPromise{color:#fff;margin:58px 0 34px;font-size:clamp(24px,2.2vw,34px);line-height:1.55}.brandStoryPage .brandStorySignoff{color:#cfd7d4;border-top:1px solid #ffffff38;margin-top:72px;padding-top:28px}.brandStoryReturn{color:#fff;border-bottom:1px solid #ffffff6a;align-items:center;gap:45px;margin-top:14px;padding-bottom:11px;font-size:15px;text-decoration:none;display:inline-flex}.brandStoryReturn:focus-visible{outline-offset:5px;outline:2px solid #8de4dc}@media (max-width:760px){.brandStoryNav{padding:20px 6vw}.brandStoryNav>span{display:none}.brandStoryLetter{width:calc(100% - 44px);padding-top:10px}.brandStoryPage{padding:48px 0 60px}.brandStoryPage:first-child{padding-top:25px}.brandStoryPage h1{margin-bottom:48px}.brandStoryPage h2{margin:55px 0 27px}.brandStoryPage p{margin-bottom:22px;font-size:17px;line-height:1.78}.brandStoryPage .brandStoryQuestion,.brandStoryPage .brandStoryPromise{margin:33px 0}.brandStoryBackdrop canvas{opacity:.55}}html:has(.brandStory){scroll-behavior:smooth}.brandStoryBackdrop{background-image:linear-gradient(90deg,#101314e8 0%,#101314c9 38%,#10131452 68%,#1013147d 100%),url(/brand-letter-material-collage-v2.webp);background-position:50%,46% 48%;background-size:auto,120%;animation:12s cubic-bezier(.45,0,.3,1) infinite alternate brandMaterialPan}.brandStoryBackdrop canvas,.brandStoryWordmark{display:none}.brandStoryBackdrop:before,.brandStoryBackdrop:after{content:"";will-change:transform;pointer-events:none;background:url(/brand-letter-material-collage-v2.webp) 50%/cover no-repeat;display:block;position:absolute;inset:-9%}.brandStoryBackdrop:before{opacity:.26;mix-blend-mode:screen;animation:10s ease-in-out infinite alternate brandMaterialDrift}.brandStoryBackdrop:after{opacity:.22;mix-blend-mode:lighten;animation:14s ease-in-out infinite alternate brandMaterialDriftReverse}@keyframes brandMaterialPan{0%{background-position:50%,42% 46%}to{background-position:50%,59% 55%}}@keyframes brandMaterialDrift{0%{transform:translate(-3%,-2%)scale(1.05)}to{transform:translate(5%,3%)scale(1.13)}}@keyframes brandMaterialDriftReverse{0%{transform:translate(5%,3%)scale(1.15)}to{transform:translate(-3%,-3%)scale(1.06)}}@media (max-width:760px){.brandStoryBackdrop{background-position:50%,58% 48%;background-size:auto,165%}}@media (prefers-reduced-motion:reduce){.brandStoryBackdrop,.brandStoryBackdrop:before,.brandStoryBackdrop:after{animation:none}}