@CHARSET "UTF-8";
@font-face {font-family: 'title'; src: url("../fonts/Slagless-2OX63.woff") format("woff"),  format("svg"); font-weight: normal; font-style: normal;}
@font-face {font-family: 'regular'; src: url("../fonts/ufMHq9BB6Oua.woff") format("woff"),  format("svg"); font-weight: normal; font-style: normal;}
* {box-sizing:border-box; padding:0; margin:0;  -moz-osx-font-smoothing:grayscale; outline:none;}

:root {
	--altwhite:#FFECD1;	
	--mainbrown:#3A3335;
	--accent:#F39668;
	--pad:15vw;
	--padl:13vw;
	--padm:8vw;
	--pads:50px;
	--padxs:1rem;
	
} 

html {background:var(--mainbrown);}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, foot, header, hgroup,
main, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; vertical-align: baseline; }
body {background:var(--mainbrown); color:var(--altwhite); overflow-x: hidden;  -moz-osx-font-smoothing:grayscale; counter-reset:item; transition:background .5s ease-out;}
body.brown {background:var(--altwhite); color:var(--mainbrown);}
body.white.brown {background:var(--mainbrown); color:var(--altwhite);}
h1,h2,h3,h4,h5 {display: inline;}

body h6{display:inline; :var(--mainbrown); color:var(accent); overflow-x: hidden;  -moz-osx-font-smoothing:grayscale; counter-reset:item; transition:background .5s ease-out;}



a {color:inherit; outline:none; .35s; -moz-transition:all .35s; transition:all .35s; -o-transition:all .35s; -ms-transition:all .35s; text-decoration:none;}
a:link, a:visited, a:hover, a:active, a:focus, button {outline:0;}

sup {font-size:.6em; vertical-align:super;}
 
button {font-size:inherit;}
button:hover {cursor:pointer;}
 
section {position:relative; clear:both; transform-style:preserve-3d;}

button {border:0;}
li {list-style: none; margin-bottom:0;}
li:last-child {margin-bottom:0;}

p {margin-bottom:var(--pads);}
p:last-child {margin-bottom:0!important;}

.grecaptcha-badge {visibility: hidden!important; pointer-events:none!important; display:none!important;}

img {pointer-events:none; contain: none; }


