/*hss 1.0*/@font-face{font-family:body;font-style:normal;font-weight:400;src:url(/assets/fonts/opensans.woff2) format('woff2');}@font-face{font-family:display;font-style:normal;font-weight:400;src:url(/assets/fonts/comfortaa.woff2) format('woff2');}:root{--blue:#29728a;--green:#3bb162;--phthalo:#113333;--purple:#663366;--red:#d82f19;--zehuti:#336666;}*{box-sizing:border-box;}body{align-items:center;background:var(--phthalo);display:flex;font-family:body;font-size:15px;justify-content:center;margin:0;min-height:100vh;min-width:100%;padding:32px;}body::-webkit-scrollbar,.scrollbars::-webkit-scrollbar,.popup > div > div:nth-child(2)::-webkit-scrollbar{height:8px;width:8px;}body::-webkit-scrollbar-track,.scrollbars::-webkit-scrollbar-track,.popup > div > div:nth-child(2)::-webkit-scrollbar-track{background:none;}body::-webkit-scrollbar-thumb,.scrollbars::-webkit-scrollbar-thumb,.popup > div > div:nth-child(2)::-webkit-scrollbar-thumb{background:var(--purple);border:none;transition:background ease 0.38s;}input,textarea{font-family:body;}.shadow{box-shadow:4px 4px 4px 0px rgba(0,0,0,0.38);}.shadown,.modal>div>span:hover{box-shadow:2px 2px 2px 0px rgba(0,0,0,0.38);}a{color:var(--purple);text-decoration:none;}h2{font-family:display;font-size:22px;font-weight:normal;}.modal{align-items:center;--bar:var(--purple);bottom:0;display:flex;justify-content:center;left:0;padding:62px;position:fixed;right:0;top:0;transition:backdrop-filter ease .38s;z-index:1;}.modal>div{background:#fff;box-shadow:4px 4px 4px 0px rgba(0,0,0,0.38);max-height:100%;max-width:62%;min-height:38%;min-width:38%;opacity:0;position:relative;transform:scale(0);transition:transform ease 0.38s,opacity ease 0.38s;}.modal>div>span{background:var(--red);border-radius:16px;box-shadow:4px 4px 4px 0px rgba(0,0,0,0.38);cursor:pointer;height:32px;padding:4px;position:absolute;right:-12px;top:-12px;transition:box-shadow ease 0.38s;width:32px;}.modal>div>span>svg{fill:#fff;}.modal>div>h2{background:var(--bar);color:#fff;margin:0;padding:16px 24px;text-align:right;}.modal.show{backdrop-filter:blur(2px) grayscale(.9) contrast(.9);transition:backdrop-filter ease 12.4s;}.modal.show>div{opacity:1;transform:scale(1);}.popup{display:flex;flex-direction:column;justify-content:flex-start;}.popup>div{align-items:stretch;display:flex;flex:1;height:100%;overflow:hidden;}.popup>div>div{max-height:100%;}.popup>div>div:nth-child(1){flex:38;padding:32px 0 32px 32px;}.popup>div>div:nth-child(1):has(video){flex:62;}.popup>div>div:nth-child(1):has(video) + div{flex:38;}.popup>div>div:nth-child(1) > img,.popup > div > div:nth-child(1) > video{max-height:100%;max-width:100%;}.popup>div>div:nth-child(2){flex:62;overflow-y:auto;padding:32px;}.popup>div>div:nth-child(2) > *{margin:0;}.popup>div>div:nth-child(2) > * + *{margin:1em 0 0 0;}.popup>a{background:var(--bar);color:#fff;padding:8px 24px;text-align:right;transition:background ease 0.38s;}.popup>a:hover{background:var(--zehuti);}#tiles{align-items:flex-start;display:flex;flex-wrap:wrap;list-style:none;margin:0;max-width:calc((var(--size) + var(--pad)) * 8 - var(--pad));--pad:0px;padding:var(--pad);--size:192px;z-index:0;}#tiles>li{cursor:pointer;filter:opacity(0);height:var(--size);margin:var(--pad);position:relative;transition:transform ease 1s,filter ease 1s;width:var(--size);z-index:0;}#tiles>li.title{align-items:stretch;background:#0a1f50;color:#fff;display:flex;flex-direction:column;justify-content:center;width:calc(var(--size) * 2 + var(--pad) * 2);}#tiles>li.title>p{font-family:display;height:1em;margin:0;}#tiles>li.title>p:nth-child(1){font-size:calc(var(--size) / 2);text-align:center;}#tiles>li.title>p:nth-child(2){font-size:calc(var(--size) / 9);position:relative;}#tiles>li.title>p:nth-child(2) > span{filter:blur(2px);left:0;opacity:0;position:absolute;right:0;text-align:center;transition:opacity ease 3.8s,filter ease 3.8s;}#tiles>li.title>p:nth-child(2) > span.on{filter:blur();opacity:1;}#tiles>li.email{background:#0a1f50;}#tiles>li.on{filter:opacity(1);}#tiles>li.tilt{transition:transform ease 16s;}#tiles>li:hover{transition:transform ease 0.1s;}#tiles>li *{pointer-events:none;}#tiles>li>div{background-position:center center;background-size:cover;bottom:0;filter:grayscale(.9);left:0;position:absolute;right:0;top:0;transition:filter ease 16s;}#tiles>li>div.on{filter:grayscale(0);transition:filter ease 0.38s;}#tiles>li>span{color:#fff;display:block;font-family:display;font-size:13px;left:0;line-height:1.38em;padding:8px;position:absolute;right:0;top:0;}#tiles>li>svg{bottom:4px;position:absolute;right:4px;width:32px;}