html,body{height:100%;margin:0}body{font-family:Roboto,sans-serif;font-weight:300;margin:0}#app{height:100%}a{color:#000}.loading-content-container{position:relative}.loading-container{position:relative;margin-top:2rem;display:flex;flex-direction:column;align-items:center}.loading-container,.error-message{text-align:center}.image-gallery-description{bottom:0!important}.gallery-list-mode{width:100vh;max-width:100%;margin:auto;text-align:center}.gallery-list-mode img{max-width:100%;cursor:zoom-in;max-height:100vh}.gallery-list-mode figure{margin:2rem 0}.gallery-list-mode figcaption{font-size:1.1rem;margin:8px}.gallery-fullscreen-container{position:fixed;height:100dvh;width:100dvw;top:0;left:0;z-index:10;background-color:#fff}.gallery-fullscreen-container button{cursor:pointer;position:fixed;top:50%;font-weight:200;font-family:sans-serif;border:none;border-radius:16px;font-size:1.1rem;line-height:1.1rem;text-align:center;height:32px;width:32px;box-shadow:0 2px 4px #0003;background-color:#fafafa}.gallery-fullscreen-images{display:flex;position:fixed}.gallery-fullscreen-container img{object-fit:contain;margin:auto;width:100dvw;height:100dvh}@keyframes image-transition{0%{opacity:1}50%{opacity:0}to{opacity:1}}.presentation-section{display:flex;flex-direction:column}#presentation-summary{font-size:1.2rem;font-weight:400}.presentation-current-photo{display:flex;flex-direction:row;margin-top:1rem}.presentation-current-photo>img{background-color:#fff;object-fit:contain;display:flex;width:50vw;max-height:60vh;flex-shrink:0;aspect-ratio:3 / 2;margin-bottom:2rem}.presentation-current-photo>div{margin-left:1rem}.presentation-current-photo>div>p{overflow-y:auto;max-height:calc(100% - 5rem);font-weight:400}.presentation-current-photo>div>h2{margin:0}.presentation-current-photo>div>hr{border-width:0 0 1px 0;border-style:solid;border-color:#000}.presentation-section ul{margin:5rem 0;padding:0;list-style:none;font-size:.9rem}.presentation-section ul li{margin:1rem 0}@media screen and (max-width: 768px){.presentation-section{padding:0}#presentation-summary{margin:1rem 0}.presentation-current-photo>div{margin-left:0}.presentation-current-photo{flex-direction:column;height:auto}.presentation-current-photo>img{width:100%;aspect-ratio:3 / 2;max-width:100%;max-height:100%}}h1{font-family:Kanit,sans-serif;font-size:3rem;margin:.5rem 0;font-weight:500;letter-spacing:2px;color:inherit;text-align:center}@media (max-width: 768px){h1{font-size:1.8rem;text-align:left;margin:.5rem 0}}#socials{margin-top:2rem;display:flex;justify-content:center}@media (max-width: 768px){#socials{flex-direction:column}}#socials a{text-decoration:none;display:block;margin:1rem;text-align:center}#jumbo{background:url(/lyon.webp) no-repeat center center;background-size:cover;width:100%;height:100svh;display:flex;justify-content:center;align-items:flex-end;text-align:center;color:#fff;margin:auto auto 64px;text-shadow:black 0 0 8px}#CTA{display:flex;justify-content:space-evenly;margin:0}#CTA *{border-style:solid;border-width:0 0 1px 0;font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;text-decoration:none;margin:5vh 0 20vh;height:5vh}@media (max-width: 768px){#CTA *{margin:5vh 0 10vh}}#about{width:80%;padding:16px;display:flex;margin:auto;align-items:flex-start}#about img{flex-grow:0;max-height:600px;max-width:40vw;margin-right:2rem;box-shadow:#d3d3d3 0 4px 8px}#about div{font-size:1.2rem;font-weight:300;flex:1}@media (max-width: 768px){#about{position:relative;top:unset;left:unset;transform:unset;flex-direction:column}#about img{margin:auto auto 2rem;max-width:80%;max-height:50vh}}h2{font-family:Kanit,sans-serif;font-size:2rem;margin:1rem 0;font-weight:500;color:inherit}@media (max-width: 768px){h2{font-size:1.4rem;margin:.5rem 0}}#layout{min-height:100%;display:flex;flex-direction:column}main{flex-grow:1;margin:auto}main[data-immersive=true]{width:100%}main[data-immersive=false]{width:80%}@media (max-width: 768px){main[data-immersive=false]{width:90%}}footer{display:flex;justify-content:flex-end;align-items:center;width:100%;margin-top:16px;bottom:0;font-family:Kanit,sans-serif;letter-spacing:.1rem;font-size:.9rem;font-weight:300}footer *{margin:1rem}@media (max-width: 768px){footer{font-size:.8rem;margin-left:0;flex-direction:column}footer *{margin:4px}}header{flex-grow:0;flex-shrink:1;width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}@media (max-width: 768px){header{min-height:48px}}header[data-immersive=true]{position:absolute}nav#header{display:flex;flex-direction:row;justify-content:flex-end;z-index:1}nav#header[data-immersive=true]{color:#fff;background:none;box-shadow:none}#burger{background:none;border:none;padding:16px;width:64px;height:64px;align-self:flex-end;font-size:1.5rem;cursor:pointer;display:none;text-align:right}nav#header a{padding:16px;color:inherit;font-family:Kanit,sans-serif;text-decoration:none;font-size:1.2rem;font-weight:300;text-align:right;background-color:#fff}nav#header[data-immersive=true] a{background:none}@media (max-width: 768px){nav#header{width:100%;flex-direction:column;margin:0;top:0;right:0;z-index:10000;position:absolute}nav#header[data-open=false]{width:50%}nav#header[data-open=true][data-immersive=false]{box-shadow:0 0 8px #00000080}nav#header button{display:inline-block;text-wrap:nowrap}nav#header a,nav#header button{padding:8px 16px}}#logo{display:flex;flex-direction:row;align-items:center;gap:1rem;margin:0 32px;color:#000;text-decoration:none;cursor:pointer}#logo[data-immersive=true]{color:#fff}#logo svg{width:48px;height:48px}#logo a{text-decoration:none;color:inherit}#logo h1{font-family:Kanit,sans-serif;font-size:1.5rem;line-height:1.5rem;margin:1rem 0;font-weight:200;letter-spacing:2px;text-align:center}.card{display:flex;align-items:flex-start;cursor:pointer;flex-shrink:0;flex-grow:0;flex-direction:column;justify-content:flex-end;position:relative;aspect-ratio:3/2;overflow:hidden;max-width:400px}.card-overlay{position:absolute;right:16px;top:16px;height:10%;aspect-ratio:1/1}.card-backdrop{font-family:Kanit,sans-serif;position:absolute;flex-direction:column;width:calc(100% - 16px);color:#fff;bottom:0;background-color:#00000080;z-index:1;clip-path:polygon(0 0,8px 8px,100% 8px,100% 100%,0 100%);padding:12px 8px 4px;display:flex;gap:4px}.card-text{margin:0}.card img{width:100%;height:100%;object-fit:cover}.card-title{display:block;white-space:pre-wrap;min-width:calc(100% - 16px);line-height:1rem;font-size:1rem}.card-meta{font-size:.8rem;line-height:.8rem}.play{background-color:#fff;width:100%;height:100%;clip-path:polygon(0 0,100% 50%,0 100%)}.card-matrix{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,2fr));column-gap:8px;row-gap:8px;overflow-x:auto;overflow-y:hidden;position:relative;flex-wrap:wrap}@media (max-width: 768px){.card-matrix{height:auto}}.reference-card{margin:8px 0 16px}.reference-card-title{font-size:1rem;font-weight:400;margin:0 0 4px;display:inline-block;text-decoration:none}.reference-card-meta{font-size:.8rem}.reference-card-media{background-color:#2f4f4f;color:#fff;padding:2px 4px;font-weight:500;border-radius:4px}.reference-card-date{margin:0 8px;font-style:italic}.video-details{display:flex;flex-direction:row;flex-wrap:wrap}.video-details .video-player{flex:3;padding-right:16px;min-width:300px}.video-player video{width:100%;height:auto;aspect-ratio:16 / 9}.video-details section{flex:2;min-width:200px}.video-caption{font-size:1.1rem;font-weight:400}