/* source: css/studio-mood-discovery-v340.css */
.studio-mood{--mood:#3b82f6;position:relative;overflow:hidden;padding:56px 0}.studio-mood>.container{box-sizing:border-box;width:min(1480px,calc(100% - 32px));max-width:none;margin-inline:auto}.studio-mood:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 18%,color-mix(in srgb,var(--mood) 15%,transparent),transparent 38%);pointer-events:none;transition:background .45s}.studio-mood__head{position:relative;display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.studio-mood__head small{color:#4aa9ff;font-size:10px;font-weight:900;letter-spacing:2px}.studio-mood__head h2{margin:5px 0 7px;font-size:32px;line-height:1.25}.studio-mood__head p{margin:0;color:#8ea5c2}.studio-mood__head button{border:1px solid #1c4e7d;border-radius:14px;padding:10px 15px;background:#091d37;color:#8ecbff;font:inherit;font-weight:800;cursor:pointer}.studio-mood__choices{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.studio-mood__choices button{position:relative;display:flex;align-items:center;gap:10px;min-height:74px;padding:12px;border:1px solid #173d62;border-radius:17px;background:linear-gradient(145deg,#091a31,#071427);color:#c8d6e8;text-align:right;cursor:pointer;overflow:hidden;transition:.3s transform,.3s border-color,.3s box-shadow}.studio-mood__choices button:before{content:"";position:absolute;inset:auto 0 0;height:3px;background:var(--mood);transform:scaleX(0);transition:.3s}.studio-mood__choices button:hover,.studio-mood__choices button.is-active{transform:translateY(-4px);border-color:var(--mood);box-shadow:0 12px 34px color-mix(in srgb,var(--mood) 22%,transparent)}.studio-mood__choices button.is-active:before{transform:scaleX(1)}.studio-mood__choices i{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:13px;background:color-mix(in srgb,var(--mood) 18%,#0a1a30);color:var(--mood);font-style:normal;font-size:20px}.studio-mood__choices b,.studio-mood__choices small{display:block}.studio-mood__choices b{font-size:13px}.studio-mood__choices small{margin-top:4px;color:#7189a5;font-size:9px}.studio-mood__stage{position:relative;margin-top:18px;padding-top:18px;border-top:1px solid color-mix(in srgb,var(--mood) 34%,#14375b);transition:border-color .4s}.studio-mood__result-head{display:flex;justify-content:space-between;margin-bottom:12px;color:#91a8c2;font-size:11px}.studio-mood__result-head b{color:var(--mood)}.studio-mood__result-head em{font-style:normal}.studio-mood__rail{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.studio-mood__panel.is-active{animation:moodReveal .48s ease both}@keyframes moodReveal{from{opacity:0;transform:translateY(12px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}@media(max-width:1050px){.studio-mood__choices{grid-template-columns:repeat(3,1fr)}.studio-mood__rail{grid-template-columns:repeat(4,1fr)}}@media(max-width:680px){.studio-mood{padding:36px 0}.studio-mood>.container{width:calc(100% - 20px)}.studio-mood__head{align-items:start}.studio-mood__head h2{font-size:23px}.studio-mood__head p{font-size:11px}.studio-mood__head button span{display:none}.studio-mood__choices{display:flex;overflow-x:auto;padding:5px 1px 10px;scrollbar-width:none}.studio-mood__choices button{min-width:160px}.studio-mood__rail{display:flex;overflow-x:auto;gap:10px;scroll-snap-type:x mandatory}.studio-mood__rail>*{min-width:145px;scroll-snap-align:start}}
/* v342: keep the mood section on the master page canvas; mood color stays inside controls/cards. */
body.studio-theme .studio-mood {
    background: transparent !important;
}

body.studio-theme .studio-mood::before {
    content: none !important;
    display: none !important;
    background: none !important;
}


/* source: css/studio-mood-constellation-v340.css */
.studio-mood__constellation {
    position: relative; display: grid; gap: 14px; perspective: 1200px;
    grid-template-columns: repeat(12, minmax(0, 1fr)); grid-template-rows: repeat(2, 205px);
}
.studio-mood-story {
    position: relative; overflow: hidden; min-width: 0; isolation: isolate; cursor: pointer;
    border: 1px solid color-mix(in srgb, var(--mood) 22%, #173d62); border-radius: 22px;
    background: #07172b; color: #fff; text-align: right; text-decoration: none;
    transition: transform .35s ease, border-color .35s, box-shadow .35s;
}
.studio-mood-story:nth-of-type(1) { grid-column: 1/5; grid-row: 1/3; }
.studio-mood-story:nth-of-type(2) { grid-column: 5/9; grid-row: 1; }
.studio-mood-story:nth-of-type(3) { grid-column: 9/13; grid-row: 1; }
.studio-mood-story:nth-of-type(4) { grid-column: 5/8; grid-row: 2; }
.studio-mood-story:nth-of-type(5) { grid-column: 8/11; grid-row: 2; }
.studio-mood-story:nth-of-type(6) { grid-column: 11/13; grid-row: 2; }
.studio-mood-story__art, .studio-mood-story__shade { position: absolute; inset: 0; }
.studio-mood-story__art img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s cubic-bezier(.2,.75,.2,1), filter .4s; }
.studio-mood-story__art > i { display: grid; width: 100%; height: 100%; place-items: center; color: #4f718d; font: 900 38px Arial; }
.studio-mood-story__shade { z-index: 1; background: linear-gradient(180deg,#0207120a 10%,#03102142 48%,#020a17f2 100%),linear-gradient(110deg,color-mix(in srgb,var(--mood) 16%,transparent),transparent 55%); }
.studio-mood-story__rank { position: absolute; z-index: 2; top: auto; bottom: 16px; inset-inline-end: 12px; color: #ffffff36; font: 900 34px/1 Arial; letter-spacing: -.08em; transition: .35s; }
.studio-mood-story__copy { position: absolute; z-index: 2; right: 17px; bottom: 16px; left: 46px; }
.studio-mood-story__copy small, .studio-mood-story__copy strong, .studio-mood-story__copy em { display: block; }
.studio-mood-story__copy small { color: color-mix(in srgb,var(--mood) 72%,#b8c8d8); font-size: 9px; font-weight: 900; }
.studio-mood-story__copy strong { overflow: hidden; margin-top: 6px; font-size: 17px; line-height: 1.35; white-space: nowrap; text-overflow: ellipsis; }
.studio-mood-story__copy em { margin-top: 7px; color: #a2b2c5; font-size: 9px; font-style: normal; }
.is-orbit-lead .studio-mood-story__copy { right: 23px; bottom: 24px; }
.is-orbit-lead .studio-mood-story__copy strong { font-size: clamp(24px,2.1vw,34px); white-space: normal; }
.is-orbit-lead .studio-mood-story__rank { top: auto; inset-inline-end: 18px; bottom: 7px; color: #ffffff0d; font-size: 118px; }
.studio-mood-story__action { position: absolute; z-index: 3; left: 62px; top: 13px; width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid #ffffff2c; border-radius: 12px; background: #061426a6; color: #fff; font: 900 15px Arial; backdrop-filter: blur(9px); opacity: .66; transition: .3s; }
.studio-mood-story:hover { z-index: 4; transform: translateY(-7px) rotateX(1deg); border-color: var(--mood); box-shadow: 0 25px 55px #020812aa,0 0 0 1px color-mix(in srgb,var(--mood) 35%,transparent); }
.studio-mood-story:hover img { transform: scale(1.075); filter: saturate(1.12); }
.studio-mood-story:hover .studio-mood-story__rank { color: var(--mood); transform: translateY(3px); }
.studio-mood-story:hover .studio-mood-story__action { background: var(--mood); opacity: 1; transform: rotate(45deg); }
.studio-mood__pulse { position: absolute; z-index: 5; inset-inline-end: 15px; top: 50%; display: flex; align-items: center; gap: 9px; padding: 9px 12px; border: 1px solid color-mix(in srgb,var(--mood) 48%,transparent); border-radius: 14px; background: #04101ed9; color: #c9d8e8; box-shadow: 0 12px 30px #0008; backdrop-filter: blur(12px); transform: translateY(-50%); pointer-events: none; }
.studio-mood__pulse i { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 9px; background: color-mix(in srgb,var(--mood) 20%,#0a1a30); color: var(--mood); font-style: normal; animation: moodPulse 1.8s ease-in-out infinite; }
.studio-mood__pulse span { font-size: 8px; font-weight: 800; line-height: 1.6; }
@keyframes moodPulse { 50% { transform: scale(1.12); box-shadow: 0 0 20px color-mix(in srgb,var(--mood) 55%,transparent); } }
@media (max-width:1050px) {
    .studio-mood__constellation { grid-template-columns: repeat(2,1fr); grid-template-rows: 300px repeat(3,165px); }
    .studio-mood-story:nth-of-type(n) { grid-column: auto; grid-row: auto; }
    .studio-mood-story:nth-of-type(1) { grid-column: 1/-1; }
    .studio-mood__pulse { display: none; }
}
@media (max-width:680px) {
    .studio-mood__constellation { display: flex; overflow-x: auto; gap: 10px; padding: 4px 1px 12px; scroll-snap-type: x mandatory; }
    .studio-mood-story:nth-of-type(n) { min-width: 245px; height: 300px; scroll-snap-align: start; }
    .studio-mood-story:nth-of-type(1) { min-width: 82vw; }
    .studio-mood-story__copy strong, .is-orbit-lead .studio-mood-story__copy strong { font-size: 18px; }
}