.mood-page{margin:0;background:#f3f0e8;color:var(--ink)}.mood-header{height:76px;padding:0 clamp(20px,4vw,56px);display:flex;align-items:center;justify-content:space-between;background:#111416;color:#fff}.mood-header .brand{color:#fff}.mood-header>div{display:flex;align-items:center;gap:22px}.mood-header a{color:#fff;text-decoration:none;font-weight:800}.mood-hero{min-height:520px;padding:clamp(60px,8vw,120px) clamp(24px,6vw,90px);display:grid;grid-template-columns:1fr 260px;align-items:end;gap:50px;background:radial-gradient(circle at 85% 20%,rgba(242,106,46,.42),transparent 25%),linear-gradient(130deg,#111416 0 60%,#293235 100%);color:#fff}.mood-hero h1{max-width:1000px;margin:14px 0 24px;font-size:clamp(3.4rem,7vw,8rem);line-height:.88}.mood-hero>div>p:not(.eyebrow){max-width:760px;color:rgba(255,255,255,.66);font-size:1.08rem;line-height:1.6}.mood-instruction{padding:28px;border-top:1px solid rgba(255,255,255,.25);display:grid;gap:8px}.mood-instruction b{font-size:3rem;color:var(--orange)}.mood-instruction span{font-size:.75rem;font-weight:900}.mood-workspace{padding:42px clamp(18px,4vw,58px) 90px}.mood-toolbar{position:sticky;top:0;z-index:20;margin:0 -10px 28px;padding:14px 10px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:rgba(243,240,232,.94);backdrop-filter:blur(15px)}.mood-filters{display:flex;flex-wrap:wrap;gap:8px}.mood-filters button{padding:10px 14px;border:1px solid #cfcbc1;border-radius:99px;background:#fff;font:inherit;font-size:.72rem;font-weight:900;cursor:pointer}.mood-filters button.active{border-color:var(--orange);background:var(--orange);color:#fff}.mood-counter{display:flex;align-items:center;gap:14px;white-space:nowrap;font-size:.7rem;font-weight:900}.mood-counter strong{padding:10px 13px;border-radius:99px;background:#111416;color:#fff}.mood-counter b{color:var(--orange)}.mood-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.mood-card{min-height:400px;padding:0;position:relative;overflow:hidden;border:0;border-radius:18px;background:#222;color:#fff;text-align:left;cursor:pointer}.mood-card:nth-child(5n+2),.mood-card:nth-child(5n+4){min-height:500px}.mood-card img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .5s ease,filter .3s ease}.mood-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(7,9,10,.86))}.mood-card:hover img{transform:scale(1.035)}.mood-card.selected img{filter:saturate(.8) brightness(.72)}.mood-card.selected{box-shadow:0 0 0 4px var(--orange)}.mood-card-copy{position:absolute;z-index:2;left:22px;right:22px;bottom:22px}.mood-card-copy span{font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#ffd0bb}.mood-card-copy strong{margin-top:6px;display:block;font-size:1.05rem;line-height:1.2}.mood-select-mark{width:34px;height:34px;position:absolute;z-index:3;top:16px;right:16px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;background:rgba(0,0,0,.22);font-weight:900}.mood-card.selected .mood-select-mark{border-color:var(--orange);background:var(--orange)}.mood-result{padding:clamp(55px,8vw,110px) clamp(24px,7vw,110px);display:grid;grid-template-columns:.8fr 1fr;gap:30px 80px;background:#fff}.result-intro h2{margin:12px 0 18px;font-size:clamp(2.8rem,5vw,5.5rem);line-height:.95}.result-intro>p:not(.eyebrow){color:var(--muted);line-height:1.65}.result-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-self:end}.result-form label{display:grid;gap:8px;font-size:.7rem;font-weight:900;text-transform:uppercase}.result-form select,.result-form input{min-height:52px;padding:10px 12px;border:1px solid #d2cec5;border-radius:12px;background:#f8f7f3;font:inherit}.message-panel{grid-column:1/-1;padding:28px;border-radius:18px;background:#f3f0e8}.message-panel>label{display:block;margin-bottom:10px;font-size:.72rem;font-weight:900;text-transform:uppercase}.message-panel textarea{width:100%;padding:18px;resize:vertical;border:0;border-radius:12px;background:#fff;font:inherit;line-height:1.6}.message-panel>div{margin-top:14px;display:flex;justify-content:flex-end;gap:10px}.message-panel .disabled{pointer-events:none;opacity:.45}.mood-privacy{grid-column:1/-1;margin:0;color:var(--muted);font-size:.7rem}.mood-footer{padding:30px clamp(22px,4vw,58px);display:flex;justify-content:space-between;align-items:center;background:#111416;color:#fff}.mood-footer .brand,.mood-footer a{color:#fff}.moodboard-teaser{overflow:hidden}.moodboard-teaser-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,7vw,100px);align-items:center}.moodboard-teaser h2{margin:12px 0 20px;font-size:clamp(2.8rem,5vw,5.5rem);line-height:.95}.moodboard-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;transform:rotate(-2deg)}.moodboard-mini-grid span{min-height:145px;padding:16px;display:flex;align-items:flex-end;border-radius:13px;color:#fff;font-size:.68rem;font-weight:900;background-size:cover;background-position:center;box-shadow:inset 0 -70px 60px rgba(0,0,0,.55)}.moodboard-mini-grid span:nth-child(2){transform:translateY(24px)}@media(max-width:1050px){.mood-grid{grid-template-columns:repeat(3,1fr)}.moodboard-teaser-grid{grid-template-columns:1fr}}@media(max-width:760px){.mood-hero{grid-template-columns:1fr}.mood-grid{grid-template-columns:repeat(2,1fr)}.mood-card,.mood-card:nth-child(5n+2),.mood-card:nth-child(5n+4){min-height:360px}.mood-result{grid-template-columns:1fr}.result-form{grid-template-columns:1fr}.mood-toolbar{align-items:flex-start;flex-direction:column}.mood-header>div a:last-child{display:none}}@media(max-width:480px){.mood-grid{grid-template-columns:1fr}.mood-card{min-height:460px}.moodboard-mini-grid{grid-template-columns:1fr 1fr}.moodboard-mini-grid span:nth-child(2){transform:none}}