.button {display:inline-flex; justify-content:center; align-items:center; width:auto; height:min-content; position:relative; padding:.4rem 1.1rem; white-space: nowrap;
color:var(--altwhite); box-sizing:border-box; transform:translateZ(0);}
.white.brown .button {color:var(--altwhite);}
.brown .button {color:var(--mainbrown);}
.button:hover, .white.brown .button:hover {color:var(--mainbrown);}
.brown .button:hover {color:var(--altwhite);}
.button:before {content:''; position:absolute; inset:0; border:2px solid var(--altwhite); border-radius:0.5rem; z-index:-1; transform-origin:50% 50%; transform:translate(0);
background-color:var(--altwhite); transition:transform .3s cubic-bezier(0.23, 1, 0.32, 1), background .3s cubic-bezier(.215,.61,.355,1); transform-style:preserve-3d;}
.white.brown .button:before {border:1px solid var(--altwhite);}
.brown .button:before {border:1px solid var(--mainbrown);}
.button-label {overflow:hidden; position:relative; line-height:1; letter-spacing:-0.01em; padding: .1rem 0;color: #3A3335;}
.button:hover::before{background:var(--altwhite);}
.white.brown .button:hover::before{background:var(--altwhite);}
.brown .button:hover::before{background:var(--mainbronw);}
.button .button-label>span {display:block; transition:transform .4s cubic-bezier(0.165, 0.84, 0.44, 1); transition-delay:.01s;}
.button .button-label>span:nth-child(2) {position:absolute; top:.1rem; bottom:0;}
.button .button-label>span:nth-of-type(2) {transform:translate3d(0, calc(100% + .2rem), 0);}
.button:hover .button-label>span:nth-of-type(1), .button:focus .button-label>span:nth-of-type(1) {transform:translate3d(0, calc(-100% - .2rem), 0);}
.button:hover .button-label>span:nth-of-type(2), .button:focus .button-label>span:nth-of-type(2) {transform:translate3d(0, 0, 0);}

.roundbutton {display:inline-flex; justify-content:center; align-items:center; width:auto; height:min-content; position:relative; padding: var(--pads) calc(var(--pads) * 1.7); white-space: nowrap;
color:var(--mainbrown); box-sizing:border-box; transform:translateZ(0);}
.white.brown .roundbutton {color:var(--mainbrown);}
.brown .roundbutton {color:var(--altwhite);}
.roundbutton:before {content:''; position:absolute; inset:0; border-radius:10%; z-index:-1; transform-origin:50% 50%; transform:translate(0);
background-color:var(--altwhite); transition:transform .3s cubic-bezier(0.23, 1, 0.32, 1), background .3s cubic-bezier(.215,.61,.355,1); transform-style:preserve-3d;}
.white.brown .roundbutton:before {background:var(--altwhite);}
.brown .roundbutton:before {background:var(--mainbrown);}
.roundbuttonname {overflow:hidden; position:relative; line-height:1; letter-spacing:-0.01em;}
.roundbutton:hover::before, .brown .roundbutton:hover::before, .white.brown .roundbutton:hover::before  {transform:scale(1.1) translateZ(0); background:var(mainwhite);}
.roundbutton .roundbuttonname>span {display:flex; align-items:center; grid-gap:1rem; transition:transform .4s cubic-bezier(0.165, 0.84, 0.44, 1); transition-delay:.01s;}
.roundbutton .roundbuttonname>span:nth-child(2) {position:absolute; top:0; bottom:0;}
.roundbutton .roundbuttonname>span:nth-of-type(2) {transform:translate3d(0, calc(100% + 0.2em), 0);}
.roundbutton:hover .roundbuttonname>span:nth-of-type(1), .button:focus .button-label>span:nth-of-type(1) {transform:translate3d(0, calc(-100% - 0.2em), 0);}
.roundbutton:hover .roundbuttonname>span:nth-of-type(2), .button:focus .button-label>span:nth-of-type(2) {transform:translate3d(0, 0, 0);}

.noise {z-index:100; position:absolute; top:0; left:0; width:100%; height:100%; pointer-events:none; opacity:0.02;}

body {font-family: 'regular', sans-serif; font-size:1.2rem; line-height:1.3; font-weight:400;}
h1 h2, h3 {font-weight:400; line-height:1; }
h2, h3 {font-weight:400; line-height:1;}

.font-title {font-family:'title';}
.text-a {font-size:13.0vw; font-weight:400; line-height:.9;}
.text-b {font-size:4vw; font-weight:400; line-height:1; letter-spacing:.1rem;}
.text-c {font-size:2.2vw; font-weight:400; line-height:1;}
.text-d, .article h2 {font-size:1.6vw; font-weight:400; line-height:1.2; letter-spacing:.05rem;}
.text-e, .article h3 {font-size:1.1rem; font-weight:400; line-height:1;}
.text-e.fonction {line-height:1.4; margin-top: .2rem;}
.text-j {font-size:4vw; font-weight:400; line-height:.9;}
.text-k {font-size:6.0vw; font-weight:400; line-height:.9;}
.text-f {font-size:17.7vw;}

.color-blanc {color:var(mainwhite);}

.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.lowercase{text-transform:lowercase;}

.border-radius {border-radius:0.5rem; border:3px solid var(--altwhite);}
.brown .border-radius {border:2.5px solid var(--mainbrown);}
.white.brown .border-radius {border:2.5px solid var(--altwhite);}

.overlay-bar {position:fixed; padding:var(--pads) var(--pads) 0 var(--pads); width:100vw; pointer-events:none;}
.navbarfront {pointer-events:auto;}
.navbarfront.list-button {opacity:10; transition:opacity .7s cubic-bezier(.215,.61,.355,1), transform .7s cubic-bezier(.215,.61,.355,1);}
.is-ready .navbarfront.list-button {opacity:1;}

.smooth-scroll {width:100%; overflow:hidden!important; opacity:1;}
html, body {overflow:hidden;}

.grid {display:grid;}
.flex {display:flex;}
.aligncenter {justify-content:center;}
.itemscenter {align-items:center;}
.alignbottom {justify-content: flex-end;}
.itemstbottom {align-items: flex-end;}
.justify {justify-content:space-between;}
.baseline {align-items:baseline;}
.direction {flex-direction:column;}
.center {text-align:center;}

.columpading {grid-gap:var(--pads);}
.grid-padxs {grid-gap:var(--padxs);}
.columpading--xl {grid-gap:calc(var(--pads) / 1.5);}
.col-3 {grid-template-columns:1fr 1fr 1fr;}

.inline-block {display:inline-block;}
.block {display:block;}

.relative {position:relative;}
.absolute {position:absolute;}

.wrapper {padding:var(--pads);}
.wrapper-xl {padding:calc(var(--pads) * 1.5);}
.wrapper-t {padding-top:var(--pads);}
.wrapper-lr {padding:0 var(--pads);}
.wrapper-tb {padding:var(--pads) 0;}
.wrapper-b {padding-bottom:var(--pads);}

.margintop {margin-top:var(--pad);}
.margintopl {margin-top:var(--padl);}
.margintopm {margin-top:var(--padm);}
.margintops {margin-top:var(--pads);}
.margintopsm {margin-top:calc(var(--pads) / 2);}
.margintopxs {margin-top:var(--padxs);}
.margintops-xl {margin-top:calc(var(--pads) * 2);}
.margintops-xxl {margin-top:calc(var(--pads) * 4);}
.marginbot {margin-bottom:var(--pad);}
.marginbotm {margin-bottom:var(--padm);}
.marginbots {margin-bottom:var(--pads);}
.marginbotsm {margin-bottom:calc(var(--pads) / 2);}
.marginbotxs {margin-bottom:var(--padxs);}
.marginbots-xl {margin-bottom:calc(var(--pads) * 2);}
.marginbots-xxl {margin-bottom:calc(var(--pads) * 3.25);}

.contenta {width:50%;}
.contentb {width:45%;}

.zindex {z-index:10;}
.nowrap {white-space:nowrap;}

.fx {opacity: 0; transform: translateY(75px) skewY(5deg); transition:opacity .7s cubic-bezier(.215,.61,.355,1), transform .7s cubic-bezier(.215,.61,.355,1);}
.fx.is-inview {opacity: 1; transform: none; transition-delay:.3s;}

.is-ready .fx-title .char, .is-ready .first .char {opacity: 1; transform: none; transition-delay: calc(.3s + ( 0.05s * ( var(--char-index)) ));}
.fx-title .char, .first .char {display: inline-block; opacity: 0; transform:translate(0%, -20%) rotateY(-90deg);
transition:opacity .8s cubic-bezier(.15,.61,.5,1), transform .8s cubic-bezier(.15,.61,.5,1);}

.conitembloc {flex-wrap:wrap;}
.item-bloc .wrapper {z-index:1; position:relative; height:100%; justify-content: flex-end;}
.item-bloc  .font-title {text-align:right;}
.item-bloc {border-radius:0rem; position:relative; overflow:hidden; background:var(--altwhite);}
.item-bloc .thumb-icon {position:relative; top:auto; left:auto; transform:none;}
.brown .item-bloc {background:var(--altwhite);}
.white.brown .item-bloc {background:var(--mainbrown);}
.item-bloc .fonction {text-align:right;}

.item-bloc--meta {position:absolute; top:var(--pads); left:var(--pads);}
.item-bloc--thumb {position:absolute; width:100%; height:100%; opacity:0; transform:scale(1.4);

transition:opacity 1.2s cubic-bezier(.215,.61,.355,1),transform 1.2s cubic-bezier(.215,.61,.355,1);}
.item-bloc.is-inview .item-bloc--thumb {transform:none; opacity:.7; transition-delay:.3s;}
.item-bloc--thumb--img {position:absolute; top:0; width:100%; height:100%;  will-change: transform, opacity; background-size:cover; background-position:center center; ;}
.item-bloc:hover .item-bloc--thumb--img {transform:scale(1.1);}
.item-bloc .item-bloc--meta .text-e, .page-numbers {width:4rem; height:4rem; border-radius:0%; border:1px solid var(mainwhite); color: var(mainwhite); display: flex; align-items: center; justify-content: center;}

.wrapper-btn.absolute {position:absolute; top:0; right:var(--pads);}
.conitembloc .item-bloc:nth-child(1) {width:calc(40% - calc(var(--pads) / 2)); height:50rem;}
.conitembloc .item-bloc:nth-child(2) {width:calc(60% - calc(var(--pads) / 2)); height:30rem; margin-top:20rem;}
.conitembloc .item-bloc:nth-child(2) .item-bloc--thumb--img {background-position:center 20%;}
.conitembloc .item-bloc:nth-child(3) {width:calc(32% - var(--pads)); height:25rem;}
.conitembloc .item-bloc:nth-child(4) {width:calc(34% - calc(var(--pads) / 2)); height:45rem;}
.conitembloc .item-bloc:nth-child(5) {width:calc(34% - calc(var(--pads) / 2)); height:45rem;}

#image1 .conitembloc .item-bloc:nth-child(1) {width:calc(40% - calc(var(--pads) / 2)); height:18rem;}
#image1 .conitembloc .item-bloc:nth-child(2) {width:calc(60% - calc(var(--pads) / 2)); height:30rem; margin-top:3rem;}
#image1 .conitembloc .item-bloc:nth-child(2) .item-bloc--thumb--img {background-position:center 20%;}
#image1 .conitembloc .item-bloc:nth-child(3) {width:calc(50% - var(--pads)); height:25rem;}
#image1 .conitembloc .item-bloc:nth-child(4) {width:calc(50% - calc(var(--pads) / 2)); height:45rem;}
#image1 .conitembloc .item-bloc:nth-child(5) {width:calc(34% - calc(var(--pads) / 2)); height:45rem;}

.container-links .button {width:fit-content;}

.list-button {display:flex; grid-gap:var(--padxs);}

.title-subtitle {width:31vw; height:fit-content; margin-top:.6vw;}

.block-bar {position:relative; display:flex; justify-content: center; height:10vw;}
.block-bar .bar-middle {width:1px; height:0; background:var(--altwhite); transition:.5s ease-out;}
.is-inview.block-bar .bar-middle {height:10vw; transition-delay:.3s;}
.brown .block-bar .bar-middle {background:var(--mainbrown);}
.brown.white .block-bar .bar-middle {background:var(--altwhite);}

.thumb {min-width:17rem; width:17rem; height:17rem; border-radius:00%; overflow:hidden; position:relative;}
.thumb-xl {min-width:30rem; height:30rem; border-radius:00%; overflow:hidden; position:relative;}
.thumb-img {position:absolute; width:100%; height:100%; background-size:cover; background-position:center center; border-radius:00%;}
.thumb-icon {height:4rem; width:4rem; background:var(--mainbrown); position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:1; border-radius:50%;
display:flex; justify-content:center; align-items:center;}

.splitting .word, .splitting .char {display:inline-block;}
.splitting .char {position:relative;}
.splitting .char::before, .splitting .char::after {content:attr(data-char); position: absolute; top: 0; left: 0; visibility: hidden; transition: inherit; user-select: none;}
.splitting {--word-center: calc((var(--word-total) - 1) / 2); --char-center: calc((var(--char-total) - 1) / 2); --line-center: calc((var(--line-total) - 1) / 2);}
.splitting .word {--word-percent: calc(var(--word-index) / var(--word-total)); --line-percent: calc(var(--line-index) / var(--line-total));}
.splitting .char {--char-percent: calc(var(--char-index) / var(--char-total)); --char-offset: calc(var(--char-index) - var(--char-center)); 
--distance: calc((var(--char-offset) * var(--char-offset)) / var(--char-center)); --distance-sine: calc(var(--char-offset) / var(--char-center));
--distance-percent: calc((var(--distance) / var(--char-center)));}
.char-wrap {display: inline-block; position: relative; overflow: hidden;}

@media screen and (max-width:2490px) {
	
	.contenta {width: 70%;}
	.ig1 {width: 36vb;height: 10vb;}
	.gh1 {width: 42vb;}
	.l1 {width: 40vb;}
	.text-n {font-size:14vw; font-weight:400; line-height:1.2;}

@media screen and (max-width:1690px) {
	
	.contenta {width: 70%;}
	.ig1 {width: 36vb;height: 10vb;}
	.gh1 {width: 40vb;}
	.l1 {width: 40vb;}
	.text-n {font-size:14vw; font-weight:400; line-height:1.2;}
	
}
@media screen and (max-width:1390px) {

	.homepage-title {bottom:1vw;}
	.text-f {font-size: 17.2vw;}
	.homepage-title .title-subtitle {margin-top: 7.1vw;}
	.container-social {flex-direction:column; align-items: center;}
	.conitembloc .item-bloc:nth-child(1) {height:40rem;}
	.conitembloc .item-bloc:nth-child(2) {height: 25rem; margin-top: 15rem;}
	.conitembloc .item-bloc:nth-child(3), .conitembloc .item-bloc:nth-child(4), .conitembloc .item-bloc:nth-child(5) {height: 32rem; width: calc(33.3333333% - calc(var(--pads) / 1.5));}
	#image1 .conitembloc .item-bloc:nth-child(1) {height:40rem;}
	#image1 .conitembloc .item-bloc:nth-child(2) {height: 25rem; margin-top: 15rem;}
	#image1 .conitembloc .item-bloc:nth-child(3), .conitembloc .item-bloc:nth-child(4), .conitembloc .item-bloc:nth-child(5) {height: 32rem; width: calc(33.3333333% - calc(var(--pads) / 1.5));}
	.text-n {font-size:14vw; font-weight:400; line-height:1.2;}
	.col-3 {grid-template-columns: 1fr 1fr 1fr;}
	.ig1 {width: 18vb;height:5vb}
	.gh1 {width: 18vb;}
	.l1 {width: 18vb;}
	
}

@media screen and (max-width:1250px) {

	:root {
	--pads: 40px;
	}

	.text-c, .text-d, .article h2 {font-size: 1.4rem;}
	.text-e, .article h3 {font-size:.9rem;}
	.text-f {font-size: 16.6vw;}
	.homepage-title {line-height:.9;}
	
	.col-3 {grid-template-columns:1fr 1fr; width: 100%;}
	
	.homepage-title .title-subtitle {margin-top:4.3vw;}
	.title-subtitle {width: 50vw;}
	
	.thumb {min-width: 15rem; width: 15rem; height: 15rem;}
	.thumb-xl {min-width: 25rem; height: 25rem;}
	
	.block-bar {height: 15vw; margin-top: var(--pads);}
	.is-inview.block-bar .bar-middle {height: 15vw;}
	
	.container-social {padding: 0 calc(var(--pads) * 2);}
	.conitembloc .item-bloc:nth-child(1), .conitembloc .item-bloc:nth-child(2), .conitembloc .item-bloc:nth-child(3),
	.conitembloc .item-bloc:nth-child(4), .conitembloc .item-bloc:nth-child(5) {height:25rem;}
	.conitembloc .item-bloc:nth-child(2) {margin-top: 0;}
	#image1 .conitembloc .item-bloc:nth-child(1), .conitembloc .item-bloc:nth-child(2), .conitembloc .item-bloc:nth-child(3),
	#image1 .conitembloc .item-bloc:nth-child(4), .conitembloc .item-bloc:nth-child(5) {height:25rem;}
	#image1 .conitembloc .item-bloc:nth-child(2) {margin-top: 0;}
	
	.wrapper-btn.absolute {top:auto; bottom:-1.5rem;}
	
	.marginbotsm {margin-bottom:var(--pads);}
	.margintopsm {margin-top:var(--pads);}
	
	.m-story {flex-direction:column; grid-gap:var(--pads); align-items: center;}
	.m-thumb {order:1;}
	.m-column {order:2;}

	.episodes a:nth-child(3) {display:none;}
	
	.item-bloc .item-bloc--meta .text-e , .thumb-icon, .page-numbers {height:3rem; width:3rem;}
	.ig1 {width: 18vb;}
	.gh1 {width: 18vb;}
	.l1 {width: 18vb;}
}

@media screen and (max-width:850px) {
	
	html, body {overflow-y: auto !important; scroll-behavior: smooth;}
	.button {width: 50%; padding: .1rem 0.5rem .2rem 0.5rem; height: 15px;}
	.roundbutton {padding: 0.5rem calc(var(--pads) * 1.5); width: 200px;}
	.roundbuttonname img {width: 100%; padding: .01rem 0.1rem 0.2rem 0.1rem; height: 100%;}
	.col-3 {grid-template-columns: 1fr;}

	.navbarfront .text-g {font-size:.75rem;}
	.navbarfront.list-button {grid-gap: .5rem;}
	.navbarfront .button {color:var(--mainbrown);}
	.navbarfront .button:before{background:var(--altwhite);}
	.homepage-title .fx {opacity: 0; transform: translateY(-75px) skewY(5deg);}
	.is-ready .homepage-title .fx {opacity:1; transform:none;}
	.fx {opacity:1; transform:none;}
	.noise {position:fixed;}
	.contenta, .contentb {width: 100%;}
	.text-b {font-size: 2.5rem;}
	.homepage-title .title-subtitle {margin-top: 2vw;}
	.item-bloc {background:var(--altwhite);}
	.item-bloc--thumb {opacity: 1; transform:none; opacity:.8;}
	.conitembloc .item-bloc:nth-child(1), .conitembloc .item-bloc:nth-child(2), .conitembloc .item-bloc:nth-child(3), .conitembloc .item-bloc:nth-child(4),
	.conitembloc .item-bloc:nth-child(5)	{width:100%;}
	#image1 .conitembloc .item-bloc:nth-child(1), .conitembloc .item-bloc:nth-child(2), .conitembloc .item-bloc:nth-child(3), .conitembloc .item-bloc:nth-child(4),
	#imahe1 .conitembloc .item-bloc:nth-child(5)	{width:100%;}
	.ig1 {width: 10vb;}
	.gh1 {width: 10vb;}
	.l1 {width: 10vb;}
	.item-bloc--meta {grid-gap: 1rem;}
	.item-bloc--meta .marginbotsm {margin-bottom:0;}
	
	.block-bar, .block-bar .bar-middle {height:8rem;}
	
	.first {margin-top:calc(var(--pad) * 5);}
	a.border-radius {color:var(mainwhite);}
	a.border-radius:before {background:var(--altwhite);}
	
	.col-3 {grid-template-columns: 1fr;}
	
	.episodes-header {flex-direction:column; grid-gap: var(--pads);}
	
	
}

@media screen and (max-width:650px) {
	html, body {overflow-y: auto !important; scroll-behavior: smooth;}
	.button {width: 50%; padding: .1rem 0.5rem .2rem 0.5rem; height: 15px;}
	.roundbutton {padding: 0.5rem calc(var(--pads) * 1.5); width: 200px;}
	.roundbuttonname img {width: 50%; padding: .01rem 0.1rem 0.2rem 0.1rem; height: 30px;}
	.text-n {font-size:13vw; font-weight:400; line-height:1.2;}


	.navbarfront .text-g {font-size:.75rem;}
	.navbarfront.list-button {grid-gap: .5rem;}
	.navbarfront .button {color:var(--mainbrown);}
	.navbarfront .button:before{background:var(--altwhite);}
	.homepage-title .fx {opacity: 0; transform: translateY(-75px) skewY(5deg);}
	.navbarfront.list-button {grid-gap: .1rem;}
	.first {margin-top: calc(var(--pad) * 3.5);}

	.wrapper-xl {padding: var(--pads);}
	
	.text-f {font-size: 15.5vw;}

	.overlay-bar {flex-direction: column; align-items: center; grid-gap: var(--pads); transition:transform .7s cubic-bezier(.215,.61,.355,1);}

	.navbarfront {order:2;}

	.conitembloc .item-bloc:nth-child(2) .item-bloc--thumb--img {background-position:center center;}
	#image1 .conitembloc .item-bloc:nth-child(2) .item-bloc--thumb--img {background-position:center center;}
	
	.container-anchor {flex-direction:column;}

}

@media screen and (max-width:450px ) {
	button {width: 50vb; padding: .1rem 0.5rem .2rem 0.5rem; height: 15px;}
	.roundbutton {padding: 0.1rem calc(var(--pads) * 1.5); top:11%;
		left:0%;right: 50%; width: 100%; height:10vb;box-sizing: inherit;}
	.roundbuttonname img {width: 90vb; padding: .01rem 0.1rem 0.2rem 0.1rem; height: 100px;box-sizing: inherit;}

	.ig1 {width: 12vb;}
	.gh1 {width: 12vb;}

	.gh2 {width: 20vb; height: 6.5vb;}

	.ig2 {width: 20vb; height: 6vb;}

	.l1 {width: 12vb;}


	.margintop {margin-top:var(--pad);}
	.margintopl {margin-top:var(--padl);}
	.margintopm {margin-top:var(--padm);}
	.margintops {margin-top:var(--pads);}
	.margintopsm {margin-top:calc(var(--pads) / 1.5);}
	.margintopxs {margin-top:var(--padxs);}
	.margintops-xl {margin-top:calc(var(--pads) * 1.5);}
	.margintops-xxl {margin-top:calc(var(--pads) * 1.5);}
	.marginbot {margin-bottom:var(--pad);}
	.marginbotm {margin-bottom:var(--padm);}
	.marginbots {margin-bottom:var(--pads);}
	.marginbotsm {margin-bottom:calc(var(--pads) / 1.5);}
	.marginbotxs {margin-bottom:var(--padxs);}
	.marginbots-xl {margin-bottom:calc(var(--pads) * 1.5);}
	.marginbots-xxl {margin-bottom:calc(var(--pads) * 1.25);}

	.splitting .word, .splitting .char {display:inline-block;}
	.splitting .char {position:relative;}
	.splitting .char::before, .splitting .char::after {content:attr(data-char); position: absolute; top: 0; left: 0; visibility: hidden; transition: inherit; user-select: none;}
	.splitting {--word-center: calc((var(--word-total) - 1) / 2); --char-center: calc((var(--char-total) - 1) / 2); --line-center: calc((var(--line-total) - 1) / 2);}
	.splitting .word {--word-percent: calc(var(--word-index) / var(--word-total)); --line-percent: calc(var(--line-index) / var(--line-total));}
	.splitting .char {--char-percent: calc(var(--char-index) / var(--char-total)); --char-offset: calc(var(--char-index) - var(--char-center)); 
	--distance: calc((var(--char-offset) * var(--char-offset)) / var(--char-center)); --distance-sine: calc(var(--char-offset) / var(--char-center));
	--distance-percent: calc((var(--distance) / var(--char-center)));}
	.char-wrap {display: inline-block; position: relative; overflow: hidden;}


	.conitembloc .item-bloc:nth-child(2) .item-bloc--thumb--img {background-position:center center;}
	#image1 .conitembloc .item-bloc:nth-child(2) .item-bloc--thumb--img {background-position:center center;}

	.navbarfront .text-g {font-size:.75rem;}
	.navbarfront.list-button {grid-gap: .5rem;}
	.navbarfront .button {color:var(--mainbrown);}
	.navbarfront .button:before{background:var(--altwhite);}
	.homepage-title .fx {opacity: 0; transform: translateY(-75px) skewY(5deg);}
	.text-j {font-size:4vw; font-weight:400; line-height:.9;}
	.text-a {font-size:17vw; font-weight:400; line-height:.9;}
	.text-k {font-size:9vw; font-weight:400; line-height:.9;}
	.text-e {font-size:4vw; font-weight:400; line-height:.9;}
	.text-c {font-size:9vw; font-weight:400; line-height:1.2;}
	.text-n {font-size:13vw; font-weight:400; line-height:1.2;}
	.text-x {font-size:7vw; font-weight:400; line-height:1.2;}
	
	:root {
	  --pads:1.5rem;
	}

	.text-g {line-height: 1.1;}
	
	.first {margin-top: calc(var(--pad) * 4);}
	.order-2 {order:2;}
	.order-1 {order:1;}
	
	.text-f {font-size:16vw;}
	
	.thumb-xl {min-width:15rem; height: 15rem;}
	
	.height-100 {height:90vh;}
	.homepage-title {bottom:7vh;}
	.homepage-thumb--img {background-size:300%;}
	
	.episodes {grid-gap: var(--padm);}
	
	.footfoottop {align-items: center; text-align: center;}
	.footfoottop--line {flex-direction:column; text-align: center;}
	.footfoottop .title-subtitle {width:100%; text-align:center;}
	.foot-middle .contentb {padding:0 var(--pads);}
	.foot-bottom {flex-direction: column; grid-gap: var(--pads);}
	.foot-bottom .list-button {flex-direction:column; align-items: center;}
	
	.container-social {width:70%;}
	.button {width: 100%; padding: .1rem 0.5rem .2rem 0.5rem; height: 30px;}
	.roundbutton {padding: 0.5rem calc(var(--pads) * 1.5); width:260px;}
	.roundbuttonname img {width: 100%; padding: .01rem 0.1rem 0.2rem 0.1rem; height: 30px;}

	.navbarfront .text-g {font-size:.75rem;}
	.navbarfront.list-button {grid-gap: .5rem;}
	.navbarfront .button {color:var(--mainbrown);}
	.navbarfront .button:before{background:var(--altwhite);}
	
	.button-label {overflow:hidden; position:relative; line-height:4; letter-spacing:-0.01em; padding: 0.3rem 0.1rem 0.1rem 0.1rem;color: #3A3335;}
	.button:hover::before{background:var(--altwhite);}
	.white.brown .button:hover::before{background:var(--altwhite);}
	.brown .button:hover::before{background:var(--mainbronw);}
	.button .button-label>span {display:block; transition:transform .4s cubic-bezier(0.165, 0.84, 0.44, 1); transition-delay:.01s;}
	.button .button-label>span:nth-child(2) {position:absolute; top:.1rem; bottom:0;}
	.button .button-label>span:nth-of-type(2) {transform:translate3d(0, calc(100% + .2rem), 0);}
	.button:hover .button-label>span:nth-of-type(1), .button:focus .button-label>span:nth-of-type(1) {transform:translate3d(0, calc(-100% - .2rem), 0);}
	.button:hover .button-label>span:nth-of-type(2), .button:focus .button-label>span:nth-of-type(2) {transform:translate3d(0, 0, 0);}
	.roundbutton .roundbuttonname>span {display:flex; align-items:center; grid-gap:1rem; transition:transform .4s cubic-bezier(0.165, 0.84, 0.44, 1); transition-delay:.01s;}
.roundbutton .roundbuttonname>span:nth-child(2) {position:absolute; top:0; bottom:0;}
.roundbutton .roundbuttonname>span:nth-of-type(2) {transform:translate3d(0, calc(100% + 0.2em), 0);}

}


@media screen and (max-width:400px) {
	
	.ig1 {width: 10vb;}
	.gh1 {width: 10vb;}

	.gh2 {width: 20vb; height: 8vb;}

	.ig2 {width: 10vb; height: 6vb;}

	.l1 {width: 12vb;}
	.button {width: 50%; padding: .1rem 0.5rem .2rem 0.5rem; height: 15px;}
	.roundbutton {padding: 0.5rem calc(var(--pads) * 1.5); width:20vw;}
	.roundbuttonname img {width: 50%; position: absolute;top: 0px;right: 0; padding: .01rem 0.1rem 0.2rem 0.1rem; height: 30vw;}
	

	.margintop {margin-top:var(--pad);}
	.margintopl {margin-top:var(--padl);}
	.margintopm {margin-top:var(--padm);}
	.margintops {margin-top:var(--pads);}
	.margintopsm {margin-top:calc(var(--pads) / 1.5);}
	.margintopxs {margin-top:var(--padxs);}
	.margintops-xl {margin-top:calc(var(--pads) * 1.5);}
	.margintops-xxl {margin-top:calc(var(--pads) * 1.5);}
	.marginbot {margin-bottom:var(--pad);}
	.marginbotm {margin-bottom:var(--padm);}
	.marginbots {margin-bottom:var(--pads);}
	.marginbotsm {margin-bottom:calc(var(--pads) / 1.5);}
	.marginbotxs {margin-bottom:var(--padxs);}
	.marginbots-xl {margin-bottom:calc(var(--pads) * 1.5);}
	.marginbots-xxl {margin-bottom:calc(var(--pads) * 1.25);}

	.splitting .word, .splitting .char {display:inline-block;}
	.splitting .char {position:relative;}
	.splitting .char::before, .splitting .char::after {content:attr(data-char); position: absolute; top: 0; left: 0; visibility: hidden; transition: inherit; user-select: none;}
	.splitting {--word-center: calc((var(--word-total) - 1) / 2); --char-center: calc((var(--char-total) - 1) / 2); --line-center: calc((var(--line-total) - 1) / 2);}
	.splitting .word {--word-percent: calc(var(--word-index) / var(--word-total)); --line-percent: calc(var(--line-index) / var(--line-total));}
	.splitting .char {--char-percent: calc(var(--char-index) / var(--char-total)); --char-offset: calc(var(--char-index) - var(--char-center)); 
	--distance: calc((var(--char-offset) * var(--char-offset)) / var(--char-center)); --distance-sine: calc(var(--char-offset) / var(--char-center));
	--distance-percent: calc((var(--distance) / var(--char-center)));}
	.char-wrap {display: inline-block; position: relative; overflow: hidden;}




	.navbarfront .text-g {font-size:.75rem;}
	.navbarfront.list-button {grid-gap: .5rem;}
	.navbarfront .button {color:var(--mainbrown);}
	.navbarfront .button:before{background:var(--altwhite);}
	.homepage-title .fx {opacity: 0; transform: translateY(-75px) skewY(5deg);}
	.text-j {font-size:4vw; font-weight:400; line-height:.9;}
	.text-a {font-size:16vw; font-weight:400; line-height:.9;}
	.text-k {font-size:9vw; font-weight:400; line-height:.9;}
	.text-e {font-size:4vw; font-weight:400; line-height:.9;}
	.text-c {font-size:9vw; font-weight:400; line-height:1.2;}
	p {
		font-size: 20px;
	  }
	:root {
	  --pads:1.5rem;
	}

	.text-g {line-height: 1.1;}
	
	.first {margin-top: calc(var(--pad) * 4);}
	.order-2 {order:2;}
	.order-1 {order:1;}
	
	.text-f {font-size:16vw;}
	
	.thumb-xl {min-width:15rem; height: 15rem;}
	
	.height-100 {height:90vh;}
	.homepage-title {bottom:7vh;}
	.homepage-thumb--img {background-size:300%;}
	
	.episodes {grid-gap: var(--padm);}
	
	.footfoottop {align-items: center; text-align: center;}
	.footfoottop--line {flex-direction:column; text-align: center;}
	.footfoottop .title-subtitle {width:100%; text-align:center;}
	.foot-middle .contentb {padding:0 var(--pads);}
	.foot-bottom {flex-direction: column; grid-gap: var(--pads);}
	.foot-bottom .list-button {flex-direction:column; align-items: center;}
	
	.container-social {width:70%;}
	.button {width: 100%; padding: .1rem 0.5rem .2rem 0.5rem; height: 30px;}
	.roundbutton {padding: 0.5rem calc(var(--pads) * 1.5); width:240px;}
	.roundbuttonname img {width: 100%; padding: .01rem 0.1rem 0.2rem 0.1rem; height: 30px;}

	.navbarfront .text-g {font-size:.75rem;}
	.navbarfront.list-button {grid-gap: .5rem;}
	.navbarfront .button {color:var(--mainbrown);}
	.navbarfront .button:before{background:var(--altwhite);}
	
	.button-label {overflow:hidden; position:relative; line-height:4; letter-spacing:-0.01em; padding: 0.3rem 0.1rem 0.1rem 0.1rem;color: #3A3335;}
	.button:hover::before{background:var(--altwhite);}
	.white.brown .button:hover::before{background:var(--altwhite);}
	.brown .button:hover::before{background:var(--mainbronw);}
	.button .button-label>span {display:block; transition:transform .4s cubic-bezier(0.165, 0.84, 0.44, 1); transition-delay:.01s;}
	.button .button-label>span:nth-child(2) {position:absolute; top:.1rem; bottom:0;}
	.button .button-label>span:nth-of-type(2) {transform:translate3d(0, calc(100% + .2rem), 0);}
	.button:hover .button-label>span:nth-of-type(1), .button:focus .button-label>span:nth-of-type(1) {transform:translate3d(0, calc(-100% - .2rem), 0);}
	.button:hover .button-label>span:nth-of-type(2), .button:focus .button-label>span:nth-of-type(2) {transform:translate3d(0, 0, 0);}
	.roundbutton .roundbuttonname>span {display:flex; align-items:center; grid-gap:1rem; transition:transform .4s cubic-bezier(0.165, 0.84, 0.44, 1); transition-delay:.01s;}
.roundbutton .roundbuttonname>span:nth-child(2) {position:absolute; top:0; bottom:0;}
.roundbutton .roundbuttonname>span:nth-of-type(2) {transform:translate3d(0, calc(100% + 0.2em), 0);}
}