.brand-page .brand-hero { padding:clamp(58px,8vw,96px) 0 72px; background:linear-gradient(135deg,#F5F7FB 0%,#EEF0F8 100%); overflow:hidden; }
.brand-page .brand-hero-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,.88fr); gap:clamp(36px,7vw,96px); align-items:center; }
.brand-page .brand-hero-copy { max-width:620px; }
.brand-page .brand-hero h1 { margin:20px 0 22px; max-width:600px; }
.brand-page .brand-hero .lead { max-width:560px; }
.brand-page .brand-hero .hero-actions { margin-top:30px; display:flex; flex-wrap:wrap; gap:12px; }
.brand-page .brand-hero-benefits { display:grid; gap:10px; margin:26px 0 0; padding:0; list-style:none; color:#334A60; }
.brand-page .brand-hero-benefits li { display:flex; align-items:center; gap:10px; font-size:16px; }
.brand-page .brand-hero-benefits svg { flex:0 0 19px; width:19px; height:19px; color:var(--orange-deep); }
.brand-page .brand-hero-visual { position:relative; min-height:360px; display:grid; place-items:center; }
.brand-page .brand-hero-visual::before { display:none; }
.brand-page .brand-hero-visual img.hero-image { position:relative; z-index:1; width:min(100%,430px); height:min(100%,430px); max-height:none; aspect-ratio:1; object-fit:cover; object-position:center; border-radius:50%; box-shadow:18px 12px 24px rgba(19,22,42,.18); }
.brand-page .brand-lockup { position:absolute; right:-10px; bottom:6px; z-index:2; display:flex; align-items:center; gap:14px; padding:16px 18px; background:#fff; border:1px solid rgba(19,22,42,.1); border-radius:16px; box-shadow:0 16px 34px rgba(19,22,42,.12); }
.brand-page .brand-lockup img { width:auto; height:38px; object-fit:contain; }
.brand-page .brand-lockup img.authorized { height:66px; }
.brand-page .brand-lockup--badge { right:0; bottom:4px; padding:0; border:0; background:transparent; border-radius:18px; overflow:hidden; box-shadow:none; }
.brand-page .brand-lockup--badge img.authorized { display:block; width:150px; height:auto; border-radius:18px; }
.brand-page .brand-lockup--badge img:not(.authorized) { display:block; width:150px; height:106px; object-fit:contain; }
.brand-page .brand-lockup .lockup-separator { width:1px; height:34px; background:#D9DEE8; }
.brand-page .showcase { padding:clamp(62px,8vw,100px) 0; background:#fff; }
.brand-page .showcase-head { display:flex; justify-content:space-between; gap:28px; align-items:end; margin-bottom:36px; }
.brand-page .showcase-head > div { max-width:620px; }
.brand-page .showcase-head h2 { margin:0 0 12px; }
.brand-page .showcase-head p { max-width:560px; color:#334A60; font-size:17px; line-height:1.65; }
.brand-page .brand-products { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.brand-page .brand-product { overflow:hidden; padding:0; }
.brand-page .brand-product-visual { min-height:220px; display:grid; place-items:center; padding:24px; background:#F5F6FA; border-bottom:1px solid #E4E7EF; }
.brand-page .brand-product-visual img { max-width:100%; width:auto; height:190px; object-fit:contain; filter:drop-shadow(0 14px 20px rgba(19,22,42,.16)); }
.brand-page .brand-product-visual.photo img { width:100%; height:220px; border-radius:12px; object-fit:cover; filter:none; }
.brand-page .brand-product-body { padding:24px; }
.brand-page .brand-product-body .tag { color:#FF6B00; }
.brand-page .brand-product-body h3 { margin:8px 0 10px; font-size:21px; }
.brand-page .brand-product-body p { color:#334A60; font-size:15px; line-height:1.6; }
.brand-page .brand-product-body .prod-link { margin-top:16px; }
.brand-page .brand-proof { padding:28px 0; background:#EEF0F8; border-top:1px solid #E0E4EE; border-bottom:1px solid #E0E4EE; }
.brand-page .brand-proof-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.brand-page .brand-proof-item { padding:4px 18px; border-left:2px solid var(--orange); }
.brand-page .brand-proof-item strong { display:block; color:#13162A; font-size:17px; }
.brand-page .brand-proof-item span { display:block; margin-top:4px; color:#334A60; font-size:14px; line-height:1.45; }
@media (max-width:900px){ .brand-page .brand-hero-grid { grid-template-columns:1fr; } .brand-page .brand-hero-copy { max-width:680px; } .brand-page .brand-hero-visual { order:-1; min-height:280px; } .brand-page .brand-hero-visual img.hero-image { width:min(82vw,330px); height:min(82vw,330px); } .brand-page .brand-lockup { right:5%; bottom:-4px; } .brand-page .brand-products { grid-template-columns:repeat(2,1fr); } }
@media (max-width:640px){ .brand-page .brand-hero { padding-top:38px; } .brand-page .brand-hero h1 { font-size:clamp(36px,11vw,52px); } .brand-page .brand-hero-visual { min-height:230px; } .brand-page .brand-lockup { right:0; padding:11px 12px; gap:9px; } .brand-page .brand-lockup img { height:28px; } .brand-page .brand-lockup img.authorized { height:48px; } .brand-page .brand-lockup--badge { padding:0; } .brand-page .brand-lockup--badge img.authorized { width:120px; height:auto; } .brand-page .brand-lockup--badge img:not(.authorized) { width:120px; height:85px; } .brand-page .brand-lockup--badge { right:0; bottom:0; } .brand-page .showcase-head { display:block; } .brand-page .brand-products, .brand-page .brand-proof-grid { grid-template-columns:1fr; } .brand-page .brand-product-visual { min-height:190px; } }

/* Hero order: headline, image, supporting copy. */
.brand-page .brand-hero-grid { display:grid; grid-template-columns:1fr; gap:0; }
.brand-page .brand-hero-copy { display:contents; }
.brand-page .brand-hero-copy .breadcrumb { grid-column:1; grid-row:1; width:min(100%,760px); }
.brand-page .brand-hero-copy h1 { grid-column:1; grid-row:2; width:min(100%,760px); margin-bottom:24px; }
.brand-page .brand-hero-visual { grid-column:1; grid-row:3; width:min(100%,860px); margin:0 auto 30px; min-height:clamp(250px,36vw,420px); }
.brand-page .brand-hero-visual img.hero-image { border-radius:50%; }
.brand-page .brand-hero-copy .lead { grid-column:1; grid-row:4; width:min(100%,680px); }
.brand-page .brand-hero-copy .brand-hero-benefits { grid-column:1; grid-row:5; width:min(100%,680px); }
.brand-page .brand-hero-copy .hero-actions { grid-column:1; grid-row:6; }
@media (max-width:900px){ .brand-page .brand-hero-visual { order:0; } }
@media (max-width:900px){ .brand-page .brand-hero-visual img.hero-image { width:min(82vw,330px); height:min(82vw,330px); } }

@media (min-width:901px){
  .brand-page .brand-hero-grid { grid-template-columns:minmax(0,1fr) minmax(360px,.9fr); gap:clamp(42px,7vw,100px); align-items:center; }
  .brand-page .brand-hero-copy { display:flex; flex-direction:column; align-items:flex-start; grid-column:1; grid-row:1; max-width:620px; }
  .brand-page .brand-hero-copy .breadcrumb,
  .brand-page .brand-hero-copy h1,
  .brand-page .brand-hero-copy .lead,
  .brand-page .brand-hero-copy .brand-hero-benefits,
  .brand-page .brand-hero-copy .hero-actions { grid-column:auto; grid-row:auto; }
  /* Match the home hero rhythm on desktop. */
  .brand-page .brand-hero-copy h1 { margin-bottom:22px; }
  .brand-page .brand-hero-copy .lead { line-height:1.65; margin-bottom:0; }
  .brand-page .brand-hero-copy .brand-hero-benefits { margin-top:26px; gap:10px; }
  .brand-page .brand-hero-copy .hero-actions { margin-top:30px; margin-bottom:0; }
  .brand-page .brand-hero-visual { grid-column:2; grid-row:1; width:100%; margin:0; }
}

/* Experimental text palette */
.brand-page h1,
.brand-page h2,
.brand-page h3,
.brand-page h4,
.brand-page h5,
.brand-page h6 { color:#13162A; }
.brand-page .lead { color:#FF6B00; }
.brand-page p,
.brand-page li { color:#13162A; }
.brand-page .showcase-head p,
.brand-page .brand-product-body p,
.brand-page .brand-proof-item span { color:#13162A; }
.brand-page .btn-primary,
.brand-page .btn-primary:hover,
.brand-page .btn-primary:focus-visible { color:#FFFFFF; }

/* Brand heroes: navy supporting copy and iVOOX orange checkmarks. */
body.brand-page .brand-hero .lead { color:#13162A; }
.brand-page .brand-hero-benefits svg { color:#FF6B00; }