@font-face{font-family:mod;src:url(../fonts/mod-regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:mod;src:url(../fonts/mod-bold.woff2)format("woff2");font-weight:600;font-display:swap}:root{--main:#4154a4;--dark:#444a56;--grey:#6e767e;--bg:#eeede9;--bg-dark:#e3e1db;--white:#fefeff}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--grey);font-variant:none;font-variant-ligatures:none;font-feature-settings:"frac" 0,"liga" 0;margin:0;font-family:mod,sans-serif;font-size:14px;line-height:1.43}::selection{background:var(--white);color:var(--main)}h1,h2,h3{color:var(--dark);font-weight:600;line-height:1.1}h2{color:var(--main);margin:20px 0 26px;font-size:30px}p{margin:0 0 10px}b,strong{color:var(--dark);font-weight:600}img{max-width:100%;height:auto}.maincolor{color:var(--main)}.frame{border:20px solid var(--white);z-index:500;pointer-events:none;position:fixed;inset:0}.hamburger{z-index:110;cursor:pointer;background:0 0;border:0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:64px;height:64px;padding:0;display:flex;position:fixed;top:2.25em;right:2.25em}.hamburger span{background:var(--dark);width:28px;height:2px;transition:transform .25s ease-in-out,opacity .25s ease-in-out}.hamburger.is-open span:first-child{transform:translateY(8px)rotate(45deg)}.hamburger.is-open span:nth-child(2){opacity:0}.hamburger.is-open span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.global-menu{z-index:100;text-align:center;background:var(--bg);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.global-menu ul{margin:0;padding:0;list-style:none}.global-menu li{margin:.25em 0}.global-menu a{color:var(--dark);font-size:48px;font-weight:600;text-decoration:none;transition:color .25s ease-in-out;position:relative}.global-menu a:after{content:"";background:var(--main);width:0;height:8px;transition:width .2s ease-in-out;position:absolute;bottom:21px;left:50%;transform:translate(-50%)}.global-menu a:hover{color:var(--grey)}.global-menu a:hover:after{width:100%}.menu-enter-active,.menu-leave-active{transition:opacity .3s,transform .3s}.menu-enter-from,.menu-leave-to{opacity:0;transform:translateY(-20px)}.split__left{background:var(--bg-dark);width:50%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.split__left--gallery{scrollbar-width:none;padding:40px 0 40px 40px;overflow-y:auto}.gallery img{width:100%;margin-bottom:10px;display:block}.backimg{filter:grayscale();background:50%/cover no-repeat;transition:filter .5s ease-in-out;position:absolute;inset:0}.backimg:hover{filter:grayscale(0)}.split__heading{margin:0;padding:100px 20px 40px 60px;font-size:36px;position:absolute;top:0}.split__right{min-height:100vh;margin-left:50%}.content{padding:70px 45px 60px 25px}.content a{color:var(--main);text-decoration:none;transition:all .25s ease-in-out}.content a:focus,.content a:hover{color:var(--white);background:var(--grey)}.content h3{margin:28px 0 10px;font-size:18px}.content ul{margin:0 0 10px;padding-left:18px}.content blockquote{border-left:5px solid var(--bg-dark);margin:0 0 20px;padding:10px 20px;font-size:17.5px}.content blockquote p:last-child{margin:0}.hero{grid-template-columns:1fr 2fr;place-items:center;height:100vh;animation:1s ease-in .3s both fade-in;display:grid;position:relative}.hero p{margin:0}.hero__name{font-size:18px}.hero__claim{writing-mode:vertical-rl;color:var(--dark);font-size:112px;font-weight:600;line-height:115px}.hero__plus{color:var(--dark);font-size:32px;line-height:1;text-decoration:none;position:absolute;bottom:5%;left:50%;transform:translate(-50%)}@keyframes fade-in{0%{opacity:0}}.cv dl{grid-template-columns:1fr 2fr;gap:0 30px;margin:0 0 20px;display:grid}.cv dd,.cv dt{margin:0 0 10px}.cv dd{color:var(--dark)}.filters{flex-wrap:wrap;justify-content:center;gap:0 10px;margin:20px 0;padding:0;list-style:none;display:flex}.filters button{font:inherit;color:var(--dark);cursor:pointer;background:0 0;border:0;padding:0}.filters button.active,.filters button:hover{color:var(--main);text-decoration:line-through}.grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.content a.work-item{aspect-ratio:1;background:50%/cover no-repeat;justify-content:center;align-items:center;display:flex;position:relative}.work-item:before{content:"";background:var(--main);position:absolute;inset:0}.work-item span,.work-item:before{opacity:0;transition:opacity .3s ease-in-out}.work-item span{background:var(--dark);color:var(--white);letter-spacing:1px;text-align:center;padding:3px 9px;position:relative}.work-item:focus span,.work-item:focus:before,.work-item:hover span,.work-item:hover:before{opacity:.9}.contact-form label{color:var(--dark);margin-bottom:14px;font-weight:600;display:block}.contact-form input,.contact-form textarea{border:1px solid var(--bg-dark);background:var(--white);width:100%;max-width:480px;font:inherit;color:var(--dark);margin-top:5px;padding:8px 10px;font-weight:400;display:block}.contact-form button{background:var(--main);color:var(--white);font:inherit;cursor:pointer;border:0;padding:8px 24px;transition:background .2s ease-in-out}.contact-form button:hover{background:#242f5b}@media (width>=1200px){.content{padding:70px 85px 65px 65px}}@media (width<=1199px){.hero__name{font-size:16px}.hero__claim{font-size:96px}.grid{grid-template-columns:repeat(2,1fr)}}@media (width<=991px){.hero__claim{font-size:81px;line-height:85px}.cv dl{grid-template-columns:1fr}.cv dt{margin:0}}@media (width<=767px){.frame{display:none}.hamburger{background:var(--white);top:1.2em;right:1.2em}.global-menu a{font-size:36px}.split__left{width:100%;height:50vh;position:relative}.split__left--gallery{height:auto;padding:0}.split__heading{padding:45px 20px;font-size:50px}.split__right{min-height:0;margin-left:0}.content{padding:30px 25px}.hero{flex-direction:column-reverse;align-items:flex-start;gap:16px;height:auto;padding:30px 25px 0;display:flex}.hero__claim{writing-mode:initial;font-size:50px;line-height:50px}.hero__plus{display:none}}