/* Shared visual system for the personal site, archives and contact card. */
:root {
 --studio-glow: #50ebec; --studio-mid: #244aff; --studio-deep: #080e63; --studio-light-y: 104%;
 --studio-ink: var(--studio-deep); --studio-paper: #fff8ee; --studio-accent: var(--studio-glow); --studio-blue: var(--studio-deep);
 --studio-sky: color-mix(in srgb, var(--studio-glow) 22%, var(--studio-paper)); --studio-mocha: var(--studio-glow);
 --studio-muted: var(--studio-deep); --studio-line: color-mix(in srgb, var(--studio-deep) 22%, transparent); --studio-gutter: 48px;
 --studio-gradient: radial-gradient(ellipse 95% 105% at -15% var(--studio-light-y), var(--studio-glow) 0%, var(--studio-mid) 39%, transparent 82%), linear-gradient(120deg, var(--studio-mid) -10%, var(--studio-deep) 95%);
 --studio-gradient-soft: linear-gradient(120deg, var(--studio-sky), var(--studio-paper) 80%);
 --studio-gradient-dark: linear-gradient(120deg, var(--studio-deep) 25%, color-mix(in srgb, var(--studio-mid) 45%, var(--studio-deep)) 100%);
}
html { scroll-behavior: smooth; }
body.mw-studio { margin: 0; background: var(--studio-paper); color: var(--studio-ink); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 17px; line-height: 1.5; -webkit-font-smoothing: antialiased; }
.mw-studio *, .mw-studio *::before, .mw-studio *::after { box-sizing: border-box; }
.mw-studio h1, .mw-studio h2, .mw-studio h3, .mw-studio p, .mw-studio figure { margin: 0; letter-spacing: 0; }
.mw-studio h1, .mw-studio h2, .mw-studio h3 { color: inherit; font-family: inherit; }
.mw-studio a { color: inherit; text-decoration: none; }
.mw-studio button, .mw-studio input { font: inherit; }
.mw-studio button { cursor: pointer; }
.mw-studio img { display: block; max-width: 100%; height: auto; }
.mw-studio ::selection { color: var(--studio-ink); background: var(--studio-accent); }
.mw-studio a:focus-visible, .mw-studio button:focus-visible, .mw-studio input:focus-visible { outline: 2px solid currentColor; outline-offset: 6px; }
.studio-skip { position: fixed; top: -100px; left: 24px; padding: 12px; background: var(--studio-paper); z-index: 100001; }
.studio-skip:focus { top: 8px; }
.mw-studio .screen-reader-text { border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; }
.studio-eyebrow { display: block; font-family: "SFMono-Regular", Consolas, monospace; font-size: 11px; font-weight: 500; letter-spacing: 0; text-transform: uppercase; line-height: 1.5; }
.studio-header { position: relative; z-index: 30; height: 84px; display: flex; align-items: center; justify-content: space-between; gap: 32px; padding: 0 var(--studio-gutter); background: var(--studio-paper); border-bottom: 1px solid var(--studio-line); }
.studio-brand { white-space: nowrap; font-size: 25px; font-weight: 750; line-height: 1; }
.studio-brand span { color: var(--studio-mid); }
.studio-navigation, .studio-nav-list { display: flex; gap: 32px; align-items: center; }
.studio-nav-list { list-style: none; margin: 0; padding: 0; }
.studio-nav-list a { display: block; padding: 10px 0; font-size: 14px; }
.studio-nav-list .current-menu-item a, .studio-nav-list a:hover { color: var(--studio-blue); }
.studio-nav-list .current-menu-item a { box-shadow: 0 1px currentColor; }
.studio-mail { padding: 10px 20px; border: 1px solid var(--studio-ink); border-radius: 2px; font-size: 13px; transition: color .2s, background .2s; }
.studio-mail:hover { background: var(--studio-ink); color: var(--studio-paper); }
.studio-menu-toggle { display: none; }
.studio-hero { position: relative; isolation: isolate; height: min(740px, calc(100svh - 138px)); min-height: 570px; overflow: hidden; background: var(--studio-blue); color: var(--studio-paper); padding: 20px var(--studio-gutter) 0; }
.studio-hero h1 { position: relative; z-index: 2; width: fit-content; margin-inline: auto; font-size: 156px; font-weight: 800; line-height: 1.04; }
.studio-hero h1 span { color: var(--studio-sky); }
.hero-photo { position: absolute; inset: 119px auto 65px 50%; transform: translateX(-50%); width: min(49%, 650px); clip-path: polygon(0 9%,100% 0,100% 91%,0 100%); overflow: hidden; z-index: 0; }
.hero-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center 35%; filter: grayscale(1); }
.hero-note { position: absolute; z-index: 3; width: 22%; bottom: 127px; }
.hero-note p { font-size: 21px; line-height: 1.3; }
.hero-note-left { left: var(--studio-gutter); }
.hero-note-left .studio-eyebrow { margin-bottom: 14px; }
.hero-note-right { right: var(--studio-gutter); width: 20%; }
.hero-note-right a { display: inline-flex; align-items: center; gap: 14px; font-size: 12px; padding-bottom: 6px; border-bottom: 1px solid currentColor; margin-top: 24px; }
.hero-note-right a:hover { border-color: var(--studio-accent); }
.hero-baseline { position: absolute; z-index: 3; left: var(--studio-gutter); right: var(--studio-gutter); bottom: 20px; display: flex; justify-content: space-between; gap: 20px; font-family: "SFMono-Regular", Consolas, monospace; font-size: 10px; text-transform: uppercase; letter-spacing: 0; }
.studio-directory { display: grid; grid-template-columns: 1fr 1.5fr; gap: 100px; padding: 28px var(--studio-gutter) 90px; max-width: 1600px; margin: auto; }
.directory-intro .studio-eyebrow { color: var(--studio-muted); }
.directory-intro p { font-size: 40px; font-weight: 500; line-height: 1.1; margin-top: 30px; }
.directory-entry { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 29px 0 32px; border-top: 1px solid var(--studio-line); }
.directory-entry:first-child { padding-top: 0; border-top: 0; }
.directory-entry:last-child { padding-bottom: 0; }
.directory-entry h2 { font-size: 64px; font-weight: 500; line-height: 1.05; transition: color .2s, transform .25s; }
.directory-entry sup, .archive-heading sup { vertical-align: top; display: inline-block; font: 11px/1.5 "SFMono-Regular", Consolas, monospace; margin: 6px 0 0 12px; color: var(--studio-blue); }
.directory-entry p { margin-top: 12px; color: var(--studio-muted); font-size: 14px; max-width: 36ch; }
.directory-arrow { font-size: 52px; font-weight: 300; transition: transform .25s; }
.directory-entry:hover h2 { color: var(--studio-blue); transform: translateX(6px); }
.directory-entry:hover .directory-arrow { transform: translate(5px,-5px); }
.studio-contact { background: var(--studio-sky); padding: 64px var(--studio-gutter) 44px; }
.contact-title { display: flex; align-items: center; justify-content: space-between; gap: 24px; font-size: 90px; font-weight: 600; line-height: 1.2; margin: 18px 0 26px; }
.contact-title:hover { color: var(--studio-blue); }
.contact-title span { font-weight: 300; }
.contact-bottom { display: flex; justify-content: space-between; gap: 24px; font-size: 14px; }
.contact-bottom a { text-decoration: underline; text-underline-offset: 5px; }
.studio-footer { display: flex; gap: 30px; align-items: center; justify-content: space-between; padding: 36px var(--studio-gutter); background: var(--studio-gradient-dark); color: var(--studio-paper); }
.studio-footer > span, .studio-footer nav { font-size: 11px; color: var(--studio-paper); }
.studio-footer nav { display: flex; gap: 22px; }
.studio-footer a:hover { color: var(--studio-accent); }
.studio-footer .studio-brand span { color: var(--studio-accent); }
.mw-studio .studio-button, .mw-studio a.mw-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 46px; padding: 12px 24px; background: var(--studio-accent); border: 1px solid var(--studio-accent); color: var(--studio-ink); font-size: 14px; border-radius: 2px; }
.studio-button:hover, a.mw-btn:hover { background: var(--studio-ink); border-color: var(--studio-ink); color: var(--studio-paper); }
.mw-studio .studio-button-outline { background: transparent; border-color: var(--studio-line); color: var(--studio-ink); }
.mw-studio .studio-button-outline:hover { background: var(--studio-sky); border-color: var(--studio-ink); color: var(--studio-ink); }
/* Archives share the same navigation and use WordPress's existing queries. */
.studio-archive { padding: 80px var(--studio-gutter) 100px; max-width: 1536px; margin: 0 auto; min-height: 75svh; }
.archive-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 50px; padding-bottom: 62px; }
.archive-heading .studio-eyebrow { color: var(--studio-muted); }
.archive-heading h1 { font-size: 108px; line-height: 1.1; font-weight: 600; margin: 18px 0; overflow-wrap: anywhere; }
.archive-heading p { color: var(--studio-muted); max-width: 48ch; }
.studio-search { min-width: 300px; max-width: 440px; margin-bottom: 5px; }
.studio-search label { display: block; font-size: 12px; margin-bottom: 10px; }
.studio-search > div { display: flex; border-bottom: 1px solid var(--studio-ink); }
.studio-search input { width: 100%; min-width: 0; color: var(--studio-ink); background: transparent; border: 0; padding: 12px 0; border-radius: 0; font-size: 14px; }
.studio-search input::placeholder { color: var(--studio-muted); opacity: 1; }
.studio-search button { border: 0; padding: 12px; background: var(--studio-ink); color: var(--studio-paper); font-size: 12px; }
.studio-post { border-top: 1px solid var(--studio-line); }
.studio-post > a { display: grid; grid-template-columns: 125px minmax(0,1fr); gap: 35px; padding: 36px 0; }
.studio-post time { font: 11px/1.5 "SFMono-Regular", Consolas, monospace; color: var(--studio-muted); padding-top: 8px; }
.studio-post h2 { font-size: 30px; font-weight: 500; line-height: 1.2; max-width: 35ch; }
.studio-post p { font-size: 15px; line-height: 1.6; margin-top: 16px; color: var(--studio-muted); max-width: 70ch; }
.post-arrow { font-size: 34px; font-weight: 300; }
.studio-post a:hover h2, .studio-post a:hover .post-arrow { color: var(--studio-blue); }
.studio-product { border-top: 1px solid var(--studio-line); padding: 40px 0; }
.studio-product > a { display: grid; grid-template-columns: 1.1fr 1fr; gap: 64px; align-items: center; }
.product-image { height: 390px; overflow: hidden; background: var(--studio-gradient); padding: 24px; }
.product-image img { height: 100%; width: 100%; object-fit: contain; transition: transform .5s; }
.studio-product a:hover img { transform: scale(1.03); }
.product-text { padding: 20px 0; }
.product-text .studio-eyebrow { color: var(--studio-blue); }
.product-text h2 { font-size: 48px; font-weight: 500; line-height: 1.1; margin: 14px 0 22px; overflow-wrap: anywhere; }
.product-text p { max-width: 45ch; font-size: 16px; color: var(--studio-muted); line-height: 1.7; }
.product-open { display: inline-block; margin-top: 30px; padding-bottom: 8px; border-bottom: 1px solid currentColor; font-size: 13px; }
.studio-product > a:not(:has(.product-image)) { display: block; }
.studio-portfolio .archive-heading { min-height: 31svh; align-items: center; }
.studio-portfolio .portfolio-entry:nth-child(even) > a .product-image { order: 2; }
.studio-portfolio .portfolio-entry:nth-child(even) > a .product-text { padding-left: 7vw; }
.studio-empty { padding: 60px 0; border-top: 1px solid var(--studio-line); }
.studio-empty a { text-decoration: underline; }
.pagination { padding-top: 38px; }
.nav-links { display: flex; flex-wrap: wrap; gap: 8px; }
.page-numbers { min-width: 42px; min-height: 42px; padding: 10px 14px; font-size: 14px; border: 1px solid var(--studio-line); }
.page-numbers.current, a.page-numbers:hover { background: var(--studio-ink); border-color: var(--studio-ink); color: var(--studio-paper); }
/* Reading views retain the original post blocks and download links. */
.mw-single-shell { max-width: 1000px; margin: auto; padding: 74px var(--studio-gutter) 90px; }
.mw-single-meta { display: flex; flex-wrap: wrap; gap: 22px; font-size: 12px; color: var(--studio-muted); margin-bottom: 24px; }
.mw-single-meta a { color: var(--studio-blue); }
.mw-single-title { font-size: 55px; font-weight: 600; line-height: 1.12; margin-bottom: 44px !important; overflow-wrap: anywhere; }
.mw-single-content { font-size: 18px; line-height: 1.8; overflow-wrap: anywhere; }
.mw-single-content > * + * { margin-top: 24px; }
.mw-single-content h1, .mw-single-content h2, .mw-single-content h3 { font-size: 28px; line-height: 1.3; margin: 44px 0 18px; }
.mw-single-content h3 { font-size: 23px; }
.mw-single-content p { margin-bottom: 20px; }
.studio-legal .mw-single-content p > strong:first-child { display: block; margin-top: 30px; }
.mw-single-content a { color: var(--studio-blue); text-decoration: underline; text-underline-offset: 3px; }
.mw-single-content img { max-width: 100%; height: auto; margin: 24px auto; }
.mw-single-content ul, .mw-single-content ol { padding-left: 24px; }
.mw-single-content li { margin-bottom: 10px; }
.mw-single-content iframe, .mw-single-content video { max-width: 100%; }
.mw-single-content pre { white-space: pre-wrap; padding: 20px; background: var(--studio-sky); }
.mw-single-content table { width: 100%; border-collapse: collapse; }
.mw-single-content td, .mw-single-content th { border: 1px solid var(--studio-line); padding: 10px; }
.mw-single-nav { display: grid; grid-template-columns: 1fr 1fr; gap: 36px; border-top: 1px solid var(--studio-line); margin-top: 55px; padding-top: 26px; }
.mw-single-nav .lbl { display: block; color: var(--studio-muted); font-size: 11px; margin-bottom: 10px; }
.mw-single-nav .ttl { font-size: 16px; }
.mw-single-nav a:hover { color: var(--studio-blue); }
.mw-single-foot-cta { border-top: 1px solid var(--studio-line); padding-top: 26px; margin-top: 50px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.mw-single-foot-title { font-size: 20px; }
.mw-single-foot-sub { font-size: 13px; color: var(--studio-muted); }
.mw-single-intro { margin: 0 0 40px; }
.studio-legal { max-width: 850px; margin: auto; padding: 75px var(--studio-gutter) 100px; min-height: 70svh; }
.studio-legal h1 { font-size: 58px; font-weight: 500; margin: 16px 0 44px; line-height: 1.1; overflow-wrap: anywhere; }
/* Digital business card; all external links remain managed in WordPress. */
.connect-page { max-width: 960px; margin: 0 auto; padding: 68px var(--studio-gutter) 80px; }
.connect-identity { display: grid; grid-template-columns: 220px 1fr; gap: 50px; align-items: center; }
.connect-photo { background: #fff; aspect-ratio: 1/1.08; clip-path: polygon(0 6%,100% 0,100% 94%,0 100%); isolation: isolate; }
.connect-photo img { height: 100%; width: 100%; object-fit: cover; filter: grayscale(1); }
.connect-identity h1 { font-size: 67px; font-weight: 600; line-height: .98; margin: 15px 0 18px; }
.connect-identity h1 span { color: var(--studio-mid); }
.connect-identity p { color: var(--studio-muted); font-size: 15px; }
.connect-actions { display: flex; gap: 12px; margin-top: 36px; }
.connect-feedback { min-height: 24px; font-size: 12px; color: var(--studio-blue); margin-top: 6px !important; }
.connect-body { display: grid; grid-template-columns: minmax(0,1fr) 220px; gap: 50px; margin-top: 22px; align-items: start; }
.connect-links { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 22px; }
.connect-links > a { padding: 19px 0; border-top: 1px solid var(--studio-line); font-size: 19px; overflow-wrap: anywhere; }
.connect-links > a:hover { color: var(--studio-blue); }
.connect-links .connect-latest { grid-column: 1/-1; font-size: 17px; line-height: 1.4; }
.connect-latest .studio-eyebrow { color: var(--studio-blue); margin-bottom: 10px; }
.connect-scan { text-align: center; display: flex; flex-direction: column; align-items: center; gap: 8px; }
.connect-scan img { width: 220px; height: 220px; background: white; padding: 12px; }
.connect-scan > span:last-child { font-size: 11px; color: var(--studio-muted); }
@media (prefers-reduced-motion: no-preference) {
 .studio-hero h1 { animation: studio-rise .7s cubic-bezier(.2,.7,.2,1) both; }
 .hero-photo { animation: studio-photo .85s cubic-bezier(.2,.7,.2,1) both; }
 @keyframes studio-rise { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: none; } }
 @keyframes studio-photo { from { opacity: 0; translate: 0 25px; } to { opacity: 1; translate: 0 0; } }
}
@media (min-width: 1600px) { .studio-hero h1 { font-size: 192px; } .hero-note p { font-size: 25px; } }
@media (max-width: 1150px) {
 :root { --studio-gutter: 32px; }
 .studio-hero h1 { font-size: 124px; }
 .hero-note p { font-size: 17px; }
 .hero-note-right a { font-size: 11px; }
 .studio-directory { gap: 55px; }
 .archive-heading h1 { font-size: 82px; }
 .studio-product > a { gap: 36px; }
 .product-text h2 { font-size: 38px; }
}
@media (max-width: 800px) {
 :root { --studio-gutter: 24px; }
 .studio-header { height: 72px; }
 .studio-brand { font-size: 23px; }
 .studio-navigation, .studio-nav-list { gap: 18px; }
 .studio-mail { display: none; }
 .studio-hero { height: 650px; min-height: 0; padding-top: 30px; }
 .studio-hero h1 { font-size: 92px; }
 .hero-photo { top: 122px; bottom: 135px; width: 58%; }
 .hero-note { bottom: 77px; width: 45%; }
 .hero-note-right { width: auto; max-width: 45%; text-align: right; }
 .hero-note-right p { display: none; }
 .hero-note-left p { font-size: 15px; }
 .hero-note-left .studio-eyebrow { margin-bottom: 6px; }
 .hero-baseline { font-size: 9px; }
 .hero-baseline > span:nth-child(2) { display: none; }
 .studio-directory { grid-template-columns: 1fr; gap: 48px; padding-block: 28px 64px; }
 .directory-intro p { font-size: 32px; margin-top: 15px; }
 .directory-entry h2 { font-size: 56px; }
 .contact-title { font-size: 58px; }
 .studio-contact { padding-block: 44px; }
 .studio-footer { flex-wrap: wrap; padding-block: 28px; }
 .studio-footer .studio-brand { width: 100%; }
 .archive-heading { display: block; padding-bottom: 38px; }
 .studio-search { margin-top: 32px; }
 .studio-post > a { grid-template-columns: 1fr; gap: 10px 20px; }
 .studio-post time { grid-column: 1/-1; }
 .studio-post h2 { font-size: 26px; }
 .studio-product > a { grid-template-columns: 1fr; gap: 10px; }
 .studio-portfolio .portfolio-entry:nth-child(even) > a .product-image { order: initial; }
 .studio-portfolio .portfolio-entry:nth-child(even) > a .product-text { padding-left: 0; }
 .product-image { height: 340px; }
 .connect-identity { grid-template-columns: 170px 1fr; gap: 30px; }
 .connect-identity h1 { font-size: 56px; }
 .connect-body { gap: 28px; grid-template-columns: minmax(0,1fr) 190px; }
 .connect-scan img { width: 190px; height: 190px; }
}
@media (max-width: 540px) {
 :root { --studio-gutter: 22px; }
 .studio-header { height: 68px; }
 .studio-brand { font-size: 22px; }
 .studio-menu-toggle { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 6px; width: 44px; height: 44px; padding: 10px; border: 0; background: none; color: inherit; }
 .studio-menu-toggle span { display: block; width: 24px; height: 2px; background: currentColor; transition: transform .2s; }
 .studio-menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(4px) rotate(45deg); }
 .studio-menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-4px) rotate(-45deg); }
 .studio-navigation { display: none; position: absolute; top: 100%; inset-inline: 0; padding: 24px 22px 32px; background: var(--studio-paper); border-bottom: 1px solid var(--studio-line); }
 .studio-navigation.is-open { display: block; }
 .studio-nav-list { display: block; }
 .studio-nav-list a { font-size: 27px; padding: 12px 0; }
 .studio-nav-list .current-menu-item a { box-shadow: none; }
 .studio-mail { display: inline-block; margin-top: 18px; }
 .studio-hero { height: min(650px, calc(100svh - 108px)); min-height: 515px; padding-top: 24px; }
 .studio-hero h1 { font-size: 49px; font-weight: 750; }
 .hero-photo { top: 98px; bottom: 146px; width: 78%; }
 .hero-note { bottom: 65px; }
 .hero-note p { font-size: 13px; }
 .hero-note .studio-eyebrow { font-size: 9px; }
 .hero-note-right { max-width: 44%; }
 .hero-note-right a { font-size: 10px; gap: 5px; margin-top: 0; }
 .hero-baseline { gap: 10px; bottom: 17px; font-size: 8px; align-items: end; }
 .hero-baseline a { max-width: 120px; text-align: right; }
 .studio-directory { padding-block: 22px 48px; gap: 34px; }
 .directory-entry { padding-block: 24px; }
 .directory-entry h2 { font-size: 43px; }
 .directory-entry p { font-size: 13px; max-width: 29ch; }
 .directory-arrow { font-size: 38px; }
 .contact-title { font-size: 39px; gap: 12px; }
 .contact-bottom { display: grid; gap: 14px; font-size: 13px; }
 .studio-footer { gap: 20px; }
 .studio-footer > span, .studio-footer nav { font-size: 10px; }
 .studio-footer nav { gap: 16px; }
 .studio-archive { padding-block: 44px 60px; }
 .archive-heading h1 { font-size: 58px; margin: 14px 0; }
 .archive-heading p { font-size: 15px; }
 .studio-search { min-width: 0; }
 .studio-post > a { padding-block: 26px; }
 .studio-post h2 { font-size: 23px; }
 .studio-post p { font-size: 13px; }
 .product-image { height: 260px; padding: 14px; }
 .product-text h2 { font-size: 36px; }
 .product-text p { font-size: 15px; }
 .mw-single-shell { padding-block: 42px 60px; }
 .mw-single-title { font-size: 33px; }
 .mw-single-content { font-size: 16px; }
 .mw-single-content h1, .mw-single-content h2 { font-size: 26px; }
 .mw-single-nav { grid-template-columns: 1fr; }
 .mw-single-foot-cta { align-items: start; flex-direction: column; }
 .studio-legal { padding-block: 44px 60px; }
 .studio-legal h1 { font-size: 40px; }
 .connect-page { padding-block: 35px 48px; }
 .connect-identity { grid-template-columns: 125px minmax(0,1fr); gap: 23px; }
 .connect-identity h1 { font-size: 43px; margin: 11px 0; }
 .connect-identity .studio-eyebrow { font-size: 9px; }
 .connect-identity p { font-size: 12px; }
 .connect-actions { gap: 10px; margin-top: 28px; }
 .mw-studio .connect-actions > * { flex: 1; padding: 12px 8px; font-size: 12px; }
 .connect-body { grid-template-columns: 1fr; gap: 30px; margin-top: 14px; }
 .connect-links > a { font-size: 18px; }
 .connect-links .connect-latest { font-size: 16px; }
 .connect-scan { border-top: 1px solid var(--studio-line); padding-top: 28px; }
 .connect-scan img { width: 240px; height: 240px; }
}
@media (max-width: 360px) {
 .studio-hero h1 { font-size: 42px; }
 .connect-identity { grid-template-columns: 95px minmax(0,1fr); gap: 18px; }
 .connect-identity h1 { font-size: 38px; }
 .contact-title { font-size: 32px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .mw-studio *, .mw-studio *::before, .mw-studio *::after { animation: none !important; transition: none !important; } }