@font-face{font-family:Lalezar;src:url('../fonts/lalezar-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
body.katto-ar:has(.katto-deck){font-family:Tahoma,Arial,sans-serif}.katto-ar .deck-nav a{font-family:Lalezar,Tahoma,Arial,sans-serif;font-size:18px}.katto-ar .deck-nav a.language-switch{font-family:Arial,sans-serif;font-size:13px}
.katto-ar .work-category .portfolio-card h3{font-family:Lalezar,Tahoma,Arial,sans-serif;font-weight:400;line-height:1.25}
.language-switch{font-family:Lalezar,Tahoma,Arial,sans-serif;text-transform:none!important;font-size:15px}.preview-nav .language-switch,.deck-nav .language-switch{border:1px solid currentColor;padding:5px 12px;line-height:1.2}.header .wp-block-navigation .language-switch a{border:1px solid currentColor;padding:5px 10px}.katto-ar{direction:rtl;font-family:Tahoma,Arial,sans-serif;line-height:1.75}.katto-ar *{letter-spacing:0!important;text-transform:none!important}.katto-ar h1,.katto-ar h2,.katto-ar h3,.katto-ar .scene-title,.katto-ar .section-title{font-family:Lalezar,Tahoma,Arial,sans-serif;font-weight:400;line-height:1.18}.katto-ar .scene-title{font-size:clamp(60px,6.8vw,118px);margin-bottom:22px}.katto-ar .scene-description{font-size:17px;line-height:1.8}.katto-ar .scene-kicker{font-size:12px}.katto-ar .scene-copy{text-align:right}.katto-ar .katto-track{direction:rtl}.katto-ar .katto-scene{direction:rtl}.katto-ar .deck-nav{font-family:Lalezar,Tahoma,Arial,sans-serif;font-size:20px}.katto-ar .deck-nav .language-switch{font-family:Arial,sans-serif;font-size:13px}.katto-ar .scene-link a{font-size:15px}.katto-ar .dock-label,.katto-ar .dock-hint{font-size:11px}.katto-ar .dock-contact{font-size:13px}.katto-ar .dock-count{direction:ltr}.katto-ar .statement h2{font-size:clamp(52px,7vw,104px)}.katto-ar .service h3{font-size:30px}.katto-ar .service p{font-size:15px;line-height:1.9;max-width:none}.katto-ar .service{padding-left:20px;padding-right:0}.katto-ar .method h2{font-size:clamp(48px,6vw,82px)}.katto-ar .method-copy>p{font-size:17px;line-height:1.9}.katto-ar .step{font-family:Lalezar,Tahoma,sans-serif;font-size:21px}.katto-ar .intro>p:not(.eyebrow){font-family:Lalezar,Tahoma,sans-serif;line-height:1.4}.katto-ar .work-title{font-size:clamp(76px,10vw,140px)}.katto-ar .work-intro{justify-self:start;font-size:20px;line-height:1.8}.katto-ar .work-intro span{font-size:12px}.katto-ar .work-clients-link{font-size:14px}.katto-ar .service-filters button{font-family:Tahoma,Arial,sans-serif;font-size:12px;line-height:1.5}.katto-ar .category-heading h2{font-size:clamp(30px,3.5vw,49px)}.katto-ar .category-heading p:last-child{line-height:1.9}.katto-ar .category-count{font-size:11px}.katto-ar .portfolio-card-meta h3{font-size:29px}.katto-ar .portfolio-card-meta p{font-size:13px}.katto-ar .work-search label,.katto-ar .work-sector label,.katto-ar .work-count{font-size:12px}.katto-ar .work-count{margin-right:auto;margin-left:0}.katto-ar .work-end p{font-family:Lalezar,Tahoma,sans-serif;font-size:26px}.katto-ar .clients-heading h2{font-family:Lalezar,Tahoma,sans-serif;font-size:clamp(50px,6.3vw,90px)}.katto-ar .clients-heading>p{justify-self:start}.katto-ar .client-details h3{font-size:23px}.katto-ar .client-details li a{font-size:11px;line-height:1.7}.katto-ar .client-number{font-size:10px}.katto-ar .client-logo img{direction:ltr}.katto-ar .team-heading h2{font-family:Lalezar,Tahoma,sans-serif;font-size:clamp(48px,6vw,82px);line-height:1.15}.katto-ar .team-card h3{font-family:Lalezar,Tahoma,sans-serif;font-size:29px}.katto-ar .team-number{direction:ltr}.katto-ar .team-footer p{line-height:1.9}.katto-ar .case-title{font-size:clamp(43px,5.4vw,82px);line-height:1.25}.katto-ar .case-summary{font-size:19px;line-height:1.9}.katto-ar .case-story p{line-height:1.9}.katto-ar .case-source-note{line-height:1.9}.katto-ar .case-next a{font-family:Lalezar,Tahoma,sans-serif;font-size:32px}.katto-ar .contact h2{font-size:clamp(65px,9vw,135px);line-height:1.2}.katto-ar .company-contact a{unicode-bidi:isolate;direction:ltr;display:inline-block}.katto-ar .social-frame-heading{line-height:1.4}.katto-ar .social-frame-heading>span:last-child{margin-left:0;margin-right:auto}.katto-ar .social-frame-heading small{font-size:7px}.katto-ar .social-controls [data-social-motion]{font-size:10px}.katto-ar .portfolio-lightbox button{right:auto;left:20px}.katto-ar .portfolio-lightbox p{line-height:1.8}.katto-ar .mockup-type{font-size:9px}.katto-ar .film-project-preview>span{font-size:12px}.katto-ar .preview-nav{font-family:Lalezar,Tahoma,sans-serif;font-size:18px}.katto-ar .preview-nav .language-switch{font-family:Arial,sans-serif;font-size:12px}.katto-ar .header .wp-block-navigation{font-family:Lalezar,Tahoma,sans-serif;font-size:18px}
@media(max-width:1050px){.deck-menu-toggle{display:block}.deck-nav{display:none;position:absolute;top:78px;right:5vw;flex-direction:column;align-items:flex-start;padding:25px;background:var(--frame-solid,#3a7b51);border:1px solid var(--frame-line,#ccc);min-width:220px;gap:20px}.deck-nav.is-open{display:flex}.katto-ar .deck-nav{right:auto;left:5vw}.preview-nav{gap:12px;font-size:11px}.katto-ar .preview-nav{font-size:16px}.header .wp-block-navigation__container{gap:17px}.katto-ar .header .wp-block-navigation{font-size:16px}}
@media(max-width:800px){.katto-ar .work-count{margin-right:0}.katto-ar .scene-title{font-size:clamp(43px,7vw,65px)}.katto-ar .scene-description{font-size:15px}.katto-ar .case-title{font-size:51px}}
@media(max-width:540px){.header{min-height:88px;height:auto;padding-block:10px}.katto-ar .preview-nav{font-size:14px}.preview-nav{row-gap:8px}.language-switch{font-size:13px}.katto-ar .scene-title{font-size:clamp(30px,10vw,42px);margin-bottom:15px}.katto-ar .scene-description{font-size:13px;line-height:1.7}.katto-ar .scene-kicker{font-size:10px;margin-bottom:14px}.katto-ar .scene-link a{font-size:12px}.katto-ar .dock-label{font-size:9px}.katto-ar .dock-contact{font-size:11px}.katto-ar .work-title{font-size:76px}.katto-ar .category-heading h2{font-size:31px}.katto-ar .service-filters button{font-size:10px}.katto-ar .case-title{font-size:43px}.katto-ar .client-details h3{font-size:21px}.katto-ar .client-details li a{font-size:10px}.katto-ar .team-card h3{font-size:28px}.katto-ar .social-mockup:not(.social-mockup-full){aspect-ratio:.86}.katto-ar .social-frame-heading{font-size:8px}.katto-ar .social-controls{gap:7px}.katto-ar .social-controls [data-social-motion]{font-size:9px;padding-inline:6px}.katto-ar .clients-heading h2{font-size:57px}.katto-ar .work-tools select{max-width:200px}.katto-ar .contact h2{font-size:64px}}
@media(max-width:540px) and (max-height:680px){.katto-ar .scene-title{font-size:9.4vw;margin-bottom:9px}.katto-ar .scene-description{font-size:11px;line-height:1.5}.katto-ar .scene-kicker{font-size:8px;margin-bottom:9px}.katto-ar .scene-link a{font-size:10px}.katto-ar .scene-copy{min-height:0}.katto-ar .scene-home .scene-title{font-size:12vw}}