*,*::before,*::after{box-sizing:border-box}html,body{height:100%}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--bg:#000;--fg:#fff;--muted:rgba(255,255,255,.65);--card:rgba(255,255,255,.06);--card-bd:rgba(255,255,255,.12);--radius:14px;--shadow:0 10px 30px rgba(0,0,0,.45);--maxw:1100px;--g:1rem}.ui-bg{background:var(--bg);color:var(--fg);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding:0 1rem 3rem}.grid{display:grid;grid-template-columns:1fr}@media(min-width:700px){.grid{grid-template-columns:repeat(3,1fr)}}.gap-4{gap:var(--g)}.mt-8{margin-top:2rem}.mt-10{margin-top:2.5rem}.hero{position:relative;inset:0;width:100vw;height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 1.25rem;gap:1rem}.hero__logo{display:block;width:100%;height:auto;max-width:900px;filter:drop-shadow(0 8px 24px rgba(0,0,0,.7))}@media(min-width:900px){.hero__logo{max-width:1200px}}.hero__hint{position:absolute;bottom:1.75rem;left:50%;transform:translateX(-50%);font-size:.9rem;color:var(--muted)}.social{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;align-items:center}.social__btn{display:inline-flex;align-items:center;gap:.5rem;height:40px;padding:0 .9rem;border-radius:999px;text-decoration:none;color:var(--fg);background:var(--card);border:1px solid var(--card-bd);backdrop-filter:blur(6px);transition:background .2s ease,transform .2s ease}.social__btn:hover{background:rgba(255,255,255,.12);transform:translateY(-2px)}.social__btn svg{width:20px;height:20px;stroke:currentColor;fill:none}.social__label{font-size:.95rem;opacity:.9}@media(max-width:520px){.social__label{display:none}}.card{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:var(--card);border:1px solid var(--card-bd)}.card__img{width:100%;height:auto;display:block;aspect-ratio:4/3;object-fit:cover}.media{display:flex;justify-content:center}.media__frame{width:100%;max-width:880px;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--card-bd);background:#000}.media__frame video{display:block;width:100%;height:auto}.notes-canvas{position:fixed;inset:0;z-index:0;width:100vw;height:100svh;pointer-events:none}.hero__logo-wrap{display:block;text-align:center}.hero__logo{display:block;margin:0 auto;width:100%;height:auto;max-width:520px;filter:drop-shadow(0 8px 24px rgba(0,0,0,.5));transition:transform .8s ease-in-out}.hero__logo:hover{transform:scale(1.35)}@media(min-width:1200px){.hero__logo{max-width:1240px}}.hero .hero__logo{display:block;margin:0 auto;width:100% !important;height:auto !important;max-width:2000px !important}@media(min-width:1280px){.hero .hero__logo{max-width:1024px !important}}@media(max-width:1200px){.hero .hero__logo{max-width:85vw !important}}.hero{position:relative}.hero__hint{position:absolute;left:50%;transform:translateX(-50%);bottom:1.2rem;opacity:.75}.social{position:absolute;left:50%;transform:translateX(-50%);bottom:3.8rem;display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;z-index:2}@media(max-width:480px){.social{bottom:4.2rem}.hero__hint{bottom:1rem}}.container{max-width:900px;margin:0 auto;padding:2rem 1rem}.container h2,.container h3,.container p{text-align:center}.container h2{font-size:2rem;margin-bottom:1rem}.container p{font-size:1.1rem;line-height:1.6}.ui-bg{background:#000;color:#fff;font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.container{width:100%;max-width:1100px;margin:0 auto;padding:2rem 1rem 3rem}.notes-canvas{position:fixed;inset:0;z-index:0;width:100vw;height:100svh;pointer-events:none}.hero{position:relative;width:100vw;height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1rem;padding:0 1.25rem}.hero__logo{display:block;width:100%;height:auto;max-width:520px;filter:drop-shadow(0 8px 24px rgba(0,0,0,.7))}@media(min-width:1200px){.hero__logo{max-width:640px}}.hero__hint{position:absolute;left:50%;transform:translateX(-50%);bottom:1.2rem;opacity:.75;font-size:.9rem}.social{position:absolute;left:50%;transform:translateX(-50%);bottom:3.8rem;display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;z-index:2}.social__btn{display:inline-flex;align-items:center;gap:.5rem;height:40px;padding:0 .9rem;border-radius:999px;text-decoration:none;color:#fff;background:rgba(255,255,255,8%);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(6px);transition:background .2s,transform .2s}.social__btn:hover{background:rgba(255,255,255,.16);transform:translateY(-2px)}.social__btn svg{width:20px;height:20px;stroke:currentColor;fill:none}.social__label{font-size:.95rem;opacity:.9}@media(max-width:520px){.social__label{display:none}}.grid{display:grid;grid-template-columns:1fr}@media(min-width:700px){.grid{grid-template-columns:repeat(3,1fr)}}.gap-4{gap:1rem}.mt-8{margin-top:2rem}.mt-10{margin-top:2.5rem}.card{border-radius:14px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.45);background:rgba(255,255,255,6%);border:1px solid rgba(255,255,255,.12)}.card__img{width:100%;height:auto;display:block;aspect-ratio:4/3;object-fit:cover}.media{display:flex;justify-content:center}.media__frame{width:100%;max-width:880px;border-radius:14px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.12);background:#000}.media__frame video{display:block;width:100%;height:auto}.prose-music{position:relative;margin:2rem auto 0;max-width:900px;text-align:center;padding:2rem 1rem 2.5rem;color:#fff}.prose-music h1,.prose-music h2{font-weight:700;letter-spacing:.5px;margin:0 0 .75rem;line-height:1.15;font-size:clamp(1.9rem,3.2vw,2.6rem);text-shadow:0 6px 24px rgba(0,0,0,.35)}.prose-music h3{font-weight:600;color:rgba(255,255,255,.9);margin:.25rem 0 1.2rem;font-size:clamp(1.1rem,2vw,1.35rem);letter-spacing:.2px}.prose-music p{margin:.6rem auto;font-size:clamp(1.02rem,1.2vw,1.12rem);line-height:1.7;color:rgba(255,255,255,.9);text-wrap:pretty}.prose-music::after{content:"";display:block;width:140px;height:16px;margin:1.25rem auto 0;opacity:.9;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 24'><g fill='none' stroke='white' stroke-opacity='.85' stroke-width='2'><path d='M2 12H198'/><text x='95' y='18' font-size='16' fill='white'>♪ ♫</text></g></svg>");background-repeat:no-repeat;background-position:50%;background-size:contain}