/* Shared September 2026 refresh. The existing section styles remain intact. */
html { scroll-padding-top: 100px; overflow-x: clip; }
body { overflow-x: clip; }
.nav, .nav.is-scrolled { position: fixed; top: 0; z-index: 90; transform: none; background: rgba(11,11,10,.8); border-bottom: 1px solid rgba(255,255,255,.11); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
.nav__inner { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); align-items: center; gap: 24px; }
.nav__brand { justify-self: start; }
.nav__links { grid-column: 2; position: static; transform: none; margin: 0; gap: 24px; }
.nav__links a { white-space: nowrap; }
.nav__contacts { grid-column: 3; justify-self: end; display: flex; margin: 0; padding-right: 56px; }
.nav__burger { position: absolute; right: 0; display: flex; background: rgba(255,255,255,.065); border-color: rgba(255,255,255,.2); }
.nav__burger.is-open { background: #ff5e1a; }
.nav__contact { background: rgba(255,255,255,.04); border-color: rgba(255,255,255,.18); box-shadow: inset 0 1px 0 rgba(255,255,255,.07); }
.mobile-menu { inset: 92px 5% auto auto; width: min(380px,90%); max-height: calc(100svh - 115px); padding: 0; gap: 0; justify-content: flex-start; z-index: 89; border: 1px solid rgba(255,255,255,.22); border-radius: 24px; background: rgba(25,22,20,.86); backdrop-filter: blur(20px) saturate(125%); -webkit-backdrop-filter: blur(20px) saturate(125%); box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 18px 54px rgba(0,0,0,.28); }
.mobile-menu::before { display: none; }
.mobile-menu__nav { padding: 0; gap: 0; }
.mobile-menu__nav a { font: 400 15px/1.5 var(--font-sans); letter-spacing: 0; padding: 17px 22px; }
.mobile-menu__nav a::after { display: none; }
.mobile-menu__nav a:hover { padding-left: 22px; background: rgba(255,94,26,.09); color: #ff783f; }
.mobile-menu__socials { display: flex; gap: 12px; padding: 18px 22px; }
.mobile-menu__socials .nav__contact { width: 40px; height: 40px; }
body.menu-open { overflow: auto; }
.nav__contact { display: grid; place-items: center; padding: 0; backdrop-filter: none; -webkit-backdrop-filter: none; }
.nav__contact img { display: block; position: static; transform: none; margin: 0; }
.nav__tech { align-self: flex-end; transform: none; margin-bottom: 0; }
.grain { display: none; }
.air-hero { position: relative; padding: 0; background: #0b0b0a; color: #f4f2ed; }
.air-sticky { height: calc(100svh - 32px); min-height: 730px; position: relative; overflow: clip; display: flex; align-items: center; isolation: isolate; }
body.air-intro-playing { overflow: hidden; }
.air-skip { position: absolute; right: 5%; bottom: 26px; z-index: 6; padding: 12px 18px; border: 1px solid #777; border-radius: 999px; background: #171717; color: #fff; cursor: pointer; font: 14px var(--font-sans); }
.air-skip[hidden] { display: none; }
.air-skip:focus-visible { outline: 2px solid #ff5e1a; outline-offset: 4px; }
.air-copy { position: relative; z-index: 2; width: 52%; padding: 80px 0 80px 5%; pointer-events: none; opacity: var(--copy-opacity,1); transform: translateY(var(--copy-shift,0)); }
.air-copy a { pointer-events: auto; }
.air-eyebrow { margin: 0 0 28px; font: 400 11px/1.5 var(--font-sans); letter-spacing: 0; text-transform: uppercase; color: #e1dfda; }
.air-copy h1 { margin: 0 0 28px; font: 400 76px/1.08 Georgia,serif; letter-spacing: 0; }
.air-copy em, .project-preview em, .portfolio-page em { color: #ff5e1a; font-weight: 400; }
.air-copy em, .project-preview em, .portfolio-page em { font-style: italic; }
.air-intro { margin: 0; max-width: 440px; font-size: 20px; line-height: 1.5; color: #fff; }
.air-offer { color: #bdbbb6; font-size: 16px; line-height: 1.65; max-width: 440px; margin: 18px 0 0; }
.air-actions { display: flex; align-items: center; gap: 24px; margin-top: 38px; }
.air-primary { display: inline-flex; align-items: center; justify-content: center; min-height: 54px; padding: 17px 28px; background: #ff5e1a; color: #fff; border-radius: 32px; font: 500 15px/1.4 var(--font-sans); text-decoration: none; white-space: nowrap; transition: background .2s; }
.air-primary:hover { background: #e94d0b; color: #fff; }
.air-secondary { display: inline-block; width: fit-content; padding: 10px 0; border-bottom: 1px solid #8c8880; font: 400 14px/1.5 var(--font-sans); color: #f4f2ed; text-decoration: none; }
.air-secondary:hover { color: #ff783f; border-color: currentColor; }
.air-primary:focus-visible,.air-secondary:focus-visible,.project-teaser:focus-visible { outline: 2px solid #ff783f; outline-offset: 6px; }
.air-stage { position: absolute; inset: 0; pointer-events: none; }
.air-stage canvas { display: block; width: 100%; height: 100%; opacity: 0; transition: opacity .3s; }
.air-stage.ready canvas { opacity: var(--scene-opacity,1); }
.air-fallback { display: block; position: absolute; width: 44%; height: auto; left: 53%; top: 50%; transform: translateY(-50%); border-radius: 6px; }
.air-stage.ready .air-fallback { display: none; }
.air-stage.failed canvas { display: none; }
.air-bottom { position: absolute; bottom: 28px; left: 5%; right: 5%; border-top: 1px solid rgba(255,255,255,.2); padding-top: 22px; display: flex; justify-content: space-between; align-items: center; gap: 24px; opacity: var(--copy-opacity,1); }
.air-hero.is-static { height: auto; --copy-opacity:1!important; --copy-shift:0px!important; }
.air-hero.is-static .air-sticky { position: relative; }
.air-delivery { display: flex; align-items: center; gap: 38px; list-style: none; margin: 0; padding: 0; }
.air-delivery li { display: flex; align-items: center; gap: 12px; font-size: 13px; line-height: 1.5; color: #ceccc6; }
.air-delivery li span { color: #ff5e1a; font-size: 17px; }
.air-scroll { color: #ff5e1a; font-size: 24px; }
.project-preview { padding: 100px max(5%,20px); background: #0e0f10; border-bottom: 1px solid #292a2b; }
.project-preview__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; max-width: 1360px; margin: 0 auto 44px; }
.project-preview h2,.portfolio-contact h2 { font: 400 48px/1.1 Georgia,serif; margin: 0; letter-spacing: 0; }
.project-preview__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px; max-width: 1360px; margin: auto; }
.project-teaser { display: block; color: #f4f2ed; text-decoration: none; min-width: 0; }
.project-teaser img { display: block; width: 100%; aspect-ratio: 1.6; height: auto; object-fit: cover; object-position: top; border-radius: 8px; background: #111; border: 1px solid #343638; }
.project-teaser > div { padding: 24px 0 0; }
.project-teaser span,.portfolio-project__heading > span { font-size: 11px; text-transform: uppercase; color: #aaa8a2; letter-spacing: 0; }
.project-teaser h3 { font: 400 32px/1.2 Georgia,serif; margin: 12px 0; }
.project-teaser p { color: #bdbbb6; font-size: 15px; line-height: 1.6; margin: 0; max-width: 490px; }
.project-teaser b { display: inline-block; color: #ff783f; font-size: 13px; font-weight: 500; border-bottom: 1px solid #aa4c25; margin-top: 20px; padding-bottom: 5px; }
.project-teaser:hover b { color: #fff; }
.portfolio-page { padding-top: 80px; }
.portfolio-heading { padding: 80px max(5%,20px) 72px; background: #0d0e0f; }
.portfolio-heading h1 { font: 400 72px/1.1 Georgia,serif; margin: 0 0 28px; letter-spacing: 0; }
.portfolio-heading > p:last-child { max-width: 600px; font-size: 18px; line-height: 1.6; color: #bdbbb6; }
.portfolio-project { max-width: 1440px; margin: auto; padding: 80px max(5%,20px); scroll-margin-top: 80px; border-bottom: 1px solid #2b2b2b; }
.portfolio-project h2 { font: 400 48px/1.1 Georgia,serif; margin: 16px 0; }
.portfolio-project__heading > p { color: #bdbbb6; font-size: 17px; line-height: 1.6; max-width: 700px; }
.portfolio-project__body { display: grid; grid-template-columns: minmax(0,1.55fr) minmax(290px,1fr); gap: 42px; align-items: start; margin-top: 36px; }
.portfolio-project figure { margin: 0; min-width: 0; }
.portfolio-project figure img { width: 100%; height: auto; display: block; border: 1px solid #383d42; border-radius: 22px; }
#spektr figure img { filter: saturate(1.22) contrast(1.04); }
.portfolio-project figcaption { color: #9e9c97; font-size: 12px; line-height: 1.5; margin-top: 12px; }
.studio-screens { display: grid; grid-template-columns: minmax(0,1fr) 150px; align-items: start; gap: 20px; }
.studio-screens__phone img { border: 0!important; }
.portfolio-project__details { display: grid; gap: 24px; margin: 0; min-width: 0; }
.portfolio-project__details .air-primary { justify-self: start; white-space: normal; text-align: center; }
.portfolio-project__details h3 { font-size: 18px; margin: 0 0 15px; font-weight: 500; }
.portfolio-project__details p,.portfolio-project__details li { font-size: 15px; line-height: 1.7; color: #bdbbb6; }
.portfolio-project__details ul { padding-left: 18px; margin: 0; }
.portfolio-contact { text-align: center; padding: 90px 20px; }
.portfolio-contact .air-primary { margin-top: 32px; }
@media(min-width:1600px){ .air-copy h1{font-size:92px} }
@media(max-width:1200px){ .nav__links{gap:16px}.nav__inner{gap:16px}.air-copy h1{font-size:60px}.air-actions{gap:18px}.air-primary{padding:16px 24px}.air-intro{font-size:18px} }
@media(max-width:1000px){
  .air-sticky{display:block;min-height:810px}
  .air-copy{width:100%;padding:118px 6% 0}.air-copy h1{font-size:48px;margin-bottom:20px}
  .air-intro{font-size:16px;max-width:440px}.air-offer{font-size:14px;line-height:1.5;margin-top:12px}
  .air-actions{margin-top:24px}.air-eyebrow{margin-bottom:20px}
  .air-stage{inset:0}.air-fallback{width:80%;left:10%;top:auto;bottom:100px;transform:none}
  .air-bottom{left:6%;right:6%;padding-top:12px;bottom:18px}.air-delivery{gap:24px}.air-delivery li{font-size:12px;gap:8px}
}
@media(max-width:1100px){
  .nav{padding:16px 5%;padding-top:max(16px,env(safe-area-inset-top))}.nav__links{display:none}.nav__contacts{grid-column:2;display:flex;gap:6px;margin:0;padding-right:0}.nav__inner{grid-template-columns:minmax(0,1fr) auto auto;gap:10px}.nav__burger{grid-column:3;position:relative}.nav__contact{width:36px;height:36px}.nav__burger{display:flex;width:40px;height:40px}.nav__wordmark{font-size:25px}.nav__tech{font-size:7px}.mobile-menu{top:84px;padding:0}
  .portfolio-project__body{grid-template-columns:1fr;gap:30px}.studio-screens{grid-template-columns:minmax(0,1fr) 180px}
}
@media(max-width:700px){
  .air-copy{padding-top:110px}.air-copy h1{font-size:40px}.air-intro{font-size:15px}.air-actions{gap:16px}.air-primary{font-size:14px;padding:15px 20px;min-height:48px}.air-secondary{font-size:12px}.air-stage{inset:0}.air-bottom{gap:16px}.air-delivery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.air-delivery li{display:block;font-size:10px;line-height:1.4}.air-delivery li span{display:block;font-size:13px;margin-bottom:4px}
  .studio-screens{grid-template-columns:1fr;gap:24px}.studio-screens__phone{max-width:240px;margin:0 auto!important}
  .project-preview{padding-top:60px;padding-bottom:60px}.project-preview__head{display:block}.project-preview__head>a{margin-top:22px}.project-preview h2,.portfolio-contact h2{font-size:36px}.project-preview__grid{grid-template-columns:1fr;gap:40px}.project-teaser h3{font-size:28px}
  .portfolio-heading{padding-top:55px;padding-bottom:45px}.portfolio-heading h1{font-size:44px}.portfolio-heading>p:last-child{font-size:16px}.portfolio-project{padding-top:50px;padding-bottom:50px}.portfolio-project h2{font-size:36px}.portfolio-project__details{grid-template-columns:1fr;gap:28px}.portfolio-project__heading>p{font-size:16px}
}
@media(max-width:370px){.nav__contact:not(.nav__contact--phone){display:none}.nav__wordmark{font-size:23px}.air-copy{padding-left:5%;padding-right:5%;padding-top:100px}.air-copy h1{font-size:36px}.air-actions{gap:12px}.air-primary{font-size:13px;padding:14px 15px}.air-sticky{min-height:890px}}
@media(max-height:650px) and (min-width:1001px){.air-sticky{min-height:660px}.air-copy{padding-top:90px}.air-copy h1{font-size:48px}.air-intro{font-size:16px}.air-offer{font-size:14px}.air-actions{margin-top:24px}}
@media(prefers-reduced-motion:reduce){.air-hero{height:auto}.air-sticky{position:relative}.air-scroll{visibility:hidden}.air-stage canvas{transition:none}}

/* Small glass surfaces; large scrolling sections do not acquire backdrop blur. */
.contact-hero__ways { gap: 20px; }
.contact-hero__ways li { position: relative; border-radius: 999px; padding: 26px 34px; min-height: 138px; background: linear-gradient(125deg,rgba(255,255,255,.11),rgba(255,255,255,.025)); border: 1px solid rgba(255,255,255,.22); box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 12px 28px -22px #000; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
.contact-hero__ways li:hover,.contact-hero__ways li:focus-within { border-color: rgba(255,122,61,.65); background-color: rgba(255,255,255,.04); transform: none; }
.contact-hero__ways a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.contact-hero__ways a { overflow-wrap: anywhere; font-size: 23px; }
.contact-hero__way-icon { width: 54px; height: 54px; border: 1px solid rgba(255,255,255,.16); background: rgba(255,255,255,.07); }
.contact-hero__way-h { letter-spacing: 0; }
.contact-hero__ways a:focus-visible { outline: none; }
.contact-hero__ways li:has(a:focus-visible) { outline: 2px solid #ff783f; outline-offset: 5px; }
.pkg__card,.stack__card,.blog-feature,.cost-factor,.internal-ops__item { border-radius: 26px; border-color: rgba(255,255,255,.17); background-color: rgba(255,255,255,.045); box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 16px 48px -40px #000; }
.pkg__card { background: linear-gradient(125deg,rgba(255,255,255,.085),rgba(255,255,255,.025)); }
.srv__device,.connected-service { border-radius: 26px; border-color: rgba(255,255,255,.2); background: linear-gradient(125deg,rgba(255,255,255,.085),rgba(255,255,255,.025)); box-shadow: inset 0 1px 0 rgba(255,255,255,.12),0 18px 45px -35px #000; }
.pkg__lock-ico { width: 88px; height: 100px; max-width: none; overflow: visible; flex: none; filter: none; }
.pkg__step:not(.is-active):hover .pkg__lock-ico { filter: none; }
.about__photo-wrap { aspect-ratio: 3 / 4; border-radius: 28px; }
.about__photo,.about__photo-wrap:hover .about__photo { filter: none; transform: none; object-position: center; }
@media(max-width:700px){
  .contact-hero__ways{gap:14px}.contact-hero__ways li{padding:22px 24px;min-height:132px;column-gap:16px}.contact-hero__ways a{font-size:18px}.contact-hero__way-meta{font-size:10px}.contact-hero__way-icon{width:44px;height:44px}
  .pkg__card,.stack__card,.blog-feature,.cost-factor,.srv__device,.connected-service{border-radius:22px}
}

/* Static editorial hero: no loading gate, canvas or scroll-bound movement. */
.air-hero { isolation: isolate; background: #101112; }
.founder-hero__image { position: absolute; inset: 0 0 auto; width: 100%; height: calc(100% - 84px); object-fit: cover; object-position: center; z-index: -1; }
.air-sticky { height: auto; min-height: min(760px,calc(100svh - 170px)); padding: 130px 0 64px; overflow: visible; }
.air-copy { padding: 0 0 0 5%; width: 50%; opacity: 1; transform: none; pointer-events: auto; }
.air-copy h1 { font-size: 72px; line-height: 1.08; }
.air-copy .air-intro { max-width: 410px; }
.air-copy .air-offer { max-width: 430px; color: #d0d0cd; }
.air-bottom { position: relative; inset: auto; margin: 0 5%; min-height: 84px; padding: 20px 0; opacity: 1; }
.air-delivery { width: 100%; justify-content: space-between; align-items: start; gap: 20px; }
.air-eyebrow { color: #ccc; }
.services-stack { padding-top: 72px; }
.services-stack .stack { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
.services-stack .stack__card { position: relative; top: auto; margin: 0; min-height: 0; display: flex; flex-direction: column; align-items: stretch; padding: 38px 32px 30px; gap: 24px; transform: none; opacity: 1; will-change: auto; background: #181817; backdrop-filter: none; -webkit-backdrop-filter: none; }
.stack__body { min-width: 0; }
.services-stack .stack__title { font-size: 34px; line-height: 1.15; letter-spacing: 0; padding-right: 52px; margin-bottom: 18px; }
.services-stack .stack__text { font-size: 15px; }
.services-stack .stack__num { font-size: 56px; top: 28px; right: 24px; color: #ff5e1a; background: none; opacity: .85; letter-spacing: 0; }
.services-stack .stack__visual { margin-top: auto; min-height: 220px; width: 100%; padding: 16px 0 0; }
.services-stack .stack__diagram { transform: scale(.8); transform-origin: center; min-height: 290px; }
.services-stack .stack__bullets { margin-top: 20px; }
@media(min-width:1700px){.air-copy h1{font-size:86px}.air-sticky{min-height:850px}}
@media(max-width:1200px) and (min-width:1001px){.air-copy h1{font-size:58px}.air-copy{width:51%}.air-sticky{min-height:720px}.air-copy .air-intro{max-width:370px}.air-copy .air-offer{max-width:370px}}
@media(max-width:1000px){
  .air-sticky{min-height:0;padding:112px 0 0;display:block}
  .air-copy{width:100%;padding:0 6%}.air-copy h1{font-size:48px;max-width:560px}
  .air-copy .air-intro,.air-copy .air-offer{max-width:560px}
  .founder-hero__image{position:relative;inset:auto;display:block;height:420px;width:100%;object-fit:cover;object-position:78% 35%;z-index:0;order:2}
  .air-hero{display:flex;flex-direction:column}.air-sticky{order:1}.air-bottom{order:3;margin:0 6%;min-height:84px}
  .services-stack .stack__card{padding:32px 24px 24px}.services-stack .stack__title{font-size:29px}
}
@media(max-width:700px){
  .air-sticky{padding-top:108px}.air-copy h1{font-size:42px}.air-eyebrow{margin-bottom:20px}
  .air-actions{flex-wrap:wrap;margin-top:24px;gap:20px}.air-copy .air-intro{font-size:16px}.air-copy .air-offer{font-size:14px}
  .founder-hero__image{height:260px;width:100%;object-position:right center;margin-top:24px}
  .air-bottom{padding:18px 0}.air-delivery{gap:14px}.air-delivery li{font-size:11px;line-height:1.45}
  .services-stack .stack{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;gap:14px;padding:0 20px 18px;scroll-padding-inline:20px;scrollbar-width:thin;scrollbar-color:#ff5e1a #242422}
  .services-stack .stack__card{flex:0 0 calc(100% - 16px);scroll-snap-align:start;position:relative;top:auto;padding:28px 22px;gap:20px}
  .services-stack .stack__title{font-size:28px;padding-right:35px}.services-stack .stack__num{font-size:40px;right:18px;top:26px}
  .services-stack .stack__text{font-size:14px;line-height:1.55}.services-stack .stack__visual{display:none}
  .services-stack .stack__bullets{font-size:12px;gap:12px}.services-stack .stack__bullets--row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.services-stack .stack__bullets--row li:last-child{grid-column:1/-1}
}
@media(max-width:370px){.air-copy h1{font-size:36px}.founder-hero__image{height:220px}.air-actions{gap:14px}.services-stack .stack__title{font-size:26px}}

.portfolio-index { display: flex; flex-wrap: wrap; gap: 20px 30px; margin-top: 30px; }
.portfolio-index a { color: #eee; border-bottom: 1px solid #62605c; padding-bottom: 6px; font-size: 14px; }
.case-gallery { min-width: 0; }
.case-gallery__tabs { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 16px; }
.case-gallery__tabs button { border: 1px solid transparent; background: transparent; color: #bbb; padding: 10px 15px; border-radius: 999px; font: 400 13px/1.4 var(--font-sans); cursor: pointer; }
.case-gallery__tabs button[aria-pressed="true"] { color: #fff; background: rgba(255,255,255,.09); border-color: rgba(255,255,255,.28); }
.case-gallery__tabs button:hover { color: #ff783f; }
.case-gallery__tabs button:focus-visible,.case-gallery__track:focus-visible { outline: 2px solid #ff783f; outline-offset: 3px; }
.case-gallery__track { display: flex; align-items: flex-start; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; gap: 24px; scrollbar-width: thin; scrollbar-color: #67635f transparent; }
.case-gallery__track figure { flex: 0 0 100%; scroll-snap-align: start; }
.case-gallery__track figure > a { display: flex; justify-content: center; align-items: flex-start; aspect-ratio: 1.6; }
.portfolio-project .case-gallery__track img { object-fit: contain; object-position: top; width: 100%; height: 100%; border-radius: 18px; }
.portfolio-project .case-gallery__portrait img { width: auto; max-width: 100%; border-radius: 22px; }
.case-gallery__track figcaption { min-height: 42px; padding-bottom: 10px; }
#mentori figure img { filter: saturate(1.2) contrast(1.06); }
.case-demo-note { color: #a8a8a4; font-size: 12px; line-height: 1.6; margin: 16px 0 0; }
.portfolio-mobile { display: grid; grid-template-columns: minmax(0,1fr) 220px 220px; align-items: center; gap: 34px; padding-top: 64px; margin-top: 50px; border-top: 1px solid #30302d; }
.portfolio-mobile h3 { font: 400 36px/1.2 Georgia,serif; margin: 0 0 20px; }
.portfolio-mobile p { max-width: 370px; color: #bdbbb6; font-size: 16px; line-height: 1.7; }
.portfolio-mobile figure img { border: 5px solid #333331; border-radius: 30px; }
@media(max-width:1000px){.portfolio-mobile{grid-template-columns:minmax(0,1fr) 180px 180px;gap:24px}.portfolio-mobile h3{font-size:30px}}
@media(max-width:700px){.portfolio-mobile{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding-top:36px;margin-top:36px}.portfolio-mobile>div{grid-column:1/-1}.portfolio-mobile figure img{border-width:3px;border-radius:20px}.case-gallery__tabs{gap:2px}.case-gallery__tabs button{padding:9px 11px;font-size:12px}.case-gallery__track figure>a{aspect-ratio:1.6}.case-gallery__track{align-items:stretch}.case-gallery__track figure{align-self:flex-start}.portfolio-index{gap:16px 24px}}