@font-face{font-family:"Guano Apes";src:url(assets/embedded/f80d72d315725147.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Armor Piercing Cyrillic";src:url(assets/embedded/7996d1fea1110e8a.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Montserrat";src:url(assets/embedded/84f3d3275dfb159d.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}
:root{color-scheme:dark;--graffiti-bg:url("assets/embedded/178bcc9324e0a20c.jpeg")}
*{box-sizing:border-box}body{margin:0;min-height:100dvh;isolation:isolate;background:#101418;color:#f0f4f6;font-family:"Montserrat",Arial,sans-serif;font-weight:400}
body:before,body:after{content:"";position:fixed;pointer-events:none;z-index:-1;inset:0}
body:before{background:#101418 var(--graffiti-bg) center top/cover no-repeat;filter:brightness(.48) saturate(.22)}body:after{background:rgba(114,113,109,.13)}
a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #02d5e8;outline-offset:6px}
.portal{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px 24px;gap:42px}
.hero{display:flex;align-items:center;justify-content:center;gap:10px;width:min(1120px,100%);filter:drop-shadow(0 8px 12px #0009)}
.mascot{width:clamp(210px,27vw,360px);height:auto;display:block;object-fit:contain}
.wordmark{margin:0;font-family:"Guano Apes","Segoe Print",cursive;font-size:clamp(95px,16vw,205px);line-height:1;font-weight:400;letter-spacing:1px;color:#f7f7f3;text-shadow:3px 3px 0 #0c1922}
.projects{display:grid;grid-template-columns:1fr 1fr;gap:24px;width:min(780px,100%)}
.project-link{min-height:102px;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px 24px;border:1px solid #61818b80;border-radius:10px;background:linear-gradient(145deg,#11232af2,#07151df2);box-shadow:0 8px 28px #0005,inset 0 1px #adc1ca12;font-family:"Armor Piercing Cyrillic",Arial,sans-serif;font-size:31px;font-weight:400;letter-spacing:.6px;transition:background .18s,border-color .18s,transform .18s}
.project-link:hover{background:#12313beb;border-color:#00d7e9;transform:translateY(-3px)}
.project-link:first-child{color:#00d7e9}.project-link:last-child{color:#edf4f7}
.widget-page{width:min(720px,100%);padding:38px;background:#091a23ed;border:1px solid #64808d70;border-radius:12px;box-shadow:0 12px 40px #0006;text-align:center}
.widget-page h1{font-family:"Armor Piercing Cyrillic",Arial,sans-serif;font-size:42px;line-height:1.2;font-weight:400;margin:0 0 18px;color:#00d7e9}
.widget-page p{font-size:14px;line-height:1.8;color:#b3c4ce;margin:0 0 28px}.back-link{font-size:12px;color:#d3e6ef;border:1px solid #557989;padding:12px 20px;display:inline-block;border-radius:6px}.back-link:hover{border-color:#00d7e9}
@media(max-width:700px){.portal{padding:28px 20px;gap:32px}.hero{flex-direction:column;gap:0}.mascot{width:min(260px,65vw)}.wordmark{font-size:clamp(75px,22vw,130px)}.projects{width:min(440px,100%);grid-template-columns:1fr;gap:14px}.project-link{min-height:78px;font-size:27px}.widget-page{padding:28px 20px}.widget-page h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){.project-link{transition:none}}