:root{--dark-blue:#1B283F;--teal:#67A9AF;--t-mid:#D2DEE2;--t-btm:#A2BAC2;--l-teal:#C8F7FD;--m-teal:#84AEB7;--d-teal:hsl(207deg 40% 26%);--orange:#FDAA76;--grad-menu:linear-gradient(0deg, #1c2940 0%, #335a71 100%)}@font-face{font-family:kanit;font-style:normal;font-weight:200;font-display:swap;src:url(../fonts/kanit.woff2)format('woff2');unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:ailovite;src:url(../fonts/ailovite.ttf)format('truetype');font-weight:400;font-style:normal;font-display:swap}html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,a,em,img,strong,ol,ul,li,article,aside,details,footer,header,menu,nav,section,summary,time,audio,video{box-sizing:border-box;margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,footer,header,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}@keyframes reveal{from{opacity:.1;transform:scale(.9)}to{opacity:1;transform:scale(1)}}html{background-color:var(--dark-blue);background-image:linear-gradient(180deg,hsl(218deg 40% 18%) 0%,hsl(214deg 40% 21%) 20%,hsl(210deg 40% 23%) 34%,hsl(207deg 40% 26%) 46%,hsl(204deg 39% 29%) 56%,hsl(202deg 38% 32%) 65%,hsl(200deg 37% 35%) 73%,hsl(197deg 36% 38%) 79%,hsl(195deg 34% 41%) 85%,hsl(193deg 33% 44%) 90%,hsl(190deg 31% 48%) 94%,hsl(188deg 30% 51%) 98%,hsl(185deg 31% 55%) 100%);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;font-family:kanit,sans-serif;font-optical-sizing:auto;font-size:1em;font-style:normal;font-weight:200;line-height:1.4;margin:0;overscroll-behavior:none;padding:0;&.menu-active { overflow: hidden; }}body{background-image:url(/img/bkg-2.svg);background-size:cover;background-attachment:fixed;margin:0;max-width:100dvw;overflow-x:hidden;overscroll-behavior:none;padding:0}.scroll{max-height:100dvh;max-width:100dvw;overflow-y:auto;overflow-x:hidden;position:relative;scrollbar-color:var(--teal)var(--dark-blue);scrollbar-gutter:stable;scrollbar-width:thin}.wrapper{--wrapper-basis:30px;margin:0 var(--wrapper-basis);max-width:calc(100dvw - (var(--wrapper-basis) * 2));padding:50px 0 var(--wrapper-basis);position:relative;width:calc(100dvw - (var(--wrapper-basis) * 2));z-index:1;@media(min-width:460px){--wrapper-basis: 40px; padding: var(--wrapper-basis) 0;}@media(min-width:640px){--wrapper-basis: 50px;}@media(min-width:768px){margin: 0 auto; max-width: 1024px; padding: 50px 0;}}a{color:#fff;text-decoration-thickness:1px}h1{display:inline-block;font-size:2em;margin-bottom:1em}p{font-size:1rem;line-height:1.4;margin-block-end:1em;text-wrap:pretty;@media(orientation:landscape) and (min-width:640px){align-self: center; flex: 1 1 50%;}@media(min-width:768px){font-size: 1.1rem;}}li{font-size:1rem;@media(min-width:768px){font-size: 1.1rem;}}strong{font-weight:400}h2{font-size:1.5em;margin-block:2rem 1rem}h2 a{color:#fff;display:inline-block;text-decoration:underline;text-decoration-color:rgba(255,255,255,.7);text-decoration-thickness:1px;text-underline-position:under;transition:text-decoration-color .3s ease}h2 a:hover{text-decoration-color:#fff}h3{font-size:1.3em;display:block;margin-bottom:1em}h3 a{color:#fff;text-decoration:none}section,article{view-timeline-name:--revealing-links;view-timeline-axis:block;animation:reveal ease both;animation-timeline:--revealing-links;animation-range:entry 0% entry 100%}@media(min-width:640px){section{flex:1 1 40%}}@media(orientation:landscape) and (min-width:768px){section{flex-basis:30%}}time{border-inline-start:3px solid var(--teal);display:block;font-size:.8rem;margin-block-end:1em;padding-inline-start:10px;text-transform:uppercase}hr{border:0;background-color:rgba(255,255,255,.5);height:1px;margin:3em auto;width:50%}ul{margin:1rem 0}li{list-style:square;margin-inline-start:2rem;margin-block-end:.5rem}blockquote{background-color:rgba(9,25,31,.7);border-radius:20px;font-style:italic;margin:1rem 0;padding:30px;p { font-size: 1.2rem; margin: 0 0 1rem; } p:last-child { font-size: 0.9rem; margin: 0; }}.mh100dvh{min-height:100dvh}.ailovite{background-image:repeating-linear-gradient(180deg,#fff,var(--m-teal) 1lh);background-clip:text;font-family:ailovite,kanit,sans-serif;line-height:1.25;text-transform:uppercase;text-wrap:balance;-webkit-text-fill-color:transparent}.txt-grad{background-image:linear-gradient(130deg,#fff,var(--l-teal));background-clip:text;max-width:fit-content;-webkit-text-fill-color:transparent}.hero{margin-inline:auto;margin-bottom:3em;max-width:720px;text-align:center;p { font-size: 1.2rem; @media (min-width: 640px) { font-size: 1.3rem; } @media (min-width: 900px) { font-size: 1.4em; } } @media (orientation: landscape) and (min-width: 768px) { align-self: center; flex: 1 1 62.5%; }}.subtext{font-size:1rem;margin-block-end:1.3rem;max-width:none;text-align:start}.grain{position:relative;&::before { background-color:transparent; background-image:url("/img/bkg-grain.webp"); background-repeat:repeat; background-size:75px; content:""; mix-blend-mode:overlay; opacity:0.5; inset:0; position:absolute; transform:translate3d(0,0,0); width:100%; height:100%; z-index:1; }}.main-menu-opener{background:0 0;border:none;color:#fff;cursor:pointer;height:60px;inset-block-start:0;inset-inline-start:0;overflow:hidden;position:absolute;text-indent:-99999px;width:60px;z-index:2;@media(min-width:640px){height: 80px; width: 80px;}}.main-menu-opener::after{background:var(--t-mid);box-shadow:var(--t-btm)0 9px 0 0,white 0 -9px;content:"";display:block;height:6%;inset-block:47%;inset-inline:25%;position:absolute;transition:box-shadow .3s ease-in-out;width:50%;z-index:1;@media(min-width:640px){box-shadow: var(--t-btm) 0 12px 0 0,white 0 -12px 0 0;}}.main-menu-opener:hover::after{box-shadow:var(--t-btm)0 11px 0 0,white 0 -11px;@media(min-width:640px){box-shadow: var(--t-btm) 0 14px 0 0,white 0 -14px 0 0;}}.main-menu{--mm-close-btn-size:40px;background-image:var(--grad-menu);background-position:-20% auto;height:100dvh;inset-block-start:0;inset-inline-start:-320px;margin:0;max-height:100dvh;position:fixed;transition:inset-inline-start .3s ease-in-out;width:320px;z-index:20}.main-menu.main-menu--visible{inset-inline-start:0}.main-menu__backdrop{backdrop-filter:blur(5px)brightness(60%)opacity(0);content:"";height:100dvh;inset:0;pointer-events:none;position:fixed;transition:backdrop-filter .3s ease-in-out;width:100dvw;z-index:10}.main-menu--visible+.main-menu__backdrop{backdrop-filter:blur(5px)brightness(60%)opacity(1);pointer-events:initial}.main-menu__scroll{max-height:100dvh;overflow-y:scroll;padding-bottom:80px;position:relative;scrollbar-width:none;z-index:11;&::-webkit-scrollbar { display:none; }}.main-menu__close{background:0 0;border:0;color:#fff;cursor:pointer;display:block;font-size:28px;height:var(--mm-close-btn-size);inset-inline-end:0;line-height:0;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-99999px;width:var(--mm-close-btn-size);z-index:2;&::before { content:"×"; display:block; position:absolute; height:var(--mm-close-btn-size); inset:0; line-height:var(--mm-close-btn-size); text-indent:0; transform:rotate(0deg); transition:transform 0.1s ease-in-out; width:var(--mm-close-btn-size); }}.main-menu__close:hover::before{transform:rotate(90deg)}.main-menu ul{display:flex;flex-direction:column}.main-menu__root{margin:var(--mm-close-btn-size)0 0}.main-menu__sub{margin-block:10px;padding-inline-start:40px}.main-menu li{list-style:none;margin:0}.main-menu a,.main-menu [data-group]{color:#fff;position:relative;text-decoration:none;transition:color .2s ease;z-index:2}.main-menu__root>li>a,.main-menu__root>li>[data-group]{border-inline-start:8px solid transparent;display:block;font-size:22px;padding:8px 16px}.main-menu__root>li>a[href]:hover{color:var(--orange)}.main-menu__root>li>a.active{border-inline-start-color:var(--dark-blue)}.main-menu__sub a{display:flex;gap:8px;padding:6px 0;&:hover { color:var(--orange); }}header{display:flex;flex-direction:column;gap:2em;margin-bottom:2em}.home-title{position:absolute;visibility:hidden}.title{aspect-ratio:306/35;background-image:url(/img/title.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;display:block;height:100%;margin:30px auto;max-width:min(80%,500px);overflow:hidden;text-indent:-99999px;user-select:none;width:100%}.listed-episode{background-color:rgba(9,25,31,.5);border:2px solid var(--dark-blue);border-radius:.5em;color:#fff;display:block;margin-block-end:1.5em;overflow:hidden;transition:background-color .3s ease}.listed-episode h2{display:block;font-size:1.1rem;line-height:1.2;margin-block-start:0;margin-block-end:.3rem;padding:0}.listed-episode a{align-items:center;background-color:var(--d-teal);display:flex;gap:1rem;justify-content:space-between;padding:.6rem 1rem .5rem;text-decoration:none;transition:background-color .3s ease;&:hover { background-color:var(--dark-blue); } &::after { background-clip:text; background-image:repeating-linear-gradient(180deg,#fff,var(--m-teal) 1lh); content:" \003E"; font-size:1.4rem; font-family:"Ailovite","Kanit",sans-serif; text-transform:uppercase; text-wrap:balance; -webkit-text-fill-color:transparent; }}.listed-episode__content{padding:1em 1em .5em}.listed-episode p{letter-spacing:.4px;margin-block-end:.5em}.home-links{display:flex;flex-direction:column;gap:30px;@media(min-width:640px){flex-direction: row; flex-wrap: wrap; gap: 40px}}.btn{align-items:center;background-color:rgba(9,25,31,.6);border:1px solid var(--l-teal);border-radius:.5em;color:#fff;display:flex;font-size:1rem;gap:4px;height:100%;justify-content:center;padding:.7em;text-align:center;text-decoration:none;transition:background-color .3s ease}.btn:hover{background-color:rgba(9,25,31,.9)}a.shop{background-image:linear-gradient(180deg,#FFF 0%,var(--m-teal) 150%);border:none;box-shadow:inset 0 0 2px rgba(255,255,255,.7);color:var(--d-teal);font-family:ailovite,kanit,sans-serif;font-weight:bolder;text-transform:uppercase}a.shop:hover{background-image:linear-gradient(180deg,#FFF 0%,var(--m-teal) 200%)}ul.blanks{display:flex;flex-direction:column;gap:.5em}ul.links{display:grid;gap:8px;grid-template-columns:1fr;margin:0 0 20px;@media(min-width:460px){grid-template-columns: 1fr 1fr;}}ul.links li,ul.blanks li{list-style:none;margin:0}.icn{background-position:50%;background-repeat:no-repeat;background-size:contain;display:inline-block;height:16px;user-select:none;vertical-align:bottom;width:16px}.icn--bluesky{background-image:url(/img/icn-bluesky.webp)}.icn--spotify{background-image:url(/img/icn-spotify.webp)}.icn--apple-podcast{background-image:url(/img/icn-apple-podcast.webp)}.icn--amazon-music{background-image:url(/img/icn-amazon-music.webp)}.icn--youtube{background-image:url(/img/icn-youtube.webp)}.icn--youtube-video{background-image:url(/img/icn-youtube-video.webp)}.icn--facebook{background-image:url(/img/icn-facebook.webp)}.icn--instagram{background-image:url(/img/icn-instagram.webp)}.icn--discord{background-image:url(/img/icn-discord.webp)}.icn--tiktok{background-image:url(/img/icn-tiktok.webp)}.icn--patreon{background-image:url(/img/icn-patreon.webp)}.guest-wrap{display:flex;flex-direction:column;gap:1em;margin-block-end:2em;@media(min-width:640px){flex-direction: row; gap: 2em;}}.guest-wrap--listed{margin-block-end:10px}.guest-photo{aspect-ratio:1/1;border-radius:.5em;display:block;width:100%;@media(min-width:640px){max-width: 250px;}}.guest-bio{flex:1 1 60%}.latest{margin-block:2em}details{background-color:rgba(9,25,31,.7);border-radius:.5em;color:#fff;display:block;margin-block-end:1.5em;padding:1em}.transcription{margin-block-start:1rem}.transcription-note{font-size:.7rem;font-style:italic;opacity:.9;margin-block-end:1rem}.tr-etienne,.tr-baptiste,.tr-invite{display:block;font-size:.8rem;margin-block-end:1em;padding-inline-start:10px}.tr-etienne{border-inline-start:3px solid var(--dark-blue)}.tr-baptiste{border-inline-start:3px solid var(--teal)}.tr-invite{border-inline-start:3px solid var(--orange)}.bottom-nav{align-items:top;display:grid;gap:20px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;@media(min-width:768px){grid-template-columns: 1fr 1fr 1fr;}}.bottom-nav a{color:#fff;display:inline-block;font-size:.9rem;text-decoration:none;transition:color .3s ease;&:hover { color:var(--orange); }}.bottom-nav__list,.bottom-nav__next.bottom-nav__next--alone,.bottom-nav__prev.bottom-nav__prev--alone,.bottom-nav__prev::before,.bottom-nav__next::before{font-size:1.2rem;text-transform:uppercase;@media(min-width:768px){font-size: 1.3rem;}}.bottom-nav__prev{grid-column:1}.bottom-nav__prev::before{content:"Épisode précédent";display:block}.bottom-nav__prev.bottom-nav__prev--invite::before{content:"Invité précédent"}.bottom-nav__next{grid-column:2;text-align:end;@media(min-width:768px){grid-column: 3;}}.bottom-nav__next::before{content:"Épisode suivant";display:block}.bottom-nav__next.bottom-nav__next--invite::before{content:"Invité suivant"}.bottom-nav__next.bottom-nav__next--alone::before,.bottom-nav__prev.bottom-nav__prev--alone::before{content:"";display:none}.bottom-nav__list{font-size:1.3rem!important;grid-column:1/span 2;grid-row:2;justify-self:center;text-align:center;@media(min-width:768px){grid-column: 2; grid-row: 1;}}