/* LSN 4.1 — one liquid-glass system across every public page. */
:root {
  --liquid-fill: linear-gradient(135deg,#ffffffe0 0%,#ffffff70 43%,#f5f6ff80 75%,#ffffffb0 100%);
  --liquid-line: #fffffff0;
  --liquid-shadow: 0 15px 38px #35457510, 0 2px 5px #3d4c7e05, inset 0 1px 0 #fff, inset 1px 0 0 #ffffffb3, inset 0 -1px 1px #aeb9d529;
  --liquid-blur: blur(22px) saturate(1.4);
  --liquid-sheen-duration: 16s;
}

/* Colour behind the glass makes the material visible throughout long pages. */
.ambient-backdrop { background: radial-gradient(ellipse at 85% 5%,#cbc8f67a,transparent 51%), radial-gradient(ellipse at 0% 65%,#b1d9e563,transparent 48%), linear-gradient(125deg,#edf0f9,#edf0fc 56%,#f4f1f9); }
.ambient-backdrop > i { width: 85vmax; height: 85vmax; }
.ambient-backdrop > i:nth-child(1) { background: radial-gradient(circle,#ada1ef66,transparent 67%); right: -32%; top: -43%; }
.ambient-backdrop > i:nth-child(2) { background: radial-gradient(circle,#a5d4e566,transparent 66%); left: -42%; top: 12%; }
.ambient-backdrop > i:nth-child(3) { background: radial-gradient(circle,#cfade54a,transparent 67%); bottom: -48%; }
.section-tint { background: linear-gradient(120deg,#dbd7f653,#e5eafa45 52%,#c6e0ed54); border-color: #ffffffa3; }
.site-header { background: linear-gradient(135deg,#ffffffbb,#fcfdff75); border: 1px solid #fffffff2; box-shadow: 0 12px 38px #35457512,inset 0 2px 1px #fff,inset 0 -1px 0 #bbc5dd40; -webkit-backdrop-filter: blur(32px) saturate(1.6); backdrop-filter: blur(32px) saturate(1.6); }
.site-header.is-scrolled { background: linear-gradient(135deg,#ffffffe0,#f7f9ffc7); box-shadow: 0 13px 35px #2c3a651c,inset 0 2px 1px #fff; }

/* Continuous material, including the previously plain supporting pages. */
.studio-teaser, .studio-teaser-item, .service-card, .studio-price-card,
.project-card-link, .studio-work-card, .portfolio-case,
.document-card, .contact-card, .owner-card, .info-panel, .business-panel,
.notice-row, .embed-panel, .values-grid > article, .about-story-copy,
.hosting-top > div:last-child, .phone-grid > div, .additional-email,
.contacts-social, .payment-links > a, .faq-list details,
.step, .studio-process-grid > article, .studio-maintenance,
.portfolio-archive details, .service-detail {
  position: relative;
  isolation: isolate;
  min-width: 0;
  border: 1px solid var(--liquid-line);
  border-radius: 25px;
  background: var(--liquid-fill);
  box-shadow: var(--liquid-shadow);
  -webkit-backdrop-filter: var(--liquid-blur);
  backdrop-filter: var(--liquid-blur);
}
.studio-teaser::before, .studio-teaser-item::before, .service-card::before,
.studio-price-card::before, .project-card-link::before, .studio-work-card::before,
.portfolio-case::before, .document-card::before, .contact-card::before,
.owner-card::before, .info-panel::before, .business-panel::before,
.notice-row::before, .embed-panel::before, .values-grid > article::before,
.about-story-copy::before, .hosting-top > div:last-child::before,
.phone-grid > div::before, .additional-email::before, .contacts-social::before,
.payment-links > a::before, .faq-list details::before, .step::before,
.studio-process-grid > article::before, .studio-maintenance::before,
.portfolio-archive details::before, .service-detail::before {
  content: ''; position: absolute; inset: 0; width: auto; height: auto;
  z-index: -1; border-radius: inherit; pointer-events: none; box-shadow: none;
  background: radial-gradient(360px circle at var(--pointer-x,18%) var(--pointer-y,0%),#c9b9ff6b,transparent 72%);
  opacity: .3; transition: opacity .5s;
}
.studio-teaser::after, .studio-teaser-item::after, .service-card::after,
.studio-price-card::after, .project-card-link::after, .studio-work-card::after,
.portfolio-case::after, .document-card::after, .contact-card::after,
.owner-card::after, .info-panel::after, .business-panel::after,
.notice-row::after, .embed-panel::after, .values-grid > article::after,
.about-story-copy::after, .hosting-top > div:last-child::after,
.phone-grid > div::after, .additional-email::after, .contacts-social::after,
.payment-links > a::after, .faq-list details::after, .step::after,
.studio-process-grid > article::after, .studio-maintenance::after,
.portfolio-archive details::after, .service-detail::after {
  content: ''; position: absolute; inset: 1px; z-index: -1; border-radius: inherit;
  pointer-events: none; background-image: linear-gradient(112deg,transparent 30%,#ffffff03 37%,#ffffffb8 45%,#ffffff10 52%,transparent 60%);
  background-size: 260% 100%; background-repeat: no-repeat; opacity: .52;
  animation: liquid-surface-sheen var(--liquid-sheen-duration) ease-in-out infinite;
}
[data-glass-surface].has-pointer::before { opacity: .95; }
:is(.service-card,.studio-price-card,.document-card,.contact-card,.step,.studio-process-grid > article):nth-child(2n) { --liquid-sheen-duration: 19s; }
:is(.service-card,.studio-price-card,.document-card,.contact-card,.step,.studio-process-grid > article):nth-child(3n) { --liquid-sheen-duration: 22s; }
.studio-price-card--featured, .contact-card--featured { background: linear-gradient(132deg,#e5dfffcf,#ffffff91 64%,#cfd9f75c); border-color: #faf8ff; box-shadow: var(--liquid-shadow),0 0 0 1px #bcafe63b; }
.studio-teaser { background: linear-gradient(125deg,#ddd5ff91,#ffffff7a 56%,#d4e6f66e); }
.project-card--games > .project-card-link { background: var(--liquid-fill); border-color: #fff; border-radius: 25px; }
.studio-teaser-item { border-radius: 18px; }
.project-art { border: 1px solid #ffffff75; box-shadow: inset 0 1px 0 #ffffff40; }
.portfolio-case .project-art { border-radius: 0; border-width: 0; }
.portfolio-case-visual { background: #e2e8f477; }
.portfolio-case-copy { background: transparent; }

/* Internal page covers now feel like part of the same studio. */
.page-intro { position: relative; isolation: isolate; overflow: clip; margin-top: 34px; margin-bottom: 42px; padding: 36px 44px 44px; border: 1px solid #ffffffed; border-radius: 30px; background: linear-gradient(125deg,#ffffffbd,#ffffff5e 60%,#dbddfb70); box-shadow: var(--liquid-shadow); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); }
.page-intro .breadcrumbs { margin-bottom: 31px; }
.page-intro .eyebrow { position: relative; z-index: 2; }
.page-intro h1 { position: relative; z-index: 2; max-width: 70%; font-size: clamp(43px,5vw,69px); letter-spacing: -.06em; }
.page-intro .intro-description { position: relative; z-index: 2; max-width: 69%; font-size: 15px; line-height: 1.85; margin-top: 24px; }
.portfolio-intro { position: relative; isolation: isolate; overflow: clip; margin-top: 34px; padding: 34px 43px 29px; border: 1px solid #fff; border-radius: 30px; background: linear-gradient(125deg,#ffffffac,#f5f5ff54); box-shadow: var(--liquid-shadow); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); }
.portfolio-intro .breadcrumbs { margin-bottom: 30px; }
.portfolio-intro-grid { gap: 38px; }
.portfolio-intro h1 { font-size: clamp(46px,6vw,78px); }
.portfolio-intro-bottom { margin-top: 34px; border-color: #c5cae463; }
.studio-breadcrumb .breadcrumbs { display: flex; width: fit-content; padding: 9px 16px; border: 1px solid #fff; border-radius: 100px; background: #ffffff78; box-shadow: 0 5px 15px #3d467b05; }
.studio-section-nav, .document-toolbar, .portfolio-toolbar { position: relative; isolation: isolate; padding: 16px 23px; border: 1px solid #ffffffdd; border-radius: 23px; background: #ffffff7a; box-shadow: var(--liquid-shadow); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); }
.studio-section-nav { gap: 18px; }
.studio-section-nav > a { padding-inline: 5px; }
.document-toolbar { gap: 18px; }
.document-filters { gap: 6px; }
.filter-button, .portfolio-filters, .language-switch { background: #ffffff63; box-shadow: inset 0 1px 0 #ffffffc9,0 3px 12px #424c7c04; }
.portfolio-filters { border-color: #ffffffb0; }
.filter-button { border-color: #ffffffcc; }
.filter-button[aria-pressed="true"], .portfolio-filter[aria-pressed="true"] { background: linear-gradient(135deg,#70629b,#4b466e); box-shadow: inset 0 1px 0 #ffffff36,0 5px 12px #43335d26; border-color: #c1b4db70; }

/* Service descriptions, agency values and operational details get real surfaces. */
.service-detail { padding: 40px; margin-bottom: 24px; gap: 58px; }
.service-detail-heading, .service-detail-body { min-width: 0; }
.service-detail-heading h2 { font-size: clamp(31px,3.1vw,43px); }
.service-detail-body .large-text { font-size: 19px; }
.service-details { padding-top: 8px; }
.about-story { gap: 30px; align-items: stretch; }
.about-story-copy { padding: 37px; display: flex; flex-direction: column; justify-content: center; }
.about-story-copy .text-link { align-self: flex-start; }
.about-poster { min-width: 0; }
.values-grid { gap: 23px; }
.values-grid > article { padding: 30px; }
.values-grid article .index-number { display: grid; place-items: center; width: 42px; height: 36px; border: 1px solid #ffffff; border-radius: 12px; background: #e9e1fc6b; margin-bottom: 26px; }
.values-grid article h3, .values-grid article h2 { font-size: 24px; }
.values-grid article p { font-size: 14px; }
.about-legal { gap: 45px; }
.owner-card { padding: 34px; }
.step { padding: 28px; }
.step .index-number { margin-bottom: 22px; }
.steps-grid { gap: 20px; }
.step h3 { font-size: 18px; }
.step p { font-size: 13px; }
.studio-process-grid { gap: 20px; }
.studio-process-grid > article { padding: 28px; }
.studio-process-index { margin-bottom: 24px; }
.studio-process-grid h3 { font-size: 20px; }
.studio-process-grid p { font-size: 13px; }
.studio-maintenance { padding: 35px; margin-top: 54px; margin-bottom: 64px; width: min(calc(100% - 112px),1280px); }
.hosting-top { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 27px; align-items: stretch; }
.hosting-top > div:last-child { padding: 38px; display: flex; flex-direction: column; justify-content: center; }
.hosting-top > div:last-child > .button { align-self: flex-start; }
.hosting-top .project-art { min-width: 0; width: 100%; min-height: 340px; height: auto; aspect-ratio: auto; align-self: stretch; }
.hosting-top .large-text { font-size: 19px; }
.hosting-info { gap: 23px; margin-top: 28px; }
.embed-panel { padding: 30px; }
.embed-panel pre { border: 1px solid #b1b7d43b; border-radius: 17px; background: linear-gradient(135deg,#2b2e47,#343b57); box-shadow: inset 0 2px 12px #14182c35; }
.phone-grid { gap: 23px; padding-block: 27px; }
.phone-grid > div { padding: 29px; }
.phone-link { font-size: clamp(24px,2.2vw,31px); gap: 17px; }
.additional-email { padding: 21px 29px; border-radius: 20px; }
.contacts-social { padding: 25px 29px; margin-top: 27px; border-radius: 22px; }
.business-panel { margin-top: 28px; }
.business-primary { gap: 20px; margin-bottom: 27px; }
.business-primary > div { padding: 17px 20px; background: #ffffff53; border: 1px solid #ffffffbd; border-radius: 16px; box-shadow: inset 0 1px 0 #fff; }
.bank-details { border-color: #cdd2e65e; }
.bank-details > summary { gap: 18px; padding-top: 20px; }
.details-list > div { border-color: #cdd2e670; }
.payment-links { gap: 20px; }
.payment-links > a { padding: 27px; }
.dns-list > div { border-color: #cdd4e978; }
.document-card { padding: 28px; }
.document-card .pill-tag { background: #ffffff6e; border-color: #ffffffd6; color: #666080; }
.document-icon { border: 1px solid #fefcff; background: linear-gradient(135deg,#e5d8ffb5,#eeeffc8a); box-shadow: inset 0 1px 0 #fff,0 7px 16px #6c579d12; }
.document-card-bottom { border-color: #c7cfe668; }
.notice-row { border-radius: 22px; }
.faq-list details { border-radius: 19px; }
.faq-list details[open] { background: linear-gradient(120deg,#ffffffeb,#f6f4ffe0); box-shadow: var(--liquid-shadow),0 8px 25px #6f63a110; }
.faq-plus { background: linear-gradient(135deg,#ffffffcf,#e2dbf58a); border-color: #ffffffeb; box-shadow: inset 0 1px 0 #fff; }
.portfolio-archive details { padding-inline: 26px; }
.portfolio-archive summary { padding-block: 5px; }

/* Glass also covers controls and the interior of the dark sections. */
.button-dark { background: linear-gradient(135deg,#454363,#2b2f48); border-color: #8b83aa70; box-shadow: inset 0 1px 0 #d6d0e950,inset 0 -1px 0 #191d344f,0 8px 20px #28264d1c; }
.button-dark:hover { background: linear-gradient(135deg,#695b8c,#3e3e63); }
.button-icon { background-image: linear-gradient(140deg,#ffffff2e,#ffffff00); border: 1px solid #ffffff30; }
.round-control, .round-arrow, .copy-button, .pill-tag { box-shadow: inset 0 1px 0 #ffffffa3; }
.round-control:not(.header-contact):not(.motion-toggle) { background: linear-gradient(130deg,#ffffffb3,#ffffff45); border-color: #ffffffce; }
.copy-button { background: #ffffff59; border-color: #ffffffb5; }
.copy-button:hover { background: #e8e2f8b5; }
.icon-box { background: linear-gradient(135deg,#ffffffda,#e2ddf970); border: 1px solid #ffffffd9; box-shadow: inset 0 1px 0 #fff,0 5px 15px #5a4b9210; }
.studio-store-card { -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); background: linear-gradient(135deg,#ffffff0d,#665a8830),#2f364e; border-color: #ffffff40; box-shadow: inset 0 1px 0 #ffffff45,0 15px 40px #0f132825; }
.studio-store-card:first-child { background: linear-gradient(135deg,#f6f3ffeb,#e1e6f7df); border-color: #ffffffed; box-shadow: inset 0 2px 1px #fff,0 12px 35px #11172d20; }
.radio-app-downloads, .order-contact { background: linear-gradient(135deg,#ffffff13,#ffffff05); border-color: #ffffff42; box-shadow: inset 0 1px 0 #ffffff40,inset 0 -1px 0 #ffffff0a,0 5px 16px #10162f15; -webkit-backdrop-filter: blur(22px) saturate(1.35); backdrop-filter: blur(22px) saturate(1.35); }
.order-contact:hover { background: linear-gradient(135deg,#ffffff25,#afa1e61a); border-color: #e5d7ff73; }
.store-link { background: linear-gradient(135deg,#ffffffed,#eeeffccf); border-color: #ffffffcc; box-shadow: inset 0 1px 0 #fff,0 5px 13px #17243e16; }
.contact-band, .studio-contact, .portfolio-cta, .radio-app-panel, .about-poster, .portfolio-next { border-color: #ffffff54; box-shadow: 0 20px 40px #34385f18,inset 0 1px 0 #ffffff4a,inset 0 -1px 0 #a2aed520; }

/* The footer participates in the material and motion system too. */
.site-footer { position: relative; isolation: isolate; overflow: clip; padding-top: 46px; }
.footer-grid { gap: 18px; padding-bottom: 27px; }
.footer-grid > * { position: relative; min-width: 0; padding: 25px 23px; border: 1px solid #ffffff23; border-radius: 23px; background: linear-gradient(130deg,#ffffff0f,#c6c0ed04); box-shadow: inset 0 1px 0 #ffffff21,0 10px 20px #0b102010; -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); }
.footer-brand .brand-word { font-size: 34px; }
.footer-brand .brand-word > .icon { width: 26px; height: 26px; }
.footer-brand > p { margin-top: 22px; font-size: 12px; }
.footer-grid .eyebrow { font-size: 9px; margin-bottom: 18px; }
.footer-column > a, .footer-grid > nav > a { font-size: 11px; min-height: 36px; }
.footer-radio { position: relative; margin-bottom: 20px; padding: 25px; background: #ffffff06; border: 1px solid #ffffff24; border-radius: 23px; box-shadow: inset 0 1px 0 #ffffff1c; }
.footer-radio-copy { min-width: 0; }
.footer-bottom { position: relative; padding: 15px 22px; margin-bottom: 24px; border: 1px solid #ffffff21; border-radius: 21px; background: #ffffff05; }
.site-footer .store-link { border-color: #ffffff3b; background: linear-gradient(135deg,#ffffff19,#ffffff08); box-shadow: inset 0 1px 0 #ffffff25; }
.site-footer .social-links > a { border-color: #ffffff31; background: #ffffff09; box-shadow: inset 0 1px 0 #ffffff14; }
.footer-legal .back-top.round-control { background: #ffffff0d; border-color: #ffffff3b; }
.error-page { position: relative; isolation: isolate; padding: 55px; margin-top: 35px; margin-bottom: 50px; border: 1px solid #ffffffd9; border-radius: 30px; background: var(--liquid-fill); box-shadow: var(--liquid-shadow); }
.error-page h1 { font-size: clamp(37px,4.1vw,61px); }

/* Interaction additions do not replace navigation or control focus. */
.motion-intro { animation: liquid-intro-enter .7s cubic-bezier(.2,.7,.25,1) both; }
.glass-press { position: relative; isolation: isolate; }
.glass-press::after { content: ''; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none; background: radial-gradient(circle at var(--press-x,50%) var(--press-y,50%),#ffffffd6,transparent 70%); animation: liquid-press-flash .42s ease-out both; }
@media (hover:hover) and (pointer:fine) {
  .document-card, .contact-card, .owner-card, .info-panel, .values-grid > article,
  .payment-links > a, .step, .studio-process-grid > article, .phone-grid > div,
  .faq-list details, .footer-grid > * { transition: transform .45s var(--ease),box-shadow .45s,background .35s,border-color .35s; }
  :is(.document-card,.contact-card,.owner-card,.info-panel,.values-grid > article,.payment-links > a,.step,.studio-process-grid > article,.phone-grid > div):hover { transform: translateY(-4px); box-shadow: 0 20px 38px #42457b1a,inset 0 1px 0 #fff,inset 1px 0 0 #ffffffb3; border-color: #fefbff; }
  .faq-list details:hover { border-color: #cdbfeac9; }
  .footer-grid > *:hover { border-color: #c5b8e963; background: linear-gradient(135deg,#ffffff15,#b1a3df0b); }
  .icon-box > .icon, .document-icon > .icon { transition: transform .45s var(--ease); }
  :is(.service-card,.studio-price-card,.document-card,.contact-card,.info-panel):hover :is(.icon-box,.document-icon) > .icon { transform: translateY(-2px) rotate(-7deg); }
}
.motion-paused .motion-intro { animation: none; }
.motion-paused *, .motion-paused *::before, .motion-paused *::after { transition: none !important; }
.motion-ready .motion-reveal { transition: opacity .75s var(--ease),translate .75s var(--ease),transform .45s var(--ease),box-shadow .45s,background .35s,border-color .35s; transition-delay: var(--reveal-delay,0ms),var(--reveal-delay,0ms),0s,0s,0s,0s; }
.motion-paused .glass-press::after { animation: none; opacity: 0; }
.no-js *, .no-js *::before, .no-js *::after { animation: none !important; }
.motion-paused :is(.document-card,.contact-card,.owner-card,.info-panel,.values-grid > article,.payment-links > a,.step,.studio-process-grid > article,.phone-grid > div):hover { transform: none; }
.motion-paused :is(.icon-box,.document-icon) > .icon { transform: none !important; }

@keyframes liquid-surface-sheen {
  0%,15% { background-position: 145% 0; opacity: .25; }
  48% { opacity: .58; }
  75%,100% { background-position: -105% 0; opacity: .25; }
}
@keyframes liquid-intro-enter { from { opacity: .7; translate: 0 12px; } to { opacity: 1; translate: 0 0; } }
@keyframes liquid-press-flash { from { opacity: .6; scale: .8; } to { opacity: 0; scale: 1; } }

@media (max-width:1279px) {
  .studio-maintenance { width: calc(100% - 80px); }
  .page-intro, .portfolio-intro { padding-inline: 35px; }
  .service-detail { gap: 35px; padding: 35px; }
  .about-story-copy { padding: 30px; }
  .values-grid > article, .step, .studio-process-grid > article { padding: 25px; }
  .step h3 { font-size: 17px; }
  .footer-grid { gap: 14px; }
  .footer-grid > * { padding: 23px 18px; }
  .footer-column > a, .footer-grid > nav > a { font-size: 11px; }
}
@media (max-width:1023px) {
  .studio-maintenance { width: calc(100% - 64px); }
  .page-intro { margin-top: 28px; padding: 30px 34px 35px; }
  .page-intro h1, .page-intro .intro-description { max-width: 100%; }
  .page-intro h1 { font-size: 52px; }
  .portfolio-intro { margin-top: 28px; padding: 30px 34px; }
  .portfolio-intro h1 { font-size: 56px; }
  .portfolio-intro-grid { gap: 25px; }
  .footer-grid { gap: 18px; }
  .footer-grid > * { padding: 27px; }
  .studio-process-grid h3 { font-size: 21px; }
  .about-story-copy .large-text { font-size: 18px; }
  .phone-grid > div { padding: 25px; }
  .phone-link { font-size: 27px; }
}
@media (max-width:819px) {
  .hosting-top { grid-template-columns: minmax(0,1fr); }
  .service-detail { grid-template-columns: minmax(0,1fr); gap: 26px; padding: 31px; }
  .page-intro h1 { font-size: 47px; }
  .page-intro .intro-description { font-size: 14px; }
  .portfolio-intro { padding: 30px; }
  .portfolio-intro-grid { grid-template-columns: minmax(0,1fr); }
  .portfolio-intro-aside { position: relative; }
  .portfolio-intro-mark { display: none; }
  .portfolio-intro-aside > p { max-width: 520px; }
  .portfolio-intro-bottom { margin-top: 26px; }
  .about-story-copy { padding: 32px; }
  .values-grid { gap: 18px; }
  .values-grid > article { padding: 29px; }
  .step { padding: 26px; }
  .step h3 { font-size: 20px; }
  .phone-grid { gap: 18px; }
  .phone-link { font-size: 30px; }
  .hosting-top > div:last-child { padding: 32px; }
  .hosting-top .project-art { min-height: 300px; }
  .studio-maintenance { padding: 29px; margin-top: 38px; }
  .document-toolbar, .portfolio-toolbar { padding: 18px; gap: 15px; }
  .portfolio-toolbar { align-items: flex-start; flex-wrap: wrap; }
  .error-page { padding: 38px; }
}
@media (max-width:599px) {
  :root { --liquid-blur: blur(15px) saturate(1.25); }
  .page-intro { margin-top: 25px; margin-bottom: 30px; padding: 24px 23px 29px; border-radius: 24px; }
  .page-intro .breadcrumbs { margin-bottom: 25px; font-size: 10px; }
  .page-intro .eyebrow { font-size: 9px; letter-spacing: .07em; }
  .page-intro h1 { font-size: clamp(33px,9vw,45px); line-height: 1.09; margin-top: 19px; }
  .page-intro .intro-description { margin-top: 19px; font-size: 13px; line-height: 1.8; }
  .portfolio-intro { margin-top: 25px; padding: 25px 23px; border-radius: 24px; }
  .portfolio-intro .breadcrumbs { margin-bottom: 24px; }
  .portfolio-intro h1 { font-size: 40px; }
  .portfolio-intro-aside > p { font-size: 13px; }
  .portfolio-intro-bottom { gap: 15px; flex-wrap: wrap; margin-top: 23px; padding-top: 20px; font-size: 9px; }
  .studio-section-nav { padding: 12px 16px; border-radius: 20px; gap: 4px 13px; }
  .studio-section-nav > a { padding: 0; font-size: 9px; gap: 8px; }
  .document-toolbar { padding: 16px; border-radius: 20px; }
  .document-filters { gap: 5px; width: 100%; }
  .filter-button { font-size: 10px; padding: 9px 12px; min-height: 43px; }
  .document-count { padding-left: 4px; font-size: 11px; }
  .portfolio-toolbar { padding: 18px; border-radius: 20px; }
  .portfolio-filter { font-size: 10px; padding-inline: 12px; min-height: 41px; }
  .portfolio-filters { gap: 2px; }
  .studio-teaser, .project-card-link, .portfolio-case { border-radius: 24px; }
  .service-detail { padding: 27px 23px; border-radius: 24px; gap: 24px; margin-bottom: 19px; }
  .service-detail-heading h2 { font-size: 31px; }
  .service-detail-body .large-text { font-size: 16px; line-height: 1.7; }
  .service-number { font-size: 36px; margin-bottom: 22px; }
  .feature-list li { font-size: 12px; }
  .service-detail .button { font-size: 11px; max-width: 100%; gap: 15px; padding-left: 18px; }
  .about-story-copy { padding: 27px 24px; border-radius: 24px; }
  .about-story-copy .large-text { font-size: 17px; }
  .about-story-copy > p { font-size: 13px; }
  .values-grid > article { padding: 26px; border-radius: 24px; }
  .values-grid article p { font-size: 13px; }
  .values-grid article h3, .values-grid article h2 { font-size: 23px; }
  .steps-grid { gap: 15px; }
  .step { padding: 25px; border-radius: 22px; }
  .step h3 { font-size: 21px; }
  .step p { font-size: 13px; }
  .studio-process-grid { gap: 15px; }
  .studio-process-grid > article { display: block; padding: 25px; border-radius: 22px; }
  .studio-process-index { margin-bottom: 23px; }
  .studio-process-grid h3 { font-size: 23px; }
  .studio-process-grid p { margin-top: 14px; }
  .studio-maintenance { width: calc(100% - 40px); padding: 27px 23px; border-radius: 24px; margin-bottom: 45px; }
  .studio-maintenance h2 { font-size: 29px; }
  .phone-grid > div { padding: 25px 23px; border-radius: 24px; }
  .phone-link { font-size: clamp(23px,6.1vw,28px); gap: 12px; }
  .phone-link > .icon { width: 19px; height: 19px; }
  .additional-email, .contacts-social { padding: 23px; border-radius: 22px; }
  .contacts-social .social-links a { padding-inline: 18px; }
  .business-panel { padding: 26px 23px; border-radius: 24px; }
  .business-primary { grid-template-columns: minmax(0,1fr); gap: 12px; }
  .business-primary > div { padding: 16px 18px; }
  .business-primary dd { font-size: 18px; }
  .business-panel .panel-heading h2 { font-size: 24px; }
  .notice-row, .embed-panel, .document-card, .info-panel, .owner-card { padding: 25px 23px; border-radius: 24px; }
  .document-card h2 { font-size: 24px; }
  .embed-panel pre { padding: 18px; font-size: 10px; }
  .payment-links > a { padding: 23px; font-size: 14px; border-radius: 21px; }
  .hosting-top { gap: 20px; }
  .hosting-top > div:last-child { padding: 27px 23px; border-radius: 24px; }
  .hosting-top .large-text { font-size: 16px; }
  .hosting-top .project-art { min-height: 260px; }
  .portfolio-archive details { padding-inline: 20px; border-radius: 20px; }
  .site-footer { padding-top: 32px; }
  .footer-grid { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 13px; padding-bottom: 19px; }
  .footer-grid > * { padding: 22px 17px; border-radius: 20px; }
  .footer-brand, .footer-grid > .footer-column:last-child { grid-column: 1 / -1; }
  .footer-brand { display: flex; align-items: center; justify-content: space-between; gap: 22px; }
  .footer-brand > p { margin-top: 0; max-width: 140px; font-size: 10px; }
  .footer-brand .brand-word { font-size: 32px; }
  .footer-column > a, .footer-grid > nav > a { font-size: 10px; }
  .footer-grid > .footer-column:last-child > a { font-size: 12px; }
  .footer-radio { padding: 22px; border-radius: 21px; margin-bottom: 8px; }
  .footer-bottom { padding: 18px; margin-bottom: 18px; border-radius: 20px; }
  .footer-bottom small { font-size: 9px; }
  .footer-legal { gap: 12px; }
  .footer-legal > a { font-size: 9px; }
  .error-page { padding: 29px 23px; border-radius: 25px; margin-top: 25px; margin-bottom: 35px; }
  .error-page h1 { font-size: 37px; }
}
@media (max-width:359px) {
  .page-intro, .portfolio-intro { padding-inline: 20px; }
  .page-intro h1 { font-size: 32px; }
  .portfolio-intro h1 { font-size: 36px; }
  .studio-maintenance { width: calc(100% - 32px); }
  .filter-button { padding-inline: 10px; }
  .document-toolbar { padding: 13px; }
  .portfolio-toolbar { padding: 14px; }
  .portfolio-filter { font-size: 9px; padding-inline: 10px; }
  .footer-brand { gap: 14px; }
  .footer-brand > p { font-size: 9px; }
  .footer-grid > * { padding-inline: 15px; }
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  :root { --liquid-fill: linear-gradient(135deg,#fdfdff,#f0f2fc); }
  .page-intro, .portfolio-intro, .studio-section-nav, .document-toolbar, .portfolio-toolbar { background: #f5f6fd; }
  .site-header { background: #f8f9fd; }
}
@media (prefers-reduced-transparency:reduce) {
  :root { --liquid-fill: #f8f9ff; --liquid-blur: none; }
  .page-intro, .portfolio-intro, .studio-section-nav, .document-toolbar, .portfolio-toolbar { background: #f8f9ff; -webkit-backdrop-filter: none; backdrop-filter: none; }
  .site-header { background: #f9faff; -webkit-backdrop-filter: none; backdrop-filter: none; }
}
@media (prefers-reduced-motion:reduce) {
  .motion-intro { animation: none; opacity: 1; translate: none; }
  .glass-press::after { animation: none; opacity: 0; }
  :is(.document-card,.contact-card,.owner-card,.info-panel,.values-grid > article,.payment-links > a,.step,.studio-process-grid > article,.phone-grid > div):hover { transform: none; }
  :is(.icon-box,.document-icon) > .icon { transform: none !important; }
}
@media (forced-colors:active) {
  .ambient-backdrop { display: none; }
  .studio-teaser::before,.studio-teaser::after,[data-glass-surface]::before,[data-glass-surface]::after { display: none; }
  [data-glass-surface],.page-intro,.portfolio-intro,.site-header { border: 1px solid CanvasText; box-shadow: none; background: Canvas; }
}
@media print {
  [data-glass-surface]::before,[data-glass-surface]::after,.glass-press::after { display: none !important; }
  .page-intro,.portfolio-intro,.values-grid > article,.about-story-copy,.phone-grid > div,.additional-email,.contacts-social,.payment-links > a,.step,.studio-process-grid > article,.studio-maintenance,.service-detail,.error-page { background: white !important; box-shadow: none; border: 1px solid #ddd; color: #111; -webkit-backdrop-filter: none; backdrop-filter: none; }
  .motion-intro { animation: none; opacity: 1; translate: none; }
}