:root{--very-dark-blue:#111419;--dark-blue:#152032;--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%)}@view-transition{navigation: auto;
}@font-face{font-family:ailovite;src:url(../fonts/ailovite.ttf)format('truetype');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:inter;font-style:normal;font-weight:200 600;font-display:swap;src:url(../fonts/inter.woff2)format('woff2')}@font-face{font-family:inter;font-style:italic;font-weight:200 600;font-display:swap;src:url(../fonts/inter-italic.woff2)format('woff2')}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{color-scheme:light dark;background-color:var(--dark-blue);color:light-dark(var(--dark-blue),white);font-family:inter,sans-serif;font-size:16px;font-optical-sizing:auto;font-weight:200;font-style:normal;line-height:1.4;margin:0;overscroll-behavior:none;padding:0;&.menu-active { overflow: hidden; }}body{margin:0;max-width:100dvw;padding:0}.full-wrap{background-color:light-dark(var(--t-mid),var(--very-dark-blue))}.wrapper{background-color:light-dark(white,var(--dark-blue));--wrapper-basis:30px;margin:0 auto;padding:var(--wrapper-basis);position:relative;z-index:1;@media(min-width:460px){--wrapper-basis: 40px; padding: var(--wrapper-basis);}@media(min-width:640px){--wrapper-basis: 50px;}@media(min-width:768px){border-radius: 8px 8px 0 0; box-shadow: rgba(0,0,0,0.2) 0 0 10px 0; margin: 0 auto; max-width: min(1024px,calc(100dvw - (var(--wrapper-basis) * 2))); width: calc(100dvw - (var(--wrapper-basis) * 2));}}a{color:light-dark(var(--d-teal),var(--l-teal));text-decoration-thickness:1px}h1{display:inline-block;font-size:22px;font-weight:600;line-height:1.2;margin-bottom:32px;@media(min-width:768px){font-size: 28px;}}p{font-size:16px;line-height:1.4;margin-block-end:16px;text-wrap:pretty;@media(orientation:landscape) and (min-width:640px){align-self: center; flex: 1 1 50%;}@media(min-width:768px){font-size: 18px;}}li{font-size:16px;line-height:1.4;@media(min-width:768px){font-size: 18px;}}strong{font-weight:400}h2{font-size:20px;font-weight:600;line-height:1.2;margin-block:32px 16px;@media(min-width:768px){font-size: 24px; font-weight: 500;}}h2 a{color:light-dark(var(--d-teal),var(--l-teal));display:inline-block;text-decoration:underline;text-decoration-thickness:1px;text-underline-position:under;transition:text-decoration-color .3s ease}h2 a:hover{text-decoration-color:light-dark(var(--dark-blue),white)}h3{font-size:18px;display:block;margin-bottom:16px;@media(min-width:768px){font-size: 20px;}}h3 a{color:light-dark(var(--dark-blue),white);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 light-dark(var(--teal),var(--l-teal));display:block;font-size:13px;margin-block-end:16px;padding-inline-start:10px;text-transform:uppercase}hr{border:0;background-color:light-dark(rgba(0,0,0,.8),rgba(255,255,255,.8));height:1px;margin:48px auto;width:50%}ul{margin:16px 0}li{list-style:square;margin-inline-start:32px;margin-block-end:8px}blockquote{background-color:light-dark(var(--d-teal),var(--t-btm));border-radius:20px;color:light-dark(white,var(--dark-blue));font-style:italic;margin:16px 0;padding:30px 40px;position:relative;p { font-size: 16px; margin: 0 0 16px; @media (min-width: 768px) { font-size: 20px; } } p.author { font-size: 12px; margin: 0; @media (min-width: 768px) { font-size: 14px; } } &::before { content: "«"; display: block; font-size: 120px; font-weight: 400; line-height: 1; left: 12px; opacity: 0.1; position: absolute; top: -25px; } &::after { content: "»"; display: block; font-size: 120px; font-weight: 400; line-height: 1; opacity: 0.1; right: 12px; position: absolute; bottom: -10px; }}.mh100dvh{min-height:100dvh}.ailovite{background-image:repeating-linear-gradient(0,light-dark(var(--dark-blue),var(--m-teal)),light-dark(var(--d-teal),white) 1lh);background-clip:text;font-family:ailovite,sans-serif;line-height:1.25;text-transform:uppercase;text-wrap:balance;-webkit-text-fill-color:transparent}.wrapper-hero{@media(min-width:768px){margin-top: -42px;}}.hero{background-color:light-dark(var(--dark-blue),var(--d-teal));margin:-30px -30px 20px;padding:40px 50px;text-align:justify;text-wrap:pretty;@media(min-width:460px){border-radius: 8px 8px 0 0; margin: -40px -40px 20px; overflow: hidden; position: relative; top: -8px; margin-top: -40px;}@media(min-width:640px){margin: -50px -50px 20px;}p { color: white; font-size: 20px; @media (min-width: 900px) { font-size: 24px; } } @media (orientation: landscape) and (min-width: 768px) { align-self: center; flex: 1 1 62.5%; }}.subtext{font-size:16px;margin-block-end:21px;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{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__color-scheme{display:flex;gap:16px;margin:24px 24px 0;button { background: var(--dark-blue); border: 0; border-radius: 8px; color: #fff; cursor: pointer; font-family: 'Inter', sans-serif; font-weight: 500; padding: 8px 12px; transition: background 0.3s ease; &:hover { background: var(--teal); } }}.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 .icn{background-color:#fff}.main-menu li{line-height:1;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{background-color:var(--dark-blue);color:#fff;display:flex;flex-direction:column;height:60px;gap:32px;padding:20px 0;@media(min-width:640px){height: 80px;}@media(min-width:768px){margin-block-end: 32px;}}.home-header{aspect-ratio:16/8;height:auto;margin-block-end:0;position:relative;width:100%}.home-background{inset:0;height:100%;object-fit:cover;position:absolute;width:100%;z-index:0}.home-title{position:absolute;visibility:hidden}.home-display-title{color:#fff;font-family:ailovite,sans-serif;font-size:6vw;line-height:1.1;margin:5vw auto;max-width:7ch;position:relative;text-align:center;text-transform:uppercase;text-wrap:balance;user-select:none;z-index:1;background-image:repeating-linear-gradient(180deg,white,var(--m-teal) 1lh);background-clip:text;filter:drop-shadow(0 0 10px var(--dark-blue));-webkit-text-fill-color:transparent}.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:0 auto;max-width:min(50%,220px);overflow:hidden;position:relative;text-indent:-99999px;top:2px;user-select:none;width:100%;z-index:1}.listed-episode{color:light-dark(var(--dark-blue),white);display:flex;flex-direction:column;gap:24px;margin-block-end:48px;padding-block-end:32px;position:relative;@media(min-width:480px){flex-direction: row;}&::after { background-color:light-dark(var(--dark-blue),var(--t-btm)); bottom:0; content:""; height:1px; inset-inline-start:25%; position:absolute; width:50%; }}.listed-cover{aspect-ratio:1/1;border-radius:8px;height:auto;width:100%;@media(min-width:480px){flex: 0 0 120px; width: 120px;}@media(min-width:768px){flex: 0 0 200px; width: 200px;}}.listed-episode__title{display:block;font-size:18px;line-height:1.2;margin-block-start:0;margin-block-end:16px;padding:0}.listed-episode a{align-items:center;display:flex;gap:16px;justify-content:space-between;text-decoration:none}.listed-episode p{margin-block-end:8px}.single-episode{display:flex;flex-direction:column;gap:24px;margin-block-end:48px;@media(min-width:768px){flex-direction: row;}}.single-episode__image{aspect-ratio:1/1;border-radius:8px;height:auto;width:100%;@media(min-width:768px){flex: 0 0 250px; width: 250px;}}.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:light-dark(var(--dark-blue),var(--t-mid));border-radius:.5em;color:light-dark(#fff,var(--dark-blue));display:flex;font-size:16px;font-weight:400;gap:8px;height:100%;justify-content:center;padding:.7em;text-align:center;text-decoration:none;transition:background-color .3s ease}.btn:hover{background-color:light-dark(var(--d-teal),white)}a.shop{background-color:light-dark(var(--d-teal),white);border:none;box-shadow:inset 0 0 2px rgba(255,255,255,.7);color:light-dark(white,var(--dark-blue));font-family:ailovite,sans-serif;text-transform:uppercase;line-height:1.25;padding-top:13px}a.shop:hover{background-color:light-dark(var(--teal),var(--t-mid))}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-color:light-dark(white,var(--dark-blue));display:inline-block;height:16px;mask-size:100% auto;user-select:none;vertical-align:bottom;width:16px}.icn--bluesky{-webkit-mask-image:url(/img/icn-bluesky.webp);mask-image:url(/img/icn-bluesky.webp)}.icn--spotify{-webkit-mask-image:url(/img/icn-spotify.webp);mask-image:url(/img/icn-spotify.webp)}.icn--apple-podcast{-webkit-mask-image:url(/img/icn-apple-podcast.webp);mask-image:url(/img/icn-apple-podcast.webp)}.icn--amazon-music{-webkit-mask-image:url(/img/icn-amazon-music.webp);mask-image:url(/img/icn-amazon-music.webp)}.icn--youtube{-webkit-mask-image:url(/img/icn-youtube.webp);mask-image:url(/img/icn-youtube.webp)}.icn--youtube-video{-webkit-mask-image:url(/img/icn-youtube-video.webp);mask-image:url(/img/icn-youtube-video.webp)}.icn--facebook{-webkit-mask-image:url(/img/icn-facebook.webp);mask-image:url(/img/icn-facebook.webp)}.icn--instagram{-webkit-mask-image:url(/img/icn-instagram.webp);mask-image:url(/img/icn-instagram.webp)}.icn--discord{-webkit-mask-image:url(/img/icn-discord.webp);mask-image:url(/img/icn-discord.webp)}.icn--tiktok{-webkit-mask-image:url(/img/icn-tiktok.webp);mask-image:url(/img/icn-tiktok.webp)}.icn--patreon{-webkit-mask-image:url(/img/icn-patreon.webp);mask-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:light-dark(var(--d-teal),var(--very-dark-blue));border-radius:.5em;color:#fff;display:block;margin-block-end:1.5em;padding:1em}.transcription{margin-block-start:16px}.transcription-note{font-size:11px;font-style:italic;opacity:.9;margin-block-end:16px}.tr-etienne,.tr-baptiste,.tr-invite{display:block;font-size:13px;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:light-dark(var(--d-teal),var(--t-mid));display:inline-block;font-size:14px;font-weight:500;line-height:1.2;transition:color .3s ease;text-decoration:none;&:hover { color:light-dark(var(--dark-blue),white); }}.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:16px;font-weight:400;margin-bottom:4px;text-transform:uppercase;text-decoration:underline;@media(min-width:768px){font-size: 18px;}}.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}a.bottom-nav__list{font-size:16px;font-weight:400;grid-column:1/span 2;grid-row:2;justify-self:center;text-align:center;text-decoration:underline;@media(min-width:768px){font-size: 18px; font-weight: 400; text-decoration: underline; grid-column: 2; grid-row: 1;}}