@font-face{font-family:"Source Serif 4";font-style:normal;font-display:swap;font-weight:400;src:url(./source-serif-4-cyrillic-ext-400-normal.BDJfZ8Kq.woff2) format("woff2"),url(./source-serif-4-cyrillic-ext-400-normal.C8_zuvbt.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Source Serif 4";font-style:normal;font-display:swap;font-weight:400;src:url(./source-serif-4-cyrillic-400-normal.C0gbT-4X.woff2) format("woff2"),url(./source-serif-4-cyrillic-400-normal.Bqj2d7m6.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Source Serif 4";font-style:normal;font-display:swap;font-weight:400;src:url(./source-serif-4-greek-400-normal.eabzJDiW.woff2) format("woff2"),url(./source-serif-4-greek-400-normal.C8C4HxNq.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:"Source Serif 4";font-style:normal;font-display:swap;font-weight:400;src:url(./source-serif-4-vietnamese-400-normal.CMLFr1mH.woff2) format("woff2"),url(./source-serif-4-vietnamese-400-normal.CB9mjlcG.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Source Serif 4";font-style:normal;font-display:swap;font-weight:400;src:url(./source-serif-4-latin-ext-400-normal.HBh7NdsB.woff2) format("woff2"),url(./source-serif-4-latin-ext-400-normal.X-mfMq8x.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Source Serif 4";font-style:normal;font-display:swap;font-weight:400;src:url(./source-serif-4-latin-400-normal.CjrsHTK6.woff2) format("woff2"),url(./source-serif-4-latin-400-normal.CSsFCx3j.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-body: "Source Serif 4", serif;--font-size-body: 16.5px;--beige-9: #ece0db;--beige-7: #a79c97;--beige-5: #5f5854;--beige-3: #312b29;--color-bg: #000000;--color-button: var(--beige-9);--color-button-2: var(--beige-5);--color-text: var(--beige-9);--easing-1: cubic-bezier(.38, 0, .16, 1);--transition-1: .15s var(--easing-1);--transition-2: .3s var(--easing-1);font-family:var(--font-body);font-size:var(--font-size-body);color:var(--color-text)}body{min-height:100vh;margin:0;background-color:var(--color-bg);background-size:100vw auto}h1{font-size:32px}h2{font-size:24px}h3{font-size:20px}p{font-size:var(--font-size-body);line-height:1.48}span{color:var(--color-text)}a{text-decoration:none;-webkit-user-select:none;user-select:none}.app{display:flex;min-height:100vh}main{display:flex;flex-direction:column;width:100%;height:100vh}button{border:none;cursor:pointer;-webkit-user-select:none;user-select:none}nav{display:flex;padding:0 max(calc(16.6% - 146px),32px);gap:32px;flex-direction:column;justify-content:center;align-items:start}.gradient-line{height:100dvh;width:max(33.2%,356px);position:absolute;border-right:1px solid;border-image:linear-gradient(to bottom,#6b295c,#313e7b) 1;pointer-events:none}nav p{width:292px}.nav-links{padding:0;margin:-12px 0 0 -12px;height:48px;display:flex}nav a{display:flex;align-items:center;padding:0 12px;color:var(--color-button-2);transition:color var(--transition-1)}nav a:hover{color:var(--color-button)}nav a[aria-current=page]{color:var(--color-button)}section{display:flex;gap:10px;height:100%;justify-content:center;align-items:center}.button-graphic{box-sizing:border-box;position:relative;width:168px;height:168px;display:flex;padding:52px;align-items:center;justify-content:center;border:1px solid var(--beige-3);transition:var(--transition-2)}.button-graphic:hover{width:200px;height:200px;border:1px solid var(--beige-5)}.button-graphic canvas{width:100%!important;height:100%!important}.button-graphic span{position:absolute;bottom:-5px;left:-1px;background-color:var(--color-bg);padding-right:12px;padding-top:8px}.contact-grid{position:relative;width:200px;height:200px;border:1px solid var(--beige-3)}.contact-grid span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity var(--transition-1);text-wrap:nowrap;-webkit-user-select:none;user-select:none}.contact-grid span.visible{opacity:1}.contact-grid button{position:absolute;width:48px;height:48px;display:flex;background-color:var(--color-bg);justify-content:center;align-items:center;transition:var(--transition-2);color:var(--beige-5);transform:translate(-50%,-50%)}.contact-grid button:nth-child(5){left:0;top:50%}.contact-grid button:nth-child(6){left:0;top:50%}.contact-grid button:nth-child(7){left:50%;top:0}.contact-grid button:nth-child(8){left:100%;top:50%}.contact-grid button:nth-child(9){left:50%;top:100%}.contact-grid button:hover{color:var(--beige-9);width:72px;height:72px}.contact-grid button svg{fill:currentColor}@media (min-width: 720px) and (max-width: 1055px){nav{width:40%;padding:0 max(calc(20% - 146px),24px)}.gradient-line{width:max(40%,340px)}.button-graphic{width:144px;height:144px;padding:48px}.button-graphic:hover,.contact-grid{width:168px;height:168px}}@media (max-width: 719px){.app{flex-direction:column-reverse;min-height:auto}main{height:50dvh}nav{box-sizing:border-box;height:50dvh;padding:0 max(calc(50% - 134px),48px) 10vh max(calc(50% - 134px),48px)}section{padding:10vh 0 0 max(calc(50% - 134px),48px);justify-content:start}.button-graphic{width:144px;height:144px;padding:48px}.button-graphic:hover,.contact-grid{width:168px;height:168px}.gradient-line{width:24px}}