:root {
    --vh:  -webkit-fill-available;

    --text:         var(--brack);

    --link:         var(--blues);
    --lowlink:      var(--tauli);

    --lowbkg:       var(--dark-kaki);

   	--textaction:   var(--white);
    --input:        rgba(200,220,200,0.8);

}



.vsplit  			{ display: grid; grid-template-columns: 1fr 1fr; }

.vsplit > div 		{ position: relative; height: 100%; padding: 4rem;  display: grid; place-content: center; }

.vsplit .bkg 		{ position: absolute; padding: 0; display: block; }
.vsplit .veil		{ position: absolute; }


.dico  				{ width: 100%; background-color: var(--light); color: var(--brack); display: grid; place-content: center; }
.dico div  			{ margin: auto; width: 100%; }
.dico .fineprint    { padding: 1em 0 !important; }

a.btn            { background-color: var(--link); color: var(--textaction); border: none; margin-top: 2em; padding: 1em 2em; border-radius: 2em; }

@media only screen and (max-width: 609px) {
 
 	.vsplit > div 		{ padding: 1rem; font-size: 0.8em;  }
 	.dico h2   			{ font-size: 1.65em;  }
  
}


.front .footer.sub { background-color: rgba(0,0,0,0.66);  }


.fs                 { background-color: var(--blued); color: var(--cream); }
.fs .VP h1          { font-family: Raleway; font-size: 3em; }


.word               { width: 48em; text-align: center; max-width: calc(100vw - 4em); }
.word *             { max-width: inherit; }
.word h1            { font-size: 3em; padding: 0; }
.word .main         { background-color: var(--blues); color: var(--cream); font-size: 1.25em; padding: 2rem; text-align: left; margin: 1em auto; }
.word .main *       { font-family: Advent Pro; letter-spacing: 0.4px; }
.word .quote        { color: currentColor; font-size: 2.5em; padding: 1rem 2em; width: 100%; }
.word .deco         { margin: 2em auto; }
.word .vsplit       { grid-gap: 2em; padding: 0; text-align: left; }
.word .vsplit > div { padding: 0; margin: 0; place-content: flex-start; }


@media only screen and (max-width: 769px) {
 
    .word               { width: 36rem; }
    .word .vsplit       { grid-template: 1fr / 1fr; }
    .word .quote        { padding: 0.5em; font-size: 2em; }
    .word .main         { padding: 1.3rem; }
}