.ume-about { --ua-accent:#465b4b; --ua-line:#d9ded8; color:#242824; background:#fff; width:100%; max-width:none!important; font-family:Arial,Helvetica,sans-serif; letter-spacing:0; }
.ume-about *, .ume-about *::before, .ume-about *::after { box-sizing:border-box; }
.ume-about [hidden] { display:none!important; }
.ume-about .ua-wrap { width:min(1160px,calc(100% - 48px)); margin-inline:auto; }
.ume-about h1,.ume-about h2,.ume-about h3 { font-family:Georgia,serif; font-weight:400; letter-spacing:0; }
.ume-about h2 { font-size:44px; line-height:1.12; margin:0 0 20px; }
.ume-about h3 { font-size:27px; line-height:1.2; margin:0 0 16px; }
.ume-about p { line-height:1.7; margin:0 0 20px; color:#555e57; }
.ume-about .ua-eyebrow { font-size:11px; font-weight:700; color:var(--ua-accent); margin-bottom:18px; text-transform:uppercase; }
.ume-about a { text-underline-offset:6px; }
.ume-about a:hover { color:var(--ua-accent); }
.ume-about :is(a,button,input,summary,[tabindex]):focus-visible { outline:3px solid #687b58; outline-offset:5px; }
.ume-about .ua-section { padding-block:72px; scroll-margin-top:105px; }
.ua-hero { position:relative; isolation:isolate; display:flex; align-items:center; min-height:480px; }
.ua-hero > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 55%; z-index:-2; }
.ua-hero::before { content:''; position:absolute; inset:0; background:linear-gradient(90deg,rgba(21,30,25,.88),rgba(21,30,25,.18)); z-index:-1; }
.ume-about .ua-hero-copy { padding-block:64px; }
.ume-about .ua-hero h1 { font-size:76px; line-height:1.05; color:#fff; margin:0 0 18px; }
.ume-about .ua-hero p { color:#fff; max-width:470px; }
.ume-about .ua-hero .ua-hero-lead { font-family:Georgia,serif; font-size:30px; line-height:1.2; }
.ume-about .ua-button { display:inline-flex; align-items:center; justify-content:space-between; gap:24px; min-height:48px; padding:14px 22px; background:var(--ua-accent); color:#fff; text-decoration:none; font-size:13px; transition:background .2s; }
.ume-about .ua-button:hover { background:#27392d; color:#fff; }
.ume-about .ua-hero .ua-button { background:#fff; color:#242824; }
.ua-jumps { display:flex; flex-wrap:wrap; gap:12px 32px; border-bottom:1px solid var(--ua-line); padding-block:12px; }
.ua-jumps a { display:inline-flex; align-items:center; min-height:44px; font-size:13px; text-decoration:none; }
.ua-heading { max-width:720px; margin-bottom:36px; }
.ua-principles { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.ua-principles article { padding-top:24px; border-top:1px solid var(--ua-line); }
.ua-number { display:block; font-size:12px; color:var(--ua-accent); margin-bottom:24px; }
.ua-principles a { display:inline-block; padding-block:12px; font-size:13px; }
.ua-material-band { background:#eef2ed; }
.ua-tabs { display:flex; gap:8px; margin-bottom:32px; border-bottom:1px solid #bfc9bf; }
.ua-tabs button { border:0; border-bottom:3px solid transparent; padding:14px 24px; min-height:48px; background:transparent; font-size:15px; color:#46534a; cursor:pointer; }
.ua-tabs button[aria-selected=true] { border-color:var(--ua-accent); color:#19291e; font-weight:700; }
.ua-panel { display:grid; grid-template-columns:1fr 1fr; gap:64px; animation:ua-enter .2s ease-out; }
.ua-material-copy h3 { font-size:36px; }
.ua-material-copy dt { font-size:12px; font-weight:700; margin-bottom:8px; text-transform:uppercase; }
.ua-material-copy dd { margin:0 0 24px; line-height:1.7; color:#555e57; }
.ua-material-products { border-left:1px solid #bfc9bf; padding-left:36px; min-width:0; }
.ua-product { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px 16px; text-decoration:none; padding:18px 0; border-top:1px solid #bfc9bf; font-size:14px; transition:color .2s; }
.ua-product strong { font-weight:500; overflow-wrap:anywhere; }
.ua-product small { grid-column:1/-1; color:#555e57; }
.ua-product-link { grid-column:1/-1; font-size:12px; text-decoration:underline; text-underline-offset:4px; }
.ua-checklist { display:grid; grid-template-columns:1fr 1.2fr; gap:64px; }
.ua-checklist progress { display:block; width:100%; height:8px; accent-color:var(--ua-accent); margin:28px 0 12px; }
.ua-checklist progress::-webkit-progress-bar { background:#e6eae5; }
.ua-checklist progress::-webkit-progress-value { background:var(--ua-accent); transition:width .2s; }
.ume-about .ua-progress-text { color:#242824; font-weight:600; margin-bottom:4px; }
.ua-save-state { font-size:12px; }
.ua-reset { min-height:44px; border:0; background:transparent; color:var(--ua-accent); text-decoration:underline; text-underline-offset:5px; cursor:pointer; padding:8px 0; }
.ua-checks label { display:flex; align-items:flex-start; gap:16px; padding:22px 0; border-top:1px solid var(--ua-line); cursor:pointer; }
.ua-checks input { width:22px; height:22px; flex:none; margin:2px 0; accent-color:var(--ua-accent); }
.ua-checks strong { display:block; font-size:18px; font-weight:500; margin-bottom:8px; }
.ua-checks label span span { display:block; font-size:14px; line-height:1.7; color:#555e57; }
.ua-checks label:has(input:checked) strong { color:var(--ua-accent); }
.ua-faq-band { background:#f4f5f3; }
.ua-faq-layout { display:grid; grid-template-columns:1fr 1.2fr; gap:64px; }
.ua-faq-layout details { border-top:1px solid var(--ua-line); padding:8px 0; }
.ua-faq-layout summary { cursor:pointer; padding:14px 0; font-size:17px; min-height:48px; }
.ua-faq-layout details p { font-size:14px; padding-top:10px; }
.ua-faq-layout details a { display:inline-block; padding:8px 0 16px; font-size:14px; }
.ua-finish { display:flex; align-items:center; justify-content:space-between; gap:32px; }
.ua-finish > div:last-child { display:flex; flex-direction:column; align-items:flex-start; gap:20px; }
@keyframes ua-enter { from { opacity:.5; transform:translateY(6px); } to { opacity:1; transform:translateY(0); } }
@media (max-width:900px) { .ua-panel,.ua-checklist,.ua-faq-layout { gap:32px; } .ua-principles { gap:20px; } }
@media (max-width:600px) {
    .ume-about .ua-wrap { width:calc(100% - 40px); }
    .ume-about .ua-section { padding-block:48px; }
    .ume-about h2 { font-size:34px; }
    .ume-about .ua-hero h1 { font-size:52px; }
    .ua-hero { min-height:440px; }
    .ua-jumps { gap:0 22px; }
    .ua-principles,.ua-panel,.ua-checklist,.ua-faq-layout { grid-template-columns:1fr; gap:28px; }
    .ua-material-products { border-left:0; border-top:1px solid #bfc9bf; padding:24px 0 0; }
    .ua-material-copy h3 { font-size:30px; }
    .ua-tabs button { flex:1; padding:14px 10px; }
    .ua-finish { flex-direction:column; align-items:flex-start; }
}
@media (prefers-reduced-motion:reduce) { .ume-about *, .ume-about *::before { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }
