.mt-wr{display:block;background:#fff;color:#262626;font-family:Jost,sans-serif;padding:32px 0 28px;overflow:hidden;isolation:isolate}
.mt-wr *{box-sizing:border-box}
.mt-wr h2{font-family:var(--font-heading-family,"DM Sans",sans-serif);font-weight:500;font-size:clamp(28px,2.6vw,38px);line-height:1.08;letter-spacing:-.05em;text-align:center;margin:0 20px 6px;color:#2b2c2d}
.mt-wr h2 em{display:block;font-family:"ModTime Instrument Serif",Georgia,serif;font-size:1.16em;font-weight:400;font-style:italic;line-height:.98;letter-spacing:0;color:#b5b5b4;white-space:nowrap}
.mt-wr button{font-family:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.mt-wr button:focus,.mt-wr button:focus-visible{outline:none!important}
.mt-wr[data-input=keyboard] button:focus-visible{outline:2px solid #262626!important;outline-offset:4px}
.mt-wr__stage{position:relative;height:clamp(300px,23vw,365px);width:100%;max-width:1900px;margin:auto;touch-action:pan-y pinch-zoom;isolation:isolate;user-select:none;cursor:grab}
.mt-wr__stage:active{cursor:grabbing}
.mt-wr__card{position:absolute;left:50%;top:25px;width:clamp(220px,17.1vw,280px);height:auto;padding:6px 6px 0;background:#fff;border:1px solid #ddd;border-radius:7px;transform-origin:50% 85%;box-shadow:0 6px 16px #00000010;overflow:hidden;text-align:left;transition:transform 520ms cubic-bezier(.22,.75,.18,1),opacity 360ms ease;will-change:transform;opacity:0}
.mt-wr__card img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;display:block;border-radius:3px;pointer-events:none}
.mt-wr__caption{height:35px;display:flex;align-items:center;justify-content:space-between;font-size:11px;padding:0 4px;gap:5px;white-space:nowrap}
.mt-wr__stars{color:#117e72;letter-spacing:1px;white-space:nowrap;font-size:17px;line-height:1}
.mt-wr__caption .mt-wr__stars{font-size:12px;letter-spacing:0}
.mt-wr__card[aria-pressed=true]{border-color:#aaa;box-shadow:0 10px 24px #00000014}
.mt-wr__review{position:relative;padding:0 24px;max-width:1040px;margin:0 auto}
.mt-wr .mt-wr__arrow{position:absolute;z-index:2;top:var(--mt-wr-nav-y,145px);transform:translateY(-50%);display:grid;place-items:center;background:transparent;border:0;border-radius:0;height:46px;width:46px;padding:0;color:#3d756e;transition:opacity 180ms,transform 180ms;opacity:1}
.mt-wr__arrow[data-prev]{left:18px}
.mt-wr__arrow[data-next]{right:18px}
.mt-wr__arrow svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.mt-wr blockquote strong{font-weight:600;color:#2b2c2d}
.mt-wr__quote-window{position:relative;max-width:720px;margin:auto;overflow:hidden}
.mt-wr__quote{position:relative;text-align:center;padding:2px 0 0;min-height:202px}
.mt-wr__quote blockquote{font-family:Jost,sans-serif;font-size:20px;font-weight:400;font-style:normal;color:rgba(38,38,38,.75);border:0;padding:0;line-height:1.45;letter-spacing:0;margin:12px auto 10px;max-width:720px;height:87px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.mt-wr__byline{font-size:12px;margin:0;padding:0 48px;line-height:1.6}
.mt-wr__byline strong{font-weight:600}
.mt-wr__product{color:#666;font-size:11px;display:block}
.mt-wr__read{font-size:12px;line-height:20px;padding:7px 0 5px;background:none;border:0;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.mt-wr__sr{position:absolute!important;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.mt-wr__dialog{background:#fff;color:#262626;font-family:Jost,sans-serif;border:0;padding:0;border-radius:10px;width:min(920px,94vw);max-width:94vw;max-height:90dvh;box-shadow:0 18px 70px #0004}
.mt-wr__dialog::backdrop{background:#0009;backdrop-filter:blur(4px)}
.mt-wr__dialog button{cursor:pointer;font:inherit}
.mt-wr__detail{display:grid;grid-template-columns:1fr 1fr}
.mt-wr__photos{min-width:0;background:#f3f3f3;align-self:center}
.mt-wr__large{display:block;width:100%;max-height:70dvh;object-fit:contain}
.mt-wr__thumbs{display:flex;justify-content:center;gap:8px;padding:12px}
.mt-wr__thumbs button{background:white;border:1px solid #ccc;padding:3px;border-radius:4px}
.mt-wr__thumbs button[aria-pressed=true]{border-color:#222}
.mt-wr__thumbs img{display:block;width:60px;height:50px;object-fit:cover}
.mt-wr__detail-copy{padding:48px 30px 28px;align-self:center}
.mt-wr__detail-copy h3{font-family:"DM Sans",sans-serif;font-size:21px;margin:15px 0 4px}
.mt-wr__detail-copy blockquote{font-family:Jost,sans-serif;color:rgba(38,38,38,.75);font-size:17px;font-style:normal;border:0;padding:0;line-height:1.6;margin:20px 0;white-space:pre-line}
.mt-wr__detail-copy small{font-size:11px;line-height:1.5;color:#777}
.mt-wr__close{position:absolute;right:10px;top:10px;width:44px;height:44px;border-radius:50%;border:1px solid #ddd;background:white;z-index:1;font-size:24px!important;color:#222}
@media(hover:hover) and (pointer:fine){.mt-wr__arrow:hover{opacity:1;transform:translate(3px,-50%)}.mt-wr__arrow[data-prev]:hover{transform:translate(-3px,-50%)}.mt-wr__read:hover{text-decoration-color:#999}}
@media(max-width:749px){
 .mt-wr{padding:18px 0 12px}
 .mt-wr h2{font-size:28px;line-height:1.08;max-width:320px;margin:0 auto 3px;padding:0 12px}
 .mt-wr__stage{height:clamp(278px,calc(60vw + 88px),368px)}
 .mt-wr__card{width:clamp(190px,60vw,280px);height:auto;top:14px;padding:5px 5px 0}
 .mt-wr__card img{height:auto;aspect-ratio:1}
 .mt-wr__caption{height:26px;font-size:10px;padding:0 1px;gap:3px}
 .mt-wr__caption>span:first-child{overflow:hidden;text-overflow:ellipsis}
 .mt-wr__caption .mt-wr__stars{font-size:10px}
 .mt-wr__review{padding:0 22px}
 .mt-wr .mt-wr__arrow{height:44px;width:56px}
 .mt-wr__quote{min-height:176px}
 .mt-wr__quote blockquote{font-size:17px;line-height:1.4;height:71.4px;margin:8px 0}
 .mt-wr__read{padding:6px 0 4px}
 .mt-wr__product{font-size:10px;line-height:1.5}
 .mt-wr__detail{display:block}
 .mt-wr__large{max-height:40dvh}
 .mt-wr__detail-copy{padding:24px}
 .mt-wr__detail-copy blockquote{font-size:16px;margin:16px 0}
}
@media(any-pointer:coarse) and (min-width:750px){
 .mt-wr__review{max-width:768px}
}
@media(max-width:374px){.mt-wr__review{padding:0 18px}}
@media(max-width:749px) and (max-height:740px){
 .mt-wr{padding-top:12px}
 .mt-wr h2{font-size:26px}
 .mt-wr__quote{min-height:168px}
 .mt-wr__quote blockquote{font-size:16px;height:67.2px}
}
@media(prefers-reduced-motion:reduce){.mt-wr *, .mt-wr *::before{transition:none!important;animation:none!important}}
