/* CG189 · /studio/ takes AI-native websites, AI-native apps and Social content as sections (Steven, Nov 2, 2:35): each opens
   on its card label, its retired page's headline and line, then its six feature plates. Plates as on the service pages
   (bold-studio-sub-cg186.css, studio-polish-cg186.css); on phones the six plates swipe in one row. */
@media (min-width:761px){
html body main#main:not(#z1):not(#z2):not(#z3) .sv-sec h2{font-size:clamp(48px,6vw,86px)!important;letter-spacing:-.042em!important;line-height:.95!important;max-width:none!important}
html body main#main:not(#z1):not(#z2):not(#z3) .sv-feat .st-fn{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;margin-top:48px!important;counter-reset:ft;border-top:0!important;padding-top:0!important}
}
html body main#main:not(#z1):not(#z2):not(#z3) .sv-feat .st-fn>div{position:relative;counter-increment:ft;background:#fff;border:1px solid #e3e8f2;border-radius:20px!important;padding:32px 32px 36px!important;box-shadow:var(--sp-shadow);transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .3s}
html body main#main:not(#z1):not(#z2):not(#z3) .sv-feat .st-fn>div::before{content:counter(ft,decimal-leading-zero);display:block;font:800 40px/1 Rubik;letter-spacing:-2px;color:#1559f5;margin-bottom:24px}
html body main#main:not(#z1):not(#z2):not(#z3) .sv-feat .st-fn dt{font:700 24px/1.15 Rubik!important;letter-spacing:-.6px!important;text-transform:none!important;color:#0a1633!important;margin-bottom:8px}
html body main#main:not(#z1):not(#z2):not(#z3) .sv-feat .st-fn dd{font-size:15px!important;line-height:1.55!important;margin:0!important}
html body main#main:not(#z1):not(#z2):not(#z3) .sv-feat .st-ic{position:absolute;top:28px;right:28px;width:48px;height:48px;padding:12px;box-sizing:border-box;border-radius:50%;background:#eef3ff;stroke:#1559f5}
@media (hover:hover){html body main#main:not(#z1):not(#z2):not(#z3) .sv-feat .st-fn>div:hover{transform:translateY(-4px);box-shadow:var(--sp-lift)}}
@media (min-width:761px) and (max-width:1100px){html body main#main:not(#z1):not(#z2):not(#z3) .sv-feat .st-fn{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:760px){
  html body main#main:not(#z1):not(#z2):not(#z3) .sv-feat{margin:0 -16px}
  html body main#main:not(#z1):not(#z2):not(#z3) .sv-feat .st-fn{display:flex!important;gap:12px!important;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 16px 16px!important;margin:0!important;border:0!important;scrollbar-width:none}
  html body main#main:not(#z1):not(#z2):not(#z3) .sv-feat .st-fn::-webkit-scrollbar{display:none}
  html body main#main:not(#z1):not(#z2):not(#z3) .sv-feat .st-fn>div{flex:0 0 78%;scroll-snap-align:center;padding:24px 20px 24px!important}
  html body main#main:not(#z1):not(#z2):not(#z3) .sv-feat .st-fn>div::before{font-size:32px;margin-bottom:16px}
  html body main#main:not(#z1):not(#z2):not(#z3) .sv-feat .st-fn dt{font-size:20px!important}
  html body main#main:not(#z1):not(#z2):not(#z3) .sv-feat .st-ic{top:20px;right:20px;width:44px;height:44px;padding:10px}
  html body main#main:not(#z1):not(#z2):not(#z3) .sv-feat .st-fn:focus-visible{outline:2px solid #1559f5;outline-offset:-2px}
}