:root{--pink:#ef7898;--deep:#9b405c;--cream:#fff8e8;--yellow:#fff0ae;--ink:#503b42;--mint:#b9dfcc;--card:#fffdfb;--line:#f5bdc9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Noto Sans TC","PingFang TC",system-ui,sans-serif;background:linear-gradient(#fff9e8,#ffe5e8 32%,#fff8f3)}a{color:inherit;text-decoration:none}.nav{height:76px;position:sticky;top:0;z-index:30;background:#fffdf8eF;backdrop-filter:blur(12px);border-bottom:1px solid #f8d5d8;display:flex;align-items:center;padding:0 5vw;gap:28px}.brand{font-family:Georgia,serif;color:var(--pink);font-weight:800;font-size:25px;margin-right:auto}.nav>a,.drop>a{font-weight:800;font-size:14px}.drop{position:relative}.dropmenu{display:none;position:absolute;top:26px;left:-24px;background:#fff;border:1px solid #f7cbd4;border-radius:18px;padding:10px;width:190px;box-shadow:0 14px 35px #b55b7530}.drop:hover .dropmenu{display:none}.dropmenu a{display:block;padding:12px;border-radius:12px}.dropmenu a:hover{background:#fff0f3}.hero{min-height:620px;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;padding:40px 7vw 0;overflow:hidden;position:relative;background:radial-gradient(circle at 20% 20%,#fff6c9,transparent 35%),linear-gradient(135deg,#fff8dc,#ffcbd7)}.hero:after{content:"";position:absolute;inset:auto -5% -80px -5%;height:150px;background:#fffaf5;border-radius:50% 50% 0 0}.hero-copy{z-index:2}.kicker{font-size:13px;letter-spacing:.22em;color:var(--pink);font-weight:900}.hero h1{font:800 clamp(56px,8vw,112px)/.9 Georgia,serif;color:#e86f91;margin:12px 0}.hero h1 small{display:block;font:800 30px/1.3 system-ui;margin-top:15px}.hero p{font-size:18px;line-height:1.8}.btn{display:inline-flex;align-items:center;gap:12px;border-radius:999px;padding:14px 23px;background:var(--pink);color:white;font-weight:900;margin:8px 8px 0 0;box-shadow:0 10px 24px #d85f8140}.btn.alt{background:#fff;color:var(--deep);border:1px solid var(--line);box-shadow:none}.hero-art{width:min(720px,55vw);justify-self:end;z-index:1;filter:drop-shadow(0 25px 20px #b85a7430)}.wrap{width:min(1180px,92vw);margin:auto}.section{padding:70px 0}.title{font:800 38px Georgia,serif;color:var(--deep);margin:0}.sub{color:#9d6a78;margin:5px 0 28px}.panel{background:#fffdfbd9;border:1px solid #f4ccd2;border-radius:28px;box-shadow:0 16px 38px #b5657620}.channels{padding:25px;margin-top:-20px;position:relative;z-index:5}.channel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.channel{padding:20px;border-radius:20px;background:#fff3f4;border:1px solid #f6d1d7;font-weight:900}.channel b{display:block;color:var(--pink);font-size:12px;letter-spacing:.12em;margin-bottom:6px}.channel:hover,.social a:hover{transform:translateY(-2px);box-shadow:0 10px 20px #d4698420}.social{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.social a{background:#fff;padding:13px 16px;border-radius:14px;border:1px solid #f3d7db;font-weight:700;transition:.2s}.about{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;align-items:center}.about img{width:100%;max-height:570px;object-fit:contain}.story{padding:35px}.story p{font-size:17px;line-height:2}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini{background:#fff4f5;border-radius:16px;padding:15px}.costume{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;padding:30px;overflow:hidden}.costume img{width:100%;height:520px;object-fit:contain}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{overflow:hidden}.card img{width:100%;aspect-ratio:16/10;object-fit:cover}.card .body{padding:18px}.tag{display:inline-block;padding:6px 10px;border-radius:999px;background:#ffe7ed;color:#b74c69;font-size:12px;font-weight:900}.bottom{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.box{padding:25px}.support a{display:flex;justify-content:space-between;padding:13px;border-bottom:1px dashed #efc7ce}.hashtags{display:flex;flex-wrap:wrap;gap:9px}.hashtags button{border:1px solid #f1b9c5;background:#fff;border-radius:999px;padding:10px 14px;color:#9b405c;cursor:pointer}.pagehero{padding:80px 0 45px;text-align:center;background:linear-gradient(135deg,#fff5cb,#ffd7df)}.pagehero h1{font:800 54px Georgia,serif;color:var(--deep);margin:5px}.filters{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:25px}.filter{padding:9px 16px;border:1px solid #f0bbc6;border-radius:999px;background:#fff}.r18{padding:28px;border:1px dashed #e596a9;background:#fff7f8;border-radius:24px}.timeline{border-left:2px solid #f0a9ba;margin-left:20px;padding-left:28px}.event{position:relative;margin:0 0 28px}.event:before{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:var(--pink);left:-36px;top:6px}.footer{text-align:center;padding:45px;color:#a86a7b}.note{font-size:13px;color:#9a737b}@media(max-width:800px){.nav{gap:13px;padding:0 4vw}.nav>a,.drop>a{font-size:12px}.brand{font-size:18px}.hero{grid-template-columns:1fr;padding-top:50px}.hero-art{width:95%;justify-self:center}.channel-grid{grid-template-columns:1fr 1fr}.social,.cards,.bottom,.about,.costume{grid-template-columns:1fr}.costume img{height:400px}.hero h1{font-size:62px}}
/* V2 homepage refinements */
.brand img{height:48px;width:auto;display:block}.hero-new{min-height:650px;align-items:center}.hero-logo{width:min(410px,80%);height:auto;margin-bottom:8px}.hero-new h1{font-size:34px;margin:0;color:#743e4e}.hero-new h2{font-size:25px;margin:8px 0;color:#a34867}.roles{font-weight:700;letter-spacing:.04em}.quick{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:14px 20px;margin-top:-25px;position:relative;z-index:3}.quick>b{color:#bd5577;margin-right:6px}.quick a{padding:9px 14px;border-radius:999px;background:#fff4f5;color:#794454;text-decoration:none;font-weight:700}.channel-images{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.channel-images a{overflow:hidden;border-radius:18px;background:white;border:1px solid #f5c8d3;text-decoration:none;color:#713f4c;box-shadow:0 10px 25px #b85d7720}.channel-images img{width:100%;aspect-ratio:1.35/1;object-fit:cover;display:block}.channel-images span{display:block;padding:12px 14px}.channel-images b,.channel-images small{display:block}.channel-images small{margin-top:3px;color:#9b6d78}.story-slider{display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;padding:0}.story-copy{padding:40px}.story-copy dl{display:grid;grid-template-columns:75px 1fr;gap:8px;margin:22px 0}.story-copy dt{font-weight:700;color:#bd5577}.story-copy dd{margin:0}.story-visual{min-height:500px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;background:radial-gradient(circle,#fff 0,#fff4ec 70%)}.story-visual img{max-height:480px;max-width:100%;object-fit:contain}.dots{text-align:center;padding:12px;color:#d45d83;letter-spacing:6px}.dots span{letter-spacing:0;color:#9a7880;font-size:12px}.character-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}.sheet{padding:24px;text-align:center}.sheet img{width:100%;max-height:530px;object-fit:contain}.hashtag-side{padding:28px}.hashtag-side .hashtags{display:flex;flex-direction:column;gap:9px}.event-feature{display:grid;grid-template-columns:1.5fr .7fr;overflow:hidden}.event-feature img{width:100%;height:100%;max-height:430px;object-fit:cover}.event-feature>div{padding:30px;align-self:center}@media(max-width:800px){.hero-new{min-height:auto}.hero-logo{width:260px}.quick{overflow-x:auto;flex-wrap:nowrap}.quick>*{white-space:nowrap}.channel-images{grid-template-columns:repeat(2,1fr)}.story-slider,.character-grid,.event-feature{grid-template-columns:1fr}.story-visual{min-height:420px}.story-copy{padding:25px}.brand img{height:38px}}
/* Hero revision — 2026-09-30 */
.hero-new{min-height:660px;padding:34px 6vw 0;background:linear-gradient(112deg,#fff5c8 0%,#ffe7d7 39%,#ffcbd5 100%)}
.hero-new .hero-copy{align-self:center;padding:20px 0 70px;max-width:560px}
.hero-new .hero-logo{width:min(390px,76%);margin:0 0 28px}
.hero-new h1{font:800 clamp(34px,3.1vw,48px)/1.12 Georgia,"Noto Serif TC",serif;color:#713a4a;margin:0 0 10px}
.hero-new h2{font-size:27px;margin:0 0 30px;color:#a84665}
.hero-new .roles{font-size:20px;color:#4f3a40;margin:0 0 6px}
.hero-new .hero-art{width:min(820px,59vw);max-height:700px;object-fit:contain;object-position:center bottom;align-self:end;transform:translateY(5px);filter:drop-shadow(0 25px 20px #b85a7420)}
.hero-new:after{height:105px;bottom:-60px;background:#fff7f1}
@media(max-width:800px){.hero-new{padding:38px 7vw 0}.hero-new .hero-copy{padding:0 0 18px}.hero-new .hero-logo{width:min(330px,85%);margin-bottom:18px}.hero-new h1{font-size:34px}.hero-new h2{font-size:23px;margin-bottom:18px}.hero-new .roles{font-size:16px}.hero-new .hero-art{width:110%;max-height:520px;justify-self:center}.hero-new:after{display:none}}
/* V3 — compact channels + collaboration preview */
.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:20px}.section-note{font-size:11px;letter-spacing:.18em;color:#c07b8d;font-weight:900}.channels-compact{padding-top:58px}.channel-feature-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:14px}.channel-main{min-height:300px;position:relative;overflow:hidden;display:block}.channel-main>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.channel-main:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(73,37,47,.72),rgba(73,37,47,.05) 72%)}.channel-overlay{position:absolute;z-index:2;left:28px;bottom:25px;color:#fff}.channel-overlay h3{font-size:30px;margin:8px 0 2px}.channel-overlay p{margin:0 0 14px}.channel-overlay b{font-size:13px}.channel-side{display:grid;grid-template-rows:repeat(3,1fr);gap:10px}.channel-mini{display:grid;grid-template-columns:105px 1fr 26px;align-items:center;overflow:hidden;min-height:92px;transition:.2s}.channel-mini:hover,.social-pills a:hover{transform:translateY(-2px);box-shadow:0 10px 24px #b85d7724}.channel-mini img{width:105px;height:100%;object-fit:cover}.channel-mini span{padding:10px 14px}.channel-mini b,.channel-mini small{display:block}.channel-mini small{color:#a36f7c;margin-top:4px}.channel-mini i{font-style:normal;color:#d45d83;font-weight:900}.social-pills{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:13px}.social-pills a{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border-radius:999px;background:#fffdfbd9;border:1px solid #f3d2d8;font-size:13px;font-weight:800;transition:.2s}.featured-home{padding-top:55px}.text-link{font-size:13px;font-weight:900;color:#b74c69}.partner-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px;margin-bottom:14px}.partner-copy{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.partner-copy strong{font:800 34px Georgia,serif;color:#a34867}.partner-copy span{font-size:12px;letter-spacing:.15em;font-weight:900}.partner-copy small{width:100%;color:#9b737d}.partner-names{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.partner-names span{padding:8px 10px;border-radius:999px;background:#fff1f3;color:#a34867;font-size:10px;font-weight:900;letter-spacing:.08em}.featured-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.featured-card{display:grid;grid-template-columns:42% 1fr;overflow:hidden;min-height:190px}.featured-card img{width:100%;height:100%;object-fit:cover}.featured-card>div{padding:22px}.featured-card h3{font-size:23px;margin:10px 0 5px}.featured-card p{margin:0;color:#946a75}
@media(max-width:800px){.section-head{align-items:flex-start}.channel-feature-grid{grid-template-columns:1fr}.channel-main{min-height:240px}.channel-side{grid-template-rows:none}.channel-mini{grid-template-columns:86px 1fr 24px}.channel-mini img{width:86px}.social-pills{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.social-pills a{white-space:nowrap}.partner-strip{align-items:flex-start;flex-direction:column}.partner-names{justify-content:flex-start}.featured-pair{grid-template-columns:1fr}.featured-card{min-height:160px}}

/* V3.1 — hero as a complete first screen; quick menu starts screen two */
@media (min-width:801px){
  .hero-new{
    min-height:calc(100vh - 76px);
    height:calc(100vh - 76px);
    grid-template-columns:44% 56%;
    padding:0 3.5vw 0 6.5vw;
    align-items:stretch;
    overflow:hidden;
  }
  .hero-new:after{display:none}
  .hero-new .hero-copy{
    align-self:center;
    max-width:560px;
    padding:0 0 2vh;
  }
  .hero-new .hero-logo{
    width:min(390px,76%);
    margin:0 0 7vh;
  }
  .hero-new h1{font-size:clamp(36px,3vw,48px)}
  .hero-new h2{font-size:clamp(25px,2vw,30px);margin-bottom:4vh}
  .hero-new .roles{font-size:clamp(18px,1.35vw,22px);margin-bottom:8px}
  .hero-new .hero-art{
    width:auto;
    height:100%;
    max-height:none;
    max-width:68vw;
    justify-self:end;
    align-self:end;
    object-fit:contain;
    object-position:right bottom;
    transform:none;
  }
  .wrap{width:min(1380px,88vw)}
  .quick{
    margin:0;
    border-radius:0 0 28px 28px;
    padding:18px 24px;
    min-height:72px;
    justify-content:center;
    box-shadow:0 12px 32px #b5657615;
  }
  .quick>b{display:none}
  .channels-compact{padding-top:48px}
}
@media (max-width:800px){
  .hero-new{min-height:auto;height:auto}
  .quick{margin-top:0;border-radius:0 0 22px 22px;padding:12px 4vw}
  .quick>b{display:none}
  .channels-compact{padding-top:42px}
}

/* V3.2 — highlight a section after an in-page jump */
html{scroll-behavior:smooth;scroll-padding-top:92px}
.section.jump-highlight,.bottom .box.jump-highlight{
  position:relative;
  z-index:2;
  animation:nessTargetGlow 2.4s ease-out;
}
@keyframes nessTargetGlow{
  0%{box-shadow:0 0 0 0 rgba(242,112,148,0),0 0 0 rgba(255,214,122,0)}
  16%{box-shadow:0 0 0 5px rgba(242,112,148,.22),0 0 30px 10px rgba(255,214,122,.34)}
  55%{box-shadow:0 0 0 4px rgba(242,112,148,.16),0 0 22px 7px rgba(255,214,122,.22)}
  100%{box-shadow:0 0 0 0 rgba(242,112,148,0),0 0 0 rgba(255,214,122,0)}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.section.jump-highlight,.bottom .box.jump-highlight{animation:none;outline:3px solid rgba(242,112,148,.3)}}

/* V3.5 — clean click-only commission navigation */
.nav{overflow:visible}
.nav .nav-item,.nav .drop>.nav-item{
  min-height:42px;padding:0 16px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;
  line-height:1;transition:background-color .22s ease,color .22s ease,transform .22s ease;position:relative;z-index:2;
  border:0;background:transparent;color:inherit;font:inherit;font-weight:800;cursor:pointer;
}
.nav .nav-item:hover,.nav .nav-item.active,.nav .drop.active>.nav-item,.nav .drop.open>.nav-item{background:#ffe7ed;color:#713a4a}
.nav .nav-item:hover{transform:translateY(-1px)}
.nav .drop{display:flex;align-items:center;position:relative}
.nav .drop>.nav-item{gap:5px}
.nav-arrow{display:inline-flex;align-items:center;justify-content:center;height:1em;line-height:1;transform:translateY(-1px);transition:transform .22s ease}
.nav .drop.open .nav-arrow{transform:translateY(1px) rotate(180deg)}
.nav .dropmenu{display:none;position:absolute;top:48px;left:50%;transform:translateX(-50%);background:#fff;border:1px solid #f7cbd4;border-radius:18px;padding:10px;width:190px;box-shadow:0 14px 35px #b55b7530;z-index:50}
.nav .drop.open .dropmenu{display:block}
.nav .dropmenu a{display:block;padding:12px;border-radius:12px}
.nav .dropmenu a:hover{background:#fff0f3}
@media (min-width:801px){
  main>.wrap:first-child{width:min(1540px,96vw);padding-top:30px}
  .quick{margin:0 auto;border-radius:28px;padding:16px 20px;min-height:68px;justify-content:flex-start}
  .quick>b{display:block;margin-right:8px}
  .channels-compact{padding-top:54px}
}
@media (max-width:800px){
  main>.wrap:first-child{width:96vw;padding-top:18px}
  .quick{margin:0;border-radius:22px;padding:12px 3vw}
  .quick>b{display:none}
  .nav .nav-item,.nav .drop>.nav-item{padding:0 10px;min-height:38px}
}
@media (prefers-reduced-motion:reduce){.nav .nav-item,.nav-arrow{transition:none}}

/* V3.3 — hero/about refinements + hover-safe commission menu */
.hero-new .hero-copy{max-width:650px}
.hero-new .hero-logo{width:min(440px,82%)}
.hero-new h1{font-family:Arial,"Noto Sans TC","PingFang TC",sans-serif;font-weight:800;font-size:clamp(42px,3.45vw,56px);letter-spacing:-.025em}
.hero-new h2{font-size:clamp(27px,2.1vw,32px);margin-bottom:12px}
.hero-tagline{font-size:clamp(17px,1.25vw,20px)!important;font-weight:700;color:#8f5265;margin:0 0 14px!important;line-height:1.5!important}
.hero-new .roles{font-size:clamp(19px,1.4vw,23px);margin-bottom:10px}
.hero-new .btn{transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.hero-new .btn:hover{transform:translateY(-2px)}
.hero-new .btn:first-of-type:hover{box-shadow:0 12px 28px #d85f8150}
.hero-new .btn.alt:hover{box-shadow:0 0 0 5px #ffdbe544,0 10px 24px #d85f8120}
.hero-new:before{content:"✦   ·   ✧";position:absolute;left:3.2vw;bottom:5vh;color:#fff;opacity:.52;font-size:24px;letter-spacing:14px;pointer-events:none}
.mini-character{display:flex;align-items:center;gap:12px;padding:10px 14px}
.mini-thumb{width:58px;height:58px;flex:0 0 58px;border-radius:15px;border:1px dashed #e9b8c5;background:linear-gradient(135deg,#fff,#ffeef2);display:grid;place-items:center;font-size:9px;letter-spacing:.12em;color:#c58a9a;font-weight:900}
.nav .drop>.nav-item{display:inline-flex;align-items:center;justify-content:center;gap:7px}
.nav-arrow{height:auto;line-height:1;transform:none!important;position:relative;top:0;font-size:17px}
.nav .drop.open .nav-arrow{transform:rotate(180deg)!important}
.nav .dropmenu{top:calc(100% + 8px)}
.nav .dropmenu:before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
@media(min-width:1100px){.hero-new{grid-template-columns:1.05fr 1fr}.hero-new .hero-copy{padding-left:1vw}}
@media(max-width:800px){.hero-new .hero-copy{max-width:none}.hero-new .hero-logo{width:min(350px,90%)}.hero-new h1{font-size:38px}.mini-character{align-items:center}.mini-thumb{width:50px;height:50px;flex-basis:50px}}

/* V4 — 2026-09-30 requested refinements */
@media (min-width:1000px){
  .nav .brand img{width:150px!important;max-height:58px;object-fit:contain}.nav .brand{min-width:170px}
  .hero-new{grid-template-columns:48% 52%;padding-left:7.5vw;padding-right:0}
  .hero-new .hero-copy{max-width:760px;transform:scale(1.09);transform-origin:left center}
  .hero-new .hero-art{height:105%;max-width:72vw;transform:translateX(4.5vw)}
  main>.wrap:first-child{padding-top:34px}
  .quick{justify-content:center!important;gap:12px}
}
.nav .drop>.nav-item{align-items:center}.nav-arrow{display:inline-grid;place-items:center;width:16px;height:16px;line-height:16px;font-size:18px;transform:translateY(0)!important}.nav .drop.open .nav-arrow{transform:rotate(180deg)!important}
.social-row{display:flex;align-items:center;justify-content:center;gap:18px;padding:18px 0 0}.social-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;text-decoration:none!important;background:transparent!important;border:0!important;color:#ed86a4!important;font-weight:900;font-size:24px;transition:.2s}.social-icon:hover{transform:translateY(-2px) scale(1.1);color:#d85f81!important}.social-icon.fb{font-family:Arial;font-size:26px}.social-icon.ig{font-size:29px}.social-icon.th{font-size:25px}.social-icon.dc{font-size:25px}.anon-link{font-weight:800;color:#9a5265;text-decoration:none;margin-left:6px}.anon-link:hover{color:#d85f81}
.story-copy dl{grid-template-columns:84px minmax(0,1fr)}
.section-head{align-items:flex-end}.text-link{white-space:nowrap}
.detail-card{cursor:pointer}.detail-link{border:0;background:none;padding:0;color:#713a4a;font:inherit;cursor:pointer}.detail-modal{position:fixed;inset:0;z-index:200;display:none;place-items:center;padding:24px}.detail-modal.open{display:grid}.detail-backdrop{position:absolute;inset:0;background:#4b273455;backdrop-filter:blur(5px)}.detail-dialog{position:relative;width:min(820px,94vw);max-height:88vh;overflow:auto;background:#fffaf8;border:1px solid #f4c7d2;border-radius:28px;box-shadow:0 30px 90px #713a4a45}.detail-dialog>img{width:100%;max-height:430px;object-fit:cover;border-radius:28px 28px 0 0}.detail-content{padding:26px 30px 32px}.detail-content h2{font-size:30px;margin:10px 0}.detail-content p{line-height:1.85}.detail-close{position:absolute;right:16px;top:16px;z-index:2;width:40px;height:40px;border:0;border-radius:50%;background:#fff;color:#713a4a;font-size:27px;cursor:pointer;box-shadow:0 4px 18px #713a4a22}.modal-open{overflow:hidden}
.support-layout{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(0,1.45fr);gap:22px;align-items:stretch}.support.box{height:100%}.support a{display:grid!important;grid-template-columns:34px 1fr auto;align-items:center;gap:10px}.support-ico{width:28px;height:28px;border-radius:9px;background:#ffe7ed;color:#e26f91;display:grid;place-items:center;font-size:13px;font-weight:900}.support-carousel{position:relative;overflow:hidden;min-height:340px}.support-slides{position:absolute;inset:0}.support-slide{display:none;width:100%;height:100%}.support-slide.active{display:block}.support-slide img{width:100%;height:100%;object-fit:cover}.slide-prev,.slide-next{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border:0;border-radius:50%;background:#fffdfdcc;color:#713a4a;font-size:28px;cursor:pointer;box-shadow:0 4px 14px #713a4a20}.slide-prev{left:14px}.slide-next{right:14px}.slide-dots{position:absolute;left:50%;bottom:13px;transform:translateX(-50%);display:flex;gap:8px;background:#fffdfdcc;padding:7px 10px;border-radius:999px}.slide-dots button{width:8px;height:8px;border:0;border-radius:50%;padding:0;background:#e7b5c2;cursor:pointer}.slide-dots button.active{background:#ed7397;transform:scale(1.25)}
.business{margin-top:24px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.55fr);align-items:center;min-height:330px;overflow:hidden}.business-copy{padding:38px 46px}.business-copy h2{font-size:32px;margin:10px 0 20px}.business-copy p{font-size:17px;line-height:1.75}.email-box{display:flex;align-items:center;gap:10px;border:1px solid #f1c3cf;background:#fff;border-radius:16px;padding:12px 14px;margin:22px 0 20px;max-width:520px}.email-box b{overflow-wrap:anywhere}.email-box button{margin-left:auto;border:0;border-radius:999px;padding:8px 12px;background:#ffe7ed;color:#9a5265;font-weight:800;cursor:pointer}.business-mascot{height:100%;position:relative;display:flex;align-items:flex-end;justify-content:center;background:linear-gradient(150deg,#fff4d9,#ffe2ea)}.business-mascot img{max-height:310px;max-width:100%;object-fit:contain;object-position:center bottom}.business-mascot span{position:absolute;top:30px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#fff;padding:10px 14px;border-radius:16px;box-shadow:0 6px 20px #713a4a18;font-weight:800;color:#9a5265}
@media(max-width:800px){.social-row{gap:12px;flex-wrap:wrap}.social-icon{width:34px;height:34px}.anon-link{width:100%;text-align:center;margin:0}.support-layout,.business{grid-template-columns:1fr}.support-carousel{min-height:250px}.business-copy{padding:28px 22px}.business-mascot{min-height:240px}.detail-content{padding:22px}.quick{justify-content:flex-start!important;overflow-x:auto;flex-wrap:nowrap}.quick a,.quick b{white-space:nowrap}}

/* V4.1 — desktop hero: larger, visually centered, and kept fully inside screen */
@media (min-width:1000px){
  .hero-new .hero-copy{
    max-width:800px;
    align-self:center;
    padding:0;
    transform:translateY(-3.2vh) scale(1.16);
    transform-origin:left center;
  }
  .hero-new .hero-logo{
    width:min(470px,84%);
    margin-bottom:clamp(24px,4.2vh,44px);
  }
  .hero-new h1{font-size:clamp(46px,3.75vw,62px);margin-bottom:9px}
  .hero-new h2{font-size:clamp(29px,2.2vw,35px);margin-bottom:12px}
  .hero-new .hero-tagline{font-size:clamp(18px,1.35vw,22px)!important;margin-bottom:14px!important}
  .hero-new .roles{font-size:clamp(21px,1.5vw,25px);margin-bottom:12px}
  .hero-new .btn{padding:14px 22px}
}
@media (min-width:1000px) and (max-height:760px){
  .hero-new .hero-copy{transform:translateY(-2vh) scale(1.08)}
  .hero-new .hero-logo{width:min(420px,78%);margin-bottom:22px}
}

/* V4.2 — social brand pills + Support / Banner / Business three-column layout */
.social-pills-v2{gap:10px;flex-wrap:wrap}
.social-pills-v2>a{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:8px 15px;border-radius:999px;background:#fffdfb;border:1px solid #f0ccd4;color:#503b42;font-weight:800;transition:.2s ease;box-shadow:none}
.social-pills-v2>a:hover{transform:translateY(-2px);background:#fff0f3;border-color:#efb8c5;box-shadow:0 8px 20px #b85d7718}
.brand-icon{width:22px;height:22px;display:inline-grid;place-items:center;color:#9b405c;font-weight:900;line-height:1;flex:0 0 22px}
.icon-x{font-family:Arial,sans-serif;font-size:19px}.icon-fb{font-family:Arial,sans-serif;font-size:22px}.icon-th{font-family:Arial,sans-serif;font-size:21px}.icon-dc{font-size:20px}.icon-mail{font-size:16px}
.icon-ig{border:2px solid #9b405c;border-radius:7px;position:relative}.icon-ig:before{content:"";width:8px;height:8px;border:2px solid #9b405c;border-radius:50%}.icon-ig:after{content:"";position:absolute;width:3px;height:3px;border-radius:50%;background:#9b405c;right:3px;top:3px}
.support-contact-grid{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(430px,1.55fr) minmax(280px,.95fr);gap:18px;align-items:stretch}
.support-shop,.business-compact{min-height:0;height:auto;margin:0!important}
.support-shop{padding:26px 24px}.support-shop h2{margin:10px 0 18px}.support-shop a{padding:12px 6px!important}
.support-shop .line-ico{font-size:7px;letter-spacing:-.04em}
.support-carousel{aspect-ratio:16/9;min-height:0!important;height:auto;align-self:center;background:#fff4f5}
.support-slide img{object-fit:contain!important;background:#fff4f5}
.business-compact{display:block!important;min-width:0;overflow:visible!important}
.business-compact .business-copy{padding:28px 26px;height:100%;display:flex;flex-direction:column;justify-content:center}
.business-compact .business-copy h2{font-size:28px;margin:10px 0 14px}.business-compact .business-copy p{font-size:15px;line-height:1.7;margin:0}
.business-compact .email-box{margin:18px 0 14px;padding:10px 11px;font-size:13px}.business-compact .email-box button{padding:7px 9px}.business-compact .btn{align-self:flex-start;padding:12px 18px}
@media(max-width:1100px){.support-contact-grid{grid-template-columns:1fr 1.35fr}.business-compact{grid-column:1/-1}.business-compact .business-copy{padding:28px 32px}}
@media(max-width:800px){.social-pills-v2{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding:16px 2px 4px}.social-pills-v2>a{white-space:nowrap;min-height:40px;padding:7px 12px}.support-contact-grid{grid-template-columns:1fr}.support-carousel{width:100%;aspect-ratio:16/9}.business-compact{grid-column:auto}.business-compact .business-copy{padding:26px 22px}}

/* V4.3 — Support News hero banner + paired lower cards */
.icon-dc img{display:block;width:24px;height:20px;object-fit:contain}
.support-contact-section{padding-top:58px}
.support-news-head{text-align:center;margin:0 auto 18px}
.support-news-head h2{margin:7px 0 0;font-size:27px;color:#503b42}
.support-carousel-feature{position:relative;width:min(960px,82vw);aspect-ratio:16/9;margin:0 auto;border-radius:26px;overflow:hidden;background:transparent;box-shadow:0 20px 50px #9f53671c}
.support-carousel-feature .support-slides{position:absolute;inset:0}
.support-carousel-feature .support-slide img{width:100%;height:100%;object-fit:contain;background:#fff7f5;border-radius:26px}
.support-carousel-feature .slide-prev,.support-carousel-feature .slide-next{top:50%;background:#fffdf5e8}
.support-dots{position:static!important;transform:none!important;margin:15px auto 0;width:max-content;background:transparent!important;padding:0!important;display:flex;gap:9px}
.support-dots button{width:9px;height:9px;border:0;border-radius:50%;padding:0;background:#e7b5c2;cursor:pointer}
.support-dots button.active{background:#ed7397;transform:scale(1.25)}
.support-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;width:min(1060px,92%);margin:38px auto 0;align-items:stretch}
.support-bottom-grid>.panel{height:100%;margin:0!important}
.support-shop{padding:30px 30px 24px}
.support-shop h2{margin:10px 0 20px}
.support-shop a{display:grid!important;grid-template-columns:34px minmax(0,1fr) auto!important;gap:12px;padding:11px 6px!important}
.business-compact .business-copy{padding:32px 34px}
.business-compact .email-box{border:0;border-bottom:1px solid #f0ccd4;border-radius:0;background:transparent;padding:11px 0;margin:20px 0 18px;max-width:none}
.business-compact .email-box button{background:#ffe7ed}
@media(max-width:800px){
  .support-carousel-feature{width:100%;border-radius:20px}
  .support-carousel-feature .support-slide img{border-radius:20px}
  .support-bottom-grid{grid-template-columns:1fr;width:100%;margin-top:28px}
  .support-news-head h2{font-size:24px}
}

/* V4.4 — unified social icon pink */
.social-pills-v2 .brand-icon{color:#ef86a4!important}
.social-pills-v2 .icon-ig{border-color:#ef86a4!important}
.social-pills-v2 .icon-ig:before{border-color:#ef86a4!important}
.social-pills-v2 .icon-ig:after{background:#ef86a4!important}
.social-pills-v2 .icon-dc img{filter:none}

/* V4.5 — keep hero copy vertically centered and fully inside the first screen */
@media (min-width:1000px){
  .hero-new .hero-copy{transform:translateY(-5.5vh) scale(1.18)}
}
@media (min-width:1000px) and (max-height:820px){
  .hero-new .hero-copy{transform:translateY(-4vh) scale(1.10)}
  .hero-new .hero-logo{margin-bottom:18px}
}
@media (max-width:800px){
  .hero-new{min-height:calc(100svh - 64px);height:calc(100svh - 64px);padding:0 7vw;display:flex;align-items:center;overflow:hidden}
  .hero-new .hero-copy{width:100%;padding:0;transform:translateY(-3.5vh) scale(1.06);transform-origin:left center}
  .hero-new .hero-logo{width:min(390px,88%);margin-bottom:16px}
  .hero-new h1{font-size:clamp(40px,9vw,52px)}
  .hero-new h2{font-size:clamp(25px,6vw,31px)}
  .hero-new .hero-tagline{font-size:clamp(17px,4vw,20px)!important;margin-bottom:12px!important}
  .hero-new .roles{font-size:clamp(18px,4.3vw,22px);margin-bottom:10px}
  .hero-new .hero-art{position:absolute;right:-18%;bottom:0;height:58%;width:auto;opacity:.16;pointer-events:none}
}

/* Business email: the address itself is the copy control */
.business-compact .email-box{cursor:pointer;transition:.18s ease}
.business-compact .email-box:hover{color:#b74c69;border-bottom-color:#e79aae}
.business-compact .email-box button{display:none!important}
.business-compact #business-email{cursor:pointer}
.business-compact .email-copy-status{margin-left:auto;color:#c16b83;font-size:12px;font-weight:800;opacity:0;transition:.18s ease}
.business-compact .email-box.copied .email-copy-status{opacity:1}

/* V4.7 commission nav arrow: centered + hover motion */
.nav .drop>.nav-item{display:inline-flex;align-items:center;justify-content:center;gap:7px}
.nav .drop>.nav-item .nav-arrow{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;line-height:1;font-size:18px;position:static;transform:translateY(0) rotate(0deg)!important;transition:transform .22s ease,color .22s ease}
.nav .drop>.nav-item:hover .nav-arrow{transform:translateY(2px) rotate(0deg)!important}
.nav .drop.open>.nav-item .nav-arrow{transform:translateY(0) rotate(180deg)!important}
.nav .drop.open>.nav-item:hover .nav-arrow{transform:translateY(-2px) rotate(180deg)!important}
@media (prefers-reduced-motion:reduce){.nav .drop>.nav-item .nav-arrow{transition:none}.nav .drop>.nav-item:hover .nav-arrow,.nav .drop.open>.nav-item:hover .nav-arrow{transform:rotate(0deg)!important}.nav .drop.open>.nav-item:hover .nav-arrow{transform:rotate(180deg)!important}}

/* V4.6 commission chevron: drawn with CSS so font baseline cannot misalign it */
.nav .drop>.nav-item{display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1}
.nav .drop>.nav-item .nav-arrow{
  display:block;width:8px;height:8px;flex:0 0 8px;
  border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:translateY(-2px) rotate(45deg)!important;
  transform-origin:50% 50%;transition:transform .22s ease;
}
.nav .drop>.nav-item:hover .nav-arrow{transform:translateY(1px) rotate(45deg)!important}
.nav .drop.open>.nav-item .nav-arrow{transform:translateY(2px) rotate(225deg)!important}
.nav .drop.open>.nav-item:hover .nav-arrow{transform:translateY(-1px) rotate(225deg)!important}
@media (prefers-reduced-motion:reduce){.nav .drop>.nav-item .nav-arrow{transition:none}}

/* V4.8 — homepage hero proportions matched to approved desktop reference */
@media (min-width:1000px){
  .hero-new{
    grid-template-columns:35% 65%;
    padding-left:5.8vw;
    padding-right:0;
  }
  .hero-new .hero-copy{
    max-width:600px;
    transform:none!important;
    align-self:center;
    padding:0 0 1vh;
  }
  .hero-new .hero-logo{
    width:min(390px,86%);
    margin:0 0 clamp(28px,4vh,42px);
  }
  .hero-new h1{font-size:clamp(48px,3.25vw,60px);margin-bottom:12px}
  .hero-new h2{font-size:clamp(28px,2vw,34px);margin-bottom:16px}
  .hero-new .hero-tagline{font-size:clamp(17px,1.25vw,21px)!important;margin-bottom:20px!important}
  .hero-new .roles{font-size:clamp(21px,1.55vw,26px);margin-bottom:24px}
  .hero-new .btn{padding:14px 22px}
  .hero-new .hero-art{
    width:auto;
    height:104%;
    max-width:76vw;
    align-self:end;
    justify-self:end;
    object-fit:contain;
    object-position:right bottom;
    transform:translateX(1.5vw)!important;
  }
}
@media (min-width:1000px) and (max-height:820px){
  .hero-new .hero-copy{transform:none!important}
  .hero-new .hero-logo{width:min(350px,82%);margin-bottom:24px}
  .hero-new h1{font-size:clamp(43px,3vw,54px)}
  .hero-new h2{font-size:clamp(25px,1.8vw,31px)}
  .hero-new .hero-tagline{margin-bottom:14px!important}
  .hero-new .roles{margin-bottom:18px}
}

/* V4.9 — narrow viewport hero: never clip CTA buttons */
@media (max-width:800px){
  .hero-new{
    height:auto!important;
    min-height:calc(100svh - 64px)!important;
    padding:54px 7vw 44px!important;
    display:flex;
    align-items:center;
    overflow:visible!important;
  }
  .hero-new .hero-copy{
    width:100%;
    padding:0!important;
    transform:none!important;
    transform-origin:left center;
  }
  .hero-new .hero-logo{width:min(390px,86%);margin:0 0 42px}
  .hero-new h1{font-size:clamp(38px,8.3vw,50px);margin-bottom:14px}
  .hero-new h2{font-size:clamp(24px,5.6vw,30px);margin-bottom:20px}
  .hero-new .hero-tagline{font-size:clamp(16px,3.8vw,19px)!important;margin-bottom:22px!important}
  .hero-new .roles{font-size:clamp(18px,4.1vw,22px);margin-bottom:28px}
  .hero-new .btn{padding:13px 20px}
}

/* V5.0 — desktop hero copy matched to 2026-09-30 approved reference */
@media (min-width:1000px){
  .hero-new{grid-template-columns:35% 65%;padding:0 0 0 6.25vw;}
  .hero-new .hero-copy{max-width:610px;align-self:center;transform:translateY(-1.5vh)!important;padding:0!important;}
  .hero-new .hero-logo{width:500px;max-width:94%;margin:0 0 38px 12px;}
  .hero-new h1{font-size:58px;line-height:1.08;margin:0 0 20px 0;letter-spacing:-1.5px;white-space:nowrap;}
  .hero-new h2{font-size:34px;line-height:1.18;margin:0 0 24px 0;}
  .hero-new .hero-tagline{font-size:21px!important;line-height:1.5;margin:0 0 23px!important;}
  .hero-new .roles{font-size:26px;line-height:1.35;margin:0 0 27px;white-space:nowrap;}
  .hero-new .btn{font-size:16px;padding:15px 24px;}
}
@media (min-width:1000px) and (max-height:850px){
  .hero-new .hero-copy{transform:translateY(-.5vh)!important;}
  .hero-new .hero-logo{width:460px;margin-bottom:28px;}
  .hero-new h1{font-size:54px;margin-bottom:16px;}
  .hero-new h2{font-size:31px;margin-bottom:18px;}
  .hero-new .hero-tagline{font-size:19px!important;margin-bottom:18px!important;}
  .hero-new .roles{font-size:24px;margin-bottom:22px;}
}

/* V5.1 — move desktop hero copy upward so CTA stays fully inside first screen */
@media (min-width:1000px){
  .hero-new .hero-copy{transform:translateY(-6.5vh)!important;}
}
@media (min-width:1000px) and (max-height:850px){
  .hero-new .hero-copy{transform:translateY(-7.5vh)!important;}
  .hero-new .hero-logo{margin-bottom:24px;}
  .hero-new h1{margin-bottom:14px;}
  .hero-new h2{margin-bottom:16px;}
  .hero-new .hero-tagline{margin-bottom:15px!important;}
  .hero-new .roles{margin-bottom:18px;}
}

/* V5.2 — use the empty upper-left space: larger logo + optical vertical centering, no scaling */
@media (min-width:1000px){
  .hero-new .hero-copy{
    align-self:center;
    transform:translateY(-9vh)!important;
    max-width:620px;
  }
  .hero-new .hero-logo{
    width:540px;
    max-width:96%;
    margin:0 0 30px 8px;
  }
  .hero-new h1{margin-bottom:16px;}
  .hero-new h2{margin-bottom:18px;}
  .hero-new .hero-tagline{margin-bottom:17px!important;}
  .hero-new .roles{margin-bottom:20px;}
}
@media (min-width:1000px) and (max-height:850px){
  .hero-new .hero-copy{transform:translateY(-10vh)!important;}
  .hero-new .hero-logo{width:500px;margin-bottom:22px;}
  .hero-new h1{margin-bottom:12px;}
  .hero-new h2{margin-bottom:13px;}
  .hero-new .hero-tagline{margin-bottom:12px!important;}
  .hero-new .roles{margin-bottom:15px;}
}

/* V5.3 — final Support & Shop / Business Contact paired cards */
@media (min-width:801px){
  .support-bottom-grid{width:min(1160px,92%);gap:24px;grid-template-columns:1fr 1fr;align-items:stretch;margin-top:38px}
  .support-bottom-grid>.panel{min-height:350px;height:100%}
  .support-shop{padding:38px 34px 30px;display:grid;grid-template-columns:1fr 1fr;column-gap:22px;align-content:start}
  .support-shop>.kicker,.support-shop>h2{grid-column:1/-1}
  .support-shop h2{margin:12px 0 28px;font-size:28px}
  .support-shop a{grid-template-columns:38px minmax(0,1fr) auto!important;gap:12px;padding:14px 8px!important;min-width:0}
  .support-shop a:nth-of-type(1){grid-column:1;grid-row:3}
  .support-shop a:nth-of-type(2){grid-column:1;grid-row:4}
  .support-shop a:nth-of-type(4){grid-column:1;grid-row:5}
  .support-shop a:nth-of-type(3){grid-column:2;grid-row:3}
  .support-shop a:nth-of-type(5){grid-column:2;grid-row:4}
  .support-shop a:nth-of-type(6){grid-column:2;grid-row:5}
  .business-compact .business-copy{padding:38px 38px 30px;justify-content:flex-start}
  .business-compact .business-copy h2{font-size:30px;margin:12px 0 22px}
  .business-compact .business-copy p{font-size:16px;line-height:1.75;margin:0 0 22px}
  .business-compact .email-box{margin:10px 0 28px;padding:14px 0;font-size:14px}
  .business-compact .btn{padding:14px 22px}
}
@media (max-width:800px){
  .support-shop{display:block;padding:28px 24px}
  .support-bottom-grid>.panel{min-height:0}
}

/* V5.2 — branded white logo-grid texture over the hero gradient */
.hero-new{
  position:relative;
  isolation:isolate;
}
.hero-new::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:url("assets/logo-grid-new.png");
  background-repeat:repeat;
  background-position:center top;
  background-size:760px auto;
  opacity:.14;
  mix-blend-mode:screen;
}
.hero-new > *{
  position:relative;
  z-index:1;
}
@media (max-width:800px){
  .hero-new::before{
    background-size:520px auto;
    opacity:.11;
  }
}

/* V5.3 — render uploaded transparent grid as an actually visible white texture */
.hero-new::before{
  background:none!important;
  background-color:rgba(255,255,255,.72)!important;
  opacity:.30!important;
  mix-blend-mode:normal!important;
  -webkit-mask-image:url("assets/logo-grid-new.png");
  mask-image:url("assets/logo-grid-new.png");
  -webkit-mask-repeat:repeat;
  mask-repeat:repeat;
  -webkit-mask-position:center top;
  mask-position:center top;
  -webkit-mask-size:760px auto;
  mask-size:760px auto;
}
@media (max-width:800px){
  .hero-new::before{
    opacity:.22!important;
    -webkit-mask-size:520px auto;
    mask-size:520px auto;
  }
}

/* V5.4 — approved interaction polish */
@media (min-width:801px){
  /* Quick Menu follows the same visual content width as the channel block */
  main>.wrap:first-child{width:min(1574px,83.2vw)!important}
}

/* Support & Shop: make the whole row feel clickable */
.support-shop a{
  border-radius:13px;
  transition:transform .24s ease,background-color .24s ease,box-shadow .24s ease,color .24s ease,border-color .24s ease;
}
.support-shop a .support-ico,.support-shop a b{transition:transform .24s ease,color .24s ease}
.support-shop a:hover{
  background:#fff2f5;
  color:#b84d6d;
  transform:translateY(-2px);
  box-shadow:0 8px 18px rgba(184,77,109,.08);
  border-bottom-color:transparent;
}
.support-shop a:hover .support-ico{transform:scale(1.08)}
.support-shop a:hover b{transform:translateX(4px);color:#df6689}

/* Business CTA: gentle scale + stronger shadow */
.business-compact .btn{
  transition:transform .26s ease,box-shadow .26s ease,filter .26s ease;
  transform-origin:center;
}
.business-compact .btn:hover{
  transform:scale(1.055);
  box-shadow:0 14px 30px rgba(216,95,129,.34);
  filter:saturate(1.04);
}

/* Hashtag chips */
.hashtag-side .hashtags button{
  position:relative;
  transition:transform .22s ease,background-color .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease;
}
.hashtag-side .hashtags button:hover{
  transform:translateY(-2px);
  background:#fff0f4;
  border-color:#e97f9d;
  color:#a63f60;
  box-shadow:0 8px 18px rgba(184,77,109,.10);
}

/* Support banner carousel arrows: quiet until the banner is hovered */
.support-carousel-feature .slide-prev,.support-carousel-feature .slide-next{
  opacity:.25;
  transition:opacity .25s ease,transform .25s ease,box-shadow .25s ease;
}
.support-carousel-feature:hover .slide-prev,.support-carousel-feature:hover .slide-next{opacity:.95}
.support-carousel-feature .slide-prev:hover{
  opacity:1;
  transform:translate(-3px,-50%) scale(1.08);
  box-shadow:0 8px 22px rgba(113,58,74,.22);
}
.support-carousel-feature .slide-next:hover{
  opacity:1;
  transform:translate(3px,-50%) scale(1.08);
  box-shadow:0 8px 22px rgba(113,58,74,.22);
}
.support-carousel-feature .slide-dots button{transition:transform .2s ease,background-color .2s ease}
.support-carousel-feature .slide-dots button:hover{transform:scale(1.35);background:#dd7895}

/* Character carousel uses the same hover language */
.story-visual{position:relative}
.story-prev,.story-next{
  position:absolute;top:50%;z-index:3;transform:translateY(-50%);
  width:38px;height:38px;border:1px solid #f1c6d0;border-radius:50%;
  background:rgba(255,253,251,.92);color:#713a4a;font-size:27px;line-height:1;cursor:pointer;
  opacity:.22;box-shadow:0 4px 14px rgba(113,58,74,.12);
  transition:opacity .25s ease,transform .25s ease,box-shadow .25s ease;
}
.story-prev{left:16px}.story-next{right:16px}
.story-visual:hover .story-prev,.story-visual:hover .story-next{opacity:.92}
.story-prev:hover{opacity:1;transform:translate(-3px,-50%) scale(1.08);box-shadow:0 8px 22px rgba(113,58,74,.2)}
.story-next:hover{opacity:1;transform:translate(3px,-50%) scale(1.08);box-shadow:0 8px 22px rgba(113,58,74,.2)}
.story-dots{display:flex;align-items:center;justify-content:center;gap:10px;letter-spacing:0}
.story-dots button{width:10px;height:10px;padding:0;border:1px solid #e47d9a;border-radius:50%;background:#fff;cursor:pointer;transition:transform .2s ease,background-color .2s ease}
.story-dots button.active{background:#d95e82}
.story-dots button:hover{transform:scale(1.35);background:#ef9db4}
.story-dots span{margin-left:8px}

@media (prefers-reduced-motion:reduce){
  .support-shop a,.support-shop a .support-ico,.support-shop a b,.business-compact .btn,.hashtag-side .hashtags button,
  .support-carousel-feature .slide-prev,.support-carousel-feature .slide-next,.story-prev,.story-next,.story-dots button{transition:none!important}
}

/* V6 — confirmed frontend polish, explicit overrides */
:root{--hover-pink:#fff0f4;--hover-deep:#b84d6d;--hover-shadow:0 10px 24px rgba(184,77,109,.14)}

/* Quick Menu: exactly align to the main .wrap content width */
@media (min-width:801px){
  main>.wrap:first-child{width:min(1180px,92vw)!important;padding-top:34px}
  main>.wrap:first-child .quick{width:100%;margin-left:auto;margin-right:auto;justify-content:center!important}
}

/* Business CTA */
.business-compact .btn{transition:transform .28s ease,box-shadow .28s ease,filter .28s ease!important}
.business-compact .btn:hover{transform:translateY(-2px) scale(1.055)!important;box-shadow:0 14px 30px rgba(216,95,129,.34)!important;filter:saturate(1.06)}

/* Support rows */
.support-shop a{border-radius:14px!important;transition:transform .24s ease,background-color .24s ease,box-shadow .24s ease,color .24s ease!important}
.support-shop a .support-ico,.support-shop a b{transition:transform .24s ease,color .24s ease!important}
.support-shop a:hover{background:var(--hover-pink)!important;color:var(--hover-deep)!important;transform:translateY(-2px)!important;box-shadow:var(--hover-shadow)!important}
.support-shop a:hover .support-ico{transform:scale(1.12)!important}
.support-shop a:hover b{transform:translateX(5px)!important;color:#df6689!important}

/* Hashtags */
.hashtag-side .hashtags button{transition:transform .22s ease,background-color .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease!important}
.hashtag-side .hashtags button:hover{transform:translateY(-3px)!important;background:#fff0f4!important;border-color:#e97f9d!important;color:#a63f60!important;box-shadow:0 9px 20px rgba(184,77,109,.14)!important}

/* Support banner arrows: subdued at rest, visible on carousel hover */
.support-carousel-feature{position:relative}
.support-carousel-feature .slide-prev,.support-carousel-feature .slide-next{opacity:.22!important;transition:opacity .25s ease,transform .25s ease,box-shadow .25s ease!important}
.support-carousel-feature:hover .slide-prev,.support-carousel-feature:hover .slide-next{opacity:.96!important}
.support-carousel-feature .slide-prev:hover{opacity:1!important;transform:translate(-4px,-50%) scale(1.10)!important;box-shadow:0 9px 24px rgba(113,58,74,.24)!important}
.support-carousel-feature .slide-next:hover{opacity:1!important;transform:translate(4px,-50%) scale(1.10)!important;box-shadow:0 9px 24px rgba(113,58,74,.24)!important}

/* Character carousel: same arrow language + interactive dots */
.story-visual .story-prev,.story-visual .story-next{opacity:.22!important;transition:opacity .25s ease,transform .25s ease,box-shadow .25s ease!important}
.story-visual:hover .story-prev,.story-visual:hover .story-next{opacity:.94!important}
.story-visual .story-prev:hover{opacity:1!important;transform:translate(-4px,-50%) scale(1.10)!important;box-shadow:0 9px 24px rgba(113,58,74,.22)!important}
.story-visual .story-next:hover{opacity:1!important;transform:translate(4px,-50%) scale(1.10)!important;box-shadow:0 9px 24px rgba(113,58,74,.22)!important}
.story-dots button{transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease!important}
.story-dots button:hover{transform:scale(1.42)!important;background:#ef8eaa!important;box-shadow:0 3px 8px rgba(216,95,129,.22)!important}

/* Consistent feedback for the rest of the clickable UI */
.quick a,.social-pill,.channel-feature,.channel-small,.featured-card,.card.detail-card,.text-link,.sheet .btn,.email-box,.detail-link,.nav>a,.drop>a,.dropmenu a{
  transition:transform .24s ease,box-shadow .24s ease,background-color .24s ease,color .24s ease,border-color .24s ease,opacity .24s ease!important;
}
.quick a:hover,.social-pill:hover{transform:translateY(-2px) scale(1.025);box-shadow:0 8px 18px rgba(184,77,109,.12)}
.channel-feature:hover,.channel-small:hover,.featured-card:hover,.card.detail-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(184,77,109,.16)}
.text-link:hover,.detail-link:hover{color:#d95e82;transform:translateX(3px)}
.sheet .btn:hover{transform:translateY(-2px) scale(1.035);box-shadow:0 13px 28px rgba(216,95,129,.28)}
.email-box:hover{background:#fff4f6;box-shadow:0 7px 18px rgba(184,77,109,.10);transform:translateY(-1px)}

/* touch feedback */
@media (hover:none){
  a:active,button:active,.email-box:active{transform:scale(.98)!important;opacity:.88}
}

/* V7 — stronger secondary CTAs + detail button feedback */
.text-link{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:9px 15px;
  border-radius:999px;
  font-size:16px!important;
  line-height:1.2;
  font-weight:900!important;
  letter-spacing:.015em;
  color:#ad3f61!important;
  background:rgba(255,255,255,.34);
  border:1px solid transparent;
  transition:transform .26s ease,box-shadow .26s ease,background-color .26s ease,color .26s ease,border-color .26s ease!important;
}
.text-link:hover{
  color:#9f3154!important;
  background:#fff5f7!important;
  border-color:#f0b7c5!important;
  transform:translateY(-3px) scale(1.045)!important;
  box-shadow:0 10px 24px rgba(184,77,109,.20)!important;
}
.text-link:active{transform:translateY(-1px) scale(.985)!important}

/* Card detail actions — obvious but still secondary to the main CTA */
.detail-open,
.detail-link{
  cursor:pointer;
  transition:transform .26s ease,box-shadow .26s ease,background-color .26s ease,color .26s ease,border-color .26s ease,filter .26s ease!important;
}
.detail-open:hover{
  transform:translateY(-3px) scale(1.055)!important;
  box-shadow:0 14px 28px rgba(216,95,129,.36)!important;
  filter:saturate(1.08) brightness(1.02);
}
.detail-link{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  margin-top:5px;
  padding:8px 12px!important;
  border-radius:999px!important;
  color:#ad3f61!important;
  font-weight:900!important;
  background:#fff3f6!important;
  border:1px solid #f2c2cd!important;
}
.detail-link:hover{
  color:#9f3154!important;
  background:#ffe9ef!important;
  border-color:#e993aa!important;
  transform:translateY(-2px) scale(1.04)!important;
  box-shadow:0 9px 20px rgba(184,77,109,.18)!important;
}
.detail-link:active,.detail-open:active{transform:scale(.98)!important}

/* All ordinary buttons/links should communicate clickability */
a[href],button,[role="button"],.email-box{cursor:pointer}

@media(max-width:800px){
  .text-link{font-size:15px!important;padding:8px 12px;min-height:38px}
}

@media(prefers-reduced-motion:reduce){
  .text-link,.detail-open,.detail-link{transition:none!important}
}

/* V8 — VTuber hub + exact quick-menu alignment */
@media (min-width:801px){main>.wrap:first-child{width:min(1380px,88vw)!important}.quick{width:100%!important}}
.world-entry{display:flex;align-items:center;gap:10px;margin-top:12px;padding:12px 15px;border:1px solid #f1c8d1;border-radius:16px;background:#fff9fa;color:#713a4a;text-decoration:none;transition:.24s ease}.world-entry i{margin-left:auto;font-style:normal;color:#c65173;font-weight:800}.world-entry:hover{transform:translateY(-2px);background:#fff0f4;box-shadow:0 10px 22px rgba(184,77,109,.13)}
.mini-thumb{object-fit:cover!important;border-radius:16px!important}
.vt-page{background:linear-gradient(180deg,#fff7ef 0,#fff0f2 32%,#fff9f7 100%);min-height:100vh}.vt-wrap{width:min(1380px,88vw)}
.vt-hero{min-height:620px;display:grid;grid-template-columns:1fr .9fr;align-items:center;overflow:hidden;padding:70px max(6vw,40px) 0;background:linear-gradient(120deg,#fff4c9,#ffdbe5);position:relative}.vt-hero:before{content:"";position:absolute;inset:0;background:url('assets/logo-grid-new.png') center/520px repeat;opacity:.11}.vt-hero-copy{position:relative;z-index:1;max-width:680px}.vt-hero h1{font-size:clamp(44px,5vw,76px);line-height:1.08;margin:12px 0 18px;color:#713a4a}.vt-hero p{font-size:20px;line-height:1.8;color:#875464}.vt-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.vt-hero-art{height:590px;max-width:100%;object-fit:contain;object-position:center bottom;align-self:end;justify-self:end;position:relative;z-index:1}
.vt-status{font-weight:900;color:#c84f71;font-size:13px;letter-spacing:.1em}.vt-status i{display:inline-block;width:9px;height:9px;background:#e75c78;border-radius:50%;margin-right:6px;box-shadow:0 0 0 6px rgba(231,92,120,.1)}
.vt-live{display:grid;grid-template-columns:1.45fr .75fr;overflow:hidden;padding:0}.vt-live-screen{aspect-ratio:16/9;background:linear-gradient(135deg,#6f4251,#2f2026);display:grid;place-items:center}.vt-live-placeholder{color:#fff;text-align:center;display:grid;gap:8px}.vt-live-placeholder span{font-size:38px}.vt-live-placeholder b{font-size:22px}.vt-live-placeholder small{opacity:.7}.vt-live-copy{padding:38px;align-self:center}.vt-live-copy h3{font-size:28px;color:#713a4a;margin:14px 0}.vt-live-copy p{line-height:1.8}.vt-platforms{display:flex;gap:10px;margin-top:20px}.vt-platforms a,.vt-community-links a{padding:10px 15px;border-radius:999px;background:#fff0f4;border:1px solid #efc3cd;color:#a93f60;text-decoration:none;font-weight:900;transition:.22s ease}.vt-platforms a:hover,.vt-community-links a:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 8px 18px rgba(184,77,109,.15)}
.vt-highlight-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.vt-video-card{aspect-ratio:16/9;border:0;position:relative;background:linear-gradient(135deg,#f7bdca,#f8dfbc);display:flex;align-items:flex-end;text-align:left;padding:28px;overflow:hidden}.vt-video-card:before{content:"";position:absolute;inset:0;background:url('assets/logo-grid-new.png') center/380px repeat;opacity:.12}.vt-video-card>div{position:relative}.vt-video-card b{display:block;font-size:22px;color:#713a4a}.vt-video-card small{display:block;margin-top:5px;color:#95586b}.vt-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.88);display:grid;place-items:center;color:#d6577b;font-size:22px;box-shadow:0 10px 24px rgba(113,58,74,.16)}
.vt-reach{padding:32px 38px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(110deg,#fff,#fff0f4)}.vt-reach span{font-size:12px;font-weight:900;letter-spacing:.15em;color:#c45575}.vt-reach strong{display:block;font-size:clamp(48px,7vw,90px);line-height:1;color:#b84668;margin:8px 0}.vt-reach small{color:#9b6876}.vt-reach p{max-width:520px;line-height:1.8}.vt-shorts{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:18px}.vt-short{aspect-ratio:9/16;border:0;background:linear-gradient(160deg,#f8c6d1,#ffe8bc);position:relative;display:grid;place-items:center}.vt-short span{font-size:34px;color:#fff;text-shadow:0 4px 14px rgba(113,58,74,.25)}.vt-short b{position:absolute;left:18px;bottom:18px;color:#713a4a}
.vt-content-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.vt-content-grid article{padding:25px}.vt-content-grid article>span{font-size:32px}.vt-content-grid h3{font-size:22px;margin:10px 0 5px;color:#713a4a}.vt-content-grid p{margin:0;line-height:1.65;color:#966272}
.vt-gallery-tabs{display:flex;gap:7px;flex-wrap:wrap}.vt-gallery-tabs button{border:1px solid #efc5cf;background:#fff;border-radius:999px;padding:8px 12px;color:#a74a67;font-weight:800;cursor:pointer}.vt-gallery-tabs button.active,.vt-gallery-tabs button:hover{background:#fce6ec}.vt-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:start}.vt-gallery figure{margin:0;overflow:hidden}.vt-gallery img{width:100%;height:360px;object-fit:contain;background:#fff8f8;display:block;transition:transform .3s ease}.vt-gallery figure:hover img{transform:scale(1.025)}.vt-gallery figcaption{padding:14px 16px;display:flex;justify-content:space-between;gap:10px;font-size:13px}.vt-gallery figcaption b{color:#c14e70}.vt-gallery-placeholder{min-height:420px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(135deg,#f7dbe2,#fff0c8)}.vt-gallery-placeholder>div{flex:1;display:grid;place-items:center;font-weight:900;letter-spacing:.16em;color:#c36b84}.vt-gallery-note{color:#9c6877;font-size:14px;margin-top:12px}
.vt-character-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.vt-character{border:0;padding:0;display:grid;grid-template-columns:42% 58%;overflow:hidden;text-align:left;min-height:340px}.vt-character img{width:100%;height:340px;object-fit:contain;background:#fff6f5}.vt-character>div{padding:32px;align-self:center}.vt-character span{font-size:11px;letter-spacing:.14em;color:#cc6682;font-weight:900}.vt-character h3{font-size:30px;margin:8px 0;color:#713a4a}.vt-character p{color:#986373}.vt-character b{display:inline-block;margin-top:25px;color:#bf4a6d}.vt-world{width:100%;border:0;margin-top:16px;padding:18px 22px;display:flex;align-items:center;gap:14px;text-align:left}.vt-world>span{font-size:28px}.vt-world div{display:grid;gap:4px}.vt-world small{color:#9b6876}.vt-world i{margin-left:auto;font-style:normal;font-weight:900;color:#bd4b6c}
.vt-community{padding:34px 38px;display:flex;align-items:center;justify-content:space-between;gap:30px}.vt-community h2{font-size:32px;margin:8px 0;color:#713a4a}.vt-community-links{display:flex;gap:9px;flex-wrap:wrap}
.character-modal{position:fixed;inset:0;z-index:1000;display:none}.character-modal.open{display:block}.character-backdrop{position:absolute;inset:0;background:rgba(55,32,39,.48);backdrop-filter:blur(7px)}.character-dialog{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(900px,92vw);max-height:88vh;overflow:auto;background:#fffaf8;border:1px solid #f1c6d0;border-radius:28px;box-shadow:0 30px 80px rgba(70,35,46,.3);display:grid;grid-template-columns:.9fr 1.1fr}.character-modal-media{min-height:520px;background:linear-gradient(145deg,#fff0f2,#fff7d9);display:grid;place-items:center;overflow:hidden}.character-modal-media img{width:100%;height:520px;object-fit:contain}.character-modal-media img.logo-mode{width:60%;height:auto}.character-modal-copy{padding:50px 42px;align-self:center}.character-modal-copy h2{font-size:40px;color:#713a4a;margin:10px 0}.character-modal-copy p,.character-modal-copy #char-extra{line-height:1.8;color:#875464}.character-modal .detail-close{z-index:2}
.vt-video-card,.vt-short,.vt-character,.vt-world,.vt-gallery figure{transition:transform .25s ease,box-shadow .25s ease}.vt-video-card:hover,.vt-short:hover,.vt-character:hover,.vt-world:hover,.vt-gallery figure:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(184,77,109,.16)}
@media(max-width:800px){.vt-hero{grid-template-columns:1fr;padding:50px 6vw 0}.vt-hero-art{height:430px;justify-self:center}.vt-live,.character-dialog{grid-template-columns:1fr}.vt-highlight-grid,.vt-character-grid{grid-template-columns:1fr}.vt-shorts,.vt-content-grid,.vt-gallery{grid-template-columns:repeat(2,1fr)}.vt-reach,.vt-community{flex-direction:column;align-items:flex-start}.vt-gallery img{height:280px}.character-modal-media,.character-modal-media img{height:340px;min-height:340px}}

/* V3.7 — official logo grid overlay on homepage + VTuber hero gradients */
.hero-new,
.vt-hero{position:relative;isolation:isolate;overflow:hidden}
.hero-new::before,
.vt-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:url("assets/logo-grid.png");
  background-repeat:repeat;
  background-size:auto 46%;
  background-position:center top;
  opacity:.13;
  mix-blend-mode:screen;
  pointer-events:none;
  z-index:0;
}
.hero-new > *,
.vt-hero > *{position:relative;z-index:1}
@media(max-width:800px){
  .hero-new::before,.vt-hero::before{background-size:auto 34%;opacity:.12}
}

/* V3.8 — VTuber direct nav + in-page quick guide */
.vt-quick-wrap{background:linear-gradient(180deg,#fff1ec,#fff0f2);padding:28px 0 6px}
.vt-quick{width:min(1380px,88vw);margin:0 auto;min-height:84px;padding:14px 22px;border:1px solid #f0c5cf;border-radius:28px;background:rgba(255,255,255,.82);box-shadow:0 14px 32px rgba(184,77,109,.09);display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
.vt-quick>b{color:#c54e70;font-size:15px;letter-spacing:.06em;margin-right:8px}
.vt-quick a{display:flex;align-items:center;gap:7px;padding:10px 14px;border-radius:999px;text-decoration:none;color:#713a4a;font-weight:900;background:#fff5f7;border:1px solid transparent;transition:transform .24s ease,background .24s ease,box-shadow .24s ease,border-color .24s ease}
.vt-quick a small{font-size:11px;color:#b66a80;font-weight:800}
.vt-quick a:hover{transform:translateY(-2px) scale(1.035);background:#ffe9ef;border-color:#efb8c6;box-shadow:0 9px 20px rgba(184,77,109,.15)}
.vt-page section[id]{scroll-margin-top:100px}
@media(max-width:800px){.vt-quick-wrap{padding:16px 0 2px}.vt-quick{width:92vw;border-radius:22px;padding:12px;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap}.vt-quick>b{display:none}.vt-quick a{flex:0 0 auto}.vt-quick a small{display:none}}

/* VTuber v62: compact stream content inside hero */
.vt-stream-pills{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:24px 0 4px;max-width:720px}
.vt-stream-pills>span{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;padding:11px 13px;border:1px solid rgba(236,135,160,.42);border-radius:18px;background:rgba(255,255,255,.58);box-shadow:0 8px 24px rgba(166,76,104,.08);font-size:20px;backdrop-filter:blur(4px);transition:transform .25s ease,background .25s ease,box-shadow .25s ease,border-color .25s ease}
.vt-stream-pills>span b{font-size:15px;color:#713a4a;line-height:1.2}.vt-stream-pills>span small{grid-column:2;font-size:11px;color:#a06476;margin-top:3px;white-space:nowrap}.vt-stream-pills>span:hover{transform:translateY(-3px) scale(1.025);background:rgba(255,255,255,.82);border-color:#ed8faa;box-shadow:0 12px 28px rgba(166,76,104,.15)}
@media(max-width:800px){.vt-stream-pills{grid-template-columns:repeat(2,1fr);margin-top:18px}.vt-stream-pills>span{padding:10px 12px}.vt-hero{min-height:auto}.vt-hero-copy{padding-bottom:18px}}
/* VTuber compact page hero + live action panel */
.vt-hero.vt-hero-compact{min-height:230px;height:230px;display:grid;grid-template-columns:1fr;place-items:center;padding:34px 6vw;text-align:center}
.vt-hero.vt-hero-compact .vt-hero-copy{max-width:760px;padding:0}
.vt-hero.vt-hero-compact h1{font-size:clamp(38px,3.2vw,54px);margin:8px 0 10px}
.vt-hero.vt-hero-compact p{font-size:17px;margin:0;color:#9b6072;letter-spacing:.04em}
.vt-live-copy{padding:32px 34px}
.vt-live-label{margin-top:20px;margin-bottom:9px;font-size:11px;font-weight:900;letter-spacing:.16em;color:#d65c82}
.vt-platforms{display:flex;gap:8px;flex-wrap:wrap;margin-top:0}
.vt-platforms a{padding:9px 12px;font-size:14px}
.vt-donate{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;border-radius:999px;background:#ed7899;color:white;text-decoration:none;font-weight:900;box-shadow:0 8px 18px rgba(184,77,109,.18);transition:.25s ease}
.vt-donate:hover{transform:translateY(-3px) scale(1.04);background:#e6658b;box-shadow:0 13px 25px rgba(184,77,109,.28)}
.vt-content-pills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.vt-content-pills span{padding:9px 10px;text-align:center;border-radius:13px;background:#fff4f6;border:1px solid #f1cbd4;color:#85485b;font-weight:800;font-size:13px;transition:.22s ease}
.vt-content-pills span:hover{transform:translateY(-2px);background:#ffe8ef;border-color:#ec9fb3;box-shadow:0 7px 15px rgba(184,77,109,.12)}
@media(max-width:800px){.vt-hero.vt-hero-compact{height:auto;min-height:190px;padding:38px 6vw}.vt-hero.vt-hero-compact h1{font-size:38px}.vt-live-copy{padding:26px 22px}.vt-content-pills{grid-template-columns:repeat(2,1fr)}}
/* v70 information architecture + commission portfolio */
.nav .dropmenu{min-width:210px}.nav .dropmenu a{display:block}.commission-page{padding-bottom:80px}.commission-intro{max-width:760px;margin:0 auto 34px;text-align:center}.demo-reel{display:flex;align-items:center;gap:18px;padding:22px 26px;margin:24px 0}.demo-play{width:54px;height:54px;border:0;border-radius:50%;background:#f47fa8;color:#fff;font-size:20px;cursor:pointer}.demo-reel strong{display:block;font-size:20px}.demo-reel small{color:#92737d}.voice-types,.vocal-types{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.type-card{padding:22px;text-align:left}.type-card h3{margin:8px 0}.type-card p{margin:0;color:#806b70}.type-card .mini-play{margin-top:15px;border:1px solid #f3bfd0;background:#fff7fa;border-radius:999px;padding:8px 14px;cursor:pointer}.filter-block{margin:30px 0 18px}.filter-label{font-size:12px;font-weight:800;letter-spacing:.14em;color:#d35d88;margin:0 0 10px}.filters{display:flex;gap:9px;flex-wrap:wrap}.filter{border:1px solid #f1c5d3;background:#fff;border-radius:999px;padding:9px 15px;cursor:pointer;transition:.22s}.filter:hover,.filter.active{background:#ffeaf1;color:#c84f7a;transform:translateY(-2px)}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.work-card{overflow:hidden}.work-media{aspect-ratio:16/9;background:linear-gradient(135deg,#fff4d9,#ffe4ef);display:grid;place-items:center;position:relative}.work-media img{width:100%;height:100%;object-fit:cover}.work-media .play-badge{width:54px;height:54px;border-radius:50%;background:#ffffffdf;display:grid;place-items:center;color:#d85884;font-size:20px}.work-meta{padding:18px}.work-tags{display:flex;gap:6px;flex-wrap:wrap}.work-tags span{font-size:11px;padding:5px 9px;border-radius:999px;background:#fff0f5;color:#bd5477;font-weight:700}.creator-line{font-size:13px;color:#806b70;margin:12px 0}.creator-line a{color:#c84f7a}.work-actions{display:flex;gap:8px;flex-wrap:wrap}.work-actions a{font-size:13px;font-weight:700}.contact-cta{margin-top:54px;padding:42px;text-align:center}.contact-cta h2{font-size:30px;margin:8px 0}.contact-email{display:inline-flex;align-items:center;gap:8px;margin:12px 0 20px;padding:11px 18px;border:1px solid #f1c5d3;border-radius:999px;background:#fff;cursor:pointer}.style-chips{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:18px 0 34px}.style-chips span{padding:9px 14px;border-radius:999px;background:#fff5f8;border:1px solid #f2ccd8}.about-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px}.about-story,.about-profile{padding:30px}.about-profile dl{display:grid;grid-template-columns:100px 1fr;gap:10px;margin:0}.asmr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.asmr-card{overflow:hidden}.asmr-cover{aspect-ratio:1/1;background:linear-gradient(145deg,#fff1d4,#ffdce9);display:grid;place-items:center;font-size:42px}.asmr-card .body{padding:18px}.adult-note{font-size:12px;color:#a56c7e}.collab-featured{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.collab-list{margin-top:24px}.collab-row{display:grid;grid-template-columns:90px 1fr auto;gap:18px;align-items:center;padding:18px 20px;border-bottom:1px solid #f4dce4}.nav-cta{background:#f27ca5!important;color:#fff!important;border-radius:999px;padding:10px 16px!important}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 8px 20px #e98aac55}.vt-live{overflow:visible!important}.vt-live-copy{overflow:visible!important;min-height:0!important}.vt-live-copy>*{flex-shrink:0}
@media(max-width:850px){.voice-types,.vocal-types,.portfolio-grid,.asmr-grid,.collab-featured{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr}.demo-reel{align-items:flex-start}.collab-row{grid-template-columns:70px 1fr}.collab-row>:last-child{grid-column:2}.contact-cta{padding:28px 18px}}
/* v71 — sectioned singing works, voice demo rail, richer About page */
.page-quick{margin:0 auto 34px;display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;padding:13px 18px;width:min(1050px,100%)}
.page-quick b{font-size:12px;letter-spacing:.12em;color:#c65378;margin-right:4px}.page-quick a{padding:9px 14px;border-radius:999px;background:#fff5f8;border:1px solid #f2c9d5;color:#754552;text-decoration:none;font-weight:850;transition:.22s ease}.page-quick a:hover{transform:translateY(-2px);background:#ffe8ef;border-color:#eca4b8;box-shadow:0 8px 18px rgba(184,77,109,.12)}
.demo-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,1fr);gap:16px;overflow-x:auto;padding:3px 3px 16px;scroll-snap-type:x proximity}.demo-video{scroll-snap-align:start;overflow:hidden;min-width:0}.demo-video .demo-thumb{aspect-ratio:16/9;background:linear-gradient(135deg,#ffe8ef,#fff0c9);display:grid;place-items:center;position:relative}.demo-video .demo-thumb:after{content:'▶';width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.9);display:grid;place-items:center;color:#d7557d;font-size:18px;box-shadow:0 8px 20px rgba(113,58,74,.14)}.demo-video .demo-copy{padding:16px 17px}.demo-video h3{margin:0 0 6px;color:#713a4a}.demo-video p{margin:0;color:#8d6873;font-size:13px;line-height:1.55}
.music-shelf{margin:46px 0;scroll-margin-top:100px}.music-shelf-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:16px}.music-shelf-head h2{margin:4px 0 0;color:#713a4a;font-size:30px}.music-shelf-head p{margin:0;color:#9a6877}.music-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,32%);gap:18px;overflow-x:auto;padding:3px 3px 18px;scroll-snap-type:x proximity}.music-row .work-card{scroll-snap-align:start}.music-row .work-media{aspect-ratio:16/9}
.about-visual-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:stretch}.about-character-art{min-height:600px;overflow:hidden;display:grid;place-items:end center;background:linear-gradient(145deg,#fff4d4,#ffe2ec);padding:0}.about-character-art img{width:100%;height:600px;object-fit:contain;object-position:center bottom}.about-story-rich{padding:38px;display:flex;flex-direction:column;justify-content:center}.about-story-rich h2{font-size:36px;margin:8px 0 18px;color:#713a4a}.about-story-rich p{line-height:1.9}.about-story-rich dl{display:grid;grid-template-columns:88px 1fr;gap:8px 14px;margin-top:20px;padding-top:20px;border-top:1px solid #f2d3db}.about-story-rich dt{font-weight:900;color:#bd5575}.about-story-rich dd{margin:0;color:#75535d}.about-sheet{padding:28px;overflow:hidden}.about-sheet-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:24px;align-items:center}.about-sheet img{width:100%;max-height:650px;object-fit:contain}.about-sheet-copy p{line-height:1.8;color:#89626e}.about-sheet-copy .btn{margin-top:10px}.about-gallery{margin-top:52px}
@media(max-width:850px){.page-quick{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap}.page-quick b{display:none}.page-quick a{flex:0 0 auto}.music-row{grid-auto-columns:82%}.about-visual-grid,.about-sheet-layout{grid-template-columns:1fr}.about-character-art,.about-character-art img{min-height:420px;height:420px}.about-story-rich{padding:26px}.about-story-rich h2{font-size:30px}}

/* v72 — full-site polish, motion system and UX pass */
:root{--ease:cubic-bezier(.2,.75,.25,1);--shadow-soft:0 14px 34px rgba(164,76,101,.12);--shadow-hover:0 20px 42px rgba(164,76,101,.2)}
body{overflow-x:hidden}.page-progress{position:fixed;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,#f0a0b8,#df5f87);z-index:100;transition:width .08s linear}
.nav{transition:box-shadow .25s ease,background .25s ease}.nav.scrolled{background:rgba(255,253,248,.96);box-shadow:0 8px 28px rgba(112,58,75,.08)}
.nav-item,.nav .commission-toggle{border:0;background:transparent;color:var(--ink);font:inherit;font-weight:800;cursor:pointer;padding:10px 12px;border-radius:999px;transition:background .22s ease,color .22s ease,transform .22s ease}.nav-item:hover,.nav .commission-toggle:hover{background:#ffeef3;color:#bc4f72;transform:translateY(-1px)}.nav-item.current,.drop.current>.commission-toggle{background:#ffe7ee;color:#b74469}.dropmenu{display:block!important;opacity:0;visibility:hidden;transform:translateY(-7px) scale(.98);transform-origin:top;transition:opacity .2s ease,transform .2s ease,visibility .2s;pointer-events:none;top:44px}.drop.open .dropmenu{opacity:1;visibility:visible;transform:none;pointer-events:auto}.dropmenu a{transition:.2s ease}.dropmenu a:hover{transform:translateX(3px)}
.btn,.text-link,.detail-link,.work-actions a,.support a,.world-entry{transition:transform .24s var(--ease),box-shadow .24s ease,background .24s ease,color .24s ease,border-color .24s ease}.btn:hover{transform:translateY(-3px) scale(1.035);box-shadow:0 14px 30px rgba(201,76,113,.25)}.text-link:hover,.detail-link:hover,.work-actions a:hover{color:#d04f79;transform:translateX(3px)}
.panel,.card,.work-card,.demo-video,.type-card,.asmr-card{transition:transform .28s var(--ease),box-shadow .28s ease,border-color .28s ease}.card:hover,.work-card:hover,.demo-video:hover,.type-card:hover,.asmr-card:hover{transform:translateY(-5px);border-color:#eea9bb;box-shadow:var(--shadow-hover)}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s var(--ease),transform .65s var(--ease)}.reveal.in-view{opacity:1;transform:none}.reveal[data-delay="1"]{transition-delay:.07s}.reveal[data-delay="2"]{transition-delay:.14s}.reveal[data-delay="3"]{transition-delay:.21s}
.pagehero,.vt-hero{position:relative;overflow:hidden;background:linear-gradient(112deg,#fff4c8,#ffe8dd 44%,#ffd2dd)}.pagehero:before,.vt-hero:before{content:"";position:absolute;inset:0;background:url('assets/logo-grid-new.png') center/520px auto repeat;opacity:.16;pointer-events:none}.pagehero>* ,.vt-hero>*{position:relative;z-index:1}.pagehero h1,.vt-hero h1{animation:heroIn .65s var(--ease) both}.pagehero p,.vt-hero p{animation:heroIn .65s .08s var(--ease) both}@keyframes heroIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.hero-new:before{content:"";position:absolute;inset:0;background:url('assets/logo-grid-new.png') center/620px auto repeat;opacity:.13;pointer-events:none}.hero-new .hero-copy,.hero-new .hero-art{position:relative}.hero-new .hero-copy{animation:heroIn .7s var(--ease) both}.hero-new .hero-art{animation:artIn .85s .08s var(--ease) both}@keyframes artIn{from{opacity:0;transform:translate(28px,12px)}to{opacity:1;transform:translate(0,5px)}}
.quick{width:min(1180px,92vw);margin-left:auto;margin-right:auto}.quick a:hover,.page-quick a:hover,.vt-quick a:hover{transform:translateY(-2px) scale(1.025)}
.section{scroll-margin-top:92px}.section-head .title{letter-spacing:-.02em}.section-head{position:relative}.section-head:after{content:"";position:absolute;left:0;bottom:-9px;width:42px;height:2px;border-radius:2px;background:#ee8eaa}
.demo-reel{box-shadow:var(--shadow-soft)}.compact-reel{max-width:650px;margin:22px auto 16px;text-align:left}.demo-play{transition:.22s var(--ease);box-shadow:0 8px 20px rgba(213,85,125,.2)}.demo-play:hover,.mini-play:hover{transform:scale(1.08);box-shadow:0 10px 24px rgba(213,85,125,.25)}
.demo-rail,.music-row{scrollbar-width:thin;scrollbar-color:#efb4c4 transparent}.demo-rail{grid-auto-columns:minmax(260px,31%)}.demo-video .demo-thumb:after{transition:.25s var(--ease)}.demo-video:hover .demo-thumb:after{transform:scale(1.12);background:#fff}
.music-shelf{position:relative}.music-shelf-head{padding-right:92px}.shelf-controls{position:absolute;right:0;top:8px;display:flex;gap:7px}.shelf-controls button{width:38px;height:38px;border-radius:50%;border:1px solid #efbdca;background:#fff;color:#c85376;font-size:24px;cursor:pointer;opacity:.6;transition:.22s var(--ease)}.music-shelf:hover .shelf-controls button{opacity:1}.shelf-controls button:hover{transform:scale(1.08);box-shadow:0 8px 18px rgba(184,77,109,.16)}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{padding:24px}.service-card>b{font-size:11px;letter-spacing:.14em;color:#d05b80}.service-card h3{margin:8px 0;color:#713a4a}.service-card p{line-height:1.75;color:#84616b}
.filter{font-family:inherit;color:inherit}.work-card.is-hidden,.asmr-card.is-hidden,.vt-gallery figure.is-hidden{display:none}.work-card.filter-pop{animation:filterPop .3s var(--ease)}@keyframes filterPop{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}
.about-character-art img{transition:transform .5s var(--ease)}.about-character-art:hover img{transform:scale(1.025)}.about-sheet img{transition:transform .35s var(--ease)}.about-sheet:hover img{transform:scale(1.012)}.vt-gallery figure{cursor:zoom-in}.vt-gallery figure.is-hidden{display:none}
.image-lightbox{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:5vw;background:rgba(53,31,39,.78);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:.25s}.image-lightbox.open{opacity:1;visibility:visible}.image-lightbox img{max-width:min(1100px,92vw);max-height:88vh;object-fit:contain;border-radius:22px;box-shadow:0 28px 70px rgba(0,0,0,.25)}.image-lightbox button{position:absolute;top:24px;right:28px;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#8b435a;font-size:26px;cursor:pointer}
.vt-live{grid-template-columns:minmax(0,1.3fr) minmax(340px,.7fr);align-items:stretch}.vt-live-copy{align-self:stretch;display:flex;flex-direction:column;justify-content:center}.vt-status.is-pending i{background:#e8a94c!important;box-shadow:0 0 0 5px rgba(232,169,76,.13)!important}.stream-end{margin:30px 0 80px;padding:30px 34px;display:flex;justify-content:space-between;align-items:center;gap:24px}.stream-end h2{margin:6px 0}.stream-end p{margin:0;color:#8c6973}
.asmr-intro{text-align:center;color:#8f6a76;max-width:720px;margin:20px auto 0;line-height:1.7}.asmr-card[data-asmr="r18"]{border-style:dashed}.asmr-card[data-asmr="r18"] .asmr-cover{background:linear-gradient(145deg,#f4e8ef,#eadde7)}
.contact-email{transition:.22s var(--ease)}.contact-email:hover{transform:translateY(-2px);border-color:#e99fb4;background:#fff5f8;box-shadow:0 8px 18px rgba(184,77,109,.1)}
@media(max-width:900px){.service-grid{grid-template-columns:1fr}.demo-rail{grid-auto-columns:78%}.vt-live{grid-template-columns:1fr}.stream-end{flex-direction:column;align-items:flex-start}.music-shelf-head{padding-right:0}.shelf-controls{position:static;margin:-5px 0 12px;justify-content:flex-end}}
@media(max-width:720px){.nav{height:auto;min-height:66px;gap:5px;padding:8px 3vw;overflow-x:auto}.brand{flex:0 0 auto}.brand img{height:34px}.nav-item,.nav .commission-toggle{white-space:nowrap;padding:8px 9px;font-size:12px}.nav-cta{display:none}.drop{flex:0 0 auto}.dropmenu{position:fixed;top:66px;left:50%;transform:translate(-50%,-8px) scale(.98);width:min(92vw,360px)}.drop.open .dropmenu{transform:translate(-50%,0)}.pagehero{padding:58px 5vw 36px}.pagehero h1{font-size:42px}.music-row{grid-auto-columns:86%}.vt-gallery{grid-template-columns:1fr 1fr}.quick{width:92vw}.hero-new .hero-copy{z-index:3}}
@media(hover:none){.btn:active,.nav-item:active,.page-quick a:active,.quick a:active,.work-card:active{transform:scale(.97)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.pagehero h1,.pagehero p,.vt-hero h1,.vt-hero p,.hero-new .hero-copy,.hero-new .hero-art{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}}

/* ===== v73 refinement pass ===== */
/* New official logo-grid texture everywhere decorative brand pattern appears */
.hero-new:before,.pagehero:before,.vt-hero:before,.vt-video-card:before{background-image:url('assets/logo-grid-new.png')!important;background-size:620px auto!important;mix-blend-mode:screen;opacity:.15!important}

/* Quick-jump bars: buttons only */
.quick>b,.page-quick>b,.vt-quick>b{display:none!important}.quick,.page-quick,.vt-quick{justify-content:center}

/* Desktop dropdowns open on hover; JS keeps tap/click support */
@media(hover:hover) and (pointer:fine){.nav .drop:hover>.dropmenu,.nav .drop:focus-within>.dropmenu{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.nav .drop:after{content:"";position:absolute;left:-14px;right:-14px;top:100%;height:14px}}

/* Voice demo: arrow carousel, no visible scrollbar */
.demo-carousel{position:relative}.demo-rail{scrollbar-width:none!important;padding-bottom:4px!important;scroll-behavior:smooth}.demo-rail::-webkit-scrollbar{display:none}.demo-arrow{position:absolute;z-index:5;top:42%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:1px solid #efbdcb;background:rgba(255,255,255,.94);color:#d95880;font-size:34px;line-height:1;box-shadow:0 10px 26px rgba(113,58,74,.16);cursor:pointer;opacity:.5;transition:.22s ease}.demo-carousel:hover .demo-arrow{opacity:.96}.demo-prev{left:-22px}.demo-next{right:-22px}.demo-prev:hover{transform:translate(-3px,-50%) scale(1.07)}.demo-next:hover{transform:translate(3px,-50%) scale(1.07)}.demo-arrow:disabled{opacity:.12!important;cursor:default;transform:translateY(-50%)!important}
.r18-voice-cta{padding:34px 38px;margin:10px 0 50px;background:linear-gradient(120deg,#fff9fa,#fff2f5)}.r18-voice-cta h2{font-size:28px;margin:10px 0}.r18-voice-cta p{max-width:920px;line-height:1.8}

/* Singing: one filterable work grid */
.music-works-filter{padding-top:45px}.music-filters{justify-content:center;margin:22px 0 34px}.music-work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.music-work-grid .work-card{transition:opacity .25s ease,transform .25s ease}.music-work-grid .work-card.is-hidden{display:none}.music-work-grid .work-card.filter-pop{animation:musicPop .3s ease both}@keyframes musicPop{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}

/* About: full illustration on left, story on right */
.about-visual-grid{grid-template-columns:.86fr 1.14fr}.about-character-art{min-height:680px;place-items:center;background:#fff7f5}.about-character-art img{height:680px;width:100%;object-fit:cover;object-position:center 42%;transition:transform .45s ease}.about-character-art:hover img{transform:scale(1.018)}

/* Featured collaboration cards share the same 16:9 media ratio as Latest Works */
.collab-featured .card img{aspect-ratio:16/9!important;height:auto!important;object-fit:cover}.collab-featured .card{display:flex;flex-direction:column}.collab-featured .body{flex:1}

/* Collaboration archive: year accordion + logo wall + tooltip + modal */
.collab-years{display:grid;gap:14px;margin-top:24px}.collab-year{overflow:visible}.year-toggle{width:100%;border:0;background:transparent;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;text-align:left;color:#60404a;cursor:pointer}.year-toggle span{display:flex;align-items:center;gap:26px}.year-toggle b{font-size:22px}.year-toggle small{color:#9a6b78}.year-toggle i{font-style:normal;font-size:24px;transition:.25s ease}.collab-year.open .year-toggle i{transform:rotate(180deg)}.year-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s ease}.year-content>*{overflow:hidden}.collab-year.open .year-content{grid-template-rows:1fr}.logo-wall{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;padding:0 24px 24px}.partner-logo{min-height:116px;border:1px solid #f0c8d2;border-radius:18px;background:#fff;display:grid;place-items:center;align-content:center;gap:7px;color:#7b4b59;cursor:pointer;position:relative;transition:.22s ease}.partner-logo>span:first-child{font-weight:950;letter-spacing:.08em;color:#c25779}.partner-logo em{font-size:12px;font-style:normal}.partner-logo:hover{transform:translateY(-4px);border-color:#e99ab0;box-shadow:0 12px 26px rgba(166,73,100,.14)}.partner-logo.placeholder{border-style:dashed;opacity:.65}.logo-tip{position:absolute!important;left:50%;bottom:calc(100% + 10px);transform:translate(-50%,6px);width:180px;padding:10px 12px;border-radius:12px;background:#633d49;color:#fff!important;font-size:12px;line-height:1.5;opacity:0;visibility:hidden;pointer-events:none;box-shadow:0 10px 24px rgba(64,35,43,.2);transition:.18s ease;z-index:8}.logo-tip b{display:block;color:#fff}.partner-logo:hover .logo-tip{opacity:1;visibility:visible;transform:translate(-50%,0)}.collab-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;opacity:0;visibility:hidden;transition:.25s ease}.collab-modal.open{opacity:1;visibility:visible}.collab-modal-backdrop{position:absolute;inset:0;background:rgba(54,31,38,.55);backdrop-filter:blur(6px)}.collab-modal-card{position:relative;z-index:1;width:min(820px,90vw);max-height:86vh;overflow:auto;background:#fffaf8;border-radius:26px;box-shadow:0 30px 80px rgba(54,31,38,.28);display:grid;grid-template-columns:1.15fr .85fr}.collab-modal-card>img{width:100%;height:100%;min-height:390px;object-fit:cover}.collab-modal-copy{padding:36px;align-self:center}.collab-modal-copy h2{font-size:30px;color:#713a4a}.collab-modal-copy p{line-height:1.8}.collab-modal-card .detail-close{position:absolute;right:14px;top:14px;z-index:2}

/* Live Now: strict two-column containment, never overlap */
.vt-live{display:grid!important;grid-template-columns:minmax(0,1.6fr) minmax(360px,.7fr)!important;overflow:hidden!important;align-items:stretch}.vt-live-screen{width:100%;height:100%;min-height:520px;aspect-ratio:auto!important;overflow:hidden}.vt-live-copy{position:relative;z-index:2;background:#fffdfb;padding:32px 30px!important;min-width:0;overflow:hidden!important;align-self:stretch!important}.vt-platforms{display:flex;flex-wrap:wrap}.vt-platforms a{white-space:nowrap}.vt-content-pills{grid-template-columns:repeat(2,minmax(0,1fr))}

@media(max-width:900px){.music-work-grid{grid-template-columns:1fr}.about-visual-grid{grid-template-columns:1fr}.about-character-art,.about-character-art img{height:min(760px,110vw);min-height:0}.logo-wall{grid-template-columns:repeat(3,1fr)}.collab-modal-card{grid-template-columns:1fr}.collab-modal-card>img{min-height:240px;max-height:360px}.vt-live{grid-template-columns:1fr!important}.vt-live-screen{min-height:0;aspect-ratio:16/9!important}.demo-prev{left:4px}.demo-next{right:4px}}
@media(max-width:600px){.logo-wall{grid-template-columns:repeat(2,1fr)}.year-toggle span{gap:12px}.about-character-art,.about-character-art img{height:125vw}.r18-voice-cta{padding:28px 22px}}

/* ===== v74 ASMR & GOODS ===== */
.shop-page{padding-top:28px}.asmr-quick{margin:0 auto 54px;max-width:780px}.section-head{text-align:center;margin:0 auto 30px}.section-head h2{font-size:clamp(30px,4vw,44px);color:#9d405e;margin:8px 0 10px}.section-head p{color:#916c77}.jump-target{scroll-margin-top:105px;position:relative}.jump-target.jump-glow:after{content:"";position:absolute;inset:-14px;border-radius:34px;pointer-events:none;animation:jumpSpark 1.25s ease-out both}@keyframes jumpSpark{0%{box-shadow:0 0 0 0 rgba(255,115,158,.0),0 0 0 rgba(255,212,96,0)}25%{box-shadow:0 0 26px 7px rgba(255,115,158,.55),0 0 55px 15px rgba(255,220,112,.35)}100%{box-shadow:0 0 0 18px rgba(255,115,158,0),0 0 0 28px rgba(255,220,112,0)}}
.asmr-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:stretch}.product-card{overflow:hidden;display:flex;flex-direction:column;min-width:0}.product-media{position:relative;border:0;padding:0;background:#fff5f7;cursor:zoom-in;overflow:hidden;aspect-ratio:1/1;width:100%}.product-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.product-media:hover img,.merch-cover:hover img{transform:scale(1.025)}.product-body{padding:20px;display:flex;flex:1;flex-direction:column}.product-body h3{font-size:20px;margin:13px 0;color:#67434d}.product-body p{color:#8f6b76;line-height:1.7}.product-tags{display:flex;gap:7px;flex-wrap:wrap}.r18-tag{background:#7d4456!important;color:#fff!important}.product-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px}.product-bottom b{color:#bb70ef;font-size:20px}.product-link{color:#cc4f76;font-weight:850;text-decoration:none;transition:.22s ease}.product-link:hover{color:#e2376b;transform:translateX(3px)}.disabled-link{margin-top:auto;color:#a48c94;cursor:default}.media-count{position:absolute;right:12px;bottom:12px;padding:7px 10px;border-radius:999px;background:rgba(91,52,64,.78);color:#fff;font-size:11px;font-weight:900;letter-spacing:.08em;backdrop-filter:blur(7px)}.coming-card{min-height:100%;background:linear-gradient(145deg,#fff8fa,#fff0f5)}.coming-inner{min-height:100%;display:grid;place-items:center;align-content:center;text-align:center;padding:30px;color:#c46a87}.coming-inner span{font-size:34px}.coming-inner h3{letter-spacing:.12em}.asmr-support{margin:28px 0 70px;padding:28px 34px;display:flex;align-items:center;justify-content:space-between;gap:28px;background:linear-gradient(120deg,#fffaf7,#fff0f5)}.asmr-support h3{font-size:26px;color:#8f405a;margin:7px 0}.asmr-support p{max-width:850px;color:#8e6874;line-height:1.75;margin:0}.asmr-support .btn{flex:0 0 auto}.merch-series-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:70px}.merch-series{overflow:hidden}.merch-cover{width:100%;aspect-ratio:1/1;border:0;padding:0;background:#fff;position:relative;overflow:hidden;cursor:zoom-in}.merch-cover img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .35s ease}.merch-copy{padding:24px}.merch-copy h3{font-size:25px;color:#67434d;margin:12px 0}.merch-copy p{color:#8d6974;line-height:1.7}.gallery-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:52px!important;height:52px!important;top:50%!important;background:rgba(255,255,255,.92)!important;color:#c64f74!important;font-size:34px!important}.gallery-lightbox-prev{left:24px;right:auto!important}.gallery-lightbox-next{right:24px!important}.gallery-lightbox-count{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);padding:7px 13px;border-radius:999px;background:rgba(255,255,255,.9);color:#7b4b59;font-weight:800}.image-lightbox img{user-select:none;-webkit-user-drag:none}.image-lightbox{user-select:none}
@media(max-width:1050px){.asmr-product-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.asmr-product-grid,.merch-series-grid{grid-template-columns:1fr}.asmr-support{flex-direction:column;align-items:flex-start}.asmr-support .btn{width:100%;text-align:center}.gallery-lightbox-prev{left:8px}.gallery-lightbox-next{right:8px!important}}

/* v75 — proportional media layouts, reference carousel, masonry art gallery */
.hashtag-title{text-align:center;margin:22px 0 24px}
.reference-carousel{position:relative;padding:26px 30px 22px;overflow:hidden}
.reference-stage{width:100%;height:clamp(360px,48vw,650px);border:0;background:#fffaf8;border-radius:20px;padding:12px;cursor:zoom-in;display:grid;place-items:center;overflow:hidden}
.reference-stage img{width:100%;height:100%;object-fit:contain;display:block;transition:opacity .18s ease,transform .25s ease}
.reference-stage:hover img{transform:scale(1.012)}
.reference-meta{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px 58px 4px}.reference-meta h3{font-size:24px;margin:5px 0}.reference-meta p{margin:0;color:#986c78}.reference-meta .btn{flex:0 0 auto}
.reference-nav{position:absolute;z-index:3;top:45%;width:48px;height:48px;border-radius:50%;border:1px solid #efb6c4;background:#fffdfbea;color:#c34e70;font-size:36px;line-height:1;cursor:pointer;opacity:.28;transition:.25s ease;box-shadow:0 8px 22px #a9516d1a}.reference-prev{left:18px}.reference-next{right:18px}.reference-carousel:hover .reference-nav{opacity:.94}.reference-nav:hover{transform:scale(1.08);box-shadow:0 10px 24px #a9516d35}.reference-prev:hover{translate:-2px 0}.reference-next:hover{translate:2px 0}
.reference-dots{display:flex;justify-content:center;gap:11px;padding-top:16px}.reference-dots button{width:13px;height:13px;padding:0;border-radius:50%;border:1px solid #e87899;background:#fff;cursor:pointer;transition:.2s}.reference-dots button.active,.reference-dots button:hover{background:#df5c82;transform:scale(1.15)}
.character-card img{height:320px;aspect-ratio:auto;object-fit:cover}.character-card .character-focus-head{object-position:50% 14%}
.vt-gallery{display:block;columns:3 270px;column-gap:16px}.vt-gallery figure{break-inside:avoid;margin:0 0 16px;display:inline-block;width:100%;vertical-align:top}.vt-gallery img{width:100%;height:auto;max-height:none;object-fit:contain;background:#fff8f8;display:block}.vt-gallery .gallery-cutout img{padding:14px}.vt-gallery-placeholder{min-height:360px;display:inline-flex;width:100%}.vt-gallery figure.is-hidden{display:none!important}
.featured-uniform{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-uniform .card img{aspect-ratio:16/9;height:auto;object-fit:cover}.featured-uniform .card{display:flex;flex-direction:column}.featured-uniform .body{flex:1}
@media(max-width:800px){.reference-carousel{padding:14px}.reference-stage{height:55vw;min-height:260px}.reference-meta{padding:15px 8px 2px;align-items:flex-start;flex-direction:column}.reference-nav{width:40px;height:40px;font-size:30px}.reference-prev{left:8px}.reference-next{right:8px}.vt-gallery{columns:2 150px}.featured-uniform{grid-template-columns:1fr}.character-card img{height:280px}}
/* v76 — ASMR, merch carousel, mixed-ratio gallery */
.asmr-showcase-head{position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin:0 0 28px;padding:34px 38px;border:1px solid #f1c7d0;border-radius:28px;background:linear-gradient(125deg,#fffaf6 0%,#fff0f5 58%,#fff8e9 100%);box-shadow:0 18px 45px rgba(184,77,109,.08)}
.asmr-showcase-head:after{content:'〰 〰 〰';position:absolute;right:30px;top:18px;font-size:40px;letter-spacing:10px;color:#efb5c6;opacity:.18;transform:rotate(-5deg)}.asmr-head-copy{position:relative;z-index:1}.asmr-showcase-head h2{font-size:clamp(32px,4vw,52px);margin:7px 0 8px;color:#a13e5e;line-height:1.12}.asmr-showcase-head p{margin:0;color:#8f6874;font-size:17px}.asmr-head-tags{display:flex;gap:8px;margin-top:17px}.asmr-head-tags span{padding:7px 12px;border-radius:999px;background:#fff;border:1px solid #f1c3cf;color:#b65371;font-weight:800;font-size:12px}.asmr-head-note{position:relative;z-index:1;max-width:360px;padding:15px 18px;border-radius:18px;background:#ffffffa8;color:#9a6e7b;line-height:1.75;font-size:13px}
.product-media img{object-fit:contain;background:#fff8f8}.product-media-wide{aspect-ratio:1/1}.product-media-wide img{object-fit:contain}.media-count{display:none!important}
.merch-carousel{position:relative;padding:28px 58px 52px;overflow:hidden;background:linear-gradient(135deg,#fffaf7,#fff3f7)}.merch-viewport{overflow:hidden}.merch-track{display:flex;gap:18px;transition:transform .45s cubic-bezier(.2,.75,.25,1)}.merch-slide{flex:0 0 calc((100% - 36px)/3);min-width:0;background:#fff;border:1px solid #f1c8d1;border-radius:22px;overflow:hidden;box-shadow:0 10px 24px rgba(176,79,108,.07);transition:.25s ease}.merch-slide:hover{transform:translateY(-5px);box-shadow:0 16px 30px rgba(176,79,108,.14)}.merch-slide img{width:100%;aspect-ratio:1/1;object-fit:contain;background:#fff;display:block}.merch-slide>div{padding:17px 18px 20px}.merch-slide h3{margin:10px 0 4px;color:#6b4450;font-size:18px}.merch-slide p{margin:0;color:#9a707c;font-size:13px}.merch-arrow{position:absolute;z-index:3;top:45%;width:44px;height:44px;border-radius:50%;border:1px solid #efb7c5;background:#fffdfbe8;color:#c44f72;font-size:32px;cursor:pointer;opacity:.3;transition:.25s ease;box-shadow:0 8px 20px #a9516d1a}.merch-prev{left:10px}.merch-next{right:10px}.merch-carousel:hover .merch-arrow{opacity:.95}.merch-arrow:hover{transform:scale(1.08);box-shadow:0 10px 24px #a9516d35}.merch-dots{position:absolute;left:0;right:0;bottom:18px;display:flex;justify-content:center;gap:9px}.merch-dots button{width:10px;height:10px;border-radius:50%;padding:0;border:1px solid #df6b8c;background:#fff;cursor:pointer;transition:.2s}.merch-dots button.active,.merch-dots button:hover{background:#df6b8c;transform:scale(1.2)}
.vt-gallery{display:block;columns:3 260px;column-gap:18px}.vt-gallery figure{display:inline-block;width:100%;margin:0 0 18px;break-inside:avoid;overflow:hidden}.vt-gallery img{width:100%;height:auto!important;max-height:none!important;object-fit:contain!important;background:#fff8f8}.vt-gallery figcaption{background:#fff}.character-card .character-focus-head{object-position:50% 8%}
.reference-stage{height:auto;min-height:360px;aspect-ratio:16/10}.reference-stage img{object-fit:contain}
@media(max-width:800px){.asmr-showcase-head{align-items:flex-start;flex-direction:column;padding:26px 22px;gap:20px}.asmr-head-note{max-width:none}.merch-carousel{padding:18px 42px 48px}.merch-slide{flex-basis:100%}.vt-gallery{columns:2 150px}}
@media(max-width:520px){.vt-gallery{columns:1}.asmr-product-grid{grid-template-columns:1fr}}

/* v77 — polish pass: reference sheet, collaboration cards, music feature, responsive rhythm */
:root{scroll-behavior:smooth}
.section-head p{margin:.45rem 0 0;color:#9a6d79;line-height:1.7}
/* Restore the roomy reference-sheet proportion requested by the visual reference */
.reference-carousel{padding:26px 30px 22px!important}
.reference-stage{height:clamp(440px,43vw,620px)!important;min-height:440px!important;aspect-ratio:auto!important;padding:18px!important;background:#fffdfc!important}
.reference-stage img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}
.reference-meta{padding-top:22px!important}
/* collaboration: image-first, copy underneath, no side-by-side dead space */
.featured-uniform,.collab-featured{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px!important}
.featured-card{overflow:hidden!important;display:flex!important;flex-direction:column!important;padding:0!important}
.featured-card .featured-media{width:100%;aspect-ratio:16/10;background:#fff7f8;display:grid;place-items:center;overflow:hidden}
.featured-card .featured-media img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;display:block;transition:transform .28s ease}
.featured-card:hover .featured-media img{transform:scale(1.018)}
.featured-card .body{padding:22px 22px 24px!important;display:flex;flex-direction:column;align-items:flex-start;flex:1}
.featured-card .body h3{margin:14px 0 8px;font-size:23px}.featured-card .body p{margin:0 0 14px;line-height:1.7}.featured-card .detail-link{margin-top:auto}
/* singing: make the actual original song the visual anchor */
.music-featured{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.7fr);overflow:hidden;border:1px solid #f0c5cf;border-radius:28px;background:linear-gradient(135deg,#fff,#fff2f6);box-shadow:0 16px 38px rgba(176,79,108,.09);margin:28px 0 22px}
.music-video{aspect-ratio:16/9;background:#2d2025}.music-video iframe{width:100%;height:100%;border:0;display:block}.music-featured-copy{padding:34px;align-self:center}.music-featured-copy h3{font-size:30px;color:#713a4a;margin:12px 0}.music-featured-copy p{line-height:1.8;color:#8e6874}.music-featured-copy .btn{margin-top:12px}.music-coming-grid{grid-template-columns:repeat(2,1fr)!important}.music-coming{background:linear-gradient(135deg,#ffe5ec,#fff1d8)!important;display:grid!important;place-items:center!important}.music-coming span{font-size:46px;color:#d45b7c}
/* quieter page heroes and better vertical rhythm */
.pagehero{overflow:hidden}.pagehero h1{letter-spacing:.01em}.panel,.card{isolation:isolate}
@media(max-width:900px){.music-featured{grid-template-columns:1fr}.music-featured-copy{padding:24px}.featured-uniform,.collab-featured{grid-template-columns:1fr!important}.reference-stage{height:55vw!important;min-height:300px!important}.music-coming-grid{grid-template-columns:1fr!important}}
@media(max-width:520px){.reference-carousel{padding:12px!important}.reference-stage{height:68vw!important;min-height:250px!important;padding:6px!important}.featured-card .body{padding:18px!important}.music-featured{border-radius:20px}.music-featured-copy h3{font-size:24px}}

/* v81 — ASMR compact 16:9 cards, interactive audience filters, fox paw decoration */
.asmr-showcase-head:after{content:'🐾  🐾  🐾';right:34px;top:19px;font-size:24px;letter-spacing:5px;color:#e8a8ba;opacity:.16;transform:rotate(-4deg);filter:grayscale(1) sepia(.18)}
.asmr-head-tags button{appearance:none;padding:7px 13px;border-radius:999px;background:#fff;border:1px solid #f1c3cf;color:#b65371;font:inherit;font-weight:800;font-size:12px;cursor:pointer;transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease}
.asmr-head-tags button:hover{transform:translateY(-1px);background:#fff3f7;box-shadow:0 6px 14px rgba(190,83,115,.1)}
.asmr-head-tags button.active{background:#d95d82;color:#fff;border-color:#d95d82;box-shadow:0 7px 16px rgba(190,83,115,.2)}
.asmr-product-grid{align-items:start}
.product-card{height:auto;min-height:0}
.product-media,.product-media-wide{aspect-ratio:16/9;background:#fff8f8}
.product-media img,.product-media-wide img{width:100%;height:100%;object-fit:contain;background:#fff8f8}
.product-body{padding:18px 20px 19px;min-height:220px}
.product-body h3{margin:12px 0 7px}
.product-body p{margin:0 0 14px}
.r18-card .product-link{margin-top:auto}
.coming-card{min-height:0;aspect-ratio:auto;height:100%}
.coming-inner{min-height:0;height:100%;padding:36px 24px}
.product-card.is-filtered-out{display:none}
@media(max-width:760px){.product-body{min-height:0}.coming-card{min-height:220px}.asmr-showcase-head:after{font-size:20px;right:16px;top:14px}}

/* v82 polish: dropdown alignment + compact collaboration cards */
.nav .dropmenu{
  left:50%!important;
  right:auto!important;
  top:calc(100% + 8px)!important;
  transform:translateX(-50%)!important;
  transform-origin:top center;
}
/* Keep selected collaboration cards at the same visual scale as homepage work cards. */
.featured-uniform,.collab-featured{
  width:min(1040px,100%)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:22px!important;
}
.featured-uniform .featured-card,.collab-featured .featured-card{min-width:0!important}
.featured-uniform .featured-media,.collab-featured .featured-media{aspect-ratio:16/9!important}
@media(max-width:900px){
  .featured-uniform,.collab-featured{grid-template-columns:1fr!important;width:min(560px,100%)!important}
}

/* v83: homepage Featured Collaborations must match Latest Works card scale exactly */
@media (min-width:801px){
  .featured-home .featured-pair{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:18px!important;
    width:100%!important;
    margin:0!important;
  }
  .featured-home .featured-card{
    display:block!important;
    min-height:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  .featured-home .featured-card>img{
    width:100%!important;
    height:auto!important;
    aspect-ratio:16/10!important;
    object-fit:cover!important;
    display:block!important;
  }
  .featured-home .featured-card>div{
    padding:18px!important;
  }
  .featured-home .featured-card h3{
    font-size:1.17em!important;
    margin:14px 0 6px!important;
  }
  .featured-home .featured-card p{margin:0!important}
}
@media (max-width:800px){
  .featured-home .featured-pair{grid-template-columns:1fr!important}
}
/* v84 collaboration history accordion */
.page-history .collab-year{overflow:hidden}
.page-history .year-toggle{transition:background .22s ease;padding:20px 24px}
.page-history .year-toggle:hover{background:#fff3f5}
.page-history .year-main{display:flex;align-items:center;gap:24px}
.page-history .year-meta{display:flex;align-items:center;gap:18px;margin-left:auto}
.page-history .year-meta em{font-style:normal;font-size:11px;font-weight:900;letter-spacing:.12em;color:#c66b86}
.page-history .year-content{display:block;max-height:0;opacity:0;visibility:hidden;overflow:hidden;transition:max-height .42s ease,opacity .22s ease,visibility 0s linear .42s}
.page-history .collab-year.open .year-content{max-height:1800px;opacity:1;visibility:visible;transition:max-height .5s ease,opacity .28s ease,visibility 0s}
.page-history .year-content-inner{padding:6px 24px 26px;border-top:1px solid #f5dce3}
.page-history .year-block-head{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:22px 0 14px}
.page-history .year-block-head h3{margin:3px 0 0;font-size:22px;color:#65414c}
.page-history .year-block-head p{margin:0;color:#a47783;font-size:13px}
.page-history .logo-wall{padding:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.page-history .partner-logo{min-height:96px;background:linear-gradient(145deg,#fff,#fff8f8)}
.page-history .partner-logo>span:first-child{font-size:14px;text-align:center}
.page-history .year-project-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:26px;padding-top:20px;border-top:1px dashed #efccd6;font-weight:900;color:#69434e}
.page-history .year-pills{display:flex;flex-wrap:wrap;gap:7px}
.page-history .year-pills button{border:1px solid #efc3cf;background:#fff;border-radius:999px;padding:7px 12px;color:#a85a72;font-weight:800;cursor:pointer}
.page-history .year-pills button.active{background:#ef7195;color:#fff;border-color:#ef7195}
.page-history .year-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}
.page-history .year-project{overflow:hidden;border:1px solid #f1ccd5;border-radius:18px;background:#fff}
.page-history .year-project>img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#fff9f8}
.page-history .year-project>div{padding:15px}
.page-history .year-project h4{margin:9px 0 12px;font-size:16px;color:#65414c}
.page-history .history-detail{border:0;background:transparent;padding:0;color:#cf4f76;font-weight:900;cursor:pointer}
.page-history .media-modal{grid-template-columns:1.15fr .85fr;width:min(980px,92vw)}
.page-history .collab-media-stage{background:#2f2528;display:grid;place-items:center;min-height:420px}
.page-history .collab-media-stage img,.page-history .collab-media-stage iframe{width:100%;height:100%;max-height:610px;object-fit:contain;border:0}
.page-history .collab-media-strip{display:flex;gap:9px;overflow-x:auto;margin:18px 0 10px;padding-bottom:5px}
.page-history .collab-media-thumb{flex:0 0 86px;width:86px;height:58px;padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;background:#fff;cursor:pointer}
.page-history .collab-media-thumb.active{border-color:#ed7194}
.page-history .collab-media-thumb img{width:100%;height:100%;object-fit:cover}
.page-history .media-note{font-size:12px!important;color:#9b7480;line-height:1.65!important}
@media(max-width:900px){.page-history .year-projects{grid-template-columns:1fr 1fr}.page-history .media-modal{grid-template-columns:1fr}.page-history .collab-media-stage{min-height:0;aspect-ratio:16/9}.page-history .year-block-head{align-items:start;flex-direction:column}.page-history .logo-wall{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.page-history .year-projects{grid-template-columns:1fr}.page-history .year-meta em{display:none}.page-history .year-main{gap:12px}.page-history .year-content-inner{padding:4px 16px 20px}.page-history .logo-wall{grid-template-columns:1fr 1fr}.page-history .year-project-head{align-items:flex-start;flex-direction:column}}

/* v85: collaboration-history Featured cards use the same scale as standard Latest Works cards */
.page-history .collab-featured{
  width:100%!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
}
.page-history .collab-featured .featured-card{
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
}
.page-history .collab-featured .featured-media{
  width:100%!important;
  aspect-ratio:16/10!important;
  min-height:0!important;
}
.page-history .collab-featured .featured-media img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}
.page-history .collab-featured .body{
  padding:18px!important;
}
.page-history .collab-featured .body h3{
  font-size:1.17em!important;
  margin:14px 0 6px!important;
}
@media(max-width:900px){
  .page-history .collab-featured{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
  .page-history .collab-featured{grid-template-columns:1fr!important}
}

/* v86 collaboration/event media viewer */
.page-history .detail-link.history-detail{border:1px solid #f0bfd0;background:#fff7fa;border-radius:999px;padding:9px 14px;color:#c84f78;font:inherit;font-weight:900;cursor:pointer;transition:.2s}
.page-history .detail-link.history-detail:hover{background:#ffeaf1;transform:translateY(-2px)}
.page-history .media-modal{width:min(1040px,94vw)!important;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr)!important;align-items:stretch;overflow:hidden!important}
.page-history .collab-media-stage{min-height:560px!important;background:#2d2528;position:relative;overflow:hidden}
.page-history .collab-media-stage>img{width:100%;height:100%;max-height:none!important;object-fit:contain;background:#2d2528}
.page-history .collab-media-stage iframe{width:100%;height:100%;min-height:560px;border:0;background:#111}
.page-history .collab-modal-copy{padding:34px!important;align-self:stretch!important;overflow:auto;max-height:86vh}
.page-history .collab-detail-top h2{margin:10px 0 4px!important;font-size:30px!important}
.page-history .collab-partner{font-weight:850;color:#9f5870;margin:0 0 12px!important}
.page-history .collab-facts{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.page-history .collab-facts span:not(:empty){display:inline-flex;padding:7px 10px;border-radius:999px;background:#fff0f4;color:#885563;font-size:12px;font-weight:800}
.page-history .media-gallery-head{display:flex;align-items:end;justify-content:space-between;gap:14px;border-top:1px dashed #edcad5;margin-top:24px;padding-top:20px}
.page-history .media-gallery-head h3{margin:4px 0 0;font-size:18px;color:#69434e}
.page-history .media-gallery-head small{color:#a47783}
.page-history .collab-media-strip{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px!important;overflow:visible!important}
.page-history .collab-media-thumb{width:100%!important;height:auto!important;aspect-ratio:16/10!important;position:relative;border-radius:12px!important;background:#f8edf0!important}
.page-history .collab-media-thumb img{width:100%;height:100%;object-fit:cover}
.page-history .media-badge{position:absolute;left:6px;bottom:6px;padding:4px 7px;border-radius:999px;background:rgba(58,39,45,.82);color:white;font-size:9px;font-weight:900;letter-spacing:.04em}
.page-history .media-source{min-height:34px;margin-top:10px;font-size:12px;color:#9a7180}
.page-history .media-source a{color:#c94e78;font-weight:900}
@media(max-width:900px){.page-history .media-modal{grid-template-columns:1fr!important}.page-history .collab-media-stage{min-height:0!important;aspect-ratio:16/9}.page-history .collab-media-stage iframe{min-height:0;height:100%}.page-history .collab-modal-copy{max-height:none}.page-history .collab-media-strip{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.page-history .collab-media-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.page-history .media-gallery-head{align-items:flex-start;flex-direction:column}.page-history .collab-modal-copy{padding:24px 18px!important}}
.page-history .external-media-fallback{color:#fff;text-align:center;padding:42px;max-width:520px}.page-history .external-media-fallback strong{font-size:28px}.page-history .external-media-fallback p{line-height:1.7;color:#eadde1}

/* v87 homepage latest events + shared collaboration media modal */
.page-index .latest-event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.page-index .latest-event-card{overflow:hidden;display:flex;flex-direction:column;min-width:0;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
.page-index .latest-event-card:hover{transform:translateY(-5px);border-color:#eea6b9;box-shadow:0 18px 38px rgba(166,73,100,.14)}
.page-index .latest-event-card>img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.page-index .latest-event-card .body{padding:22px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;flex:1}
.page-index .latest-event-card h3{margin:0;color:#60404a;font-size:21px}.page-index .latest-event-card p{margin:0 0 4px;color:#946d78;line-height:1.65}
.page-index .latest-event-card .detail-link{margin-top:auto}
.page-index .featured-card{cursor:pointer}.page-index .featured-card .detail-link{margin-top:10px}
.page-index .collab-modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;opacity:0;visibility:hidden;transition:.25s ease}
.page-index .collab-modal.open{opacity:1;visibility:visible}.page-index .collab-modal-backdrop{position:absolute;inset:0;background:rgba(54,31,38,.55);backdrop-filter:blur(6px)}
.page-index .media-modal{position:relative;z-index:1;width:min(1180px,94vw);max-height:90vh;overflow:hidden;background:#fffaf8;border-radius:28px;box-shadow:0 30px 80px rgba(54,31,38,.28);display:grid;grid-template-columns:1.25fr .85fr}
.page-index .media-modal>.detail-close{position:absolute;right:16px;top:16px;z-index:4}.page-index .collab-media-stage{background:#2d2528;display:grid;place-items:center;min-height:560px;position:relative;overflow:hidden}
.page-index .collab-media-stage>img{width:100%;height:100%;object-fit:contain;background:#2d2528}.page-index .collab-media-stage iframe{width:100%;height:100%;min-height:560px;border:0;background:#111}
.page-index .collab-modal-copy{padding:34px;align-self:stretch;overflow:auto;max-height:90vh}.page-index .collab-modal-copy h2{font-size:30px;color:#713a4a;margin:.4em 0}.page-index .collab-partner{font-weight:800;color:#9f5269}.page-index .collab-facts{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.page-index .collab-facts span:not(:empty){padding:8px 12px;border-radius:999px;background:#fff0f4;color:#895565;font-size:13px;font-weight:700}.page-index .collab-detail-top>p:last-child{line-height:1.8}.page-index .media-gallery-head{border-top:1px dashed #ecc8d2;margin-top:24px;padding-top:22px;display:flex;justify-content:space-between;gap:16px;align-items:end}.page-index .media-gallery-head h3{margin:5px 0 0}.page-index .media-gallery-head small{color:#a87a87}.page-index .collab-media-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:18px 0 10px}.page-index .collab-media-thumb{width:100%;aspect-ratio:16/10;padding:0;border:2px solid transparent;border-radius:12px;overflow:hidden;background:#f8edf0;cursor:pointer;position:relative}.page-index .collab-media-thumb.active{border-color:#ed7194}.page-index .collab-media-thumb img{width:100%;height:100%;object-fit:cover}.page-index .media-badge{position:absolute;left:6px;bottom:5px;background:rgba(75,46,55,.78);color:#fff;border-radius:999px;padding:3px 7px;font-size:9px;font-weight:900}.page-index .media-source a{color:#d34e76;font-weight:800}.page-index .external-media-fallback{color:#fff;text-align:center;padding:30px;max-width:440px}.page-index .external-media-fallback strong{font-size:26px}
@media(max-width:900px){.page-index .latest-event-grid{grid-template-columns:1fr 1fr}.page-index .media-modal{grid-template-columns:1fr;overflow:auto}.page-index .collab-media-stage{min-height:0;aspect-ratio:16/9}.page-index .collab-media-stage iframe{min-height:0;height:100%}.page-index .collab-modal-copy{max-height:none}.page-index .collab-media-strip{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:620px){.page-index .latest-event-grid{grid-template-columns:1fr}.page-index .collab-media-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.page-index .media-gallery-head{align-items:flex-start;flex-direction:column}.page-index .collab-modal-copy{padding:24px 18px}}

/* v88: logo-first collaboration archive */
.page-history .logo-only-year{padding-bottom:32px}
.page-history .logo-wall-showcase{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.page-history .logo-wall-showcase .partner-logo{min-height:154px;padding:18px 12px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid #f1ccd5;border-radius:20px;background:rgba(255,255,255,.78);box-shadow:0 10px 28px rgba(194,101,127,.07);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;overflow:hidden}
.page-history .logo-wall-showcase .partner-logo:hover{transform:translateY(-5px);border-color:#eb8eaa;background:#fff;box-shadow:0 16px 32px rgba(194,101,127,.15)}
.page-history .partner-logo-art{height:72px;width:100%;display:grid;place-items:center}
.page-history .partner-logo-art img{width:100%;height:100%;object-fit:contain}
.page-history .partner-wordmark{height:72px;display:grid;place-items:center;text-align:center;color:#c55579;font-size:18px;font-weight:950;line-height:1.18;letter-spacing:.02em}
.page-history .partner-logo-name{font-size:12px!important;font-weight:900;color:#70424f;text-align:center;line-height:1.35}
.page-history .logo-wall-showcase .partner-logo em{font-size:10px;color:#b77a8b;font-style:normal;font-weight:750}
.page-history .logo-wall-note{margin:16px 0 0;text-align:center;color:#ac7a88;font-size:12px}
.page-history .collab-project-list{border-top:1px dashed #edcad5;margin-top:24px;padding-top:20px}
.page-history .collab-project-list h3{margin:4px 0 12px;font-size:18px;color:#69434e}
.page-history .collab-project-chips{display:flex;flex-wrap:wrap;gap:8px}
.page-history .collab-project-chip{border:1px solid #efc8d3;background:#fff7fa;border-radius:999px;padding:8px 11px;color:#a8506c;font-size:12px;font-weight:850}
@media(max-width:1100px){.page-history .logo-wall-showcase{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.page-history .logo-wall-showcase{grid-template-columns:repeat(3,minmax(0,1fr))}.page-history .logo-wall-showcase .partner-logo{min-height:132px}}
@media(max-width:520px){.page-history .logo-wall-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v89 — compact frameless partner logo wall */
.page-history .logo-wall-showcase{
  display:grid!important;
  grid-template-columns:repeat(8,minmax(72px,1fr))!important;
  gap:24px 30px!important;
  align-items:center;
  padding:18px 4px 8px;
}
.page-history .logo-wall-showcase .partner-logo{
  min-height:0!important;height:92px!important;padding:6px!important;
  border:0!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;display:grid!important;place-items:center!important;
  overflow:visible!important;cursor:pointer;position:relative;
}
.page-history .logo-wall-showcase .partner-logo img{
  display:block;width:100%;height:100%;object-fit:contain;transition:transform .22s ease,filter .22s ease;
}
.page-history .logo-wall-showcase .partner-logo:hover{transform:none!important;box-shadow:none!important;background:transparent!important}
.page-history .logo-wall-showcase .partner-logo:hover img{transform:translateY(-4px) scale(1.07);filter:drop-shadow(0 10px 10px rgba(176,83,111,.16))}
.page-history .logo-wall-note{text-align:left!important;margin-top:14px!important}
.page-history .collab-brand-head{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.page-history .collab-brand-head img{width:54px;height:54px;object-fit:contain;display:none}
.page-history .collab-brand-head img[src]:not([src=""]){display:block}
.page-history .collab-project-chips{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px!important}
.page-history .collab-project-chip{display:flex!important;min-height:64px;align-items:center;justify-content:center;text-align:center;border:1px solid #efc8d3!important;background:#fffafa!important;border-radius:15px!important;padding:10px 12px!important;line-height:1.45;white-space:pre-line}
@media(max-width:1100px){.page-history .logo-wall-showcase{grid-template-columns:repeat(6,minmax(68px,1fr))!important}}
@media(max-width:760px){.page-history .logo-wall-showcase{grid-template-columns:repeat(4,minmax(62px,1fr))!important;gap:18px!important}.page-history .logo-wall-showcase .partner-logo{height:76px!important}.page-history .collab-project-chips{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:480px){.page-history .logo-wall-showcase{grid-template-columns:repeat(3,minmax(58px,1fr))!important}.page-history .collab-project-chips{grid-template-columns:1fr!important}}

/* v90 preview — one partner, multiple game titles/logos */
.page-history .collab-project-chips{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.page-history .collab-project-chip{min-height:112px!important;display:grid!important;grid-template-columns:86px 1fr!important;gap:14px!important;justify-content:stretch!important;text-align:left!important;padding:14px!important}
.page-history .collab-project-chip img{width:86px;height:76px;object-fit:contain;display:block}
.page-history .collab-project-chip b{font-size:13px;line-height:1.5;color:#744451}
@media(max-width:600px){.page-history .collab-project-chips{grid-template-columns:1fr!important}.page-history .collab-project-chip{grid-template-columns:72px 1fr!important}.page-history .collab-project-chip img{width:72px;height:64px}}
/* v91 partner wall + compact collaboration history */
.page-history .partner-logo.partner-logo-image{height:auto!important;min-height:0!important;padding:0!important;gap:7px!important;overflow:visible!important}
.page-history .partner-logo.partner-logo-image img{width:82px!important;height:82px!important;object-fit:contain!important}
.page-history .partner-logo-name{display:block;font-size:13px!important;font-weight:850;color:#70424f;text-align:center;line-height:1.35}
.page-history .collab-summary{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 4px}
.page-history .collab-summary span{padding:7px 11px;border-radius:999px;background:#fff0f4;color:#a64d69;font-size:12px;font-weight:850}
.page-history .collab-project-chips{display:block!important}
.page-history .collab-project-chip{min-height:0!important;display:grid!important;grid-template-columns:68px minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;border:0!important;border-bottom:1px solid #f2dbe1!important;background:transparent!important;border-radius:0!important;padding:11px 0!important;text-align:left!important}
.page-history .collab-project-chip:last-child{border-bottom:0!important}
.page-history .collab-project-chip img{width:64px!important;height:52px!important;object-fit:contain!important}
.page-history .collab-project-chip b{font-size:13px;line-height:1.45;color:#70424f}
.page-history .collab-project-count{font-size:11px;font-weight:850;color:#c16380;background:#fff0f4;border-radius:999px;padding:6px 9px;white-space:nowrap}
@media(max-width:600px){.page-history .collab-project-chip{grid-template-columns:58px minmax(0,1fr) auto!important}.page-history .collab-project-chip img{width:54px!important;height:46px!important}}

/* v92 — partner-first modal hierarchy */
.page-history .collab-modal-copy #collab-modal-title{font-size:28px;line-height:1.25;margin:8px 0 5px;color:#713a4a}
.page-history .collab-modal-copy .collab-partner{font-size:14px;margin:0 0 8px;color:#9f5269;font-weight:800}
.page-history .collab-project-list h3{font-size:17px}
@media(max-width:600px){.page-history .collab-modal-copy #collab-modal-title{font-size:24px}}

/* v94 history timeline + filtering + award metric */
.history-filters .filter{border:1px solid #efc5cf;background:#fffaf9;border-radius:999px;padding:10px 18px;cursor:pointer;font:inherit;color:#75505c;transition:.2s ease}
.history-filters .filter.active,.history-filters .filter:hover{background:#ef7898;color:#fff;border-color:#ef7898;transform:translateY(-1px)}
.history-empty{grid-column:1/-1;padding:20px 0;color:#b0808d;font-size:14px}
.page-history .collab-year.filter-no-results .logo-wall-showcase:after{content:'此分類目前沒有已加入的合作資料';color:#b0808d;font-size:14px;padding:18px}
.award-stat{display:inline-flex!important;margin-top:8px;width:max-content;padding:6px 10px;border-radius:999px;background:#fff1f5;color:#b44d70;font-size:11px!important;font-weight:900;letter-spacing:.08em}

/* ===== v95 — unified vertical detail modals + demo libraries ===== */
.collab-modal-card.media-modal{
  display:flex!important;flex-direction:column!important;width:min(980px,92vw)!important;
  max-height:90vh!important;overflow:auto!important;background:#fffaf8;border-radius:28px!important;
}
.collab-modal-card.media-modal>.collab-modal-copy{order:1!important;width:100%!important;padding:34px 38px 24px!important;overflow:visible!important}
.collab-modal-card.media-modal>.collab-media-stage{order:2!important;width:100%!important;height:clamp(300px,52vw,600px)!important;min-height:300px!important;background:#2e2729!important;border-radius:0 0 28px 28px!important}
.collab-modal-card.media-modal>.collab-media-stage img{width:100%!important;height:100%!important;object-fit:contain!important;background:#2e2729!important}
.collab-modal-card.media-modal>.collab-media-stage iframe{width:100%!important;height:100%!important;aspect-ratio:16/9;border:0}
.collab-modal-card.media-modal .collab-media-strip{margin-top:12px}
.collab-modal-card.media-modal .media-gallery-head{margin-top:22px}
.page-history .collab-brand-head img{width:64px!important;height:64px!important}

/* featured page uses the same top-info / bottom-media system */
.featured-page-modal .collab-modal-card{padding-bottom:0}
.featured-page-modal .collab-modal-copy{padding-bottom:18px!important}
.featured-page-modal .collab-media-area{order:2;padding:0 38px 34px;width:100%;box-sizing:border-box}
.featured-page-modal .collab-media-stage{height:clamp(320px,52vw,610px)!important;border-radius:20px!important;overflow:hidden;background:#2e2729!important;margin-top:14px}
.featured-page-modal .collab-media-stage img{width:100%;height:100%;object-fit:contain;background:#2e2729}
.featured-page-modal .collab-media-stage iframe{width:100%;height:100%;border:0}

/* Voice cards are category entrances, not one-file players */
.demo-video{appearance:none;border:1px solid #f1c7d0;text-align:left;cursor:pointer;font:inherit;color:inherit;padding:0;transition:.25s ease}
.demo-video:hover{transform:translateY(-5px);border-color:#e990aa;box-shadow:0 16px 32px rgba(176,79,108,.15)}
.demo-more{display:inline-block;margin-top:10px;color:#c64f73;font-size:12px;font-weight:850}
.voice-demo-modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;opacity:0;visibility:hidden;transition:.22s ease}
.voice-demo-modal.open{opacity:1;visibility:visible}.voice-demo-backdrop{position:absolute;inset:0;background:rgba(54,38,43,.56);backdrop-filter:blur(5px)}
.voice-demo-card{position:relative;z-index:1;width:min(880px,92vw);max-height:88vh;overflow:auto;background:#fffaf8;border-radius:28px;box-shadow:0 28px 80px rgba(63,34,43,.28)}
.voice-demo-head{padding:38px 42px 28px;border-bottom:1px solid #f2d4dc}.voice-demo-head h2{font-size:34px;color:#713a4a;margin:8px 0}.voice-demo-head p{margin:0;color:#916c77}
.voice-demo-library{padding:30px 42px 42px}.voice-demo-library h3{font-size:22px;color:#713a4a;margin:7px 0 18px}.voice-demo-items{display:grid;gap:12px}
.voice-demo-item{display:grid;grid-template-columns:120px 1fr;gap:18px;align-items:center;padding:14px;border:1px solid #f0cbd5;border-radius:18px;background:#fff}
.voice-demo-placeholder{height:76px;border-radius:13px;background:linear-gradient(135deg,#ffe8ef,#fff0c9);display:grid;place-items:center;color:#d7557d;font-size:24px}.voice-demo-placeholder.audio{background:#fff0f5}
.voice-demo-item b{color:#70424f}.voice-demo-item p{margin:5px 0 8px;color:#98717d;font-size:13px}.voice-demo-item span{font-size:10px;font-weight:900;letter-spacing:.12em;color:#c15b7a}

.service-switch{margin:54px 0 20px;padding:30px 36px;display:flex;align-items:center;justify-content:space-between;gap:28px;background:linear-gradient(120deg,#fffaf8,#fff1f5)}
.service-switch h2{margin:7px 0 5px;color:#713a4a;font-size:27px}.service-switch p{margin:0;color:#946e79}.service-switch .btn{flex:0 0 auto}
.stream-end>div:last-child{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}

@media(max-width:700px){
 .collab-modal-card.media-modal>.collab-modal-copy,.featured-page-modal .collab-media-area{padding-left:20px!important;padding-right:20px!important}
 .collab-modal-card.media-modal>.collab-media-stage{height:58vw!important;min-height:230px!important}
 .voice-demo-head,.voice-demo-library{padding-left:22px;padding-right:22px}.voice-demo-item{grid-template-columns:82px 1fr}.voice-demo-placeholder{height:64px}
 .service-switch{align-items:flex-start;flex-direction:column;padding:26px 22px}.service-switch .btn{width:100%;text-align:center}
 .stream-end>div:last-child{justify-content:flex-start}
}

/* v96 — unified complete-media preview + goods catalogue */
.collab-modal-card.media-modal{display:block!important;width:min(1040px,94vw)!important;max-height:92vh!important;overflow:auto!important;background:#fffaf8!important}
.collab-modal-card.media-modal>.collab-modal-copy{display:block!important;padding:34px 38px 40px!important;max-height:none!important;overflow:visible!important}
.collab-modal-card.media-modal .collab-media-stage,.featured-page-modal .collab-media-stage{width:100%!important;height:auto!important;min-height:260px!important;max-height:none!important;aspect-ratio:auto!important;background:#f8f1f2!important;border-radius:20px!important;overflow:hidden!important;display:grid!important;place-items:center!important;margin:14px 0 0!important}
.collab-modal-card.media-modal .collab-media-stage img,.featured-page-modal .collab-media-stage img{width:100%!important;height:auto!important;max-height:70vh!important;object-fit:contain!important;display:block!important;background:#f8f1f2!important}
.collab-modal-card.media-modal .collab-media-stage iframe,.featured-page-modal .collab-media-stage iframe{width:100%!important;aspect-ratio:16/9!important;height:auto!important;min-height:0!important;border:0!important}
.media-preview-head,.media-gallery-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-top:28px;padding-top:24px;border-top:1px dashed #efc8d1}.media-preview-head h3,.media-gallery-head h3{margin:5px 0 0}.media-preview-head small,.media-gallery-head small{color:#aa7d89}.collab-media-strip{margin-top:14px!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important}.collab-media-thumb{aspect-ratio:16/10!important;background:#fff!important}.collab-media-thumb img{width:100%!important;height:100%!important;object-fit:contain!important;background:#fff8f9!important}
.featured-page-modal .collab-media-area{padding:0 38px 40px!important}.page-history .collab-brand-head img{width:72px!important;height:72px!important;object-fit:contain!important}
.goods-filters{margin:18px 0 24px;justify-content:center}.goods-tags{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.goods-status{display:inline-flex;padding:7px 11px;border-radius:999px;font-size:11px;font-weight:900;color:#a34b67;background:#fff0f4}.goods-status.is-sale{color:#b13d62;background:#ffe7ef}.goods-status.is-archive{color:#8b747b;background:#f4eeee}.goods-price{font-weight:900!important;font-size:18px!important;color:#b64d70!important;margin:8px 0 12px!important}.merch-slide{cursor:pointer}.merch-slide.is-filtered-out{display:none}.goods-modal{position:fixed;inset:0;z-index:90;display:none;place-items:center;padding:28px}.goods-modal.open{display:grid}.goods-modal-backdrop{position:absolute;inset:0;background:rgba(50,32,38,.58);backdrop-filter:blur(7px)}.goods-modal-card{position:relative;z-index:1;width:min(920px,94vw);max-height:90vh;overflow:auto;background:#fffaf8;border-radius:28px;box-shadow:0 30px 80px rgba(54,31,38,.28);padding:34px}.goods-modal-card>.detail-close{position:absolute;right:16px;top:16px;z-index:3}.goods-modal-media{background:#fff;display:grid;place-items:center;border-radius:20px;overflow:hidden;margin-bottom:28px}.goods-modal-media img{width:100%;height:auto;max-height:65vh;object-fit:contain;display:block}.goods-modal-copy h2{font-size:30px;color:#70404f;margin:12px 0}.goods-modal-tags{display:flex;gap:8px;flex-wrap:wrap}.goods-modal-price{font-size:23px;font-weight:900;color:#c04f73}.goods-modal-copy>p:not(.goods-modal-price){color:#8f6874;line-height:1.75}.goods-modal-copy .btn{display:inline-block;margin-top:10px}
@media(max-width:760px){.collab-modal-card.media-modal>.collab-modal-copy,.featured-page-modal .collab-media-area{padding-left:18px!important;padding-right:18px!important}.collab-media-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important}.media-preview-head,.media-gallery-head{align-items:flex-start;flex-direction:column;gap:6px}.goods-modal{padding:12px}.goods-modal-card{padding:22px 16px}.goods-modal-media img{max-height:55vh}}

/* v97 rating clarity + compact demo player */
.r18-cover-badge{position:absolute;top:12px;right:12px;z-index:4;display:inline-flex;align-items:center;padding:8px 11px;border-radius:999px;background:#8f3854;color:#fff;font-size:11px;font-weight:900;letter-spacing:.02em;box-shadow:0 8px 20px rgba(103,40,60,.2)}
.product-media,.work-media,.r18-goods-safe{position:relative}.r18-inline-badge,.r18-tag{background:#8f3854!important;color:#fff!important;border-color:#8f3854!important}.r18-filter{border-color:#b95674!important}.r18-work-card{border-color:#d78aa0!important}.goods-filter-label{margin:14px 0 6px;text-align:center;color:#9d6d7a;font-size:12px;font-weight:850;letter-spacing:.08em}.goods-rating-filters{margin-top:6px!important}.r18-goods-safe{min-height:300px;display:grid;place-items:center;align-content:center;gap:10px;background:linear-gradient(135deg,#fff0f4,#fff9f0);overflow:hidden}.r18-goods-safe img{width:130px!important;height:130px!important;object-fit:contain!important;opacity:.78}.r18-goods-safe strong{color:#8f3854;letter-spacing:.12em}.r18-goods-safe small{color:#a77b87}
.voice-demo-card{overflow:hidden!important;display:flex;flex-direction:column;max-height:85vh!important}.voice-demo-head{flex:0 0 auto;padding-top:28px!important;padding-bottom:20px!important}.voice-demo-library{min-height:0;overflow:hidden;padding-top:20px!important;padding-bottom:24px!important}.voice-demo-workspace{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.8fr);gap:16px;min-height:0}.voice-demo-preview{min-height:300px;border:1px solid #f0cbd5;border-radius:20px;background:linear-gradient(135deg,#fff7f9,#fff8ec);display:grid;place-items:center;overflow:hidden}.voice-preview-placeholder{text-align:center;display:grid;place-items:center;gap:9px;color:#8a5968}.voice-preview-placeholder>span{width:64px;height:64px;border-radius:50%;background:#fff;display:grid;place-items:center;color:#d7557d;font-size:24px;box-shadow:0 8px 24px rgba(108,57,72,.1)}.voice-preview-placeholder b{font-size:18px}.voice-preview-placeholder small{color:#a37c87}.voice-demo-preview video{width:100%;height:100%;max-height:48vh;background:#211b1d;object-fit:contain}.voice-demo-preview audio{width:min(520px,88%)}.voice-demo-items{display:block!important;max-height:330px;overflow:auto;padding-right:4px}.voice-demo-item{width:100%;grid-template-columns:68px 1fr!important;gap:12px!important;min-height:82px;padding:10px!important;margin-bottom:9px;text-align:left;cursor:pointer}.voice-demo-item.active{border-color:#e86e92;background:#fff7fa;box-shadow:0 8px 18px rgba(184,78,111,.08)}.voice-demo-placeholder{height:58px!important}.voice-demo-item p{margin:3px 0 5px!important}.voice-demo-item span{font-size:9px!important}
@media(max-width:720px){.voice-demo-card{max-height:88vh!important}.voice-demo-workspace{grid-template-columns:1fr}.voice-demo-preview{min-height:210px}.voice-demo-items{display:flex!important;overflow-x:auto;overflow-y:hidden;max-height:none;padding-bottom:6px}.voice-demo-item{flex:0 0 220px;grid-template-columns:56px 1fr!important}.voice-demo-placeholder{height:52px!important}}
/* v98 library layouts */
.r18-cover-badge{padding:6px 10px;font-size:11px}
.merch-track{align-items:flex-start}.merch-slide{align-self:flex-start}.merch-slide>div{min-height:0}.merch-carousel{padding-bottom:50px}.merch-dots{bottom:16px}
.voice-filterbar{display:flex;align-items:center;justify-content:center;gap:18px;padding:14px 18px;margin:18px 0 24px}.voice-filter-set{display:flex;align-items:center;gap:10px}.voice-filter-set>b{font-size:12px;color:#c6547b;white-space:nowrap}.filter-divider{width:1px;height:30px;background:#efd2dc}.voice-library .voice-more-item{display:none}.voice-library.expanded .voice-more-item{display:block}.library-more{text-align:center;margin-top:24px}.r18-filter.active{background:#8f3854;color:#fff;border-color:#8f3854}
.music-library-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.music-tile{background:#fff;border:1px solid #f1c8d1;border-radius:20px;overflow:hidden;cursor:pointer;transition:.22s;box-shadow:0 8px 22px rgba(176,79,108,.06)}.music-tile:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(176,79,108,.13)}.music-thumb{aspect-ratio:16/9;position:relative;background:linear-gradient(135deg,#fff4d9,#ffe4ef);overflow:hidden;display:grid;place-items:center}.music-thumb img{width:100%;height:100%;object-fit:cover}.music-thumb>span{position:absolute;width:46px;height:46px;border-radius:50%;background:#ffffffe8;display:grid;place-items:center;color:#d85884}.music-thumb>b{font-size:34px;color:#d85884}.music-tile-copy{padding:13px 15px 16px}.music-tile-copy small{font-weight:900;color:#d85884;letter-spacing:.08em}.music-tile-copy h3{font-size:17px;margin:5px 0;color:#70404f}.music-tile-copy p{font-size:12px;color:#94717c;margin:0}.music-more-item{display:none}.music-library-grid.expanded .music-more-item{display:block}.music-modal{position:fixed;inset:0;z-index:100;display:none;place-items:center;padding:24px}.music-modal.open{display:grid}.music-modal-backdrop{position:absolute;inset:0;background:rgba(50,32,38,.58);backdrop-filter:blur(7px)}.music-modal-card{position:relative;z-index:1;width:min(900px,94vw);background:#fffaf8;border-radius:28px;padding:30px;box-shadow:0 30px 80px rgba(54,31,38,.28)}.music-modal-card .detail-close{position:absolute;right:16px;top:16px}.music-modal-card h2{margin:8px 0;color:#70404f}.music-modal-card>p{color:#94717c}.music-modal-video{aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#241f20;margin:18px 0}.music-modal-video iframe{width:100%;height:100%;border:0}
@media(max-width:900px){.voice-filterbar{align-items:flex-start;flex-direction:column}.filter-divider{width:100%;height:1px}.voice-filter-set{align-items:flex-start;flex-direction:column}.music-library-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.music-library-grid{gap:10px}.music-tile-copy{padding:10px}.music-tile-copy h3{font-size:14px}.music-modal-card{padding:22px 16px}}

/* v99 — compact filters, adaptive goods carousel, gallery modal, project carousel */
.r18-cover-badge{left:12px!important;right:auto!important;top:12px!important;padding:6px 10px!important;font-size:11px!important;line-height:1!important}
.voice-filterbar{padding:16px 22px!important;min-height:0!important;gap:14px!important}.voice-filter-set>b{display:none!important}.voice-filter-set{gap:0!important}.voice-filterbar .filters{gap:8px!important}.voice-filterbar .filter{padding:8px 14px!important;min-height:36px!important}.filter-divider{height:30px!important}
.goods-filterbar{display:flex;align-items:center;justify-content:center;gap:12px;margin:18px 0 24px;flex-wrap:nowrap}.goods-filterbar .filters{margin:0!important}.goods-filter-divider{width:1px;height:30px;background:#efccd6;flex:0 0 auto}.goods-filter-label{display:none!important}.goods-rating-filters{margin:0!important}
.merch-carousel{height:auto!important;min-height:0!important;padding:20px 46px 50px!important}.merch-viewport{height:auto!important;min-height:0!important}.merch-track{height:auto!important;min-height:0!important;align-items:flex-start!important}.merch-slide{height:auto!important;min-height:0!important;align-self:flex-start!important}.merch-dots{position:static!important;margin-top:20px!important}.merch-arrow{top:50%!important;transform:translateY(-50%)!important}.merch-arrow:hover{transform:translateY(-50%) scale(1.08)!important}
.goods-modal-gallery{margin-bottom:24px}.goods-modal-media{position:relative;margin-bottom:12px!important}.goods-gallery-arrow{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:1px solid #efbfd0;background:#fffdfbea;color:#c34e71;font-size:28px;cursor:pointer}.goods-gallery-prev{left:14px}.goods-gallery-next{right:14px}.goods-modal-thumbs{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:thin}.goods-thumb{flex:0 0 92px;height:70px;border:2px solid transparent;border-radius:12px;background:#fff;padding:3px;cursor:pointer}.goods-thumb.active{border-color:#e9688c}.goods-thumb img{width:100%;height:100%;object-fit:contain;border-radius:8px}
.page-history .collab-project-list{position:relative}.page-history .collab-project-chips{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;overflow:hidden}.page-history .collab-project-chip{display:grid!important;grid-template-columns:70px minmax(0,1fr)!important;gap:12px!important;align-items:center!important;min-height:92px!important;border:1px solid #f0d3db!important;border-radius:16px!important;background:#fffafa!important;padding:12px!important}.page-history .collab-project-chip img{width:66px!important;height:58px!important;object-fit:contain!important}.page-history .collab-project-chip b{font-size:13px!important;line-height:1.45!important;white-space:normal!important;overflow-wrap:anywhere!important}.page-history .collab-project-count{grid-column:2;font-size:11px!important;justify-self:start}.project-carousel-controls{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:12px}.project-carousel-controls button{width:36px;height:36px;border-radius:50%;border:1px solid #efc8d3;background:#fff;color:#bd5574;font-size:20px;cursor:pointer}.project-carousel-dots{display:flex;gap:6px}.project-carousel-dots i{width:7px;height:7px;border-radius:50%;background:#f1c8d4}.project-carousel-dots i.active{background:#d95e82}
@media(max-width:900px){.goods-filterbar{flex-wrap:wrap}.page-history .collab-project-chips{grid-template-columns:repeat(2,minmax(0,1fr))!important}.voice-filterbar{flex-wrap:wrap!important}}
@media(max-width:600px){.goods-filterbar{justify-content:flex-start}.goods-filter-divider{display:none}.goods-filterbar .filters{flex-wrap:wrap}.page-history .collab-project-chips{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory;padding-bottom:8px}.page-history .collab-project-chip{flex:0 0 86%;scroll-snap-align:start}.goods-gallery-arrow{width:40px;height:40px}.voice-filterbar{padding:12px!important}.voice-filterbar .filter{padding:7px 11px!important}}


/* v100 — unified left headings, paged work libraries, compact filters */
.section-head{width:100%;text-align:left!important;margin-left:0!important;margin-right:0!important;align-items:flex-end!important}
.section-head>div{text-align:left!important}
.section-head .kicker,.section-head .title,.section-head p{text-align:left!important}
.page-voice #voice-types .section-head,.page-voice #works .section-head,.page-singing #music-works .section-head,.page-history #featured .section-head,.featured-home .section-head,.page-vtuber #design .section-head,.page-stream #highlights .section-head,.page-stream #live .section-head{justify-content:space-between!important}
.voice-filterbar{width:max-content;max-width:100%;margin:18px auto 24px!important;padding:10px 14px!important;border-radius:22px!important}
.voice-filterbar .filter{padding:7px 12px!important;min-height:34px!important}
.music-filterbar{display:flex;align-items:center;justify-content:center;gap:12px;width:max-content;max-width:100%;margin:18px auto 24px;padding:10px 14px;border-radius:22px}
.music-filterbar .filters{gap:7px;flex-wrap:nowrap}.music-filterbar .filter{padding:7px 11px;white-space:nowrap}.music-filterbar .filter-divider{height:28px;flex:0 0 1px}
.works-pagination{display:flex;align-items:center;justify-content:center;gap:10px;margin:24px 0 4px}.works-page-arrow{width:40px;height:40px;border-radius:50%;border:1px solid #efbfd0;background:#fffdfb;color:#c34e71;font-size:25px;cursor:pointer;transition:.2s}.works-page-arrow:hover:not(:disabled){transform:scale(1.08);box-shadow:0 8px 20px rgba(180,74,107,.14)}.works-page-arrow:disabled{opacity:.25;cursor:default}.works-page-dots{display:flex;gap:7px}.works-page-dot{width:8px;height:8px;border:0;border-radius:50%;padding:0;background:#f0bfd0;cursor:pointer}.works-page-dot.active{background:#d95e82;transform:scale(1.15)}.works-pagination.is-single{display:none}
.voice-library .work-card,.voice-library .voice-more-item,.music-library-grid .music-tile,.music-library-grid .music-more-item{display:none}
.voice-library .work-card.page-visible,.music-library-grid .music-tile.page-visible{display:block}
.page-history .collab-project-list.is-hidden{display:none!important}
@media(max-width:1100px){.music-filterbar{width:100%;overflow-x:auto;justify-content:flex-start}.music-filterbar .filters{flex:0 0 auto}}
@media(max-width:760px){.voice-filterbar{width:100%;overflow-x:auto;justify-content:flex-start!important;flex-wrap:nowrap!important}.voice-filterbar .voice-filter-set,.voice-filterbar .filters{flex-direction:row!important;flex-wrap:nowrap!important}.voice-filterbar .filter-divider{width:1px!important;height:28px!important;flex:0 0 1px}.music-filterbar{border-radius:18px}.music-filterbar .filter-divider{display:block!important}}

/* v101 — unified portfolio detail interactions */
.year-badge{display:inline-flex;align-items:center;width:max-content;padding:5px 9px;border-radius:999px;background:#fff0f5;color:#bd5477;font-size:11px;font-weight:850;line-height:1}.work-tags .year-badge{background:#f8e9ee;color:#9f6577}.work-detail-button{border:0;background:transparent;padding:0;color:#70404f;font:inherit;font-size:13px;font-weight:750;cursor:pointer}.work-detail-button:hover{color:#c84f7a}.play-badge{border:0;cursor:pointer}.music-meta-line{display:flex;align-items:center;justify-content:space-between;gap:8px}.voice-work-modal{position:fixed;inset:0;z-index:110;display:none;place-items:center;padding:24px}.voice-work-modal.open{display:grid}.voice-work-backdrop{position:absolute;inset:0;background:rgba(50,32,38,.58);backdrop-filter:blur(7px)}.voice-work-modal-card{position:relative;z-index:1;width:min(880px,94vw);max-height:min(760px,90vh);overflow:auto;background:#fffaf8;border-radius:28px;padding:30px;box-shadow:0 30px 80px rgba(54,31,38,.28)}.voice-work-modal-card .detail-close{position:absolute;right:16px;top:16px}.voice-work-modal-head{margin:8px 0 18px}.voice-work-modal-head h2{font-size:30px;margin:9px 0 5px;color:#70404f}.voice-work-modal-head p{margin:0;color:#94717c}.voice-work-player{aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#fff3d8,#ffe4ee);display:grid;place-items:center}.voice-work-player-placeholder{display:grid;justify-items:center;gap:8px;color:#9d6577}.voice-work-player-placeholder>span{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#d85884;font-size:21px;box-shadow:0 10px 28px rgba(194,85,124,.15)}.voice-work-player-placeholder small{color:#a77b87}.voice-work-open{cursor:pointer}.voice-work-open:focus-visible,.music-tile:focus-visible{outline:3px solid #f49ab8;outline-offset:3px}
@media(max-width:600px){.voice-work-modal{padding:12px}.voice-work-modal-card{padding:24px 16px}.voice-work-modal-head h2{font-size:25px}}

/* v102 — responsive smart navigation + mobile homepage hero + back to top */
.nav{transition:transform .28s ease,box-shadow .22s ease,background .22s ease;will-change:transform}
.nav.nav-hidden{transform:translateY(-110%)}
.nav.scrolled{box-shadow:0 8px 26px rgba(111,61,77,.08)}
.back-to-top{position:fixed;right:22px;bottom:22px;z-index:90;width:46px;height:46px;border-radius:50%;border:1px solid #efbfd0;background:rgba(255,253,251,.92);backdrop-filter:blur(10px);color:#bd5574;font-size:22px;font-weight:900;display:grid;place-items:center;box-shadow:0 10px 28px rgba(139,66,89,.15);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(10px);transition:.22s ease}
.back-to-top.show{opacity:1;visibility:visible;transform:translateY(0)}
.back-to-top:hover{background:#ef7898;color:#fff;transform:translateY(-3px);box-shadow:0 12px 30px rgba(216,95,129,.28)}
@media (min-width:1000px){.hero-new .hero-copy{position:relative;z-index:4}.hero-new .hero-art{z-index:2}.hero-new .btn{position:relative;z-index:5}}
@media(max-width:800px){
  html,body{max-width:100%;overflow-x:hidden}
  .nav{height:52px;padding:0 8px;gap:3px;overflow:visible;white-space:nowrap;justify-content:flex-start}
  .nav .brand{margin-right:2px;min-width:38px!important;width:38px;flex:0 0 38px;overflow:hidden}
  .nav .brand img{width:38px!important;height:34px!important;object-fit:contain;object-position:left center}
  .nav>.nav-item,.nav>.drop>.nav-item{font-size:11px!important;padding:7px 7px!important;border-radius:999px;min-width:0}
  .nav>.drop{position:relative;flex:0 0 auto}
  .nav>.nav-item{flex:0 0 auto}
  .nav .nav-cta{margin-left:auto!important;padding:7px 9px!important}
  .nav-arrow{width:11px!important;height:11px!important;margin-left:0!important}
  .nav .dropmenu{position:fixed;top:58px;left:10px!important;right:10px;width:auto!important;padding:8px;border-radius:16px;z-index:120;box-shadow:0 16px 42px rgba(93,48,63,.18)}
  .nav .drop:nth-of-type(2) .dropmenu{left:10px!important}
  .nav .dropmenu a{padding:11px 13px;font-size:13px}
  .hero-new{min-height:550px!important;height:auto!important;padding:38px 16px 24px!important;display:grid!important;grid-template-columns:minmax(0,56%) minmax(0,44%)!important;align-items:end!important;overflow:hidden!important}
  .hero-new .hero-copy{width:auto!important;padding:0 0 18px 8px!important;transform:none!important;position:relative;z-index:5;align-self:center}
  .hero-new .hero-logo{width:min(160px,85%)!important;margin:0 0 28px!important}
  .hero-new h1{font-size:34px!important;line-height:1.05!important;margin:0 0 12px!important}
  .hero-new h2{font-size:22px!important;line-height:1.3!important;margin:0 0 12px!important}
  .hero-new .hero-tagline{font-size:14px!important;line-height:1.65!important;margin:0 0 12px!important;max-width:190px}
  .hero-new .roles{font-size:15px!important;line-height:1.55!important;margin:0 0 15px!important}
  .hero-new .btn{font-size:12px;padding:10px 12px;margin:5px 4px 0 0;position:relative;z-index:7}
  .hero-new .hero-art{position:absolute!important;right:-13%!important;bottom:0!important;height:72%!important;width:auto!important;max-width:none!important;opacity:1!important;z-index:3!important;transform:none!important;filter:drop-shadow(0 16px 16px rgba(184,90,116,.18))}
  .hero-new:after{z-index:2}
  .quick{margin-top:14px!important}
  .back-to-top{right:14px;bottom:14px;width:43px;height:43px}
}
@media(max-width:430px){
  .nav{gap:1px;padding:0 5px}
  .nav .brand{width:31px;min-width:31px!important;flex-basis:31px}.nav .brand img{width:31px!important}
  .nav>.nav-item,.nav>.drop>.nav-item{font-size:10.5px!important;padding:7px 5px!important}
  .nav .nav-cta{padding:7px 7px!important}
  .hero-new{grid-template-columns:58% 42%!important;padding-left:10px!important;padding-right:8px!important}
  .hero-new .hero-copy{padding-left:6px!important}.hero-new .hero-art{right:-22%!important;height:69%!important}
}

/* v103 — mobile navigation polish + scalable character carousel */
.character-carousel{position:relative;padding:0 52px 34px}.character-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.character-card{min-width:0}.character-card img{height:230px!important;object-fit:contain!important;background:#fff}.character-card .body{padding:15px 16px 18px}.character-card h3{margin:12px 0 7px}.character-card p{margin:0;line-height:1.55}.character-nav{position:absolute;top:42%;transform:translateY(-50%);z-index:4;width:42px;height:42px;border-radius:50%;border:1px solid #efbfd0;background:#fffdfb;color:#c65778;font-size:29px;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 22px rgba(150,69,94,.12);transition:.2s ease}.character-nav:hover:not(:disabled){transform:translateY(-50%) scale(1.07);background:#fff1f5}.character-prev{left:0}.character-next{right:0}.character-nav:disabled{opacity:.25;cursor:default}.character-dots{position:absolute;left:0;right:0;bottom:5px;display:flex;justify-content:center;gap:7px}.character-dot{width:7px;height:7px;border-radius:50%;border:1px solid #e98ca8;background:#fff;padding:0;cursor:pointer}.character-dot.active{background:#e76f95}

/* Keep project cards fully outlined, including the final item. */
.page-history .collab-project-chip{border:1px solid #f1d2d8!important;border-radius:16px!important;overflow:hidden;background:#fffdfb}

@media(max-width:800px){
  /* logo left; the page tabs themselves sit as a compact right-aligned group */
  .nav{justify-content:flex-end!important;gap:2px!important;padding:0 7px!important}
  .nav .brand{margin-right:auto!important}
  .nav>.nav-item,.nav>.drop>.nav-item{white-space:nowrap}
  .nav .nav-cta{display:none!important}
  .nav>.drop{position:relative!important}
  /* menu belongs directly to its own tab, rather than the viewport */
  .nav .dropmenu{position:absolute!important;top:calc(100% + 8px)!important;left:50%!important;right:auto!important;width:max-content!important;min-width:180px!important;max-width:min(230px,88vw)!important;transform:translateX(-50%)!important;padding:8px!important;border-radius:16px!important}
  .nav .drop:nth-of-type(2) .dropmenu{left:50%!important}
  /* same chevron geometry as desktop: down when closed, up when open */
  .nav .drop>.nav-item .nav-arrow{width:10px!important;height:10px!important;border-right:2px solid currentColor!important;border-bottom:2px solid currentColor!important;border-left:0!important;border-top:0!important;border-radius:0!important;transform:translateY(-2px) rotate(45deg)!important;transition:transform .2s ease!important}
  .nav .drop.open>.nav-item .nav-arrow{transform:translateY(2px) rotate(225deg)!important}
  .nav .drop>.nav-item:hover .nav-arrow{transform:translateY(-1px) rotate(45deg)!important}
  .nav .drop.open>.nav-item:hover .nav-arrow{transform:translateY(1px) rotate(225deg)!important}

  /* Voice filters: one-line pills, compact horizontal strip; never wrap text. */
  .voice-filterbar{padding:10px 12px!important;gap:6px!important;overflow-x:auto!important;overflow-y:hidden!important;flex-wrap:nowrap!important;scrollbar-width:none}
  .voice-filterbar::-webkit-scrollbar{display:none}
  .voice-filterbar .voice-filter-set,.voice-filterbar .filters{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:6px!important;margin:0!important}
  .voice-filterbar .filter{white-space:nowrap!important;padding:7px 10px!important;font-size:12px!important;line-height:1.1!important;min-width:max-content!important}
  .voice-filterbar .filter-divider{height:25px!important;margin:0 2px!important}

  /* Commission quick menu: all four controls fit without a horizontal scroller. */
  .commission-page .page-quick{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;padding:8px!important;overflow:visible!important}
  .commission-page .page-quick>b{display:none!important}
  .commission-page .page-quick a{min-width:0!important;padding:8px 3px!important;font-size:10px!important;gap:3px!important;white-space:nowrap!important;justify-content:center!important;text-align:center!important}

  .character-carousel{padding:0 42px 32px}.character-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.character-card img{height:210px!important}.character-card .body{padding:13px}.character-card .tag{font-size:10px}.character-card h3{font-size:17px}.character-card p{font-size:13px}.character-nav{width:36px;height:36px;font-size:25px}
}
@media(max-width:430px){
  .nav{padding:0 4px!important;gap:0!important}.nav .brand{width:30px!important;min-width:30px!important;flex-basis:30px!important}.nav>.nav-item,.nav>.drop>.nav-item{font-size:10px!important;padding:7px 5px!important}
  .commission-page .page-quick a{font-size:9.5px!important;padding:8px 2px!important}
  .character-carousel{padding:0 36px 30px}.character-track{grid-template-columns:1fr}.character-card img{height:250px!important}
}

/* v104 — compact vocal style cards */
.vocal-types{gap:14px}
.vocal-types .type-card{min-height:0;padding:16px 18px;display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"icon title play" "icon desc play";column-gap:12px;row-gap:2px;align-items:center}
.vocal-types .type-card>span{grid-area:icon;font-size:18px;align-self:center}
.vocal-types .type-card h3{grid-area:title;margin:0;font-size:18px;line-height:1.25}
.vocal-types .type-card p{grid-area:desc;margin:0;font-size:14px;line-height:1.35}
.vocal-types .type-card .mini-play{grid-area:play;margin:0;width:42px;height:42px;padding:0;border-radius:50%;font-size:0;display:grid;place-items:center;flex:none}
.vocal-types .type-card .mini-play::before{content:"▶";font-size:14px;line-height:1;margin-left:2px}
@media(max-width:850px){
  .vocal-types{grid-template-columns:1fr;gap:9px}
  .vocal-types .type-card{padding:12px 14px;grid-template-columns:auto 1fr 38px;column-gap:10px;border-radius:20px}
  .vocal-types .type-card>span{font-size:16px}
  .vocal-types .type-card h3{font-size:16px}
  .vocal-types .type-card p{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .vocal-types .type-card .mini-play{width:36px;height:36px}
}

/* v105 — tighten Characters → Art Gallery spacing */
.character-showcase{padding-bottom:24px!important}
.character-showcase + .about-gallery{margin-top:0!important;padding-top:24px!important}
@media(max-width:800px){
  .character-showcase{padding-bottom:18px!important}
  .character-showcase + .about-gallery{margin-top:0!important;padding-top:18px!important}
}

/* v106 — singing demo simplification + mobile no-scroll navigation/filter polish */
.vocal-demo-section{text-align:center;max-width:820px;margin:0 auto;padding:42px 0 24px}
.vocal-demo-section h2{font-size:30px;margin:8px 0 8px;color:#563f47}
.vocal-demo-section>p{margin:0 0 20px;color:#8e6c76}
.vocal-video-demo{width:min(760px,100%);margin:0 auto 18px;padding:0;overflow:hidden;border-radius:24px;cursor:pointer}
.vocal-video-placeholder{aspect-ratio:16/9;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:linear-gradient(135deg,#fff4df,#ffe5ed);color:#7c4a59}
.vocal-video-play{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#ef7898;color:white;font-size:22px;padding-left:4px;box-shadow:0 10px 24px rgba(212,93,131,.24)}
.vocal-video-placeholder strong{font-size:19px}.vocal-video-placeholder small{color:#9d7580}

@media(max-width:800px){
  /* No horizontal scrollbar: these navigation groups wrap/scale inside the viewport. */
  .quick,.page-quick,.vt-quick,.social-pills{overflow:visible!important;overflow-x:visible!important;flex-wrap:wrap!important;scrollbar-width:none!important}
  .quick::-webkit-scrollbar,.page-quick::-webkit-scrollbar,.vt-quick::-webkit-scrollbar,.social-pills::-webkit-scrollbar{display:none!important}

  /* Homepage quick menu: compact, centered and allowed to form clean rows. */
  .quick{display:flex!important;justify-content:center!important;gap:5px!important;padding:8px!important}
  .quick a{font-size:10px!important;padding:7px 8px!important;white-space:nowrap!important;flex:0 0 auto!important}

  /* About/VTuber quick menu: compact rows, no drag strip. */
  .vt-quick,.page-vtuber .page-quick{display:flex!important;justify-content:center!important;gap:5px!important;padding:8px!important}
  .vt-quick a,.page-vtuber .page-quick a{font-size:10px!important;padding:7px 8px!important;white-space:nowrap!important;flex:0 0 auto!important}

  /* Social links fit as wrapped pills rather than a horizontal scrollbar. */
  .social-pills{justify-content:center!important;gap:5px!important}
  .social-pills a{font-size:10px!important;padding:7px 8px!important;white-space:nowrap!important}

  /* Singing page quick menu is centered as one compact row. */
  .page-singing .page-quick{display:flex!important;justify-content:center!important;align-items:center!important;gap:5px!important;padding:8px!important;overflow:visible!important;flex-wrap:nowrap!important}
  .page-singing .page-quick a{font-size:10px!important;padding:7px 9px!important;white-space:nowrap!important;min-width:0!important;flex:0 1 auto!important}

  /* History category counts: all four remain on one row on mobile. */
  .page-history .history-filters{display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:nowrap!important;gap:4px!important;margin:18px 0!important;width:100%!important}
  .page-history .history-filters .filter{padding:7px 8px!important;font-size:10px!important;line-height:1!important;white-space:nowrap!important;min-width:0!important}

  .vocal-demo-section{padding:28px 0 18px}.vocal-demo-section h2{font-size:25px}.vocal-video-demo{border-radius:19px}.vocal-video-play{width:50px;height:50px;font-size:18px}.vocal-video-placeholder strong{font-size:16px}
}
@media(max-width:430px){
  .quick a,.vt-quick a,.page-vtuber .page-quick a{font-size:9px!important;padding:6px 6px!important}
  .social-pills a{font-size:9px!important;padding:6px 7px!important}
  .page-singing .page-quick{gap:3px!important;padding:7px 5px!important}
  .page-singing .page-quick a{font-size:9px!important;padding:6px 7px!important}
  .page-history .history-filters{gap:3px!important}
  .page-history .history-filters .filter{font-size:9px!important;padding:7px 6px!important}
}

/* v107 — tighten Voice Demo → Voice Works spacing + finish mobile no-scroll layouts */
/* Voice page: the adjacent sections should read as one continuous portfolio flow. */
.page-voice #voice-types{padding-bottom:26px!important}
.page-voice #works{padding-top:30px!important}

@media(max-width:800px){
  .page-voice #voice-types{padding-bottom:18px!important}
  .page-voice #works{padding-top:24px!important}

  /* Homepage social links: two centered rows (3 + 3), never a horizontal scroller. */
  .social-pills-v2{
    display:grid!important;
    grid-template-columns:repeat(3,max-content)!important;
    justify-content:center!important;
    gap:7px 8px!important;
    overflow:visible!important;
    overflow-x:visible!important;
    padding:12px 0 4px!important;
    scrollbar-width:none!important;
  }
  .social-pills-v2::-webkit-scrollbar{display:none!important}
  .social-pills-v2>a{font-size:10px!important;min-height:36px!important;padding:6px 9px!important;white-space:nowrap!important}

  /* Singing filters: two explicit centered rows — work type then vocal/style tags. */
  .page-singing .music-filterbar{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    max-width:100%!important;
    justify-items:center!important;
    gap:8px!important;
    overflow:visible!important;
    overflow-x:visible!important;
    padding:10px 8px!important;
  }
  .page-singing .music-filterbar .filter-divider{display:none!important}
  .page-singing .music-filterbar .filters{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:6px!important;
    margin:0!important;
    width:100%!important;
  }
  .page-singing .music-filterbar .filter{font-size:10px!important;padding:7px 9px!important;white-space:nowrap!important}
}
@media(max-width:430px){
  .social-pills-v2{gap:6px 5px!important}
  .social-pills-v2>a{font-size:9px!important;padding:6px 7px!important;gap:5px!important}
  .page-singing .music-filterbar .filters{gap:5px!important}
  .page-singing .music-filterbar .filter{font-size:9px!important;padding:6px 7px!important}
}

/* v108 — mobile polish: compact nav panels, social row, ASMR spacing, left-aligned singing filters */
/* ASMR page: remove decorative paw marks and tighten the quick-nav to content transition. */
.asmr-showcase-head:after{content:none!important;display:none!important}
.asmr-quick{margin-bottom:22px!important}
.shop-page{padding-top:12px!important}

@media(max-width:800px){
  /* Stream quick navigation should behave like a compact toolbar, not a large panel. */
  .page-stream .vt-quick-wrap{padding:10px 0 0!important}
  .page-stream .vt-quick{min-height:0!important;width:92vw!important;padding:9px 10px!important;gap:6px!important;border-radius:20px!important;justify-content:center!important}
  .page-stream .vt-quick a{padding:7px 9px!important;font-size:10px!important}

  /* ASMR quick navigation: compact and close to the first section. */
  .asmr-quick{margin:0 auto 16px!important;padding:8px 10px!important;min-height:0!important;gap:6px!important}
  .asmr-quick a{padding:7px 10px!important;font-size:10px!important}
  .shop-page{padding-top:6px!important}
  .asmr-showcase-head{margin-top:0!important}

  /* Homepage socials: six compact items on one centered row. */
  .social-pills-v2{display:flex!important;flex-wrap:nowrap!important;justify-content:center!important;align-items:center!important;gap:4px!important;padding:10px 0 4px!important;width:100%!important}
  .social-pills-v2>a{font-size:9px!important;padding:6px 6px!important;min-height:34px!important;gap:4px!important;flex:0 1 auto!important;min-width:0!important}
  .social-pills-v2 .brand-icon{flex:0 0 auto!important}

  /* Singing filters: two rows, both aligned to the left on mobile. */
  .page-singing .music-filterbar{justify-items:stretch!important;padding:10px 12px!important}
  .page-singing .music-filterbar .filters{justify-content:flex-start!important;width:100%!important}
}
@media(max-width:430px){
  .social-pills-v2>a{font-size:8.5px!important;padding:6px 4px!important;gap:3px!important}
  .social-pills-v2 .brand-icon{transform:scale(.9)}
}
.social-short{display:none}
@media(max-width:800px){.social-pills-v2 .social-full{display:none}.social-pills-v2 .social-short{display:inline}}

/* v109 — compact page transitions + full social labels */
/* Keep quick navigation visually connected to the first content block. */
.page-stream .vt-quick-wrap{padding-bottom:0!important}
.page-stream #live{padding-top:30px!important}
.asmr-quick{margin-bottom:14px!important}
.shop-page{padding-top:8px!important}
.page-voice .commission-page>.page-quick,
.page-singing .commission-page>.page-quick{margin-bottom:18px!important}
.page-voice .commission-intro{margin-top:0!important;margin-bottom:20px!important}
.page-singing .vocal-demo-section{padding-top:18px!important}

@media(max-width:800px){
  /* Homepage social links: keep all six on one row with their readable full names. */
  .social-pills-v2{display:flex!important;flex-wrap:nowrap!important;justify-content:center!important;gap:3px!important;padding:8px 0 3px!important;width:100%!important}
  .social-pills-v2>a{font-size:8px!important;padding:5px 4px!important;gap:3px!important;min-height:31px!important;line-height:1!important}
  .social-pills-v2 .social-full{display:inline!important}
  .social-pills-v2 .social-short{display:none!important}
  .social-pills-v2 .brand-icon{transform:scale(.82);transform-origin:center!important}

  /* Tighten the whitespace after all page-level quick menus. */
  .page-stream .vt-quick-wrap{padding:8px 0 0!important}
  .page-stream #live{padding-top:24px!important}
  .asmr-quick{margin-bottom:10px!important}
  .shop-page{padding-top:4px!important}
  .page-voice .commission-page>.page-quick,
  .page-singing .commission-page>.page-quick{margin-bottom:14px!important}
  .page-voice .commission-intro{margin-bottom:14px!important}
  .page-singing .vocal-demo-section{padding-top:14px!important}
}
@media(max-width:430px){
  .social-pills-v2{gap:2px!important}
  .social-pills-v2>a{font-size:7.4px!important;padding:5px 3px!important;gap:2px!important}
  .social-pills-v2 .brand-icon{transform:scale(.76)}
}

/* v110 — compact page rhythm + mobile portfolio density */
/* Keep page quick navigation close to the content that follows on desktop too. */
.page-vtuber .vt-quick-wrap,
.page-stream .vt-quick-wrap{padding-top:8px!important;padding-bottom:0!important}
.page-vtuber .vt-quick-wrap + .section,
.page-stream .vt-quick-wrap + .section{padding-top:28px!important}
.asmr-quick{margin-top:8px!important;margin-bottom:8px!important}
.shop-page{padding-top:0!important}
.page-voice .commission-page>.page-quick,
.page-singing .commission-page>.page-quick{margin-top:8px!important;margin-bottom:8px!important}
.page-voice .commission-intro{margin-top:0!important;margin-bottom:10px!important}
.page-singing .vocal-demo-section{padding-top:8px!important}

@media(max-width:800px){
  /* Quick menus should sit near the top instead of floating in a large empty band. */
  .page-vtuber .vt-quick-wrap,
  .page-stream .vt-quick-wrap{padding-top:4px!important;padding-bottom:0!important}
  .page-vtuber .vt-quick-wrap + .section,
  .page-stream .vt-quick-wrap + .section{padding-top:18px!important}
  .asmr-quick{margin-top:4px!important;margin-bottom:6px!important}
  .shop-page{padding-top:0!important}
  .page-voice .commission-page>.page-quick,
  .page-singing .commission-page>.page-quick{margin-top:4px!important;margin-bottom:6px!important}
  .page-voice .commission-intro{margin-bottom:8px!important}
  .page-singing .vocal-demo-section{padding-top:6px!important}

  /* Homepage: Latest Works + Featured use the same compact two-column rhythm as Latest Events. */
  .page-index #works .cards,
  .page-index .featured-pair,
  .page-index .latest-event-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .page-index #works .card,
  .page-index .featured-card,
  .page-index .latest-event-card{min-height:0!important;display:block!important}
  .page-index #works .card img,
  .page-index .featured-card img,
  .page-index .latest-event-card>img{width:100%!important;height:auto!important;aspect-ratio:16/10!important;object-fit:cover!important}
  .page-index #works .card .body,
  .page-index .featured-card>div,
  .page-index .latest-event-card .body{padding:11px!important}
  .page-index #works .card h3,
  .page-index .featured-card h3,
  .page-index .latest-event-card h3{font-size:14px!important;line-height:1.35!important;margin:7px 0 5px!important}
  .page-index .featured-card p,
  .page-index .latest-event-card p{font-size:11px!important;line-height:1.45!important;margin:0 0 8px!important}
  .page-index #works .tag,
  .page-index .featured-card .tag,
  .page-index .latest-event-card .tag{font-size:9px!important;padding:4px 7px!important}
  .page-index #works .detail-link,
  .page-index .featured-card .detail-link,
  .page-index .latest-event-card .detail-link{font-size:11px!important;padding:7px 9px!important}

  /* ASMR catalogue: two compact cards per row on phones. */
  .asmr-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .asmr-product-grid .product-card{min-width:0!important}
  .asmr-product-grid .product-media{aspect-ratio:16/10!important}
  .asmr-product-grid .product-media img{width:100%!important;height:100%!important;object-fit:contain!important}
  .asmr-product-grid .product-body{padding:11px!important}
  .asmr-product-grid .product-tags{gap:4px!important}
  .asmr-product-grid .tag{font-size:9px!important;padding:4px 6px!important}
  .asmr-product-grid h3{font-size:14px!important;line-height:1.35!important;margin:8px 0!important}
  .asmr-product-grid p{font-size:11px!important;line-height:1.45!important}
  .asmr-product-grid .product-bottom{gap:6px!important;align-items:flex-end!important}
  .asmr-product-grid .product-bottom b{font-size:14px!important}
  .asmr-product-grid .product-link{font-size:11px!important}
  .asmr-product-grid .r18-cover-badge{font-size:9px!important;padding:4px 7px!important;top:7px!important;left:7px!important}

  /* Voice portfolio: six works remain a page, displayed as 2 × 3 compact cards. */
  .page-voice .voice-library{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .page-voice .voice-library .work-card{min-width:0!important}
  .page-voice .voice-library .work-meta{padding:11px!important}
  .page-voice .voice-library .work-tags{gap:4px!important}
  .page-voice .voice-library .work-tags span{font-size:9px!important;padding:4px 6px!important}
  .page-voice .voice-library h3{font-size:14px!important;line-height:1.35!important;margin:8px 0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .page-voice .voice-library .creator-line{font-size:10px!important;line-height:1.4!important;margin:7px 0!important}
  .page-voice .voice-library .work-actions{gap:5px!important}
  .page-voice .voice-library .work-actions a,
  .page-voice .voice-library .work-detail-button{font-size:10px!important}
  .page-voice .voice-library .play-badge{width:38px!important;height:38px!important;font-size:15px!important}
  .page-voice .voice-library .r18-cover-badge{font-size:9px!important;padding:4px 7px!important;top:7px!important;left:7px!important}
}

@media(max-width:430px){
  .page-index #works .cards,
  .page-index .featured-pair,
  .page-index .latest-event-grid,
  .asmr-product-grid,
  .page-voice .voice-library{gap:8px!important}
}

/* v111 — align first-page content rhythm to Stream & Media */
/* Use the Stream page as the shared vertical rhythm: quick menu sits immediately
   below the hero, then the first real content begins after one compact gap. */
.page-vtuber > main.wrap.section,
.page-asmr > main.wrap.section,
.page-voice > main.wrap.section,
.page-singing > main.wrap.section{
  padding-top:8px!important;
}
.page-vtuber > main.wrap.section > .page-quick,
.page-asmr .asmr-quick,
.page-voice .commission-page > .page-quick,
.page-singing .commission-page > .page-quick{
  margin-top:0!important;
  margin-bottom:0!important;
}
.page-vtuber > main.wrap.section > .page-quick + #story{
  margin-top:30px!important;
}
.page-asmr #asmr-works{
  padding-top:30px!important;
}
.page-voice .commission-intro{
  margin-top:28px!important;
}
.page-singing .vocal-demo-section{
  padding-top:28px!important;
}

@media(max-width:800px){
  .page-vtuber > main.wrap.section,
  .page-asmr > main.wrap.section,
  .page-voice > main.wrap.section,
  .page-singing > main.wrap.section{
    padding-top:6px!important;
  }
  .page-vtuber > main.wrap.section > .page-quick + #story{
    margin-top:22px!important;
  }
  .page-asmr #asmr-works{
    padding-top:22px!important;
  }
  .page-voice .commission-intro{
    margin-top:20px!important;
  }
  .page-singing .vocal-demo-section{
    padding-top:20px!important;
  }
}

/* v112 — compact mobile Stream Shorts / Highlights + Voice Demo cards */
@media(max-width:800px){
  /* Shorts: show more items at once instead of one tall card dominating the screen. */
  .page-stream .vt-shorts{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:9px!important;
    margin-top:12px!important;
  }
  .page-stream .vt-short{
    min-width:0!important;
    border-radius:18px!important;
  }
  .page-stream .vt-short span{font-size:23px!important}
  .page-stream .vt-short b{left:10px!important;bottom:10px!important;font-size:10px!important}

  /* Stream highlights: two compact 16:9 cards per row. */
  .page-stream .vt-highlight-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .page-stream .vt-video-card{
    min-width:0!important;
    padding:12px!important;
    border-radius:18px!important;
  }
  .page-stream .vt-video-card .vt-play{
    width:42px!important;height:42px!important;font-size:15px!important;
  }
  .page-stream .vt-video-card b{font-size:13px!important;line-height:1.35!important}
  .page-stream .vt-video-card small{font-size:9px!important;line-height:1.35!important;margin-top:3px!important}
  .page-stream #highlights .section-head{margin-bottom:12px!important}

  /* Voice types: keep carousel behavior but reduce each card substantially. */
  .page-voice .demo-rail{
    grid-auto-columns:62%!important;
    gap:10px!important;
  }
  .page-voice .demo-video{border-radius:18px!important}
  .page-voice .demo-video .demo-copy{padding:10px 12px!important}
  .page-voice .demo-video h3{font-size:15px!important;margin:0 0 3px!important}
  .page-voice .demo-video p{font-size:10px!important;line-height:1.4!important}
  .page-voice .demo-more{font-size:10px!important;margin-top:6px!important}
  .page-voice .demo-video .demo-thumb:after{
    width:40px!important;height:40px!important;font-size:14px!important;
  }
  .page-voice .demo-arrow{
    width:38px!important;height:38px!important;font-size:26px!important;
  }
}

@media(max-width:430px){
  .page-stream .vt-shorts{gap:7px!important}
  .page-stream .vt-highlight-grid{gap:8px!important}
  .page-voice .demo-rail{grid-auto-columns:66%!important}
}

/* v113 — bounded media carousels */
.media-carousel-shell{position:relative}
.media-carousel-shell .carousel-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 32px)/3);gap:16px;overflow:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding:2px}
.media-carousel-shell .carousel-track>*{scroll-snap-align:start;min-width:0}
.media-carousel-shell .carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:44px;height:44px;border-radius:50%;border:1px solid #f0b9c7;background:rgba(255,255,255,.92);color:#d9587d;font-size:28px;line-height:1;display:grid;place-items:center;box-shadow:0 8px 22px rgba(171,73,101,.13);cursor:pointer;opacity:.62;transition:.2s}
.media-carousel-shell:hover .carousel-arrow{opacity:1}.media-carousel-shell .carousel-arrow:hover{transform:translateY(-50%) scale(1.08)}
.media-carousel-shell .carousel-prev{left:-18px}.media-carousel-shell .carousel-next{right:-18px}
.page-stream .vt-shorts.media-carousel-shell .carousel-track{grid-auto-columns:calc((100% - 48px)/4)}
.page-stream .vt-highlights-carousel .carousel-track{grid-auto-columns:calc((100% - 16px)/2)}
.page-index .featured-carousel .carousel-track{grid-auto-columns:calc((100% - 32px)/3)}
.page-index .featured-carousel .featured-card{height:auto!important}
@media(max-width:760px){
 .media-carousel-shell .carousel-arrow{width:34px;height:34px;font-size:22px}
 .media-carousel-shell .carousel-prev{left:-5px}.media-carousel-shell .carousel-next{right:-5px}
 .page-stream .vt-shorts.media-carousel-shell .carousel-track{grid-auto-columns:calc((100% - 14px)/3);gap:7px}
 .page-stream .vt-highlights-carousel .carousel-track{grid-auto-columns:calc((100% - 10px)/2);gap:10px}
 .page-index .featured-carousel .carousel-track{grid-auto-columns:calc((100% - 10px)/2);gap:10px}
 .page-index .featured-carousel .featured-card>img{height:110px!important;min-height:110px!important;object-fit:contain!important}
 .page-index .featured-carousel .featured-card>div{padding:12px!important}
 .page-index .featured-carousel .featured-card h3{font-size:15px!important;line-height:1.35!important;margin:8px 0 5px!important}
 .page-index .featured-carousel .featured-card p{font-size:12px!important;line-height:1.45!important}
 .page-index .featured-carousel .detail-link{font-size:12px!important;padding:7px 9px!important}
}

/* v114 — desktop media sizing, compact mobile history, paged featured collaborations */
/* Stream carousels: desktop cards stay presentation-sized. */
@media(min-width:761px){
  .page-stream .vt-shorts.media-carousel-shell{max-width:1120px;margin:18px auto 0}
  .page-stream .vt-shorts.media-carousel-shell .carousel-track{grid-auto-columns:calc((100% - 54px)/4)!important;gap:18px!important}
  .page-stream .vt-shorts .vt-short{width:auto!important;min-width:0!important;aspect-ratio:9/16!important;border-radius:24px!important}
  .page-stream .vt-highlights-carousel{max-width:1180px;margin-left:auto;margin-right:auto}
  .page-stream .vt-highlights-carousel .carousel-track{grid-auto-columns:calc((100% - 36px)/3)!important;gap:18px!important}
  .page-stream .vt-highlights-carousel .vt-video-card{width:auto!important;min-width:0!important;aspect-ratio:16/9!important}
  .page-stream .media-carousel-shell .carousel-prev{left:-22px!important}
  .page-stream .media-carousel-shell .carousel-next{right:-22px!important}
}

/* Collaboration history on phones: compact, no horizontal drag bars. */
@media(max-width:600px){
  .page-history .history-filters{display:flex!important;flex-wrap:nowrap!important;justify-content:center!important;gap:5px!important;overflow:visible!important;margin-left:-6px!important;margin-right:-6px!important}
  .page-history .history-filters .filter{padding:7px 8px!important;font-size:10px!important;white-space:nowrap!important}
  .page-history .logo-wall-showcase{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px 10px!important;padding:12px 0 4px!important}
  .page-history .partner-logo.partner-logo-image img{width:64px!important;height:64px!important}
  .page-history .partner-logo-name{font-size:11px!important}
  .page-history .collab-project-chips{display:block!important;overflow:visible!important;padding-bottom:0!important}
  .page-history .collab-project-chip{width:100%!important;min-height:0!important;display:grid!important;grid-template-columns:54px minmax(0,1fr) auto!important;gap:10px!important;scroll-snap-align:none!important;border:0!important;border-bottom:1px solid #f2dbe1!important;border-radius:0!important;background:transparent!important;padding:10px 0!important}
  .page-history .collab-project-chip img{width:50px!important;height:44px!important}
  .page-history .collab-project-chip b{font-size:12px!important}
  .page-history .project-carousel-controls{display:none!important}
}

/* Homepage Featured Collaborations: 3×2 desktop / 2×2 mobile, page arrows + dots. */
.page-index .featured-carousel{position:relative;padding:0 28px}
.page-index .featured-carousel .carousel-track{display:block!important;overflow:hidden!important;padding:2px!important}
.page-index .featured-carousel .featured-page{display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.page-index .featured-carousel .featured-page.active{display:grid}
.page-index .featured-carousel .featured-card{min-width:0!important;width:auto!important;height:auto!important}
.page-index .featured-carousel .featured-card>img{width:100%!important;aspect-ratio:16/10!important;height:auto!important;object-fit:contain!important;background:#fffaf8}
.page-index .featured-carousel .carousel-prev{left:-4px!important}
.page-index .featured-carousel .carousel-next{right:-4px!important}
.page-index .featured-carousel-controls{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:16px}
.page-index .featured-carousel-dots{display:flex;gap:6px;align-items:center}
.page-index .featured-carousel-dots i{width:8px;height:8px;border-radius:50%;background:#f0c7d3;transition:.2s}
.page-index .featured-carousel-dots i.active{background:#dc6284;transform:scale(1.12)}
.page-index .featured-carousel-controls button{width:38px;height:38px;border-radius:50%;border:1px solid #efc2ce;background:#fff;color:#d75b7e;font-size:22px;display:grid;place-items:center;cursor:pointer}
.page-index .featured-carousel-controls button:disabled{opacity:.28;cursor:default}
@media(max-width:760px){
  .page-index .featured-carousel{padding:0 18px!important}
  .page-index .featured-carousel .featured-page{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px!important}
  .page-index .featured-carousel .featured-card>img{height:auto!important;min-height:0!important;aspect-ratio:16/10!important;object-fit:contain!important}
  .page-index .featured-carousel .carousel-arrow{display:none!important}
  .page-index .featured-carousel-controls{margin-top:10px}
  .page-index .featured-carousel-controls button{width:32px;height:32px;font-size:18px}
}
.page-history .collab-featured{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
@media(max-width:760px){.page-history .collab-featured{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.page-history .collab-featured .featured-media{aspect-ratio:16/10!important}.page-history .collab-featured .body{padding:11px!important}.page-history .collab-featured .body h3{font-size:14px!important}.page-history .collab-featured .body p,.page-history .collab-featured .detail-link{font-size:11px!important}}

/* v115: correct v114 carousel shell layout; the shell must NOT inherit the card grid. */
.page-stream .vt-shorts.media-carousel-shell,
.page-stream .vt-highlight-grid.media-carousel-shell{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;position:relative!important;margin:18px 0 0!important;overflow:visible!important}
.page-stream .media-carousel-shell .carousel-track{display:grid!important;grid-template-columns:none!important;grid-auto-flow:column!important;width:100%!important;box-sizing:border-box!important;overflow-x:hidden!important;overflow-y:hidden!important;gap:18px!important;padding:2px!important}
.page-stream .media-carousel-shell .carousel-track>*{box-sizing:border-box!important;width:100%!important;min-width:0!important;margin:0!important;scroll-snap-align:start}
@media(min-width:801px){
 .page-stream .vt-shorts.media-carousel-shell .carousel-track{grid-auto-columns:calc((100% - 54px)/4)!important}
 .page-stream .vt-highlights-carousel .carousel-track{grid-auto-columns:calc((100% - 36px)/3)!important}
 .page-stream .vt-shorts.media-carousel-shell .vt-short{aspect-ratio:9/16!important}
 .page-stream .vt-highlights-carousel .vt-video-card{aspect-ratio:16/9!important}
 .page-stream .media-carousel-shell .carousel-prev{left:-16px!important}
 .page-stream .media-carousel-shell .carousel-next{right:-16px!important}
}
@media(min-width:761px) and (max-width:800px){
 .page-stream .vt-shorts.media-carousel-shell .carousel-track{grid-auto-columns:calc((100% - 30px)/3)!important;gap:15px!important}
 .page-stream .vt-highlights-carousel .carousel-track{grid-auto-columns:calc((100% - 15px)/2)!important;gap:15px!important}
}
@media(max-width:760px){
 .page-stream .media-carousel-shell .carousel-track{gap:9px!important}
 .page-stream .vt-shorts.media-carousel-shell .carousel-track{grid-auto-columns:calc((100% - 18px)/3)!important}
 .page-stream .vt-highlights-carousel .carousel-track{grid-auto-columns:calc((100% - 9px)/2)!important}
 .page-stream .media-carousel-shell .carousel-prev{left:-9px!important}
 .page-stream .media-carousel-shell .carousel-next{right:-9px!important}
 /* History partner list: actual single-column mobile rows, no horizontal swipe. */
 .page-history .collab-project-chips{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important;overflow:visible!important;width:100%!important}
 .page-history .collab-project-chip{display:grid!important;grid-template-columns:52px minmax(0,1fr) auto!important;width:100%!important;max-width:100%!important;flex:none!important;min-height:64px!important;gap:9px!important;align-items:center!important;padding:8px 0!important;border:0!important;border-bottom:1px solid #f2dbe1!important;border-radius:0!important;background:transparent!important}
 .page-history .collab-project-chip img{width:50px!important;height:46px!important;object-fit:contain!important}
 .page-history .collab-project-count{grid-column:3!important;white-space:nowrap!important}
 .page-history .history-filters{max-width:100%!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important}
}
.page-index .featured-carousel{display:block!important;width:100%!important;min-width:0!important;box-sizing:border-box!important}
.page-index .featured-carousel .featured-page{width:100%!important;box-sizing:border-box!important}
.page-index .featured-carousel .featured-card{display:flex!important;flex-direction:column!important;overflow:hidden!important}
.page-index .featured-carousel .featured-card>img{flex:none!important}
.page-index .featured-carousel .featured-card>div{flex:1!important}

/* v116: dense paged content previews */
@media(min-width:761px){
  .page-index .featured-carousel .featured-page{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(2,auto);gap:16px!important}
  .page-singing .music-library-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
.mobile-event-controls{display:none;align-items:center;justify-content:center;gap:9px;margin-top:12px}
.mobile-event-controls button{width:32px;height:32px;border-radius:50%;border:1px solid #efc2ce;background:#fff;color:#d75b7e;font-size:19px;display:grid;place-items:center}
.mobile-event-controls button:disabled{opacity:.28}.event-page-dots{display:flex;gap:6px}.event-page-dots i{width:7px;height:7px;border-radius:50%;background:#f0c7d3}.event-page-dots i.active{background:#dc6284}
@media(max-width:760px){
  .page-index .latest-event-card.event-page-hidden{display:none!important}
  .page-index .latest-event-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .page-index .featured-carousel .featured-page{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(2,auto)}
  .page-singing .music-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* v117 — unified content density and paged collections */
.is-page-hidden{display:none!important}
.content-pager{display:flex;justify-content:center;align-items:center;gap:10px;margin:18px 0 8px}.content-pager>button{width:38px;height:38px;border-radius:50%;border:1px solid #efc2ce;background:#fff;color:#d75b7e;font-size:22px;display:grid;place-items:center;cursor:pointer}.content-pager>button:disabled{opacity:.28;cursor:default}.pager-dots{display:flex;gap:7px}.pager-dots button{width:8px;height:8px;border-radius:50%;border:1px solid #df6b8c;background:#fff;padding:0}.pager-dots button.active{background:#df6b8c}
.page-index .featured-carousel .featured-page{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:none!important}
.page-history .collab-featured{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:auto!important}
.page-asmr .asmr-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
/* Official goods: 4 across × 2 rows per page on desktop. JS pages 8 items at a time. */
.page-asmr .merch-track{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;transform:none!important}.page-asmr .merch-slide{width:auto!important;flex:none!important}.page-asmr .merch-carousel{padding:20px 48px 28px!important}.page-asmr .merch-dots{margin-top:18px!important}.page-asmr .merch-arrow{top:50%!important}
/* Shared section rhythm: keep quick/filter bars close to the content they control. */
.page-asmr .asmr-quick,.page-voice .page-quick,.page-singing .page-quick,.page-stream .stream-quick,.page-vtuber .page-quick{margin-bottom:28px!important}
@media(max-width:760px){.content-pager{margin-top:11px}.content-pager>button{width:32px;height:32px;font-size:18px}.page-history .collab-featured{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.page-asmr .asmr-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.page-asmr .merch-track{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.page-asmr .merch-carousel{padding:14px 28px 20px!important}.page-asmr .merch-slide>div{padding:11px!important}.page-asmr .merch-slide h3{font-size:14px!important}.page-asmr .goods-price{font-size:14px!important}.page-index .featured-carousel .featured-page{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.page-index .featured-carousel .featured-card h3{font-size:13px!important}.page-index .featured-carousel .featured-card p{font-size:11px!important}}

/* v118 — mobile-only polish: voice type cards/modal + stream highlights */
@media(max-width:800px){
  /* Voice type carousel: compact selector cards on phones. */
  .page-voice #voice-types{padding-top:28px!important;padding-bottom:30px!important}
  .page-voice #voice-types .section-head{margin-bottom:14px!important}
  .page-voice .demo-rail{grid-auto-columns:54%!important;gap:9px!important;padding:0 2px 3px!important}
  .page-voice .demo-video{border-radius:16px!important}
  .page-voice .demo-video .demo-thumb{aspect-ratio:16/8.2!important;min-height:0!important}
  .page-voice .demo-video .demo-copy{padding:8px 10px 9px!important}
  .page-voice .demo-video h3{font-size:14px!important;margin:0 0 2px!important}
  .page-voice .demo-video p{font-size:9px!important;line-height:1.3!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .page-voice .demo-more{font-size:9px!important;margin-top:5px!important}
  .page-voice .demo-video .demo-thumb:after{width:34px!important;height:34px!important;font-size:12px!important}
  .page-voice .demo-arrow{width:34px!important;height:34px!important;font-size:23px!important;top:43%!important}
  .page-voice .demo-prev{left:-8px!important}.page-voice .demo-next{right:-8px!important}

  /* Voice modal: compact header, 16:9 main preview, full-width vertical demo list. */
  .page-voice .voice-demo-modal{padding:10px!important}
  .page-voice .voice-demo-card{width:min(100%,430px)!important;max-height:90vh!important;border-radius:24px!important;overflow:auto!important;display:block!important}
  .page-voice .voice-demo-head{padding:22px 18px 14px!important;border-bottom:1px solid #f2d6dd!important}
  .page-voice .voice-demo-head .kicker{font-size:10px!important;margin-bottom:8px!important}
  .page-voice .voice-demo-head h2{font-size:28px!important;line-height:1.1!important;margin:0 0 8px!important}
  .page-voice .voice-demo-head p{font-size:12px!important;margin:0!important;line-height:1.45!important}
  .page-voice .voice-demo-card>.detail-close{position:sticky!important;float:right!important;top:10px!important;margin:10px 10px -52px 0!important;width:40px!important;height:40px!important;z-index:8!important}
  .page-voice .voice-demo-library{padding:14px 18px 20px!important;overflow:visible!important}
  .page-voice .voice-demo-library>.kicker{font-size:10px!important;margin-bottom:9px!important}
  .page-voice .voice-demo-workspace{display:block!important}
  .page-voice .voice-demo-preview{min-height:0!important;aspect-ratio:16/9!important;border-radius:17px!important;margin-bottom:12px!important}
  .page-voice .voice-preview-placeholder{gap:5px!important;padding:12px!important}
  .page-voice .voice-preview-placeholder>span{width:46px!important;height:46px!important;font-size:17px!important}
  .page-voice .voice-preview-placeholder b{font-size:14px!important}
  .page-voice .voice-preview-placeholder small{font-size:10px!important}
  .page-voice .voice-demo-items{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;overflow:visible!important;max-height:none!important;padding:0!important}
  .page-voice .voice-demo-item{width:100%!important;min-height:68px!important;margin:0!important;padding:8px!important;grid-template-columns:54px minmax(0,1fr)!important;gap:10px!important;border-radius:15px!important}
  .page-voice .voice-demo-placeholder{height:50px!important;border-radius:11px!important}
  .page-voice .voice-demo-item b{font-size:12px!important}
  .page-voice .voice-demo-item p{font-size:9px!important;margin:2px 0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .page-voice .voice-demo-item span{display:inline-block!important;font-size:8px!important;margin-top:1px!important}

  /* Stream highlights: title metadata gets its own line; card copy lives below thumbnail. */
  .page-stream #highlights{padding-top:30px!important}
  .page-stream #highlights .section-head{display:block!important;margin-bottom:14px!important}
  .page-stream #highlights .section-note{display:block!important;margin-top:8px!important;font-size:9px!important;line-height:1.45!important;letter-spacing:.13em!important;max-width:100%!important}
  .page-stream .vt-highlights-carousel .carousel-track{grid-auto-columns:calc((100% - 10px)/2)!important;gap:10px!important;align-items:start!important}
  .page-stream .vt-highlights-carousel .vt-video-card{aspect-ratio:auto!important;min-height:0!important;padding:0!important;display:block!important;overflow:hidden!important;background:#fff!important;border:1px solid #f1cad4!important}
  .page-stream .vt-highlights-carousel .vt-video-card:before{content:""!important;display:block!important;position:relative!important;inset:auto!important;width:100%!important;aspect-ratio:16/9!important;background:linear-gradient(135deg,#f7bdca,#f8dfbc),url('assets/logo-grid-new.png') center/300px repeat!important;opacity:1!important;mix-blend-mode:normal!important}
  .page-stream .vt-highlights-carousel .vt-video-card>div{position:relative!important;padding:9px 10px 10px!important;background:#fffaf8!important;min-height:54px!important}
  .page-stream .vt-highlights-carousel .vt-video-card b{font-size:12px!important;line-height:1.3!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .page-stream .vt-highlights-carousel .vt-video-card small{font-size:8px!important;line-height:1.35!important;margin-top:3px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .page-stream .vt-highlights-carousel .vt-play{top:calc((100% - 54px)/2)!important;width:38px!important;height:38px!important;font-size:13px!important;z-index:3!important}
  .page-stream .vt-highlights-carousel .carousel-arrow{width:34px!important;height:34px!important;font-size:22px!important;top:43%!important}
  .page-stream .vt-highlights-carousel .carousel-prev{left:-8px!important}.page-stream .vt-highlights-carousel .carousel-next{right:-8px!important}
}
@media(max-width:430px){
  .page-voice .demo-rail{grid-auto-columns:52%!important}
}

/* v119 — mobile-only: extra-compact voice type selector cards */
@media(max-width:800px){
  .page-voice .demo-rail{
    grid-auto-columns:43%!important;
    gap:8px!important;
  }
  .page-voice .demo-video{border-radius:14px!important}
  .page-voice .demo-video .demo-thumb{
    aspect-ratio:16/7.1!important;
    min-height:0!important;
  }
  .page-voice .demo-video .demo-copy{padding:6px 8px 7px!important}
  .page-voice .demo-video h3{font-size:12px!important;margin:0 0 1px!important;line-height:1.25!important}
  .page-voice .demo-video p{font-size:8px!important;line-height:1.25!important}
  .page-voice .demo-more{font-size:8px!important;margin-top:4px!important}
  .page-voice .demo-video .demo-thumb:after{width:28px!important;height:28px!important;font-size:10px!important}
  .page-voice .demo-arrow{width:30px!important;height:30px!important;font-size:20px!important}
  .page-voice .demo-prev{left:-5px!important}.page-voice .demo-next{right:-5px!important}
}
@media(max-width:430px){
  .page-voice .demo-rail{grid-auto-columns:41%!important;gap:7px!important}
}

/* v120 — mobile-only: show three complete voice Demo cards per view */
@media(max-width:800px){
  .page-voice .demo-rail{
    grid-auto-columns:calc((100% - 14px)/3)!important;
    gap:7px!important;
    scroll-padding-inline:0!important;
  }
  .page-voice .demo-video{min-width:0!important;border-radius:12px!important}
  .page-voice .demo-video .demo-thumb{aspect-ratio:16/6.4!important}
  .page-voice .demo-video .demo-copy{padding:5px 6px 6px!important}
  .page-voice .demo-video h3{font-size:11px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .page-voice .demo-video p{font-size:7px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .page-voice .demo-more{font-size:7px!important;margin-top:3px!important}
  .page-voice .demo-video .demo-thumb:after{width:25px!important;height:25px!important;font-size:9px!important}
  .page-voice .demo-arrow{width:27px!important;height:27px!important;font-size:17px!important}
  .page-voice .demo-prev{left:-4px!important}.page-voice .demo-next{right:-4px!important}
}
@media(max-width:430px){
  .page-voice .demo-rail{grid-auto-columns:calc((100% - 12px)/3)!important;gap:6px!important}
}

/* v126 — resilient homepage Hero: preserve CTA across short viewports without clipping */
@media (max-width:800px){
  .hero-new{height:auto!important;min-height:calc(100svh - 64px)!important;overflow:visible!important;padding:clamp(18px,4svh,38px) 7vw clamp(28px,5svh,52px)!important;align-items:flex-start!important;justify-content:center!important}
  .hero-new .hero-copy{transform:none!important;padding:0!important;margin:auto 0!important;position:relative;z-index:2}
  .hero-new .hero-logo{width:min(330px,82%)!important;margin-bottom:clamp(10px,2svh,18px)!important}
  .hero-new h1{font-size:clamp(34px,8.3vw,48px)!important;margin-bottom:clamp(5px,1svh,10px)!important}
  .hero-new h2{font-size:clamp(22px,5.6vw,29px)!important;margin-bottom:clamp(8px,1.6svh,16px)!important}
  .hero-new .hero-tagline{font-size:clamp(15px,3.8vw,19px)!important;margin-bottom:clamp(8px,1.4svh,14px)!important}
  .hero-new .roles{font-size:clamp(16px,4vw,20px)!important;margin-bottom:clamp(8px,1.5svh,14px)!important}
  .hero-new .btn{padding:12px 18px!important;margin-top:6px!important}
  .hero-new .hero-art{position:absolute!important;right:-20%!important;bottom:0!important;height:min(52svh,480px)!important;width:auto!important;opacity:.14!important;pointer-events:none}
}
@media (max-width:800px) and (max-height:700px){
  .hero-new{padding-top:14px!important;padding-bottom:20px!important}
  .hero-new .hero-logo{width:min(260px,72%)!important;margin-bottom:8px!important}
  .hero-new h1{font-size:clamp(30px,7.5vw,40px)!important}.hero-new h2{font-size:clamp(20px,5vw,25px)!important;margin-bottom:7px!important}
  .hero-new .hero-tagline{font-size:14px!important;margin-bottom:7px!important}.hero-new .roles{font-size:15px!important;margin-bottom:6px!important}
  .hero-new .btn{padding:10px 15px!important;font-size:14px!important}
}

/* v195 — collaboration pages only: gallery heading + stable thumbnail switching */
.page-history .media-gallery-head,.page-featured .media-gallery-head{display:block!important;text-align:left!important;align-items:initial!important;justify-content:initial!important;gap:0!important}
.page-history .media-gallery-head>div,.page-featured .media-gallery-head>div{display:block!important}
.page-history .media-gallery-head .kicker,.page-featured .media-gallery-head .kicker{display:block!important}
.page-history .media-gallery-head h3,.page-featured .media-gallery-head h3{display:block!important;margin:5px 0 0!important}
.page-history .media-gallery-head small,.page-featured .media-gallery-head small{display:block!important;margin-top:10px!important;text-align:left!important}
.page-history .collab-media-thumb .media-badge,.page-featured .collab-media-thumb .media-badge{display:none!important}