/* Existing neutral palette, Arial copy and catalogue spacing. */
.ob-brand-copy { padding:20px; border-top:1px solid var(--uc-line,#d6d6d6); border-bottom:1px solid var(--uc-line,#d6d6d6); color:#666; background:var(--uc-bg,#f5f5f5); font:12px/1.55 Arial,sans-serif; }
.ob-brand-copy-inner { width:min(100%,520px); margin-left:auto; }
.ob-brand-copy h1,.ob-brand-copy h2 { margin:0 0 7px; font:400 12px/1.55 Arial,sans-serif; letter-spacing:0; color:inherit; }
.ob-brand-copy p { margin:7px 0 0; }
.ob-category-copy a,.ob-measurements a,.op-shipping-note a { color:inherit; text-underline-offset:3px; }
.ob-category-copy { box-sizing:border-box; margin:0 20px 8px; padding:8px 0; border-top:1px solid var(--uc-line,#d6d6d6); border-bottom:1px solid var(--uc-line,#d6d6d6); color:#555; font:11px/1.4 Arial,sans-serif; }
.ob-category-copy h2 { max-width:720px; color:#191919; font:400 14px/1.25 Arial,sans-serif; letter-spacing:-.015em; margin:0 0 5px; text-wrap:balance; }
.ob-category-copy p { margin:0; max-width:960px; }
.ob-category-copy [data-category-guide] { margin-top:2px; }
.ob-category-copy .ob-guide-link { display:inline-flex; align-items:center; justify-content:space-between; gap:10px; min-height:28px; box-sizing:border-box; padding:0; border:0; color:#191919; font:9px/1.4 monospace; letter-spacing:.06em; text-transform:uppercase; text-decoration:none; transition:background-color 180ms ease,color 180ms ease,border-color 180ms ease; }
.ob-guide-link .ob-guide-arrow { width:14px; height:14px; flex-shrink:0; pointer-events:none; transition:transform 180ms ease; }
.ob-guide-link:focus-visible { outline:2px solid currentColor; outline-offset:4px; }
@media(hover:hover){ .ob-category-copy .ob-guide-link:hover { color:#555; text-decoration:none; } .ob-guide-link:hover span:first-child { text-decoration:underline; text-underline-offset:3px; } .ob-guide-link:hover .ob-guide-arrow { transform:translate(2px,-2px); } }
.ob-guide-link:active { transform:translateY(1px); }
@media(prefers-reduced-motion:reduce){ .ob-category-copy .ob-guide-link,.ob-guide-link .ob-guide-arrow { transition:none; } }
.ob-category-copy[hidden] { display:none; }
html body [data-ourobor-product] .ob-product-subtitle { order:2; margin:12px 0; font:14px/1.5 Arial,sans-serif; color:var(--op-muted,#666); }
html body [data-ourobor-product] .ob-product-summary { order:4; margin:12px 0; font:13px/1.6 Arial,sans-serif; }
.ob-measurements,.ob-product-faq { margin-top:20px; font:13px/1.65 Arial,sans-serif; }
.ob-measurements h3,.ob-product-faq h3 { font:400 15px/1.4 Arial,sans-serif; margin:20px 0 10px; }
.ob-measurements-scroll { overflow:auto; max-width:100%; }
.ob-measurements table { border-collapse:collapse; min-width:100%; font:12px/1.5 Arial,sans-serif; }
.ob-measurements th,.ob-measurements td { padding:10px; text-align:left; border-bottom:1px solid #ccc; min-width:65px; }
.ob-measurements th { font-weight:500; }
@media(max-width:768px){ .ob-brand-copy { padding:16px; } .ob-category-copy { margin:0 16px 8px; padding:8px 0; font-size:11px; } }

/* Native disclosure remains operable without JavaScript. Its growing content
   extends the hero record while preserving the carousel's existing dimensions. */
.ourobor-managed-hero-record { position:relative; }
.ob-brand-disclosure { position:relative; z-index:6; padding-top:110px; margin-bottom:-154px; color:#555; }
.ob-brand-disclosure summary { width:max-content; min-height:44px; margin:0 auto; display:flex; align-items:center; gap:10px; cursor:pointer; list-style:none; font:11px/1.4 Arial,sans-serif; text-transform:uppercase; letter-spacing:1.2px; }
.ob-brand-disclosure summary::-webkit-details-marker { display:none; }
.ob-brand-disclosure summary:focus-visible { outline:1px solid currentColor; outline-offset:5px; }
.ob-brand-disclosure summary svg { fill:none; stroke:currentColor; stroke-width:1.2; transition:transform 300ms ease; }
.ob-brand-disclosure summary:hover svg { transform:translateY(3px); }
.ob-brand-disclosure[open] summary svg { transform:rotate(180deg); }
.ob-brand-disclosure .ob-brand-copy { width:min(100%,560px); box-sizing:border-box; margin:0 auto; padding:14px 20px 32px; border:0; background:transparent; text-align:center; }
.ob-brand-disclosure .ob-brand-copy-inner { width:100%; margin:0; }
.ob-brand-disclosure::details-content { interpolate-size:allow-keywords; block-size:0; overflow:clip; opacity:0; transition:block-size 360ms ease,opacity 240ms ease,content-visibility 360ms allow-discrete; }
.ob-brand-disclosure[open]::details-content { block-size:auto; opacity:1; }
@media(max-width:768px){
  .ob-brand-disclosure { padding-top:80px; margin-bottom:-124px; }
  .ob-brand-disclosure .ob-brand-copy { padding:10px 24px 28px; }
}
@media(prefers-reduced-motion:reduce){
  .ob-brand-disclosure::details-content,.ob-brand-disclosure summary svg { transition:none; }
}

@media(max-width:768px){
 html[data-ob-home-menu] .ourobor-managed-hero-record > .ob-hero-mark { display:block; position:absolute; z-index:7; left:50%; top:24px; width:110px; height:38.2px; transform:translateX(-50%); pointer-events:none; opacity:var(--ob-hero-mark-opacity,1); }
}

/* The upper edge fades into the page only while the brand copy is expanded. */
@media(min-width:769px){
 .ob-brand-disclosure ~ .ourobor-hero-system::before {
  inset:0 0 auto; height:220px; opacity:0; z-index:4;
  background:linear-gradient(to bottom,rgb(var(--ob-hero-edge-rgb,245,245,245)),rgba(var(--ob-hero-edge-rgb,245,245,245),.86) 24%,rgba(var(--ob-hero-edge-rgb,245,245,245),.4) 60%,rgba(var(--ob-hero-edge-rgb,245,245,245),0));
  transition:opacity 360ms ease; pointer-events:none;
 }
 .ob-brand-disclosure[open] ~ .ourobor-hero-system::before { opacity:1; }
}
@media(prefers-reduced-motion:reduce){
 .ob-brand-disclosure ~ .ourobor-hero-system::before { transition:none; }
}

.ob-hero-shortcut { position:absolute; top:110px; z-index:8; display:flex; align-items:center; min-height:44px; padding:0; border:0; background:none; color:#555; font:11px/1.4 Arial,sans-serif; letter-spacing:1.2px; text-decoration:none; cursor:pointer; }
.ob-hero-catalog { left:20px; }
.ob-hero-menu { right:20px; }
.ob-hero-shortcut:focus-visible { outline:1px solid currentColor; outline-offset:5px; }
.ob-hero-shortcut:hover { color:#111; }
@media(max-width:768px){ .ob-hero-shortcut { top:80px; } .ob-hero-catalog { left:16px; } .ob-hero-menu { right:16px; } }

/* Match the header's adaptive ink: blend each control against the hero itself. */
@supports(mix-blend-mode:difference){
 .ob-brand-disclosure { z-index:auto; }
 .ob-brand-disclosure::details-content { position:relative; z-index:6; }
 .ob-brand-disclosure summary { position:relative; z-index:6; }
 .ob-brand-disclosure summary,.ob-hero-shortcut,.ob-hero-shortcut:hover { color:#fff; mix-blend-mode:difference; }
}

@media(min-width:769px){ .ob-hero-shortcut { display:none; } }

.ob-brand-disclosure.ob-brand-initial::details-content { transition:none; }