@font-face{font-family:Onest;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/onest-cyrillic-ext-400.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:Onest;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/onest-cyrillic-400.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Onest;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/onest-latin-ext-400.woff2) format("woff2");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:Onest;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/onest-latin-400.woff2) format("woff2");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}
@font-face{font-family:Onest;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/onest-cyrillic-ext-500.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:Onest;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/onest-cyrillic-500.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Onest;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/onest-latin-ext-500.woff2) format("woff2");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:Onest;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/onest-latin-500.woff2) format("woff2");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}
html.qi-film-about:not(.qi-about-open) #Header,
html.qi-film-about:not(.qi-about-open) #HeaderMobile{opacity:1!important;--opacity:1!important}
html.qi-about-open #Main,
html.qi-about-open #Main .wrap,
html.qi-about-open #Main article{height:auto!important;min-height:100vh;overflow:visible!important}
html.qi-about-open .block-player-full{min-height:100vh;min-height:100dvh}
html.qi-about-open,
html.qi-about-open body{overflow-y:auto!important;overflow-x:hidden!important;height:auto!important;max-height:none!important}
html.qi-about-open #Header,
html.qi-about-open #HeaderMobile{height:auto!important;min-height:0!important;--height:auto!important;align-items:flex-start!important;opacity:1!important;--opacity:1!important;padding-top:.55em}
html.qi-about-open #Header button,
html.qi-about-open #HeaderMobile button{display:none!important}
#Header a.__special,
#HeaderMobile a.__special,
a[href*="yzavoku"],
a[href*="voku.design"],
a[href*="voku.studio"]{display:none!important;pointer-events:none!important;opacity:0!important}
html.qi-film-about #header_a_3,
html.qi-film-about #header_a_4,
html.qi-film-about #header_mobile_a_2214,
html.qi-film-about #header_mobile_a_2216{opacity:1!important;visibility:visible!important;width:auto!important;max-width:none!important;pointer-events:all!important}
.qi-about-artist{box-sizing:border-box;width:100%;min-height:100vh;min-height:100dvh;padding:12vh 8vw 10vh;background:#fffdfa;color:#111;font-family:Onest,Archivo,sans-serif;display:flex;flex-direction:column;justify-content:flex-start}
.qi-about-artist{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}
.qi-about-artist.is-in,
html.qi-about-open .qi-about-artist{opacity:1;transform:none}
.qi-about-artist h2{font-size:clamp(1.25rem,2.4vw,2rem);font-weight:500;letter-spacing:.04em;text-transform:lowercase;margin:0 0 1.25rem}
.qi-about-artist .qi-about-kicker{font-size:.75rem;letter-spacing:.08em;text-transform:none;opacity:.45;margin:0 0 .4rem}
.qi-about-langs{display:flex;gap:1rem;margin:0 0 1.5rem}
.qi-about-langs button{background:none;border:0;padding:0;font:inherit;font-size:.75rem;letter-spacing:.12em;text-transform:lowercase;cursor:pointer;opacity:.4}
.qi-about-langs button[aria-pressed="true"]{opacity:1;text-decoration:underline;text-underline-offset:.2em}
.qi-about-copy p{font-size:clamp(.95rem,1.4vw,1.15rem);line-height:1.55;margin:0 0 1.1rem;max-width:38rem;font-weight:400}
.qi-about-copy p:last-child{margin-bottom:2rem}
.qi-about-copy[hidden]{display:none!important}
.qi-about-artist [data-qi-back-clip]{align-self:flex-start;background:none;border:0;padding:0;font:inherit;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;text-decoration:underline;text-underline-offset:.2em}
@media(max-width:480px){.qi-about-artist{padding:18vh 1.4rem 12vh}}
/* About page wordmark: hide visually, keep .holder in DOM for Voku JS.
   Must live here — SPA from home keeps home <head> and never sees about/index.html inline CSS. */
html[data-qi-page="about"],
html[data-qi-page="about"] body,
html[data-qi-page="about"] #Main,
html[data-qi-page="about"] #Main article,
html:has(.widget-about) body,
html:has(.widget-about) #Main,
html:has(.widget-about) #Main article{background:#fff!important}
.widget-about{height:0!important;min-height:0!important;padding:0!important;margin:0!important;overflow:hidden!important;border:0!important}
.widget-about .holder,
.widget-about .title.huella,
html[data-qi-page="about"] .title.huella{display:none!important;visibility:hidden!important;height:0!important;overflow:hidden!important;opacity:0!important;font-size:0!important}
.widget-about .title-seo{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}
html[data-qi-page="about"] #scene-three,
html[data-qi-page="about"] #full-slider,
html[data-qi-page="about"] #Voice,
html[data-qi-page="about"] #artifacts-slider,
html[data-qi-page="about"] #Interface__Canvas{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;z-index:0!important}
html[data-qi-page="about"] #Main{position:relative;z-index:3!important;margin-top:0!important;top:0!important;padding-top:4.5rem}
html[data-qi-page="about"] #Header,
html[data-qi-page="about"] #HeaderMobile{position:fixed!important;z-index:5!important;height:auto!important;min-height:0!important;--height:auto!important;align-items:flex-start!important}
html[data-qi-page="about"],
html[data-qi-page="about"] body{overflow-y:auto!important;overflow-x:hidden!important;height:auto!important;max-height:none!important}
html[data-qi-page="about"] #Main,
html[data-qi-page="about"] #Main .wrap,
html[data-qi-page="about"] #Main article{height:auto!important;min-height:100vh!important;overflow:visible!important;opacity:1!important;visibility:visible!important}
html[data-qi-page="about"] [scroll-item],
html[data-qi-page="about"] .block-wysiwyg,
html[data-qi-page="about"] .block-wysiwyg h2,
html[data-qi-page="about"] .block-wysiwyg p{opacity:1!important;visibility:visible!important;transform:none!important}

html[data-qi-page="about"] .huella,
html[data-qi-page="about"] .widget-home .huella,
.widget-about .huella,
.widget-about .title{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;font-size:0!important;color:transparent!important;-webkit-text-stroke:0!important;text-shadow:none!important}
