/* FollyGuild's collection guide: contextual illustrations, with original brand colours. */
.collector-site .guide-image{display:block;max-width:100%;height:auto;object-fit:contain;mix-blend-mode:multiply;flex-shrink:0}
.collector-site .mascot-hero{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;height:auto;min-width:0;isolation:isolate;background:#f4f2ee}
.collector-site .mascot-hero .hero-guide-image{width:min(100%,470px);aspect-ratio:1;position:static;transform:none}
.collector-site .mascot-hero figcaption{color:#77766f;font-size:12px;letter-spacing:.06em;text-align:center;margin-top:8px;padding-bottom:10px}
.collector-site .service-option{display:grid;grid-template-columns:minmax(0,1fr) 142px;grid-template-rows:auto auto 1fr;column-gap:8px;position:relative;min-height:206px;align-items:start;overflow:hidden}
.collector-site .service-option .service-guide-image{grid-column:2;grid-row:1/4;width:160px;max-width:none;align-self:center;justify-self:center}
.collector-site .service-option .service-number{grid-column:1;grid-row:1;margin-bottom:19px}
.collector-site .service-option strong{grid-column:1;grid-row:2;position:relative}
.collector-site .service-option .service-description{grid-column:1;grid-row:3;max-width:180px;margin-top:8px;padding-bottom:10px;position:relative;line-height:1.65}
.collector-site .service-option>svg{position:absolute;right:15px;bottom:14px;width:18px;height:18px}
.collector-site .collector-guide{display:flex;align-items:center;gap:24px;max-width:100%;margin:18px 0 24px;padding:10px 24px 10px 12px;background:#eeeae3;border:1px solid #e3dfd7;border-radius:16px;isolation:isolate}
.collector-site .collector-guide .guide-image{width:128px;aspect-ratio:1}
.collector-site .guide-copy{min-width:0;flex:1}
.collector-site .guide-copy h3{margin:0 0 7px;font-size:18px;line-height:1.5;letter-spacing:-.02em;color:#171819}
.collector-site .guide-copy p{margin:0;max-width:740px;font-size:14px;line-height:1.8;color:#63615c;overflow-wrap:anywhere}
.collector-site .payment-guide{margin-top:24px}
@media(min-width:1051px){.collector-site .service-options{gap:16px}.collector-site .service-option{padding:24px 18px}}
@media(max-width:1050px) and (min-width:761px){.collector-site .mascot-hero .hero-guide-image{width:350px}.collector-site .service-option{grid-template-columns:minmax(0,1fr) 98px;padding:20px 14px;min-height:204px}.collector-site .service-option .service-guide-image{width:120px}.collector-site .service-option strong{font-size:20px}.collector-site .service-option .service-description{font-size:12px}}
@media(max-width:760px){.collector-site .mascot-hero{align-self:center;margin-top:2px}.collector-site .mascot-hero .hero-guide-image{width:230px}.collector-site .mascot-hero figcaption{margin-top:-5px;font-size:11px;padding-bottom:0}.collector-site .service-option{grid-template-columns:32px minmax(0,1fr) 96px;grid-template-rows:auto auto;gap:4px 10px;min-height:116px;padding:14px 12px;align-items:center}.collector-site .service-option .service-number{grid-column:1;grid-row:1/3;align-self:start;margin:6px 0 0}.collector-site .service-option strong{grid-column:2;grid-row:1;margin:6px 0 0;align-self:end}.collector-site .service-option .service-description{grid-column:2;grid-row:2;margin:0 0 6px;padding:0;align-self:start;max-width:none;font-size:12px}.collector-site .service-option .service-guide-image{grid-column:3;grid-row:1/3;width:96px;max-width:100%}.collector-site .service-option>svg{display:none}.collector-site .collector-guide{gap:12px;padding:10px 12px 10px 4px;margin:14px 0 20px;border-radius:12px}.collector-site .collector-guide .guide-image{width:88px}.collector-site .guide-copy h3{font-size:15px;margin-bottom:4px}.collector-site .guide-copy p{font-size:12px;line-height:1.75}}
@media(max-width:360px){.collector-site .service-option{grid-template-columns:23px minmax(0,1fr) 76px;column-gap:7px}.collector-site .service-option .service-guide-image{width:76px}.collector-site .collector-guide{gap:6px}.collector-site .collector-guide .guide-image{width:72px}}

/* Barry accompanies account access without entering the form or live status nodes. */
.collector-site .barry-motion{display:block;line-height:0;pointer-events:none;mix-blend-mode:multiply;min-width:0}
.collector-site .barry-motion img{display:block;width:100%;height:100%;object-fit:contain}
.collector-site .account-barry-heading{display:grid;grid-template-columns:minmax(0,1fr) clamp(110px,16vw,190px);gap:12px;align-items:center;min-height:94px}
.collector-site .account-barry-heading>div{min-width:0}
.collector-site .barry-sleep{width:100%;aspect-ratio:1.75;overflow:hidden}
.collector-site .barry-sleep img{object-fit:cover;object-position:50% 55%}
.collector-site .pairing-barry-layout{display:grid;grid-template-columns:minmax(0,1fr) 184px;column-gap:24px;align-items:center}
.collector-site .pairing-controls{min-width:0}
.collector-site .barry-tail{width:184px;aspect-ratio:1;justify-self:end;align-self:center}
@media(max-width:1050px) and (min-width:761px){.collector-site .account-barry-heading{grid-template-columns:minmax(0,1fr) 112px;gap:8px}.collector-site .account-barry-heading h2{font-size:25px}}
@media(max-width:600px){.collector-site .pairing-barry-layout{grid-template-columns:minmax(0,1fr) 116px;column-gap:14px}.collector-site .pairing-controls{display:contents}.collector-site .pairing-controls>.pairing-code{grid-column:1/-1;grid-row:1}.collector-site .pairing-controls>.pairing-expiry{grid-column:1;grid-row:2;text-align:left;align-self:end;margin:10px 0 0}.collector-site .pairing-controls>.button-row{grid-column:1;grid-row:3;justify-content:flex-start;align-self:start;margin-top:12px}.collector-site .pairing-controls>.notice{grid-column:1/-1;grid-row:4}.collector-site .barry-tail{grid-column:2;grid-row:2/4;width:116px}.collector-site .pairing-controls .primary-button,.collector-site .pairing-controls .ghost-button{max-width:100%;text-align:center}}
@media(max-width:430px){.collector-site .account-barry-heading{grid-template-columns:minmax(0,1fr) clamp(84px,24vw,104px);gap:8px;min-height:84px}.collector-site .pairing-barry-layout{grid-template-columns:minmax(0,1fr) 100px;column-gap:12px}.collector-site .barry-tail{width:100px}}

/* Preserve the original hero flex alignment with responsive animation sources. */
.collector-site .mascot-hero .hero-guide-motion{display:contents}