.callout-grid-container .callout-grid .callout-grid-item .content .hidden-info .hidden-info-container,.callout-grid-container .callout-grid .callout-grid-item .content h3,.callout-grid-container .callout-grid .callout-grid-item::before{transition:all .3s ease-out}.callout-grid-container .callout-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:var(--gutter-tight);grid-auto-rows:auto;overflow:hidden}.callout-grid-container .callout-grid.items-5 .callout-grid-item{grid-column:span 1;grid-row:span 1}@media(max-width: 64em){.callout-grid-container .callout-grid.items-5 .callout-grid-item{grid-column:span 2;aspect-ratio:1/1}}.callout-grid-container .callout-grid.items-4 .callout-grid-item{grid-column:span 1;grid-row:span 1}@media(max-width: 64em){.callout-grid-container .callout-grid.items-4 .callout-grid-item{grid-column:span 2;aspect-ratio:1/1}}.callout-grid-container .callout-grid.items-4 .callout-grid-item:nth-child(4){grid-column:span 2;grid-row:span 1}@media(max-width: 64em){.callout-grid-container .callout-grid.items-4 .callout-grid-item:nth-child(4){grid-column:span 4;min-height:13rem;aspect-ratio:unset}}.callout-grid-container .callout-grid.items-3 .callout-grid-item{grid-column:span 2;grid-row:span 1}@media(max-width: 64em){.callout-grid-container .callout-grid.items-3 .callout-grid-item{grid-column:span 4;min-height:13rem}}.callout-grid-container .callout-grid.items-2 .callout-grid-item{grid-column:span 2;grid-row:span 2}.callout-grid-container .callout-grid.items-2 .callout-grid-item .content h3{font-family:var(--font-family-large-heading);font-weight:var(--font-weight-large-heading);text-transform:var(--text-transform-large-heading);font-size:var(--font-size-large-heading-2);line-height:var(--line-height-large-heading-2);letter-spacing:var(--letter-spacing-large-heading-2)}@media(max-width: 64em){.callout-grid-container .callout-grid.items-2 .callout-grid-item{aspect-ratio:4/5;grid-column:span 4;grid-row:span 2}}.callout-grid-container .callout-grid .callout-grid-item:nth-child(1){max-height:calc(100vh - (var(--header-height) + var(--size-l-4) + 2rem));grid-column:1/3;grid-row:1/3;aspect-ratio:4/5;min-height:100%;max-width:100%;width:100%}.callout-grid-container .callout-grid .callout-grid-item:nth-child(1) .content h3{font-family:var(--font-family-large-heading);font-weight:var(--font-weight-large-heading);text-transform:var(--text-transform-large-heading);font-size:var(--font-size-large-heading-2);line-height:var(--line-height-large-heading-2);letter-spacing:var(--letter-spacing-large-heading-2)}@media(max-width: 64em){.callout-grid-container .callout-grid .callout-grid-item:nth-child(1){grid-column:unset;grid-row:unset;grid-column:span 4;grid-row:span 2}}.callout-grid-container .callout-grid.items-1 .callout-grid-item{grid-column:span 4;grid-row:span 4}.callout-grid-container .callout-grid.items-1 .callout-grid-item .content h3{font-family:var(--font-family-large-heading);font-weight:var(--font-weight-large-heading);text-transform:var(--text-transform-large-heading);font-size:var(--font-size-large-heading-2);line-height:var(--line-height-large-heading-2);letter-spacing:var(--letter-spacing-large-heading-2)}.callout-grid-container .callout-grid .callout-grid-item{position:relative;display:flex;align-items:end}.callout-grid-container .callout-grid .callout-grid-item::before{content:"";position:absolute;width:100%;height:100%;inset:0;opacity:0;opacity:.375;background:var(--color-black);mix-blend-mode:multiply;z-index:1}.callout-grid-container .callout-grid .callout-grid-item .image{position:absolute;width:100%;height:100%;inset:0}.callout-grid-container .callout-grid .callout-grid-item .content{display:flex;flex-direction:column;gap:var(--space-2xs);text-align:left;padding:var(--space-l);z-index:2;position:absolute}@media(max-width: 54em){.callout-grid-container .callout-grid .callout-grid-item .content{padding:var(--space-s)}}.callout-grid-container .callout-grid .callout-grid-item .content.fake-hidden{position:relative;opacity:0;visibility:hidden;pointer-events:none}.callout-grid-container .callout-grid .callout-grid-item .content.fake-hidden .hidden-info{display:flex}.callout-grid-container .callout-grid .callout-grid-item .content h3{font-family:var(--font-family-large-heading);font-weight:var(--font-weight-large-heading);text-transform:var(--text-transform-large-heading);font-size:var(--font-size-large-heading-5);line-height:var(--line-height-large-heading-5);letter-spacing:var(--letter-spacing-large-heading-5);margin-bottom:unset}.callout-grid-container .callout-grid .callout-grid-item .content p{font-family:var(--font-family-body);font-weight:var(--font-weight-body);text-transform:var(--text-transform-body);font-size:var(--font-size-body-m);line-height:var(--line-height-body-m);letter-spacing:var(--letter-spacing-body-m);margin-bottom:unset}.callout-grid-container .callout-grid .callout-grid-item .content svg{width:var(--size-m-4);height:var(--size-m-4);transform:rotate(-45deg);color:var(--color-body)}.callout-grid-container .callout-grid .callout-grid-item .content .hidden-info .hidden-info-container{flex-direction:column;gap:var(--space-m);text-align:left;pointer-events:none}@media(max-width: 64em){.callout-grid-container .callout-grid .callout-grid-item .content .hidden-info{display:flex !important;transform:unset !important;height:100% !important}.callout-grid-container .callout-grid .callout-grid-item .content .hidden-info p{display:none}}.callout-grid-container .callout-grid .callout-grid-item:hover::before{opacity:.5}
/*# sourceMappingURL=callout_grid.css.map */