/* Proposed motion language. All page rules remain within the WISERUNION surface. */
#wu-home .bm-section { --bm-ink:#151515; --bm-muted:#696969; --bm-line:#dededb; --bm-paper:#f5f5f3; --bm-teal:#286c67; overflow-wrap:anywhere; }
#wu-home .bm-section p { line-height:1.85; }
#wu-home .bm-section a:focus-visible, #wu-home .bm-section button:focus-visible, #wu-home .bm-section summary:focus-visible { outline:2px solid var(--bm-teal); outline-offset:5px; }
#wu-home .bm-lead { max-width:850px; margin-top:22px; color:#525b57; font-size:16px; }
#wu-home .bm-edition { display:grid; grid-template-columns:minmax(130px,.7fr) minmax(0,2.3fr); gap:10px 24px; margin-top:28px; padding:22px 24px; border:1px solid #cbd8d2; background:#f1f6f3; }
#wu-home .bm-edition > span { color:var(--bm-teal); font-size:12px; font-weight:600; }
#wu-home .bm-edition p { font-size:12px; color:#485952; }
#wu-home .bm-edition small { grid-column:2; color:#5d6b65; font-size:10px; }
#wu-home .bm-block-heading { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:24px; align-items:end; margin:54px 0 23px; }
#wu-home .bm-kicker { color:var(--bm-teal); font-size:10px; font-weight:600; letter-spacing:.08em; }
#wu-home .bm-block-heading h3, #wu-home .bm-download-block h3 { margin-top:12px; font-size:25px; line-height:1.5; font-weight:500; }
#wu-home .bm-block-heading > p { font-size:12px; color:var(--bm-muted); }
#wu-home .bm-demo { margin:0; }
#wu-home .bm-stage { position:relative; display:flex; flex-direction:column; aspect-ratio:16/9; min-height:360px; overflow:hidden; padding:clamp(22px,3vw,40px); background:#151515; color:#fff; isolation:isolate; }
#wu-home .bm-stage-meta { display:flex; justify-content:space-between; gap:15px; color:#a9bcb5; font-size:9px; letter-spacing:.1em; }
#wu-home .bm-stage-body { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(120px,1fr); gap:clamp(14px,2vw,28px); align-items:center; flex:1; padding-block:25px; }
#wu-home .bm-logo-reveal { width:clamp(180px,23vw,250px); max-width:100%; margin-bottom:clamp(23px,3vw,40px); }
#wu-home .bm-logo-reveal img { display:block; width:100%; height:auto; }
#wu-home .bm-stage-title { display:flex; flex-direction:column; gap:8px; font-size:clamp(19px,2.6vw,34px); line-height:1.5; font-weight:400; letter-spacing:-.025em; }
#wu-home .bm-stage-title span { display:block; }
#wu-home .bm-stage .bm-stage-subtitle { margin-top:18px; color:#b8cdc4; font-size:clamp(10px,1.2vw,13px); line-height:1.6; }
#wu-home .bm-stage-visual { min-width:0; }
#wu-home .bm-stage-visual > img { display:block; width:100%; max-width:225px; height:auto; aspect-ratio:1; margin:0 auto; object-fit:contain; }
#wu-home .bm-stage-terms { display:flex; justify-content:center; flex-wrap:wrap; gap:8px 18px; margin-top:10px; color:#b8d8cd; font-size:10px; }
#wu-home .bm-stage-terms span + span::before { content:"/"; color:#5d7e71; margin-right:18px; }
#wu-home .bm-stage-footer { display:flex; justify-content:space-between; gap:18px; align-items:end; border-top:1px solid #3c4b45; padding-top:15px; }
#wu-home .bm-stage-footer p { color:#e0e9e4; font-size:clamp(10px,1.15vw,12px); }
#wu-home .bm-stage-footer small { color:#aab9b1; font-size:8px; white-space:nowrap; }
#wu-home .bm-progress { position:absolute; inset:auto 0 0; height:2px; background:#34443c; }
#wu-home .bm-progress span { display:block; height:100%; background:#73b8b0; transform-origin:left center; transform:scaleX(1); }
#wu-home .bm-demo figcaption { margin-top:14px; color:var(--bm-muted); font-size:11px; line-height:1.9; }
#wu-home .bm-controls { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-top:21px; }
#wu-home .bm-controls[hidden] { display:none; }
#wu-home .bm-controls button { min-height:44px; padding:10px 17px; border:1px solid var(--bm-ink); background:var(--bm-ink); color:#fff; cursor:pointer; font:inherit; font-size:12px; line-height:1.5; }
#wu-home .bm-controls button + button { color:var(--bm-ink); background:#fff; border-color:#a5b3ac; }
#wu-home .bm-controls button:hover:not(:disabled) { background:#286c67; color:#fff; border-color:#286c67; }
#wu-home .bm-controls button:disabled { cursor:default; color:#626963; background:#ebeeeb; border-color:#c5cec8; }
#wu-home .bm-total { margin-left:auto; font-size:10px; color:var(--bm-muted); }
#wu-home .bm-status { min-height:2em; margin-top:13px; font-size:11px; color:#52625a; }
#wu-home .bm-timing-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin-top:35px; border-top:1px solid var(--bm-line); border-bottom:1px solid var(--bm-line); }
#wu-home .bm-timing-grid article { padding:22px 20px 24px 0; }
#wu-home .bm-timing-grid article + article { border-left:1px solid var(--bm-line); padding-left:20px; }
#wu-home .bm-timing-grid strong { display:block; margin:12px 0; font-size:25px; line-height:1.5; font-weight:400; }
#wu-home .bm-timing-grid article > p:last-child { color:var(--bm-muted); font-size:11px; }
#wu-home .bm-easing { display:grid; grid-template-columns:120px minmax(0,1fr); gap:20px; margin-top:21px; font-size:12px; }
#wu-home .bm-easing > strong { color:#3a5045; font-weight:500; }
#wu-home .bm-easing p { color:var(--bm-muted); }
#wu-home .bm-easing code, #wu-home .bm-download-block code { font-size:11px; overflow-wrap:anywhere; }
#wu-home .bm-scene-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
#wu-home .bm-scene-grid article { background:var(--bm-paper); border-top:2px solid #638e7b; padding:25px 22px; }
#wu-home .bm-scene-grid h4 { margin-top:16px; font-size:17px; font-weight:500; line-height:1.7; }
#wu-home .bm-scene-grid strong { display:block; margin-top:22px; font-size:12px; font-weight:500; color:var(--bm-teal); }
#wu-home .bm-scene-grid article > p:last-child { margin-top:12px; font-size:12px; color:var(--bm-muted); }
#wu-home .bm-rule-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:35px; margin-top:27px; }
#wu-home .bm-rule-grid article { display:grid; grid-template-columns:30px minmax(0,1fr); gap:10px 13px; padding:24px 0; border-bottom:1px solid var(--bm-line); }
#wu-home .bm-number { font-size:11px; color:var(--bm-teal); }
#wu-home .bm-rule-grid h4 { font-size:17px; font-weight:500; line-height:1.4; }
#wu-home .bm-rule-grid article p { grid-column:2; font-size:12px; color:var(--bm-muted); }
#wu-home .bm-storyboard { margin-top:35px; border:1px solid var(--bm-line); }
#wu-home .bm-storyboard summary { min-height:44px; cursor:pointer; padding:18px 22px; font-size:14px; font-weight:500; }
#wu-home .bm-storyboard ol { list-style:none; margin:0; padding:0 22px 8px; }
#wu-home .bm-storyboard li { display:grid; grid-template-columns:120px minmax(0,1fr); gap:25px; border-top:1px solid var(--bm-line); padding:18px 0; }
#wu-home .bm-shot-time { color:var(--bm-teal); font-variant-numeric:tabular-nums; font-size:12px; }
#wu-home .bm-storyboard h4 { font-size:14px; font-weight:500; }
#wu-home .bm-storyboard li p { margin-top:7px; color:#525b56; font-size:12px; }
#wu-home .bm-storyboard small { display:block; margin-top:7px; color:#69756e; font-size:10px; }
#wu-home .bm-access-note { margin-top:25px; padding:24px; background:#eff4f0; border-left:2px solid var(--bm-teal); }
#wu-home .bm-access-note h3 { font-size:17px; font-weight:500; }
#wu-home .bm-access-note p { margin-top:12px; font-size:12px; color:#485d50; }
#wu-home .bm-access-note a { color:var(--bm-teal); text-decoration:underline; text-underline-offset:4px; }
#wu-home .bm-download-block { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:35px; margin-top:45px; padding-top:32px; border-top:1px solid var(--bm-line); }
#wu-home .bm-download-block p:not(.bm-kicker) { margin-top:15px; font-size:12px; color:var(--bm-muted); }
#wu-home .bm-kit-link { display:inline-flex; align-items:center; gap:20px; margin-top:24px; min-height:44px; padding:11px 17px; background:#151515; color:#fff; font-size:12px; }
#wu-home .bm-download-list a { display:grid; grid-template-columns:minmax(0,1fr) 20px; align-items:center; gap:6px 12px; min-height:75px; border-bottom:1px solid var(--bm-line); padding:15px 0; }
#wu-home .bm-download-list a > span:first-child { font-size:13px; color:#243e30; }
#wu-home .bm-download-list small { grid-column:1; color:var(--bm-muted); font-size:10px; }
#wu-home .bm-download-list a > span:last-child { grid-column:2; grid-row:1/3; color:var(--bm-teal); }
#wu-home .bm-section .bm-source { margin-top:27px; color:#69746e; font-size:10px; }
@media(max-width:1000px) {
  #wu-home .bm-stage { min-height:330px; }
  #wu-home .bm-stage-title { font-size:clamp(19px,2.7vw,29px); }
  #wu-home .bm-timing-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #wu-home .bm-timing-grid article:nth-child(3) { border-left:0; padding-left:0; }
  #wu-home .bm-timing-grid article:nth-child(n+3) { border-top:1px solid var(--bm-line); }
  #wu-home .bm-scene-grid { gap:10px; }
  #wu-home .bm-scene-grid article { padding:22px 16px; }
}
@media(max-width:600px) {
  #wu-home .bm-edition, #wu-home .bm-block-heading, #wu-home .bm-download-block { grid-template-columns:minmax(0,1fr); gap:15px; }
  #wu-home .bm-edition small { grid-column:1; }
  #wu-home .bm-stage { min-height:440px; aspect-ratio:auto; padding:21px; }
  #wu-home .bm-stage-meta { font-size:8px; letter-spacing:.05em; }
  #wu-home .bm-stage-body { grid-template-columns:minmax(0,1fr); gap:17px; padding-top:25px; padding-bottom:20px; }
  #wu-home .bm-logo-reveal { width:200px; margin-bottom:25px; }
  #wu-home .bm-stage-title { font-size:clamp(18px,4.8vw,26px); gap:4px; }
  #wu-home .bm-stage .bm-stage-subtitle { font-size:10px; margin-top:12px; }
  #wu-home .bm-stage-visual { display:grid; grid-template-columns:110px minmax(0,1fr); align-items:center; gap:8px; }
  #wu-home .bm-stage-visual > img { width:110px; margin:0; }
  #wu-home .bm-stage-terms { font-size:10px; gap:8px 10px; margin:0; }
  #wu-home .bm-stage-terms span + span::before { margin-right:10px; }
  #wu-home .bm-stage-footer { display:block; padding-top:12px; }
  #wu-home .bm-stage-footer p { font-size:10px; }
  #wu-home .bm-stage-footer small { display:block; margin-top:5px; }
  #wu-home .bm-total { width:100%; margin-left:0; margin-top:2px; }
  #wu-home .bm-timing-grid article { padding-right:14px; }
  #wu-home .bm-timing-grid article + article { padding-left:14px; }
  #wu-home .bm-timing-grid strong { font-size:22px; }
  #wu-home .bm-easing { grid-template-columns:minmax(0,1fr); gap:8px; }
  #wu-home .bm-scene-grid, #wu-home .bm-rule-grid { grid-template-columns:minmax(0,1fr); }
  #wu-home .bm-scene-grid article { padding:22px; }
  #wu-home .bm-scene-grid strong { margin-top:13px; }
  #wu-home .bm-storyboard summary { padding:17px; }
  #wu-home .bm-storyboard ol { padding:0 17px 7px; }
  #wu-home .bm-storyboard li { grid-template-columns:minmax(0,1fr); gap:9px; }
  #wu-home .bm-access-note { padding:20px; }
  #wu-home .bm-block-heading { margin-top:40px; }
}
@media(prefers-reduced-motion:reduce) {
  #wu-home .bm-section *, #wu-home .bm-section *::before, #wu-home .bm-section *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
}
@media print {
  #wu-home .bm-controls, #wu-home .bm-progress { display:none !important; }
  #wu-home .bm-stage { print-color-adjust:exact; -webkit-print-color-adjust:exact; }
  #wu-home .bm-stage [data-bm-logo] { clip-path:none !important; }
  #wu-home .bm-stage [data-bm-title-one], #wu-home .bm-stage [data-bm-title-two], #wu-home .bm-stage [data-bm-subtitle], #wu-home .bm-stage [data-bm-facet], #wu-home .bm-stage [data-bm-term], #wu-home .bm-stage [data-bm-foundation] { opacity:1 !important; transform:none !important; }
}