@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap);@font-face{font-family:MonaSans;font-stretch:75% 125%;font-weight:200 900;src:url(/assets/Mona-Sans.ttf) format("truetype-variations")}@font-face{font-family:Inter;font-weight:300 700;src:url(/assets/inter.ttf) format("truetype-variations")}body{font-family:Inter,sans-serif;font-weight:300}h1{font-family:MonaSans,sans-serif;font-size:clamp(2rem,11vw,11rem);font-stretch:125%;font-weight:700;line-height:.9;text-transform:uppercase}h2{font-size:clamp(1.75rem,9.5vw,5rem);font-weight:600}h2,h3{font-family:MonaSans,sans-serif;font-stretch:125%;line-height:1;text-transform:uppercase}h3{font-size:clamp(1.5rem,6vw,3.5rem);font-weight:700}h4{font-family:Inter,sans-serif;font-weight:700}h4,h5{font-size:1rem;text-transform:uppercase}h5{font-weight:300}small{color:#999;display:block;font-size:.8rem;letter-spacing:.05rem;text-transform:uppercase}p{font-size:clamp(1rem,1.7vw,1.25rem);line-height:1.6}a,p{font-weight:300}a{appearance:none;color:#2f2f2f;font-family:MonaSans,sans-serif;font-stretch:125%;text-decoration:none}a *{pointer-events:none}.internal-link{color:#2f2f2f;font-family:MonaSans,sans-serif;font-size:clamp(1.25rem,3vw,1.75rem);font-weight:500;letter-spacing:.025rem;padding-block:.5rem .25rem;text-transform:uppercase}@media (min-width:60em){.internal-link{font-size:1.75rem}}.internal-link:hover{color:#999}.external-link{color:#2f2f2f;font-family:MonaSans,sans-serif;font-size:clamp(1.25rem,3vw,1.75rem);font-weight:500;letter-spacing:.025rem;padding-block:.5rem .25rem;text-transform:uppercase;white-space:nowrap}@media (min-width:60em){.external-link{font-size:1.75rem}}.external-link:hover{color:#999}.external-link:after{content:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%232F2F2F' stroke-width='3' d='M.2.8h11v11'/%3E%3Cpath stroke='%232F2F2F' stroke-width='2' d='M.8 11.2 11.2.8'/%3E%3C/svg%3E");display:inline-block;height:8px;margin-left:.5rem;width:8px}.external-link:hover:after{content:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23999' stroke-width='3' d='M.2.8h11v11'/%3E%3Cpath stroke='%23999' stroke-width='2' d='M.8 11.2 11.2.8'/%3E%3C/svg%3E")}.external-link-white{color:#fff;font-family:MonaSans,sans-serif;font-size:clamp(1.25rem,3vw,1.75rem);font-weight:500;letter-spacing:.025rem;padding-block:.5rem .25rem;text-transform:uppercase;white-space:nowrap}@media (min-width:60em){.external-link-white{font-size:1.75rem}}.external-link-white:hover{color:#999}.external-link-white:after{content:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='3' d='M.2.8h11v11'/%3E%3Cpath stroke='%23fff' stroke-width='2' d='M.8 11.2 11.2.8'/%3E%3C/svg%3E");display:inline-block;height:8px;margin-left:.5rem;width:8px}.external-link-white:hover:after{content:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23999' stroke-width='2' d='M.2.8h11v11'/%3E%3Cpath stroke='%23999' stroke-width='2' d='M.8 11.2 11.2.8'/%3E%3C/svg%3E")}*,:after,:before{box-sizing:border-box}*{font:inherit;padding:0}*,blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}ol[role=list],ul[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body,html{min-height:100%}body{-webkit-text-size-adjust:none;text-rendering:optimizeLegibility}a:not([class]){text-decoration-skip-ink:auto}img,picture{display:block;max-width:100%}button,input,select,textarea{font:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.nowrap{white-space:nowrap}.uppercase{text-transform:uppercase}.fw-medium{font-weight:500}.wide-kerning{letter-spacing:.15rem}.opaque{color:#595959}.info-text{margin-right:.5rem}.black-back{background-color:#000}.flex-column{align-items:flex-start;display:flex;flex-flow:column nowrap}body{background-color:#fff;color:#2f2f2f;display:grid;grid-template-rows:1fr auto auto;max-width:100%;min-height:100vh;overflow-x:hidden}*{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{display:none}header .header__container{align-items:center;display:flex;flex-flow:row nowrap;justify-content:space-between}.about,.projects{min-height:100vh;min-height:100dvh}header{left:0;line-height:1;mix-blend-mode:difference;pointer-events:none;position:fixed;top:0;width:100%;z-index:99}header .header__container{color:#d0d0d0;gap:1rem;margin-inline:auto;max-width:125rem;padding:1.5rem}header .header__container .header__logo{font-family:MonaSans,sans-serif;font-size:1.5rem;pointer-events:all}header .header__container .header__logo a{color:#d0d0d0;font-weight:600}header .header__container .header__logo a:hover{color:#2f2f2f}header .header__container button{background-color:transparent;border:none;cursor:pointer;pointer-events:all}header .header__container button svg{fill:#d0d0d0}header .header__container button:hover svg{fill:#2f2f2f}.nav-menu{background-color:#fff;height:100vh;height:100dvh;left:0;opacity:0;pointer-events:none;position:fixed;top:100vh;transition:all .9s cubic-bezier(.76,0,.24,1);width:100vw;z-index:100}.nav-menu .nav-menu__wrapper{display:grid;gap:1.5rem;height:100%;margin-inline:auto;max-width:125rem;padding:1.5rem}.nav-menu .nav-menu__wrapper .nav-menu__header{align-items:flex-start;display:flex;justify-content:space-between}.nav-menu .nav-menu__wrapper .nav-menu__header button{background-color:transparent;border:none;color:#2f2f2f;cursor:pointer;text-transform:uppercase}.nav-menu .nav-menu__wrapper .nav-menu__header button:hover{color:#999}.nav-menu .nav-menu__wrapper .nav-menu__link{align-self:end;border-bottom:1px solid #2f2f2f;display:flex;flex-direction:column;padding-bottom:1.5rem}.nav-menu .nav-menu__wrapper .nav-menu__social{display:flex;flex-direction:column}.nav-menu.active{opacity:1;pointer-events:all;top:0}@media (max-height:34rem)and (orientation:landscape){.nav-menu{justify-content:flex-start}.nav-menu .external-link{display:none}.nav-menu .nav-menu__link{border-bottom:0 solid #2f2f2f}}@media (min-width:50rem){.nav-menu .nav-menu__wrapper,header .header__container{padding:1.5rem 3rem}}footer{background-color:#f0f0f0;border-top:1px solid #2f2f2f;color:#2f2f2f;position:relative;z-index:2}footer .footer__wrapper{margin-inline:auto;max-width:125rem;padding:1.5rem;width:100%}footer .footer__wrapper small{color:#2f2f2f;font-weight:300}@media (min-width:50rem){footer .footer__wrapper{padding:1.5rem 3rem}}.transition-element{background-color:#fff;height:100vh;left:0;pointer-events:none;position:fixed;top:0;transform:scaleY(0);transform-origin:bottom;width:100vw;z-index:100}.is-active,.transition-element{transition:transform .9s cubic-bezier(.76,0,.24,1)}.is-active{transform:scale(1);transform-origin:top}@media(prefers-reduced-motion:reduce){.is-active{transition:all 0s linear}}main.hero-main{background:#fff;background:linear-gradient(141deg,#fff,#eae7db)}section{align-items:center;display:grid}section .section__wrapper{margin-inline:auto;max-width:125rem;padding-inline:1.5rem;width:100%}.hero{align-items:unset;height:100%;max-height:max(100vh,30em);max-height:max(100dvh,30em)}.hero .section__wrapper{align-items:end;display:grid;grid-template-rows:auto min-content auto;height:100%;padding-block:3rem 1.5rem}.hero .section__wrapper .hero__cl1{padding:0 .5vw}.hero .section__wrapper .hero__cl1 h4{font-size:clamp(1rem,8vw,2rem);font-weight:300}.hero .section__wrapper .hero__footer a{font-family:Inter,sans-serif}.hero .section__wrapper .hero__footer a:hover{color:#999}.hero .section__wrapper .hero__title h1{font-size:clamp(2rem,21vw,9rem)}@media (orientation:landscape){.hero .section__wrapper .hero__title h1{font-size:clamp(2rem,21vw,6rem)}}.canvas{height:max(100vh,30em);height:max(100dvh,30em);left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}.canvas canvas{height:max(100vh,30em);width:100vw!important}.canvas img{bottom:0;display:none;height:100%;mix-blend-mode:multiply;object-fit:cover;position:absolute;width:100%}.projects{background-color:#fff;position:relative;z-index:2}.projects .section__wrapper{display:grid;grid-template-columns:1fr 1fr;margin-inline:auto;max-width:max(50em,100% - 12rem);padding-block:16rem}.projects .section__wrapper .projects__title,.projects .section__wrapper .projects__years{border-bottom:1px solid #2f2f2f;padding-block:0 1.5rem}.projects .section__wrapper .projects__years{text-align:right}.projects .section__wrapper .projects__wrapper{display:flex;flex-direction:column;grid-column:span 2;padding-top:4.5rem}.projects .section__wrapper .projects__wrapper a{color:#2f2f2f;position:relative}.projects .section__wrapper .projects__wrapper a article{align-items:baseline;border-bottom:1px solid #2f2f2f;display:grid;gap:1rem;grid-template-columns:min-content 1fr;padding-block:1.5rem 1rem;position:relative;z-index:2}.projects .section__wrapper .projects__wrapper a article h2{overflow:hidden}.projects .section__wrapper .projects__wrapper a article h5{font-family:Inter,sans-serif}.projects .section__wrapper .projects__wrapper a:hover h2{color:#999}.projects .section__wrapper .projects__wrapper a img{filter:grayscale(0) blur(.25rem);max-width:50vw;min-width:15rem;opacity:0;pointer-events:none;position:absolute;transform:translate(-50%,-50%) scale(.9);transition:transform .25s,filter .25s}.projects .section__wrapper .projects__wrapper a:hover img{filter:grayscale(0) blur(0);opacity:1;transform:translate(-50%,-50%) scale(1)}@media(hover:none){.projects .section__wrapper .projects__wrapper a img{display:none}}.about{background-color:#f0f0f0;position:relative;z-index:2}.about .section__wrapper{display:grid;grid-template-areas:"abouttitle abouttitle" ". aboutimg" "description description" "socialcontainer socialcontainer";padding-block:4.5rem}.about .section__wrapper picture{background-color:#fff;display:grid;grid-area:aboutimg;margin-bottom:1.5rem;place-items:center}.about .section__wrapper picture img{height:unset;min-height:unset}.about .section__wrapper .about__title{grid-area:abouttitle;padding-bottom:1.25rem}.about .section__wrapper .about__title h5{margin-bottom:.75rem}.about .section__wrapper .social__arrow{display:none;grid-area:arrow}.about .section__wrapper .about__section-title{grid-area:sectiontitle}.about .section__wrapper .about__description{grid-area:description;padding-block:0 2rem}.about .section__wrapper .about__description h4{margin-bottom:.75rem}.about .section__wrapper .about__social-container{display:flex;flex-direction:column;grid-area:socialcontainer}@media (min-width:50rem){section .section__wrapper{padding-inline:3rem}.hero{max-height:max(100vh,30rem);max-height:max(100dvh,30rem)}.hero .section__wrapper{background-color:unset;height:100%}.hero .section__wrapper .hero__cl1{padding:0 .5vw}.hero .section__wrapper .hero__footer a{font-family:Inter,sans-serif}.hero .section__wrapper .hero__footer a:hover{color:#999}.hero .section__wrapper .hero__title h1{font-size:clamp(2rem,13vw,12rem)}.canvas img{bottom:0;left:0;object-fit:cover;position:absolute}.projects .section__wrapper{display:grid}.projects .section__wrapper .projects__title{text-align:left}.projects .section__wrapper .projects__wrapper{display:flex;flex-direction:column;padding-top:max(4rem,9vh)}.about .section__wrapper{gap:3rem;grid-template-areas:"aboutimg aboutimg abouttitle  abouttitle" "aboutimg aboutimg description description " "aboutimg aboutimg socialcontainer socialcontainer";grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:auto auto min-content}.about .section__wrapper .about__description{align-self:end;padding-bottom:0}.about .section__wrapper .about__title-section{align-self:start;justify-self:end}.about .section__wrapper .about__social-container{align-self:end;padding-block:0}.about .section__wrapper picture{height:100%;width:100%}.about .section__wrapper picture img{height:100%;margin-bottom:0;max-height:50vw;max-height:100%;max-width:35rem;object-fit:cover;object-position:top;width:100%}}@media (min-width:80rem){.about .section__wrapper{grid-template-areas:" aboutimg aboutimg aboutimg abouttitle abouttitle abouttitle" " aboutimg aboutimg aboutimg . description description" " aboutimg aboutimg aboutimg socialcontainer . .";grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}.about .section__wrapper .social__arrow{align-self:end;max-height:6vw}}@media (prefers-reduced-motion:reduce){.canvas{mix-blend-mode:multiply}.canvas canvas{display:none}.canvas img{display:block}}.project-footer{align-content:stretch;align-items:end;background-color:#2f2f2f;color:#fff;display:grid;gap:1.5rem;grid-template-areas:"next" "social";height:max(100vh - 3.5rem,40em);overflow:hidden;padding:1.5rem;position:relative;width:100%}.project-footer .next-project{grid-area:next;z-index:1}.project-footer .next-project a{color:#fff}.project-footer .next-project a:hover{color:#999}.project-footer .link-social{grid-area:social;z-index:1}.project-footer picture{filter:grayscale(1) brightness(.5);height:100%;left:0;position:absolute;top:0;transition:all .6s ease-out;width:100%}.project-footer picture.next-hover{filter:grayscale(0) brightness(1)}.project-footer picture.next-hover img{transform:scale(1)}.project-footer picture img{height:100%;object-fit:cover;transform:scale(1.1);transition:all .3s ease-out;width:100%}.project-footer small{padding-bottom:.75rem}@media (min-width:50em){.project-footer{grid-template-areas:". . next" "social . .";grid-template-columns:1fr 1fr 1fr;padding:3rem}}section .section__wrapper.project{display:flex;flex-direction:column;justify-content:flex-end;min-height:max(40vh,20em);padding-block:7rem 2rem}section .section__wrapper.project .project__hero-title h1{border-bottom:1px solid #2f2f2f;margin-left:-.3%;padding-bottom:1.25rem}section .section__wrapper.project .project__hero-description{display:grid;grid-template-areas:"projectyear projecttype" "projectarea projectarea";grid-template-columns:min-content 1fr;margin-block:1.25rem 1.5rem}section .section__wrapper.project .project__hero-description .project-type{grid-area:projecttype}section .section__wrapper.project .project__hero-description .project-type h5{padding-bottom:.25rem}section .section__wrapper.project .project__hero-description .project-years{grid-area:projectyear}section .section__wrapper.project .project__hero-description .project-years h5{padding-bottom:.25rem}section .section__wrapper.project .project__hero-description .project-area{grid-area:projectarea}section .section__wrapper.project .project__hero-description .project-area h4{font-family:Inter,sans-serif;font-weight:500}section .section__wrapper.feature{display:grid;gap:2rem;grid-template-areas:"description" "coworker" "canvas" "link";grid-template-columns:1fr;padding-block:4rem}section .section__wrapper.feature small{padding-bottom:.25rem}section .section__wrapper.feature .feature__canvas{background-color:#f0f0f0;grid-area:canvas;height:calc(100vw - 3rem)!important;width:calc(100vw - 3rem)!important}section .section__wrapper.feature .feature__canvas canvas{background-color:#f0f0f0;height:100%!important;width:100%!important}section .section__wrapper.feature .feature__canvas img{display:none;height:100%!important;object-fit:contain;width:100%!important}@media(prefers-reduced-motion:reduce){section .section__wrapper.feature .feature__canvas canvas{display:none}section .section__wrapper.feature .feature__canvas img{display:block}}section .section__wrapper.feature .feature__coworker{grid-area:coworker}section .section__wrapper.feature .feature__coworker .coworkers-social{display:flex;flex-flow:column nowrap}section .section__wrapper.feature .feature__coworker .coworkers-social a{font-family:Inter,sans-serif;font-size:1rem;font-weight:500;letter-spacing:0;padding-block:.125rem;text-transform:unset}section .section__wrapper.feature .feature__coworker:empty{display:none}section .section__wrapper.feature .feature__description{display:flex;flex-flow:column nowrap;gap:2rem;grid-area:description;justify-content:flex-end}section .section__wrapper.feature .feature__description .feature__text h4{font-family:Inter,sans-serif;font-size:clamp(1.25rem,3vw,2rem);font-weight:500;text-transform:unset}section .section__wrapper.feature .feature__description .feature__text h4 span{display:block;font-weight:300;padding-top:.75rem}section .section__wrapper.feature .feature__description .feature__details h4{font-family:Inter,sans-serif;font-weight:500;text-transform:unset}section .section__wrapper.feature .feature__link{align-self:end;grid-area:link}section .section__wrapper .section__even-column .text-container{margin-block:3rem}section .section__wrapper .section__even-column .text-container .text-project{display:grid;gap:1rem}section .section__wrapper .section__even-column .text-container .text-project .project-description{border-bottom:1px solid #2f2f2f;padding-bottom:3rem}section .section__wrapper .section__even-column .text-container .text-project .project-description h4{font-family:Inter,sans-serif;font-size:clamp(1.25rem,5vw,1.75rem);font-weight:500;max-width:40ch;text-transform:unset}section .section__wrapper .section__even-column .text-container .text-project .project-description h4 span{display:block;font-weight:300;margin-top:1rem}section .section__wrapper .section__even-column .text-container .text-project .project-feature{align-items:center;border-bottom:1px solid #2f2f2f;display:grid;grid-template-columns:8rem 1fr;padding-bottom:1rem}section .section__wrapper .section__even-column .text-container .text-project .project-feature h5{font-weight:500}section .section__wrapper .section__even-column .text-container .text-project a{margin-block:1.5rem 0}section.full-width{min-height:unset}section.full-width .section__wrapper{padding:0}section.full-width .section__wrapper .section__even-column{height:100vw;height:100dvw}section.full-width .section__wrapper .section__even-column picture img{height:100%;min-height:unset;object-fit:cover}section picture img{height:100vh;height:100dvh;min-height:37.5em;object-fit:cover;width:100vw}section.error{align-content:center;background-color:#f0f0f0;gap:1.5rem;height:100%;justify-items:center;min-height:unset;padding:4.5rem 2rem}@media (orientation:landscape){section .section__wrapper.project-hero .project-section__preview{grid-template-columns:1fr max-content}section .section__wrapper.project-hero .project-section__preview .project-canvas{grid-column:2}section .section__wrapper.project-hero .project-section__preview .project-canvas .canvas__project,section .section__wrapper.project-hero .project-section__preview .project-canvas img{height:min(50vw - 3rem,40em)!important;width:min(50vw - 3rem,40em)!important}section .section__wrapper.project-hero .project-section__preview .project-description{align-items:flex-start;border-block:1px solid #2f2f2f;display:flex;flex-flow:column nowrap;grid-column:1;grid-row:1;height:100%;justify-content:flex-end;padding-block:1rem}section.full-width{min-height:unset}section.full-width .section__wrapper{display:grid;grid-template-columns:1fr 1fr;padding:0}section.full-width .section__wrapper .section__even-column{height:100vh;height:100dvh;width:50vw;width:50dvw}section.full-width .section__wrapper .section__even-column img,section.full-width .section__wrapper .section__even-column picture img{height:100vh;min-height:unset;object-fit:cover}}@media (min-width:40em){section .section__wrapper.project .project__hero-description{align-items:center;display:grid;grid-template-areas:"projectyear projecttype projectarea";grid-template-columns:min-content 1fr 1fr;margin-block:1.25rem 1.5rem}section .section__wrapper.project .project__hero-description .project-type h5,section .section__wrapper.project .project__hero-description .project-years h5{padding-bottom:0}section .section__wrapper.feature{grid-template-areas:"coworker description" "link canvas";grid-template-columns:min-content 1fr}section .section__wrapper.feature .feature__canvas{grid-area:canvas;height:50vw!important;width:unset!important}}@media (min-width:80em){section .section__wrapper.project .project__hero-description{display:grid;grid-template-areas:"projectyear . projecttype projectarea";grid-template-columns:1fr 1fr 1fr;margin-block:1.25rem 1.5rem}section .section__wrapper.feature{gap:0;grid-template-areas:"canvas coworker description" "canvas link link";grid-template-columns:50vw min-content 1fr;grid-template-rows:1fr min-content;padding:4rem 3rem 4rem 1.5rem}section .section__wrapper.feature .feature__canvas{grid-area:canvas;height:50vw!important;margin:1.5rem 3rem 1.5rem 1.5rem;width:unset!important}section .section__wrapper.feature .feature__coworker:not(:empty){padding-block:1.5rem;padding-right:3rem}section .section__wrapper.feature .feature__description{padding:1.5rem 0 3rem}section .section__wrapper.feature .feature__link:not(:empty){border-top:1px solid #2f2f2f;padding-block:1.5rem}}.webgl-kitaly{left:0;position:fixed;top:0;z-index:-1}.kitaly-logo,.kitaly-translation{display:grid;height:100%;place-items:center}.kitaly-logo svg,.kitaly-translation svg{margin-top:6%;max-width:clamp(150px,40%,300px)}#kitaly-animation{fill:#e7236d;animation:k-turn 5s ease infinite;transform-origin:50%}@keyframes k-turn{10%{fill:#e7236d;transform:rotateY(0deg)}30%{fill:#fff;transform:rotateY(180deg)}50%{fill:#fff;transform:rotateY(180deg)}70%{fill:#e7236d;transform:rotateY(0deg)}}.translation-carousel{display:none;object-position:top}@media (orientation:landscape){.translation-carousel{object-position:top left}.kitaly-wireframe img,.our-tears__details img{object-position:center left}}.video{background-color:#2f2f2f;display:grid;padding:clamp(4.5rem,8vw,16vw) 1.5rem;place-items:center}.video video{max-width:1920px;width:min(50em,100%)}@media (min-width:50em){.video video{width:clamp(50em,60%,1920px)}}.pack-story{display:grid}.pack-story .section__even-column:first-child{grid-row:2}.pack-story .section__even-column:nth-child(2){grid-row:1}.our-tears__black{background-color:#2f2f2f}.our-tears__concept img{overflow-x:visible}@media (orientation:landscape){.pack-story .section__even-column:first-child,.pack-story .section__even-column:nth-child(2){grid-row:unset}}.ggg_elements img{object-position:bottom}noscript{align-items:center;color:#fff;display:flex;height:100vh;justify-content:center;left:0;padding:2rem;position:fixed;text-align:center;top:0;width:100vw;z-index:200}.splitting .char,.splitting .word{display:inline-block}.splitting .char{position:relative}.splitting .char:after,.splitting .char:before{content:attr(data-char);left:0;position:absolute;top:0;transition:inherit;user-select:none;visibility:hidden}.splitting{--word-center:calc((var(--word-total) - 1)/2);--char-center:calc((var(--char-total) - 1)/2);--line-center:calc((var(--line-total) - 1)/2)}.splitting .word{--word-percent:calc(var(--word-index)/var(--word-total));--line-percent:calc(var(--line-index)/var(--line-total))}.splitting .char{--char-percent:calc(var(--char-index)/var(--char-total));--char-offset:calc(var(--char-index) - var(--char-center));--distance:calc((var(--char-offset)*var(--char-offset))/var(--char-center));--distance-sine:calc(var(--char-offset)/var(--char-center));--distance-percent:(var(--distance)/var(--char-center))}.splitting.cells img{display:block;width:100%}@supports (display:grid){.splitting.cells{background-size:cover;overflow:hidden;position:relative;visibility:hidden}.splitting .cell-grid{background:inherit;display:grid;grid-template:repeat(var(--row-total),1fr) /repeat(var(--col-total),1fr);height:100%;left:0;position:absolute;top:0;width:100%}.splitting .cell{background:inherit;overflow:hidden;position:relative}.splitting .cell-inner{background:inherit;height:calc(100%*var(--row-total));left:calc(-100%*var(--col-index));position:absolute;top:calc(-100%*var(--row-index));visibility:visible;width:calc(100%*var(--col-total))}.splitting .cell{--center-x:calc((var(--col-total) - 1)/2);--center-y:calc((var(--row-total) - 1)/2);--offset-x:calc(var(--col-index) - var(--center-x));--offset-y:calc(var(--row-index) - var(--center-y));--distance-x:calc((var(--offset-x)*var(--offset-x))/var(--center-x));--distance-y:calc((var(--offset-y)*var(--offset-y))/var(--center-y))}}