body .page .screen,body .page .about-hero,body .page .info-grid,body .page .link-grid,body .page .about-support,body .page section[aria-labelledby=sec-history]{font-family:var(--font-serif)}body .page{--about-card-bg: radial-gradient(circle at 12% 8%, rgba(240, 209, 139, .2), transparent 34%), linear-gradient(180deg, rgba(255, 253, 247, .86), rgba(255, 248, 223, .66));--about-card-border: rgba(255,255,255,.72);--about-card-shadow: 0 18px 38px -30px rgba(16,29,49,.36);--about-ink: #1a2940;--about-muted: #5b6478;--about-gold: #7f560b}body .page .about-hero{position:relative;margin:0 0 22px;padding:20px 18px 18px;border-radius:22px;color:var(--about-ink);background:var(--about-card-bg);border:1px solid var(--about-card-border);box-shadow:var(--about-card-shadow);backdrop-filter:blur(14px);overflow:hidden;isolation:isolate;text-align:center;transition:transform .28s var(--ease-out-expo),box-shadow .28s var(--ease-out-expo),border-color .28s var(--ease-out-expo)}body .page .about-hero:before{content:"";position:absolute;inset:-28px -42px -34px;background:url(/images/about/jazz-namazu-wide.webp) 8% 60% / auto 94% no-repeat;opacity:.15;filter:blur(.1px) saturate(.92);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 86%,transparent 100%),linear-gradient(90deg,#000 0%,#000 76%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 86%,transparent 100%),linear-gradient(90deg,#000 0%,#000 76%,transparent 100%);pointer-events:none;z-index:-1}body .page .about-hero>span{color:var(--about-gold);font-size:10.5px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}body .page .about-hero__name{display:block;margin-top:10px;font-family:"Playfair Display",var(--font-serif);font-size:34px;line-height:.98;letter-spacing:.055em;color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:1.15px rgba(26,41,64,.86);display:inline-block;filter:drop-shadow(0 1px 0 rgba(255,255,255,.72)) drop-shadow(0 0 5px rgba(255,248,223,.64)) drop-shadow(0 2px 3px rgba(26,41,64,.12));text-wrap:balance}body .page .about-hero__lead,body .page .about-hero__sub{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}body .page .about-hero__lead{margin:14px 0 0;font-family:var(--font-serif);color:#37445c;font-size:17px;font-weight:800;line-height:1.55;letter-spacing:.08em;-webkit-text-stroke:.25px currentColor;white-space:nowrap}body .page .about-hero__sub{margin:5px 0 0;font-family:var(--font-serif);color:var(--about-muted);font-size:13.5px;font-weight:650;line-height:1.7;letter-spacing:.05em;white-space:nowrap}body .page .about-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:18px}body .page .about-support a{display:grid;gap:5px;padding:16px;border-radius:18px;color:var(--about-ink);background:#ffffffa3;border:1px solid rgba(26,41,64,.1);box-shadow:var(--about-card-shadow);text-align:center;text-decoration:none;transition:transform .18s ease,background-color .18s ease}body .page .about-support{margin-bottom:24px}body .page .about-support a:hover{transform:translateY(-1px);text-decoration:none}body .page .about-support span{color:#1a2940;font-size:10px;font-weight:900;letter-spacing:.08em;white-space:nowrap}body .page .about-support strong{color:#1a2940;font-size:22px;font-weight:850;letter-spacing:.14em;line-height:1}body .page .about-support strong .ymlo-o{color:#e60012}body .page .about-support p{margin:3px 0 0;color:var(--about-muted);font-size:13px;font-weight:650;line-height:1.65}body .page .about-support p span{color:inherit;font-size:inherit;font-weight:inherit;letter-spacing:.04em;text-transform:none;white-space:nowrap}body .page .about-stats span{display:grid;gap:5px;justify-items:center;padding:11px 4px 10px;border-radius:12px;background:linear-gradient(180deg,#ffffff94,#ffffff52);border:1px solid rgba(255,255,255,.74);box-shadow:inset 0 1px #ffffff94,0 12px 24px -22px #101d3147}body .page .about-stats b{font-family:"Cinzel",var(--font-serif);font-size:23px;line-height:1;color:var(--about-ink);letter-spacing:.02em}body .page .about-stats small{color:var(--about-gold);font-size:9px;font-weight:900;letter-spacing:.12em}body .page .info-grid,body .page .link-grid{display:grid;gap:10px}body .page .info-grid article,body .page .link-grid a,body .page .link-grid div{display:grid;gap:8px;min-height:110px;align-content:center;padding:18px 16px;border-radius:18px;background:var(--about-card-bg);border:1px solid var(--about-card-border);box-shadow:var(--about-card-shadow);backdrop-filter:blur(14px);position:relative;overflow:hidden;isolation:isolate;text-align:center;transition:transform .28s var(--ease-out-expo),box-shadow .28s var(--ease-out-expo),border-color .28s var(--ease-out-expo)}body .page .info-grid article:before,body .page .link-grid a:before,body .page .link-grid div:before{content:"";position:absolute;inset:auto -18px -40px auto;width:190px;height:170px;background:var(--about-art) center bottom / cover no-repeat;opacity:.2;filter:blur(.25px) saturate(.88);-webkit-mask-image:radial-gradient(circle at center,#000 36%,transparent 78%);mask-image:radial-gradient(circle at center,#000 36%,transparent 78%);pointer-events:none;z-index:-1;transition:opacity .28s var(--ease-out-expo),transform .34s var(--ease-out-expo),filter .28s var(--ease-out-expo)}@media(hover:hover)and (pointer:fine){body .page .about-hero:hover,body .page .info-grid article:hover,body .page .link-grid a:hover,body .page .link-grid div:hover,body .page .history-list:hover{transform:translateY(-4px);border-color:#ffffffe6;box-shadow:0 22px 48px -28px #101d3170}body .page .info-grid article:hover:before,body .page .link-grid a:hover:before,body .page .link-grid div:hover:before{opacity:.32;transform:translate(-8px,-8px) scale(1.06) rotate(-1.5deg);filter:blur(0) saturate(1.04)}}body .page .link-grid a:focus-visible{outline:2px solid rgba(154,99,5,.58);outline-offset:3px}body .page .info-grid article:nth-child(1){--about-art: url(/images/about/instruments/piano.webp)}body .page .info-grid article:nth-child(2){--about-art: url(/images/about/instruments/bass.webp)}body .page .link-grid a:nth-child(1){--about-art: url(/images/about/instruments/trumpet.webp)}body .page .link-grid a:nth-child(2){--about-art: url(/images/about/instruments/horn.webp)}body .page .link-grid a:nth-child(3){--about-art: url(/images/about/instruments/guitar.webp)}body .page .link-grid a{color:inherit;text-decoration:none}body .page .link-grid a:active{background:#faf6ec7a}body .page .info-grid span,body .page .link-grid span{width:fit-content;margin-inline:auto;padding-bottom:4px;border-bottom:1px solid rgba(154,99,5,.28);color:var(--about-gold);font-size:11px;font-weight:900;line-height:1;letter-spacing:.16em}body .page .info-grid strong,body .page .link-grid strong{font-family:var(--font-serif);color:var(--about-ink);font-size:18px;line-height:1.48;letter-spacing:.025em;text-wrap:balance}body .page .info-grid strong .about-strong-sub{display:inline-block;margin-top:2px;padding:0;border:0;color:inherit;max-width:100%;font-size:clamp(12px,3.45vw,13.4px);line-height:1.42;letter-spacing:0;white-space:nowrap}body .page .info-grid strong .about-strong-nowrap{display:inline-block;max-width:100%;font:inherit;white-space:nowrap}body .page .info-grid p{margin:0;color:var(--about-muted);font-size:13px;line-height:1.6}body .page .history-list{position:relative;display:grid;grid-template-columns:1fr;gap:0;margin-top:12px;padding:62px 24px 28px;overflow:hidden;border-radius:22px;background:radial-gradient(circle at 90% 16%,rgba(240,209,139,.2),transparent 34%),linear-gradient(180deg,#ffffff94,#fff8df6b)!important;border:1px solid var(--about-card-border)!important;box-shadow:var(--about-card-shadow)!important;backdrop-filter:blur(14px);isolation:isolate;transition:transform .28s var(--ease-out-expo),box-shadow .28s var(--ease-out-expo),border-color .28s var(--ease-out-expo)}body .page .history-list:before{content:"";position:absolute;inset:-10px;background:url(/images/about/city-bottom-full.webp) center bottom / cover no-repeat;opacity:.42;filter:blur(.15px) saturate(.96);pointer-events:none;z-index:-1}body .page .history-list:after{content:"";position:absolute;inset:0 0 auto;height:150px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03) 58%,transparent),url(/images/about/city-bottom-full.webp) center 62% / cover no-repeat;opacity:.46;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 58%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 58%,transparent 100%);pointer-events:none;z-index:-1}body .page .history-list dt,body .page .history-list dd{position:relative;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none;text-align:center}body .page .history-list dt{display:block;padding:14px 0 4px;color:var(--about-gold);font-family:"Cinzel",var(--font-serif);font-size:18px;font-weight:900;line-height:1;letter-spacing:.08em}body .page .history-list dt:after{content:"";display:block;width:32px;height:1px;margin:9px auto 0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--about-gold) 54%,transparent),transparent)}body .page .history-years{display:inline-flex;align-items:center;justify-content:center;gap:10px}body .page .history-years b,body .page .history-years i{font:inherit;letter-spacing:inherit}body .page .history-years i{color:color-mix(in srgb,var(--about-gold) 46%,transparent);font-family:var(--font-serif);font-weight:700;letter-spacing:0;font-style:normal}body .page .history-list dd{min-width:0;margin:0;padding:0 0 10px;overflow-wrap:anywhere;color:#25344e;font-family:var(--font-serif);font-size:14.5px;font-weight:620;line-height:1.78;letter-spacing:.03em;text-shadow:0 1px 0 rgba(255,255,255,.72)}body .page .history-list dd:not(:last-child):after{content:"";display:block;width:1px;height:12px;margin:13px auto 0;background:linear-gradient(180deg,color-mix(in srgb,var(--about-gold) 42%,transparent),transparent)}body .page .history-list dt:last-of-type,body .page .history-list dd:last-child{position:relative;z-index:1;text-shadow:0 1px 0 rgba(255,255,255,.88),0 0 12px rgba(255,255,255,.62)}body .page .history-list dt:last-of-type{margin-top:8px;padding-top:26px;font-size:27px;letter-spacing:.12em}body .page .history-list dt:last-of-type::marker{content:""}body .page .history-list dt:last-of-type:before{content:"";position:absolute;inset:8px 28px -54px;display:block;width:auto;height:auto;margin:0;background:radial-gradient(ellipse at 50% 42%,rgba(255,255,255,.78) 0%,rgba(255,255,255,.42) 32%,rgba(255,248,223,.18) 56%,transparent 76%);filter:blur(.2px);pointer-events:none;z-index:-1}body .page .history-list dt:last-of-type:after{width:72px;margin-top:13px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--about-gold) 78%,transparent),transparent);box-shadow:0 0 16px #f0d18b80}body .page .history-list dd:last-child{padding-bottom:72px;color:#182842;font-size:16.5px;font-weight:760;letter-spacing:.04em}@media(hover:hover)and (pointer:fine){body .page .history-list dt:hover,body .page .history-list dt:hover+dd{transform:translateY(-2px)}}@media(max-width:640px),(pointer:coarse){body .page{--about-card-bg: radial-gradient(circle at 12% 8%, rgba(240, 209, 139, .2), transparent 34%), linear-gradient(180deg, rgba(255, 253, 247, .97), rgba(255, 248, 223, .92))}body .page .about-hero,body .page .info-grid article,body .page .link-grid a,body .page .link-grid div{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}body .page .history-list{background:radial-gradient(circle at 90% 16%,rgba(240,209,139,.2),transparent 34%),linear-gradient(180deg,#fffffff2,#fff8dfe6)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}
