/* Mobile / tablet layer — inline styles are desktop defaults; these adapt them on small screens. */
@media (max-width: 900px) {
header[style] { padding: 14px 20px !important; gap: 12px !important; }
header[style] > div:first-child { gap: 22px !important; }
header nav[style] { gap: 18px !important; font-size: 14px !important; }
section[style*=" 40px"], footer[style*=" 40px"] { padding-left: 20px !important; padding-right: 20px !important; }
section[style*="150px"] { padding-bottom: 90px !important; }
section[style*="padding: 150px"] { padding-top: 90px !important; }
section[style*="padding: 110px"] { padding-top: 64px !important; }
[style*="padding: 90px 64px"] { padding: 52px 22px !important; border-radius: 22px !important; }
[style*="border-radius: 28px"] { border-radius: 22px !important; }
[style*="padding: 48px"] { padding: 24px !important; gap: 28px !important; }
[style*="margin-bottom: 64px"] { margin-bottom: 40px !important; }
[style*="margin: 0 0 64px"] { margin-bottom: 40px !important; }
h2[style*="nowrap"] { white-space: normal !important; }
[style*="grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.55fr)"] { grid-template-columns: minmax(0, 1fr) !important; gap: 28px !important; }
[style*="grid-template-columns: 84px"] { grid-template-columns: 52px minmax(0, 1fr) !important; gap: 10px !important; }
[style*="padding: 26px 28px 30px"] { padding: 18px 16px 20px !important; }
[style*="animation: mv-marquee"], [style*="animation: cv-marquee"] { font-size: 15px !important; }
[style*="padding: 40px 36px 42px"] { padding: 28px 24px 30px !important; min-height: 0 !important; }
[style*="margin: 80px auto 0"] { margin-top: 48px !important; padding: 8px !important; }
[style*="width: 96px; height: 96px"] { width: 76px !important; height: 76px !important; margin-bottom: 28px !important; }
[style*="width: 96px; height: 96px"] img { width: 76px !important; height: 76px !important; }
[style*="margin-bottom: 130px"] { margin-bottom: 80px !important; }
[style*="grid-template-columns: minmax(0px, 1fr) auto minmax(0px, 1fr)"] { grid-template-columns: minmax(0, 1fr) !important; row-gap: 14px !important; margin-top: -4% !important; }
[style*="grid-template-columns: minmax(0px, 1fr) auto minmax(0px, 1fr)"] > div:nth-child(2) { order: -1; display: flex; justify-content: center; }
[style*="grid-template-columns: minmax(0px, 1fr) auto minmax(0px, 1fr)"] img { height: min(62vh, 520px) !important; }
[style*="grid-template-columns: minmax(0px, 1fr) auto minmax(0px, 1fr)"] > div[data-rise] { position: relative; z-index: 5; }
}
@media (max-width: 600px) {
header nav[style] { display: none !important; }
[data-mh-root] [style*="grid-template-columns"]:not([style*="84px"]) { grid-template-columns: minmax(0, 1fr) !important; gap: 16px !important; }
[data-mh-root] [style*="grid-template-columns: minmax(0px, 1fr) auto minmax(0px, 1fr)"] { row-gap: 14px !important; }
[data-mh-root] section [style*="justify-content: space-between"], [data-mh-root] footer [style*="justify-content: space-between"] { flex-wrap: wrap !important; row-gap: 16px !important; }
[data-mh-root] h1[style*="clamp(52px"] { font-size: 38px !important; line-height: 1.02 !important; }
[data-mh-root] h1[style*="clamp(22px"] { font-size: 24px !important; }
[data-mh-root] p[style*="clamp(16px, 1.3vw"] { font-size: 15px !important; }
[data-mh-root] h2[style*="clamp(40px"] { font-size: 30px !important; line-height: 1.05 !important; }
[data-mh-root] div[style*="clamp(64px"] { font-size: 48px !important; }
[data-mh-root] span[style*="font-size: 64px"] { font-size: 40px !important; }
[data-mh-root] div[style*="font-size: 42px"] { font-size: 32px !important; }
[data-mh-root] h3[style*="font-size: 24px"], [data-mh-root] span[style*="font-size: 24px"] { font-size: 19px !important; }
[data-mh-root] p[style*="font-size: 20px"], [data-mh-root] p[style*="font-size: 19px"], [data-mh-root] p[style*="font-size: 18px"] { font-size: 15px !important; }
[data-mh-root] p[style*="max-width"], [data-mh-root] h2[style*="max-width"], [data-mh-root] h1[style*="max-width"] { max-width: none !important; }
[data-mh-root] [style*="flex-wrap: wrap"] > a[data-dl] { flex: 1 1 100%; justify-content: center; }
[data-mh-root] [style*="grid-template-columns: 84px"] { grid-template-columns: 44px minmax(0, 1fr) !important; gap: 10px !important; }
}
/* Desktop-only downloads */

