/* Cordnestia — brand hero (scoped) */
.brand-hero{display:flex;flex-direction:column;gap:0;margin:var(--pad-y) 0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff}
.brand-hero__inner{display:flex;flex-direction:column;gap:0}
.brand-hero__copy{padding:clamp(24px,4vw,52px) clamp(20px,5vw,64px) clamp(18px,3vw,32px);display:flex;flex-direction:column;gap:14px;max-width:70ch}
.brand-hero__eyebrow{margin:0;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:500;color:var(--accent)}
.brand-hero h1{font-size:clamp(1.9rem,5vw,3.4rem);margin:0;letter-spacing:-.02em;line-height:1.08}
.brand-hero__sub{margin:0;font-size:clamp(.95rem,1.4vw,1.08rem);color:#3d474e;max-width:52ch}
.brand-hero__cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}
.brand-hero__btn{display:inline-flex;align-items:center;justify-content:center;font-weight:500;font-size:.92rem;padding:11px 18px;border-radius:var(--radius);border:1px solid var(--ink);min-height:44px}
.brand-hero__btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}
.brand-hero__btn--primary:hover{background:#255a50;border-color:#255a50}
.brand-hero__btn--ghost{background:transparent;color:var(--ink)}
.brand-hero__btn--ghost:hover{background:var(--ink);color:var(--paper)}
.brand-hero__scene{position:relative;margin:0;background:var(--accent-soft);display:flex;flex-direction:column;border-top:1px solid var(--line)}
.brand-hero__scene img{display:block;width:100%;height:clamp(220px,38vw,420px);object-fit:cover}
.brand-hero__caption{margin:0;padding:10px 16px;font-size:.78rem;color:#3d474e;background:#fff;border-top:1px solid var(--line)}
.brand-hero__feature{display:flex;align-items:center;gap:14px;padding:14px clamp(16px,4vw,32px);border-top:1px solid var(--line);background:var(--paper);color:inherit;text-decoration:none;min-width:0}
.brand-hero__feature:hover{background:var(--accent-soft)}
.brand-hero__feature:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.brand-hero__feature-img{width:72px;height:72px;object-fit:contain;background:var(--accent-soft);border-radius:4px;padding:6px;flex:0 0 auto}
.brand-hero__feature-text{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1 1 auto}
.brand-hero__feature-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-weight:500}
.brand-hero__feature-name{font-size:.95rem;font-weight:500;line-height:1.3}
.brand-hero__feature-desc{font-size:.82rem;line-height:1.4;color:#3d474e}
.brand-hero__feature-price{font-size:.88rem;font-variant-numeric:tabular-nums;color:var(--ink);font-weight:500}
.brand-hero__feature-arrow{flex:0 0 auto;font-size:1.1rem;color:var(--accent)}
@media (min-width:900px){
  .brand-hero__inner{flex-direction:row;align-items:stretch}
  .brand-hero__copy{flex:1 1 46%;justify-content:center;padding:clamp(32px,4vw,56px)}
  .brand-hero__scene{flex:1 1 54%;border-top:0;border-left:1px solid var(--line)}
  .brand-hero__scene img{height:100%;min-height:340px}
}
@media (max-width:640px){
  .brand-hero__copy{padding:20px 16px 16px;gap:12px}
  .brand-hero__cta .brand-hero__btn{flex:1 1 auto}
  .brand-hero__scene img{height:200px}
  .brand-hero__feature{gap:12px;padding:12px 16px;align-items:flex-start}
  .brand-hero__feature-img{width:56px;height:56px}
  .brand-hero__feature-arrow{display:none}
}