.cb-project-index.cb-stories-image-grid{display:block;padding:24px clamp(14px,1.8vw,32px) 64px;font-family:var(--cb-font);background:#fff}.cb-stories-image-grid>h1:not(.visually-hidden){font:400 clamp(28px,3vw,44px)/1.1 var(--cb-font);letter-spacing:-.04em;margin:24px 0}.cb-stories-image-grid>.cb-project-index__intro{margin:0 0 32px;max-width:44ch;font:400 14px/1.6 var(--cb-font)}.cb-stories-image-grid .cb-stories-index-label{display:flex;justify-content:space-between;font:400 10px/1.4 var(--cb-font);text-transform:uppercase;margin-bottom:20px}.cb-stories-image-grid .cb-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.cb-stories-image-grid .cb-project-card{margin:0;min-width:0;background:transparent;border-radius:12px;overflow:hidden}.cb-stories-image-grid .cb-project-card>a,.cb-stories-image-grid .cb-project-card>div{display:block;position:relative;color:#fff}.cb-stories-image-grid .cb-project-card__media{aspect-ratio:4/5;background:#111;border-radius:12px;overflow:hidden}.cb-stories-image-grid .cb-project-card[data-format=landscape] .cb-project-card__media{aspect-ratio:16/9}.cb-stories-image-grid .cb-project-card[data-format=square] .cb-project-card__media{aspect-ratio:1}.cb-stories-image-grid .cb-project-card__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.12) 65%,rgba(0,0,0,.52) 100%)}.cb-stories-image-grid .cb-project-card__caption{position:absolute;left:24px;right:24px;bottom:clamp(28px,4vw,64px);display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;pointer-events:none}.cb-stories-image-grid .cb-project-card__caption>span:first-child{font:400 10px/1.4 var(--cb-font);text-transform:uppercase;letter-spacing:.025em;color:#e6e6e6}.cb-stories-image-grid .cb-project-card__caption h2{font:500 clamp(17px,1.45vw,24px)/1.15 var(--cb-font);text-transform:uppercase;letter-spacing:-.02em;margin:0;max-width:30ch;text-wrap:balance}.cb-stories-image-grid .cb-story-date{font:400 10px/1.4 var(--cb-font);transform:none!important}.cb-stories-image-grid .cb-story-excerpt{font:400 12px/1.5 var(--cb-font);max-width:34ch;margin:8px 0 0}.cb-stories-image-grid .cb-project-card__media img,.cb-stories-image-grid .cb-project-card__media video{transition:transform 1.5s cubic-bezier(.22,1,.36,1),opacity .7s ease}.cb-stories-image-grid .cb-story-title{background-image:linear-gradient(currentColor,currentColor);background-position:left bottom;background-size:0 1px;background-repeat:no-repeat;padding-bottom:3px;transition:background-size .65s cubic-bezier(.22,1,.36,1)}.cb-stories-image-grid a:focus-visible{outline:2px solid #111;outline-offset:-4px}.cb-stories-image-grid a:focus-visible .cb-story-title{background-size:100% 1px}@media(hover:hover){.cb-stories-image-grid .cb-project-card:hover img,.cb-stories-image-grid .cb-project-card:hover video{transform:scale(1.025)}.cb-stories-image-grid a:hover .cb-story-title{background-size:100% 1px}}@media(max-width:749px){.cb-project-index.cb-stories-image-grid{padding:16px 14px 48px}.cb-stories-image-grid .cb-project-grid{grid-template-columns:1fr;gap:16px}.cb-stories-image-grid .cb-project-card__caption{bottom:36px;left:20px;right:20px}.cb-stories-image-grid .cb-project-card,.cb-stories-image-grid .cb-project-card__media{border-radius:10px}}@media(prefers-reduced-motion:reduce){.cb-stories-image-grid .cb-story-title{transition:none}.cb-stories-image-grid .cb-project-card__media img,.cb-stories-image-grid .cb-project-card__media video{transition:none!important;transform:none!important}}.cb-project-index{--story-height: calc( 100svh - var(--header-height, 80px) - 120px )}.cb-project-index .cb-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:calc(var(--story-height) * 1.6 + 24px);margin-inline:auto}.cb-project-index .cb-project-grid>.cb-project-card{grid-column:auto!important;margin:0!important;border-radius:12px;overflow:hidden}.cb-project-index .cb-project-card .cb-project-card__media{height:var(--story-height);aspect-ratio:auto!important;background:#fff}.cb-project-index .cb-project-card__media img,.cb-project-index .cb-project-card__media video{object-fit:contain!important;transform:none!important}@media(max-width:749px){.cb-project-index .cb-project-grid{grid-template-columns:1fr;max-width:100%;gap:18px}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/cb-stories-editorial.css.map */