.mh-sheet { position: fixed; left: 12px; right: 12px; bottom: 12px; z-index: 100001; background: #0b0b0b; color: #f4f3ef; border-radius: 22px; padding: 22px 22px 18px; font-family: Onest, Helvetica, Arial, sans-serif; box-shadow: 0 30px 80px rgba(0,0,0,.35); transform: translateY(120%); transition: transform .45s cubic-bezier(.16,1,.3,1); }
.mh-sheet.on { transform: translateY(0); }

/* Tweak: forced device preview */
html.mh-t body, html.mh-m body { background: #1c1c1c; }
html.mh-t [data-mh-root] { max-width: 820px; margin: 0 auto; }
html.mh-m [data-mh-root] { max-width: 390px; margin: 0 auto; overflow-x: hidden; }
html.mh-t header[style*="position: fixed"], html.mh-t header[style*="position: sticky"] { max-width: 820px; margin: 0 auto; }
html.mh-m header[style*="position: fixed"], html.mh-m header[style*="position: sticky"] { max-width: 390px; margin: 0 auto; }
html.mh-t header[style], html.mh-m header[style] { padding: 14px 20px !important; gap: 12px !important; }
html.mh-t header[style] > div:first-child, html.mh-m header[style] > div:first-child { gap: 22px !important; }
html.mh-t header nav[style], html.mh-m header nav[style] { gap: 18px !important; font-size: 14px !important; }
html.mh-t section[style*=" 40px"], html.mh-t footer[style*=" 40px"], html.mh-m section[style*=" 40px"], html.mh-m footer[style*=" 40px"] { padding-left: 20px !important; padding-right: 20px !important; }
html.mh-t section[style*="150px"], html.mh-m section[style*="150px"] { padding-bottom: 90px !important; }
html.mh-t section[style*="padding: 150px"], html.mh-m section[style*="padding: 150px"] { padding-top: 90px !important; }
html.mh-t section[style*="padding: 110px"], html.mh-m section[style*="padding: 110px"] { padding-top: 64px !important; }
html.mh-t [style*="padding: 90px 64px"], html.mh-m [style*="padding: 90px 64px"] { padding: 52px 22px !important; border-radius: 22px !important; }
html.mh-t [style*="border-radius: 28px"], html.mh-m [style*="border-radius: 28px"] { border-radius: 22px !important; }
html.mh-t [style*="padding: 48px"], html.mh-m [style*="padding: 48px"] { padding: 24px !important; gap: 28px !important; }
html.mh-t [style*="margin-bottom: 64px"], html.mh-m [style*="margin-bottom: 64px"] { margin-bottom: 40px !important; }
html.mh-t [style*="margin: 0 0 64px"], html.mh-m [style*="margin: 0 0 64px"] { margin-bottom: 40px !important; }
html.mh-t h2[style*="nowrap"], html.mh-m h2[style*="nowrap"] { white-space: normal !important; }
html.mh-t [style*="grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.55fr)"], html.mh-m [style*="grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.55fr)"] { grid-template-columns: minmax(0, 1fr) !important; gap: 28px !important; }
html.mh-t [style*="grid-template-columns: 84px"], html.mh-m [style*="grid-template-columns: 84px"] { grid-template-columns: 52px minmax(0, 1fr) !important; gap: 10px !important; }
html.mh-t [style*="padding: 26px 28px 30px"], html.mh-m [style*="padding: 26px 28px 30px"] { padding: 18px 16px 20px !important; }
html.mh-t [style*="animation: mv-marquee"], html.mh-t [style*="animation: cv-marquee"], html.mh-m [style*="animation: mv-marquee"], html.mh-m [style*="animation: cv-marquee"] { font-size: 15px !important; }
html.mh-t [style*="padding: 40px 36px 42px"], html.mh-m [style*="padding: 40px 36px 42px"] { padding: 28px 24px 30px !important; min-height: 0 !important; }
html.mh-t [style*="margin: 80px auto 0"], html.mh-m [style*="margin: 80px auto 0"] { margin-top: 48px !important; padding: 8px !important; }
html.mh-t [style*="width: 96px; height: 96px"], html.mh-m [style*="width: 96px; height: 96px"] { width: 76px !important; height: 76px !important; margin-bottom: 28px !important; }
html.mh-t [style*="width: 96px; height: 96px"] img, html.mh-m [style*="width: 96px; height: 96px"] img { width: 76px !important; height: 76px !important; }
html.mh-t [style*="margin-bottom: 130px"], html.mh-m [style*="margin-bottom: 130px"] { margin-bottom: 80px !important; }
html.mh-t [style*="grid-template-columns: minmax(0px, 1fr) auto minmax(0px, 1fr)"], html.mh-m [style*="grid-template-columns: minmax(0px, 1fr) auto minmax(0px, 1fr)"] { grid-template-columns: minmax(0, 1fr) !important; row-gap: 14px !important; margin-top: -4% !important; }
html.mh-t [style*="grid-template-columns: minmax(0px, 1fr) auto minmax(0px, 1fr)"] > div:nth-child(2), html.mh-m [style*="grid-template-columns: minmax(0px, 1fr) auto minmax(0px, 1fr)"] > div:nth-child(2) { order: -1; display: flex; justify-content: center; }
html.mh-t [style*="grid-template-columns: minmax(0px, 1fr) auto minmax(0px, 1fr)"] img, html.mh-m [style*="grid-template-columns: minmax(0px, 1fr) auto minmax(0px, 1fr)"] img { height: min(62vh, 520px) !important; }
html.mh-t [style*="grid-template-columns: minmax(0px, 1fr) auto minmax(0px, 1fr)"] > div[data-rise], html.mh-m [style*="grid-template-columns: minmax(0px, 1fr) auto minmax(0px, 1fr)"] > div[data-rise] { position: relative; z-index: 5; }
html.mh-m header nav[style] { display: none !important; }
html.mh-m [data-mh-root] [style*="grid-template-columns"]:not([style*="84px"]) { grid-template-columns: minmax(0, 1fr) !important; gap: 16px !important; }
html.mh-m [data-mh-root] [style*="grid-template-columns: minmax(0px, 1fr) auto minmax(0px, 1fr)"] { row-gap: 14px !important; }
html.mh-m [data-mh-root] section [style*="justify-content: space-between"], html.mh-m [data-mh-root] footer [style*="justify-content: space-between"] { flex-wrap: wrap !important; row-gap: 16px !important; }
html.mh-m [data-mh-root] h1[style*="clamp(52px"] { font-size: 38px !important; line-height: 1.02 !important; }
html.mh-m [data-mh-root] h1[style*="clamp(22px"] { font-size: 24px !important; }
html.mh-m [data-mh-root] p[style*="clamp(16px, 1.3vw"] { font-size: 15px !important; }
html.mh-m [data-mh-root] h2[style*="clamp(40px"] { font-size: 30px !important; line-height: 1.05 !important; }
html.mh-m [data-mh-root] div[style*="clamp(64px"] { font-size: 48px !important; }
html.mh-m [data-mh-root] span[style*="font-size: 64px"] { font-size: 40px !important; }
html.mh-m [data-mh-root] div[style*="font-size: 42px"] { font-size: 32px !important; }
html.mh-m [data-mh-root] h3[style*="font-size: 24px"], html.mh-m [data-mh-root] span[style*="font-size: 24px"] { font-size: 19px !important; }
html.mh-m [data-mh-root] p[style*="font-size: 20px"], html.mh-m [data-mh-root] p[style*="font-size: 19px"], html.mh-m [data-mh-root] p[style*="font-size: 18px"] { font-size: 15px !important; }
html.mh-m [data-mh-root] p[style*="max-width"], html.mh-m [data-mh-root] h2[style*="max-width"], html.mh-m [data-mh-root] h1[style*="max-width"] { max-width: none !important; }
html.mh-m [data-mh-root] [style*="flex-wrap: wrap"] > a[data-dl] { flex: 1 1 100%; justify-content: center; }
html.mh-m [data-mh-root] [style*="grid-template-columns: 84px"] { grid-template-columns: 44px minmax(0, 1fr) !important; gap: 10px !important; }

/* Mobile-only swaps and numbers grid */
@media (max-width: 600px) {
[data-mh-root] [data-desk-only] { display: none !important; }
[data-mh-root] [data-mob-only] { display: block !important; }
[data-mh-root] img[data-hero-img] { height: min(72vh, 580px) !important; }
[data-mh-root] section[id="top"] { height: 88vh !important; min-height: 560px !important; }
[data-mh-root] div[style*="grid-template-columns"][style*="minmax(min(100%, 290px)"] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; }
[data-mh-root] [style*="padding: 40px 36px 42px"] { padding: 18px 16px 20px !important; min-height: 0 !important; border-radius: 16px !important; gap: 6px !important; }
[data-mh-root] [style*="padding: 40px 36px 42px"] > div:first-child { margin-bottom: 8px !important; gap: 8px !important; }
[data-mh-root] [style*="padding: 40px 36px 42px"] div[style*="font-size: 42px"] { font-size: 26px !important; }
[data-mh-root] [style*="padding: 40px 36px 42px"] svg { width: 20px !important; height: 20px !important; }
[data-mh-root] [style*="padding: 40px 36px 42px"] p { font-size: 13px !important; line-height: 1.4 !important; }
[data-mh-root] [style*="padding: 40px 36px 42px"] p span { display: block; }
}

@media (max-width: 600px) {
[data-mh-root] div[style*="grid-template-columns"][style*="minmax(220px, 1fr)"] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 28px 16px !important; padding-top: 28px !important; }
[data-mh-root] div[style*="grid-template-columns"][style*="minmax(220px, 1fr)"] div[style*="clamp(64px"] { font-size: 40px !important; }
[data-mh-root] div[style*="grid-template-columns"][style*="minmax(220px, 1fr)"] p { font-size: 13px !important; margin-top: 8px !important; }
[data-mh-root] button[style*="padding: 26px 0"] { font-size: 16px !important; padding: 18px 0 !important; gap: 14px !important; }
[data-mh-root] button[style*="padding: 26px 0"] span[style*="font-size: 24px"] { font-size: 20px !important; }
[data-mh-root] p[style*="margin: 0 0 28px; font-size: 16px"] { font-size: 14px !important; margin-bottom: 20px !important; }
}

