/* Selected reference: 04 Minimal Rows. Text and product details stay live. */
main .hero.hero-minimal {
  /* Match the catalog width instead of inheriting the legacy 1440px cap. */
  width:100%;
  max-width:2100px;
  min-height:0;
  container-type:inline-size;
  grid-template-columns:minmax(0,.46fr) minmax(0,.54fr);
  align-items:stretch;
  border:1px solid #ccd4df;
  border-radius:12px;
  background:linear-gradient(115deg,#f4f7fb,#fff 75%);
}
main .hero.hero-minimal .hero-copy {
  position:relative;
  align-self:stretch;
  min-width:0;
  padding:clamp(24px,2.6cqw,55px) clamp(24px,3.2cqw,67px) clamp(100px,8cqw,168px);
  background:#f5f7fa;
  text-align:left;
  user-select:text;
}
main .hero.hero-minimal .hero-copy::before {
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  inset:auto 0 0;
  aspect-ratio:1374 / 1145;
  background:url('/store/hero-minimal-desk.png') center bottom / 100% auto no-repeat;
  mask-image:linear-gradient(to bottom,transparent,#000 20%);
}
main .hero.hero-minimal .eyebrow {
  font-size:clamp(8px,.72cqw,15px);
  letter-spacing:clamp(2.6px,.18cqw,3.8px);
  color:#515b69;
}
main .hero.hero-minimal h1 {
  min-height:2.14em;
  margin:clamp(16px,1.2cqw,25px) 0 clamp(12px,.85cqw,18px);
  color:#05090d;
  font-size:clamp(32px,4.1cqw,86px);
  font-weight:800;
  line-height:1.07;
  letter-spacing:clamp(-3.6px,-.174cqw,-1.8px);
}
main .hero.hero-minimal .hero-copy p {
  margin:0;
  font-size:clamp(13px,1.3cqw,27px);
  line-height:1.5;
  color:#535d6b;
}
main .hero.hero-minimal .primary {
  min-height:clamp(46px,3.2cqw,67px);
  min-width:clamp(145px,10.1cqw,212px);
  justify-content:center;
  padding:clamp(12px,.83cqw,18px) clamp(26px,1.8cqw,38px);
  margin:clamp(20px,1.39cqw,29px) 0 0;
  border:1px solid #101820;
  border-radius:11px;
  background:#0c141b;
  color:#fff;
  font-size:clamp(13px,1.15cqw,24px);
}
main .hero.hero-minimal .hero-featured {
  justify-content:flex-start;
  min-width:0;
  height:auto;
  margin:clamp(18px,1.3cqw,27px) 0;
  padding:8px clamp(20px,2.6cqw,55px) 0;
  border-left:1px solid #e0e5ec;
  background:transparent;
}
main .hero.hero-minimal .hero-featured-label {
  margin:0 0 clamp(13px,.9cqw,19px);
  font-size:clamp(8px,.72cqw,15px);
  letter-spacing:clamp(2.4px,.167cqw,3.5px);
  color:#515b69;
}
main .hero.hero-minimal .hero-picks { flex:1; gap:0; grid-template-rows:repeat(3,minmax(0,1fr)); }
main .hero.hero-minimal .hero-pick {
  grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);
  gap:clamp(16px,2cqw,42px);
  min-height:clamp(96px,7.2cqw,151px);
  padding:clamp(10px,.7cqw,15px) 0;
  border:0;
  border-bottom:1px solid #d4dce6;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  transition:background .18s ease;
}
main .hero.hero-minimal .hero-pick:last-child { border-bottom:0; }
main .hero.hero-minimal .hero-pick:hover { background:#e8edf544; }
main .hero.hero-minimal .hero-pick-art {
  height:clamp(76px,7.2cqw,151px);
  background:transparent;
  mix-blend-mode:multiply;
}
main .hero.hero-minimal .hero-pick-copy { gap:clamp(6px,.45cqw,9px); }
main .hero.hero-minimal .hero-pick-copy small {
  font-size:clamp(9px,.8cqw,17px);
  letter-spacing:1.2px;
  color:#596372;
}
main .hero.hero-minimal .hero-pick-copy strong {
  font-size:clamp(12px,1.2cqw,25px);
  line-height:1.4;
  color:#10151c;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
main .hero.hero-minimal .hero-pick-copy span { font-size:clamp(15px,1.4cqw,29px); font-weight:500; }
@media(min-width:761px) and (max-width:1100px) {
  main .hero.hero-minimal .hero-copy { padding:24px 26px 100px; }
  main .hero.hero-minimal h1 { letter-spacing:-1.8px; }
  main .hero.hero-minimal .hero-featured { padding:9px 24px 0; }
}
@media(max-width:760px) {
  main .hero.hero-minimal { grid-template-columns:minmax(0,1fr); }
  main .hero.hero-minimal .hero-copy { padding:24px 22px 140px; }
  main .hero.hero-minimal .eyebrow { font-size:8px; letter-spacing:1.5px; }
  main .hero.hero-minimal h1 { font-size:clamp(30px,8.2cqw,45px); letter-spacing:-1.4px; margin:18px 0 12px; }
  main .hero.hero-minimal .hero-copy p { max-width:390px; font-size:14px; }
  main .hero.hero-minimal .primary { margin-top:18px; }
  main .hero.hero-minimal .hero-featured { margin:0; padding:18px 22px; border-left:0; border-top:1px solid #dce3ec; }
  main .hero.hero-minimal .hero-featured-label { font-size:8px; letter-spacing:1.8px; margin-bottom:7px; }
  main .hero.hero-minimal .hero-pick { min-height:94px; gap:14px; padding:10px 0; }
  main .hero.hero-minimal .hero-pick-art { height:76px; }
  main .hero.hero-minimal .hero-pick-copy strong { font-size:12px; }
  main .hero.hero-minimal .hero-pick-copy span { font-size:15px; }
}
@media(prefers-reduced-motion:reduce) {
  main .hero.hero-minimal .hero-pick { transition:none; }
}
/* Compact banner: keep the same layout with less vertical space. */
main .hero.hero-minimal .hero-copy { padding:24px 32px 62px; }
main .hero.hero-minimal h1 { font-size:clamp(30px,3.2cqw,58px); margin:14px 0 12px; letter-spacing:-1.6px; }
main .hero.hero-minimal .hero-copy p { font-size:clamp(13px,1.1cqw,18px); }
main .hero.hero-minimal .primary { min-height:40px; min-width:122px; padding:10px 22px; margin-top:16px; font-size:13px; }
main .hero.hero-minimal .hero-featured { margin:12px 0; padding:6px 26px 0; }
main .hero.hero-minimal .hero-featured-label { margin-bottom:8px; font-size:8px; }
main .hero.hero-minimal .hero-pick { min-height:72px; padding:7px 0; gap:18px; }
main .hero.hero-minimal .hero-pick-art { height:clamp(54px,4.6cqw,78px); }
main .hero.hero-minimal .hero-pick-copy { gap:4px; }
main .hero.hero-minimal .hero-pick-copy small { font-size:9px; }
main .hero.hero-minimal .hero-pick-copy strong { font-size:clamp(12px,1cqw,17px); line-height:1.3; }
main .hero.hero-minimal .hero-pick-copy span { font-size:clamp(14px,1.2cqw,19px); }
@media(max-width:760px) {
  main .hero.hero-minimal .hero-copy { padding:20px 22px 78px; }
  main .hero.hero-minimal h1 { font-size:clamp(28px,7.5cqw,38px); }
  main .hero.hero-minimal .hero-featured { margin:0; padding:14px 22px; }
  main .hero.hero-minimal .hero-pick { min-height:68px; }
  main .hero.hero-minimal .hero-pick-art { height:54px; }
}