@layer blocks{.text-graphic{display:grid;gap:3rem;padding-block:2.5rem;padding-inline:var(--wrapper-fluid)}@media(min-width: 48rem){.text-graphic{gap:4rem;padding-block:5rem}}@media(min-width: 62rem){.text-graphic{gap:5rem;padding-block:6.25rem}}.text-graphic__content{display:grid;gap:2.5rem}.text-graphic__content h2{font-size:var(--step-4);font-weight:300}.text-graphic__content p{font-size:var(--step-1);font-weight:300;line-height:1.5}.text-graphic__description>*+*{-webkit-margin-before:1em;margin-block-start:1em}.text-graphic__graphics{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:1.875rem}@media(max-width: 61.999rem){.text-graphic__graphics{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.text-graphic__graphic{--graphicGap: 1.25rem;display:grid;grid-template-areas:"img" "content";gap:var(--graphicGap)}.text-graphic__graphic a{display:grid;grid-column:1/-1;grid-row:1/-1;grid-template-columns:subgrid;grid-template-rows:subgrid;gap:var(--graphicGap);text-decoration:none}.text-graphic__graphic-image{grid-area:img;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;opacity:1;position:relative;z-index:10}.text-graphic__graphic-image-hover{grid-area:img;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;opacity:0;position:relative;z-index:5}.text-graphic__graphic-content{grid-area:content;display:grid;place-items:center;gap:clamp(1.25rem,0.81rem + 1.88vw,2.5rem);text-align:center}.text-graphic__graphic-content h2,.text-graphic__graphic-content h3{color:var(--clr-orange-500);font-size:var(--step-3);font-weight:400}.text-graphic__graphic-content p{color:var(--clr-neutral-700);font-size:var(--step-0);font-weight:300}.text-graphic__graphic-content strong{font-weight:400}.text-graphic__graphic-link{grid-area:content;display:grid;grid-template-columns:1fr;grid-template-rows:1fr}.text-graphic__graphic-link span{grid-column:1;grid-row:1;display:grid;place-items:center;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.text-graphic__graphic-link span:nth-child(1){font-size:var(--step-3);font-weight:300;opacity:1}.text-graphic__graphic-link span:nth-child(2){opacity:0}.text-graphic__graphic a{display:grid;grid-column:1/-1;grid-row:1/-1;grid-template-columns:subgrid;grid-template-rows:subgrid;gap:var(--graphicGap);justify-items:center;text-decoration:none;text-align:center}.text-graphic__graphic a:hover .text-graphic__graphic-image,.text-graphic__graphic a:focus .text-graphic__graphic-image{opacity:0}.text-graphic__graphic a:hover .text-graphic__graphic-image-hover,.text-graphic__graphic a:focus .text-graphic__graphic-image-hover{opacity:1}.text-graphic__graphic a:hover .text-graphic__graphic-link span:nth-child(1),.text-graphic__graphic a:focus .text-graphic__graphic-link span:nth-child(1){opacity:0}.text-graphic__graphic a:hover .text-graphic__graphic-link span:nth-child(2),.text-graphic__graphic a:focus .text-graphic__graphic-link span:nth-child(2){opacity:1}.text-graphic--circle{max-width:calc(56.25rem + var(--space-m));margin-inline:auto;padding-inline:var(--space-m)}@media(max-width: 61.999rem){.text-graphic--circle .text-graphic__graphic-image{opacity:0}.text-graphic--circle .text-graphic__graphic-image-hover{opacity:1}.text-graphic--circle .text-graphic__graphic{display:grid;place-items:center}}@media(min-width: 62rem){.text-graphic--circle .text-graphic__graphics{--col-width: 220px;--row-height: 250px;display:grid;grid-template-rows:var(--row-height) var(--row-height) var(--row-height);grid-template-columns:var(--col-width) var(--col-width) var(--col-width);gap:2rem}.text-graphic--circle .text-graphic__graphic-content{max-width:calc(var(--col-width)*1.5);grid-column:1/4;grid-row:1/4;align-self:center;justify-self:center;display:grid;gap:1.875rem;opacity:0;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.text-graphic--circle .text-graphic__graphic-content h2,.text-graphic--circle .text-graphic__graphic-content h3{font-size:var(--step-3)}.text-graphic--circle .text-graphic__graphic-content p{font-size:var(--step-0)}.text-graphic--circle .text-graphic__graphic{--arrow-width: 41.5%;grid-column:1/-1;grid-row:1/-1;grid-template-columns:subgrid;grid-template-rows:subgrid;gap:2rem}.text-graphic--circle .text-graphic__graphic img{-ms-flex-item-align:center;align-self:center;justify-self:center}.text-graphic--circle .text-graphic__graphic:nth-child(1) img{grid-column:2;grid-row:1}.text-graphic--circle .text-graphic__graphic:nth-child(1) .text-graphic__graphic-arrow{display:block;width:var(--arrow-width);grid-column:2/4;grid-row:1/3;rotate:-93deg;position:relative;z-index:1;-webkit-margin-start:35%;margin-inline-start:35%;-webkit-margin-before:18%;margin-block-start:18%;justify-self:start;align-self:start}.text-graphic--circle .text-graphic__graphic:nth-child(2) img{grid-column:3;grid-row:2}.text-graphic--circle .text-graphic__graphic:nth-child(2) .text-graphic__graphic-arrow{display:block;width:var(--arrow-width);grid-column:2/4;grid-row:2/4;position:relative;z-index:1;rotate:0deg;-webkit-margin-start:38%;margin-inline-start:38%;-webkit-margin-before:30%;margin-block-start:30%;justify-self:start;align-self:start}.text-graphic--circle .text-graphic__graphic:nth-child(3) img{grid-column:2;grid-row:3}.text-graphic--circle .text-graphic__graphic:nth-child(3) .text-graphic__graphic-arrow{display:block;width:var(--arrow-width);grid-column:2/4;grid-row:2/4;rotate:86deg;position:relative;z-index:1;-webkit-margin-start:-27%;margin-inline-start:-27%;-webkit-margin-before:34%;margin-block-start:34%;justify-self:start;align-self:start}.text-graphic--circle .text-graphic__graphic:nth-child(4) img{grid-column:1;grid-row:2}.text-graphic--circle .text-graphic__graphic:nth-child(4) .text-graphic__graphic-arrow{display:block;width:var(--arrow-width);grid-column:2/4;grid-row:2/4;rotate:182deg;position:relative;z-index:1;-webkit-margin-start:-30%;margin-inline-start:-30%;-webkit-margin-before:-29%;margin-block-start:-29%;justify-self:start;align-self:start}.text-graphic--circle .text-graphic__graphic.js-active .text-graphic__graphic-content{opacity:1}.text-graphic--circle .text-graphic__graphic.js-active .text-graphic__graphic-image{opacity:0}.text-graphic--circle .text-graphic__graphic.js-active .text-graphic__graphic-image-hover{opacity:1}}@media(max-width: 61.999rem){.text-graphic--circle .text-graphic__graphic-arrow{display:none}}.text-graphic--horizontal{padding-inline:0}.text-graphic--horizontal .text-graphic__content{padding-inline:var(--wrapper-fluid-sm)}.text-graphic--horizontal .text-graphic__graphics{padding-inline:var(--wrapper-fluid-sm)}@media(min-width: 48rem){.text-graphic--horizontal .text-graphic__graphic{width:100%;max-width:12.75rem}.text-graphic--horizontal .text-graphic__graphic-image{max-width:10.625rem;scale:1}.text-graphic--horizontal .text-graphic__graphic-image-hover{max-width:10.625rem;scale:1}.text-graphic--horizontal .text-graphic__graphic a:hover .text-graphic__graphic-image{scale:1.1}.text-graphic--horizontal .text-graphic__graphic a:hover .text-graphic__graphic-image-hover{scale:1.1}}.text-graphic--horizontal .text-graphic__graphic-link span:nth-child(1){font-size:var(--step-1)}}
/*# sourceMappingURL=text-graphic.css.map */