.dynamic-grid{container-type:inline-size}.dynamic-grid.dynamic-grid--bleed-bleed{grid-column:bleed!important}.dynamic-grid.dynamic-grid--bleed-screen{grid-column:screen!important}.dynamic-grid .dynamic-grid-title{text-align:center;margin-top:0}.dynamic-grid .tiles-container{display:grid;grid-gap:24px;grid-template-columns:repeat(3,1fr);grid-auto-rows:min-content;grid-auto-flow:row dense}@container (min-width: 900px){.dynamic-grid .tiles-container{grid-template-columns:repeat(4,1fr)}}.dynamic-grid .tiles-container .tile{overflow:hidden;display:grid;gap:0;grid-template-columns:subgrid;grid-template-rows:subgrid;color:var(--color-brand-text-fg);text-decoration:none}.dynamic-grid .tiles-container .tile .tile-content{grid-row:2/3;background-color:var(--tile-bg-color);color:var(--tile-fg-color);width:100%;padding:16px;z-index:1;overflow:hidden;bottom:0;box-sizing:border-box}.dynamic-grid .tiles-container .tile .tile-content .tile-content-wrapper{display:flex;flex-flow:column;gap:16px}.dynamic-grid .tiles-container .tile .tile-content .tile-content-wrapper .tile-title{font-weight:700;line-height:24px;margin:0;-webkit-hyphens:auto;hyphens:auto;text-wrap-style:auto!important;font-size:1.3em}@container (max-width: 450px){.dynamic-grid .tiles-container .tile .tile-content .tile-content-wrapper .tile-title{font-size:1.2em}}.dynamic-grid .tiles-container .tile .tile-content .tile-content-wrapper .tile-subtitle{line-height:20px;margin:0}.dynamic-grid .tiles-container .tile .tile-image{z-index:0;width:100%;height:100%;grid-row:1/2}.dynamic-grid .tiles-container .tile .tile-image picture{height:100%;width:100%!important}.dynamic-grid .tiles-container .tile.square{grid-column:span 1;grid-row:span 2}.dynamic-grid .tiles-container .tile.square .tile-content{grid-row:2/3}.dynamic-grid .tiles-container .tile.square :is(.tile-image--horizontal,.tile-image--vertical){display:none}.dynamic-grid .tiles-container .tile.square .tile-image--square{grid-row:1/2}.dynamic-grid .tiles-container .tile.square .tile-image--square picture img{display:block!important}.dynamic-grid .tiles-container .tile.horizontal{grid-column:span 2;grid-row:span 2}.dynamic-grid .tiles-container .tile.horizontal .tile-content{grid-column:1/3}.dynamic-grid .tiles-container .tile.horizontal :is(.tile-image--vertical,.tile-image--square){display:none}.dynamic-grid .tiles-container .tile.horizontal .tile-image--horizontal{grid-column:1/3}.dynamic-grid .tiles-container .tile.horizontal .tile-image--horizontal picture img{display:block!important}.dynamic-grid .tiles-container .tile.vertical{grid-row:span 4;grid-column:span 1}.dynamic-grid .tiles-container .tile.vertical .tile-content{grid-row:4/5}.dynamic-grid .tiles-container .tile.vertical :is(.tile-image--horizontal,.tile-image--square){display:none}.dynamic-grid .tiles-container .tile.vertical .tile-image--vertical{grid-row:1/4}.dynamic-grid .tiles-container .tile.vertical .tile-image--vertical picture img{display:block!important}.dynamic-grid .tiles-container .buttons-container{margin-top:36px;display:flex;justify-content:center;flex-flow:row wrap;column-gap:18px;row-gap:16px}.dynamic-grid .tiles-container .buttons-container .button{display:inline-block;text-align:center;padding:8px 24px;border:1px solid var(--color-brand-text-fg);color:var(--text-color);min-width:240px;line-height:23px;font-size:16px}.dynamic-grid .tiles-container .buttons-container .button.accent{background-color:var(--color-brand-accent);--text-color: var(--color-brand-text-on-accent)}.dynamic-grid .tiles-container .buttons-container .button.accent2{background-color:var(--color-brand-accent2);--text-color: var(--color-brand-text-on-accent2)}@container (max-width: 900px){.dynamic-grid .tiles-container{grid-template-columns:repeat(3,1fr)}}@container (max-width: 700px){.dynamic-grid .tiles-container{grid-template-columns:repeat(2,1fr)}.dynamic-grid .tiles-container .tile.vertical{grid-row:span 2;grid-column:span 1}.dynamic-grid .tiles-container .tile.vertical :is(.tile-image--vertical,.tile-image--horizontal){display:none}.dynamic-grid .tiles-container .tile.vertical .tile-image--square{display:block}.dynamic-grid .tiles-container .tile.vertical .tile-image--square picture img{display:block!important}}@container (max-width: 500px){.dynamic-grid .tiles-container{grid-template-columns:1fr;max-width:700px;margin:0 auto}.dynamic-grid .tiles-container .tile{grid-column:span 1!important;grid-row:span 2!important}.dynamic-grid .tiles-container .tile .tile-content{grid-row:2/3!important}.dynamic-grid .tiles-container .tile :is(.tile-image--vertical,.tile-image--square){display:none!important}.dynamic-grid .tiles-container .tile .tile-image--horizontal{display:block!important;grid-row:1/2!important}.dynamic-grid .tiles-container .tile .tile-image--horizontal picture img{display:block!important}}.dynamic-grid.dynamic-grid--style-pop-out .tile{overflow:visible}.dynamic-grid.dynamic-grid--style-pop-out .tile .tile-content{transform:translateY(-20px) translate(20px);box-shadow:-8px 8px #0009}@container (max-width: 600px){.dynamic-grid.dynamic-grid--style-pop-out .tile .tile-content{transform:translateY(-15px) translate(15px);box-shadow:-5px 5px #0009}}.dynamic-grid.dynamic-grid--style-pop-out .tile .tile-image{grid-row:1/3!important}.dynamic-grid.dynamic-grid--style-pop-out .tile .tile-image--vertical{grid-row:1/5!important}
/*# sourceMappingURL=jdd-component__dynamic-grid-v2.entrypoint.css.map */