/* Catalog discovery tools sit beside the introduction on larger screens. */
.collection-intro-copy,.collection-intro-tools{min-width:0}
.collection-intro-copy>p:not(.eyebrow){max-width:520px}
@media(min-width:701px){
 body .collection-intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(32px,5vw,80px);align-items:end}
 body .collection-intro-tools{width:100%;max-width:550px;justify-self:end;padding-bottom:4px}
 body .collection-intro-tools .collection-search{max-width:none;margin-top:0}
 body .collection-intro-tools .category-links{margin-top:22px;gap:10px;flex-wrap:wrap;overflow:visible;padding-bottom:0}
 body .collection-intro-tools .category-links a{padding:11px 16px}
}
@media(min-width:701px) and (max-width:1000px){
 body .collection-intro{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:28px}
 body .collection-intro h1{font-size:clamp(42px,5.2vw,52px)}
 body .collection-intro-tools .category-links{gap:8px}
 body .collection-intro-tools .category-links a{padding:10px 12px;font-size:12px}
}
/* Shared rows keep the introduction sentence level with category navigation. */
@media(min-width:701px){
 body .collection-intro{align-items:center;row-gap:20px}
 body .collection-intro-copy,body .collection-intro-tools{display:contents}
 body .collection-intro-copy>.eyebrow{grid-column:1;grid-row:1;margin:0}
 body .collection-intro-copy>h1{grid-column:1;grid-row:2;margin:0}
 body .collection-intro-copy>p:not(.eyebrow){grid-column:1;grid-row:3;margin:0}
 body .collection-intro-tools .collection-search{grid-column:2;grid-row:2;align-self:end;width:100%;max-width:550px;justify-self:end;margin:0}
 body .collection-intro-tools .collection-search p:empty{display:none}
 body .collection-intro-tools .category-links{grid-column:2;grid-row:3;align-self:center;justify-self:end;width:100%;max-width:550px;margin:0;align-items:center}
}

/* Phones browse the collection directly by scrolling. */
@media(max-width:700px){body .collection-intro-tools{display:none}}