.portfolio-page,.case-page,.auth-page,.os-shell,.legal-page{overflow-x:clip}@media (max-width:768px){.portfolio-page,.case-page,.auth-page,.os-shell,.legal-page{-webkit-tap-highlight-color:transparent}.portfolio-page :is(h1,h2,h3),.case-page :is(h1,h2,h3),.auth-page :is(h1,h2),.os-shell :is(h1,h2,h3),.legal-page :is(h1,h2){text-wrap:balance}.portfolio-page :is(p,li,dd),.case-page :is(p,li,dd),.auth-page p,.os-shell :is(p,li,dd),.legal-page p{text-wrap:pretty}body>.language-switcher{right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));border-color:color-mix(in srgb, var(--brand-secondary) 13%, transparent);background:color-mix(in srgb, var(--surface) 88%, transparent);box-shadow:0 18px 44px -28px color-mix(in srgb, var(--brand-secondary) 55%, transparent);-webkit-backdrop-filter:blur(18px)saturate(150%)}:is(.portfolio-page,.case-page,.auth-page,.os-shell,.legal-page) :is(a,button,summary,input,select,textarea):focus-visible{outline:2px solid var(--brand-primary);outline-offset:3px}}@media (prefers-reduced-motion:reduce){:is(.portfolio-page,.case-page,.auth-page,.os-shell,.legal-page) *,:is(.portfolio-page,.case-page,.auth-page,.os-shell,.legal-page) :before,:is(.portfolio-page,.case-page,.auth-page,.os-shell,.legal-page) :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}