.mood-home{padding:clamp(20px,4vw,48px);padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom));color:#f5f4ef;background:#141514;min-height:100dvh}.mood-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.mood-header>img{object-fit:contain;object-position:left}.mood-header-actions{align-items:center;gap:18px;display:flex}.mood-header-actions>a{color:#bdc2b8;align-items:center;min-height:44px;font-size:13px;display:flex}.mood-header .seg button{min-height:44px!important}.mood-intro{justify-content:space-between;align-items:flex-end;gap:30px;margin:54px 0 32px;display:flex}.mood-intro>div{max-width:610px}.mood-kicker{color:#d5f45b;margin:0 0 12px;font-size:13px}.mood-intro h1{letter-spacing:-1.5px;margin:0 0 16px;font-size:clamp(32px,4.6vw,52px);font-weight:700;line-height:1.35}.mood-intro p:not(.mood-kicker){color:#bdc2b8;max-width:56ch;margin:0;font-size:15px;line-height:1.9}.mood-start{color:#171817;background:#d5f45b;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;gap:24px;min-height:56px;padding:17px 22px;font-size:15px;font-weight:700;text-decoration:none;display:flex}.mood-start span{font-size:24px}.mood-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.mood-card{color:#fff;isolation:isolate;background:#30352e;border-radius:22px;min-height:350px;text-decoration:none;transition:transform .2s;position:relative;overflow:hidden}.mood-card-photo{z-index:-2;background-image:url(/brand/mood-discovery.webp);background-position:0%;background-size:300% 100%;position:absolute;inset:0}.mood-card-1 .mood-card-photo{background-position:50%}.mood-card-2 .mood-card-photo{background-position:100%}.mood-card:after{content:"";z-index:-1;background:linear-gradient(#0000 28%,#000000e0 100%);position:absolute;inset:0}.mood-card-copy{inset-inline:22px;position:absolute;bottom:24px}.mood-card h2{margin:10px 0;font-size:24px;font-weight:600;line-height:1.45}.mood-card p{color:#e2e4de;margin:0;font-size:13px;line-height:1.8}.mood-card-arrow{border:1px solid #ffffff70;border-radius:50%;place-items:center;width:40px;height:40px;font-size:25px;display:grid}.mood-card:hover{transform:translateY(-4px)}.mood-card:hover .mood-card-arrow{color:#171817;background:#d5f45b;border-color:#d5f45b}.mood-footer{color:#a9b0a3;flex-wrap:wrap;justify-content:space-between;gap:20px;padding-top:26px;font-size:12px;display:flex}.mood-home :focus-visible{outline-offset:5px;outline:3px solid #d5f45b}@media (max-width:640px){.mood-intro{margin-top:35px;display:block}.mood-start{width:100%;margin-top:24px}.mood-header>img{width:116px}.mood-header-actions{gap:10px}.mood-cards{grid-template-columns:1fr}.mood-card{min-height:290px}.mood-card h2{font-size:26px}.mood-footer{gap:10px}.mood-card-photo{background-size:300%}}@media (prefers-reduced-motion:reduce){.mood-card{transition:none}.mood-card:hover{transform:none}}@media (min-width:641px) and (max-height:550px){.mood-intro{margin-top:26px}.mood-card{min-height:260px}}.mood-doodle{top:18px;fill:none;stroke:#d5f45b;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;width:62%;height:110px;position:absolute;inset-inline-start:10px;transform:rotate(-8deg)}.mood-card-1 .mood-doodle{stroke:#c9adff;transform:rotate(7deg)}.mood-card-2 .mood-doodle{stroke:#d5f45b;width:56%;top:30px}.mood-home .seg button[aria-pressed=true]{color:#171817;background:#d5f45b}.mood-home .mood-card{min-height:148px;box-shadow:none;background:#191d24;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:16px;padding:14px;display:grid}.mood-home .mood-card-photo{z-index:0;background-size:300% 100%;border-radius:14px;width:104px;height:120px;position:relative;inset:auto}.mood-home .mood-card:after{display:none}.mood-home .mood-card-copy{min-width:0;padding:0;position:relative;inset:auto}.mood-home .mood-card h2{margin:0 0 8px;font-size:20px;line-height:1.5}.mood-home .mood-card p{font-size:13px;line-height:1.7}.mood-home .mood-card-arrow{display:none}@media (min-width:641px){.mood-home .mood-card{grid-template-columns:1fr;align-content:start}.mood-home .mood-card-photo{width:100%;height:150px}}@media (max-width:640px){.mood-home .mood-intro{margin:26px 0 22px}.mood-home .mood-cards{gap:12px}.mood-home .mood-card{grid-template-columns:86px minmax(0,1fr);gap:14px;min-height:126px;padding:12px}.mood-home .mood-card-photo{width:86px;height:100px}.mood-home .mood-card h2{font-size:18px}}