main {
    position: relative;
    width: 100%;
    padding: 0;
    align-items: center;
}
section.front-intro > figure {
    position: relative;
    width: 100%;
}
section.front-intro > figure > .front-intro-img-cntnr {
    display: grid;
    grid-template-columns: 0.8fr 1.2fr;
    grid-gap: 0;
    grid-column-gap: 0;
    grid-row-gap: 0;
    grid-template-areas: "txt img";
    margin: 0 0 0 0;
    aspect-ratio: 2.5/1;
}
section.front-intro > figure > .front-intro-img-cntnr > .front-intro-img-left {
    background: var(--c-brown-lght);
    grid-area: txt;
}
section.front-intro > figure > .front-intro-img-cntnr > .front-intro-img-right {
    position: relative;
    grid-area: img;
}
section.front-intro > figure > .front-intro-img-cntnr > .front-intro-img-right > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    max-height: none;
    max-width: none;
    object-fit: cover;
}
section.front-intro > figure > .front-intro-img-cntnr > .front-intro-img-right > .front-intro-img-right-trans {
    position: absolute;
    top: 0;
    left: 0;
    right: 70%;
    bottom: 0;
    background: linear-gradient(90deg,rgba(244, 239, 232, 1) 10%, rgba(244, 239, 232, 0.5) 70%, rgba(244, 239, 232, 0) 100%);
}
section.front-intro > figure > figcaption {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0;
    grid-column-gap: 0;
    grid-row-gap: 0;
    grid-template-areas: "intxt empry";
    margin: 0 auto 0 auto;
    max-width: 1290px;
    background: none;
    
    aspect-ratio: 1.8/1;
}
section.front-intro > figure > figcaption > .front-intro-txt  {
    position: relative;
    display: flex;
    align-items: center;
    width: 60%;
    padding: 0 0 0 15%;
    grid-area: intxt;
}
section.front-intro > figure > figcaption > .front-intro-empty  {
    grid-area: empry;
}
section.front-intro > figure > figcaption > .front-intro-txt > .front-intro-txt-pad {
}
section.front-intro > figure > figcaption > .front-intro-txt > .front-intro-txt-pad > img {
    width: 50%;
}
section.front-intro > figure > figcaption > .front-intro-txt > .front-intro-txt-pad > h1 {
    margin: .5ch 0 .5ch 0;
}
section.front-intro > figure > figcaption > .front-intro-txt > .front-intro-txt-pad > h3 {
    border-bottom: 0.2ch solid var(--c-matt-green);
    display: inline-block;
    padding: 0 0 .5ch 0;
    margin: 0 0 0 0;
}
section.front-intro > figure > figcaption > .front-intro-txt > .front-intro-txt-pad > p {
    font-size: var(--fs-p)!important;
}

section.front-presentation {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 2vw;
    grid-column-gap: 2vw;
    grid-row-gap: 0;
    margin: -10ch auto 2vw auto;
    max-width: 1290px;
    z-index: 800;
}
section.front-presentation > figure {
    background: var(--c-matt-green);
    border-radius: .6rem .6rem 0 0;
    display: grid;
    grid-template-rows: auto auto;
    overflow: hidden;
}
section.front-presentation > figure > figcaption {
    position: relative;
    aspect-ratio: 2/1;
    padding: 3ch 3ch;
    background: var(--c-matt-green);
}
section.front-presentation > figure > figcaption > h2 {
    padding: 0;
    margin: 0;
    color: var(--c-white)!important;
    font-size:  var(--fs-h2)!important;
}
section.front-presentation > figure > figcaption > p {
    color: var(--c-white)!important;
    font-size: var(--fs-p)!important;
}
section.front-presentation > figure > figcaption > .art-lnk {
    margin: 0.5ch 0 0.5ch 0;
    padding: 0.5ch 0 0.5ch 0;
    border: none;
    display: block;
  font-size: 1.2em;
    box-shadow: none;
    color: var(--c-white)!important;
    font-size: var(--fs-p)!important;
}
section.front-presentation > figure > .front-green-box-img {
    position: relative;
    aspect-ratio: 3/2;
}
section.front-presentation > figure > .front-green-box-img > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    max-height: none;
    max-width: none;
    object-fit: cover;
}

