﻿@use 'sass:color';@font-face{font-family:"AsimovXWid";src:url("/fonts/AsimovExtraWide.otf")}@font-face{font-family:"Asimov";src:url("/fonts/Asimov.otf");font-style:normal}@font-face{font-family:"Asimov";src:url("/fonts/AsimovItalic.otf");font-style:italic}@font-face{font-family:"AsimovNar";src:url("/fonts/AsimovNarrow.otf");font-style:normal}@font-face{font-family:"AsimovNar";src:url("/fonts/AsimovNarrowItalic.otf");font-style:italic}@font-face{font-family:"AsimovOu";src:url("/fonts/AsimovOutline.otf");font-style:normal}@font-face{font-family:"AsimovOu";src:url("/fonts/AsimovOutlineItalic.otf");font-style:italic}@font-face{font-family:"AsimovNarOu";src:url("/fonts/AsimovNarrowOutline.otf");font-style:normal}@font-face{font-family:"AsimovNarOu";src:url("/fonts/AsimovNarrowOutlineItalic.otf");font-style:italic}@font-face{font-family:"AsimovWide";src:url("/fonts/AsimovWide.otf");font-style:normal}@font-face{font-family:"AsimovWide";src:url("/fonts/AsimovWideItalic.otf");font-style:italic}body{font-family:"Asimov",sans-serif}@font-face{font-family:"EBGaramond";src:url("/fonts/EBGaramond-VariableFont_wght.ttf")}@font-face{font-family:"EBGaramond";src:url("/fonts/EBGaramond-Italic-VariableFont_wght.ttf");font-style:italic}.lang-switch{transform:translate(2.5vw) rotate(90deg);display:block;position:absolute;top:0;right:0;font-size:10vw;line-height:1;padding-left:6vw;color:blue;text-decoration:underline;text-transform:uppercase;z-index:9999}@media (min-width:720px){.lang-switch{font-size:5vw}}.lang-switch:hover{color:lightgray}body{--menu-width:calc(35px + 0.5rem)}body>section,body>article,body>header{margin-left:var(--menu-width)!important}@media (min-width:0px) and (max-width:720px){body>section,body>article,body>header{width:calc(100vw - var(--menu-width))}}body>nav,body>#content>nav{font-family:"AsimovOu",sans-serif;font-size:30px;line-height:1;position:fixed;z-index:999999;writing-mode:vertical-rl;text-orientation:mixed;align-self:start;margin:0;padding-right:var(--menu-padding-right);display:flex;width:auto;top:0;left:0;bottom:0;flex-direction:row;height:100%;text-shadow:0 0 1rem white}body>nav a,body>#content>nav a{text-decoration:none;margin-bottom:1rem;text-transform:none;font-style:normal!important;color:blue!important}body>nav a:hover,body>#content>nav a:hover{color:blue!important}body>nav a:visited,body>#content>nav a:visited{color:blue!important}body>nav a:visited:hover,body>#content>nav a:visited:hover{color:blue!important}body>nav .home-link,body>#content>nav .home-link{display:block;width:35px;height:35px}body>nav .home-link svg#back-to-home,body>#content>nav .home-link svg#back-to-home{fill:red;width:100%;height:auto}body>nav .home-link svg#back-to-home:hover,body>#content>nav .home-link svg#back-to-home:hover{fill:blue}body{margin:0}figure{margin:0}pre{overflow-x:scroll}pre code{display:inline-block;line-height:1}h1{font-size:xxx-large}h2{font-size:xx-large}body>article{font-size:18px;margin-left:0!important}@media (min-width:0px) and (max-width:720px){body>article{width:100%}}body>article>*{margin-left:var(--menu-width);width:calc(100% - var(--menu-width));padding-right:0.5rem;box-sizing:border-box}@media (min-width:720px){body>article>*{width:60%;margin-right:auto}}@media (min-width:960px){body>article>*{width:40%}}body>article a{color:blue}body>article a:visited{color:blue}body>article .nav{display:flex;flex-direction:row;flex-wrap:wrap;font-family:AsimovOu;font-size:x-large;position:sticky;top:1rem;z-index:99999999;text-shadow:0 0 0.5em white}body>article .nav p{margin-right:1rem;margin-top:0}body>article figure{display:flex;flex-direction:column}body>article figure figcaption{color:blue;text-shadow:0 0 0.5em red;margin-top:0.3rem}body>article figure iframe{aspect-ratio:16/9}body>article>figure{height:fit-content}body>article>figure img{height:auto;width:100%}body>article>figure:has(img.vertical){align-items:start}body>article>figure:has(img.vertical) img{height:80vh;width:auto;object-fit:contain}@media (min-width:0px) and (max-width:720px){body>article>figure:has(img.vertical) img{height:50vh}}body>article .gallery{width:100%;display:flex;flex-direction:row;overflow-x:scroll;overflow-y:clip;margin-left:0;position:relative;padding-bottom:1rem;padding-right:0}@media (min-width:720px){body>article .gallery{max-height:80vh}}body>article .gallery figure{height:fit-content;margin-right:1rem;position:relative}body>article .gallery figure:first-child{margin-left:var(--menu-width)}body>article .gallery figure:last-child{margin-right:0}body>article .gallery figure:first-child:before,body>article .gallery figure:after{--gallery-arrow-font-size:500%;position:absolute;content:"⤳";color:cyan;-webkit-text-stroke:0.02em black;top:50%;transform:translateY(-50%);font-size:var(--gallery-arrow-font-size);text-shadow:0 0 0.5rem aqua;z-index:999999}@media (min-width:720px){body>article .gallery figure:first-child:before,body>article .gallery figure:after{--gallery-arrow-font-size:600%}}body>article .gallery figure:after{left:calc(100% - 0.3em)}@media (min-width:720px){body>article .gallery figure:after{left:calc(100% - 0.3em)}}body>article .gallery figure:first-child:before{left:calc(-0.3em)}@media (min-width:720px){body>article .gallery figure:first-child:before{left:calc(-0.3em)}}body>article .gallery img{width:100vw;height:auto}@media (min-width:720px){body>article .gallery{height:80vh}body>article .gallery figure{height:100%}body>article .gallery img{height:100%;width:auto}}@media (min-width:0px) and (max-width:720px){body>article .gallery.vertical img{height:50vh;width:auto}}body>article>figure,body>article>.gallery{margin-bottom:1rem}body>article .call-to-action,body>article .call-to-action a{color:red;text-shadow:0 0 0.5em blue}