/* The collection is independent of the hero animation and loads its images lazily. */
.moments-section{background:var(--bryth-neutral-surface);color:var(--bryth-neutral-ink);padding:80px 5.5% 65px;scroll-margin-top:25px}
.moments-heading{text-align:center;max-width:850px;margin:0 auto 36px}
.moments-eyebrow{font-size:9px;letter-spacing:.22em;font-weight:500;margin:0 0 14px;color:var(--bryth-neutral-copy)}
.moments-heading h2{font-size:clamp(35px,3.8vw,62px);font-weight:400;letter-spacing:-.055em;line-height:1.1;margin:0 0 15px}
.moments-heading h2 span{color:var(--bryth-neutral-accent)}
.moments-heading>p:last-child{font-size:14px;line-height:1.6;color:var(--bryth-neutral-copy);margin:0}
.moments-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;max-width:1600px;margin:0 auto}
.moment-card{width:100%;min-width:0;position:relative;isolation:isolate;overflow:hidden;border-radius:17px;min-height:445px;aspect-ratio:.64;color:#fff8fb;background:#45305c;box-shadow:0 9px 30px #28271f0a;border:1px solid #ffffff50}
.moment-landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;transition:transform .6s ease}
.moment-card:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#17112d44,transparent 50%,#17112d75)}
.moment-card-heading{position:relative;z-index:2;padding:25px 22px 0}
.moment-kicker{font-size:8px;letter-spacing:.2em;margin:0 0 10px;font-weight:500}
.moment-card h3{font-size:clamp(27px,2.6vw,40px);line-height:1;letter-spacing:-.045em;font-weight:400;margin:0 0 12px}
.moment-card-copy{font-size:12px;line-height:1.5;margin:0;max-width:90%;color:#fff9f8e6}
.moment-symbol{position:absolute;top:23px;right:18px;width:30px;height:30px;opacity:.9;z-index:2}
.moment-bottle{position:absolute;width:55%;aspect-ratio:921/1708;bottom:66px;right:6%;transform:rotate(8deg);filter:drop-shadow(6px 12px 9px #100d2750);z-index:1;transition:transform .5s ease}
.moment-bottle>img{display:block;width:100%;height:100%}
.moment-discover{position:absolute;left:22px;bottom:24px;display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:45px;padding:13px 21px;border-radius:100px;background:var(--bryth-neutral-paper);color:var(--bryth-neutral-ink);font-size:11px;font-weight:600;z-index:3;transition:background .2s}
.moment-discover:hover{background:#fff}
.moment-discover svg{flex:0 0 18px;width:18px;height:18px}
.moment-card--upcoming{background:#6e7572}
.moment-card--upcoming .moment-landscape{filter:blur(2px);transform:scale(1.035)}
.moment-card--upcoming:after{background:linear-gradient(180deg,#101b2440,#20232818 30%,#1823239c)}
.moment-card--calm{background:#7e7169}
.moment-card--calm:after{background:linear-gradient(180deg,#3c2c2740,#49372b18 30%,#3a2d239c)}
.moment-card--immune{background:#6c7547}
.moment-card--immune:after{background:linear-gradient(180deg,#303b1b40,#34452718 30%,#283617b8)}
.moment-silhouette{position:absolute;width:34%;height:45%;right:11%;top:32%;transform:rotate(9deg);filter:blur(8px);opacity:.65;z-index:-2;border-radius:22% 22% 15% 15%;background:linear-gradient(90deg,#1d1417,#625147 50%,#211a1b);box-shadow:0 15px 18px #15121c88}
.moment-silhouette:before{content:"";position:absolute;bottom:95%;left:22%;width:57%;height:30%;border-radius:18% 18% 4% 4%;background:linear-gradient(90deg,#161619,#343337,#101114)}
.moment-silhouette span{position:absolute;inset:23% 0 9%;background:#a58b72b3}
.moment-card--focus .moment-silhouette span{background:#3f7e96b3}
.moment-card--immune .moment-silhouette span{background:#687f3bb3}
.moment-launch{position:absolute;z-index:3;left:20px;right:20px;bottom:22px;text-align:center;padding-top:20px;border-top:1px solid #fff7e647}
.moment-launch h4{font-size:21px;font-weight:500;letter-spacing:-.03em;margin:0 0 10px}
.moment-launch>p{font-size:11px;line-height:1.5;margin:0 0 22px;color:#fff9f4ed}
.moment-launch strong{font-weight:500}
.launch-field{border:1px solid #fff6ec99;border-radius:50px;background:#f8f1e5dc;display:flex;align-items:center;padding:3px;box-shadow:0 0 0 2px #ffffff13}
.launch-field input{width:100%;min-width:0;border:0;background:transparent;color:var(--bryth-neutral-ink);padding:10px 7px 10px 11px;font:inherit;font-size:10px;outline:none;border-radius:30px}
.launch-field input::placeholder{color:#62645c;opacity:1}
.launch-field:focus-within{outline:2px solid #f5efdf;outline-offset:4px}
.launch-field button{flex:0 0 38px;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:0;background:#292a29;color:#fff7f7;padding:0}
.launch-field button:hover{background:#44483f}
.launch-field button:disabled{opacity:.6}
.launch-status{font-size:10px;line-height:1.45;color:#fff8f2;margin:10px 0 0}
.launch-status:empty{display:none}
.launch-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.moments-launch-note{text-align:center;font-size:10px;line-height:1.6;margin:22px 0 0;color:var(--bryth-neutral-copy)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.moment-card--sleep:hover .moment-landscape{transform:scale(1.035)}.moment-card--sleep:hover .moment-bottle{transform:translateY(-5px) rotate(5deg)}}
@media(min-width:1600px){.moment-card{min-height:500px}.moment-card-copy{font-size:14px}.moment-kicker{font-size:10px}.moment-launch h4{font-size:26px}.moment-launch>p{font-size:14px}.launch-field input{font-size:12px}.moment-discover{font-size:13px}}
@media(max-width:1100px){.moments-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px;gap:20px}.moment-card{aspect-ratio:.8;min-height:450px}.moment-card h3{font-size:36px}.moment-card-copy{font-size:14px}.moment-kicker{font-size:9px}.moment-bottle{width:48%;bottom:65px;right:10%}.moment-launch>p{font-size:13px}.moment-launch h4{font-size:25px}.launch-field input{font-size:12px}}
@media(max-width:600px){.moments-section{padding:55px 7% 42px}.moments-heading{margin-bottom:27px}.moments-heading h2{font-size:37px;max-width:300px;margin-inline:auto}.moments-heading h2 span{white-space:nowrap}.moments-heading>p:last-child{font-size:12px;max-width:260px;margin:auto}.moments-eyebrow{font-size:8px;letter-spacing:.17em}.moments-grid{grid-template-columns:1fr;max-width:430px;gap:20px}.moment-card{aspect-ratio:.8;min-height:420px}.moment-card-heading{padding:27px 24px 0}.moment-card h3{font-size:37px}.moment-symbol{top:24px;right:23px;width:34px;height:34px}.moment-bottle{width:49%;bottom:67px}.moment-discover{left:24px;bottom:26px;font-size:12px}.moment-launch{left:24px;right:24px;bottom:25px;padding-top:23px}.moment-launch>p{margin-bottom:24px}.launch-field input{font-size:12px}.launch-field button{width:40px;height:40px;flex-basis:40px}.moments-launch-note{max-width:280px;margin:22px auto 0}}
@media(prefers-reduced-motion:reduce){.moment-landscape,.moment-bottle{transition:none}}