section.front-products-cntnr {
    background: var(--c-brown-lght);
    width: 100%;
    margin: 2vw 0;
    padding: 2vw 0;
}
section.front-products-cntnr > div.front-products {
    margin: 0 auto 0 auto;
    max-width: 1290px;
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 4vw;
    grid-row-gap: 0;
    padding: 0 4vw;
}
section.front-products-cntnr > div.front-products > figure {
    
}
section.front-products-cntnr > div.front-products > figure > figcaption {
    
}
section.front-products-cntnr > div.front-products > figure > figcaption > h2 {
    margin: 0;
    border-bottom: 0.2ch solid var(--c-matt-green);
    display: inline-block;
    padding: 0 0 .5ch 0;
    font-size:  var(--fs-h2)!important;
}
section.front-products-cntnr > div.front-products > figure > figcaption > p {
    font-size: var(--fs-p)!important;
}
section.front-products-cntnr > div.front-products > figure > figcaption > .art-lnk {
    margin: 0.5ch 0 0.5ch 0;
    padding: 0.5ch 0 0.5ch 0;
    border: none;
    display: block;
  font-size: 1.2em;
    box-shadow: none;
    font-size: var(--fs-p)!important;
}


section.front-news-cntnr {
    width: 100%;
    margin: 2vw 0;
    padding: 4vw 0;
}
section.front-news-cntnr > div.front-news-grid {
    margin: 0 auto 0 auto;
    max-width: 1290px;
    position: relative;
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-column-gap: 4vw;
    grid-row-gap: 0;
    padding: 0 4vw;
}
section.front-news-cntnr > div.front-news-grid > .front-news-header {
    text-align: center;
}
section.front-news-cntnr > div.front-news-grid > .front-news-header > h2 {
    font-size:  var(--fs-h2)!important;
    margin: 0;
    color: var(--c-matt-green);
}

section.front-news-cntnr > div.front-news-grid > .nwsli {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 4vw;
    grid-row-gap: 0;
    padding: 0 2vw;
}
section.front-news-cntnr > div.front-news-grid > .nwsli > .nws-tm > div.nws-lnk > a.nws-lnk {
    font-size: var(--fs-p)!important;
    color: var(--c-black);
    font-weight: 600;
}
section.front-news-cntnr > div.front-news-grid > .nwsli > .nws-tm > div.nws-dt {
    font-size: clamp(0.65rem, 0.59rem + 0.3vw, 0.95rem);
}

