:root{--primary: #1C1678;--secondary: #8576FF;--tertiary: #7BC9FF;--accent: #A3FFD6;--secondary-opacity: rgba( from var(--secondary) r g b / .5);--videoWRatio: 1;--videoHRatio: 1;--fade-in: fadeIn interpolate-size: allow-keywords;font-family:serif;font-size:clamp(10px,2vmax,18px);font-weight:400;color-scheme:light dark;color:#fff;background-color:var(--primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{border-radius:.5em;height:100dvh;backgroundx:var(--tertiary)}section{height:100%}hr{border-color:var(--tertiary)}.home-grid-simple{display:grid;grid-template:"header header header" auto "...... hero   ......" auto "...... main   ......" auto "footer footer footer" auto / minmax(0,1fr) minmax(min(976px,100vw),5fr) minmax(0,1fr)}.home-grid{display:grid;width:100vw;grid-template:"nav    nav    nav" auto "...... header ......" auto "top    top    top" auto "left   main   right" 1fr "left   bottom right" auto "footer footer footer" auto / minmax(0,1fr) minmax(min(976px,100%),5fr) minmax(0,1fr);height:100dvh}.simple-grid{display:grid;grid-template-columns:[main-start header-start footer-start] 100% [main-end header-end footer-end];grid-template-rows:[header-start] 3em [main-start header-end] calc(100dvh - 6.3em) [main-end footer-start] 3em [footer-end]}.simple-grid-overlap{display:grid;grid-template-columns:[main-start header-start footer-start] auto [main-end header-end footer-end];grid-template-rows:[main-start header-start] auto [header-end info-start] auto [footer-start info-end] auto [main-end footer-end]}#Home header h1:first-of-type:first-letter{float:left;font:700 2.5em/.65 Playfair Display,sans-serif;padding:.15em .05em 0 0;text-transform:uppercase}#Home header h1:first-of-type{font-family:Crimson Text,serif;font-size:1.9em;margin-inline:.1em;flex:4;padding-leftx:.3em;padding-topx:.3em;transformx:scale(1.84);animation:scale 2s forwards cubic-bezier(.5,1,.89,1)}@media (orientation: portrait){#Home header h1:first-of-type{line-height:1.1}}#Home header p{text-wrap:wrap}#a-dlg-info:before{content:"ℹ"}nav{grid-area:nav;max-height:2.5em}header{grid-area:header;padding-top:0;margin-top:.2em}main,.main{grid-area:main;padding:0}footer{grid-area:footer;padding-bottom:0;margin-bottom:.2em}aside{padding:0}aside.top{grid-area:top;font-size:1.5em;margin:.2em;padding:.2em}aside.left{grid-area:left;flex-direction:column}aside.right{grid-area:right;flex-direction:column;overflow:hidden}aside.bottom{grid-area:bottom}footer,header{align-items:center;font-family:system-ui;-webkit-user-select:none;-ms-user-select:none;user-select:none}header,footer{border-radius:.35em;min-height:1.8em;background-color:hsl(from var(--tertiary) h s 80%)}:not(:defined):before{content:"Loading...";position:absolute;top:0;right:0;bottom:0;left:0;align-content:center;text-align:center;font-size:2rem;background-color:#fff;border-radius:1rem}:not(:defined){visibility:hidden}main,.main{margin:.3em;background-color:inherit}main *,.main *{background-color:var(--tertiary)}nav,aside{background-color:var(--secondary);justify-content:space-evenly}nav{padding-inline:.5em}nav,header,main,.main,aside,footer,ul{position:relative;display:flex;flex-flow:row wrap;gap:.1em}header,main,.main,footer,ul{justify-content:center}main,.main,aside,ul{border-radius:inherit}progress{accent-color:var(--accent)}::-webkit-progress-bar{background-color:var(--primary)}aside{background:transparent}@media (max-width: 768px){#Home>header h1:first-of-type{padding:0;padding-topx:.05em;padding-leftx:.65em}}@media (orientation: landscape) and (min-width: 500px){body{font-size:.9em}}hgroup{position:relative;max-width:80%;margin-inline:auto;background:var(--primary);border:.15em solid #ddd;border-radius:1em;padding:.5em;box-shadow:0 4px 8px #fff6;display:block;flex-direction:column}hgroup h3{text-decoration:underline}hgroup p{font-family:system-ui}hgroup:hover{transform:translateY(-5px);box-shadow:0 8px 16px #ffffffb3}main hgroup{flex:1 1 0}h1{font-size:1.6em}.circle{font-weight:900;border-radius:50%;width:2em;font-size:2.5em;aspect-ratio:1}a:hover{text-decoration:underline;text-decoration-color:var(--accent)}.logo{color:var(--accent);height:6em;aspect-ratio:1/1.6;will-change:filter;transition:filter .3s;mix-blend-mode:difference}.logo_small{color:var(--accent);height:2.5em;rotate:90deg;aspect-ratio:1/1.6;will-change:filter;transition:filter .3s;mix-blend-mode:difference;display:none}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #3178c6aa)}article{display:flex;justify-content:center;flex-direction:column;align-items:center}button,dialog{border-color:var(--secondary);color:var(--primary)}button,dialog{transition:border-color .25s}.camera__dialog{min-height:50dvh;min-width:50vw;max-width:none;max-height:none;height:100dvh;width:100vw;overflow:hidden;-webkit-backdrop-filter:blur;backdrop-filter:blur;filter:none}.center__dialog{grid-area:main;topx:50%;leftx:50%;positionx:absolute;margin-inline:.5em;transform:translate(-50%,-50%)}.center__dialog p{font-size:1.6em;padding:.5em;text-align:center}.bottom__dialog{grid-area:bottom;text-align:center}.bottom__dialog h6{font-size:1.3em;padding:0}.bottom__dialog p{font-size:1.1em;padding:0 .3em}dialog{grid-area:main;position:relative;max-height:100%;border:.15em solid;background:var(--primary);border-radius:1em;color:#fff;filter:drop-shadow(0px 0px 2em var(--primary))}li{background:transparent}li *{background:var(--primary)}dialog#dlg-permission-error{border-color:red}button{padding:.1em .3em;border:.15em solid var(--secondary);border-radius:.5em;font-size:1.8em;font-weight:500;font-family:inherit;background:var(--accent);cursor:pointer;z-index:2;transition:.5s;opacity:.9;margin:0 .2em}button:hover{border:.125em solid white}button:focus,button:focus-visible{outline:.25em auto -webkit-focus-ring-color}sup{font-size:.5em}#btn-camera{-webkit-animation:heartBeat 3s ease infinite 0s;-moz-animation:heartBeat 3s ease infinite 0s;-o-animation:heartBeat 3s ease infinite 0s;-ms-animation:heartBeat 3s ease infinite 0s;animation:heartBeat 3s ease infinite 0s;animation-iteration-count:21}.pica{position:absolute;width:100%;background-image:url(/bek.webp);background-size:cover;background-position:center;height:100dvh;opacity:.35;animation:3s ease-out 0s 1 dimming}.picag{grid-area:3/1/-1/-1;background-image:url(/bek.webp);background-size:cover;background-position:center;border-radius:1em;pointer-events:none;opacity:.1;animation:3s ease-out 0s 1 dimming}.back__img{background-image:url(/bek.webp);background-size:cover;background-position:center;opacity:.01}dialog[open]{opacity:1;transform:scaleY(1)}dialog{opacity:0;transform:scaleY(0);transition:opacity .5s ease-out,transform .5s ease-out,overlay .5s ease-out allow-discrete,display .5s ease-out allow-discrete}@starting-style{dialog[open]{opacity:0;transform:scaleY(0)}}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:var(--secondary);border-radius:100vw;margin-block:.2em}::-webkit-scrollbar{width:.2em;height:.2em;background-color:var(--tertiary);border-radius:100vw}::-webkit-scrollbar-thumb{border-radius:100vw;border:.1em solid #F5F5F5;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(.44,rgb(122,153,217)),color-stop(.72,rgb(73,125,189)),color-stop(.86,rgb(28,58,148)))}