/*
Theme Name: Boda Precision
Description: A responsive, translation-ready business theme for precision machining and industrial manufacturing companies.
Version: 1.0.0
Copyright: (c) 2026 Boda Digital Studio
Requires at least: 6.4
Tested up to: 7.1
Requires PHP: 7.4
Author: Boda Digital Studio
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bdsscip
Domain Path: /languages
Tags: custom-logo, custom-menu, featured-images, one-column, threaded-comments, translation-ready
*/

:root {
	--bds-ink: #101b24;
	--bds-ink-soft: #263744;
	--bds-paper: #f5f4f0;
	--bds-white: #fff;
	--bds-muted: #687780;
	--bds-line: #dce1df;
	--bds-accent: #d77845;
	--bds-accent-deep: #b85c30;
	--bds-width: 1240px;
	--bds-font: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bds-white); color: var(--bds-ink); font-family: var(--bds-font); font-size: 16px; line-height: 1.75; }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: 4px; }
a:hover { color: var(--bds-accent-deep); }
button, input, textarea, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid #ed9a69; outline-offset: 3px; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.screen-reader-text:focus { z-index: 100000; top: 8px; left: 8px; width: auto; height: auto; padding: 12px 18px; margin: 0; clip: auto; background: var(--bds-white); color: var(--bds-ink); box-shadow: 0 4px 20px rgb(16 27 36 / 18%); }
.site-shell { overflow: clip; }
.bds-container { width: min(var(--bds-width), calc(100% - 72px)); margin-inline: auto; }
.site-header { position: relative; z-index: 20; background: var(--bds-white); }
.site-header__inner { display: flex; min-height: 86px; align-items: center; justify-content: space-between; gap: 34px; }
.site-branding { display: flex; min-width: 220px; align-items: center; gap: 12px; text-decoration: none; }
.site-branding__mark { display: grid; width: 44px; height: 44px; place-items: center; border: 1px solid var(--bds-ink); color: var(--bds-ink); font-size: 17px; font-weight: 800; letter-spacing: -.12em; }
.site-branding__words { display: grid; line-height: 1.18; }
.site-branding__name { font-size: 18px; font-weight: 750; letter-spacing: .08em; }
.site-branding__note { margin-top: 4px; color: var(--bds-muted); font-family: Arial, sans-serif; font-size: 9px; letter-spacing: .19em; }
.site-branding .custom-logo { max-height: 52px; width: auto; }
.primary-navigation .menu, .primary-navigation ul { display: flex; align-items: center; gap: clamp(16px, 2.1vw, 33px); padding: 0; margin: 0; list-style: none; }
.primary-navigation a { display: block; padding-block: 12px; font-size: 13px; font-weight: 600; text-decoration: none; white-space: nowrap; }
.primary-navigation .current-menu-item > a, .primary-navigation .current_page_item > a { color: var(--bds-accent-deep); }
.header-cta, .button-primary, .button-light, .button-outline { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; gap: 12px; padding: 0 20px; border: 1px solid transparent; background: var(--bds-accent); color: #fff; font-size: 12px; font-weight: 700; letter-spacing: .04em; text-decoration: none; transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease; }
.header-cta { min-height: 42px; padding-inline: 16px; font-size: 11px; white-space: nowrap; }
.header-cta:hover, .button-primary:hover { transform: translateY(-2px); background: var(--bds-accent-deep); color: #fff; }
.button-light { border-color: #fff; background: #fff; color: var(--bds-ink); }
.button-light:hover { border-color: var(--bds-accent); background: var(--bds-accent); color: #fff; }
.button-outline { border-color: rgb(255 255 255 / 55%); background: transparent; color: #fff; }
.button-outline:hover { border-color: #fff; background: #fff; color: var(--bds-ink); }
.menu-toggle { display: none; width: 44px; height: 44px; align-items: center; justify-content: center; padding: 0; border: 1px solid var(--bds-line); background: transparent; color: var(--bds-ink); cursor: pointer; }
.menu-toggle__icon, .menu-toggle__icon::before, .menu-toggle__icon::after { display: block; width: 18px; height: 1px; background: currentColor; content: ""; transition: transform .2s ease; }
.menu-toggle__icon { position: relative; }
.menu-toggle__icon::before { position: absolute; top: -6px; }
.menu-toggle__icon::after { position: absolute; top: 6px; }
.menu-toggle[aria-expanded="true"] .menu-toggle__icon { background: transparent; }
.menu-toggle[aria-expanded="true"] .menu-toggle__icon::before { top: 0; transform: rotate(45deg); }
.menu-toggle[aria-expanded="true"] .menu-toggle__icon::after { top: 0; transform: rotate(-45deg); }
.breadcrumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 11px; color: #74818a; font-size: 12px; }
.breadcrumbs a { text-decoration: none; }
.breadcrumbs__separator { color: #b7c0c4; }
.hero { position: relative; display: flex; min-height: min(700px, 76vw); align-items: center; overflow: hidden; background: #27353c; color: #fff; }
.hero__media, .hero__media::after { position: absolute; inset: 0; }
.hero__media img { width: 100%; height: 100%; object-fit: cover; object-position: center 46%; animation: bds-hero-reveal 1.1s cubic-bezier(.2,.7,.2,1) both, bds-hero-drift 20s ease-in-out infinite alternate; }
.hero__media::after { background: linear-gradient(90deg, rgb(8 17 23 / 82%) 0%, rgb(8 17 23 / 60%) 43%, rgb(8 17 23 / 12%) 100%), linear-gradient(0deg, rgb(8 17 23 / 30%), transparent 50%); content: ""; }
.hero__content { position: relative; z-index: 1; width: min(var(--bds-width), calc(100% - 72px)); margin-inline: auto; padding-block: 92px; }
.eyebrow { display: flex; align-items: center; gap: 12px; margin: 0 0 23px; color: var(--bds-accent); font-size: 11px; font-weight: 700; letter-spacing: .17em; text-transform: uppercase; }
.eyebrow::before { width: 32px; height: 1px; background: currentColor; content: ""; }
.hero__brand { margin: 0 0 17px; color: rgb(255 255 255 / 78%); font-family: Arial, sans-serif; font-size: 12px; letter-spacing: .22em; animation: bds-rise-in .65s .1s both; }
.hero h1 { max-width: 750px; margin: 0; font-size: clamp(40px, 6.4vw, 78px); font-weight: 550; letter-spacing: -.05em; line-height: 1.19; animation: bds-rise-in .7s .2s both; }
.hero__headline { margin: 15px 0 0; font-size: clamp(25px, 3.4vw, 41px); font-weight: 500; letter-spacing: -.04em; line-height: 1.4; animation: bds-rise-in .7s .3s both; }
.hero__lead { max-width: 490px; margin: 17px 0 31px; color: rgb(255 255 255 / 77%); font-size: 15px; letter-spacing: .025em; animation: bds-rise-in .7s .4s both; }
.hero__actions { display: flex; flex-wrap: wrap; gap: 12px; animation: bds-rise-in .7s .5s both; }
.section { padding-block: clamp(78px, 10vw, 144px); }
.section--paper { background: var(--bds-paper); }
.section--dark { background: var(--bds-ink); color: #fff; }
.section-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 440px); align-items: end; gap: 52px; margin-bottom: 55px; }
.section-heading h2, .page-heading h1 { max-width: 780px; margin: 0; font-size: clamp(34px, 4.7vw, 58px); font-weight: 550; letter-spacing: -.045em; line-height: 1.28; }
.section-heading__copy { max-width: 470px; margin: 0; color: var(--bds-muted); font-size: 14px; }
.section--dark .section-heading__copy { color: #b4bec3; }
.intro-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 10vw; align-items: center; }
.intro-grid__copy { max-width: 550px; }
.intro-grid__copy h2 { margin: 0 0 23px; font-size: clamp(32px, 4vw, 50px); font-weight: 550; letter-spacing: -.04em; line-height: 1.32; }
.intro-grid__copy p { color: var(--bds-muted); font-size: 14px; }
.intro-grid__image { position: relative; min-height: 440px; overflow: hidden; background: #d8dedf; }
.intro-grid__image img { width: 100%; height: 100%; min-height: 440px; object-fit: cover; transition: transform .7s cubic-bezier(.2,.7,.2,1); }
.intro-grid__image:hover img { transform: scale(1.035); }
.intro-grid__caption { position: absolute; right: 0; bottom: 0; padding: 13px 18px; background: var(--bds-accent); color: #fff; font-size: 11px; letter-spacing: .08em; }
.capability-line { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 58px; border-top: 1px solid var(--bds-line); }
.capability-line__item { padding: 23px 18px 0 0; }
.capability-line__value { display: block; font-family: Arial, sans-serif; font-size: clamp(27px, 3vw, 39px); font-weight: 500; letter-spacing: -.04em; }
.capability-line__label { display: block; margin-top: 7px; color: var(--bds-muted); font-size: 11px; }
.service-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.service-item { min-width: 0; }
.service-item__image { position: relative; overflow: hidden; aspect-ratio: 1.28 / 1; background: #dfe4e4; }
.service-item__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s cubic-bezier(.2,.7,.2,1); }
.service-item:hover .service-item__image img { transform: scale(1.045); }
.service-item__number { position: absolute; bottom: 17px; left: 18px; color: #fff; font-family: Arial, sans-serif; font-size: 11px; letter-spacing: .17em; text-shadow: 0 1px 6px rgb(0 0 0 / 30%); }
.service-item h3 { margin: 22px 0 8px; font-size: 20px; font-weight: 600; }
.service-item p { max-width: 370px; margin: 0; color: var(--bds-muted); font-size: 13px; }
.text-link { display: inline-flex; align-items: center; gap: 14px; margin-top: 19px; color: var(--bds-ink); font-size: 12px; font-weight: 700; text-decoration: none; }
.text-link::after { width: 24px; height: 1px; background: var(--bds-accent); content: ""; transition: width .2s ease; }
.text-link:hover::after { width: 37px; }
.text-link--light { color: #fff; }
.case-feature { display: grid; grid-template-columns: 1fr 1fr; min-height: 500px; background: #e8e9e6; }
.case-feature__image { min-height: 390px; overflow: hidden; }
.case-feature__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s ease; }
.case-feature:hover .case-feature__image img { transform: scale(1.03); }
.case-feature__copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(34px, 6vw, 82px); }
.case-feature__copy h2 { max-width: 500px; margin: 0 0 20px; font-size: clamp(31px, 4vw, 50px); font-weight: 550; letter-spacing: -.04em; line-height: 1.3; }
.case-feature__copy p { max-width: 460px; margin: 0; color: #63717a; font-size: 14px; }
.case-feature__meta { margin-top: 34px; padding-top: 19px; border-top: 1px solid #cdd2d0; color: #59666e; font-size: 11px; letter-spacing: .04em; }
.news-list { border-top: 1px solid rgb(255 255 255 / 22%); }
.news-row { display: grid; grid-template-columns: 150px 1fr 26px; align-items: center; gap: 24px; padding: 21px 0; border-bottom: 1px solid rgb(255 255 255 / 22%); }
.news-row time { color: #aeb8bd; font-family: Arial, sans-serif; font-size: 12px; }
.news-row a { color: #fff; font-size: 15px; text-decoration: none; transition: color .2s ease; }
.news-row a:hover { color: #eda57c; }
.news-row__arrow { color: var(--bds-accent); font-size: 22px; text-align: right; }
.contact-band { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 36px; padding-block: 85px; }
.contact-band h2 { max-width: 740px; margin: 0; font-size: clamp(34px, 4.6vw, 56px); font-weight: 500; letter-spacing: -.04em; line-height: 1.25; }
.contact-band p { max-width: 500px; margin: 16px 0 0; color: #b4bec3; font-size: 14px; }
.page-hero { padding: 33px 0 80px; background: var(--bds-paper); }
.page-hero .breadcrumbs { margin-bottom: 61px; }
.page-heading { max-width: 900px; }
.page-heading .eyebrow { margin-bottom: 18px; }
.page-heading__lead { max-width: 650px; margin: 19px 0 0; color: var(--bds-muted); font-size: 15px; }
.page-body { padding-block: 78px 120px; }
.page-content { max-width: 850px; margin: 0 auto; }
.page-content > *:first-child { margin-top: 0; }
.page-content h2 { margin: 43px 0 14px; font-size: 29px; font-weight: 600; line-height: 1.35; }
.page-content h3 { margin: 34px 0 12px; font-size: 21px; font-weight: 600; }
.page-content p, .page-content li { color: #5f6e76; font-size: 15px; }
.page-content a { color: var(--bds-accent-deep); }
.page-content ul { padding-left: 1.4em; }
.page-content img { margin-block: 32px; }
.service-list-page, .case-grid-page { display: grid; grid-template-columns: repeat(2, 1fr); gap: 52px 34px; }
.service-detail { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, .8fr); gap: 9vw; align-items: start; }
.service-detail__copy { max-width: 660px; }
.service-detail__image { position: sticky; top: 26px; aspect-ratio: 1 / 1.12; overflow: hidden; background: #dfe4e4; }
.service-detail__image img { width: 100%; height: 100%; object-fit: cover; }
.service-detail__specs { margin: 31px 0 0; padding: 0; border-top: 1px solid var(--bds-line); list-style: none; }
.service-detail__specs li { display: flex; justify-content: space-between; gap: 18px; padding: 13px 0; border-bottom: 1px solid var(--bds-line); color: var(--bds-muted); font-size: 13px; }
.service-detail__specs strong { color: var(--bds-ink); font-weight: 600; }
.faq-list { max-width: 900px; margin: 0 auto; border-top: 1px solid var(--bds-line); }
.faq-list details { border-bottom: 1px solid var(--bds-line); }
.faq-list summary { position: relative; padding: 22px 45px 22px 0; font-size: 17px; font-weight: 600; cursor: pointer; list-style: none; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::after { position: absolute; top: 18px; right: 4px; color: var(--bds-accent); font-size: 22px; content: "+"; }
.faq-list details[open] summary::after { content: "−"; }
.faq-list details p { max-width: 740px; padding: 0 0 18px; margin: 0; color: var(--bds-muted); font-size: 14px; }
.contact-layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: 9vw; }
.contact-details { margin: 0; padding: 0; list-style: none; }
.contact-details li { padding: 19px 0; border-bottom: 1px solid var(--bds-line); }
.contact-details strong { display: block; color: var(--bds-muted); font-size: 11px; font-weight: 500; letter-spacing: .08em; }
.contact-details span, .contact-details a { display: block; margin-top: 4px; font-size: 17px; text-decoration: none; }
.contact-map { min-height: 390px; display: grid; align-items: end; padding: 28px; background: linear-gradient(145deg, #394a51, #182831); color: #fff; }
.contact-map__coords { max-width: 440px; }
.contact-map__coords span { display: block; color: #e89a6f; font-family: Arial, sans-serif; font-size: 10px; letter-spacing: .18em; }
.contact-map__coords h2 { margin: 9px 0 0; font-size: 28px; font-weight: 550; }
.contact-map__coords p { color: #c4cdd1; font-size: 13px; }
.post-list { max-width: 920px; margin: 0 auto; border-top: 1px solid var(--bds-line); }
.post-row { display: grid; grid-template-columns: 145px 1fr; gap: 28px; padding: 26px 0; border-bottom: 1px solid var(--bds-line); }
.post-row time { color: var(--bds-muted); font-family: Arial, sans-serif; font-size: 12px; }
.post-row h2 { margin: 0; font-size: 21px; font-weight: 600; }
.post-row p { margin: 8px 0 0; color: var(--bds-muted); font-size: 13px; }
.post-row a { text-decoration: none; }
.site-footer { padding: 70px 0 22px; background: #0c151c; color: #fff; }
.site-footer__grid { display: grid; grid-template-columns: 1.3fr .8fr 1fr; gap: 8vw; padding-bottom: 57px; }
.site-footer__brand { margin-bottom: 19px; }
.site-footer__brand .site-branding__mark { border-color: #aab4b8; color: #fff; }
.site-footer__brand .site-branding__note { color: #9ba7ad; }
.site-footer__description { max-width: 380px; margin: 0; color: #aeb8bd; font-size: 13px; }
.site-footer h2 { margin: 0 0 20px; color: #cbd3d6; font-size: 12px; font-weight: 650; letter-spacing: .08em; }
.site-footer ul { display: grid; gap: 10px; padding: 0; margin: 0; list-style: none; }
.site-footer li, .site-footer a { color: #aeb8bd; font-size: 12px; text-decoration: none; }
.site-footer a:hover { color: #fff; }
.site-footer__contact { display: grid; gap: 9px; color: #aeb8bd; font-size: 12px; }
.site-footer__contact a { color: inherit; }
.site-footer__bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px 28px; padding-top: 19px; border-top: 1px solid rgb(255 255 255 / 15%); color: #849198; font-size: 10px; }
.site-footer__bottom a { color: inherit; }
.site-footer__legal { display: flex; flex-wrap: wrap; gap: 20px; }
.pagination { display: flex; gap: 8px; margin-top: 34px; }
.pagination .page-numbers { display: grid; min-width: 38px; min-height: 38px; place-items: center; border: 1px solid var(--bds-line); font-size: 12px; text-decoration: none; }
.pagination .current { border-color: var(--bds-ink); background: var(--bds-ink); color: #fff; }
.alignleft { float: left; margin: 0 24px 18px 0; }
.alignright { float: right; margin: 0 0 18px 24px; }
.aligncenter { display: block; margin-right: auto; margin-left: auto; }
.alignwide { width: min(100% + 120px, calc(100vw - 72px)); max-width: none; margin-right: 0; margin-left: 50%; transform: translateX(-50%); }
.alignfull { width: 100vw; max-width: none; margin-right: 0; margin-left: 50%; transform: translateX(-50%); }
.wp-caption { max-width: 100%; }
.wp-caption-text, .gallery-caption { color: var(--bds-muted); font-size: 12px; }
.sticky { border-left: 3px solid var(--bds-accent); padding-left: 18px; }
.comment-list { padding: 0; list-style: none; }
.comment-list .children { margin-left: 35px; list-style: none; }
.comment-body { padding: 22px 0; border-bottom: 1px solid var(--bds-line); }
.comment-meta, .comment-awaiting-moderation { color: var(--bds-muted); font-size: 12px; }
.comment-content { color: #5f6e76; }
.comment-respond label { display: block; margin: 15px 0 5px; font-size: 13px; }
.comment-respond input:not([type="submit"]), .comment-respond textarea { width: 100%; padding: 12px; border: 1px solid var(--bds-line); background: #fff; }
.comment-respond input[type="submit"] { margin-top: 15px; padding: 12px 20px; border: 0; background: var(--bds-accent); color: #fff; cursor: pointer; }
.error-page { min-height: 58vh; display: grid; align-content: center; justify-items: start; padding-block: 80px; }
.error-page__code { margin: 0; color: var(--bds-accent); font-family: Arial, sans-serif; font-size: 12px; letter-spacing: .2em; }
.error-page h1 { margin: 12px 0; font-size: clamp(42px, 7vw, 80px); font-weight: 500; letter-spacing: -.05em; line-height: 1.13; }
.error-page p { max-width: 480px; color: var(--bds-muted); }
@keyframes bds-rise-in { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
@keyframes bds-hero-reveal { from { opacity: .55; } to { opacity: 1; } }
@keyframes bds-hero-drift { from { transform: scale(1.015); } to { transform: scale(1.065); } }
@media (max-width: 980px) {
	.bds-container, .hero__content { width: min(var(--bds-width), calc(100% - 48px)); }
	.site-header__inner { min-height: 76px; gap: 14px; }
	.site-branding { min-width: 0; }
	.menu-toggle { display: inline-flex; margin-left: auto; }
	.header-cta { display: none; }
	.primary-navigation { position: absolute; top: 100%; right: 0; left: 0; display: none; padding: 9px 24px 21px; border-top: 1px solid var(--bds-line); background: var(--bds-white); box-shadow: 0 18px 22px rgb(16 27 36 / 8%); }
	.primary-navigation.is-open { display: block; }
	.primary-navigation .menu, .primary-navigation ul { display: grid; gap: 0; }
	.primary-navigation a { padding: 11px 2px; border-bottom: 1px solid #edf0ef; }
	.hero { min-height: 650px; }
	.section-heading { grid-template-columns: 1fr; gap: 20px; }
	.site-footer__grid { gap: 5vw; }
}
@media (max-width: 700px) {
	.bds-container, .hero__content { width: calc(100% - 38px); }
	.site-header__inner { min-height: 70px; }
	.site-branding__mark { width: 39px; height: 39px; font-size: 15px; }
	.site-branding__name { font-size: 16px; }
	.site-branding__note { font-size: 8px; }
	.hero { min-height: 630px; align-items: end; }
	.hero__media img { object-position: 60% center; }
	.hero__media::after { background: linear-gradient(90deg, rgb(8 17 23 / 72%), rgb(8 17 23 / 23%)), linear-gradient(0deg, rgb(8 17 23 / 65%), transparent 74%); }
	.hero__content { padding-block: 90px 95px; }
	.hero h1 { font-size: clamp(40px, 11vw, 58px); }
	.hero__headline { font-size: clamp(25px, 7vw, 34px); }
	.hero__lead { max-width: 360px; font-size: 14px; }
	.section { padding-block: 76px; }
	.section-heading { margin-bottom: 35px; }
	.section-heading h2, .page-heading h1 { font-size: clamp(34px, 9vw, 45px); }
	.intro-grid, .service-detail, .contact-layout { grid-template-columns: 1fr; gap: 34px; }
	.intro-grid__image, .intro-grid__image img { min-height: 310px; }
	.capability-line { gap: 14px; margin-top: 40px; }
	.capability-line__value { font-size: 28px; }
	.capability-line__item { padding-right: 5px; }
	.capability-line__label { font-size: 10px; }
	.service-grid, .service-list-page, .case-grid-page { grid-template-columns: 1fr; gap: 38px; }
	.service-item__image { aspect-ratio: 1.4 / 1; }
	.case-feature { grid-template-columns: 1fr; }
	.case-feature__image { min-height: 290px; }
	.case-feature__copy { padding: 31px 22px 36px; }
	.news-row { grid-template-columns: 85px 1fr 17px; gap: 13px; padding: 18px 0; }
	.news-row a { font-size: 13px; }
	.contact-band { grid-template-columns: 1fr; align-items: start; gap: 25px; padding-block: 72px; }
	.contact-band h2 { font-size: 38px; }
	.page-hero { padding: 25px 0 55px; }
	.page-hero .breadcrumbs { margin-bottom: 43px; }
	.page-body { padding-block: 56px 85px; }
	.post-row { grid-template-columns: 1fr; gap: 8px; padding: 21px 0; }
	.post-row h2 { font-size: 19px; }
	.site-footer__grid { grid-template-columns: 1fr 1fr; gap: 37px 28px; padding-bottom: 40px; }
	.site-footer__brand-block { grid-column: 1 / -1; }
	.site-footer { padding-top: 55px; }
	.site-footer__bottom { font-size: 9px; }
	.alignwide, .alignfull { width: 100%; transform: none; margin-left: 0; }
}
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}