.commercial-story{overflow:hidden;color:#666}.commercial-story__frame{width:min(1300px,calc(100% - 140px));margin-inline:auto}.commercial-story__body{font-size:17px;font-weight:300;line-height:26.45px}.commercial-story__body p{margin:0 0 14.4px}.commercial-story__image{width:100%;height:100%;object-fit:cover}.commercial-story__eyebrow{margin:0 0 18px;color:#272727;font-size:13px;font-weight:500;line-height:18px;letter-spacing:1.5px;text-transform:uppercase}.commercial-story h2{margin:0;color:#272727;font-size:45px;font-weight:500;line-height:1;letter-spacing:-2.6px}.commercial-story h3{margin:0;color:#272727;font-size:26px;font-weight:400;line-height:31.2px;letter-spacing:-1.3px}.commercial-icon{color:#707070}.commercial-story__lead{display:grid;grid-template-columns:626.25px minmax(0,1fr);padding-top:120px}.commercial-story__lead-content{padding:0 20px}.commercial-story__lead-content>h2{max-width:578px;line-height:45px;text-transform:capitalize}.commercial-story__lead-card{display:grid;grid-template-columns:minmax(0,1fr) 185px;min-height:330px;margin-top:55px;gap:20px}.commercial-story__lead-copy{display:flex;align-items:flex-start;flex-direction:column;padding-top:2px}.commercial-story__lead-copy .button{margin-top:22px}.commercial-story__lead-brand{height:300px}.commercial-story__lead-office{height:505px;margin-top:42px}.commercial-story__audiences{display:grid;grid-template-columns:repeat(4,305px);gap:20px;margin-top:70px;padding-inline:10px}.commercial-story__audiences li{display:grid;justify-items:center;gap:17px;text-align:center}.commercial-story__audiences h3{width:100%;font-size:25px;line-height:25px}.commercial-story__design{display:grid;grid-template-columns:650px minmax(0,1fr);min-height:513px;margin-top:108px}.commercial-story__design-media{width:585px;height:513px;margin-left:32.5px}.commercial-story__design-content{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:0 72.5px 0 97.5px;transform:translateY(-21px)}.commercial-story__design-content h2{max-width:455px;margin-bottom:30px;font-size:50px;line-height:55px}.commercial-story__sustainability{display:grid;grid-template-columns:550.5px minmax(0,1fr);min-height:485px;margin-top:96px}.commercial-story__sustainability-intro{padding:98.4px 40px 45px}.commercial-story__sustainability-intro h2{max-width:415px;margin-bottom:35px;line-height:45px}.commercial-story__sustainability-intro h2 span{display:block}.commercial-story__sustainability-intro .commercial-story__body{max-width:500px}.commercial-story__features{display:grid;grid-template-rows:repeat(2,209px);grid-template-columns:repeat(2,minmax(0,1fr));padding-top:34px}.commercial-story__feature{padding:0 28px 35px}.commercial-story__feature:nth-child(odd){padding-left:0}.commercial-story__feature:nth-child(-n+2){padding-top:0}.commercial-story__feature:nth-child(n+3){padding-top:0}.commercial-story__feature .commercial-icon{margin-bottom:14px}.commercial-story__feature h3{margin-bottom:15px}.commercial-story__feature .commercial-story__body{font-size:15px;line-height:23.35px}.commercial-story__projects{margin-top:100px}.commercial-story__projects>h2{font-size:50px;line-height:55px}.commercial-story__project-stage{position:relative;height:740px;margin-top:50px;background:#efefed}.commercial-story__project{position:absolute;visibility:hidden;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .25s ease,visibility .25s ease}.commercial-story__project>img{position:absolute;top:0;right:0;bottom:0;left:0}.commercial-story__project:after{position:absolute;top:35%;right:0;bottom:0;left:0;background:linear-gradient(transparent,#000000b8);content:""}.commercial-story__project figcaption{position:absolute;z-index:1;right:55px;bottom:48px;left:55px;max-width:640px;color:#fff}.commercial-story__project figcaption h3{margin-bottom:14px;color:#fff;font-size:30px;line-height:36px}.commercial-story__project figcaption .commercial-story__body{font-size:16px;line-height:24.9px}.commercial-story__project figcaption a{display:inline-block;margin-top:10px;font-size:12px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase}.commercial-story__project-choice--1:checked~.commercial-story__project-stage .commercial-story__project--1,.commercial-story__project-choice--2:checked~.commercial-story__project-stage .commercial-story__project--2,.commercial-story__project-choice--3:checked~.commercial-story__project-stage .commercial-story__project--3,.commercial-story__project-choice--4:checked~.commercial-story__project-stage .commercial-story__project--4{visibility:visible;opacity:1}.commercial-story__project-thumbnails{display:grid;width:760px;grid-template-columns:repeat(4,160px);gap:40px;margin:4px auto 0}.commercial-story__project-thumbnails:focus-visible{outline:3px solid rgb(var(--color-accent));outline-offset:4px}.commercial-story__project-thumbnail{position:relative;height:160px;overflow:hidden;cursor:pointer;opacity:.62;transition:opacity .2s ease,box-shadow .2s ease}.commercial-story__project-thumbnail-image{display:block;width:100%;height:100%}.commercial-story__project-thumbnail:hover{opacity:1}.commercial-story__projects:has(.commercial-story__project-choice--1:checked) .commercial-story__project-thumbnail--1,.commercial-story__projects:has(.commercial-story__project-choice--2:checked) .commercial-story__project-thumbnail--2,.commercial-story__projects:has(.commercial-story__project-choice--3:checked) .commercial-story__project-thumbnail--3,.commercial-story__projects:has(.commercial-story__project-choice--4:checked) .commercial-story__project-thumbnail--4{opacity:1;box-shadow:0 0 0 3px #272727}.commercial-story__projects:has(.commercial-story__project-choice--1:focus-visible) .commercial-story__project-thumbnail--1,.commercial-story__projects:has(.commercial-story__project-choice--2:focus-visible) .commercial-story__project-thumbnail--2,.commercial-story__projects:has(.commercial-story__project-choice--3:focus-visible) .commercial-story__project-thumbnail--3,.commercial-story__projects:has(.commercial-story__project-choice--4:focus-visible) .commercial-story__project-thumbnail--4{outline:3px solid rgb(var(--color-accent));outline-offset:4px}.commercial-story__process{display:grid;grid-template-columns:585px minmax(0,1fr);min-height:760px;margin-top:126px}.commercial-story__process-content{padding:0 70px 20px 20px}.commercial-story__process-content>h2{margin-bottom:58px;line-height:49.5px}.commercial-story__process-content>.commercial-story__eyebrow{margin-bottom:14.5px}.commercial-story__process-step+.commercial-story__process-step{margin-top:59px}.commercial-story__process-step h3{margin-bottom:12px;font-size:28px;line-height:33.6px}.commercial-story__process-step .commercial-story__body{font-size:15px;line-height:23.35px}.commercial-story__process-media{height:760px}.commercial-story__environment{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-height:570px;margin-top:127px}.commercial-story__environment-media{height:570px}.commercial-story__environment-content{display:flex;justify-content:flex-start;flex-direction:column;padding:92px 72.5px 0 97.5px}.commercial-story__environment-content h2{max-width:455px;margin-bottom:30px;font-size:50px;line-height:55px}@media(min-width:750px)and (max-width:1439px){.commercial-story__frame{width:min(1300px,calc(100% - 80px))}.commercial-story__body{font-size:16px;line-height:25px}.commercial-story h2{font-size:38px;line-height:42px;letter-spacing:-2.2px}.commercial-story h3{font-size:23px;line-height:28px;letter-spacing:-1px}.commercial-story__lead{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:92px}.commercial-story__lead-content{padding:0 32px 0 0}.commercial-story__lead-content>h2{line-height:42px}.commercial-story__lead-card{grid-template-columns:minmax(0,1fr) 165px;min-height:280px;margin-top:40px}.commercial-story__lead-brand{height:270px}.commercial-story__lead-office{height:auto;aspect-ratio:674/505;margin-top:32px}.commercial-story__audiences{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:64px;padding:0}.commercial-story__audiences h3{font-size:22px;line-height:26px}.commercial-story__design{grid-template-columns:repeat(2,minmax(0,1fr));min-height:0;margin-top:90px}.commercial-story__design-media{width:100%;height:auto;aspect-ratio:585/513;margin-left:0}.commercial-story__design-content{padding:24px 0 24px 56px;transform:none}.commercial-story__design-content h2{margin-bottom:24px;font-size:38px;line-height:42px}.commercial-story__sustainability{grid-template-columns:42% minmax(0,1fr);min-height:0;margin-top:90px}.commercial-story__sustainability-intro{padding:54px 40px 30px 0}.commercial-story__sustainability-intro h2{margin-bottom:28px;line-height:42px}.commercial-story__features{grid-template-rows:none;gap:36px 28px;padding-top:24px}.commercial-story__feature,.commercial-story__feature:nth-child(odd),.commercial-story__feature:nth-child(-n+2),.commercial-story__feature:nth-child(n+3){padding:0}.commercial-story__feature .commercial-story__body{font-size:15px;line-height:23px}.commercial-story__projects{margin-top:90px}.commercial-story__projects>h2{font-size:42px;line-height:46px}.commercial-story__project-stage{height:auto;aspect-ratio:1300/740;margin-top:40px}.commercial-story__project-thumbnails{width:min(760px,100%);grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,3vw,40px)}.commercial-story__project-thumbnail{width:auto;height:auto;aspect-ratio:1}.commercial-story__process{grid-template-columns:45% minmax(0,1fr);min-height:0;margin-top:100px}.commercial-story__process-content{padding:0 56px 0 0}.commercial-story__process-content>h2{margin-bottom:44px;line-height:42px}.commercial-story__process-step+.commercial-story__process-step{margin-top:44px}.commercial-story__process-step h3{font-size:24px;line-height:29px}.commercial-story__process-media{height:auto;aspect-ratio:715/760}.commercial-story__environment{min-height:0;margin-top:100px}.commercial-story__environment-media{height:auto;aspect-ratio:650/570}.commercial-story__environment-content{padding:60px 0 20px 56px}.commercial-story__environment-content h2{font-size:42px;line-height:46px}}@media(min-width:750px)and (max-width:989px){.commercial-story__lead{display:flex;flex-direction:column}.commercial-story__lead-content{padding:0}.commercial-story__lead-card{grid-template-columns:minmax(0,1fr) 185px}.commercial-story__lead-office{width:min(674px,100%);margin:52px auto 0}.commercial-story__sustainability{display:block}.commercial-story__sustainability-intro{max-width:700px;padding:0}.commercial-story__features{margin-top:48px;padding-top:0}}@media(max-width:749px){.commercial-story__frame{width:calc(100% - 39px)}.commercial-story__body{font-size:14px;line-height:22.4px}.commercial-story__eyebrow{margin-bottom:12px;font-size:11px;line-height:16px}.commercial-story h2{font-size:30px;line-height:30px;letter-spacing:-2px}.commercial-story h3{font-size:18px;line-height:21.6px;letter-spacing:-.8px}.commercial-story__lead{display:flex;padding-top:77px;flex-direction:column}.commercial-story__lead-content{padding:0}.commercial-story__lead-content>h2{line-height:30px}.commercial-story__lead-card{display:flex;min-height:0;margin-top:40px;flex-direction:column;gap:26px}.commercial-story__lead-brand{order:1;width:100%;height:220px}.commercial-story__lead-copy{order:2;padding:0}.commercial-story__lead-copy .button{margin-top:16px}.commercial-story__lead-office{height:auto;aspect-ratio:351/336;margin-top:66px}.commercial-story__audiences{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 20px;margin:71px 0 0;padding:0}.commercial-story__audiences li{gap:12px}.commercial-story__audiences h3{font-size:20px;line-height:25px}.commercial-story__design{display:flex;min-height:0;margin-top:72px;flex-direction:column}.commercial-story__design-media{order:2;width:100%;height:285.1px;margin:8px 0 0}.commercial-story__design-content{order:1;padding:0;transform:none}.commercial-story__design-content h2{margin-bottom:22px;font-size:30px;line-height:33px}.commercial-story__sustainability{grid-template-columns:minmax(0,1fr);min-height:0;margin-top:78px}.commercial-story__sustainability-intro{padding:0 15px}.commercial-story__sustainability-intro h2{margin-bottom:24px;line-height:30px}.commercial-story__features{grid-template-rows:215.2px 188px 215.2px auto;grid-template-columns:minmax(0,1fr);margin-top:23px;padding:0 15px}.commercial-story__feature,.commercial-story__feature:nth-child(odd),.commercial-story__feature:nth-child(-n+2),.commercial-story__feature:nth-child(n+3){padding:0}.commercial-story__feature+.commercial-story__feature{margin-top:0}.commercial-story__feature .commercial-icon,.commercial-story__feature h3{margin-bottom:12px}.commercial-story__feature .commercial-story__body{font-size:14px;line-height:22.4px}.commercial-story__projects{width:calc(100% + 15.6px);margin:65px 0 0 -7.8px}.commercial-story__projects>h2{font-size:30px;line-height:33px;text-align:center}.commercial-story__project-stage{height:450px;margin-top:30px}.commercial-story__project figcaption{right:24px;bottom:28px;left:24px}.commercial-story__project figcaption h3{margin-bottom:8px;font-size:22px;line-height:26px}.commercial-story__project figcaption .commercial-story__body{font-size:13px;line-height:20px}.commercial-story__project-thumbnails{display:flex;width:auto;gap:20px;margin:0;padding:4px;overflow-x:auto;scroll-snap-type:x mandatory}.commercial-story__project-thumbnail{width:160px;height:160px;flex:0 0 160px;scroll-snap-align:start}.commercial-story__process{display:flex;min-height:0;margin-top:80px;flex-direction:column}.commercial-story__process-content{padding:0}.commercial-story__process-content>.commercial-story__eyebrow{margin-bottom:12px}.commercial-story__process-content>h2{margin-bottom:28px;line-height:30px}.commercial-story__process-step+.commercial-story__process-step{margin-top:56px}.commercial-story__process-step h3{margin-bottom:9px;font-size:18px;line-height:21.6px}.commercial-story__process-step .commercial-story__body{font-size:14px;line-height:22.4px}.commercial-story__process-media{height:270px;margin-top:29px}.commercial-story__environment{display:flex;min-height:0;margin-top:78px;flex-direction:column}.commercial-story__environment-media{order:2;height:285.1px;margin-top:28px}.commercial-story__environment-content{order:1;padding:0}.commercial-story__environment-content h2{margin-bottom:16px;font-size:30px;line-height:30px}}@media(prefers-reduced-motion:reduce){.commercial-story__project,.commercial-story__project-thumbnail{transition:none}.commercial-story__project-thumbnails{scroll-behavior:auto}}@media(forced-colors:active){.commercial-story__project-thumbnail{border:1px solid CanvasText}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/commercial-story.css.map */