@media (min-width:1152px) and (max-width:1279px)  {
section.front-intro > figure > .front-intro-img-cntnr {
    aspect-ratio: 2.0/1;
}
section.front-intro > figure > figcaption {
    aspect-ratio: 2.0/1;
}
section.front-presentation {
  margin: -8ch 2ch 2vw 2ch;
}
div.ftr {
  margin: 0 2ch 0 2ch;
}

}
@media (min-width:1280px) and (max-width:1367px){
section.front-intro > figure > .front-intro-img-cntnr {
    aspect-ratio: 2.2/1;
}
section.front-intro > figure > figcaption {
    aspect-ratio: 2.2/1;
}
section.front-presentation {
  margin: -10ch 2ch 2vw 2ch;
}
div.ftr {
  margin: 0 2ch 0 2ch;
}
	
}
@media (min-width:1368px) and (max-width:1489px){
section.front-intro > figure > .front-intro-img-cntnr {
    aspect-ratio: 2.3/1;
}
section.front-intro > figure > figcaption {
    aspect-ratio: 2.3/1;
}
	
}
@media (min-width:1490px) and (max-width:1689px){
section.front-intro > figure > .front-intro-img-cntnr {
    aspect-ratio: 2.1/1;
}
section.front-intro > figure > figcaption {
    aspect-ratio: 2.1/1;
}
	
}
@media (min-width:1600px){

}
@media (min-width:1920px){

}
@media (min-width:360px) and (max-width:567px) {
section.front-intro > figure > .front-intro-img-cntnr {
    aspect-ratio: 1/1.65;
}
section.front-intro > figure > figcaption {
    aspect-ratio: 1/1.65;
}
}
@media (min-width:568px) and (max-width:639px) {
section.front-intro > figure > .front-intro-img-cntnr {
    aspect-ratio: 1/1.1;
}
section.front-intro > figure > figcaption {
    aspect-ratio: 1/1.1;
}
}
@media (min-width:640px) and (max-width:735px) {
section.front-intro > figure > .front-intro-img-cntnr {
    aspect-ratio: 1/1.1;
}
section.front-intro > figure > figcaption {
    aspect-ratio: 1/1.1;
}
}
@media (min-width:736px) and (max-width:979px) {
section.front-intro > figure > .front-intro-img-cntnr {
    aspect-ratio: 1.8/1;
}
section.front-intro > figure > figcaption {
    aspect-ratio: 1.8/1;
}
section.front-presentation {
  margin: -8ch 2ch 2vw 2ch;
}
div.ftr {
  margin: 0 2ch 0 2ch;
}
}
@media (min-width:980px) and (max-width:1151px) {
section.front-intro > figure > .front-intro-img-cntnr {
    aspect-ratio: 2.0/1;
}
section.front-intro > figure > figcaption {
    aspect-ratio: 2.0/1;
}
section.front-presentation {
  margin: -8ch 2ch 2vw 2ch;
}
div.ftr {
  margin: 0 2ch 0 2ch;
}

}
@media (max-width:359px) {
section.front-intro > figure > .front-intro-img-cntnr {
    aspect-ratio: 1/1.9;
}
section.front-intro > figure > figcaption {
    aspect-ratio: 1/1.9;
}

}
@media (max-width:735px) {
section.front-intro > figure > .front-intro-img-cntnr {
    grid-template-columns: 1fr;
    grid-template-rows: 0.7fr 1.3fr;
    grid-template-areas: "img" "txt";
    /*
    aspect-ratio: 1/1.8;
    */
}
section.front-intro > figure > figcaption {
    grid-template-columns: 1fr;
    grid-template-rows: 0.7fr 1.3fr;
    grid-template-areas: "empry" "intxt";
    /*
    aspect-ratio: 1/1.8;
    */
}
section.front-intro > figure > figcaption > .front-intro-txt {
    width: 90%;
    padding: 5% 5% 0 5%;
    align-items: flex-start;
}
section.front-intro > figure > figcaption > .front-intro-txt > .front-intro-txt-pad > img {
    width: 40%;
    float: right;
}
section.front-intro > figure > figcaption > .front-intro-txt > .front-intro-txt-pad > p {
    font-size: var(--fsm-p) !important;
}
section.front-presentation {
    grid-template-columns: 1fr;
    grid-row-gap: 4vw;
    margin: -8ch 5% 2vw 5%;
}
section.front-presentation > figure > figcaption > h2 {
  font-size: var(--fsm-h2)!important;
}

section.front-presentation > figure > figcaption > p {
  font-size: var(--fsm-p)!important;
}
section.front-presentation > figure > figcaption > .art-lnk {
  font-size: var(--fsm-p)!important;
}
section.front-products-cntnr {
    margin: 2ch 0;
}
section.front-products-cntnr > div.front-products {
    grid-template-columns: 1fr;
    grid-row-gap: 3vw;
    padding: 5% 10%;
}
section.front-products-cntnr > div.front-products > figure.front-brown-box {
    margin: 2ch 0;
}
section.front-products-cntnr > div.front-products > figure > figcaption > h2 {
  font-size: var(--fsm-h2) !important;
}
section.front-products-cntnr > div.front-products > figure > figcaption > p {
  font-size: var(--fsm-p) !important;
}
section.front-products-cntnr > div.front-products > figure > figcaption > .art-lnk {
  font-size: var(--fsm-p) !important;
}

section.front-news-cntnr > div.front-news-grid {
    grid-template-columns: 1fr;
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
    padding: 0 4vw;
    margin: 0 10%;
}
section.front-news-cntnr > div.front-news-grid > .nwsli {
    grid-template-columns: 1fr;
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
}
section.front-news-cntnr > div.front-news-grid > .nwsli > .nws-tm > div.nws-lnk > a.nws-lnk {
    font-size: var(--fsm-p)!important;
}
    
}