/* Collection cover: existing content, a calm identity treatment and recorded status. */
.collections-redesign #detail-view>.page-title.collection-hero{
 position:relative;isolation:isolate;display:grid;grid-template-columns:58px minmax(0,1fr) 128px;
 align-items:start;column-gap:20px;row-gap:18px;margin:0 0 22px;padding:29px 30px 0;
 border:1px solid #e1e9f6;border-radius:17px;background:linear-gradient(120deg,#fff 43%,#f3f8ff);
 box-shadow:0 8px 30px #254a8010;overflow:hidden;
}
.collections-redesign #detail-view>.collection-hero:before{
 content:'';position:absolute;z-index:-1;right:-80px;top:-130px;width:330px;height:330px;
 border:1px solid #b7d0ee38;border-radius:50%;box-shadow:0 0 0 35px #cde0f220,0 0 0 70px #cde0f218;pointer-events:none;
}
.collection-hero-avatar{
 grid-column:1;grid-row:1;display:grid;place-items:center;width:58px;height:58px;margin-top:30px;
 border:1px solid #d5e5fb;border-radius:18px;background:linear-gradient(145deg,#eff7ff,#e4eeff);
 box-shadow:inset 0 1px 0 #fff;color:#2369c1;font-size:18px;font-weight:650;letter-spacing:.3px;
}
.collection-hero-copy{grid-column:2;grid-row:1;min-width:0;align-self:center;position:relative;z-index:1}
.collection-hero-kicker{display:flex;align-items:center;flex-wrap:wrap;gap:7px 12px;min-width:0;margin-bottom:8px}
.collections-redesign .collection-hero .collection-hero-kicker .eyebrow{margin:0;font-size:9px;letter-spacing:1.6px;line-height:1.5;color:#6d82a0}
.collection-hero-matter{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:100%;font-size:10px;line-height:1.5;color:#466382}
.collection-hero-matter[hidden],.collection-hero-status[hidden]{display:none}
.collection-hero-matter>.portal-icon{width:13px;height:13px;flex:none;color:#6394c7}
.collection-hero-matter-text{min-width:0;overflow-wrap:anywhere}
.collections-redesign .collection-hero #detail-title{max-width:100%;font-size:clamp(25px,2.2vw,34px);line-height:1.17;letter-spacing:-.65px;margin:0 0 9px;overflow-wrap:anywhere}
.collections-redesign .collection-hero #detail-description{font-size:13px;line-height:1.65;color:#526b8c;overflow-wrap:anywhere}
.collections-redesign .collection-hero #detail-context{font-size:11px;line-height:1.7;margin-top:4px;color:#6b7f9c;overflow-wrap:anywhere}
.collection-hero-status{display:inline-flex;align-items:center;gap:6px;max-width:100%;margin-top:13px;padding:5px 10px;border:1px solid #d9e5f8;border-radius:20px;background:#edf4ff;color:#2c65af;font-size:10px;font-weight:600;line-height:1.5}
.collection-hero-status-mark{display:grid;place-items:center;width:14px;height:14px;flex:none;border-radius:50%;background:currentColor;font-size:0}
.collection-hero-status-mark:after{content:'';width:4px;height:4px;border-radius:50%;background:#fff}
.collection-hero-status-text{overflow-wrap:anywhere}
.collection-hero-status[data-status=completed]{background:#e9f6f0;border-color:#d4ece1;color:#257f67}
.collection-hero-status[data-status=completed] .collection-hero-status-mark{background:#389a7c;color:#fff;font-size:10px}
.collection-hero-status[data-status=completed] .collection-hero-status-mark:after{display:none}
.collection-hero-status[data-status=pending]{background:#fff6e9;border-color:#f1e2c6;color:#956a25}
.collection-hero-status[data-status=scheduled]{background:#f3effb;border-color:#e5ddf3;color:#7556ad}
.collection-hero-status[data-status=attention]{background:#fff1ed;border-color:#f1ded6;color:#a8543a}
.collection-hero-status[data-status=attention] .collection-hero-status-mark{background:#b46c53;color:#fff;font-size:11px}
.collection-hero-status[data-status=attention] .collection-hero-status-mark:after{display:none}
.collection-hero-status[data-status=unavailable],.collection-hero-status[data-status=expired],.collection-hero-status[data-status=checking]{background:#f0f3f8;border-color:#e1e7f0;color:#6b7c94}
.collection-hero-visual{grid-column:3;grid-row:1/3;align-self:center;width:128px;height:128px;color:#355f97;pointer-events:none}
.collection-hero-device{display:block;width:100%;height:100%;filter:drop-shadow(0 5px 5px #35669c08)}
.collections-redesign #detail-view>.collection-hero>#new-link:not([hidden]){grid-column:2;grid-row:2;justify-self:start;position:relative;z-index:1;max-width:100%;white-space:normal;margin:0;font-size:12px;min-height:39px}
.collections-redesign #detail-view>.collection-hero>.collection-hero-dates{grid-column:1/-1;grid-row:3;align-self:end;margin:0 -30px;padding:12px 30px;border-top:1px solid #e6edf6;background:#ffffff80;font-size:10px;line-height:1.7;color:#7286a1;overflow-wrap:anywhere}
.collections-redesign #detail-view>.collection-hero[data-actions=false]>.collection-hero-dates{grid-row:2}
.collection-hero[data-actions=false]>.collection-hero-visual{grid-row:1}
.collection-hero #detail-title,.collection-hero-status{transition:color 160ms ease,background-color 160ms ease,border-color 160ms ease}
.existing-collection-link-note{grid-column:1/-1;grid-row:3;margin:0;padding:10px 13px;border:1px solid #dce7f4;border-radius:9px;background:#f7f9fc;color:#62758e;font-size:12px;line-height:1.55}
.collections-redesign #detail-view>.collection-hero[data-actions=false]>.existing-collection-link-note{grid-row:2}
@media(max-width:1000px){
 .collections-redesign #detail-view>.page-title.collection-hero{grid-template-columns:48px minmax(0,1fr) 95px;padding:23px 22px 0;column-gap:15px}
 .collection-hero-avatar{width:48px;height:48px;border-radius:15px;font-size:16px}
 .collection-hero-visual{width:95px;height:95px}
 .collections-redesign #detail-view>.collection-hero>.collection-hero-dates{margin:0 -22px;padding:11px 22px}
}
@media(max-width:600px){
 .collections-redesign #detail-view>.page-title.collection-hero{grid-template-columns:42px minmax(0,1fr);column-gap:12px;row-gap:14px;padding:20px 18px 0;border-radius:13px;margin-bottom:19px}
 .collection-hero-avatar{width:42px;height:42px;margin-top:2px;border-radius:13px;font-size:14px}
 .collection-hero-copy{grid-column:1/-1;grid-row:2}
 .collection-hero-visual{grid-column:2;grid-row:1;justify-self:end;align-self:start;width:55px;height:55px;margin:-5px -3px -7px 0}
 .collection-hero-kicker{gap:6px 10px;margin-bottom:8px}
 .collections-redesign .collection-hero #detail-title{font-size:27px;line-height:1.2}
 .collections-redesign .collection-hero #detail-description{font-size:12px}
 .collections-redesign #detail-view>.collection-hero>#new-link:not([hidden]){grid-column:1/-1;grid-row:3;min-height:42px;font-size:12px}
 .collections-redesign #detail-view>.collection-hero>.collection-hero-dates{grid-row:4;margin:0 -18px;padding:11px 18px;font-size:10px}
 .collections-redesign #detail-view>.collection-hero[data-actions=false]>.existing-collection-link-note{grid-row:3}
 .collections-redesign #detail-view>.collection-hero[data-actions=false]>.collection-hero-dates{grid-row:4}
}
@media(prefers-reduced-motion:reduce){.collection-hero #detail-title,.collection-hero-status{transition:none}}