/* 美美 MV：兩支原創配樂 MV。點了才播，預設靜音；桌機 16:9，手機 9:16 左右滑。 */
.mv{position:relative;overflow:hidden;padding:6rem 7vw;color:#ffedd2;content-visibility:auto;contain-intrinsic-size:auto 700px;
  background:radial-gradient(ellipse at 18% 12%,rgba(242,167,190,.22),transparent 40%),radial-gradient(ellipse at 85% 85%,rgba(168,216,208,.16),transparent 42%),linear-gradient(180deg,#3d2314,#4a2c1a 55%,#3d2314)}
.mv:before{content:"";position:absolute;left:-8vw;right:-8vw;top:-7rem;height:12rem;background:var(--cream);border-radius:0 0 50% 50%/0 0 60% 60%;pointer-events:none}
.mv .section-head{position:relative;z-index:1;margin-bottom:2.6rem}
.mv .eyebrow{color:var(--pink)}
.mv .section-head h2{color:#fff1e2}
.mv .section-head h2 span{color:var(--pink)}
.mv .section-head p:not(.eyebrow){color:rgba(255,237,210,.82)}
.mv-grid{position:relative;z-index:1;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:1.6rem}
.mv-card{margin:0;display:flex;flex-direction:column;gap:.9rem}
.mv-frame{position:relative;aspect-ratio:16/9;border-radius:26px;overflow:hidden;background:#1d110a;
  box-shadow:0 24px 70px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,237,210,.12)}
.mv-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;background:#1d110a}
.mv-start{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;border:0;padding:0;cursor:pointer;
  background:linear-gradient(180deg,rgba(29,17,10,0) 45%,rgba(29,17,10,.55));color:#fff9ee;font-family:var(--round);-webkit-tap-highlight-color:transparent}
.mv-start-icon{display:flex;align-items:center;justify-content:center;width:76px;height:76px;border-radius:50%;background:rgba(152,84,62,.92);
  border:3px solid #fff6e2;box-shadow:0 10px 30px rgba(0,0,0,.35);font-size:1.6rem;padding-left:.2rem;transition:transform .2s}
.mv-start-label{font-weight:900;font-size:.9rem;letter-spacing:.08em;line-height:1.4;padding:.3rem .9rem;border-radius:999px;background:rgba(29,17,10,.78);box-shadow:0 4px 14px rgba(0,0,0,.3)}
.mv-start:hover .mv-start-icon{transform:scale(1.07)}
.mv-start:focus-visible{outline:4px solid var(--tiff-d);outline-offset:-4px}
.mv-card.is-playing .mv-start{opacity:0;background:transparent}
.mv-card.is-playing .mv-start:focus-visible{opacity:1}
.mv-meta{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap}
.mv-title{font-family:var(--serif);font-weight:700;font-size:1.35rem;line-height:1.3;color:#fff1e2;margin:0}
.mv-title small{display:block;font-family:var(--round);font-weight:500;font-size:.74rem;letter-spacing:.08em;color:rgba(255,237,210,.68)}
.mv-sound{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:48px;padding:0 1.3rem;border-radius:999px;cursor:pointer;
  border:2px solid var(--pink);background:rgba(255,250,248,.08);color:#fff1e2;font:900 .95rem/1 var(--round);letter-spacing:.06em;white-space:nowrap;
  box-shadow:0 0 0 0 rgba(242,167,190,.5);transition:background .2s,color .2s,box-shadow .2s;-webkit-tap-highlight-color:transparent}
.mv-sound:hover{background:rgba(242,167,190,.18)}
.mv-sound[aria-pressed="true"]{background:var(--pink);color:var(--brown-d);border-color:var(--pink)}
.mv-sound:focus-visible{outline:3px solid var(--tiff-d);outline-offset:3px}
.mv-card.is-playing .mv-sound[aria-pressed="false"]{animation:mvPulse 2.2s ease-out 3}
@keyframes mvPulse{0%{box-shadow:0 0 0 0 rgba(242,167,190,.55)}100%{box-shadow:0 0 0 14px rgba(242,167,190,0)}}
.mv-credit{position:relative;z-index:1;text-align:center;margin:2.2rem auto 0;font-family:var(--round);font-size:.76rem;letter-spacing:.1em;color:rgba(255,237,210,.6)}
.mv-swipe{display:none}
@media(max-width:899px){
  .mv{padding:4.5rem 0 4.5rem;contain-intrinsic-size:auto 960px}
  .mv:before{top:-5.5rem;height:7.5rem}
  .mv .section-head{padding:0 1.2rem;margin-bottom:1.8rem}
  .mv-grid{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 1.2rem .6rem;scroll-padding:0 1.2rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .mv-grid::-webkit-scrollbar{display:none}
  .mv-card{flex:0 0 min(76vw,340px);scroll-snap-align:start}
  .mv-frame{aspect-ratio:9/16;border-radius:24px}
  .mv-meta{flex-direction:column;align-items:stretch;gap:.6rem}
  .mv-sound{width:100%}
  .mv-swipe{display:block;text-align:center;margin:.9rem 1.2rem 0;font-family:var(--round);font-size:.76rem;letter-spacing:.08em;color:rgba(255,237,210,.6)}
  .mv-credit{margin-top:1.2rem;padding:0 1.2rem}
}
@media(prefers-reduced-motion:reduce){
  .mv-start-icon{transition:none}
  .mv-card.is-playing .mv-sound[aria-pressed="false"]{animation:none}
}
@media print{.mv{display:none!important}}