:root{--paper:#f2f0e9;--ink:#171914}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.8 Georgia,'Times New Roman','Songti SC',serif;padding-bottom:30px}a{color:inherit;text-underline-offset:3px;overflow-wrap:anywhere}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible,audio:focus-visible{outline:2px solid #827c35;outline-offset:4px}header{height:88px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(#131b10a8,#131b10a8),url('/assets/sunflower.jpg') center 40%/cover;color:#f2efdf}.brand{font-size:18px;letter-spacing:5px;text-decoration:none;white-space:nowrap}nav{display:flex;gap:35px;font:11px/1.5 -apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;text-transform:uppercase;letter-spacing:2px}nav a{text-decoration:none;padding:8px 2px;border-bottom:1px solid transparent}nav a:hover,nav a[aria-current]{border-bottom-color:#e3dfc6}.page-home header{position:absolute;top:0;left:0;right:0;z-index:1;background:#10180e99}.home-photo{height:80vh;min-height:500px;max-height:900px;background:url('/assets/sunflower.jpg') center/cover}.content-row{max-width:1260px;padding:35px 38px 20px;margin:auto}.content-row:first-child{padding-top:65px}.page-home .content-row{padding-top:85px;padding-bottom:70px}h2{font-size:39px;font-weight:400;letter-spacing:-1px;line-height:1.4;margin:0 0 35px}h3{font-size:25px;font-weight:400;line-height:1.5;margin:0 0 8px}h4{font-size:18px;font-weight:400;margin:0 0 40px}p{margin:0 0 22px}.row-body{display:grid;gap:25px}.split-row .row-body{grid-template-columns:2fr 1fr;gap:45px;align-items:start}.split-row.image-first .row-body{grid-template-columns:1fr 2fr}.feature img{display:block;max-width:100%;height:auto}.feature.video iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#172010}.page-collab .content-row+.content-row{padding-top:35px}.gallery{columns:4;column-gap:20px}.gallery a{display:block;break-inside:avoid;margin-bottom:20px}.gallery img{width:100%}.track-row{width:100%;display:flex;gap:15px;align-items:center;padding:14px 5px;border:0;border-bottom:1px solid #d5d5c9;background:transparent;text-align:left}.track-row:hover{background:#e7e7dc}.track-row[aria-pressed=true]{background:#e2e4d6}.track-number{font-size:12px;min-width:20px;color:#737867}.track-play{font-size:10px;display:grid;place-items:center;width:25px;height:25px;border:1px solid #bfc4b0;border-radius:50%}.track-name{flex:1;font-size:15px}.track-duration{font-size:12px;color:#646b59}.page-contact .content-row{min-height:570px}footer{max-width:1260px;margin:55px auto 0;padding:30px 38px;text-align:center;font:11px/1.8 -apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;color:#626957}.socials{display:flex;gap:22px;justify-content:center;flex-wrap:wrap}footer a{text-decoration:none}footer a:hover{text-decoration:underline}footer>a{display:block;margin:18px 0}footer p{font-size:11px}.listening-player{position:fixed;z-index:5;bottom:14px;left:50%;transform:translateX(-50%);width:min(900px,94%);display:flex;align-items:center;gap:22px;padding:13px 20px;background:#f2f0e9f5;border:1px solid #c6ccb8;box-shadow:0 2px 9px #111a0e12;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif}.listening-player[hidden]{display:none}.listening-player>div{flex:1;min-width:0}.listening-player strong{display:block;font-size:12px;font-weight:500}.listening-player span{display:block;font-size:10px;color:#6c745e;margin-top:3px}.listening-player audio{width:47%;height:38px}.listening-player button{border:0;background:none;font-size:24px;padding:0 5px}#playback-message{position:fixed;z-index:10;bottom:100px;left:50%;transform:translateX(-50%);background:#303a2b;color:white;font-size:12px;padding:8px 15px}@media(max-width:850px){header{min-height:88px;height:auto;padding:20px 5%;flex-wrap:wrap;justify-content:center;gap:15px}nav{gap:20px}.gallery{columns:3}.content-row{padding-left:5%;padding-right:5%}}@media(max-width:600px){body{font-size:15px}.brand{font-size:17px;letter-spacing:4px}nav{font-size:10px;gap:17px;letter-spacing:1px}.home-photo{height:70vh;min-height:470px}.content-row,.content-row:first-child{padding:40px 6% 15px}.page-home .content-row{padding-top:50px}h2{font-size:30px}.split-row .row-body,.split-row.image-first .row-body{grid-template-columns:1fr}.gallery{columns:2;column-gap:12px}.gallery a{margin-bottom:12px}.track-row{gap:10px;padding:15px 2px}.track-name{font-size:12px}.track-number{min-width:15px}.track-duration{font-size:11px}.listening-player{flex-wrap:wrap;padding:12px;gap:8px}.listening-player>div{flex-basis:80%}.listening-player audio{width:calc(100% - 25px)}.listening-player button{position:absolute;top:5px;right:8px}footer{padding-left:6%;padding-right:6%;margin-top:35px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Restrained refinement of the original layout. */
body{font-size:16px;line-height:1.9;-webkit-font-smoothing:antialiased;color:#24291f}header{height:88px}nav{font-size:10px;letter-spacing:1.7px;gap:36px}nav a{transition:border-color .18s,color .18s}nav a[aria-current]{border-bottom-color:#d3c35a}nav a:hover{color:#eee5ac}h2{font-size:38px;letter-spacing:-.7px;margin-bottom:36px}h3{font-size:25px;letter-spacing:-.3px}h4{font-size:17px;color:#59604f}.content-row{padding-bottom:24px}.content-row:first-child{padding-top:60px}.feature.text p{margin-bottom:25px}.feature.text a{color:#4c593d;text-decoration-color:#9da58c;text-decoration-thickness:1px}.feature.text a:hover{text-decoration-color:#5b6946}.page-about .feature.text{line-height:1.95}.page-contact .feature.text>p:has(>strong:only-child){margin-top:30px;margin-bottom:13px}.page-contact .feature.text>p:first-child{margin-top:0}.page-contact .feature.text>p{margin-bottom:17px}.page-contact .feature.text>p:empty{display:none}.gallery{column-gap:22px}.gallery a{margin-bottom:22px}.track-row{padding:15px 8px;border-bottom-color:#d4d8c9;transition:background .18s}.track-row:hover{background:#e9ebdf}.track-row[aria-pressed=true]{background:#e4e8d8;border-left:2px solid #a49b4f;padding-left:6px}.track-name{font-size:15px;line-height:1.6}.track-play{width:27px;height:27px;border-color:#c1c8b2;background:#eeefe5;color:#566344}.track-row[aria-pressed=true] .track-play{background:#e0d28a;border-color:#ccbd70;color:#434b30}.track-duration{font-variant-numeric:tabular-nums}.listening-player{border-color:#c8cebc;background:#f1f2e9f5;border-radius:5px;box-shadow:0 3px 12px #26341a0d;padding:13px 18px}.listening-player strong{line-height:1.6}.listening-player audio{color-scheme:light;accent-color:#858944}.listening-player button{color:#6b765d}.listening-player button:hover{color:#2e3b24}footer{color:#6b725f}.socials a{transition:color .18s}.socials a:hover{color:#39472e}@media(max-width:600px){body{font-size:15px;line-height:1.85}header{height:auto}nav{gap:17px;font-size:10px;letter-spacing:1px}h2{font-size:30px}.content-row,.content-row:first-child{padding-top:38px}.page-home .content-row{padding-top:50px}.track-row{padding:15px 3px;gap:10px}.track-row[aria-pressed=true]{padding-left:1px}.track-name{font-size:12px}.track-play{width:25px;height:25px}.listening-player{padding:12px}.page-contact .feature.text a{overflow-wrap:anywhere}}
/* Language control and small-screen refinements, preserving the desktop structure. */
header{gap:26px}header nav{margin-left:auto}.language-switch{flex-shrink:0;font:11px/1.6 -apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;color:inherit;text-decoration:none;border-left:1px solid #eeecd550;padding:8px 0 8px 20px;letter-spacing:1px}.language-switch:hover{color:#eee5ac}html[lang=zh-CN] body{font-family:'Songti SC','Noto Serif CJK SC',Georgia,serif}html[lang=zh-CN] h2{letter-spacing:1px;font-size:34px}.feature img{height:auto}.track-play,.track-number,.track-duration{flex-shrink:0}.track-name{min-width:0;overflow-wrap:anywhere}.listening-player>div{overflow-wrap:anywhere}footer{padding-bottom:max(30px,env(safe-area-inset-bottom))}@media(max-width:850px){header{height:auto;min-height:100px;padding:18px 5%;gap:14px 22px;position:relative}.page-home header{position:absolute}header .brand{margin-right:auto}header nav{order:3;flex-basis:100%;margin-left:0;justify-content:center;gap:25px}.language-switch{padding:8px 0 8px 16px}.feature.video iframe{max-width:100%}}@media(max-width:600px){body{font-size:16px;line-height:1.85}header{min-height:120px;padding:15px 6% 10px;gap:8px 15px}.brand{font-size:16px;letter-spacing:3.5px;line-height:30px}.language-switch{min-height:44px;display:flex;align-items:center;font-size:11px}header nav{gap:0;justify-content:space-between;font-size:10px;letter-spacing:1px}header nav a{min-height:44px;display:flex;align-items:center;padding:8px 5px}html[lang=zh-CN] header nav{font-size:13px;letter-spacing:1px}.home-photo{min-height:430px;height:65svh;background-position:52% center}.content-row,.content-row:first-child{padding:32px 6% 14px}.page-home .content-row{padding-top:38px;padding-bottom:35px}h2,html[lang=zh-CN] h2{font-size:29px;line-height:1.4;margin-bottom:27px}h3{font-size:23px;line-height:1.6}h4{font-size:17px;margin-bottom:26px}.feature.text p{margin-bottom:22px}.split-row .row-body{gap:20px}.feature.text a{overflow-wrap:anywhere;word-break:normal}.page-contact .feature.text p a{display:inline-block;max-width:100%;font-size:14px;line-height:1.8;padding:3px 0}.page-contact .content-row{min-height:0}.gallery{columns:2;column-gap:14px}.gallery a{margin-bottom:14px}.track-row{min-height:60px;padding:14px 4px;gap:10px}.track-row[aria-pressed=true]{padding-left:2px}.track-name{font-size:14px;line-height:1.55}.track-number{min-width:15px;font-size:11px}.track-play{width:28px;height:28px}.track-duration{font-size:11px}.listening-player{bottom:max(10px,env(safe-area-inset-bottom));padding:12px 14px;gap:10px;max-width:calc(100% - 20px)}.listening-player>div{flex-basis:calc(100% - 28px);padding-right:18px}.listening-player strong{font-size:13px;line-height:1.5}.listening-player audio{width:100%;min-width:0;height:42px}.listening-player button{top:6px;right:7px;width:32px;height:32px;display:grid;place-items:center}.socials{gap:4px 16px}.socials a,footer>a{min-height:40px;display:inline-flex;align-items:center}.socials a{font-size:11px}footer>a{margin:8px 0}footer{margin-top:30px;padding:22px 6% max(22px,env(safe-area-inset-bottom))}.page-about .feature.text{line-height:1.95}}@media(max-width:360px){.brand{font-size:14px;letter-spacing:3px}header nav{font-size:9px}header nav a{padding-left:3px;padding-right:3px}.track-name{font-size:13px}}

/* Tactile layer — restrained neumorphism on the paper ground. One raised surface (the tracklist), engraved hairlines, pressed controls, softly seated media. */
:root{--paper:#f2f0e9;--rise-dark:#b7b29a52;--rise-light:#ffffffd9;--groove-dark:#d6d3c6;--groove-light:#fbfaf6;--raised:6px 6px 14px var(--rise-dark),-6px -6px 14px var(--rise-light);--raised-sm:2px 2px 5px var(--rise-dark),-2px -2px 5px var(--rise-light);--pressed:inset 2px 2px 4px #b7b29a66,inset -2px -2px 4px #fffffff2;--groove:0 1px 0 var(--groove-light)}
body{background-color:var(--paper);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .33 0 0 0 0 .25 0 0 0 .045 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
header{box-shadow:inset 0 -1px 0 #ffffff14,0 1px 0 #00000014}
/* Tracklist: a single raised tray with engraved row dividers. */
.feature.music #track-list{background:var(--paper);border-radius:14px;padding:10px 22px;box-shadow:var(--raised)}
.track-row{border-bottom:1px solid var(--groove-dark);box-shadow:var(--groove);border-radius:0;transition:background .2s}
.track-row:last-child{border-bottom:0;box-shadow:none}
.track-row:hover{background:#eceadf80}
.track-row[aria-pressed=true]{background:transparent;border-left:0;padding-left:8px}
.track-row[aria-pressed=true] .track-name{color:#3d4630}
.track-play{border:0;background:var(--paper);color:#5d6a4a;box-shadow:var(--raised-sm);transition:box-shadow .2s,color .2s}
.track-row:hover .track-play{color:#38432b}
.track-row:active .track-play,.track-row[aria-pressed=true] .track-play{background:var(--paper);border:0;color:#8a7a24;box-shadow:var(--pressed)}
/* Media seated into the page rather than pasted on. */
.feature.image img,.feature.video iframe{border-radius:6px;box-shadow:0 1px 2px #3a35200f,0 8px 22px #3a352014}
.gallery a{border-radius:4px;overflow:hidden;box-shadow:0 1px 2px #3a352014,0 4px 12px #3a35200d;transition:transform .3s,box-shadow .3s}
.gallery a:hover{transform:translateY(-2px);box-shadow:0 2px 4px #3a352014,0 10px 22px #3a352017}
.gallery img{display:block}
/* Player: a raised strip with a pressable close key. */
.listening-player{background:var(--paper);border:0;border-radius:14px;box-shadow:var(--raised),0 0 0 1px #ffffff80 inset}
.listening-player button{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;font-size:18px;line-height:1;padding:0;background:var(--paper);box-shadow:var(--raised-sm)}
.listening-player button:active{box-shadow:var(--pressed)}
/* Footer sits below an engraved groove. */
footer{border-top:1px solid var(--groove-dark);box-shadow:inset 0 1px 0 var(--groove-light)}
#playback-message{border-radius:8px;box-shadow:0 6px 18px #1a201526}
@media(max-width:600px){.feature.music #track-list{padding:4px 12px;border-radius:12px;box-shadow:4px 4px 10px var(--rise-dark),-4px -4px 10px var(--rise-light)}.listening-player{border-radius:12px}.listening-player button{position:absolute}}
@media(prefers-reduced-motion:reduce){.gallery a,.track-row,.track-play{transition:none}.gallery a:hover{transform:none}}
.track-row[aria-pressed=true]{background:#e8e6da59}.track-row[aria-pressed=true] .track-number{color:#8a7a24}
@media(max-width:600px){.track-row[aria-pressed=true]{padding-left:4px}}
/* Floral Chronicles: Apple Music and Spotify players as a quiet, evenly seated pair. */
.album-embeds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:6px}
.album-embeds iframe{display:block;width:100%;height:450px;border:0;border-radius:12px;overflow:hidden;background:transparent;box-shadow:0 1px 2px #3a35200f,0 8px 22px #3a352014}
@media(max-width:850px){.album-embeds{grid-template-columns:1fr;max-width:660px}}
@media(max-width:600px){.album-embeds{gap:20px}.album-embeds .embed-spotify{height:380px}}
/* Keep the last row and footer reachable at any native-player height. */
body.has-player{padding-bottom:var(--player-space,160px)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.gallery a,.track-row,.track-play,nav a,.socials a{transition:none}}

/* Slight emphasis for the two homepage release titles only. */
.page-home .release-title{font-size:20px;font-weight:600;letter-spacing:0;line-height:1.5;margin:0 0 8px}@media(max-width:600px){.page-home .release-title{font-size:19px}}
