.mani-home{--cream:#f8f2e5;--blue:#092239;--gold:#e9c688;color:#f1e9d9;background:#071d31}.mani-home *{box-sizing:border-box}.mani-home h1,.mani-home h2{font-family:'Noto Serif Thai',serif}.mani-banner{height:300px;background:linear-gradient(90deg,#071b2c08,#071b2c88 28%,#071b2c77 55%,transparent 70%),url('home-banner-v3.png') center/cover;position:relative;display:flex;justify-content:center;align-items:center;border-bottom:1px solid #b89960}.mani-banner-copy{width:51%;margin-right:6%;text-align:center;position:relative}.mani-kicker{font-size:10px;letter-spacing:2px;color:#e9cd9a;margin:0}.mani-banner h1{font-size:47px;line-height:1.4;color:#f1cd8e;margin:4px 0 0;text-shadow:0 2px 14px #000}.mani-banner h2{font-size:26px;line-height:1.5;color:#f3d596;margin:0 0 7px;font-weight:500}.mani-banner-copy>p:last-of-type{font-size:12px;margin:6px -15px 10px;color:#f0edf0}.mani-actions{display:flex;justify-content:center;gap:14px}.mani-actions>button,.mani-actions>a{font:600 15px/1.5 'Noto Sans Thai',sans-serif;padding:9px 24px;border-radius:35px;border:1px solid #d5dfeb;min-width:186px;color:#fff1dc;background:#061c3080}.mani-actions>button{background:linear-gradient(115deg,#ffeab9,#dfb777);color:#142e43;border-color:#f3dbaa}.mani-actions span{display:block;font-size:11px;font-weight:400}.mani-stats{display:grid;grid-template-columns:repeat(4,1fr) 1.3fr;gap:12px;padding:13px 2.2%;background:linear-gradient(120deg,#102e43,#061b2f);border-bottom:1px solid #917b5366}.mani-stats>a{display:flex;align-items:center;gap:14px;border:1px solid #718b9c66;border-radius:9px;padding:12px 15px;background:linear-gradient(120deg,#193b5355,#112d4344);font-size:14px}.mani-stats i{font:43px Georgia;color:#ebca91;font-style:normal}.mani-stats b{font:34px Georgia;color:#fff8e9;margin-right:10px}.mani-stats small{display:block;font-size:10px;color:#adbed0;margin-top:3px}.mani-stats>p{text-align:center;font:17px/1.6 Charmonman,serif;margin:0;background:url('gold-waves.svg') center bottom/cover;color:#e5d6b8}.mani-intro{display:grid;grid-template-columns:1fr 1fr .4fr;gap:20px;background:var(--cream) url('paper-ornament.svg') center/460px;color:#142f49;padding:15px 2%;border-radius:0 0 18px 18px}.mani-intro h2{font-size:24px;margin:0 0 10px;line-height:1.5;font-weight:600}.mani-intro h2 small{font-size:17px}.mani-bio{display:grid;grid-template-columns:130px 1fr;gap:15px}.mani-bio>img,.mani-book-art{width:130px;height:173px;border-radius:7px;object-fit:cover;object-position:top;border:1px solid #c0a77d}.mani-book-art{background:url('home-banner-v3.png') 75% center/auto 100%}.mani-bio ul{padding:0;margin:0;list-style:none;font-size:12px;line-height:1.8}.mani-bio li{margin:0 0 6px}.mani-caption{display:block;background:#e8dbc244;border-radius:6px;text-align:center;padding:8px;font:16px/1.6 Charmonman,serif;margin-top:8px}.mani-intro>aside{display:flex;flex-direction:column;justify-content:center;text-align:center;background:linear-gradient(#f8f2e5a0,#f8f2e560),url('home-banner-v3.png') 70% center/auto 100%;border-radius:8px}.mani-intro aside p{font:19px/1.9 Charmonman,serif;margin:0}.mani-intro aside small{font-size:9px;color:#526777}.mani-structure{padding:13px 2.5% 14px;background:linear-gradient(120deg,#0e2f46,#061b2e)}.mani-structure h2{font-size:24px;margin:0;color:#e8c890;line-height:1.6}.mani-structure>p{margin:0 0 10px 47px;font:12px Charmonman,serif;color:#c6d3de}.mani-structure .ref-features{gap:10px}.mani-structure .ref-features>a{padding:13px 12px;min-height:80px}.mani-structure .ref-features strong{font-size:12px}.mani-structure .ref-features small{font-size:10px}.mani-library{background:var(--cream) url('paper-ornament.svg') center/460px;color:#16334e;padding:10px 3% 13px;border-radius:16px 16px 0 0}.mani-library>div:first-child{display:flex;gap:25px;align-items:center;margin-bottom:8px}.mani-library h2{font-size:20px;margin:0;line-height:1.5;font-weight:600}.mani-library>div>span{font-size:11px;color:#62768c}.mani-library>div>a{font-size:12px;margin-left:auto}.mani-song-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px 9px}.mani-song{display:flex;align-items:center;gap:8px;background:#fffcf5;border:1px solid #dfd5c5;border-radius:6px;padding:3px 6px;height:35px}.mani-cover{width:35px;height:27px;flex-shrink:0;border-radius:3px;background-image:url('home-banner-v3.png');background-size:auto 100%}.mani-song>a{display:flex;gap:10px;align-items:center;min-width:0;flex:1}.mani-song small{font-size:10px;color:#657993}.mani-song strong{font-size:11px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mani-song .play-small{width:20px;height:20px;min-width:20px;font-size:9px}.mani-credit{display:flex;align-items:center;justify-content:space-between;padding:15px 3%;background:url('gold-waves.svg') center bottom/480px 80px repeat-x;font-size:12px;border-top:1px solid #8e774c55}.mani-credit>a{display:flex;align-items:center;gap:12px}.mani-credit img{width:45px;height:45px;border-radius:50%;border:1px solid #c7a770}.mani-credit p{text-align:center;font:17px/1.5 Charmonman,serif;margin:0;color:#d6dfeb}.mani-credit p small{display:block;font:9px 'Noto Sans Thai';color:#91a8bb;margin-top:5px}.mani-credit>span{font-size:10px;line-height:1.9}.mani-home .ref-features>a:hover,.mani-song:hover{border-color:#c29a57}.mani-home .mani-actions>a:hover{background:#25435c}.mani-home .mani-stats>a:hover{background:#21415a}
body:has(.mani-home)>footer{display:none}
@media(min-width:1600px){.mani-banner{height:345px}.mani-banner h1{font-size:57px}.mani-banner h2{font-size:30px}.mani-intro{padding-block:22px}.mani-bio{grid-template-columns:155px 1fr}.mani-bio>img,.mani-book-art{width:155px;height:190px}.mani-bio ul{font-size:14px}.mani-song{height:40px}.mani-song strong{font-size:13px}}
@media(max-width:1100px){.mani-banner-copy{width:60%;margin:0}.mani-banner h1{font-size:42px}.mani-banner h2{font-size:24px}.mani-stats{grid-template-columns:repeat(4,1fr)}.mani-stats>p{display:none}.mani-stats>a{padding:10px;gap:10px}.mani-stats i{font-size:32px}.mani-stats b{font-size:29px}.mani-intro{grid-template-columns:1fr 1fr}.mani-intro>aside{display:none}.mani-bio{grid-template-columns:110px 1fr;gap:10px}.mani-bio>img,.mani-book-art{width:110px}.mani-intro h2{font-size:21px}.mani-intro h2 small{font-size:14px}.mani-song-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mani-library>div>span{display:none}}
@media(max-width:750px){.mani-banner{height:370px;background-position:64% center}.mani-banner-copy{width:95%;padding:15px;background:#061b2c99;border-radius:12px}.mani-banner h1{font-size:43px}.mani-banner h2{font-size:24px}.mani-banner-copy>p:last-of-type{font-size:11px;margin-inline:0}.mani-actions>a,.mani-actions>button{min-width:0;padding:10px 17px;font-size:13px}.mani-stats{grid-template-columns:repeat(2,1fr)}.mani-stats>a{min-height:78px}.mani-intro{grid-template-columns:1fr;padding:20px 5%;gap:23px}.mani-bio{grid-template-columns:125px 1fr}.mani-bio>img,.mani-book-art{width:125px;height:170px}.mani-intro h2{font-size:24px}.mani-structure{padding:18px 5%}.mani-structure .ref-features{grid-template-columns:repeat(2,1fr)}.mani-structure .ref-features>a:last-child{grid-column:1/-1}.mani-song-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mani-song{height:44px}.mani-song strong{font-size:12px}.mani-library{padding:15px 4%}.mani-library h2{font-size:19px}.mani-credit{gap:15px;flex-wrap:wrap}.mani-credit p{display:none}}
@media(max-width:440px){.mani-song-grid{grid-template-columns:1fr}.mani-song strong{font-size:14px}.mani-song{height:42px}.mani-banner h1{font-size:39px}.mani-bio ul{font-size:11px}.mani-caption{font-size:15px}.mani-structure .ref-features{grid-template-columns:1fr}.mani-stats small{font-size:9px}.mani-library>div:first-child{gap:10px}.mani-library h2{font-size:17px}}
.mani-banner{background-size:100% 100%}.mani-banner-copy{width:48%;margin-right:9%}@media(max-width:750px){.mani-banner{background-size:auto 100%;background-position:center}.mani-banner-copy{width:95%;margin-right:0}}
/* Preserve the artwork's native 1983 × 793 proportions at every breakpoint. */
.mani-banner{height:auto;min-height:0;aspect-ratio:1983 / 793;background-size:cover;background-position:center;background-repeat:no-repeat;align-items:center}.mani-banner-copy{width:43%;margin-right:12%;padding:24px 0}.mani-banner h1{font-size:clamp(38px,3.6vw,58px)}.mani-banner h2{font-size:clamp(22px,2vw,31px)}.mani-banner-copy>p:last-of-type{max-width:520px;margin:14px auto 18px;line-height:1.85}.mani-actions{flex-wrap:wrap;gap:12px}.mani-actions>a,.mani-actions>button{min-width:165px;padding:11px 20px}
@media(max-width:1000px) and (min-width:751px){.mani-banner-copy{width:46%;margin-right:10%;padding:12px 0}.mani-banner h1{font-size:36px}.mani-banner h2{font-size:21px}.mani-banner-copy>p:last-of-type{font-size:11px;margin:8px auto 12px}.mani-actions>a,.mani-actions>button{min-width:145px;font-size:12px;padding:8px 12px}.mani-kicker{font-size:8px}}
@media(max-width:750px){.mani-banner{display:block;aspect-ratio:auto;height:auto;background:#071b2c;padding:0 0 22px}.mani-banner:before{content:'';display:block;width:100%;aspect-ratio:1983 / 793;background:url('home-banner-v3.png') center / contain no-repeat}.mani-banner-copy{width:auto;margin:0 5%;padding:15px 8px 0;background:transparent;border-radius:0}.mani-banner h1{font-size:39px}.mani-banner h2{font-size:24px}.mani-banner-copy>p:last-of-type{font-size:12px;margin:10px auto 16px}.mani-actions>a,.mani-actions>button{min-width:150px;font-size:13px;padding:10px 15px}}
/* Editorial credit beside the album heading. */
.mani-banner-copy .mani-arranger{font:17px/1.8 Sarabun,'Noto Sans Thai',sans-serif;color:#f5e7cf;margin:12px auto 6px;text-wrap:balance;text-shadow:0 1px 6px #061b2c}.mani-arranger strong{font-weight:700;color:#f1cd8e}@media(max-width:1000px){.mani-banner-copy .mani-arranger{font-size:15px;margin-top:8px}}