.homepage-intro__container{display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem;padding:var(--sc-spacing-small) 2rem var(--sc-spacing-large) 2rem;align-items:center;@media (min-width:769px){grid-template-columns:1fr 1fr;gap:0;padding:var(--sc-spacing-large) 2rem}@media (min-width:769px) and (max-width:1024px){background-color:#fef4ea;border-left-color:#fff;border-left-style:solid;border-left-width:1px;border-bottom-color:#fff;border-bottom-style:solid;border-bottom-width:1px;border-right-color:#fff;border-right-style:solid;border-right-width:1px;border-top-color:#fff;border-top-style:solid;border-top-width:1px;box-shadow:10px 10px 0 var(--sc-color-tertiary-contrast);border-radius:var(--sc-border-radius);padding-left:0;padding-bottom:0;padding-right:0;padding-top:0;margin:var(--sc-spacing-large) 2rem}}.homepage-intro__content{padding:1.5rem;color:var(--sc-color-body);background-color:#fef4ea;border:1px solid #fff;box-shadow:10px 10px 0 var(--sc-color-tertiary-contrast);border-radius:var(--sc-border-radius);position:relative;overflow:hidden;z-index:0;@media (min-width:1260px){border-radius:var(--sc-border-radius)}@media (min-width:769px){order:0}@media (min-width:769px) and (max-width:1024px){background-color:transparent;border-left-color:currentcolor;border-left-style:none;border-left-width:medium;border-bottom-color:currentcolor;border-bottom-style:none;border-bottom-width:medium;border-right-color:currentcolor;border-right-style:none;border-right-width:medium;border-top-color:currentcolor;border-top-style:none;border-top-width:medium;box-shadow:none;border-radius:0}.icon{position:absolute;top:5%;right:-10%;transform:rotate(-70deg);width:60%;z-index:0;svg{width:100%;height:auto}}}.homepage-intro__title{border-bottom:1px dashed #d5d5d5;padding-bottom:1rem;margin-bottom:1rem;font-size:1rem;font-weight:400;line-height:1.2;position:relative;z-index:1;svg{margin:.75rem 0 .25rem;max-width:100%}}.homepage-intro__text{margin-top:1rem;position:relative;z-index:1;p{margin-bottom:1rem;padding-right:1rem}}.homepage-intro__notification{border:1px dashed var(--sc-color-primary-contrast);border-radius:var(--sc-border-radius);color:var(--sc-color-primary-contrast);padding:.5rem;position:relative;z-index:1;@media (min-width:768px){width:90%}}.homepage-intro__buttons{margin-top:2rem;display:flex;flex-direction:column;gap:1rem;position:relative;z-index:1;@media (min-width:769px){flex-direction:row}}.homepage-intro__button{width:100%;background-color:var(--sc-color-primary);color:var(--sc-color-white);border:2px solid var(--sc-color-primary);border-radius:var(--sc-border-radius);box-shadow:5px 5px 0 0 var(--sc-color-primary-contrast);padding:.8rem 1.5rem;text-align:center;text-transform:uppercase;font-weight:400;font-size:1.2rem;line-height:1.2;text-shadow:var(--sc-text-shadow);transition:all .3s ease;text-decoration:none;display:inline-block;&:hover{background-color:transparent;box-shadow:0 0 0 0 var(--sc-color-primary-contrast);transform:translate(5px,5px)}@media (min-width:769px){width:auto}&--outline,&:hover{color:var(--sc-color-primary);text-shadow:none}&--outline{background-color:var(--sc-color-primary-tint);box-shadow:5px 5px 0 0 var(--sc-color-primary);&:hover{background-color:var(--sc-color-primary);box-shadow:0 0 0 0 var(--sc-color-primary-contrast);color:var(--sc-color-white);text-shadow:var(--sc-text-shadow);transform:translate(5px,5px)}}}.homepage-intro__image-block{position:relative;aspect-ratio:5/4;border:20px solid var(--sc-color-white);border-radius:var(--sc-border-radius);overflow:hidden;box-shadow:10px 10px 0 var(--sc-color-tertiary-contrast);transform:rotate(1deg) scale(1);transition:all .3s ease;z-index:5;img{object-fit:cover;object-position:center;width:100%;height:100%}&:hover{transform:rotate(0deg) scale(1)}@media (min-width:769px){aspect-ratio:1/1;order:2;transform:rotate(3deg) scale(1.05) translateX(-1.5rem)}@media (min-width:1260px){transform:rotate(3deg) scale(1.05) translateX(0)}}