/* Collections teaser: extends the supplied home-page design without changing its footer. */
main.collections-main{display:block;padding:58px 0 54px;margin:0 auto}
.collections-hero{display:grid;grid-template-columns:1.04fr .96fr;gap:56px;align-items:center}
.collections-hero h1{font-size:clamp(42px,5.5vw,70px)}
.collections-hero .lead{font-size:20px;line-height:1.65}
.teaser-actions{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin-top:30px}
.teaser-button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:12px 20px;border-radius:9px;background:var(--mint);color:#fff;text-decoration:none;font-weight:700;box-shadow:0 8px 20px #0f5b4d18}
.teaser-button:hover{background:var(--mint2)}
.teaser-home{color:var(--mint);font-weight:700;min-height:44px;display:inline-flex;align-items:center}
.dna-feature{margin:0;overflow:hidden;border-radius:20px;background:#14252a;box-shadow:0 22px 50px #13312924}
.dna-feature img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.dna-feature figcaption{display:grid;gap:8px;padding:24px;color:#d8e7e3;font-size:14px;line-height:1.5}
.dna-feature figcaption strong{font-size:25px;color:#fff}
.dna-feature figcaption>span:first-child{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#afc7bf}
.collection-preview-section{margin-top:64px}
.collection-preview-section h2{font-size:28px;letter-spacing:-.02em;margin:0 0 24px}
.collection-previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.collection-previews article{overflow:hidden;border-radius:13px;background:#fff;border:1px solid var(--line)}
.collection-previews img{display:block;width:100%;height:180px;object-fit:cover}
.collection-previews article>div{padding:22px}
.collection-previews h3{margin:0 0 9px;font-size:20px}
.collection-previews p{line-height:1.5;color:var(--muted);margin:0 0 16px}
.collection-status{display:inline-block;font-size:12px;color:var(--mint);background:#edf5ef;padding:6px 9px;border-radius:5px}
.collections-note{font-size:14px;line-height:1.6;color:var(--muted);margin:22px 0 0}
@media(max-width:820px){.collections-hero{grid-template-columns:1fr;gap:36px}.dna-feature{max-width:560px}.collection-previews{grid-template-columns:1fr}.collection-previews article{display:grid;grid-template-columns:38% 62%}.collection-previews img{height:100%;min-height:190px}.collection-previews article>div{padding:20px}.collections-hero .lead{font-size:18px}.collection-preview-section{margin-top:48px}}
@media(max-width:420px){.collection-previews article{display:block}.collection-previews img{height:180px;min-height:0}.collections-hero h1{font-size:43px}main.collections-main{padding:42px 0}.dna-feature figcaption{padding:20px}}

.section-intro{max-width:760px;margin-bottom:25px}.section-intro h2{margin:10px 0 14px}.section-intro p,.how-steps p,.free-section p,.collections-faq p,.launch-note p{font-size:16px;line-height:1.7;color:var(--muted)}
.collection-previews h3{margin-top:16px}.collection-previews .pack-detail{font-weight:650;font-size:14px;color:var(--mint);margin-bottom:8px}.collection-previews .categories{font-size:14px;margin-bottom:0}
.how-section,.free-section,.collections-faq{margin-top:70px}.how-steps{list-style:none;counter-reset:steps;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding:0;margin:0}.how-steps li{counter-increment:steps;border-top:1px solid var(--line);padding-top:22px}.how-steps li::before{content:counter(steps,decimal-leading-zero);display:block;font-size:14px;letter-spacing:.1em;font-weight:750;color:var(--mint);margin-bottom:14px}.how-steps h3,.weather-note h3{font-size:20px;margin:0 0 10px}.how-steps p{margin:0}
.free-section{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;padding:34px;border-radius:16px;background:#edf5ef;border:1px solid var(--line)}.free-section h2{font-size:30px;line-height:1.2;margin:12px 0}.free-section p{margin-bottom:0}.weather-note{border-left:1px solid var(--line);padding-left:34px}
.collections-faq{max-width:900px}.collections-faq details{border-bottom:1px solid var(--line);padding:0}.collections-faq summary{padding:20px 4px;cursor:pointer;font-weight:650;font-size:17px;line-height:1.5}.collections-faq p{padding:0 4px 18px;margin:0}.collections-faq a{color:var(--mint);font-weight:650}.collections-faq summary:focus-visible{outline:3px solid var(--mint);outline-offset:3px}
.launch-note{margin-top:64px;padding:32px 0 4px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.launch-note h2{font-size:27px;margin:0 0 10px}.launch-note p{margin:0}.teaser-button:focus-visible{outline-offset:5px}.collection-preview-section{scroll-margin-top:24px}
@media(max-width:820px){.how-steps{grid-template-columns:1fr;gap:24px}.free-section{grid-template-columns:1fr;gap:24px;padding:24px}.weather-note{border-left:0;border-top:1px solid var(--line);padding:22px 0 0}.how-section,.free-section,.collections-faq{margin-top:48px}}
