.root{color:rgb(var(--color));display:grid;grid-template-columns:100%;grid-template-rows:auto 1fr auto;height:100vh;height:100dvh;--padding:3rem}@media only screen and (min-width:768px){.root{--padding:5rem}}@media (display-mode:standalone){.root{height:100vh!important}}nav{display:flex;gap:.75rem;grid-area:1/1/2/2;max-width:800px;padding:var(--padding);padding-top:calc(var(--padding) + var(--safe-area-inset-top));place-self:center;position:relative;width:100%;z-index:1}@media only screen and (min-width:768px){nav{gap:2rem}}nav .dot{background-color:rgba(var(--color),.25);border-radius:1rem;cursor:pointer;flex:1;height:.4rem;overflow:hidden;position:relative;width:100%}@media only screen and (any-pointer:coarse){nav .dot:after{content:"";height:4rem;position:absolute;top:-1.8rem;width:100%}}nav .dot span{background-color:rgb(var(--color));display:block;height:100%;transform:scaleX(var(--progress));transform-origin:left;width:100%}nav .dot:not([aria-current=true]) span{opacity:0}section{display:grid;grid-area:1/1/4/2;grid-template-columns:100%;grid-template-rows:100%;overflow:hidden}section .slide{display:grid;grid-area:1/1;grid-template-rows:auto 1fr;height:100%;width:100%}section .slide:not([aria-current=true]){visibility:hidden}section .slide:not([aria-current=true]) img{transform:scale(1.05);transition-duration:0s}section .slide>div{font-size:1.8rem;grid-area:1/1/2/2;max-width:1200px;padding:calc(var(--padding)*2 + 4rem) var(--padding);padding-top:calc(var(--padding)*2 + 4rem + var(--safe-area-inset-top));place-self:center;position:relative;width:100%}section .slide>div>*{max-width:24em}section .slide>div h2{font-size:inherit;font-weight:inherit;margin-bottom:1em}section .slide>div .subtitle{opacity:.6;white-space:pre-wrap}section .slide>div a{color:inherit;text-decoration:none;width:-moz-fit-content;width:fit-content}@media (any-pointer:coarse){section .slide>div a:active span{text-decoration:underline}}@media (any-pointer:fine){section .slide>div a:hover span{text-decoration:underline}}section .slide>div a:focus-visible span{text-decoration:underline}section .slide>div a:after{content:" →"}section .slide img{grid-area:1/1/3/2;height:100%;-o-object-fit:cover;object-fit:cover;width:100%;-webkit-touch-callout:none;pointer-events:none;transition:2s transform var(--ease-out-expo);-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:-1}.profile>div{display:flex;flex-direction:column;gap:4rem}h1{font-size:2rem;font-weight:500;grid-area:3/1/4/2;max-width:1200px;padding:var(--padding);padding-bottom:calc(var(--padding) + var(--safe-area-inset-bottom));place-self:center;width:100%}@media only screen and (min-width:768px){h1{padding:calc(var(--padding)*2) var(--padding);padding-bottom:calc(var(--padding)*2 + var(--safe-area-inset-bottom))}}