/* Compact brand cards: one clear identity, product context, and useful next step. */
.brand-refined .section-heading{margin-bottom:38px}
.brand-refined .brand-grid{align-items:stretch}
.brand-refined .brand{border-radius:4px}
.brand-refined .product-art,.brand-refined .touhunter-art{min-height:0;padding:18px 22px 10px;gap:0}
.brand-refined .product-art img,.brand-refined .touhunter-art img{width:min(100%,360px);max-width:360px;box-shadow:none}
/* The ROOTPURR cutout has natural shading; avoid a second dark rim. */
.brand-refined .product-art img{filter:none}
.brand-refined .brand-editorial,.brand-refined .touhunter-copy{display:flex;flex-direction:column;flex:1;padding:30px 34px}
.brand-refined .brand h3{font-size:28px;line-height:1.2;letter-spacing:.3px;margin:0 0 10px}
.brand-refined .brand-deck{font-size:23px;line-height:1.35;margin:0 0 16px}
.brand-refined .brand .brand-intro{min-height:0;flex:1;font-size:16px;line-height:1.7;margin:0}
.brand-meta{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:14px;line-height:1.6;color:var(--muted);margin:22px 0 0}
.brand-meta span+span{border-left:1px solid #1d293c30;padding-left:16px}
.brand-refined .brand-link{margin-top:22px;padding:10px 0 12px;min-height:44px;font-size:15px;border-top:1px solid #1d293c26;border-bottom:0}

/* Future categories sit below the current brands as a concise statement of intent. */
.future-vision{padding-top:0;padding-bottom:88px;background:var(--paper)}
.future-vision .section-heading{align-items:flex-end;margin-bottom:32px;padding-top:42px;border-top:1px solid #1d293c26}
.future-vision .section-heading>p{max-width:405px;margin-bottom:0}
.future-vision .section-label{margin-bottom:16px}
.vision-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.future-vision .vision-item{display:flex;align-items:flex-start;gap:18px;min-height:0;padding:24px 0 0;border:0;border-top:1px solid #1d293c26;border-radius:0;background:transparent}
.vision-icon{flex:none;width:44px;height:44px;color:var(--ink)}
.future-vision .vision-item h3{font-size:19px;line-height:1.35;font-weight:500;letter-spacing:-.3px;margin:0 0 9px}
.future-vision .vision-item p{font-size:15px;line-height:1.65;min-height:0;margin:0;color:var(--muted);max-width:240px}

@media(min-width:641px) and (max-width:950px){
  .brand-refined .product-art,.brand-refined .touhunter-art{padding:14px 12px 8px}
  .brand-refined .brand-editorial,.brand-refined .touhunter-copy{padding:26px}
  .brand-refined .brand h3{font-size:26px}
  .brand-refined .brand-deck{font-size:22px}
  .brand-meta{gap:6px 10px}
  .brand-meta span+span{padding-left:10px}
  .vision-grid{gap:24px}
  .future-vision .vision-item{flex-direction:column;gap:14px}
  .future-vision .section-heading{align-items:flex-start;gap:32px}
  .future-vision .section-heading>p{max-width:310px}
}
@media(max-width:640px){
  .brand-refined .section-heading{margin-bottom:30px}
  .brand-refined .product-art,.brand-refined .touhunter-art{padding:14px 18px 6px}
  .brand-refined .product-art img,.brand-refined .touhunter-art img{width:min(100%,310px);max-width:310px}
  .brand-refined .brand-editorial,.brand-refined .touhunter-copy{padding:26px 25px}
  .brand-refined .brand h3{font-size:28px}
  .brand-refined .brand-deck{font-size:22px}
  .brand-meta{gap:6px 12px;font-size:14px}
  .brand-meta span+span{padding-left:12px}
  .future-vision{padding-top:0;padding-bottom:64px}
  .future-vision .section-heading{padding-top:32px;margin-bottom:28px}
  .future-vision .section-heading>p{margin-top:18px}
  .vision-grid{grid-template-columns:1fr;gap:24px}
  .future-vision .vision-item{padding:22px 0 0;gap:18px}
  .future-vision .vision-item h3{font-size:19px;margin-bottom:6px}
  .future-vision .vision-item p{font-size:15px;max-width:none}
}

/* CSS interaction for this static site; independent of the one-time reveal. */
.brand-refined .brand{
  position:relative;
  translate:0 0;
  scale:1;
  transform:none;
  transition:translate .38s cubic-bezier(.2,.7,.2,1),scale .38s cubic-bezier(.2,.7,.2,1),box-shadow .38s ease;
}
.brand-refined .brand figure img{
  transform:scale(1);
  transform-origin:50% 65%;
  transition:transform .48s cubic-bezier(.2,.7,.2,1);
}
.brand-refined .brand-link>span[aria-hidden="true"]{
  display:inline-block;
  transition:translate .25s ease;
}
.brand-refined .brand:focus-within{
  box-shadow:0 0 0 1px #1d293c30,0 16px 35px #1d293c12;
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .brand-refined .brand:hover{
    translate:0 -8px;
    scale:1.012;
    z-index:1;
    box-shadow:0 20px 40px -12px #1d293c2b,0 0 0 1px #1d293c0d;
  }
  .brand-refined .brand:hover figure img{transform:scale(1.045)}
  .brand-refined .brand:hover .brand-link>span[aria-hidden="true"]{translate:3px -3px}
  /* Keyboard focus stays in place even if the pointer is still over the card. */
  .brand-refined .brand:focus-within{translate:0 0;scale:1}
  .brand-refined .brand:focus-within figure img{transform:none}
  .brand-refined .brand:focus-within .brand-link>span[aria-hidden="true"]{translate:0 0}
}
@media(prefers-reduced-motion:reduce){
  .brand-refined .brand,.brand-refined .brand figure img,.brand-refined .brand-link>span[aria-hidden="true"]{
    transition:none;
    translate:0 0;
    scale:1;
    transform:none;
  }
}