:root{--primary-base:#233956;--secondary-base:#a1f1ee;--light-purple:#c3b2e7;--light-pink:#f682a5;--lemon-green:#c1d28a;--yellow-base:#fedf6f;--orange-base:#f9a474;--light-blue:#b8cedc;--dark-blue:#184363;--dark-orange:#582614;--dark-green:#1b461e;--dark-yellow:#4a411e;--dark-pink:#52225e}.bento-grid h1,.bento-grid h2,.bento-grid h3{margin:0;color:var(--heading-color,inherit);font-size:var(--heading-font-size,22px);line-height:1.1;text-wrap:balance}.bento-grid{display:grid;gap:24px;max-inline-size:1200px;margin-inline:auto;grid-template-areas:"one" "two" "three" "four" "five" "six" "seven" "eight" "nine" "ten"}@media (width > 768px){.bento-grid{grid-template-areas:"one one one one two two two two two two" "one one one one three three three four four four" "five five five five five five five six six six" "seven seven seven seven eight eight eight six six six" "nine nine nine nine nine nine nine ten ten ten"}}.bento-grid>*{color:var(--bento-card-text,black);background-color:var(--bento-card-bg,white);border-radius:var(--bento-card-radius,21px);overflow:visible;display:grid;gap:var(--bento-card-gap,24px);align-content:var(--bento-card-vertical-align,start);justify-items:var(--bento-card-horizontal-align,start);text-align:var(--bento-card-horizontal-align,start);position:relative}.bento-grid>img{max-width:var(--bento-card-image-width,100%);width:var(--bento-card-image-width,100%);order:var(--bento-card-image-order)}.bento-grid>:first-child{--heading-color:var(--dark-pink);--heading-font-size:26px;--bento-card-bg:var(--light-purple);--bento-card-text:var(--dark-pink);--bento-card-horizontal-align:center;--bento-card-padding:32px;--bento-card-image-width:70%;padding:var(--bento-card-padding,32px);grid-area:one;position:relative;overflow:clip}@media (width > 768px){:is(.bento-grid>:first-child) h3{margin-bottom:16px;margin-top:32px}:is(.bento-grid>:first-child) .feature-card__image{order:2;position:absolute;transform:scale(.7);bottom:-100px}}.bento-grid>:nth-child(2){--bento-card-bg:var(--light-pink);--bento-card-text:var(--dark-pink);--bento-card-image-width:65%;--heading-font-size:28px;grid-area:two;position:relative;padding-left:var(--bento-card-padding,16px);padding-top:var(--bento-card-padding,16px)}@media (width > 768px){.bento-grid>:nth-child(2){padding-left:var(--bento-card-padding,32px);padding-top:var(--bento-card-padding,32px)}:is(.bento-grid>:nth-child(2)) .feature-card__main-area{overflow:hidden;position:relative;width:100%;height:100%}:is(.bento-grid>:nth-child(2)) h3{margin-bottom:16px}:is(:is(.bento-grid>:nth-child(2)) .feature-card__main-area) .feature-card__image{right:0;bottom:0}}@media (width < 768px){:is(:is(.bento-grid>:nth-child(2)) .feature-card__main-area) .feature-card__image{right:0;bottom:200px}}:is(:is(.bento-grid>:nth-child(2)) .feature-card__main-area) .feature-card__image{width:60%;position:absolute;background-color:rgba(255,255,255,.9);z-index:1;padding:10px;border-radius:5px;transform:rotate(-6deg);transition:transform .3s ease-in-out;filter:drop-shadow(-10px 0 10px rgba(0,0,0,.3))}:is(.bento-grid>:nth-child(2)) .feature-card__secondary-image{order:2;position:absolute;right:10%;top:-50px;width:40%;z-index:2;transform:rotate(6deg);transition:transform .3s ease-in-out;filter:drop-shadow(10px 10px 10px rgba(0,0,0,.2))}.bento-grid>:nth-child(2):hover .feature-card__main-area .feature-card__image{transform:rotate(-10deg)}.bento-grid>:nth-child(2):hover .feature-card__secondary-image{transform:rotate(10deg)}.bento-grid>:nth-child(2) .feature-card__main-area .feature-card__content{width:40%;position:relative;z-index:2;padding-bottom:20px;margin-top:32px}.bento-grid>:nth-child(3){--bento-card-bg:var(--lemon-green);--bento-card-text:var(--dark-green);grid-area:three;padding:var(--bento-card-padding,24px);overflow:clip;position:relative;min-height:230px}:is(.bento-grid>:nth-child(3)) h3{margin-bottom:16px}:is(.bento-grid>:nth-child(3)) .feature-card__image{position:absolute;transform:scale(.8);right:-30px;top:40px;bottom:-30px;filter:drop-shadow(10px 10px 10px rgba(0,0,0,.6))}:is(.bento-grid>:nth-child(3)) .feature-card__description{max-width:100px}.bento-grid>:nth-child(4){--bento-card-bg:var(--yellow-base);--bento-card-text:var(--dark-yellow);grid-area:four;position:relative;overflow:visible;padding:var(--bento-card-padding,24px);overflow:clip;display:grid;grid-template-columns:60% 1fr}:is(.bento-grid>:nth-child(4)) h3{margin-bottom:16px}:is(.bento-grid>:nth-child(4)) .feature-card__image{position:absolute;transform:scale(.8);right:-80px;top:0;bottom:5px;transition:transform .3s ease-in-out}:is(:is(.bento-grid>:nth-child(4)) .feature-card__image):hover{transform:scale(.9)}:is(.bento-grid>:nth-child(4)) .feature-card__description{max-width:150px}.bento-grid>:nth-child(5){--bento-card-bg:var(--orange-base);--bento-card-text:var(--dark-orange);grid-area:five;position:relative;overflow:visible;padding:var(--bento-card-padding,24px);overflow:clip;display:grid;grid-template-columns:60% 1fr;min-height:230px}:is(.bento-grid>:nth-child(5)) h3{margin-bottom:16px;--heading-font-size:36px}:is(.bento-grid>:nth-child(5)) .feature-card__image{order:2;position:absolute;padding:10px;border:1.5px dashed white;border-radius:22px;right:30px;top:30px;transition:transform .3s ease-in-out}:is(:is(.bento-grid>:nth-child(5)) .feature-card__image):hover{transform:scale(.9)}.bento-grid>:nth-child(6){--bento-card-bg:var(--light-blue);--bento-card-text:var(--dark-blue);grid-area:six;position:relative;padding:var(--bento-card-padding,32px);overflow:clip}:is(.bento-grid>:nth-child(6)) h3{margin-bottom:16px;--heading-font-size:36px;text-align:center}:is(.bento-grid>:nth-child(6)) .feature-card__image{position:absolute;transform:perspective(1000px) rotateX(30deg) scaleY(.85);transform-origin:bottom;bottom:-35px;transition:transform .3s ease-in-out;filter:drop-shadow(0 20px 13px rgba(0,0,0,.15)) drop-shadow(0 8px 5px rgba(0,0,0,.2))}:is(:is(.bento-grid>:nth-child(6)) .feature-card__image):hover{transform:scale(.8) rotate(3deg) perspective(1000px) rotateX(25deg) scaleY(.85) translateZ(20px)}.bento-grid>:nth-child(7){--bento-card-bg:var(--yellow-base);--bento-card-text:var(--dark-yellow);grid-area:seven;overflow:visible;position:relative;min-height:230px;display:grid;grid-template-columns:1fr 1fr;padding:var(--bento-card-padding,24px)}:is(.bento-grid>:nth-child(7)) h3{margin-bottom:16px}:is(.bento-grid>:nth-child(7)) .feature-card__image{position:absolute;right:-60px;top:-50px;transform:scale(.6) rotate(-3deg);filter:drop-shadow(10px 10px 10px rgba(0,0,0,.2))}:is(.bento-grid>:nth-child(7)) .feature-card__content{width:100%}:is(.bento-grid>:nth-child(7)) .feature-card__description{max-width:130px}.bento-grid>:nth-child(8){--bento-card-bg:var(--secondary-base);--bento-card-text:var(--dark-blue);grid-area:eight;position:relative;overflow:visible;padding:var(--bento-card-padding,24px);overflow:clip}:is(.bento-grid>:nth-child(8)) h3{margin-bottom:10px}:is(.bento-grid>:nth-child(8)) .feature-card__image{position:absolute;transform:scale(.7);bottom:-120px;transition:transform .3s ease-in-out}:is(:is(.bento-grid>:nth-child(8)) .feature-card__image):hover{transform:scale(.75)}.bento-grid>:nth-child(9){--bento-card-bg:var(--secondary-base);--bento-card-text:var(--dark-dark-blue);grid-area:nine;margin-top:100px;padding:var(--bento-card-padding,24px)}.bento-grid>:nth-child(10){--bento-card-bg:var(--lemon-green);--bento-card-text:var(--dark-green);grid-area:ten}