/* Studio hero: keep text left/right of the character on small screens */
@media (max-width: 900px) {
[data-mh-root] section div[style*="grid-template-columns"][style*="minmax(0px, 1fr) auto minmax(0px, 1fr)"] { grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important; gap: 0 !important; margin-top: -8% !important; }
[data-mh-root] section div[style*="grid-template-columns"][style*="minmax(0px, 1fr) auto minmax(0px, 1fr)"] > div:nth-child(2) { order: 0 !important; }
[data-mh-root] section div[style*="grid-template-columns"][style*="minmax(0px, 1fr) auto minmax(0px, 1fr)"] img { height: min(46vh, 420px) !important; }
[data-mh-root] section div[style*="grid-template-columns"][style*="minmax(0px, 1fr) auto minmax(0px, 1fr)"] > div[data-rise] { gap: 6px !important; }
[data-mh-root] section div[style*="grid-template-columns"][style*="minmax(0px, 1fr) auto minmax(0px, 1fr)"] h1 { font-size: 15px !important; line-height: 1.2 !important; max-width: 11ch !important; }
[data-mh-root] section div[style*="grid-template-columns"][style*="minmax(0px, 1fr) auto minmax(0px, 1fr)"] p { font-size: 11px !important; line-height: 1.4 !important; max-width: 14ch !important; }
[data-mh-root] section div[style*="grid-template-columns"][style*="minmax(0px, 1fr) auto minmax(0px, 1fr)"] span[style*="dotted"] { min-width: 6px !important; }
}
@media (max-width: 420px) {
[data-mh-root] section div[style*="grid-template-columns"][style*="minmax(0px, 1fr) auto minmax(0px, 1fr)"] img { height: min(40vh, 340px) !important; }
[data-mh-root] section div[style*="grid-template-columns"][style*="minmax(0px, 1fr) auto minmax(0px, 1fr)"] h1 { font-size: 13px !important; }
[data-mh-root] section div[style*="grid-template-columns"][style*="minmax(0px, 1fr) auto minmax(0px, 1fr)"] p { font-size: 10.5px !important; }
}
/* Footer: same compact layout everywhere on mobile */
@media (max-width: 600px) {
[data-mh-root] footer[style] { flex-direction: column !important; align-items: flex-start !important; gap: 36px !important; padding: 56px 20px 48px !important; }
[data-mh-root] footer[style] > div:last-child { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 28px !important; width: 100%; font-size: 15px !important; }
}

