/* Lower Brady exhibition only. Hero composition and other product stages stay intact. */
.home-page.structure-preview .experience-chapter--brady { overflow-anchor:none; }
.home-page.structure-preview .experience-chapter--brady .experience-exhibit { mix-blend-mode:normal; }
.home-page.structure-preview .brady-showcase {
  --brady-ink:#152e50; --brady-muted:#5b6d84; --brady-blue:#174d99;
  --brady-room:clamp(360px,calc(100svh - 196px),570px);
  width:100%; min-width:0; color:var(--brady-ink); font-family:Inter,Arial,sans-serif;
}
.home-page.structure-preview .brady-showcase * { box-sizing:border-box; }
.home-page.structure-preview .brady-showcase [hidden] { display:none!important; }
.home-page.structure-preview .brady-showcase__tabs { margin-bottom:14px; }
.home-page.structure-preview .brady-showcase__tabs button { font-size:13px; }
.home-page.structure-preview .brady-showcase__panel[hidden] { display:none!important; }
.home-page.structure-preview .brady-action {
  height:var(--brady-room); display:grid;
  grid-template-rows:auto minmax(0,1fr) auto 2px;
  gap:9px; min-width:0; padding:0 3px;
}
.home-page.structure-preview .brady-action__toolbar { display:flex; align-items:center; gap:16px; justify-content:space-between; min-height:52px; }
.home-page.structure-preview .brady-action__slide-heading { display:grid; gap:5px; flex:1; min-width:0; }
.home-page.structure-preview .brady-action__counter { color:#69788d; font-size:10px; letter-spacing:.12em; font-variant-numeric:tabular-nums; }
.home-page.structure-preview .brady-action__slide-heading p { margin:0; color:var(--brady-ink); font-size:15px; font-weight:600; line-height:1.35; }
.home-page.structure-preview .brady-action__arrows { display:flex; gap:6px; flex:none; }
.home-page.structure-preview .brady-action__arrows button {
  display:grid; place-items:center; width:44px; height:44px; padding:0;
  border:1px solid #d6dfeb; border-radius:50%; color:var(--brady-ink); background:#fff;
  cursor:pointer; transition:background .2s,border-color .2s,transform .2s;
}
.home-page.structure-preview .brady-action__arrows svg { width:19px; height:19px; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.home-page.structure-preview .brady-action__arrows button:hover { background:#eff4fc; border-color:#b8cbe5; transform:translateY(-2px); }
.home-page.structure-preview .brady-action__stage { position:relative; min-height:0; width:100%; border-radius:15px; background:radial-gradient(ellipse at 50% 65%,#edf3fa 0,transparent 70%); overflow:hidden; isolation:isolate; }
.home-page.structure-preview .brady-action__stage canvas { display:block; width:100%; height:100%; }
.home-page.structure-preview .brady-action__fallback { position:absolute; inset:12% 20%; width:60%; height:76%; object-fit:contain; background:transparent; mix-blend-mode:multiply; }
.home-page.structure-preview .brady-action.is-ready .brady-action__fallback { display:none; }
.home-page.structure-preview .brady-action.is-fallback .brady-action__stage canvas { display:none; }
.home-page.structure-preview .brady-action__loading { position:absolute; bottom:12px; left:12px; right:12px; color:var(--brady-muted); text-align:center; font-size:12px; }
.home-page.structure-preview .brady-action:is(.is-ready,.is-fallback) .brady-action__loading { display:none; }
.home-page.structure-preview .brady-action__caption { display:flex; align-items:center; justify-content:center; gap:9px; min-height:40px; padding:0 8px; }
.home-page.structure-preview .brady-action__caption p { margin:0; color:#355475; font-size:12px; line-height:1.5; text-align:center; text-wrap:pretty; }
.home-page.structure-preview .brady-action__pulse { width:6px; height:6px; flex:none; border-radius:50%; background:#388775; box-shadow:0 0 0 4px #3887750c; }
.home-page.structure-preview .brady-action__progress { height:2px; background:#e6edf5; overflow:hidden; }
.home-page.structure-preview .brady-action__progress > span { display:block; width:100%; height:100%; background:linear-gradient(90deg,#174d99,#b9ad67); transform:scaleX(0); transform-origin:left; }
.home-page.structure-preview .brady-action__products { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; min-width:0; padding-top:3px; }
.home-page.structure-preview .brady-action__products > div { display:flex; align-items:center; gap:11px; min-width:0; }
.home-page.structure-preview .brady-action__products img { width:62px; height:61px; flex:none; object-fit:contain; mix-blend-mode:multiply; }
.home-page.structure-preview .brady-action__products span { color:var(--brady-muted); font-size:11px; line-height:1.4; }
.home-page.structure-preview .brady-action__note { display:block; color:#718096; font-size:9px; line-height:1.5; text-align:center; }
.home-page.structure-preview .brady-portfolio { height:var(--brady-room); display:grid; grid-template-rows:minmax(0,1fr) auto; gap:15px; }
.home-page.structure-preview .brady-portfolio__visual { position:relative; min-height:0; width:100%; background:radial-gradient(ellipse at 50% 70%,#edf3fa 0,transparent 65%); }
.home-page.structure-preview .brady-portfolio__visual :is(canvas,img) { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; background:transparent; pointer-events:none; }
.home-page.structure-preview .brady-portfolio canvas { opacity:0; }
.home-page.structure-preview .brady-portfolio.is-ready canvas { opacity:1; }
.home-page.structure-preview .brady-portfolio.is-ready img { opacity:0; }
.home-page.structure-preview .brady-portfolio > p { margin:0; padding:12px 0; color:var(--brady-muted); font-size:13px; text-align:center; border-top:1px solid #e3eaf3; }
.home-page.structure-preview .brady-showcase button:focus-visible { outline:2px solid #174d99; outline-offset:4px; }
.home-page.structure-preview .brady-showcase__noscript { color:var(--brady-muted); font-size:13px; line-height:1.5; }
@media(min-width:1001px) and (max-height:650px) {
  .home-page.structure-preview .brady-showcase { --brady-room:clamp(350px,calc(100svh - 178px),450px); }
  .home-page.structure-preview .brady-action { gap:6px; }
  .home-page.structure-preview .brady-action__products img { width:52px; height:48px; }
  .home-page.structure-preview .brady-action__products { gap:10px; }
  .home-page.structure-preview .brady-action__caption { min-height:34px; }
}
@media(max-width:1000px) {
  .home-page.structure-preview .brady-showcase { --brady-room:530px; max-width:620px; margin:auto; }
}
@media(max-width:600px) {
  .home-page.structure-preview .brady-showcase { --brady-room:475px; }
  .home-page.structure-preview .brady-action { padding:0; gap:8px; }
  .home-page.structure-preview .brady-action__toolbar { gap:10px; min-height:64px; }
  .home-page.structure-preview .brady-action__slide-heading p { font-size:14px; }
  .home-page.structure-preview .brady-action__arrows { gap:5px; }
  .home-page.structure-preview .brady-action__products { gap:12px; }
  .home-page.structure-preview .brady-action__products > div { gap:8px; }
  .home-page.structure-preview .brady-action__products img { width:49px; height:52px; }
  .home-page.structure-preview .brady-action__products span { font-size:10px; }
  .home-page.structure-preview .brady-action__note { font-size:9px; }
}
@media(max-width:360px) {
  .home-page.structure-preview .brady-showcase { --brady-room:445px; }
  .home-page.structure-preview .brady-showcase__tabs button { font-size:12px; }
  .home-page.structure-preview .brady-action__products img { width:39px; }
}
@media(prefers-reduced-motion:reduce) {
  .home-page.structure-preview .brady-showcase * { transition:none!important; animation:none!important; }
}
