@import url('https://fonts.googleapis.com/css2?family=Kaisei+Opti:wght@400;500;700&display=swap');
:root{color-scheme:dark;--bg:#17231f;--panel:#23362c;--sage:#a8c5ae;--text:#f0eee6}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:"Kaisei Opti",Georgia,serif;line-height:1.85}a{color:var(--sage)}.wrap{width:min(1040px,calc(100% - 36px));margin:auto}.top{padding:22px 0;border-bottom:1px solid #a8c5ae33}.top .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.brand{font-weight:700;font-size:1.3rem;text-decoration:none}.back{text-decoration:none}.hero{padding:66px 0 36px}.eyebrow{color:var(--sage);letter-spacing:.15em;text-transform:uppercase;font-size:.75rem}h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.3;margin:12px 0 18px}h2{font-size:1.45rem}.lead{max-width:760px;color:#d4dfd6}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:30px 0 60px}.card{background:var(--panel);border:1px solid #a8c5ae33;border-radius:16px;padding:26px;min-height:185px}.card h2{margin:0 0 10px}.card p{margin:0;color:#d1ddd3}.status{display:inline-block;font-size:.72rem;color:#d6e5d8;border:1px solid #a8c5ae55;border-radius:100px;padding:2px 10px;margin-bottom:15px}.notice{padding:20px 24px;background:#304b3c;border-radius:12px;margin-bottom:50px}.footer{padding:26px 0;border-top:1px solid #a8c5ae33;color:#b5c6b9;font-size:.85rem}@media(max-width:650px){.grid{grid-template-columns:1fr}.hero{padding-top:44px}}

/* Shared section navigation */
.site-nav{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center}.site-nav a{color:#d4dfd6;text-decoration:none;font-size:.88rem;padding:5px 2px;border-bottom:2px solid transparent}.site-nav a:hover,.site-nav a:focus-visible{color:#f0eee6;border-bottom-color:#a8c5ae}.site-nav a[aria-current="page"]{color:#f0eee6;border-bottom-color:#a8c5ae}.site-nav a:focus-visible{outline:2px solid #a8c5ae;outline-offset:3px}.top .wrap{row-gap:12px}@media(max-width:700px){.top{padding:14px 0}.top .wrap{align-items:flex-start}.site-nav{width:100%;gap:4px 12px}.site-nav a{font-size:.82rem;padding:6px 0}.back{font-size:.8rem}}

/* Consistent touch targets and accessible small-screen navigation */
.site-nav a{display:inline-flex;align-items:center;min-height:40px;white-space:nowrap}.record-languages a{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:40px}.record-languages a:focus-visible{outline:2px solid var(--sage);outline-offset:2px;border-radius:4px}@media(max-width:700px){.site-nav{gap:2px 12px}.site-nav a{min-height:44px}.top .wrap{flex-direction:column;align-items:stretch}.brand{align-self:flex-start}.back{align-self:flex-start}.record-languages{text-align:left!important}}

/* Refined header hierarchy */
.top{background:linear-gradient(180deg,#1c2b23 0%,#17231f 100%)}.top .wrap{column-gap:24px}.top .brand{color:var(--text);letter-spacing:.035em;line-height:1.35}.top .brand:hover{color:var(--sage)}.top .back{color:#c1d3c5;font-size:.85rem;transition:color .15s ease}.top .back:hover{color:#fff}.site-nav{margin-left:auto}.site-nav a{transition:color .15s ease,border-color .15s ease}@media(max-width:700px){.site-nav{margin-left:0;border-top:1px solid #a8c5ae22;padding-top:8px}.top .wrap{gap:8px}}
@media(prefers-reduced-motion:reduce){.top .back,.site-nav a{transition:none}}

/* Shared card and link treatment across divisions */
.card{transition:border-color .16s ease,background-color .16s ease}.card:hover{border-color:#a8c5ae77;background:#293e32}.card a{display:inline-block;margin-top:12px;text-underline-offset:4px;font-weight:700}.card a:hover,.card a:focus-visible{color:#fff}.card a:focus-visible,.brand:focus-visible,.back:focus-visible{outline:2px solid var(--sage);outline-offset:4px;border-radius:3px}.card p+p{margin-top:10px}.grid>.card{min-width:0}.lead{line-height:1.9}@media(max-width:650px){.card{padding:21px;min-height:0}.grid{gap:14px;margin:24px 0 42px}}@media(prefers-reduced-motion:reduce){.card{transition:none}}

/* Shared responsive footer navigation */
.footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px 24px}.footer-links{display:flex;align-items:center;flex-wrap:wrap;gap:4px 16px}.footer-links a{color:#c7d8ca;text-decoration:none;display:inline-flex;align-items:center;min-height:40px;font-size:.82rem}.footer-links a:hover{text-decoration:underline;color:#fff}.footer-links a:focus-visible{outline:2px solid var(--sage);outline-offset:3px;border-radius:3px}@media(max-width:650px){.footer-inner{align-items:flex-start;flex-direction:column}.footer-links{gap:2px 14px}.footer-links a{min-height:44px}}


/* Editorial refinement shared with the original FUNtasia Audio site */
:root{--bg:#101a19;--panel:#1d2c29;--sage:#8fae9f;--text:#e8e1ce}
body{background:var(--bg);color:var(--text)}.top{background:#101a19;border-bottom-color:rgba(232,225,206,.16)}.top .brand{font-weight:500;letter-spacing:.06em}.site-nav a{font-family:Arial,sans-serif;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}.hero{padding-top:76px}.eyebrow{font-family:Arial,sans-serif;font-weight:500;letter-spacing:.2em}h1,h2{font-weight:400}h1{letter-spacing:-.025em}.lead{color:#b9c0b6}
.card{background:#172321;border-radius:3px;border-color:rgba(232,225,206,.16)}.card:hover{background:#1d2c29;border-color:rgba(143,174,159,.6)}.card h2{font-weight:400}.card p{color:#b9c0b6}.status{border-radius:2px;font-family:Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#b9cabe;border-color:rgba(143,174,159,.35)}.notice{background:#172321;border:1px solid rgba(232,225,206,.16);border-radius:3px}.footer{border-top-color:rgba(232,225,206,.16)}.footer-links a{font-family:Arial,sans-serif;letter-spacing:.05em}
.records-hero{border-radius:3px!important}.links a{border-radius:2px!important}
@media(max-width:650px){.hero{padding-top:52px}}

.profile-section{border-top:1px solid #52625b;padding:54px 0}.profile-heading{display:flex;align-items:center;gap:24px;margin-bottom:32px}.profile-avatar{width:112px;height:112px;object-fit:cover;border-radius:50%}.profile-heading h2{margin:6px 0}.profile-role{color:#b9c0b6}.profile-copy{max-width:760px}.profile-copy p{margin:0 0 1.3em;line-height:1.9}.profile-social a{text-underline-offset:5px}@media(max-width:520px){.profile-heading{gap:14px}.profile-avatar{width:76px;height:76px}.profile-role{font-size:.85rem}}

/* Shared navigation: consistent compact layout across section pages */
.top .wrap{row-gap:10px}.site-nav{gap:6px 17px}.site-nav a{border-bottom:2px solid transparent;padding:7px 0}.site-nav a:hover,.site-nav a:focus-visible,.site-nav a[aria-current="page"]{border-bottom-color:#8fae9f}.site-nav a:focus-visible,.brand:focus-visible,.back:focus-visible{outline:2px solid #8fae9f;outline-offset:3px}@media(max-width:680px){.top{padding:12px 0}.top .wrap{gap:8px}.brand{font-size:1.2rem}.back{font-size:.82rem}.site-nav{width:100%;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;gap:17px;padding-bottom:5px}.site-nav a{flex:0 0 auto;white-space:nowrap;font-size:.85rem}.hero{padding-top:44px}.card{padding:20px;border-radius:4px}}

/* Records: shared five-language editorial styling */
.records-page .records-hero,.records-page .hero-img{display:block;width:100%;max-height:320px;object-fit:cover;border-radius:3px;border:1px solid rgba(232,225,206,.16)}.records-page .artist{display:flex;align-items:flex-start;gap:18px}.records-page .artist img{flex:0 0 84px;width:84px;height:84px;object-fit:cover;border-radius:50%;background:#172321}.records-page .artist h2{margin:0 0 8px}.records-page .artist p{margin:0}.records-page .links{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 42px}.records-page .links a{display:inline-flex;align-items:center;padding:9px 15px;border:1px solid rgba(143,174,159,.55);border-radius:2px;text-decoration:none;color:#e8e1ce}.records-page .links a:hover,.records-page .links a:focus-visible{background:#23352f;border-color:#8fae9f}.records-page .record-language-switch{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:6px;padding-top:18px;font:12px/1.5 Arial,sans-serif;letter-spacing:.08em}.records-page .record-language-switch a{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:34px;padding:6px;color:#a9b3a9;text-decoration:none;border-bottom:2px solid transparent}.records-page .record-language-switch a[aria-current="page"]{color:#e8e1ce;border-bottom-color:#8fae9f}.records-page .record-language-switch a:hover,.records-page .record-language-switch a:focus-visible{color:#e8e1ce;border-bottom-color:#8fae9f}.records-page .record-language-switch a:focus-visible{outline:2px solid #8fae9f;outline-offset:2px}@media(max-width:500px){.records-page .artist{gap:12px}.records-page .artist img{flex-basis:64px;width:64px;height:64px}.records-page .links{gap:10px}}

/* Utilities: actual Session Note screenshot, centered at all widths */
.session-note-card{grid-column:1/-1;display:flex;flex-direction:column;align-items:stretch;gap:20px}
.session-note-content{width:100%;max-width:760px;margin-inline:auto;min-width:0}
.session-note-card .session-note-shot{width:100%;max-width:100%;margin:0;text-align:center;min-width:0}
.session-note-card .session-note-shot a{display:block;box-sizing:border-box;width:min(100%,420px);max-width:420px;margin:0 auto;overflow:hidden;border:1px solid rgba(143,174,159,.4);border-radius:8px;background:#0f231c}
.session-note-card .session-note-shot a:hover,.session-note-card .session-note-shot a:focus-visible{border-color:#8fae9f}
.session-note-card .session-note-shot a:focus-visible{outline:2px solid #8fae9f;outline-offset:3px}
.session-note-card .session-note-shot img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;vertical-align:top}
.session-note-card .session-note-shot figcaption{font:12px/1.6 Arial,sans-serif;color:#a9b3a9;margin:10px 0 0;letter-spacing:.025em}
@media(max-width:650px){.session-note-card{gap:16px}.session-note-card .session-note-shot a{width:min(100%,360px)}}

/* Utilities: Quick Launcher release card and authentic UI screenshot */
.launcher-card{grid-column:1/-1}
.launcher-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;align-items:start}
.launcher-content{min-width:0}
.launcher-content p{margin:10px 0}
.launcher-features{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
.launcher-features span{font:12px/1.5 Arial,sans-serif;color:#cbd9cb;border:1px solid rgba(143,174,159,.4);padding:5px 9px}
.launcher-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.launcher-card .launcher-actions a{display:inline-flex;min-height:44px;align-items:center;padding:9px 14px;margin-top:0;border:1px solid #8fae9f;text-decoration:none;color:#e8e1ce;font:600 13px/1.6 Arial,sans-serif}
.launcher-card .launcher-actions a.primary{background:#8fae9f;color:#101a19}
.launcher-card .launcher-actions a:hover,.launcher-card .launcher-actions a:focus-visible{outline:2px solid #d7e8dd;outline-offset:3px}
.launcher-card .launcher-beta-note{color:#a9b3a9;font-size:.83rem;line-height:1.8;margin-top:14px}
.launcher-shot{min-width:0;margin:0;text-align:center}
.launcher-shot a{display:block;width:100%;margin:0 auto;overflow:hidden;border:1px solid rgba(143,174,159,.45);border-radius:10px;background:#0f231c}
.launcher-shot a:hover,.launcher-shot a:focus-visible{border-color:#8fae9f}
.launcher-shot a:focus-visible{outline:2px solid #8fae9f;outline-offset:3px}
.launcher-shot img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
.launcher-shot figcaption{font:12px/1.6 Arial,sans-serif;color:#a9b3a9;margin:10px 0 0}
@media(max-width:800px){.launcher-layout{grid-template-columns:1fr;gap:22px}.launcher-shot a{max-width:560px}}
@media(max-width:420px){.launcher-card .launcher-actions{flex-direction:column}.launcher-card .launcher-actions a{width:100%;justify-content:center}}

/* Localized Utilities / Goods page control. */
.section-language-switch{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;margin-left:auto}
.section-language-switch label{font:500 .69rem/1.3 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#a8c5ae}
.section-language-switch select{min-height:39px;padding:7px 10px;color:#e8e1ce;background:#172721;border:1px solid #8fae9f88;border-radius:3px;font:500 .85rem Arial,sans-serif;cursor:pointer}
.section-language-switch select:hover{border-color:#a8c5ae}
.section-language-switch select:focus-visible{outline:2px solid #a8c5ae;outline-offset:3px}
@media(max-width:600px){.section-language-switch{width:auto;margin-left:0}.section-language-switch select{min-height:44px}}
