*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#f7f5f0;color:#302e39;font:16px/1.9 -apple-system,BlinkMacSystemFont,"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3{line-height:1.45}a{color:#494c78;text-underline-offset:5px}a:hover{color:#ad526c}:focus-visible{outline:3px solid #ad526c;outline-offset:5px}.skip-link{position:absolute;top:-100px;left:20px;background:#fff;padding:12px;z-index:2000}.skip-link:focus{top:10px}.about-wrap{width:min(1120px,calc(100% - 64px));margin:auto}.eyebrow{font-size:13px;font-weight:700;letter-spacing:.13em;color:#925069;margin-bottom:18px}h2{font-size:clamp(26px,3vw,36px);letter-spacing:.04em;margin-bottom:20px}.about-hero{background:#eae7ef;padding:70px 0 72px}.hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:70px;align-items:center}.about-hero h1{font-size:clamp(40px,5vw,60px);line-height:1.4;margin:0 0 25px;color:#393b60;letter-spacing:.06em}.hero-lead{font-size:22px;line-height:1.7;font-weight:600;margin-bottom:22px}.about-hero p:not(.eyebrow):not(.hero-lead){color:#625b6b}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:14px 25px;background:#494c78;color:#fff;border-radius:5px;text-decoration:none;font-size:15px;font-weight:650}.button:hover{background:#393b60;color:#fff}.drawing-note{margin:0;justify-self:center;background:#fffdf8;padding:24px 28px 20px;border:1px solid #d8d0d9;border-radius:3px;box-shadow:10px 10px 0 #494c780a;transform:rotate(2deg);max-width:100%}.drawing-note img{display:block;width:260px;max-width:100%;height:auto}.drawing-note figcaption{font-size:12px;color:#766a76;margin-top:15px;text-align:center}.section-nav{display:flex;gap:38px;padding:22px 0;border-bottom:1px solid #ddd7df}.section-nav a{font-size:14px;text-decoration:none;font-weight:600}.story-section{display:grid;grid-template-columns:.85fr 1.4fr;gap:70px;padding-top:76px;padding-bottom:76px}.story-copy{color:#5f5966;margin-bottom:22px}.milestones{list-style:none;margin:32px 0 0;padding:0;border-left:1px solid #bda8b3}.milestones li{position:relative;padding:0 0 24px 26px}.milestones li:last-child{padding-bottom:0}.milestones li::before{content:"";position:absolute;width:9px;height:9px;background:#ad526c;border-radius:50%;left:-5px;top:10px}.milestones span{font-size:13px;color:#925069;display:block;letter-spacing:.08em}.milestones strong{display:block;font-size:18px;margin-top:3px}.milestones p{font-size:14px;color:#6b6270;margin:4px 0 0}.section-intro{margin-bottom:34px}.section-intro>p:last-child{color:#665f70}.participate-section{padding:66px 0;background:#494c78;color:#fff}.participate-section .eyebrow{color:#f2c8d4}.participate-section .section-intro>p:last-child{color:#e1dfeb}.participate-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.participate-grid article{background:#fffdf8;color:#302e39;border-radius:8px;padding:30px}.card-label{font-size:12px;letter-spacing:.1em;color:#925069;font-weight:650}.participate-grid h3{font-size:24px;margin:10px 0 15px}.participate-grid p{font-size:15px;color:#655d6b}.participate-grid a{font-size:14px;font-weight:600}.participate-grid small{display:block;color:#776f7a;font-size:12px;margin-top:12px}.card-links{display:flex;gap:10px 24px;flex-wrap:wrap}.team-section{padding-top:76px;padding-bottom:66px}.person-row{display:grid;grid-template-columns:.85fr 1.2fr;gap:66px;align-items:center;margin-top:44px}.person-row figure{margin:0}.person-row img{display:block;width:100%;height:auto;border-radius:9px}.person-row figcaption{font-size:12px;color:#736775;margin-top:12px}.person-copy h3{font-size:32px;color:#393b60;margin-bottom:22px}.person-copy p:not(.eyebrow){font-size:15px;color:#5e5764;margin-bottom:18px}.person-copy a{font-size:15px}.person-contact{display:inline-block;border-top:1px solid #ddd7df;padding-top:15px;overflow-wrap:anywhere}.mimi-row{margin-top:64px;padding-top:54px;border-top:1px solid #ddd7df;grid-template-columns:1.2fr .85fr}.mimi-row figure{grid-column:2;grid-row:1}.mimi-row .person-copy{grid-column:1;grid-row:1}.team-note{text-align:center;border:1px solid #dfd5dc;background:#eee9e5;padding:24px;margin-top:45px;border-radius:8px}.team-note p{font-size:14px;margin-bottom:8px;color:#6c6270}.team-note strong{font-size:15px;font-weight:500}.artists-section{padding:65px 0;background:#eeebf2}.artist-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.artist-card img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.artist-card>div{padding:16px 0 0}.artist-card h3{font-size:22px;margin-bottom:10px;color:#3d3e64}.artist-card p{font-size:13px;color:#6b6270;margin:0 0 4px}.collaboration-section{display:grid;grid-template-columns:1fr auto;gap:80px;align-items:center;padding-top:64px;padding-bottom:64px}.collaboration-section p:not(.eyebrow){font-size:15px;max-width:730px;color:#625b6b;margin:0}.about-footer{background:#1c1c1c;color:#ddd;text-align:center;padding:35px 20px;font-size:13px}.about-footer a{color:#ddd}.about-footer>a{font-size:15px;text-decoration:none}.footer-social{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin:18px 0}.about-footer p{margin-bottom:8px}.about-footer small{color:#aaa}
@media(max-width:900px){.hero-grid,.story-section{gap:35px}.person-row{gap:35px}.artist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collaboration-section{gap:30px}.about-hero h1{font-size:44px}}
@media(max-width:640px){.about-wrap{width:calc(100% - 40px)}.about-hero{padding:43px 0}.hero-grid,.story-section,.person-row,.mimi-row,.participate-grid,.collaboration-section{grid-template-columns:1fr;gap:30px}.about-hero h1{font-size:40px}.hero-lead{font-size:20px}.drawing-note{padding:18px 24px;margin-top:10px}.drawing-note img{width:220px}.section-nav{gap:0;justify-content:space-between;padding:18px 0}.section-nav a{font-size:12px}.story-section,.team-section{padding-top:46px;padding-bottom:46px}.story-section .section-intro{margin-bottom:0}.participate-section,.artists-section{padding:45px 0}.participate-grid article{padding:25px}.person-row{margin-top:30px}.person-copy h3{font-size:28px}.mimi-row{margin-top:40px;padding-top:35px}.mimi-row figure,.mimi-row .person-copy{grid-column:auto;grid-row:auto}.team-note{padding:20px}.artist-grid{gap:14px}.artist-card>div{padding:12px 0 0}.artist-card h3{font-size:18px}.artist-card p{font-size:12px}.collaboration-section{padding-top:45px;padding-bottom:45px}.collaboration-section .button{justify-self:start}.about-footer p{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.hero-grid { grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); gap: clamp(24px, 5vw, 64px); }
.hero-art { margin: 0; }
.hero-art img { display: block; width: 100%; height: auto; border-radius: 10px; }
.story-doodle { width: 100px; height: auto; margin-bottom: 16px; }
.artist-card .round-portrait { border-radius: 50%; }
.history { margin-top: 30px; border-top: 1px solid #ddd7df; padding-top: 14px; }
.history summary { color: #494c78; cursor: pointer; font-weight: 600; }
.history ul { padding: 0; list-style: none; }
.history li { padding: 6px 0; border-bottom: 1px solid #ddd7df; }
.history li span { display: inline-block; min-width: 105px; font-variant-numeric: tabular-nums; }
@media (max-width: 640px) { .hero-grid { grid-template-columns: 1fr; } }

.card-cat {
  float: right;
  width: 54px;
  height: 54px;
  object-fit: contain;
  margin: 0 0 6px 12px;
  mix-blend-mode: multiply;
}
.participate-grid .mail-button { border-radius: 24px; color: white; padding: 9px 18px; }
.companion-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 44px; }
.companion-card { padding: 28px; background: #fffdf8; border: 1px solid #ddd7df; border-radius: 9px; }
.companion-card .eyebrow { margin-bottom: 6px; }
.companion-card h3 { font-size: 24px; margin-bottom: 18px; }
.companion-body {
  display: grid;
  grid-template-columns: clamp(90px, 12vw, 142px) minmax(0,1fr);
  gap: clamp(14px, 2vw, 24px);
  align-items: start;
}
.companion-body img { display: block; width: 100%; height: auto; max-height: 170px; object-fit: contain; mix-blend-mode: multiply; }
.companion-body p { margin: 0 0 10px; }
.past-partners { padding-top: 54px; }
.past-partners ul {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  list-style: none;
  background: white;
  padding: 12px;
  border-radius: 10px;
}
.past-partners li { display: grid; place-items: center; min-height: 126px; padding: 14px; }
.past-partners img { display: block; width: 100%; height: 88px; object-fit: contain; }
.past-partners .wide-mark { max-width: 196px; }
.past-partners .standard-mark { max-width: 154px; }
.past-partners .compact-mark { max-width: 110px; }
@media (max-width: 820px) {
  .companion-grid { grid-template-columns: 1fr; }
  .past-partners ul { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 640px) {
  .card-cat { width: 44px; height: 44px; }
  .companion-card { padding: 20px; }
  .companion-body { grid-template-columns: min(32%,110px) minmax(0,1fr); gap: 14px; }
  .past-partners ul { grid-template-columns: repeat(2,minmax(0,1fr)); padding: 6px; }
  .past-partners li { min-height: 94px; padding: 10px 8px; }
  .past-partners img { height: 68px; }
}

@keyframes portrait-bounce {
  0%, 100% { transform: translateY(0); }
  40% { transform: translateY(-5px); }
  70% { transform: translateY(-1px); }
  85% { transform: translateY(-2px); }
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .artist-card > a:hover img { animation: portrait-bounce 420ms ease-out; }
}