:root{--ink:#283249;--muted:#697080;--paper:#fbfaf8;--white:#fff;--gold:#bd966b;--stroke:#e8e4e3;--violet:#82789b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit}button:focus-visible,a:focus-visible,audio:focus-visible{outline:3px solid #6c77ab;outline-offset:3px} .topbar{height:88px;max-width:1196px;padding:0 38px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;display:flex;align-items:center;gap:13px}.brand-mark{height:42px;width:42px;border:1px solid #b3a5a8;border-radius:50%;display:grid;place-items:center;color:#736d8e;font-family:Georgia,serif;font-size:17px}.brand-name{font-family:Georgia,serif;font-size:20px;letter-spacing:.01em;display:block}.brand-name small{display:block;font:9px/2 Arial,sans-serif;letter-spacing:.19em;color:#88849a}.top-link{font-size:12px;text-decoration:none;letter-spacing:.07em;border-bottom:1px solid #ae9e9e;padding-bottom:6px}.top-link span{margin-left:7px}.hero{margin:0 auto;max-width:1180px;min-height:510px;position:relative;border-radius:8px;overflow:hidden;display:flex;align-items:center;background:#f1f1f7}.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(252,251,251,.97) 0%,rgba(252,251,251,.94) 31%,rgba(249,249,252,.72) 52%,rgba(249,249,252,.1) 82%),url(assets/hero.webp) right 48% / cover no-repeat;transform:scale(1.02)}.hero-content{position:relative;padding:65px 7.2%;max-width:780px;z-index:1}.eyebrow{font-size:10px;letter-spacing:.24em;font-weight:700;color:#817c92}.eyebrow-dot{display:inline-block;width:6px;height:6px;background:#a790be;border-radius:50%;vertical-align:middle;margin-right:8px}.hero h1,.player-info h2,.section-heading h2,.about h2{font-family:Georgia,'Times New Roman',serif;font-weight:400}.hero h1{font-size:clamp(52px,6.4vw,91px);line-height:1.07;letter-spacing:-.05em;margin:33px 0 20px}.hero h1 em,.about em{color:#7f7697;font-weight:400}.hero p{color:#566173;line-height:1.85;max-width:440px;font-size:15px}.hero-link{margin-top:25px;display:inline-flex;align-items:center;gap:40px;text-decoration:none;border-bottom:1px solid var(--ink);font-size:13px;letter-spacing:.05em;padding-bottom:10px}.hero-side-note{position:absolute;bottom:28px;right:30px;transform:rotate(-90deg) translateX(100%);transform-origin:bottom right;color:#69667e;font-size:9px;letter-spacing:.16em}.fine-line{display:flex;justify-content:space-between;gap:12px;max-width:1180px;margin:0 auto;padding:24px 0;font-size:10px;color:#8b8495;letter-spacing:.16em}.player-section{scroll-margin-top:14px;max-width:1180px;display:grid;grid-template-columns: minmax(0, 43%) 1fr;gap:0;margin:0 auto;background:#fff;border:1px solid var(--stroke);min-height:435px;border-radius:8px;overflow:hidden;box-shadow:0 22px 50px rgba(51,54,76,.035)}.player-illustration{background:linear-gradient(140deg,#f9f8fc,#e9eff8);height:100%;min-height:420px;display:flex;align-items:center;justify-content:center}.player-illustration img{width:100%;height:100%;object-fit:contain;max-height:500px}.player-info{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:46px 8%;min-width:0}.player-info h2{font-size:clamp(38px,4.3vw,59px);line-height:1;margin:17px 0 14px}.player-author{font-size:13px;color:#78788c;margin:0}.decor-separator{padding:0 8px;color:#b9b5c1}.player-description{color:#666b76;line-height:1.7;margin:20px 0 24px;font-size:14px}.big-play{cursor:pointer;background:#303b58;color:white;min-height:56px;display:flex;justify-content:center;align-items:center;gap:15px;border:0;border-radius:30px;padding:0 29px;margin-bottom:20px;font-size:15px;font-weight:600}.big-play:hover{background:#465171}.big-play span:first-child{font-size:16px}.player-info audio{width:100%;max-width:440px;height:51px}.player-status{min-height:20px;color:#aa4b4b;font-size:12px;margin:8px 0}.player-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px}.text-action{font-size:12px;text-decoration:none;color:#505c76;border:0;background:none;padding:4px 0;cursor:pointer;border-bottom:1px solid #c5c2ce}.text-action span{font-size:17px;margin-right:7px}.songs-section{max-width:1180px;margin:100px auto 94px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:32px}.section-heading h2{font-size:clamp(33px,4.3vw,56px);font-weight:400;line-height:1.18;max-width:550px;letter-spacing:-.035em;margin:12px 0 0}.section-heading>p{max-width:306px;font-size:13px;line-height:1.8;color:#767785;margin-bottom:5px}.song-list{display:flex;flex-direction:column;border-top:1px solid #e5e1e2}.song-card{display:flex;align-items:center;gap:22px;border-bottom:1px solid #e5e1e2;padding:20px 18px;transition:background .2s}.song-card.selected{background:rgba(229,230,243,.38)}.song-card:hover{background:#f5f3f8}.song-num{width:25px;font-size:12px;letter-spacing:.12em;color:#9992a3}.song-card img{width:78px;height:78px;object-fit:cover;border-radius:4px;background:#f5f4f7}.song-detail{flex:1;min-width:0}.song-detail h3{font:normal 24px Georgia,serif;margin:0 0 8px}.song-detail p{font-size:13px;color:#737986;margin:0}.duration{font-size:13px;color:#818396;padding-right:30px}.song-play{border:1px solid #aeb6c5;border-radius:30px;background:transparent;min-height:44px;min-width:122px;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:10px;color:#46516e;font-size:13px}.song-play:hover,.song-card.selected .song-play{background:#303b58;color:white;border-color:#303b58}.song-play span:first-child{font-size:12px}.hint{font-size:13px;color:#7b7e8b;line-height:1.7;margin:28px 0}.hint-symbol{color:#a693b3;margin-right:6px}.about{max-width:1180px;margin:0 auto 84px;min-height:330px;border:1px solid #eee9e9;border-radius:7px;display:grid;grid-template-columns:38% 1fr;overflow:hidden;background:#f9f8fa}.about-art{background:linear-gradient(90deg,rgba(245,244,250,.07),rgba(250,249,250,.76)),url(assets/hero.webp) center 61%/cover no-repeat}.about-content{padding:50px 11% 48px 5%}.about h2{font-size:clamp(28px,3.4vw,46px);line-height:1.15;margin:18px 0 18px}.about p{font-size:13px;color:#686d7c;line-height:1.86;max-width:600px}.footer{border-top:1px solid #e5e1e2;max-width:1180px;margin:auto;padding:25px 0 40px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#92909a}
@media(max-width:1240px){.hero,.player-section,.fine-line,.songs-section,.about,.footer{margin-left:24px;margin-right:24px}}
@media(max-width:820px){.topbar{height:72px;padding:0 22px}.brand-name{font-size:17px}.hero{min-height:460px}.hero-content{padding:55px 6%}.hero h1{font-size:clamp(50px,10vw,75px)}.hero-wash{background:linear-gradient(90deg,rgba(252,251,252,.96),rgba(252,251,252,.70)),url(assets/hero.webp) center/cover}.hero-side-note{display:none}.player-section{grid-template-columns:40% 60%}.player-info{padding:35px 6%}.player-illustration{min-height:390px}.songs-section{margin-top:70px}.section-heading{display:block}.section-heading>p{max-width:600px}.about{grid-template-columns:27% 1fr}.about-content{padding:35px 7%}}
@media(max-width:610px){.topbar{height:72px;padding:0 17px}.top-link{font-size:11px}.brand-mark{width:37px;height:37px}.brand-name{font-size:16px}.hero,.player-section,.fine-line,.songs-section,.about,.footer{margin-left:12px;margin-right:12px}.hero{min-height:500px;align-items:flex-start}.hero-wash{background:linear-gradient(180deg,rgba(252,251,252,.98) 0%,rgba(252,251,252,.85) 52%,rgba(252,251,252,.35) 100%),url(assets/hero.webp) center/cover}.hero-content{padding:58px 25px}.hero h1{font-size:clamp(48px,12vw,68px);margin-top:27px}.hero p{font-size:14px;line-height:1.75}.fine-line{padding:19px 8px}.fine-line span:last-child{display:none}.player-section{display:block}.player-illustration{min-height:0;height:270px}.player-illustration img{object-fit:contain}.player-info{padding:28px 26px 31px}.player-info h2{font-size:43px}.player-description{margin-top:14px;margin-bottom:19px}.big-play{width:100%}.player-info audio{max-width:none}.player-actions{gap:16px}.songs-section{margin-top:65px;margin-bottom:65px}.section-heading h2{font-size:39px}.song-card{gap:12px;padding:16px 8px}.song-num{display:none}.song-card img{width:61px;height:61px}.song-detail h3{font-size:20px}.song-detail p{font-size:11px;line-height:1.3}.duration{display:none}.song-play{min-width:51px;min-height:45px}.song-play span:last-child{display:none}.about{display:block}.about-art{height:165px;background-position:center 72%}.about-content{padding:28px 24px}.footer{padding:25px 5px 35px;display:block;line-height:1.8}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Three album edition */
.album-nav{max-width:1180px;margin:6px auto 24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;scroll-margin-top:16px}
.album-nav a{background:#fff;border:1px solid var(--stroke);border-radius:8px;text-decoration:none;padding:18px 19px;display:flex;flex-direction:column;gap:9px;min-height:113px;font:20px/1.25 Georgia,serif;transition:background .2s}
.album-nav a:hover{background:#f4f2f7}.album-nav small{font:11px Arial,sans-serif;color:#7e7b8a}.album-nav-num{font:11px Arial,sans-serif;letter-spacing:.15em;color:#9a85a6}
.all-songs-heading{margin:0 0 52px}.all-songs-heading h2{font:normal clamp(34px,4.3vw,55px) Georgia,serif;margin:14px 0}.all-songs-heading p{font-size:14px;color:#6e7281;line-height:1.7}
.album-section{margin:0 0 90px;scroll-margin-top:16px}.album-section .section-heading{margin-bottom:25px}.album-heading-actions{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.album-heading-actions p{max-width:285px;color:#767785;font-size:13px;line-height:1.6;margin:0;text-align:right}
.album-play{border:1px solid #aeb6c5;border-radius:30px;background:#fff;color:#394660;min-height:42px;padding:0 20px;cursor:pointer}.album-play:hover{background:#303b58;color:#fff}
@media(max-width:1240px){.album-nav{margin-left:24px;margin-right:24px}}
@media(max-width:820px){.album-nav{grid-template-columns:1fr 1fr}.album-nav a{font-size:18px}}
@media(max-width:610px){.album-nav{margin-left:12px;margin-right:12px;display:flex;gap:9px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.album-nav a{min-width:72%;min-height:98px;scroll-snap-align:start;font-size:19px;padding:16px}.all-songs-heading{margin-bottom:38px}.album-section{margin-bottom:62px}.album-heading-actions{align-items:flex-start}.album-heading-actions p{text-align:left}.song-card .song-detail p{font-size:11px}.album-section .section-heading{margin-bottom:20px}}