:root{--studio-ease:cubic-bezier(.22,1,.36,1)}
html{scroll-behavior:auto!important}
.elementor #whoarewe .elementor-heading-title,.elementor #whatwedo .elementor-heading-title,.elementor #howwedoit .elementor-heading-title,.elementor #letsexplore .elementor-heading-title,.elementor #aboutus .elementor-heading-title,.elementor #contactus .elementor-heading-title{font-size:clamp(54px,8.3vw,144px)!important;font-weight:750!important;letter-spacing:-.055em!important;line-height:1!important}
.studio-sectors{--sector-size:min(20vw,calc((100svh - 110px)/2));grid-template-columns:repeat(5,var(--sector-size))!important;grid-template-rows:repeat(2,var(--sector-size))!important;align-content:center;justify-content:center;background:#fff7b5!important}
.studio-sectors .studio-sector{aspect-ratio:1!important;width:var(--sector-size);height:var(--sector-size)!important}
.studio-sector img,.studio-project-card img{transition:transform 1.1s var(--studio-ease),filter .8s var(--studio-ease)!important;backface-visibility:hidden}
.studio-sector:hover img,.studio-project-card:hover img,.studio-project-card:focus-visible img{transform:scale(1.075)!important;filter:brightness(1.08) saturate(1.06)!important}
.studio-sector figcaption{transition:transform .8s var(--studio-ease),text-shadow .8s}
.studio-sector:hover figcaption{transform:translateY(-5px);text-shadow:0 3px 18px #0008}
.studio-project-card figure:after{backdrop-filter:blur(14px);background:rgba(255,247,181,.75);border:1px solid #ffffff80;transition:opacity .5s,transform .7s var(--studio-ease)}
.studio-project-page{padding:105px clamp(20px,4vw,70px) 65px;justify-content:flex-start;gap:0}
.studio-project-grid{max-width:none!important;gap:28px 24px;width:100%}
.studio-project-card figure{max-height:none!important;width:100%!important;aspect-ratio:1}
.native-project-list{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));gap:0 26px}
.native-directory{padding:95px clamp(26px,4vw,70px) 110px;gap:18px}
.native-directory-header h2{font-size:clamp(30px,3.1vw,48px)}
.native-project-entry{padding:10px 0}
.native-project-entry h3{font-size:clamp(13px,1.04vw,17px);line-height:1.25;margin-bottom:5px}
.native-project-entry p{font-size:clamp(10px,.83vw,13px);line-height:1.4}
.studio-deck-track{transition:transform 1s var(--studio-ease)!important}
.studio-deck-toolbar{inset:auto 24px 18px!important;min-height:62px!important;padding:12px 24px!important;border:1px solid rgba(255,255,255,.72)!important;border-radius:20px;background:linear-gradient(120deg,rgba(255,255,242,.70),rgba(255,247,181,.46))!important;backdrop-filter:blur(24px) saturate(150%)!important;-webkit-backdrop-filter:blur(24px) saturate(150%)!important;box-shadow:0 12px 38px rgba(57,49,15,.12),inset 0 1px rgba(255,255,255,.7);transition:background .6s,box-shadow .6s}
.studio-deck-controls button{border-color:#191a1626;background:#ffffff25;transition:transform .5s var(--studio-ease),background .4s,box-shadow .4s}
.studio-deck-controls button:not(:disabled):hover{transform:translateY(-2px);background:#ffffff80;box-shadow:0 5px 14px #3e361916}
.elementor-location-header{background:linear-gradient(110deg,rgba(25,26,21,.48),rgba(25,26,21,.30))!important;box-shadow:0 8px 30px #0000000a,inset 0 -1px #ffffff12;transition:background .7s}
.native-team{padding-bottom:100px}
@media(max-width:1000px){.native-project-list{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr))}.native-project-entry h3{font-size:15px}.native-project-entry p{font-size:12px}}
@media(max-width:650px){.studio-sectors{--sector-size:min(50vw,calc((100svh - 110px)/5));grid-template-columns:repeat(2,var(--sector-size))!important;grid-template-rows:repeat(5,var(--sector-size))!important}.studio-sector figcaption{font-size:clamp(10px,3vw,13px)}.native-project-list{grid-template-columns:1fr;grid-template-rows:repeat(4,minmax(0,1fr))}.native-directory{padding:88px 22px 112px;gap:10px}.native-directory-header h2{font-size:29px}.native-project-entry{padding:8px 0}.native-project-entry h3{font-size:15px}.native-project-entry p{font-size:11px}.native-attribution{font-size:9px}.studio-deck-toolbar{inset:auto 10px 12px!important;padding:10px 15px!important;border-radius:18px;gap:10px}.studio-deck-title{font-size:9px}.studio-deck-controls{gap:8px}.studio-project-page{padding-top:88px}.native-team{padding-bottom:90px}}
@media(prefers-reduced-motion:reduce){.studio-deck-track,.studio-sector img,.studio-project-card img,.studio-sector figcaption,.studio-deck-controls button{transition:none!important}.studio-sector:hover img,.studio-project-card:hover img{transform:none!important}}
.elementor .elementor-element-05fa8cf{background:linear-gradient(130deg,rgba(41,43,34,.55),rgba(27,29,23,.38))!important;backdrop-filter:blur(28px) saturate(145%);-webkit-backdrop-filter:blur(28px) saturate(145%);border:1px solid rgba(255,255,255,.45);border-radius:28px!important;box-shadow:0 24px 70px #16180f24,inset 0 1px 0 #ffffff40;padding:clamp(28px,6vw,86px)!important;transition:box-shadow .7s var(--studio-ease),background .7s}
.elementor .elementor-element-05fa8cf:hover{box-shadow:0 28px 80px #16180f30,inset 0 1px 0 #ffffff60}
.elementor .elementor-element-05fa8cf a{color:#fff;text-decoration:none;transition:color .3s}
.elementor .elementor-element-05fa8cf a:hover{color:#fff7b5}
#site-footer{background:linear-gradient(115deg,rgba(255,255,239,.65),rgba(255,247,181,.48))!important;backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%);border-top:1px solid #ffffffb3;box-shadow:0 -8px 30px #443b1408;color:#33372c}
.native-project-list{grid-template-rows:repeat(7,minmax(0,1fr))!important;grid-auto-flow:column}
.native-project-entry{padding:6px 0}
.native-project-entry h3{font-size:clamp(12px,.98vw,16px);margin-bottom:3px}
.native-project-entry p{font-size:clamp(10px,.78vw,12px);line-height:1.3}
@media(max-width:650px){.native-directory{padding-top:82px;padding-bottom:105px;gap:8px}.native-directory-header{gap:3px}.native-directory-header h2{font-size:25px}.native-project-entry h3{font-size:12px}.native-project-entry p{font-size:10px}.native-project-entry{padding:4px 0}}
.elementor-element-19e2b62{padding:90px 24px 35px!important}
@media(max-width:650px){.elementor .elementor-element-05fa8cf{padding:28px 22px!important;border-radius:22px!important}.elementor-element-19e2b62{padding-left:16px!important;padding-right:16px!important}.elementor .elementor-element-05fa8cf .elementor-icon-list-text{overflow-wrap:anywhere}}