@media (max-width: 600px) {
[data-mh-root] section div[style*="grid-template-columns"][style*="minmax(0px, 1fr) auto minmax(0px, 1fr)"] { grid-template-columns: minmax(0, 1fr) 40% minmax(0, 1fr) !important; }
[data-mh-root] section div[style*="grid-template-columns"][style*="minmax(0px, 1fr) auto minmax(0px, 1fr)"] > div:nth-child(2) { display: block !important; }
[data-mh-root] section div[style*="grid-template-columns"][style*="minmax(0px, 1fr) auto minmax(0px, 1fr)"] img { width: 100% !important; height: auto !important; }
[data-mh-root] section div[style*="grid-template-columns"][style*="minmax(0px, 1fr) auto minmax(0px, 1fr)"] span[style*="dotted"] { display: none !important; }
[data-mh-root] section div[style*="grid-template-columns"][style*="minmax(0px, 1fr) auto minmax(0px, 1fr)"] > div[data-rise] { position: relative; z-index: 5; }
[data-mh-root] section div[style*="grid-template-columns"][style*="minmax(0px, 1fr) auto minmax(0px, 1fr)"] > div[data-rise]:first-child { margin-right: -4px; }
[data-mh-root] section div[style*="grid-template-columns"][style*="minmax(0px, 1fr) auto minmax(0px, 1fr)"] > div[data-rise]:last-child { margin-left: -4px; }
[data-mh-root] section div[style*="grid-template-columns"][style*="minmax(0px, 1fr) auto minmax(0px, 1fr)"] h1 { font-size: 14px !important; max-width: none !important; }
[data-mh-root] section div[style*="grid-template-columns"][style*="minmax(0px, 1fr) auto minmax(0px, 1fr)"] p { font-size: 11px !important; max-width: none !important; }
}

@media (max-width: 600px) {
[data-mh-root] section div[style*="grid-template-columns"][style*="minmax(0px, 1fr) auto minmax(0px, 1fr)"] { grid-template-columns: minmax(0, 1fr) !important; margin-top: -6% !important; }
[data-mh-root] section div[style*="grid-template-columns"][style*="minmax(0px, 1fr) auto minmax(0px, 1fr)"] > div[data-rise] { display: none !important; }
[data-mh-root] section div[style*="grid-template-columns"][style*="minmax(0px, 1fr) auto minmax(0px, 1fr)"] > div:nth-child(2) { display: flex !important; justify-content: center; }
[data-mh-root] section div[style*="grid-template-columns"][style*="minmax(0px, 1fr) auto minmax(0px, 1fr)"] img { width: auto !important; height: min(68vh, 560px) !important; max-width: 100%; object-fit: contain; }
[data-mh-root] section[data-mob-only] { display: block !important; }
[data-mh-root] section[style*="margin-bottom: 130px"] { margin-bottom: 48px !important; }
}

summary::-webkit-details-marker { display: none; }