:root{font-family:Segoe UI Variable Text,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.5;font-weight:400;color:#25221c;background:#fffaf0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;color:#25221c;background:radial-gradient(circle at 15% -10%,rgba(255,209,111,.22),transparent 28rem),radial-gradient(circle at 86% 8%,rgba(128,199,162,.18),transparent 24rem),linear-gradient(180deg,#fff8e8,#fbfaf0 52%,#fffaf3)}body:before{content:"";position:fixed;inset:0;background-image:radial-gradient(rgba(37,34,28,.045) .7px,transparent .7px);background-size:16px 16px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.1),transparent 62%);mask-image:linear-gradient(180deg,rgba(0,0,0,.1),transparent 62%);pointer-events:none}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea,select{font:inherit}#root{min-height:100vh}::selection{background:#f0c879;color:#25221c}:root{--ink: #25221c;--muted: rgba(37, 34, 28, .6);--hairline: rgba(65, 56, 42, .12);--paper: rgba(255, 253, 246, .78);--paper-strong: rgba(255, 253, 247, .96);--amber: #b66f25;--green: #4f8c63;--blue: #3b7fa8}.page-shell{min-height:100vh}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:.8rem 0;background:#fffbf1c2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.brand,.nav-links{display:flex;align-items:center}.brand{gap:.75rem;min-width:0}.brand-mark{display:grid;place-items:center;width:2.35rem;height:2.35rem;border:1px solid rgba(37,34,28,.78);border-radius:8px;color:var(--ink);font-weight:850}.brand-copy{display:grid;gap:.05rem}.brand-copy strong{color:var(--ink);font-size:.95rem;letter-spacing:.01em}.brand-copy span,.nav-links a,.section-kicker,.category-label span,.category-meta,.project-tag{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.brand-copy span{color:#25221c7a}.nav-links{gap:.25rem}.nav-links a{padding:.45rem .62rem;border-radius:999px;color:#25221c94;font-weight:750}.nav-links a:hover,.nav-links a:focus-visible{color:var(--ink);background:#ffffff9e}main{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:.7rem 0 3.5rem;border-top:1px solid var(--hairline)}.section{margin-top:1.6rem;scroll-margin-top:5rem}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.section-kicker{margin:0;color:var(--amber);font-weight:850}.section-heading h2,.about-band h2,.project-card h3,.category-card h3{margin:.35rem 0 0;color:var(--ink);font-family:Segoe UI Variable Display,PingFang SC,Microsoft YaHei,sans-serif;font-weight:850;line-height:1.12}.section-heading h2{font-size:1.7rem}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.category-card{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.72rem;min-height:4.2rem;padding:.78rem .85rem;overflow:hidden;border:1px solid var(--hairline);border-radius:8px;background:var(--paper);box-shadow:0 10px 28px #4938210b;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background-color .16s ease}.category-card:hover,.category-card:focus-visible,.project-card:hover,.project-card:focus-visible{transform:translateY(-2px);border-color:#41382a38;background:var(--paper-strong);box-shadow:0 18px 42px #49382114}.category-dot{width:.72rem;height:.72rem;border-radius:999px;background:var(--amber);box-shadow:0 0 0 .32rem #b66f251f}.category-card.field .category-dot{background:var(--green);box-shadow:0 0 0 .32rem #4f8c6321}.category-card.play .category-dot{background:var(--blue);box-shadow:0 0 0 .32rem #3b7fa821}.category-label{min-width:0}.category-label h3{font-size:1.08rem}.category-label span{display:inline-flex;margin-top:.18rem;color:#25221c61;font-weight:800}.category-meta{display:grid;place-items:center;width:1.8rem;height:1.8rem;border:1px solid var(--hairline);border-radius:999px;color:var(--ink);background:#ffffff85;font-weight:850}.category-section{padding-top:1.15rem;border-top:1px solid var(--hairline)}.category-section.studio .section-kicker{color:var(--amber)}.category-section.field .section-kicker{color:var(--green)}.category-section.play .section-kicker{color:var(--blue)}.project-grid,.single-project{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:.72rem}.project-card{position:relative;display:grid;overflow:hidden;border:1px solid var(--hairline);border-radius:8px;background:#fffdf7d1;box-shadow:0 12px 30px #4938210d;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background-color .16s ease}.project-cover{position:relative;overflow:hidden;background:#f1e7d5}.cover-image{display:block;width:100%;height:auto;aspect-ratio:4 / 1;object-fit:cover;object-position:center;transition:transform .22s ease}.project-card:hover .cover-image,.project-card:focus-visible .cover-image{transform:scale(1.025)}.project-tag{position:absolute;right:.55rem;bottom:.5rem;padding:.24rem .46rem;border:1px solid rgba(255,255,255,.58);border-radius:999px;color:#25221cb8;background:#fffcf4b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:850}.project-copy{display:grid;align-content:start;padding:.78rem .82rem .86rem}.project-card h3{margin-top:0;font-size:1.15rem}.project-subtitle{margin:.42rem 0 0;color:#8f5425;font-weight:800;line-height:1.35}.project-description,.about-band p{color:var(--muted);line-height:1.68}.project-description{margin:.4rem 0 0;font-size:.9rem}.project-action{display:inline-flex;width:fit-content;margin-top:.66rem;padding:.25rem .58rem;border:1px solid rgba(65,56,42,.14);border-radius:999px;color:var(--ink);background:#ffffff8a;font-size:.88rem;font-weight:850}.about-band{margin-top:2.2rem;padding-top:1.15rem;border-top:1px solid var(--hairline)}.about-band h2{max-width:40rem;font-size:1.55rem}.about-band p{max-width:42rem;margin:.75rem 0 0}@media(max-width:1040px){.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-grid,.single-project{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.site-header{width:min(100% - 1rem,1180px)}.nav-links,.brand-copy span{display:none}main{width:min(100% - 1rem,1180px);padding-top:.75rem}.category-grid,.project-grid,.single-project{grid-template-columns:1fr}.section{margin-top:1.35rem}.section-heading h2,.about-band h2{font-size:1.55rem}}