@font-face{font-family:sohne;src:url(../fonts/sohne-buch.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:sohne;src:url(../fonts/sohne-halbfett.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}*{box-sizing:border-box;font:inherit;margin:0;padding:0}li,ul{list-style:none}button,input,select,textarea{color:inherit;background:0 0;border:0;outline:0;display:block}input,select,textarea{appearance:none;border-radius:0}button:focus,input:focus,textarea:focus{outline:0}.ab-mode,.ca-play-prg,.footer-mode,.ho-play-icon,.sr-play-prg,.wo-mode,a,button:hover,input[type=submit]:hover{cursor:pointer}textarea{overflow:auto}button{letter-spacing:inherit}a,label{display:block}a{color:inherit;text-decoration:none}i{font-style:italic}.base-img>img,.base-vid video,.wo-content-teaser,img{-o-object-fit:cover;object-fit:cover}canvas,img,picture,svg,video{width:100%;height:100%;display:block}.tp-dfwv{display:none;z-index:99999!important;position:fixed!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}:is(body:has(main.lenis),html:has(main.lenis)){-webkit-user-select:none;user-select:none;pointer-events:none;position:fixed;top:0;overflow:hidden}body:has(main.lenis){width:100%;height:var(--vh);overscroll-behavior:none;left:0}body:has(main.lenis) main{width:100%;height:var(--vh);overscroll-behavior:none;left:0}html:has(main.lenis){width:100%;height:var(--vh);overscroll-behavior:none;left:0}html:has(main.lenis) main{width:100%;height:var(--vh);overscroll-behavior:none;left:0}main.lenis{pointer-events:all;scrollbar-width:none;-ms-overflow-style:none;-webkit-user-select:none;user-select:none;position:relative;right:0;overflow:hidden scroll}main.lenis::-webkit-scrollbar{display:none}main.lenis::-webkit-scrollbar-button{display:none}.mo-c{display:flex}.c_,.l_,.w_{display:block;overflow:hidden}.c,.l,.w{white-space:nowrap;will-change:transform,opacity;opacity:0;display:block;transform:translateY(110%)}.mo-a{opacity:0;will-change:opacity}.mo-x{width:100%;height:1px;overflow:hidden}.mo-x>div{background:var(--cl-main-0);will-change:transform;width:100%;height:100%;transform:translate(-110%)}.mo-y{width:1px;height:100%;overflow:hidden}.mo-y>div{will-change:transform;width:100%;height:100%;transform:translateY(110%)}#bg,.ab-menu-bg,.base-img>div,.bg:after,.ca-background,.ca-info,.ca-info-sail,.ca-play-prg-bar>div,.ca-vid,.ho-background,.ho-menu-bg,.ho-play-cir,.ho-vid,.sr-background,.sr-play-prg-bar>div,.sr-vid,.wo-menu-bg{width:100%;height:100%;position:absolute;top:0;left:0}#overlay,.grid,.lo-bg{width:100%;height:100%;position:fixed;top:0;left:0}.ca-play-fs,.ca-play-icon,.ca-play-so,.footer-mob .footer-socials>a,.grid,.lo,.sr-play-fs,.sr-play-icon,.sr-play-so{justify-content:center;align-items:center;display:flex}.ho-ctr{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.footer-mob .footer-legal,body{font-size:1.2rem}.ab-drop-block p,.footer-mob .footer-legal,.wo-content-info,body{letter-spacing:.01rem;font-family:sohne;font-weight:600;line-height:1.15}.ab-drop-block p,.wo-content-info{font-size:1.6rem}.ab-contact-title,.ab-drop-head-num{letter-spacing:-.02rem;font-family:sohne;font-size:2.2rem;font-weight:400;line-height:1.15}.ab-contact-link,.ab-contact-time,.ab-drop-btn,.ab-studio>.ab-sec-r p,.ab-team-name{letter-spacing:-.02rem;font-family:sohne;font-size:2.8rem;font-weight:400;line-height:1.15}.ca-info-b,.er-content{letter-spacing:-.05rem;font-family:sohne;font-size:9.6rem;font-weight:600;line-height:1.15}:root{--vw:1vw;--vh:1vh;--cl-main-0:#000;--cl-main-1:#939393;--cl-main-2:#e3e3e3;--cl-lazy:#e6e6e6;--cl-bg:#fff;--cl-bg-menu:#ffffffe6;--col-l:12;--gutter:1.5rem;--margin-y:3rem;--margin-x:3rem;--area:calc(100vw - var(--margin-x) * 2);--col:calc((var(--area) - var(--gutter) * (-1 + var(--col-l))) / var(--col-l))}body,html{touch-action:none;overscroll-behavior:none;background:#000;width:100%;height:100%}html{-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;scrollbar-width:none;-ms-overflow-style:none;-webkit-user-select:none;user-select:none;font-family:sohne;font-size:.694444vw}html::-webkit-scrollbar{display:none}html::-webkit-scrollbar-button{display:none}@media only screen and (max-width:600px){:root{--col-l:4;--margin-y:3rem;--margin-x:3rem}html{font-size:2.22222vw}}@media only screen and (min-width:1441px){html{font-size:.645161vw}}@media only screen and (min-width:1920px){html{font-size:12.4px}}main{width:100%;height:100%;color:var(--cl-main-0);overflow:clip}main[data-bg=l]{--cl-main-0:#000;--cl-main-1:#939393;--cl-main-2:#e3e3e3;--cl-lazy:#e6e6e6;--cl-bg:#fff;--cl-bg-menu:#fffffff7}main[data-bg=d]{--cl-main-0:#fff;--cl-main-1:#858585;--cl-main-2:#191919;--cl-lazy:#101010;--cl-bg:#000;--cl-bg-menu:#000000f0}#overlay{pointer-events:none;z-index:2;background:#000000b3;height:100dvh}#bg,#overlay{will-change:opacity;opacity:0}#bg{background-color:var(--cl-main-0)}.page{background:var(--cl-bg);height:auto;min-height:100svh;position:relative}#s{width:0;height:0;position:absolute}.bg:after,.op{will-change:opacity}.op,.op.off{opacity:0}.op.on{opacity:1}.op-2{transition:opacity .2s cubic-bezier(.45,0,.55,1)}.op-3{transition:opacity .3s cubic-bezier(.45,0,.55,1)}.op-10{transition:opacity 1s cubic-bezier(.45,0,.55,1)}.ho{transition:opacity .3s cubic-bezier(.5,1,.89,1)}.ho:hover{opacity:.5}.sp-h{white-space:nowrap;height:2rem;display:block}@media only screen and (max-width:600px){.sp-h{height:1rem}}.bg:after{content:"";opacity:0;background:#000c}.bg-loading .base-image,.bg-loading .base-video{position:relative}.bg-loading .base-image:before,.bg-loading .base-video:before{content:"";background-color:var(--cl-lazy);transition:opacity 1s cubic-bezier(.45,0,.55,1);position:absolute;inset:0}.bg-loading .base-image--loaded:before,.bg-loading .base-video--loaded:before{opacity:0}[data-layer=top]{z-index:20;position:relative}.page-leave-active{transition:transform .98s cubic-bezier(.641,.16,.1,1);position:relative}.page-leave-to{will-change:transform;transform:translateY(-20rem)}.page-enter-active{z-index:3;width:100%;transition:clip-path 1s cubic-bezier(.641,.16,.1,1);position:fixed;inset:0}.page-enter-from{clip-path:inset(100% 0 0);will-change:clip-path}.page-enter-to{clip-path:inset(0);will-change:clip-path}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.grid{opacity:.25;pointer-events:none;z-index:9999}.grid-wrap{gap:var(--gutter);width:100%;height:100%;padding:0 var(--margin-x);display:flex}.grid-wrap:after,.grid-wrap:before{content:"";width:100%;height:var(--margin-y);opacity:.6;z-index:2;background-color:#00f;position:absolute;left:0}.grid-wrap:before{top:0}.grid-wrap:after{bottom:0}.grid-wrap div{background:red;height:100%}.base-img,.grid-wrap div{width:100%;position:relative}.base-img{pointer-events:none;height:auto;overflow:hidden}.base-img>img{transition:filter .35s cubic-bezier(.33,1,.68,1)}.base-img>div{background-color:var(--cl-lazy);will-change:opacity}.base-img--para{position:relative}.base-img--para img{will-change:transform;width:100%;height:calc(100% + 10rem);position:absolute;top:-5rem;left:0}.base-vid{background-color:var(--cl-lazy);width:100%;height:100%;overflow:hidden}.base-vid video{pointer-events:none;will-change:opacity}.base-vid--error{background-color:var(--cl-lazy)}.logo-inner{aspect-ratio:682/137;width:100%;position:relative}.logo-letter{perspective:1000px;height:100%;position:absolute;top:0;overflow:hidden}.logo-letter svg{will-change:transform;transform:translateY(110%)}.lo{z-index:9998;width:100%;height:100%;position:fixed;top:0;left:0}.lo[data-theme=d]{--cl-bg:#000;--cl-main-0:#fff}.lo[data-theme=l]{--cl-bg:#fff;--cl-main-0:#000}.lo-bg{background:var(--cl-bg);will-change:opacity;pointer-events:none}.lo-logo{width:calc(var(--col) * 6 + var(--gutter) * 5);fill:var(--cl-main-0);z-index:2}.lo-logo-content{opacity:0;width:100%}.lo-prg{width:100%;height:.3rem;position:absolute;top:0;left:0;overflow:hidden}.lo-prg>div{background:var(--cl-main-0);will-change:transform;width:100%;height:100%;transform:translate(-101%)}@media only screen and (max-width:600px){.grid-wrap div:nth-child(n+5){display:none}.lo-logo{width:35rem}}.footer{padding-top:17rem;padding-bottom:calc(-.3rem + var(--margin-y));margin-left:var(--margin-x);margin-right:var(--margin-x);text-transform:uppercase;position:relative}.footer-desk{display:block}.footer-mob{display:none}@media only screen and (max-width:600px){.footer{padding-top:12rem}.footer-desk{display:none}.footer-mob{flex-direction:column;display:flex}}.footer-top{width:100%;height:max-content;position:relative}.footer-logo{width:100%;fill:var(--cl-main-2);pointer-events:none}.footer-list{align-items:center;line-height:1.2em;display:flex;position:absolute;top:50%;left:0;transform:translateY(-50%)}.footer-li:first-child,.footer-li:nth-child(2){width:calc(var(--col) * 4 + var(--gutter) * 4)}.footer-li:nth-child(3){width:calc(var(--col) * 2 + var(--gutter) * 2)}.footer-li>a{pointer-events:all;display:table}.footer-bottom{margin-top:4rem;display:flex}.footer-bottom .l{width:min-content}.footer-copy,.footer-credit{width:calc(var(--col) * 3 + var(--gutter) * 3)}.footer-credit>a{margin-top:-.4rem;margin-left:-.9rem;padding:.4rem .9rem;display:table}.footer-nav{width:calc(var(--col) * 5 + var(--gutter) * 5)}.footer-nav-list{display:flex}.footer-nav-item{width:calc(var(--col) * 2 + var(--gutter) * 2)}.footer-nav-item a,.footer-nav-item>a{color:var(--cl-main-1);will-change:color;transition:color .35s cubic-bezier(.33,1,.68,1)}.footer-nav-item>a{margin-top:-.4rem;margin-left:-.9rem;padding:.4rem .9rem;display:inline-flex}.footer-nav-item>a:not(.router-link-active):hover{color:var(--cl-main-0)}.footer-nav-item>a.router-link-active{color:var(--cl-main-0);pointer-events:none}.footer-nav-item>a>div:first-child{margin-right:1rem}.footer-mode{text-transform:uppercase;pointer-events:all;align-items:center;margin-top:-.4rem;margin-left:-.9rem;padding:.4rem .9rem;display:flex}.footer-mode>span:first-child{margin-right:1rem;display:block;transform:translateY(-.05rem)}.footer-mode>span:first-child svg{width:1.4rem;height:1.4rem}.footer-mode circle:first-child{fill:none;stroke:var(--cl-main-0)}.footer-mode circle:last-child{fill:var(--cl-main-0)}.footer-mob .footer-socials{justify-content:flex-end;align-items:center;gap:1.35rem;width:100%;margin-left:.45rem;display:flex}.footer-mob .footer-socials>a{width:3.2rem;height:3.2rem}.footer-mob .footer-socials svg{width:100%;height:100%;fill:var(--cl-main-0)}.footer-mob .footer-brand{width:100%;fill:var(--cl-main-0);pointer-events:none;margin-top:.9rem}.footer-mob .footer-legal{color:var(--cl-main-0);justify-content:space-between;align-items:center;margin-top:1.5rem;line-height:1.2;display:flex}.footer-mob .footer-copy,.footer-mob .footer-credit{width:auto}.footer-mob .footer-credit>a{color:inherit;margin:0;padding:0;display:inline}#home{color:#fff;background-color:#000;height:100svh}#home,.ho-vid{overflow:hidden}.ho-background,.ho-gradient,.ho-socials div,.ho-toggle button>span,.ho-vid{pointer-events:none}.ho-vid .base-vid{background-color:#0000}.ho-gradient{background:linear-gradient(#0000,#000);width:100%;height:30%;position:absolute;bottom:0;left:0}.ho-background{background:#0000004d}.ho-ctr{color:#fff}.ho-logo{aspect-ratio:682/137;width:calc(var(--col) * 6 + var(--gutter) * 5);fill:#fff;display:flex}.ho-copy{text-align:center;text-transform:uppercase;margin-top:2rem;margin-left:auto;margin-right:auto;display:table}.ho-copy>div:last-child{margin-top:.2rem}.ho-play{top:var(--margin-y);left:var(--margin-x);align-items:center;display:flex;position:absolute}.ho-play:hover .ho-play-cir>svg{opacity:.6}.ho-header,.ho-play-btn{align-items:center;display:flex}.ho-play-icon{width:3.6rem;height:3.6rem;margin-right:1.2rem;position:relative}.ho-play-path{fill:#fff}.ho-play-cir>svg{fill:none;stroke:#fff;will-change:opacity;transition:opacity .35s cubic-bezier(.33,1,.68,1)}.ab-back,.ab-menu-copy,.ab-mode,.ab-nav-list,.ab-sec-l,.ab-toggle button,.ho-nav-item>a,.ho-play-info,.ho-toggle button,.wo-back,.wo-menu-copy,.wo-mode,.wo-nav,.wo-nav-list,.wo-toggle button{text-transform:uppercase}.ho-play-info>div,.wo-back a,.wo-content-time,.wo-title{white-space:nowrap}.ho-header{bottom:calc(-.5rem + var(--margin-y));left:var(--margin-x);right:var(--margin-x);z-index:9995;position:absolute}.ho-header a{will-change:color;transition:color .35s cubic-bezier(.33,1,.68,1)}.ho-header a:not(.router-link-active):hover{color:var(--cl-main-1)}.ho-header .l{width:min-content}.ho-socials{width:calc(var(--col) * 7 + var(--gutter) * 7);display:flex}.ho-socials>a:first-child{margin-right:1.5rem}.ho-socials div{width:2.3rem;height:2.3rem;overflow:hidden}.ho-socials svg{fill:#fff;will-change:transform;transition:fill .35s cubic-bezier(.33,1,.68,1);transform:translateY(110%)}.ho-socials a:hover svg{fill:var(--cl-main-1)}.ho-toggle{width:calc(.3rem + var(--col) * 3 + var(--gutter) * 3);z-index:2;display:none}.ho-toggle button{padding:var(--margin-y) var(--margin-x);pointer-events:all}.ho-nav{display:flex}.ho-nav-item{width:calc(var(--col) * 2 + var(--gutter) * 2)}.ho-nav-item>a{margin-left:-.9rem;padding:.4rem .9rem;display:inline-flex}.ho-menu-bg,.ho-menu-li>a.router-link-active,.ho-nav-item>a.router-link-active,.wo-header{pointer-events:none}.ho-nav-item>a>div:first-child{margin-right:1rem}.ho-menu{display:none;position:fixed;inset:0}.ho-menu-bg{background:#000000e6}.ho-menu-bottom{bottom:calc(4rem + var(--margin-y));left:var(--margin-x);right:var(--margin-x);color:#fff;position:absolute}.ho-menu-link{letter-spacing:-.04rem;font-family:sohne;font-size:4rem;font-weight:600;line-height:1.15}.ho-menu-li:not(:first-child){margin-top:.7rem}.ho-menu-li>a{display:inline-flex}.ho-menu-li>a>div:first-child{width:calc(var(--col))}@media only screen and (max-width:600px){.ho-logo{width:35rem}.ho-play-icon{width:2.8rem;height:2.8rem;margin-right:1rem}.ho-play-path{position:absolute;inset:0}.ho-play-path>svg{transform:translate(-3.28%)}.ho-play-info{line-height:1.1em}.ho-header{flex-direction:row-reverse;justify-content:flex-end;bottom:0;left:0;right:0}.ho-nav{display:none}.ho-menu,.ho-toggle{display:block}.ho-socials{width:auto;margin-left:0}.ho-socials>a{padding:1.4rem}.ho-socials>a:first-child{margin-right:0}.ho-socials>a:last-child{margin-left:-1.4rem}.ho-socials div{width:2.6rem;height:2.6rem}}.wo-header{top:calc(-.1rem + var(--margin-y));left:var(--margin-x);right:var(--margin-x);z-index:9995;align-items:center;display:flex;position:absolute}.wo-header a{color:var(--cl-main-0);transition:color .35s cubic-bezier(.33,1,.68,1)}.wo-header a:not(.router-link-active):hover{color:var(--cl-main-1)}.wo-header a.router-link-active{color:var(--cl-main-1);pointer-events:none}.wo-header .l{width:min-content}.wo-back{width:calc(var(--col) * 6 + var(--gutter) * 6);pointer-events:none}.wo-back>div{pointer-events:all;height:1.32rem;margin-top:-.4rem;margin-left:-.9rem;padding:.4rem .9rem;display:table;position:relative;overflow:hidden}.wo-back a{will-change:transform;pointer-events:all;height:100%;position:absolute;top:.2rem;left:.9rem;transform:translateY(100%)}.wo-toggle{width:calc(var(--col) * 3 + var(--gutter) * 3);display:none}.wo-toggle button{padding:var(--margin-y) var(--margin-x);pointer-events:all}.wo-toggle button>span{pointer-events:none}.wo-nav{width:calc(var(--col) * 5 + var(--gutter) * 5)}.wo-nav,.wo-nav-list{display:flex}.wo-nav-list{pointer-events:all;width:100%}.wo-nav-item{width:calc(var(--col) * 2 + var(--gutter) * 2)}.wo-nav-item>a{margin-top:-.4rem;margin-left:-.9rem;padding:.4rem .9rem;display:inline-flex}.wo-nav-item>a.router-link-active{pointer-events:none}.wo-nav-item>a>div:first-child{margin-right:1rem}.wo-mode{pointer-events:all;align-items:center;margin-top:-.4rem;margin-left:-.9rem;padding:.4rem .9rem;display:flex}.wo-mode>span:first-child{margin-right:1rem;display:block;transform:translateY(-.045rem)}.wo-mode>span:first-child svg{width:1.4rem;height:1.4rem}.wo-mode circle:first-child{fill:none;stroke:var(--cl-main-0)}.wo-mode circle:last-child{fill:var(--cl-main-0)}.wo-menu{z-index:-1;width:100%;height:100dvh;display:none;position:fixed;top:0;left:0}.wo-menu-bg{background:var(--cl-bg-menu);pointer-events:none}.wo-menu-bottom{bottom:calc(-.3rem + var(--margin-y));left:var(--margin-x);right:var(--margin-x);position:absolute}.wo-menu-link{letter-spacing:-.04rem;font-family:sohne;font-size:4rem;font-weight:600;line-height:1.15}.wo-menu-li:not(:first-child){margin-top:.4rem}.wo-menu-li>a{display:inline-flex}.ab-header,.wo-content-icon,.wo-content-teaser,.wo-menu-li>a.router-link-active{pointer-events:none}.wo-menu-li>a>div:first-child{width:calc(var(--col))}.wo-menu-copy{margin-top:4rem;font-size:.8rem;display:flex}.wo-menu-copy>div:first-child{width:calc(var(--col) + var(--gutter))}.wo-title{clip-path:inset(50%);width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.wo-content{padding-top:11rem;padding-inline:calc(var(--col) + var(--margin-x))}.wo-content-list{flex-wrap:wrap;justify-content:space-between;gap:7rem 3.6rem;width:100%;display:flex}.wo-content-li{width:36rem}.wo-content-li-wrap,.wo-content-link{position:relative}.wo-content-link{display:block}@media (hover:hover) and (pointer:fine){.wo-content-link:is(a):hover .wo-content-num{color:var(--cl-main-0)}}.wo-content-media{aspect-ratio:16/9;background:var(--cl-lazy);position:relative;overflow:hidden}.wo-content-media .base-img{height:100%}#about .c,#about .l,#about .mo-a,#about .w,.wo-content-media .base-img>div{will-change:auto}.wo-content-info{grid-template-columns:minmax(24px,calc(var(--col) / 1.5)) minmax(0,1fr);margin-top:1.5rem;font-size:calc(max(14px,1.6rem));font-weight:600;display:grid;position:relative}.wo-content-txt{overflow-wrap:anywhere;min-width:0}.wo-content-num{color:var(--cl-main-1);transition:color .35s cubic-bezier(.33,1,.68,1)}.wo-content-teaser{width:100%;height:100%;position:absolute;inset:0}.wo-image-reveal{height:100%;position:relative}.wo-content-time{grid-column:2;justify-self:start;margin-top:.15rem;position:relative}.wo-content-time-line{position:absolute;bottom:0;left:0}.wo-content-icon{width:calc(max(20px,2rem));height:calc(max(20px,2rem));position:absolute;top:1.4rem;left:1.4rem}.wo-content-icon circle{fill:#000c}.wo-content-icon path{fill:#fff}.wo-empty{text-align:center;padding-block:8rem;font-size:calc(max(16px,1.6rem))}@media only screen and (min-width:601px) and (max-width:1024px){.wo-content-list{width:100%}}@media only screen and (max-width:600px){.wo-header{position:absolute;top:0;left:0;right:0}.wo-back,.wo-nav{display:none}.wo-menu,.wo-toggle{display:block}.wo-mode{padding:var(--margin-y) var(--margin-x);margin:0}.wo-mode>span:first-child{margin-right:.8rem}.wo-mode>span:first-child svg{width:1.2rem;height:1.2rem}.wo-content{padding-top:18rem;padding-inline:calc(var(--margin-x) + var(--col) / 4)}.wo-content-list{row-gap:8rem;width:100%}.wo-content-li{width:100%;min-width:0}.wo-content-info{grid-template-columns:calc(-2.5rem + var(--col) + var(--gutter)) minmax(0,1fr) max-content;-moz-column-gap:0;column-gap:0;margin-top:2rem;font-size:1.6rem}.wo-content-num{color:var(--cl-main-0)}.wo-content-txt .l{white-space:normal;overflow-wrap:anywhere}.wo-content-time{grid-area:1/3;margin-top:0;margin-bottom:auto}.wo-content-time-line{bottom:-.1rem}.wo-content-icon{width:calc(max(20px,2.5rem));height:calc(max(20px,2.5rem));top:1.5rem;left:1.5rem}}#about .base-img{isolation:isolate}#about img{filter:grayscale()brightness(.9)}.ab-header{top:calc(-.1rem + var(--margin-y));left:var(--margin-x);right:var(--margin-x);z-index:9995;align-items:center;display:flex;position:absolute}.ab-header a{color:var(--cl-main-0);transition:color .35s cubic-bezier(.33,1,.68,1)}.ab-header a:not(.router-link-active):hover{color:var(--cl-main-1)}.ab-header a.router-link-active{color:var(--cl-main-1);pointer-events:none}.ab-header .l{width:min-content}.ab-back{width:calc(var(--col) * 6 + var(--gutter) * 6);pointer-events:none}.ab-back>div{pointer-events:all;height:1.32rem;margin-top:-.4rem;margin-left:-.9rem;padding:.4rem .9rem;display:table;position:relative;overflow:hidden}.ab-back a{white-space:nowrap;will-change:transform;pointer-events:all;height:100%;position:absolute;top:.2rem;left:.9rem;transform:translateY(100%)}.ab-toggle{width:calc(var(--col) * 3 + var(--gutter) * 3);display:none}.ab-toggle button{padding:var(--margin-y) var(--margin-x);pointer-events:all}.ab-toggle button>span{pointer-events:none}.ab-nav{width:calc(var(--col) * 5 + var(--gutter) * 5);display:flex}.ab-nav-list{pointer-events:all;width:100%;display:flex}.ab-nav-item{width:calc(var(--col) * 2 + var(--gutter) * 2)}.ab-nav-item>a{margin-top:-.4rem;margin-left:-.9rem;padding:.4rem .9rem;display:inline-flex}.ab-nav-item>a.router-link-active{pointer-events:none}.ab-nav-item>a>div:first-child{margin-right:1rem}.ab-mode{pointer-events:all;align-items:center;margin-top:-.4rem;margin-left:-.9rem;padding:.4rem .9rem;display:flex}.ab-mode>span:first-child{margin-right:1rem;display:block;transform:translateY(-.045rem)}.ab-mode>span:first-child svg{width:1.4rem;height:1.4rem}.ab-mode circle:first-child{fill:none;stroke:var(--cl-main-0)}.ab-contact-link>svg,.ab-drop-head-icon,.ab-hero-logo,.ab-mode circle:last-child{fill:var(--cl-main-0)}.ab-menu{z-index:-1;width:100%;height:100dvh;display:none;position:fixed;top:0;left:0}.ab-menu-bg{background:var(--cl-bg-menu);pointer-events:none}.ab-menu-bottom{bottom:calc(-.3rem + var(--margin-y));left:var(--margin-x);right:var(--margin-x);position:absolute}.ab-menu-link{letter-spacing:-.04rem;font-family:sohne;font-size:4rem;font-weight:600;line-height:1.15}.ab-menu-li:not(:first-child){margin-top:.7rem}.ab-menu-li>a{display:inline-flex}.ab-hero-gallery,.ab-menu-li>a.router-link-active{pointer-events:none}.ab-menu-li>a>div:first-child{width:calc(var(--col))}.ab-menu-copy{margin-top:4rem;font-size:.8rem;display:flex}.ab-menu-copy>div:first-child{width:calc(var(--col) + var(--gutter))}.ab-hero{margin-left:var(--margin-x);margin-right:var(--margin-x);padding-top:8.5rem;position:relative}.ab-hero-scroll{display:none}.ab-hero-logo{width:100%;margin:0;display:flex}.ab-hero-gallery{width:100%;height:61.5vw;margin-top:6rem;position:relative}.ab-hero-gallery:not(.is-ready){visibility:hidden}.ab-hero-item{pointer-events:all;z-index:2}.ab-hero-item-1{top:0;left:calc(var(--col) * 4 + var(--gutter) * 3 + var(--col) / 2)}.ab-hero-item-1,.ab-hero-item-2,.ab-hero-item-3{width:calc(var(--col) * 5 + var(--gutter) * 4);position:absolute}.ab-hero-item-2{top:6rem;left:0}.ab-hero-item-3{top:12rem;right:0}.ab-hero-item-4{top:calc(var(--col) * 3 + var(--gutter) * 3);left:calc(var(--col) * 3 + var(--gutter) * 2 + var(--col) / 2);width:calc(var(--col) * 4 + var(--gutter) * 3);position:absolute}.ab-box{margin-left:calc(var(--col) * 4 + var(--gutter) * 4 + var(--margin-x));padding-top:16rem}.ab-box-0,.ab-box-1{width:calc(var(--col) * 6 + var(--gutter) * 5)}.ab-box-1 .ab-box-wrap{width:100%;position:relative}.ab-box-1 .ab-box-wrap>.ab-box-item-1{width:calc(var(--col) * 5 + var(--gutter) * 4)}.ab-box-1 .ab-box-wrap>.ab-box-item-2{top:8rem;left:calc(var(--col) * 3 + var(--gutter) * 3);width:calc(var(--col) * 3 + var(--gutter) * 2);position:absolute}.ab-sec{margin-left:var(--margin-x);margin-right:var(--margin-x);padding-top:18rem;display:flex}.ab-sec-l{width:calc(var(--col) * 4 + var(--gutter) * 4);position:relative}.ab-label{top:var(--margin-y);font:inherit;margin:0;padding-top:.7rem;font-size:calc(max(12px,1.2rem));display:flex;position:sticky}.ab-label>.l_:last-child{margin-left:1rem}.ab-sec-r{width:calc(var(--col) * 7 + var(--gutter) * 6)}.ab-studio{padding-top:14rem}.ab-studio>.ab-sec-r p{width:72.4rem;font-size:calc(max(18px,2.8rem));line-height:1.25em}.ab-studio>.ab-sec-r p+p{margin-top:1.5rem}.ab-team-list{flex-wrap:wrap;row-gap:5rem;display:flex}.ab-team-item{width:calc(var(--col) * 3 + var(--gutter) * 2);flex-direction:column;display:flex}.ab-team-item:nth-child(2n){margin-left:calc(var(--col) + var(--gutter) * 2)}.ab-team-name{overflow-wrap:anywhere;margin:0;font-size:calc(max(18px,2.8rem))}.ab-team-role{color:var(--cl-main-1);letter-spacing:-.02rem;width:calc(var(--col) * 2 + var(--gutter));margin-top:.8rem;padding-right:2.5rem;font-size:calc(max(14px,1.6rem));font-weight:400;line-height:1.2}.ab-skills>.ab-sec-l{padding-top:1.7rem}.ab-skills>.ab-sec-r{width:calc(var(--col) * 6 + var(--gutter) * 5)}.ab-drop-li{padding-top:1.4rem;padding-bottom:1.4rem;position:relative}.ab-drop-head{font:inherit;margin:0}.ab-drop-btn{text-align:left;width:100%;max-height:4.4rem;font-size:calc(max(18px,2.8rem));display:flex}.ab-drop-head-num{width:calc(var(--col) + var(--gutter));color:var(--cl-main-1);flex-shrink:0;display:block}.ab-drop-head-num span{position:relative;top:-.2rem}.ab-drop-head-title{flex:1;display:block}.ab-drop-head-icon{transform-origin:50%;pointer-events:none;flex-shrink:0;width:3.5rem;height:3.5rem;transition:transform .6s cubic-bezier(.19,1,.22,1);display:block}.ab-drop-inner{margin-left:calc(var(--col) + var(--gutter));pointer-events:none;position:relative}.ab-drop-block{grid-template-rows:0fr;transition:grid-template-rows .6s cubic-bezier(.19,1,.22,1);display:grid}.ab-drop-block>div{min-height:0;overflow:hidden}.ab-drop-block p{width:calc(var(--col) * 4 + var(--gutter) * 4);max-width:100%;color:var(--cl-main-1);letter-spacing:-.02rem;overflow-wrap:anywhere;padding-top:1.6rem;padding-bottom:.4rem;font-size:calc(max(15px,1.6rem));font-weight:400;line-height:1.45;position:relative}.ab-drop-li.on .ab-drop-head-icon{transform:rotate(45deg)}.ab-drop-li.on .ab-drop-block{grid-template-rows:1fr}.ab-contact{padding-bottom:10rem}.ab-contact>.ab-sec-r{flex-wrap:wrap;row-gap:7rem;display:flex}.ab-contact-block:nth-child(odd){width:calc(var(--col) * 4 + var(--gutter) * 4)}.ab-contact-link,.ab-contact-time{margin-top:1rem;font-size:calc(max(16px,2.8rem))}.ab-contact-time{display:flex;position:relative}.ab-contact-time>div:nth-child(2){text-transform:uppercase;height:max-content;margin-top:.4rem;margin-left:.5rem;font-size:1rem;font-weight:600;line-height:1}.ab-contact-time>div:last-child{pointer-events:none;flex-shrink:0;width:2.8rem;height:2.8rem;margin-top:.23rem;margin-left:1.3rem}.ab-contact-title{color:var(--cl-main-1);font-size:calc(max(12px,2.2rem))}.ab-contact-link{display:table;position:relative}.ab-contact-link>div{margin-left:3.1rem}.ab-contact-link>svg{will-change:transform;pointer-events:none;width:3.2rem;height:3.2rem;transition:transform .25s cubic-bezier(.33,1,.68,1);position:absolute;top:-.15rem;left:-.8rem;transform:translateY(16%)}@media (hover:hover){.ab-contact-link:hover svg{transform:translate(15%,3%)}.ca-play-fs:hover svg,.ca-play-icon:hover svg,.ca-play-so:hover svg{opacity:.6}}@media only screen and (max-width:600px){.ab-hero{height:100svh;padding-top:12svh;padding-bottom:var(--margin-y)}.ab-hero-scroll{bottom:var(--margin-y);text-transform:uppercase;white-space:nowrap;font-size:1.2rem;font-weight:600;line-height:1;display:block;position:absolute;left:50%;transform:translate(-50%)}.ab-hero-gallery{height:34rem;margin-top:7rem}.ab-hero-item-1{left:calc(var(--col) + var(--gutter) + var(--col) / 2)}.ab-hero-item-1,.ab-hero-item-2,.ab-hero-item-3{width:calc(var(--col) * 2 + var(--gutter))}.ab-hero-item-2{top:3rem}.ab-hero-item-3{top:7rem}.ab-hero-item-4{top:18rem;left:calc(var(--col) + var(--gutter));width:calc(var(--col) + var(--gutter) + var(--col) / 2)}.ab-header{top:0;left:0;right:0}.ab-back,.ab-nav{display:none}.ab-menu,.ab-sec,.ab-toggle{display:block}.ab-mode{padding:var(--margin-y) var(--margin-x);margin:0}.ab-mode>span:first-child{margin-right:.8rem}.ab-mode>span:first-child svg{width:1.2rem;height:1.2rem}.ab-sec{padding-top:12rem}.ab-studio{padding-top:6rem}.ab-sec-l{width:max-content;margin-right:auto;position:relative}.ab-label{padding-top:0;position:relative;top:0}.ab-sec-r{width:100%;margin-top:4rem;padding-left:0}.ab-label>.l_:first-child{width:3rem}.ab-label>.l_:last-child{margin-left:0}.ab-box{display:none}.ab-studio>.ab-sec-r p{text-align:justify;width:100%;font-size:1.7rem}.ab-studio>.ab-sec-r p+p{margin-top:1.2rem}.ab-team-item{display:table}.ab-team-item:nth-child(2n),.ab-team-item:nth-child(odd){width:calc(var(--col) * 2 + var(--gutter))}.ab-team-item:nth-child(2n){margin-left:var(--gutter)}.ab-team-name{font-size:calc(max(16px,1.8rem))}.ab-team-role{overflow-wrap:anywhere;width:100%;padding-right:0;font-size:calc(max(14px,1.6rem));line-height:1.4}.ab-skills>.ab-sec-l{padding-top:0}.ab-skills>.ab-sec-r{width:100%;margin-top:3.6rem;padding-left:0}.ab-drop-li{padding-top:.8rem;padding-bottom:.8rem}.ab-drop-btn{align-items:center;font-size:calc(max(16px,1.8rem))}.ab-drop-head-num{width:calc(-1.5rem + var(--col));font-size:calc(max(14px,1.6rem))}.ab-drop-head-num span{top:0}.ab-drop-head-icon{width:3rem;height:3rem}.ab-drop-inner{width:78%;margin-left:7.2rem}.ab-drop-block p{width:100%;padding-top:1.2rem;padding-bottom:1.2rem;font-size:calc(max(15px,1.2rem));line-height:1.5}.ab-contact{padding-bottom:5rem}.ab-contact>.ab-sec-r{grid-template-columns:calc(var(--col) * 2 + var(--gutter) * 2) minmax(0,1fr);row-gap:4rem;display:grid}.ab-contact-block:nth-child(odd){width:auto}.ab-contact-block:nth-child(2){grid-area:1/2/3}.ab-contact-title{font-size:1.4rem}.ab-contact-link,.ab-contact-time{margin-top:1rem;font-size:1.8rem}.ab-contact-link>svg{width:2rem;height:2rem;top:-.35rem;left:-.5rem}.ab-contact-link>div{margin-left:2rem}.ab-contact-time{grid-template-columns:max-content max-content;width:max-content;display:grid}.ab-contact-time>div:nth-child(2){margin-top:.25rem;margin-left:.05rem;font-size:.8rem}.ab-contact-time>div:last-child{grid-column:1/-1;width:5rem;height:5rem;margin-top:6.5rem;margin-left:0}.ab-contact-time>div:last-child>svg{width:100%;height:100%;display:block}}#case{color:#fff;background:#000;height:100svh}#case,.ca-vid{overflow:hidden}.ca-vid{will-change:filter;pointer-events:all}.ca-vid .base-vid{background:0 0}.ca-vid .base-vid video{pointer-events:all}.ca-gradient{pointer-events:none;background:linear-gradient(#0000,#000);width:100%;height:30%;position:absolute;bottom:0;left:0}.ca-background{will-change:opacity;pointer-events:none;background:#00000080}@media (hover:none) and (pointer:coarse){.ca-play-icon,.ca-play-so{position:relative}.ca-play-icon:after,.ca-play-so:after{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}.ca-play{top:var(--margin-y);left:var(--margin-x);width:calc(var(--col) * 4 + var(--gutter) * 3);align-items:center;display:flex;position:absolute}.ca-play-icon{width:1.2rem;height:1.5rem}.ca-play-icon svg{fill:#fff;pointer-events:none;will-change:opacity;transition:opacity .35s cubic-bezier(.33,1,.68,1)}.ca-play-info{text-transform:uppercase;width:5.2rem;margin-left:2rem;font-size:1rem;line-height:1.1em}.ca-play-info>div{opacity:0;will-change:opacity}.ca-play-prg{flex-grow:1;align-items:center;height:2rem;display:flex;position:relative}.ca-play-prg-bar{pointer-events:none;clip-path:inset(0 100% 0 0);will-change:clip-path;background:#fff3;width:100%;height:.2rem;position:relative;overflow:hidden}.ca-play-prg-bar>div{will-change:transform;background:#fff;transform:translate(-110%)}.ca-play-so{width:2.2rem;height:1.5rem;margin-left:2.5rem}.ca-play-fs svg,.ca-play-so svg{fill:#fff;pointer-events:none;will-change:opacity;transition:opacity .35s cubic-bezier(.33,1,.68,1)}.ca-play-fs{width:1.2rem;height:2rem;margin-left:2rem}.ca-titles{bottom:calc(2.4rem + var(--margin-y));left:calc(var(--col) * 7 + var(--gutter) * 7 + var(--margin-x));text-transform:uppercase;pointer-events:none;z-index:2;line-height:1.2em;display:flex;position:absolute}.ca-title,.sr-play-fs svg,.sr-play-icon svg,.sr-play-so svg{transition:opacity .35s cubic-bezier(.33,1,.68,1)}.ca-title:first-child{width:calc(var(--col) * 2 + var(--gutter) * 2)}.ca-header{bottom:var(--margin-y);left:var(--margin-x);right:var(--margin-x);color:#fff;will-change:color;text-transform:uppercase;z-index:9995;align-items:center;display:flex;position:absolute}.ca-header .l{width:min-content}.ca-header a,.ca-header button{will-change:color;transition:color .35s cubic-bezier(.33,1,.68,1)}.ca-header:not(.open) a:hover,.ca-header:not(.open) button:hover{color:var(--cl-main-1)}.ca-header-back{width:calc(var(--col) * 3 + var(--gutter) * 3)}.ca-header-back>a{margin-bottom:-.4rem;margin-left:-.9rem;padding:.4rem .9rem;display:table}.ca-header-info{width:calc(var(--col) * 4 + var(--gutter) * 4);white-space:nowrap;position:relative}.ca-header-info>button{text-transform:uppercase;margin-bottom:-.4rem;margin-left:-.9rem;padding:.4rem .9rem}.ca-header-info>button:last-child{pointer-events:none;height:100%;position:absolute;top:0;left:0}.ca-header-nav{display:flex}.ca-header-nav-item:first-child{width:calc(var(--col) * 2 + var(--gutter) * 2)}.ca-header-nav-item>a{margin-bottom:-.4rem;margin-left:-.9rem;padding:.4rem .9rem;display:inline-flex}.ca-header-nav-item>a>div:first-child{margin-right:1rem}#case:has(.ca-header-nav-item:first-child>a:hover)>.ca-titles>.ca-title:first-child{opacity:1}#case:has(.ca-header-nav-item:last-child>a:hover)>.ca-titles>.ca-title:last-child{opacity:1}.ca-info{pointer-events:none;z-index:2}.ca-info-wrap{bottom:calc(9.4rem + var(--margin-y));left:var(--margin-x);color:var(--cl-main-0);position:absolute}.ca-info-sail{background:var(--cl-bg)}.ca-info-t{text-transform:uppercase;margin-left:calc(var(--col) * 3 + var(--gutter) * 3);line-height:1.4em;display:table}.ca-info-credit{flex-wrap:wrap;gap:.4rem 0;max-width:100%;display:flex}.ca-info-credit>div{overflow-wrap:anywhere}.ca-info-credit>div:first-child{width:calc(var(--col) + var(--gutter));flex-shrink:0}.ca-info-b{letter-spacing:-.04rem;margin-top:2rem;font-weight:600;line-height:1.15;display:flex}.ca-info-num{width:calc(var(--col) * 3 + var(--gutter) * 3)}.ca-info-title{width:calc(.4rem + var(--col) * 9 + var(--gutter) * 8);margin-left:-.4rem}.ca-info-title p{margin-top:-2rem}@media only screen and (max-width:600px){.ca-background,.ca-header-nav,.ca-info-num,.ca-play-fs,.ca-play-prg,.ca-titles{display:none}.ca-gradient{height:50%}.ca-header{bottom:0;left:0;right:0}.ca-header-back{width:calc(var(--col) * 3 + var(--gutter) * 3)}.ca-header-back>a,.ca-header-info>button{padding:var(--margin-y) var(--margin-x);margin:0}.ca-header-info{width:auto}.ca-play-icon{width:1.4rem;height:auto}.ca-play-info{font-size:1.2rem}.ca-play{right:var(--margin-x);width:auto}.ca-play-so{margin-left:auto}.ca-vid video{-o-object-fit:contain;object-fit:contain}.ca-info-wrap{bottom:calc(7.4rem + var(--margin-y));left:var(--margin-x);right:var(--margin-x)}.ca-info-t{margin-left:0;font-size:1rem;line-height:1.3em}.ca-info-b{margin-top:1.5rem;font-size:4rem;line-height:1.15}.ca-info-title{width:100%;margin-left:0}.ca-info-title p{margin-top:-.8rem}}#showreel{color:#fff;background-color:#000;height:100svh;overflow:hidden}.sr-vid{pointer-events:none;overflow:hidden}.sr-vid .base-vid{background-color:#0000}.sr-gradient{pointer-events:none;background:linear-gradient(#0000,#0009);width:100%;height:16%;position:absolute;bottom:0;left:0}.sr-background{will-change:opacity;pointer-events:none;background:#00000026}@media (hover:none){.sr-background{display:none}.sr-play-icon,.sr-play-so{position:relative}.sr-play-icon:after,.sr-play-so:after{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}.sr-play{top:var(--margin-y);left:var(--margin-x);width:calc(var(--col) * 4 + var(--gutter) * 3);align-items:center;display:flex;position:absolute}.sr-play-icon{width:1.2rem;height:1.5rem}.sr-play-icon svg{fill:#fff;pointer-events:none;will-change:opacity}@media (hover:hover){.sr-play-fs:hover svg,.sr-play-icon:hover svg,.sr-play-so:hover svg{opacity:.6}.sr-back:hover{color:var(--cl-main-1)}}.sr-play-info{text-transform:uppercase;width:5.2rem;margin-left:2rem;font-size:1rem;line-height:1.1em}.sr-play-info>div{opacity:0;will-change:opacity}.sr-play-prg{flex-grow:1;align-items:center;height:2rem;display:flex;position:relative}.sr-play-prg-bar{pointer-events:none;clip-path:inset(0 100% 0 0);will-change:clip-path;background:#fff3;width:100%;height:.2rem;position:relative;overflow:hidden}.sr-play-prg-bar>div{will-change:transform;background:#fff;transform:translate(-110%)}.sr-play-so{width:2.2rem;height:2.4rem;margin-left:2.5rem}.sr-play-fs svg,.sr-play-so svg{fill:#fff;pointer-events:none;will-change:opacity}.sr-play-fs{width:1.2rem;height:2rem;margin-left:2rem}.sr-back{bottom:var(--margin-y);left:var(--margin-x);text-transform:uppercase;will-change:color;align-items:center;margin-bottom:-.4rem;margin-left:-.9rem;padding:.4rem .9rem;transition:color .35s cubic-bezier(.33,1,.68,1);display:flex;position:absolute}@media only screen and (max-width:600px){.sr-play-icon{width:1.4rem;height:auto}.sr-play-info{font-size:1.2rem}.sr-play-fs,.sr-play-prg{display:none}.sr-play{right:var(--margin-x);width:auto}.sr-play-so{margin-left:auto}.sr-vid{pointer-events:all}.sr-vid video{-o-object-fit:contain;object-fit:contain}.sr-back{padding:var(--margin-y) var(--margin-x);margin:0;bottom:0;left:0}}#error{height:100svh;color:var(--cl-main-0);background:var(--cl-bg)}.er-content{bottom:calc(9.4rem + var(--margin-y));left:var(--margin-x);display:flex;position:absolute}.er-code{width:calc(var(--col) * 3 + var(--gutter) * 3)}.er-msg{width:calc(.4rem + var(--col) * 9 + var(--gutter) * 8);margin-left:-.3rem}.er-header{bottom:var(--margin-y);left:var(--margin-x);right:var(--margin-x);will-change:color;text-transform:uppercase;z-index:9995;align-items:center;display:flex;position:absolute}.er-header .l{width:min-content}.er-header a,.er-header button{will-change:color;transition:color .35s cubic-bezier(.33,1,.68,1)}.er-header:not(.open) a:hover,.er-header:not(.open) button:hover{color:var(--cl-main-1)}.er-back{width:calc(var(--col) * 7 + var(--gutter) * 7)}.er-back>a{margin-bottom:-.4rem;margin-left:-.9rem;padding:.4rem .9rem;display:table}.er-nav{display:flex}.er-nav-item:first-child{width:calc(var(--col) * 2 + var(--gutter) * 2)}.er-nav-item>a{margin-bottom:-.4rem;margin-left:-.9rem;padding:.4rem .9rem;display:inline-flex}.er-nav-item>a>div:first-child{margin-right:1rem}@media only screen and (max-width:600px){.er-nav{display:none}.er-content{font-size:4rem;line-height:1em}.er-code{width:calc(var(--col) + var(--gutter))}.er-msg{width:auto;margin-left:0}}