@font-face{font-family:Onest;src:url('assets/fonts/Onest.woff2') format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:Golos;src:url('assets/fonts/GolosText.woff2') format('woff2');font-weight:400 900;font-display:swap}
:root{--display:Onest,sans-serif;--body:Golos,sans-serif;scroll-behavior:smooth}html{background:#efefef}body.k-home,body.k-inner{font-family:var(--body);overflow-x:clip}button,input,textarea,select{font:inherit}body.k-home h1,body.k-home h2,body.k-home h3,body.k-inner h1,body.k-inner h2,body.k-inner h3,.k-wordmark,.k-logo{font-family:var(--display);letter-spacing:-.035em;font-weight:500}svg{flex-shrink:0}p{line-height:1.5}.k-home main,.k-inner main{overflow:visible}.kota-grain{opacity:.04}.kota-field{contain:strict}.k-inner .kota-field{background:radial-gradient(ellipse at 95% 0%,#d7b2e9 0,transparent 43%),radial-gradient(ellipse at 0 75%,#b9dfe6,transparent 40%),#efefef}.k-inner .kota-grain{display:none}.k-header{background:linear-gradient(#efefeff2,transparent);padding-bottom:30px}.k-menu,.k-logo{background:#efefef}.k-header .k-cta{font-size:14px}.k-navigation[hidden]{display:none}.k-navigation a{font-family:var(--display)}.k-hero{height:auto;min-height:840px;max-height:none;display:block;padding:160px 5.5% 110px}.k-hero h1{font-size:clamp(78px,10.8vw,170px);line-height:1.03;letter-spacing:-.045em!important;font-weight:550!important;margin:0;max-width:1100px}.k-hero-line{width:auto;max-width:none}.k-hero-line:nth-child(2){margin-left:16%}.k-hero-line:nth-child(3){display:block}.hero-dot{display:inline-block;transform-origin:50% 80%;animation:dot-breathe 5s ease-in-out infinite}.k-hero-description{position:relative;inset:auto;width:min(450px,44%);max-width:none;margin:25px 0 0 auto;font-size:17px}.k-hero-description .k-cta{margin-top:22px}.k-hero-description .k-inline{margin-left:18px;gap:12px}.k-hero-description small{display:block;font-size:12px;margin-top:15px}.k-hero-bottom{font-weight:400}.k-intro{min-height:0;padding-top:90px;padding-bottom:100px}.k-intro h2{line-height:1.18}.k-section-title{padding-top:55px;padding-bottom:55px}.k-section-title h2{font-size:clamp(52px,7.8vw,116px);line-height:1.08;max-width:850px}.k-section-title h2>span:nth-child(2){margin-left:0}.k-section-title>svg{width:90px;height:90px}.reveal-line{overflow:visible!important;padding:0;margin:0}.reveal-line>span,[data-reveal]>span{transform:none!important;opacity:1!important;display:block}.project-panel{padding:0;margin-bottom:28px;height:760px;min-height:0;max-height:none;border-radius:48px}.project-panel-top{padding:40px 5% 0}.project-panel h3{font-size:clamp(85px,12vw,170px)}.project-objects{inset:160px 3% 150px;will-change:auto}.project-panel-bottom{left:5%;right:5%;bottom:35px;padding:0}.project-panel-bottom>p{font-size:24px}.project-panel .project-phone{bottom:0}.project-panel .project-device{box-shadow:12px 26px 38px #0003}.k-services .k-service{min-height:530px;padding:48px 5%;border-radius:48px}.k-service h3{font-size:clamp(38px,4.6vw,67px);line-height:1.12}.k-service-visual img{will-change:auto}.k-wrap{padding-top:85px;padding-bottom:85px}.k-faq h2{line-height:1.1}.k-faq summary{min-height:44px}.k-contact h2{font-size:clamp(62px,7.8vw,120px);line-height:1.09}.k-contact{gap:45px}.k-contact .k-cta{margin-top:12px}.k-process-panel{gap:45px;padding:45px}.k-process-panel p{min-height:0}.k-footer{display:block}.k-wordmark{font-family:var(--display);font-size:29vw;line-height:1.1}.k-footer a{color:inherit}.k-inner .case-chapter{margin:30px 2%;overflow:visible}.k-inner .case-explore{padding-top:65px;padding-bottom:65px}.k-inner .case-finish h2{color:white}.k-inner .case-finish h2 span{color:#d6b4ed}.k-inner .case-finish{color:#fff}.k-inner .case-finish a{color:inherit}.k-inner .section-space h2{line-height:1.15}.k-inner .case-mobile{overflow:hidden}.k-inner .project-opening{padding-bottom:65px}.k-inner .case-question h2{line-height:1.15}.k-inner .legal-page{background:#efefef;padding-top:150px}.motion-toggle{display:none!important}.image-toolbar{font-family:var(--body)}.image-dialog button{min-height:44px}.k-direct-note{margin-bottom:22px}
.page-opening{padding:165px 7% 75px}.page-opening h1{font-size:clamp(55px,7.3vw,112px);line-height:1.07;max-width:1150px;text-wrap:balance}.page-opening>p{font-size:21px;max-width:670px;margin:35px 0 0 auto}.k-page .studio-work>.k-section-title{display:none}.k-page .studio-work{padding-bottom:30px}.page-cta{padding:110px 7%;display:grid;grid-template-columns:1.25fr 1fr;gap:70px;align-items:center}.page-cta h2{font-size:clamp(44px,5.3vw,80px);line-height:1.1}.page-cta p{font-size:18px;margin-bottom:25px}.page-cta small{display:block;margin-top:14px;font-size:12px}.editorial{margin:45px 7%;padding:55px 0;display:grid;grid-template-columns:1fr 1.2fr;gap:8%;border-top:1px solid #aaa}.editorial h2{font-size:clamp(35px,4.3vw,64px);line-height:1.12}.editorial p{font-size:18px;max-width:65ch;margin-bottom:20px}.decision-rows a{display:block;padding:25px 0;border-bottom:1px solid #aaa}.decision-rows strong{font-size:21px;font-weight:500;display:block}.decision-rows span{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;margin-top:14px}.decision-rows svg{width:24px;height:24px}.process-list{margin:0 7%}.process-row{display:grid;grid-template-columns:.3fr 1fr;gap:8%;border-top:1px solid #aaa;padding:50px 0}.process-row>span{font-family:var(--display);font-size:60px;color:#59515d}.process-row h2{font-size:clamp(36px,4.5vw,66px);line-height:1.1}.process-row p{font-size:19px;margin:25px 0;max-width:65ch}.process-row small{font-size:14px}.service-band{margin:0 3%;border-radius:48px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:25px 7%;gap:8%;overflow:hidden}.service-band img{width:100%;height:380px;object-fit:contain}.service-band>p{font-size:clamp(32px,4vw,60px);font-family:var(--display);line-height:1.2}.service-band .k-outline{font-family:var(--body);font-size:16px}.deliverables{margin:60px 7%;display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.deliverable{border-top:1px solid #aaa;padding-top:30px}.deliverable h2{font-size:30px;line-height:1.2}.deliverable p{font-size:17px;margin-top:20px}.contact-route{margin:0 7% 90px;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}.contact-route h2{font-size:35px;line-height:1.15;margin-bottom:25px}.contact-route p{font-size:17px}.contact-big{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:clamp(20px,2.3vw,34px);padding:24px 0;border-bottom:1px solid #999}.contact-big svg{width:28px;height:28px}.contact-route>div>p{margin:25px 0}.brief-helper{background:#fff;padding:35px;border-radius:30px}.brief-helper p{font-size:15px}.brief-topics{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.brief-topics button{border:1px solid #777;background:white;border-radius:24px;padding:11px 15px;min-height:44px;font-size:13px}.brief-topics [aria-pressed=true]{background:#111;color:white;border-color:#111}.brief-helper label{display:block;font-size:13px;margin-bottom:10px}.brief-helper textarea{width:100%;resize:vertical;border:1px solid #aaa;border-radius:12px;padding:15px;line-height:1.5;font-size:16px;min-height:170px;background:#fafafa;color:#111}.brief-helper small{display:block;margin-top:20px;font-size:12px;line-height:1.5}#copy-status{min-height:1.5em;margin-top:15px}.k-page .k-footer{margin-top:0}a,button{-webkit-tap-highlight-color:#d4b8e880}a:focus-visible,button:focus-visible,textarea:focus-visible{outline:3px solid #5e287c;outline-offset:5px}.k-inner .button{font-family:var(--body)}
@keyframes dot-breathe{50%{transform:scale(.75) translateY(-.035em)}}
@media(min-width:1600px){.project-panel{height:900px}.project-objects{inset:180px 5% 160px}}
@media(max-width:950px){.k-hero{min-height:760px}.k-hero-description{width:50%}.k-hero-description .k-inline{margin-left:0}.k-service{gap:25px}.page-cta{gap:35px}.deliverables{gap:24px}.contact-route{gap:30px}.brief-helper{padding:25px}}
@media(max-width:700px){.k-header{padding:16px 5% 25px}.k-hero{padding:140px 5% 95px;min-height:0}.k-hero h1{font-size:12vw;line-height:1.12;letter-spacing:-.04em!important}.k-hero-line:nth-child(2){margin-left:15%}.k-hero-description{width:auto;margin:35px 0 0 10%;font-size:16px}.k-hero-description .k-cta{font-size:15px;margin-top:22px}.k-hero-description .k-inline{display:flex;width:max-content;margin:18px 0 0}.k-hero-description small{font-size:11px}.k-hero-bottom{bottom:25px;font-size:9px;gap:14px;flex-wrap:nowrap}.k-wrap{padding:55px 6%}.k-intro h2{font-size:8vw;line-height:1.24}.k-intro>p{margin:25px 0 0 8%}.k-section-title{padding:35px 18% 35px 6%;gap:0}.k-section-title h2{font-size:11.5vw;line-height:1.15}.k-section-title>svg{width:32px;height:32px;top:45px;right:6%}.studio-work{padding:0 0 30px!important}.project-panel{height:620px;min-height:0;max-height:none;margin:0 3% 24px;padding:0;border-radius:30px;clip-path:none}.project-panel-top{padding:26px 7% 0}.project-panel h3{font-size:21vw}.project-open{margin-top:10px;padding:8px 12px}.project-open svg{width:18px;height:18px;padding:5px}.project-objects{inset:170px 0 155px}.project-objects>.project-device{top:0!important;width:89%;right:-4%}.project-phone{width:90px;left:4%;bottom:0!important}.ostwell-panel .project-objects>.project-device{width:88%;right:10%}.project-panel-bottom{left:7%;right:7%;bottom:26px;padding:0;display:block}.project-panel-bottom>p{font-size:20px}.project-panel-bottom>div{margin-top:15px;gap:6px}.project-panel-bottom>div span{padding:8px 10px}.k-services .k-service{border-radius:30px;padding:30px 7%;min-height:0}.k-service h3{font-size:10vw;line-height:1.13}.k-service-tags{white-space:normal}.k-process-panel{padding:25px;gap:20px}.k-process-panel h3{font-size:32px}.k-person h2{font-size:9vw;line-height:1.14}.k-faq h2{font-size:13vw}.k-contact h2{font-size:13vw;line-height:1.12}.k-contact{padding-bottom:65px}.k-footer{padding-bottom:35px;border-radius:30px 30px 0 0}.k-footer-bottom{line-height:1.6}.k-inner .project-opening h1{font-size:23vw}.k-inner .case-chapter{margin:20px 3%;padding:40px 6%}.k-inner .case-explore{padding:45px 6%;margin:0 3%}.k-inner .case-mobile{margin:25px 3%;padding:45px 6%}.k-inner .case-finish{padding:55px 6%}.k-inner .case-finish h2{font-size:39px;line-height:1.15}.k-inner .case-finish .next-project strong{font-size:52px}.page-opening{padding:130px 6% 50px}.page-opening h1{font-size:11.8vw;line-height:1.13;overflow-wrap:normal}.page-opening>p{font-size:17px;margin:25px 0 0}.page-cta{display:block;padding:60px 6%}.page-cta h2{font-size:10vw;margin-bottom:30px}.page-cta p{font-size:16px}.editorial{display:block;margin:25px 6%;padding:35px 0}.editorial h2{font-size:10vw;margin-bottom:28px}.editorial p{font-size:16px}.decision-rows strong{font-size:19px}.process-list{margin:0 6%}.process-row{grid-template-columns:45px 1fr;gap:20px;padding:32px 0}.process-row>span{font-size:32px}.process-row h2{font-size:29px;overflow-wrap:anywhere}.process-row p{font-size:16px;margin:18px 0}.process-row small{font-size:12px}.service-band{display:flex;flex-direction:column;padding:25px 7% 35px;border-radius:30px;gap:20px;align-items:stretch}.service-band img{height:240px}.service-band>p{font-size:32px}.deliverables{display:block;margin:40px 6%}.deliverable{padding:25px 0}.deliverable h2{font-size:28px}.deliverable p{font-size:16px}.contact-route{display:block;margin:0 6% 55px}.contact-route h2{font-size:30px}.contact-big{font-size:21px}.brief-helper{margin-top:40px;padding:25px}.brief-helper h2{font-size:28px}.brief-topics{gap:7px}.brief-topics button{font-size:12px;padding:10px 12px}.k-navigation>a{font-size:34px}.k-inner .legal-page h1{font-size:35px;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.hero-dot,.k-process-art i{animation:none!important}}
body.k-home,body.k-inner{isolation:isolate}.kota-field{contain:layout paint;z-index:-2}.kota-grain{z-index:-1}
@media(min-width:701px){.k-hero{min-height:760px;padding-top:145px;padding-bottom:90px;height:100svh;max-height:1000px}.k-hero h1{font-size:clamp(75px,10.6vw,165px)}.k-hero-description{position:absolute;right:5.5%;bottom:90px;left:auto;width:30%;margin:0;font-size:16px}.k-hero-description .k-inline{display:flex;width:max-content;margin:15px 0 0}.k-hero-description .k-cta{font-size:14px}.k-hero-bottom{bottom:30px}}
@media(min-width:701px) and (max-width:1000px){.k-hero-description{width:35%;font-size:14px}.k-hero h1{font-size:10.5vw}.k-hero{min-height:690px}}
