/*
Theme Name:Renault
Version:1.0
License:GNU General Public License v2 or later
License URI:http://www.gnu.org/licenses/gpl-2.0.html
*/

/* SANITIZE 11.0.1
******************************************************************************************/
*,::after,::before{box-sizing:border-box}
::after,::before{text-decoration:inherit;vertical-align:inherit}
html{cursor:default;line-height:1.5;-moz-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;word-break:break-word}
body{margin:0}
h1{font-size:2em;margin:.67em 0}
dl dl,dl ol,dl ul,ol dl,ul dl{margin:0}
ol ol,ol ul,ul ol,ul ul{margin:0}
hr{height:0;overflow:visible}
main{display:block}
nav ol,nav ul{list-style:none;padding:0}
pre{font-family:monospace,monospace;font-size:1em}
a{background-color:transparent}
abbr[title]{text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
small{font-size:80%}
audio,canvas,iframe,img,svg,video{vertical-align:middle}
audio,video{display:inline-block}
audio:not([controls]){display:none;height:0}
iframe{border-style:none}
img{border-style:none}
svg:not([fill]){fill:currentColor}
svg:not(:root){overflow:hidden}
table{border-collapse:collapse}
button,input,select{margin:0}
button{overflow:visible;text-transform:none}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
fieldset{border:1px solid #a0a0a0;padding:.35em .75em .625em}
input{overflow:visible}
legend{color:inherit;display:table;max-width:100%;white-space:normal}
progress{display:inline-block;vertical-align:baseline}
select{text-transform:none}
textarea{margin:0;overflow:auto;resize:vertical}
[type=checkbox],[type=radio]{padding:0}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}
::-webkit-input-placeholder{color:inherit;opacity:.54}
::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
::-moz-focus-inner{border-style:none;padding:0}
:-moz-focusring{outline:1px dotted ButtonText}
:-moz-ui-invalid{box-shadow:none}
details{display:block}
dialog{background-color:#fff;border:solid;color:#000;display:block;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}
dialog:not([open]){display:none}
summary{display:list-item}
canvas{display:inline-block}
template{display:none}
[tabindex],a,area,button,input,label,select,summary,textarea{-ms-touch-action:manipulation;touch-action:manipulation}
[hidden]{display:none}
[aria-busy=true]{cursor:progress}
[aria-controls]{cursor:pointer}
[aria-disabled=true],[disabled]{cursor:not-allowed}
[aria-hidden=false][hidden]{display:initial}
[aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);position:absolute}

/* FONTS
******************************************************************************************/


@font-face{
font-family:'Renault Life';
src:url(fonts/RenaultLife-Light.woff) format('woff');
font-style:normal;
font-weight:300;
font-display:swap;
}
@font-face{
font-family:'Renault Life';
src:url(fonts/RenaultLife-LightItalic.woff) format('woff');
font-style:italic;
font-weight:300;
font-display:swap;
}
@font-face{
font-family:'Renault Life';
src:url(fonts/RenaultLife-Regular.woff) format('woff');
font-style:normal;
font-weight:400;
font-display:swap;
}
@font-face{
font-family:'Renault Life';
src:url(fonts/RenaultLife-Bold.woff) format('woff');
font-style:normal;
font-weight:600;
font-display:swap;
}
@font-face{
font-family:'Renault Life';
src:url(fonts/RenaultLife-BoldItalic.woff) format('woff');
font-style:italic;
font-weight:600;
font-display:swap;
}

/* GLOBAL
******************************************************************************************/
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
body{font-family:'Renault Life',sans-serif;}
p,ul,ol{margin:0 0 1rem;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{margin:0 0 1rem;line-height:1.2;}
h1,.h1{font-size:3rem;}
h2,.h2{font-size:2.75rem;}
h3,.h3{font-size:2.25rem;}
h4,.h4{font-size:2rem;}
h5,.h5{font-size:1.75rem;}
h6,.h6{font-size:1.5rem;}
img{max-width:100%;height:auto;}
a{color:inherit;text-decoration:inherit;transition:color .3s;cursor:pointer;}
.button{display:inline-block;background:#FFCC53;color:#000;padding:.5rem 1rem;cursor:pointer;text-decoration:none;min-width:10rem;text-align:center;font-weight:600;transition:.3s;}
.button:hover{transform:scale(.9);}
.container{padding:0 2rem;margin:0 auto;width:100%;max-width:26rem;}
@media(min-width:48rem){
.container{max-width:48rem;}
}
@media(min-width:64rem){
.container{max-width:64rem;}
}
@media(min-width:74rem){
.container{max-width:74rem;}
}
@media(min-width:1281px){
html{font-size:calc(100vw * .0125);}
}
@media(min-width:1921px){
html{font-size:24px;}
}

/* HEADER & FOOTER
******************************************************************************************/
#footer{padding:3rem 0 0;text-align:center;}
#footer p{font-size:.75rem;margin:0 auto 1rem;max-width:40rem;}

/* GLOBAL
******************************************************************************************/
.section{min-height:100vh;background:center no-repeat;background-size:cover;padding:4rem 0 3rem;}
.section1{background-image:url(img/img01.jpg);color:#fff;}
.section1 .flex{margin-bottom:1rem;}
.section1 .flex img{order:2;width:12rem;}
.section1 .flex ul{padding:0;margin:0;list-style:none;display:none;font-size:.875rem;}
.section1 .flex li{margin-right:3rem;}
.section1 .flex a:hover{color:#FFCC53;}
.section1 blockquote{margin:0;}
.section1 blockquote strong{font-size:1.25rem;}
.section1 .box{box-shadow:0 0 1rem 0 rgba(0,0,0,.2);padding:2rem;position:relative;}
.section1 .box::before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;border-radius:.25rem;background-color:rgba(255,255,255,.25);-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);}
.section1 .box h4{text-transform:uppercase;font-size:1.5rem;position:relative;}
.section1 .box p{position:relative;}
.section1 .box img{width:8rem;position:relative;}
.section1 .box .scroll{display:block;text-transform:uppercase;position:absolute;right:-1rem;transform:rotate(-90deg);top:12rem;font-size:.75rem;font-weight:600;cursor:pointer;}
.section1 .box .scroll span{transform:scale(1.5) translate3d(6px,0,0);display:inline-block;}
.section1 .box .scroll:hover{color:#FFCC53;}
.section2{background-image:url(img/img02.jpg);}
.section2 h2{color:#FFCC53;text-transform:uppercase;}
.section2 h3{color:#fff;max-width:25rem;margin-bottom:2rem;}
.section2 p{color:#fff;font-size:1.25rem;max-width:20rem;}
.section3{background-image:url(img/img03.jpg);padding-top:8rem;}
.section3 h3{color:#fff;max-width:28rem;margin-bottom:2rem;}
.section4 h2{color:#FFCC53;text-transform:uppercase;margin-bottom:2rem;}
.section4 .grid2{display:grid;grid-gap:1rem;}
.section4 .grid2 .img{display:block;position:relative;margin-bottom:1rem;}
.section4 .grid2 .img span{position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.5);color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1;}
.section5{background-image:url(img/img09.jpg);display:flex;align-items:center;}
.section5 .box{box-shadow:0 0 1rem 0 rgba(0,0,0,.2);position:relative;max-width:46rem;margin:0 auto 1rem;padding:2rem 2rem 1rem;text-align:center;}
.section5 .box::before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;border-radius:.25rem;background-color:rgba(255,255,255,.25);-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);}
.section5 h2{font-size:1.75rem;position:relative;}
.section5 .button{margin:0 1rem 1rem;position:relative;}
.section5 .button.alt{background:#333;color:#fff;}
@media(min-width:48rem){
.section1 .flex{display:flex;align-items:center;justify-content:flex-end;}
.section1 .flex ul{display:flex;}
.section1 h1{font-size:4rem;}
.section1 blockquote{margin:0 0 0 6rem;border-left:3px solid;padding-left:2rem;max-width:35rem;}
.section1 .box{max-width:15rem;min-height:20rem;margin:4rem 0 -10rem;}
.section2 h2{text-align:right;position:relative;padding-right:2rem;}
.section2 h2::after{content:'';position:absolute;top:0;right:0;border-right:1px solid;height:calc(200vh - 12rem);}
.section4 .grid1{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:2rem;margin-bottom:5rem;}
.section4 .grid1>*:first-child{grid-column:span 4;}
.section4 .grid1>*:first-child h3{margin-top:4rem;}
.section4 .grid1>*:last-child{grid-column:span 8;}
.section4 .grid1>*:last-child p{margin-left:-6rem;position:relative;z-index:-1;}
.section4 .line{border-left:3px solid #FFCC53;padding-left:2rem;}
.section4 .grid2{grid-template-columns:repeat(2,1fr);}
.section4 .grid2 img{ width:100%}
.section5 .box{padding:6rem 4rem 5rem;}
.section5 h2{margin-bottom:3rem;font-size:2.75rem;}
}
@media(min-width:74rem){
.section{padding:6rem 0 5rem;background-attachment:fixed;}
}