@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&family=Playfair+Display:wght@500;600;700&display=swap');
:root{--wine:#692e3b;--wine-deep:#471f2c;--wine-darker:#341a23;--gold:#cdaa70;--gold-light:#f3ddb4;--paper:#fffdf9;--cream:#faf6ef;--cream-deep:#f3ecdf;--ink:#352d2c;--muted:#7c7470;--border:#e9e1d6;--shadow:0 10px 28px rgba(60,38,29,.065);--sans:'Be Vietnam Pro',Arial,sans-serif;--serif:'Playfair Display',Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.75;background:var(--paper)}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}button{cursor:pointer}img{max-width:100%;display:block}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #cb9b4b;outline-offset:3px}[hidden]{display:none!important}.sr-only,.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}.container{width:min(1200px,calc(100% - 56px));margin-left:auto;margin-right:auto}.site-notice{background:var(--wine-deep);color:#f8e5bd;min-height:30px;font-size:10px;letter-spacing:.09em}.notice-inner{display:flex;justify-content:space-between;align-items:center;min-height:30px}.notice-right{opacity:.65}.site-header{position:sticky;top:0;z-index:30;background:rgba(255,253,249,.97);box-shadow:0 1px 0 var(--border);backdrop-filter:blur(12px)}.header-inner{height:84px;display:flex;align-items:center;gap:36px}.brand{display:flex;align-items:center;gap:12px;flex:none}.brand-emblem{width:51px;height:51px}.brand-emblem img{width:100%;height:100%;object-fit:contain}.brand-name{display:flex;flex-direction:column;gap:1px;white-space:nowrap}.brand-name strong{font-family:var(--serif);font-size:23px;line-height:1.3;color:var(--wine);font-weight:700;letter-spacing:-.035em}.brand-name small{font-size:9px;color:#927f70;letter-spacing:.07em}.desktop-nav{display:flex;align-items:center;margin-left:auto;gap:23px}.desktop-nav a{font-size:12px;font-weight:700;color:#554944;white-space:nowrap;padding:9px 0;transition:color .2s}.desktop-nav a:hover,.desktop-nav a.active{color:var(--wine);box-shadow:inset 0 -2px 0 var(--gold)}.header-actions{display:flex;gap:12px;align-items:center}.round-action{position:relative;background:#f7efe7;border:1px solid #ebdccd;border-radius:50%;height:40px;width:40px;display:grid;place-items:center;color:var(--wine);font-size:24px}.favorite-count{position:absolute;top:-7px;right:-7px;background:var(--wine);color:white;border-radius:50%;min-width:19px;height:19px;display:grid;place-items:center;font-size:10px}.menu-toggle{display:none;background:none;border:none;font-size:27px;color:var(--wine)}.mobile-nav{background:var(--paper);box-shadow:0 10px 20px #351d2310;padding:12px 26px}.mobile-nav a{display:block;padding:11px 0;border-bottom:1px solid var(--border);font-weight:600}
.hero{position:relative;isolation:isolate;background:radial-gradient(ellipse at 67% 23%,#844458 0,#652b3b 40%,#481f2c 100%);color:#fffaf0;overflow:hidden}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(125deg,transparent 0 29px,#fff1d008 30px 31px);opacity:.55}.hero:after{content:'';position:absolute;bottom:-85px;left:-100px;width:270px;height:260px;border:1px solid #e6c9903d;border-radius:50%;box-shadow:0 0 0 27px #eddbad0b,0 0 0 57px #eddbad09}.hero-inner{min-height:604px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:30px}.hero-copy{padding:68px 0 70px;position:relative;z-index:2}.hero-kicker{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.25em;color:#e8d1a5;font-weight:700}.kicker-line{display:block;width:31px;height:1px;background:var(--gold-light)}.hero h1{font-family:var(--serif);font-size:clamp(40px,4.7vw,67px);line-height:1.23;font-weight:600;letter-spacing:-.028em;margin:22px 0 17px;max-width:660px;text-wrap:balance}.hero-rule{font-family:Georgia,serif;color:#dcb97c;font-size:20px;margin-bottom:15px}.hero-rule:before,.hero-rule:after{content:'';display:inline-block;vertical-align:middle;width:32px;height:1px;background:#dcb97c;opacity:.6;margin-right:10px}.hero-rule:after{margin-left:10px;margin-right:0}.hero-copy>p{max-width:540px;color:#ecdde0;line-height:1.95;font-size:14px}.hero-buttons{display:flex;align-items:center;gap:31px;margin:28px 0 30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:12px 20px;border-radius:6px;min-height:47px;border:1px solid transparent;font-size:12px;font-weight:700;transition:transform .2s,background .2s,color .2s;text-align:center}.btn:hover{transform:translateY(-1px)}.btn-gold{background:#eacb91;color:#4b2932;box-shadow:0 5px 20px #290f1a25}.btn-gold:hover{background:#ffdb9a}.btn-primary{background:var(--wine);color:#fff}.btn-primary:hover{background:#813b4a}.btn-outline{border-color:#c8b9a9;color:var(--wine);background:white}.btn-minimal{border:1px solid var(--border);background:var(--cream);color:var(--wine)}.hero-secondary{font-size:12px;font-weight:700;color:#eeddbf;border-bottom:1px solid #d0aa6f;padding:8px 0}.hero-secondary span{margin-left:11px}.hero-search{display:flex;align-items:center;background:var(--paper);border-radius:5px;max-width:540px;height:58px;box-shadow:0 12px 30px #1a101a20;overflow:hidden}.hero-search>span{font-size:29px;color:var(--wine);padding-left:17px;padding-right:10px}.hero-search input{border:0;outline:none;flex:1;min-width:0;color:var(--ink);font-size:12px;background:transparent}.hero-search input::placeholder{color:#9a918a}.hero-search button{height:100%;min-width:114px;background:#cba76c;color:#3d2530;border:0;font-weight:800;font-size:12px}.hero-art{position:relative;height:560px;align-self:end;display:grid;place-items:center}.hero-arch{position:absolute;top:25px;left:5%;right:2%;bottom:0;border-radius:47% 47% 0 0;border:1px solid #e4be7c4a;background:radial-gradient(ellipse at 50% 45%,#ffdfac18,transparent 62%)}.hero-art img{width:100%;max-width:590px;height:100%;object-fit:contain;filter:drop-shadow(0 23px 30px #2c172a55);position:relative;z-index:2}.hero-art .hero-vertical-text{position:absolute;right:-11px;top:83px;writing-mode:vertical-rl;letter-spacing:.31em;color:#dfb980;font-size:10px}.hero-glow{position:absolute;width:75%;height:70%;background:#d39a9033;filter:blur(70px);border-radius:50%}.hero-seal{position:absolute;right:13px;bottom:48px;width:78px;height:78px;border:1px solid #e6bd8a;border-radius:50%;display:grid;place-items:center;text-align:center;font-family:var(--serif);font-size:18px;line-height:1.2;color:#e4c59f;transform:rotate(-8deg)}.hero-circle{position:absolute;border:1px solid #e2b77850;border-radius:50%;width:12px;height:12px;top:90px;left:70px}.hero-circle.two{width:7px;height:7px;top:140px;left:50px}.hero-art-caption{position:absolute;bottom:19px;left:15%;font-size:11px;color:#d7b99b;letter-spacing:.14em}.stats-band{background:#f8f2e9;border-bottom:1px solid #e6dccb}.stats-inner{min-height:100px;display:flex;align-items:center;gap:36px}.stats-inner>div{display:flex;align-items:baseline;gap:10px}.stats-inner strong{font-size:29px;font-family:var(--serif);color:var(--wine)}.stats-inner span{font-size:11px;font-weight:700;color:#7f736a}.stats-inner i{height:26px;width:1px;background:#dccdba}.stats-inner p{margin-left:auto;font-size:12px;font-style:italic;color:#968170;font-family:Georgia,serif}.content-section{padding:78px 0 82px}.tinted-section{background:#fbf7f0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.eyebrow{font-size:10px;letter-spacing:.17em;color:#9c7456;font-weight:800}.section-heading h2,.editorial-strip h2{margin:8px 0 10px;font:600 clamp(26px,3vw,36px)/1.3 var(--serif);letter-spacing:-.015em;color:var(--wine-deep)}.section-heading p{color:var(--muted);font-size:12px;margin:0}.section-more{font-size:12px;color:var(--wine);font-weight:800;border-bottom:1px solid #b68c66;padding-bottom:5px;white-space:nowrap}.section-more span{margin-left:12px}.songs-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.song-card{border:1px solid #eee6dd;border-radius:11px;background:white;overflow:hidden;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s;min-width:0}.song-card:hover{transform:translateY(-4px);box-shadow:0 17px 32px #603b3720}.song-visual{display:block;height:160px;position:relative;overflow:hidden;background:#6b3641}.song-visual>img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.song-card:hover .song-visual>img{transform:scale(1.06)}.song-visual-icon{position:absolute;bottom:12px;right:12px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:1px solid #efc99788;background:#3d1b289e;color:#eac58e;font-size:20px}.art-placeholder{width:100%;height:100%;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 20% 5%,#bd7a80 0,transparent 55%),linear-gradient(138deg,#542335 0,#894557 52%,#532732 100%);color:#eed2a0}.art-placeholder:before{content:'';position:absolute;inset:16px;border:1px solid #e1b98459;border-radius:50% 50% 8px 8px}.art-placeholder:after{content:'';position:absolute;width:270px;height:270px;border:1px solid #e6c58a3d;bottom:-250px;left:50%;transform:translateX(-50%);border-radius:50%;box-shadow:0 0 0 20px #e6c58a0a}.art-placeholder svg{height:72px;width:100px;opacity:.93;position:relative;z-index:1}.art-placeholder span{position:relative;z-index:1;color:#f7deb8;font-family:var(--serif);font-size:12px;letter-spacing:.11em;text-align:center}.art-placeholder.art-ochre{background:radial-gradient(circle at 20% 0,#c19c71,transparent 65%),linear-gradient(145deg,#825b52,#a17260 60%,#6c4750)}.song-card-body{padding:17px 18px 14px}.song-card-tags{display:flex;gap:7px;align-items:center;flex-wrap:wrap;color:#a0704f;font-size:9px;letter-spacing:.04em;font-weight:800;text-transform:uppercase}.demo-chip{background:#f1ebe5;border-radius:4px;padding:1px 6px;color:#927b68;letter-spacing:0;font-weight:600}.song-card h3{font:600 18px/1.42 var(--serif);margin:9px 0 6px;color:var(--wine-deep);min-height:50px}.song-card h3 a:hover{color:#a05264}.song-card-body>p{height:44px;overflow:hidden;color:#8e8580;font-size:11px;line-height:1.85;margin:0 0 12px}.song-card-bottom{padding-top:10px;border-top:1px solid #f0ebe5;display:flex;align-items:center;justify-content:space-between}.song-read{font-size:11px;font-weight:800;color:var(--wine)}.song-read span{margin-left:9px}.favorite-button{border:1px solid #ebddd5;color:var(--wine);background:#fbf6f0;width:31px;height:31px;border-radius:50%;font-size:21px;line-height:1}.favorite-button.is-favorite{color:#c7485a;background:#fff0f1;border-color:#edb4b9}.taxonomy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.taxonomy-card{display:flex;align-items:stretch;background:white;border:1px solid var(--border);border-radius:9px;overflow:hidden;min-height:125px;box-shadow:var(--shadow);transition:transform .2s}.taxonomy-card:hover{transform:translateY(-3px)}.taxonomy-visual{width:132px;flex:none;background:var(--wine);height:auto;min-height:125px}.taxonomy-visual img{height:100%;width:100%;object-fit:cover}.taxonomy-visual .art-placeholder{min-height:125px}.taxonomy-visual .art-placeholder svg{height:60px;width:75px}.taxonomy-visual .art-placeholder span{display:none}.taxonomy-data{position:relative;padding:21px 20px;flex:1;min-width:0}.taxonomy-data>span:first-child{font-size:9px;font-weight:800;letter-spacing:.15em;color:#b38c65}.taxonomy-data h3{font:600 19px/1.35 var(--serif);color:var(--wine-deep);margin:8px 0 0}.taxonomy-arrow{position:absolute;right:16px;bottom:9px;font-size:17px;color:#b89a72}.editorial-strip{background:#f4ebdf;border-top:1px solid #e8dccd;border-bottom:1px solid #e8dccd}.editorial-inner{min-height:270px;display:flex;align-items:center;gap:35px}.editorial-mark{font:110px/1 Georgia;color:#d7b992;margin-top:-35px}.editorial-inner>div{flex:1}.editorial-strip h2{font-style:italic}.editorial-inner p{color:#867869}.editorial-inner img{width:160px;opacity:.8}.site-footer{background:#37202a;color:#eeded3;position:relative;overflow:hidden}.footer-ornament{position:absolute;right:-150px;top:-180px;width:420px;height:420px;border-radius:50%;border:1px solid #b58e6640;box-shadow:0 0 0 40px #b58e6608,0 0 0 78px #b58e660a}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:90px;padding:64px 0 58px;position:relative}.footer-brand{display:flex;gap:12px;align-items:center}.footer-brand img{width:54px;height:54px}.footer-brand strong{font:600 25px var(--serif);color:#f4e2ce}.footer-about p,.footer-contact p{font-size:12px;color:#c9b4ad;max-width:360px;line-height:2}.footer-socials{display:flex;gap:20px;margin-top:19px}.footer-socials a{color:#dfbb8a;font-size:11px}.site-footer h4{font-size:13px;margin:6px 0 25px;color:#e6c99e}.footer-links{display:grid;gap:11px}.footer-links a{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff15;font-size:12px;padding-bottom:9px;color:#ddd0ca}.footer-links a:hover,.footer-contact a:hover{color:#e7bb7b}.footer-contact{display:flex;flex-direction:column;gap:10px;font-size:12px;color:#d6c5bd}.footer-contact p{margin:0}.footer-contact-cta{color:#e0c08a!important;margin-top:7px;font-weight:700}.footer-bottom{border-top:1px solid #ffffff20;min-height:65px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;color:#c7afa5}.footer-bottom nav{display:flex;gap:25px}.footer-bottom a:hover{color:#fff}.to-top{position:fixed;right:25px;bottom:25px;z-index:25;width:44px;height:44px;border:0;border-radius:50%;background:var(--wine);color:white;box-shadow:0 7px 30px #4c1c2e33;font-size:22px;opacity:0;pointer-events:none;transition:opacity .2s}.to-top.visible{opacity:1;pointer-events:auto}.flash{padding:13px 18px;margin-top:20px;border:1px solid #badfc1;background:#ecf8ee;border-radius:8px;color:#267040}.flash-error{background:#fff0ed;color:#95322a;border-color:#efbcb6}
.breadcrumb{display:flex;align-items:center;gap:10px;margin-top:30px;color:#978984;font-size:11px;flex-wrap:wrap}.breadcrumb a:hover{color:var(--wine)}.breadcrumb strong{font-weight:600;color:var(--wine)}.page-intro{margin:43px 0 40px}.page-intro h1{font:600 clamp(34px,4vw,49px)/1.3 var(--serif);color:var(--wine-deep);margin:9px 0}.page-intro p{font-size:13px;color:var(--muted);max-width:650px}.catalog-main{padding-bottom:96px}.catalog-layout{display:grid;grid-template-columns:270px 1fr;gap:35px;align-items:start}.filter-panel{padding:25px;border:1px solid var(--border);background:#faf7f1;border-radius:10px;position:sticky;top:108px}.filter-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e8ddce;padding-bottom:16px;margin-bottom:20px}.filter-heading h2{font-size:15px;margin:0;color:var(--wine-deep)}.filter-heading span{color:#bba079;font-size:20px}.filter-panel label{font-size:11px;font-weight:700;color:#514643;margin-bottom:7px;display:block}.filter-panel input,.filter-panel select{display:block;width:100%;height:43px;background:white;color:#4d4541;border:1px solid #e4d7c9;border-radius:6px;padding:0 10px;font-size:11px;outline:none;margin-bottom:17px}.filter-panel .btn{width:100%;margin-top:6px}.clear-filter{display:block;text-align:center;color:#93827a;font-size:11px;text-decoration:underline;margin-top:13px}.results-summary{display:flex;justify-content:space-between;align-items:center;padding:7px 0 20px;border-bottom:1px solid #ece4da;margin-bottom:22px;color:#827773;font-size:12px}.results-summary strong{color:var(--wine);font-size:17px}.catalog-songs{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-songs .song-visual{height:155px}.pagination{display:flex;justify-content:center;gap:7px;margin-top:32px}.pagination a{min-width:37px;height:37px;display:grid;place-items:center;border-radius:6px;border:1px solid var(--border);font-size:12px}.pagination a.active{background:var(--wine);color:white;border-color:var(--wine)}.empty-state{padding:60px 30px;text-align:center;background:#faf7f2;border:1px dashed #e7d7c5;border-radius:10px}.empty-state>span{font:50px Georgia;color:#b99079}.empty-state h3{font:600 23px var(--serif);color:var(--wine)}.empty-state p{color:var(--muted)}.taxonomy-index,.favorites-page,.contact-page{padding-bottom:95px}.taxonomy-full{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-page{padding-bottom:90px}.song-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:34px;align-items:start;margin-top:37px}.song-paper{position:relative;background:#fffdfa;border:1px solid #e5d9c9;border-radius:9px;box-shadow:0 12px 35px #65504413;overflow:hidden}.song-paper:before{content:'';position:absolute;top:0;left:0;right:0;height:7px;background:repeating-linear-gradient(90deg,#a97561 0 28px,#d5b189 28px 56px)}.paper-top{display:flex;gap:10px;justify-content:space-between;padding:42px 54px 27px;border-bottom:1px solid #f0e8dd}.paper-top h1{font:600 clamp(31px,3vw,42px)/1.3 var(--serif);color:var(--wine-deep);margin:8px 0 16px}.paper-mark{color:#d7be9c;font:53px var(--serif)}.song-meta-pills{display:flex;gap:7px;flex-wrap:wrap}.song-meta-pills>a,.demo-pill{font-size:10px;background:#f6eee6;color:var(--wine);padding:4px 9px;border-radius:5px}.demo-pill{background:#fdf2d8;color:#947338}.song-lyrics{font:18px/2.4 Georgia,'Times New Roman',serif;white-space:normal;letter-spacing:.013em;padding:35px 54px 45px;color:#483a34;min-height:240px}.credit-note{padding:16px 22px;margin:0 40px 30px;background:#fbf6ee;color:#917f6b;font-size:11px;border-left:3px solid #d4af76}.song-paper-foot{border-top:1px solid #f1e8de;padding:17px;text-align:center;color:#b39a80;font:italic 13px Georgia,serif}.song-sidebar{background:white;border-radius:9px;border:1px solid var(--border);overflow:hidden;box-shadow:var(--shadow)}.song-aside-art{height:185px;background:var(--wine)}.song-aside-art>img{width:100%;height:100%;object-fit:cover}.song-aside-art .art-placeholder span{font-size:14px}.aside-actions{padding:22px;display:grid;gap:9px;border-bottom:1px solid var(--border)}.aside-actions .btn{width:100%}.song-info{padding:7px 22px 25px}.song-info h3{font:600 19px var(--serif);color:var(--wine);border-bottom:1px solid var(--border);padding-bottom:14px;margin-bottom:13px}.song-info dl{display:grid;grid-template-columns:100px 1fr;gap:10px 8px;font-size:11px}.song-info dt{color:#998a7d}.song-info dd{margin:0;color:#534340;font-weight:600}.song-info dd a{color:var(--wine);text-decoration:underline;text-decoration-color:#c5a8a1}.related-section{margin-top:76px}.related-section .songs-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.prose-page{max-width:910px;padding-bottom:110px}.paper-prose{background:#fffdf8;border:1px solid #e7dace;border-radius:12px;padding:45px 58px;color:#584a42;font-size:15px;line-height:2.25;box-shadow:var(--shadow)}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:30px}.contact-card{border-radius:12px;background:linear-gradient(145deg,#602a38,#381d2b);color:white;padding:38px}.contact-card h2{font:600 29px var(--serif)}.contact-card p{color:#e1d0c7;font-size:12px;line-height:2}.contact-card dl{margin-top:30px}.contact-card dt{font-size:10px;color:#e0c49b;text-transform:uppercase;letter-spacing:.1em}.contact-card dd{margin:4px 0 19px;font-size:13px}.contact-form{background:white;border:1px solid var(--border);border-radius:12px;padding:35px}.contact-form label{display:block;font-size:12px;font-weight:700;color:#665950;margin-bottom:19px}.contact-form input,.contact-form textarea{width:100%;border:1px solid #e5dacf;border-radius:6px;background:#fffdf8;padding:13px;display:block;margin-top:6px;outline:none;font-size:12px;color:var(--ink)}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--wine)}.state-page{text-align:center;padding:90px 0 140px}.huge-404{font:700 110px var(--serif);color:#e5d5cb}.state-page h1{font:600 34px var(--serif);color:var(--wine)}.state-page p{color:var(--muted)}.state-page .btn{margin-top:20px}.video-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:30px}.modal-scrim{position:absolute;inset:0;background:#1b1117de}.video-box{position:relative;width:min(900px,100%);z-index:1}.video-close{position:absolute;right:0;top:-45px;color:white;background:none;border:0;font-size:38px}.video-frame{aspect-ratio:16/9;background:#111}.video-frame iframe{width:100%;height:100%;border:0}
@media(max-width:1150px){.desktop-nav{gap:15px}.desktop-nav a{font-size:11px}.header-inner{gap:18px}.songs-grid{gap:16px}.song-visual{height:145px}.footer-grid{gap:40px}}
@media(max-width:960px){.desktop-nav{display:none}.menu-toggle{display:block}.header-actions{margin-left:auto}.hero-inner{min-height:520px}.hero h1{font-size:44px}.hero-art{height:490px}.songs-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.taxonomy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-inner p{display:none}.catalog-layout{grid-template-columns:230px 1fr;gap:22px}.catalog-songs{grid-template-columns:repeat(2,minmax(0,1fr))}.song-detail-grid{grid-template-columns:minmax(0,1fr) 270px;gap:22px}.paper-top,.song-lyrics{padding-left:35px;padding-right:35px}.related-section .songs-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.container{width:min(100% - 32px,1200px)}.site-notice{font-size:9px}.notice-right{display:none}.header-inner{height:67px}.brand-emblem{width:42px;height:42px}.brand-name strong{font-size:18px}.brand-name small{font-size:8px}.hero-inner{grid-template-columns:1fr;gap:0;min-height:auto}.hero-copy{padding:58px 0 35px}.hero h1{font-size:44px}.hero-art{height:275px;max-width:420px;width:100%;margin:auto;opacity:.83}.hero-art img{height:350px;position:absolute;bottom:-42px}.hero-arch{top:0}.hero-vertical-text,.hero-art-caption,.hero-seal{display:none}.hero-search{max-width:100%}.stats-inner{justify-content:space-around;gap:12px;min-height:80px}.stats-inner strong{font-size:22px}.stats-inner span{font-size:9px}.stats-inner i{height:20px}.content-section{padding:54px 0}.section-heading{gap:16px}.section-heading h2{font-size:29px}.songs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.song-visual{height:135px}.song-card-body{padding:13px}.song-card h3{font-size:16px;min-height:45px}.song-card-body>p{font-size:10px;height:37px}.taxonomy-grid,.taxonomy-full{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.taxonomy-card{display:block}.taxonomy-visual{width:100%;height:95px;min-height:95px}.taxonomy-visual .art-placeholder{min-height:95px}.taxonomy-visual .art-placeholder svg{width:75px;height:50px}.taxonomy-data{padding:13px;min-height:80px}.taxonomy-data h3{font-size:16px}.editorial-inner{padding:30px 0;gap:12px;min-height:auto}.editorial-mark{font-size:65px}.editorial-inner img{display:none}.editorial-strip h2{font-size:25px}.footer-grid{grid-template-columns:1fr 1fr;gap:36px;padding:48px 0}.footer-about{grid-column:span 2}.footer-bottom{flex-direction:column;text-align:center;padding:17px;gap:10px}.catalog-layout{display:block}.filter-panel{position:static;margin-bottom:25px}.catalog-songs{grid-template-columns:repeat(2,minmax(0,1fr))}.page-intro{margin:31px 0}.page-intro h1{font-size:35px}.song-detail-grid{grid-template-columns:1fr}.song-sidebar{display:grid;grid-template-columns:170px 1fr}.song-aside-art{height:auto;grid-row:span 2}.song-info{grid-column:span 2}.related-section .songs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-grid{grid-template-columns:1fr}.paper-prose{padding:27px}.song-lyrics{font-size:17px}}
@media(max-width:430px){.hero h1{font-size:38px}.hero-buttons{gap:16px;flex-wrap:wrap}.hero-secondary{font-size:11px}.hero-search button{min-width:82px}.hero-art{height:225px}.song-visual{height:112px}.song-card h3{font-size:15px}.song-card-body>p{font-size:10px}.taxonomy-grid,.taxonomy-full{grid-template-columns:1fr}.taxonomy-card{display:flex;min-height:100px}.taxonomy-visual{width:104px;height:auto}.song-sidebar{display:block}.song-aside-art{height:180px}.song-info{grid-column:auto}.paper-top{padding:29px 22px 17px}.song-lyrics{padding:25px 22px;font-size:16px}.credit-note{margin:0 20px 20px}}

/* ===== YeuHatCheo Pro v2: hierarchical navigation, catalog lists and community ===== */
.tree-nav .nav-level{list-style:none;margin:0;padding:0}
.desktop-nav.tree-nav>.nav-level{display:flex;align-items:center;gap:clamp(10px,1.7vw,23px)}
.tree-nav .nav-entry{position:relative;display:flex;align-items:center;min-width:0}
.desktop-nav .nav-level>li>a{display:block;padding:19px 1px;font-size:12px}
.desktop-nav .nav-expand{padding:4px 5px;margin-left:1px;border:0;background:transparent;color:var(--wine);font-size:18px;line-height:1}
.desktop-nav .nav-dropdown{position:absolute;display:none;top:100%;left:0;min-width:215px;max-width:290px;background:#fffefa;box-shadow:0 18px 35px #361d2d30;border:1px solid var(--border);border-radius:0 0 9px 9px;padding:8px;z-index:50}
.desktop-nav .nav-dropdown .nav-level{display:block}
.desktop-nav .nav-dropdown .nav-entry{justify-content:space-between}
.desktop-nav .nav-dropdown .nav-entry>a{padding:10px 13px;display:block;white-space:normal;font-size:12px;flex:1}
.desktop-nav .nav-dropdown .nav-dropdown{top:0;left:calc(100% - 5px);border-radius:9px}
.desktop-nav .nav-entry:hover>.nav-dropdown,.desktop-nav .nav-entry:focus-within>.nav-dropdown,.desktop-nav .nav-entry.open>.nav-dropdown{display:block}
.desktop-nav .nav-has-children:hover>a,.desktop-nav .nav-entry.is-current>a{color:var(--wine)}
.member-action{background:#faf3eb;border:1px solid #ecdfd1;border-radius:6px;padding:8px 10px;color:var(--wine);font-weight:700;font-size:11px;white-space:nowrap}
.mobile-nav .nav-level{display:block}
.mobile-nav .nav-entry{display:flex;flex-wrap:wrap;justify-content:space-between;border-bottom:1px solid var(--border)}
.mobile-nav .nav-entry>a{flex:1;border:0;padding:10px 0}
.mobile-nav .nav-expand{padding:8px 15px;border:0;background:#f7eee4;color:var(--wine);font-size:18px;flex-shrink:0}
.mobile-nav .nav-dropdown{display:none;flex-basis:100%;padding:0 0 6px 13px;border-left:2px solid var(--gold)}
.mobile-nav .nav-entry.open>.nav-dropdown{display:block}
.mobile-account{border-top:1px solid var(--border);padding:8px 2px;color:var(--wine)}
.footer-socials{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
.footer-socials a{display:inline-flex;align-items:center;gap:7px;border:1px solid #ddc4a944;padding:4px 9px;border-radius:24px;font-size:11px}
.footer-socials .social-symbol{background:#f2d9ac22;color:#ffdaad;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:700}
/* The front-page grid remains unchanged. Only the archive/search uses this text-first layout. */
.catalog-list{display:flex;flex-direction:column;background:#fffdf9;border:1px solid var(--border);border-radius:12px;overflow:hidden}
.song-list-item{padding:22px 25px;border-bottom:1px solid var(--border);background:#fffdfb;min-width:0}
.song-list-item:last-child{border:0}
.song-list-item:hover{background:#fffcf6}
.song-list-top{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;align-items:start}
.song-list-top h3,.song-list-item>h3{font:600 22px/1.42 var(--serif);color:var(--wine-deep);margin:0 0 8px}
.song-list-top h3 a:hover{text-decoration:underline}
.song-list-tags{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.song-list-tags>span{display:inline-block;background:#f5eee5;color:#82513e;border-radius:20px;padding:2px 10px;font-size:10px;font-weight:700}
.song-list-tags>.demo-chip{background:#eee8e0;color:#826e61}
.song-list-meta{display:flex;flex-wrap:wrap;gap:7px 18px;font-size:11px;color:#80736a}
.song-list-meta a{color:#644041;text-decoration:underline;text-decoration-color:#cebcb0}
.song-list-excerpt{font-size:12px;line-height:1.9;color:#786e66;margin:12px 0 14px;max-width:95ch}
.song-list-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.song-list-actions>a{font-size:11px;font-weight:700;color:var(--wine)}
.song-list-actions .favorite-button{margin-left:auto}
/* Inline selectable media player */
.song-player{margin:25px 30px 15px;border:1px solid #e4d7c5;border-radius:10px;background:#fff;overflow:hidden}
.player-heading{padding:14px 20px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.player-heading h2,.lyrics-heading h2{font:600 21px var(--serif);color:var(--wine);margin:0}
.player-heading span{font-size:11px;color:#8b7968}
.player-stage{min-height:155px;background:radial-gradient(circle at 70% 40%,#714253,#301d29 90%);display:grid;place-items:center;color:#f8dfbd}
.player-start{text-align:center;padding:20px;font-size:43px}
.player-start p{font-size:11px;color:#f5e2c6;margin:0}
.player-stage:has(iframe){aspect-ratio:16/9}
.player-stage iframe{border:0;width:100%;height:100%;min-height:220px}
.player-stage audio{display:block;width:min(90%,620px);margin:35px 0}
.performance-list{max-height:325px;overflow-y:auto}
.performance-choice{width:100%;display:flex;align-items:center;text-align:left;gap:12px;padding:12px 19px;border:0;border-top:1px solid #eee4d8;background:#fffdfb;color:var(--ink)}
.performance-choice:hover,.performance-choice.is-playing{background:#f7eee6}
.performance-icon{width:32px;height:32px;border-radius:50%;background:#6c3041;color:#fff2d5;display:grid;place-items:center;flex-shrink:0}
.performance-text{display:flex;flex-direction:column;flex:1;min-width:0}
.performance-text strong{font-size:12px;font-weight:700;white-space:normal}
.performance-text small{font-size:10px;color:#806f68}
.performance-play{font-size:11px;color:var(--wine);font-weight:700}
.media-empty{margin:22px 30px;padding:15px;background:#f9f3ec;border:1px dashed #ddcab5;border-radius:6px;font-size:12px;color:#887568}
.lyrics-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:28px 35px 5px;border-bottom:1px solid var(--border);padding-bottom:14px}
.lyrics-heading .favorite-action{border-radius:19px;width:auto;height:auto;padding:7px 11px;font-size:12px;white-space:nowrap}
.song-sidebar .song-info{background:white;border:1px solid var(--border);border-radius:9px;padding:10px 20px 17px;margin-bottom:17px}
.song-info dl{grid-template-columns:82px 1fr}
.sidebar-song-list{background:#fffefa;border:1px solid var(--border);border-radius:9px;padding:16px 21px;margin-bottom:17px}
.sidebar-song-list h3{font:600 18px var(--serif);color:var(--wine);margin:0 0 10px;padding-bottom:10px;border-bottom:1px solid var(--border)}
.sidebar-song-list ol{margin:0;padding:0;list-style:none;counter-reset:related}
.sidebar-song-list li{counter-increment:related;display:flex;flex-direction:column;padding:9px 0 9px 28px;position:relative;font-size:12px;line-height:1.55;border-bottom:1px solid #f1e8dc}
.sidebar-song-list li::before{content:counter(related,decimal-leading-zero);position:absolute;left:0;top:11px;font-size:10px;color:#b29677;font-weight:700}
.sidebar-song-list li a:hover{color:#a14e61}
.sidebar-song-list li small{font-size:10px;color:#9c8e81}
.sidebar-more{display:block;text-align:right;margin-top:13px;font-size:11px;font-weight:800;color:var(--wine)}
/* Ads are entirely absent until enabled in admin. */
.ad-wrap{margin:28px auto;width:min(1120px,calc(100% - 48px));padding:9px 12px;border:1px solid #eeeae4;border-radius:5px;background:#fffdfa;text-align:center;min-height:95px}
.ad-label{font-size:10px;color:#968d82;letter-spacing:.04em;display:block;margin-bottom:6px}
.song-paper .ad-wrap{width:calc(100% - 54px)}
/* Member account, contribution and authentication pages */
.member-wrap{padding-top:46px;padding-bottom:78px;display:flex;justify-content:center}
.member-panel{background:#fffefa;border:1px solid #e5dbd0;box-shadow:var(--shadow);border-radius:12px;padding:36px;max-width:650px;width:100%}
.member-panel h1{font:600 34px/1.25 var(--serif);color:var(--wine);margin:10px 0}
.member-panel>p{font-size:13px;color:var(--muted)}
.member-form{display:grid;gap:17px;margin-top:27px}
.member-form label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#634c42}
.member-form input:not([type=checkbox]),.member-form select,.member-form textarea{width:100%;background:white;border:1px solid #d9cbbb;border-radius:6px;padding:11px 12px;font-size:13px;color:var(--ink)}
.member-form textarea{line-height:1.7}
.member-form .btn{width:100%;min-height:46px}
.member-consent{display:flex!important;align-items:start;gap:10px!important;font-weight:500!important}
.member-consent input{margin-top:6px}
.member-consent a,.member-alt a,.guest-login-hint a{color:var(--wine);font-weight:700;text-decoration:underline}
.member-divider{text-align:center;font-size:11px;color:var(--muted);margin:21px 0}
.g_id_signin{margin:0 auto;width:max-content;max-width:100%}
.member-alt{padding-top:22px;font-size:12px;text-align:center;color:var(--muted)}
.member-dashboard{padding:20px 0 75px}
.member-stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:30px}
.member-stat-row a{display:flex;flex-direction:column;background:#fcf5ec;border:1px solid #ebddcd;padding:20px;border-radius:9px}
.member-stat-row strong{font:600 32px var(--serif);color:var(--wine)}
.member-stat-row span{font-size:12px;color:#78675c}
.member-tools{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px;align-items:center}
.member-tools form{display:inline-flex}
.member-dashboard h2{font:600 25px var(--serif);color:var(--wine)}
.contribution-history{border:1px solid var(--border);border-radius:8px;overflow:hidden}
.contribution-history article{padding:15px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
.contribution-history article:last-child{border:0}
.contribution-history article>div{display:grid;gap:4px}
.contribution-history small{color:var(--muted)}
.contribution-history article p{flex-basis:100%;color:var(--muted);font-size:12px}
.review-status{border-radius:12px;padding:3px 9px;background:#f3e3c8;font-size:10px;color:#77521e}
.review-approved{background:#e6f3e8;color:#2c6938}.review-rejected{background:#f8e6e6;color:#863b3b}
.contribution-page .member-panel{max-width:850px}
.guest-login-hint{font-size:12px;color:var(--muted)}
@media(max-width:1150px){.desktop-nav.tree-nav>.nav-level{gap:9px}.desktop-nav .nav-level>li>a{font-size:11px;padding:17px 0}.member-action{padding:6px 7px}}
@media(max-width:960px){.desktop-nav.tree-nav{display:none}.member-action{display:none}}
@media(max-width:700px){.container{width:calc(100% - 28px)}.song-list-item{padding:17px 14px}.song-list-top h3{font-size:19px}.song-list-excerpt{font-size:11px}.song-list-meta{display:block}.song-list-meta span{display:block;padding:2px 0}.song-list-actions{gap:12px}.song-player{margin:15px 13px}.song-paper .ad-wrap{width:calc(100% - 20px)}.lyrics-heading{margin:20px 15px}.media-empty{margin:15px}.song-player .player-heading{padding:12px}.member-panel{padding:24px 17px}.member-panel h1{font-size:27px}.member-stat-row{gap:7px}.member-stat-row a{padding:12px}.member-stat-row strong{font-size:22px}.member-stat-row span{font-size:10px}.member-wrap{padding:26px 0 50px}}