.projects{background:#fff;padding-inline:48px}.projects__inner{width:min(1200px,100%);margin-inline:auto;padding-block:96px}.projects__header{text-align:center;flex-direction:column;align-items:center;gap:8px;margin-bottom:48px;display:flex}.projects__eyebrow{color:var(--eyebrow-red)}.projects__header h2{font-size:72px;line-height:96px}.projects__description{max-width:560px;font-size:16px;line-height:24px}.projects__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.project-card{--card-bg:var(--ink);background:var(--card-bg);isolation:isolate;border-radius:20px;flex-direction:column;justify-content:flex-end;min-width:0;min-height:580px;padding:12px;display:flex;position:relative;overflow:hidden}.project-card__visual{z-index:0;place-items:center;height:340px;padding-bottom:60px;display:grid;position:absolute;inset:0 0 auto;overflow:hidden}.project-card__art{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.project-card__logo{z-index:2;width:auto;max-width:55%;height:auto;position:relative;transform:translateY(10px)}.project-card__content{z-index:1;clip-path:polygon(0 0,calc(100% - 28px) 0,calc(100% - 28px) 28px,100% 28px,100% 100%,0 100%);background:#fff;flex-direction:column;align-items:flex-start;gap:10px;min-width:0;padding:24px;display:flex;position:relative}.project-card__category{color:#55554f;letter-spacing:.48px;text-transform:uppercase;font-size:12px;font-weight:400;line-height:16px}.project-card__name{color:var(--eyebrow-red);font-family:var(--heading-font);font-size:24px;font-weight:600;line-height:1.2}.project-card__description{font-family:var(--heading-font);font-size:20px;font-weight:500;line-height:1.3}.project-card__meta{width:100%;margin-top:10px}.project-card__visit{background:var(--red);color:#fff;white-space:nowrap;border-radius:22px;justify-content:space-between;align-items:center;gap:12px;width:100%;height:44px;padding-left:18px;padding-right:6px;font-size:16px;font-weight:500;transition:background .18s;display:flex;position:relative}.project-card__visit:hover,.project-card__visit:focus-visible{background:#d6230e}.project-card__visit img{flex:none}.project-card__visit .project-card__arrow{position:absolute;top:12px;right:12px}.story-section{--story-paper:#1a1c21;--story-ink:#fff;--story-link:#4490ff;--story-ease:cubic-bezier(.16, 1, .3, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;padding-top:var(--section-space);background:var(--story-paper);color:var(--story-ink);position:relative;overflow:hidden}.story-heading{text-align:center}.story-section:not(.is-scrolly){padding-bottom:var(--section-space)}.story-section .story-kicker{color:#f63b10;letter-spacing:.48px;text-transform:uppercase;margin-bottom:16px;font-size:12px;line-height:15px}.story-section .story-title{font:600 clamp(40px, 5.715vw, 72px)/1.11111 var(--heading-font)}.story-section .story-title span{display:block}.story-section .chronology{--vw:33.3333%;--edge:calc(50% - var(--vw) / 2);--text-w:min(376px, calc(var(--edge) - 24px));margin:72px 0 0;padding:0;list-style:none}.story-section .chronology__entry{position:relative}.story-section .chronology__entry+.chronology__entry{margin-top:var(--section-space)}.story-navigation[hidden]{display:none}.story-section .chronology__stamp{z-index:2;position:absolute;top:0;left:15.75%}.story-section .chronology__year{font:400 clamp(40px, 4.604vw, 58px)/1.1 var(--hero-font);letter-spacing:-2px;display:block}.story-section .chronology__date{letter-spacing:.7px;text-transform:uppercase;margin-top:8px;font-size:10px;line-height:12px;display:block}.story-section .chronology__details{bottom:0;left:calc(100% - var(--edge) + 24px);width:var(--text-w);position:absolute}.story-section [data-layout=b] .chronology__stamp{left:73.3333%}.story-section [data-layout=b] .chronology__details{left:auto;right:calc(100% - var(--edge) + 24px)}.story-section #story-2016 .chronology__stamp{left:10.4167%}.story-section .chronology__icon{background:var(--red);width:32px;height:32px;margin-bottom:16px;display:block;position:relative}.story-section .chronology__icon:before{content:"";background:#fff;position:absolute;inset:6.1px;transform:rotate(45deg)}.story-section [data-icon=circle] .chronology__icon{background:var(--article-blue)}.story-section [data-icon=circle] .chronology__icon:before{border-radius:50%}.story-section [data-icon=square] .chronology__icon{background:var(--article-yellow)}.story-section [data-icon=square] .chronology__icon:before{background:var(--story-paper);inset:7px;transform:none}.story-section .chronology__details h3{font:600 24px/1.25 var(--heading-font);margin-bottom:8px}.story-section .chronology__details p{font-size:14px;line-height:1.75}.story-section .story-handle{color:var(--story-link);text-underline-offset:2px;text-decoration:underline}.story-section :focus-visible{outline-color:var(--story-link)}.story-section ::selection{color:var(--ink);background:var(--yellow)}.story-visual{isolation:isolate;width:var(--vw);aspect-ratio:400/413;background:var(--yellow);margin-inline:auto;position:relative;overflow:hidden}.story-visual__base{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.story-satellite{display:none}@media (width>=761px){.story-satellite{aspect-ratio:1;object-fit:cover;width:16.6667%;height:auto;display:block;position:absolute}.story-satellite--left{bottom:0;left:0}.story-satellite--right{top:0;right:0}[data-layout=b] .story-satellite--left{top:0;bottom:auto}[data-layout=b] .story-satellite--right{top:auto;bottom:0}}.story-section.is-scrolly{height:var(--story-height,auto);padding:0;overflow:clip}.story-section.is-scrolly .story-pin{top:var(--pin-top,0px);min-height:100vh;padding-block:var(--section-space);flex-direction:column;display:flex;position:sticky}.story-section.is-scrolly .story-section__inner{width:min(var(--content-width), calc(100% - 96px))}.story-section.is-scrolly .story-heading{height:191px}.story-section.is-scrolly .story-title{font-size:calc(72px - 36px * var(--heading-shrink,0));line-height:calc(80px - 34px * var(--heading-shrink,0))}.story-section.is-scrolly .chronology{transform:translateY(calc(-68px * var(--heading-shrink,0)));margin-top:72px;display:grid}.story-section.is-scrolly .chronology__entry{visibility:hidden;grid-area:1/1;margin:0}.story-section.is-scrolly .chronology__entry.is-shown{visibility:visible}.story-section.is-scrolly .story-visual>*{scale:var(--settle,1)}.story-section.is-scrolly .story-navigation{z-index:4;display:block;position:absolute;top:50%;right:24px;translate:0 -50%}.story-navigation__steps{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex;position:relative}.story-navigation__steps:before{content:"";background:#ffffff40;width:1px;position:absolute;top:14px;bottom:14px;right:17px}.story-navigation button{color:#8d9096;width:100%;min-height:28px;font:inherit;letter-spacing:.4px;cursor:pointer;background:0 0;border:0;flex-direction:row-reverse;justify-content:flex-start;align-items:center;gap:12px;padding:0 14px 0 0;font-size:10px;line-height:15px;transition:color .2s;display:flex;position:relative}.story-navigation button img{opacity:.55;width:7px;height:7px;transition:transform .3s var(--story-ease), opacity .2s ease}.story-navigation button[aria-current=step],.story-navigation button:hover{color:var(--story-ink)}.story-navigation button[aria-current=step] img,.story-navigation button:hover img{opacity:1;transform:scale(1.6)}.story-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (width>=1024px) and (width<=1440px){.story-section.is-scrolly .story-navigation{top:auto;bottom:24px;right:48px;translate:none}.story-navigation__steps{flex-direction:row;gap:20px}.story-navigation__steps:before{display:none}.story-navigation button{padding:0}}.story-section.is-visible .story-heading{animation:story-rise .8s var(--story-ease) both}.story-section.is-visible:not(.is-scrolly) .chronology{animation:story-rise .9s .12s var(--story-ease) both}@keyframes story-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (width<=1199px){.project-card__content{padding:20px}}@media (width<=1050px) and (width>=761px){.story-section .chronology__details h3{font-size:22px}}@media (width>=761px) and (height<=800px){.story-section .story-title{font-size:56px}.story-section.is-scrolly .chronology{margin-top:40px}}@media (width<=960px){.projects{padding-inline:24px}.projects__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.projects{padding-inline:20px}.projects__inner{padding-block:64px}.projects__header{margin-bottom:32px}.projects__header h2{font-size:clamp(40px,9vw,60px);line-height:1.1}.projects__description{max-width:420px;font-size:14px;line-height:22px}.projects__list{grid-template-columns:minmax(0,1fr);gap:24px}.project-card{border-radius:16px;min-height:520px}.project-card__visual{height:300px}.story-section{padding-top:56px}.story-section .story-title{font-size:clamp(36px,6.4vw,48px);line-height:1.12}.story-section .chronology{--vw:min(400px, calc(100% - 48px));margin-top:40px}.story-section .chronology__entry .chronology__stamp{text-align:left;inset:24px auto auto max(0px,50% - 224px)}.story-section .chronology__year{font-size:44px}.story-section .chronology__date{max-width:210px;font-size:9px}.story-section .chronology__entry .chronology__details{text-align:left;width:min(400px,100% - 48px);min-height:158px;margin:24px auto 0;position:static}.story-section .chronology__details h3{font-size:24px}}@media (prefers-reduced-motion:reduce){.story-section *,.story-section :before,.story-section :after{transition:none!important;animation:none!important}.story-navigation button img{transform:none!important}}