/* MatchdayHotels V12.1 12117 — unified supporter guide production candidate. */
.mdh-v121-sg-source-hidden{display:none!important}

.mdh-v12117{
  --sg-club-primary:#d7a400;
  --sg-club-secondary:#f4f0e6;
  --sg-club-accent:var(--sg-club-primary);
  --sg-bg:#071011;
  --sg-ink:#f7f6f1;
  --sg-muted:#cfd7d2;
  --sg-border:#46584f;
  --sg-ground:url('/assets/supporter-guide-v121/ground-12117.webp');
  --sg-atmosphere:url('/assets/supporter-guide-v121/atmosphere-12117.webp');
  --sg-food:url('/assets/supporter-guide-v121/food-12117.webp');
  --sg-accessibility:url('/assets/supporter-guide-v121/accessibility-12117.webp');
  --sg-before:url('/assets/supporter-guide-v121/before-12117.webp');
  --sg-parking:url('/assets/supporter-guide-v121/parking-12117.webp');
  --sg-weather:url('/assets/supporter-guide-v121/weather-12117.webp');
  --sg-worth:url('/assets/supporter-guide-v121/worth-12117.webp');
  --sg-scarf:url('/assets/supporter-guide-v121/scarf-12117.webp');
  --sg-paper:url('/assets/supporter-guide-v121/paper-12117.webp');
  --sg-grunge:url('/assets/supporter-guide-v121/grunge-12117.webp');
  position:relative;
  isolation:isolate;
  width:min(1440px,calc(100% - 32px));
  margin:34px auto 40px;
  overflow:hidden;
  color:var(--sg-ink);
  background:#071011;
  border:1px solid rgba(255,255,255,.13);
  border-radius:16px;
  box-shadow:0 24px 60px rgba(0,0,0,.28);
  font-family:inherit;
}
.mdh-v12117::before,
.mdh-v12117::after{content:"";position:absolute;inset:0;pointer-events:none}
.mdh-v12117::before{
  z-index:-2;
  background-image:
    linear-gradient(90deg,rgba(4,12,13,.92),rgba(4,12,13,.69) 34%,rgba(4,12,13,.76) 62%,rgba(4,12,13,.93)),
    linear-gradient(180deg,rgba(4,12,13,.12),rgba(4,12,13,.66)),
    var(--sg-background-image,var(--sg-ground));
  background-size:auto,auto,cover;
  background-position:center,center,center 30%;
  background-repeat:no-repeat;
  filter:grayscale(.72) contrast(1.04) brightness(.76);
  transform:scale(1.025);
}
.mdh-v12117::after{
  z-index:-1;
  background:var(--sg-grunge) center top/1200px auto repeat-y;
  opacity:.22;
}
.mdh-v12117 *{box-sizing:border-box}
.mdh-v12117 button,.mdh-v12117 summary{font:inherit}
.mdh-v12117 button{color:inherit}
.mdh-v12117 a{color:inherit}
.mdh-v12117 :focus-visible{outline:3px solid #ffcf54;outline-offset:4px}
.mdh-v12117-inner{position:relative;z-index:1;padding:24px}

.mdh-v12117-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(520px,1.25fr);gap:30px;align-items:center;min-height:365px;margin-bottom:28px}
.mdh-v12117-copy{min-width:0;padding:8px 0 12px 12px}
.mdh-v12117-brand{margin-bottom:24px;font-size:28px;font-weight:850;letter-spacing:-1.2px;line-height:1}
.mdh-v12117-brand span{color:#f4a000}
.mdh-v12117-kicker{display:flex;align-items:center;gap:12px;width:max-content;max-width:100%;font-size:11px;font-weight:850;letter-spacing:.24em;text-transform:uppercase;color:#f3f1e9}
.mdh-v12117-kicker::after{content:"";width:74px;height:2px;background:var(--sg-club-primary)}
.mdh-v12117 h2{margin:12px 0 12px!important;color:#fff!important;font-size:clamp(44px,4.5vw,70px)!important;font-weight:950!important;line-height:.98!important;letter-spacing:-.045em!important;text-wrap:balance}
.mdh-v12117 h2 span{display:block;color:#eee4ce}
.mdh-v12117-copy>p{max-width:56ch;margin:0 0 16px!important;color:#dde3df!important;font-size:16px!important;line-height:1.45!important}
.mdh-v12117-tags{display:flex;flex-wrap:wrap;gap:7px}
.mdh-v12117-tags span{padding:6px 11px;border:1px solid color-mix(in srgb,var(--sg-club-primary) 78%,white 22%);border-radius:4px;background:rgba(0,0,0,.18);font-size:12px;font-weight:750;line-height:1;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,text-shadow .18s ease,background-color .18s ease}
.mdh-v12117-tags span:hover{transform:translateY(-1px);background:rgba(255,255,255,.045);border-color:color-mix(in srgb,var(--sg-club-primary) 72%,white 28%);box-shadow:0 0 0 1px rgba(255,255,255,.07),0 0 16px color-mix(in srgb,var(--sg-club-primary) 64%,transparent 36%);text-shadow:0 0 10px color-mix(in srgb,var(--sg-club-primary) 62%,white 38%)}

.mdh-v12117-art{position:relative;height:360px;min-width:0;isolation:isolate}
.mdh-v12117-photo{position:absolute;background-image:linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.35)),var(--sg-photo,var(--sg-ground));background-size:cover;background-position:center;filter:grayscale(.88) contrast(1.06) brightness(.68);border:9px solid #d8d0bc;box-shadow:0 12px 34px rgba(0,0,0,.38)}
.mdh-v12117-photo-a{right:13%;top:0;width:43%;height:79%;transform:rotate(10deg)}
.mdh-v12117-photo-b{right:4%;top:29%;width:35%;height:63%;transform:rotate(-7deg);background-position:68% 50%}

.mdh-v12117-scarf{position:absolute;left:-1%;top:-13%;z-index:4;width:50%;height:116%;transform:rotate(15deg);filter:drop-shadow(0 14px 14px rgba(0,0,0,.38));pointer-events:none}
.mdh-v12117-scarf-colour{position:absolute;inset:0;background:linear-gradient(to bottom,var(--sg-club-primary) 0 18%,var(--sg-club-secondary) 18% 22%,var(--sg-club-primary) 22% 67%,var(--sg-club-secondary) 67% 72%,var(--sg-club-primary) 72% 81%,var(--sg-club-secondary) 81% 85%,var(--sg-club-primary) 85% 100%);mask:var(--sg-scarf) center/100% 100% no-repeat;-webkit-mask:var(--sg-scarf) center/100% 100% no-repeat}
.mdh-v12117-scarf-texture{position:absolute;inset:0;background:var(--sg-scarf) center/100% 100% no-repeat;mix-blend-mode:multiply;opacity:.56}
.mdh-v12117-scarf-badge{position:absolute;left:36%;top:32%;z-index:3;width:28%;height:23%;object-fit:contain!important;filter:drop-shadow(0 2px 2px rgba(0,0,0,.58))}
.mdh-v12117-scarf>strong{position:absolute;left:31%;top:58%;z-index:3;width:38%;max-height:10%;overflow:hidden;text-align:center;color:var(--sg-club-secondary);font-size:clamp(9px,1vw,14px);font-weight:950;line-height:1.02;letter-spacing:.025em;text-shadow:0 2px 3px rgba(0,0,0,.55);overflow-wrap:anywhere}
.mdh-v12117-loose-badge{position:absolute;left:31%;bottom:0;z-index:8;width:11%;height:22%;object-fit:contain;transform:rotate(14deg);filter:drop-shadow(0 4px 4px rgba(0,0,0,.55))}

.mdh-v12117-paper{position:absolute;right:18%;top:38%;z-index:7;width:31%;min-height:42%;padding:18px 16px;color:#1e201c;background:#e8dfca var(--sg-paper) center/cover no-repeat;box-shadow:0 8px 28px rgba(0,0,0,.25);transform:rotate(-7deg);font-family:"Segoe Print","Bradley Hand",cursive;font-size:clamp(17px,1.7vw,25px);line-height:.98;text-align:center}
.mdh-v12117-paper span,.mdh-v12117-paper b,.mdh-v12117-paper em{display:block}
.mdh-v12117-paper b{font-weight:900}.mdh-v12117-paper em{font-style:normal;font-weight:800}
.mdh-v12117-paper::after{content:"";display:block;width:72%;height:9px;margin:8px auto 0;border-top:3px solid var(--sg-club-primary);border-bottom:2px solid var(--sg-club-primary);transform:rotate(-4deg)}
.mdh-v12117-follow{position:absolute;right:0;top:2%;z-index:9;width:23%;color:#fff;font-family:"Segoe Print","Bradley Hand",cursive;font-size:22px;line-height:1.02;text-align:right;transform:rotate(-8deg)}
.mdh-v12117-follow span,.mdh-v12117-follow strong{display:block}.mdh-v12117-follow strong{font:inherit;font-weight:750}
.mdh-v12117-follow::after{content:"";display:block;width:82%;height:9px;margin:8px 0 0 auto;border-top:3px solid var(--sg-club-primary);border-bottom:2px solid var(--sg-club-primary);transform:rotate(-4deg)}
.mdh-v12117-quote{position:absolute;right:0;bottom:4%;z-index:6;width:21%;padding:15px 13px;border:1px solid rgba(255,255,255,.13);border-radius:7px;background:rgba(7,16,17,.72);font-size:13px;line-height:1.25;color:#f5f3ed}
.mdh-v12117-quote::before{content:'“';display:block;margin-bottom:-5px;color:rgba(255,255,255,.28);font-family:Georgia,serif;font-size:48px;line-height:.65}

.mdh-v12117-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.mdh-v12117-card{display:block;min-width:0;padding:0;overflow:hidden;text-align:left;border:1px solid #40514a;border-radius:5px;background:rgba(4,13,12,.94);cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.mdh-v12117-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--sg-club-primary) 55%,#718078 45%);box-shadow:0 13px 30px rgba(0,0,0,.23)}
.mdh-v12117-card-media{position:relative;display:block;aspect-ratio:3/2;overflow:hidden;background-color:#253233;background-size:cover;background-position:center;background-repeat:no-repeat;container-type:inline-size}.mdh-v12117-card-media--ground{background-image:linear-gradient(rgba(0,0,0,.12),rgba(0,0,0,.2)),var(--sg-ground)}.mdh-v12117-card-media--atmosphere{background-image:linear-gradient(rgba(0,0,0,.12),rgba(0,0,0,.2)),var(--sg-atmosphere)}.mdh-v12117-card-media--food{background-image:linear-gradient(rgba(0,0,0,.08),rgba(0,0,0,.18)),var(--sg-food)}.mdh-v12117-card-media--accessibility{background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.2)),var(--sg-accessibility)}.mdh-v12117-card-media--before{background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.2)),var(--sg-before)}.mdh-v12117-card-media--parking{background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.2)),var(--sg-parking)}.mdh-v12117-card-media--weather{background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.2)),var(--sg-weather)}.mdh-v12117-card-media--worth{background-image:linear-gradient(rgba(0,0,0,.08),rgba(0,0,0,.16)),var(--sg-worth)}.mdh-v12117-card-media--live{background-image:linear-gradient(rgba(0,0,0,.14),rgba(0,0,0,.22)),var(--sg-card-image)}
.mdh-v12117-card-media::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to bottom,rgba(2,9,9,0) 54%,rgba(2,9,9,.5) 100%);pointer-events:none}
.mdh-v12117-card-body{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-areas:"title arrow" "summary arrow";gap:7px 10px;min-height:138px;padding:24px 16px 16px}
.mdh-v12117-card-icon{position:absolute;left:14px;top:-25px;z-index:3;display:grid;place-items:center;width:46px;height:46px;padding:10px;border:2px solid #f4f4ef;border-radius:50%;background:#07100f;box-shadow:0 3px 12px rgba(0,0,0,.35)}
.mdh-v12117-card-icon img{width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1)}
.mdh-v12117-card-body>strong{grid-area:title;color:#fff;font-size:16px;font-weight:850;line-height:1.2}
.mdh-v12117-card-body>p{grid-area:summary;display:-webkit-box;margin:0!important;overflow:hidden;color:#d4ddd8!important;font-size:13px!important;line-height:1.42!important;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.mdh-v12117-card-body>i{grid-area:arrow;align-self:end;color:#f7f5ed;font-size:22px;font-style:normal;line-height:1;transition:transform .18s ease}
.mdh-v12117-card:hover .mdh-v12117-card-body>i{transform:translateX(3px)}

.mdh-v12117-beer{position:absolute;left:62%;top:29%;z-index:3;display:flex;width:24%;height:29%;overflow:hidden;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center;color:#eee7d5;text-shadow:0 1px 2px #000;font-family:Impact,"Arial Narrow",sans-serif;font-size:clamp(9px,3.3cqw,22px);font-weight:400;line-height:1.02;text-transform:uppercase;overflow-wrap:anywhere;pointer-events:none}
.mdh-v12117-beer strong{font:inherit;font-weight:400}.mdh-v12117-beer small{font-family:Arial,sans-serif;font-size:.55em;line-height:1.1;letter-spacing:.05em}
.mdh-v12117-wall{position:absolute;left:34%;top:23%;z-index:3;display:flex;width:43%;height:57%;align-items:center;justify-content:center;text-align:center;color:#181b18;font-family:Impact,"Arial Narrow",sans-serif;font-size:clamp(15px,7cqw,34px);font-weight:400;line-height:.98;text-transform:uppercase;transform:rotate(-1deg);pointer-events:none}

.mdh-v12117-sources{margin-top:18px;padding-top:2px;border-top:1px solid rgba(255,255,255,.11);color:#cbd4cf}
.mdh-v12117-sources summary{padding:14px 0;cursor:pointer;color:#fff;font-size:13px;font-weight:800}
.mdh-v12117-sources-body{padding-bottom:8px;color:#aebbb4;font-size:11px;line-height:1.5}
.mdh-v12117-sources-body p{margin:0 0 10px!important;color:#aebbb4!important;font-size:11px!important;line-height:1.5!important}
.mdh-v12117-sources-body ul{display:flex;flex-wrap:wrap;gap:8px 16px;margin:0;padding:0;list-style:none}
.mdh-v12117-sources-body a{text-decoration:underline;text-underline-offset:3px}
.mdh-v12117-footnote{margin:10px 0 0!important;color:#9eaaa3!important;font-size:11px!important;line-height:1.45!important}

.mdh-v12117-dialog{width:min(780px,calc(100vw - 28px));max-height:88vh;margin:auto;padding:0;color:#f5f4ef;background:#0b1718;border:1px solid rgba(255,255,255,.2);border-radius:14px;box-shadow:0 28px 90px rgba(0,0,0,.68)}
.mdh-v12117-dialog::backdrop{background:rgba(0,0,0,.7);backdrop-filter:blur(4px)}
.mdh-v12117-dialog-shell{position:relative;max-height:86vh;overflow:auto;padding:28px}
.mdh-v12117-close{position:absolute;right:17px;top:15px;width:40px;height:40px;color:#fff;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);border-radius:50%;font-size:27px;line-height:1;cursor:pointer}
.mdh-v12117-dialog-kicker{padding-right:60px;color:#e6bd4b;font-size:10px;font-weight:900;letter-spacing:.2em}
.mdh-v12117-dialog h3{margin:6px 0 3px!important;padding-right:58px;color:#fff!important;font-size:32px!important;line-height:1.05!important}
.mdh-v12117-dialog-fixture{margin:0 0 20px!important;color:#bfcac4!important;font-size:13px!important}
.mdh-v12117-dialog-body{display:grid;gap:12px}
.mdh-v12117-detail{padding:16px 17px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.045)}
.mdh-v12117-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.mdh-v12117-detail-head h4{margin:0!important;color:#fff!important;font-size:16px!important;line-height:1.25!important}
.mdh-v12117-detail-head span{flex:0 0 auto;padding:3px 7px;border:1px solid #9d782a;border-radius:999px;color:#f0c45f;font-size:9px;font-weight:850;letter-spacing:.04em}
.mdh-v12117-detail p{margin:8px 0 0!important;color:#d7dfda!important;font-size:14px!important;line-height:1.52!important}
.mdh-v12117-detail small{display:block;margin-top:8px;color:#91a098;font-size:10px}
.mdh-v12117-detail-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:11px}
.mdh-v12117-detail-links a{padding:6px 9px;border:1px solid rgba(255,255,255,.18);border-radius:6px;color:#fff;text-decoration:none;font-size:12px}
.mdh-v12117-empty{margin:0!important;color:#d7dfda!important}

@media(max-width:1100px){
  .mdh-v12117-hero{grid-template-columns:minmax(0,.9fr) minmax(430px,1.1fr)}
  .mdh-v12117-art{height:320px}
  .mdh-v12117-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mdh-v12117-follow{font-size:18px}
  .mdh-v12117-paper{font-size:18px}
}

@media(max-width:760px){
  .mdh-v12117{width:calc(100% - 20px);margin:22px auto;border-radius:12px}
  .mdh-v12117-inner{padding:16px}
  .mdh-v12117-hero{grid-template-columns:1fr;gap:4px;min-height:0;margin-bottom:20px}
  .mdh-v12117-copy{padding:0 2px}
  .mdh-v12117-brand{margin-bottom:18px;font-size:24px}
  .mdh-v12117 h2{font-size:clamp(38px,10vw,52px)!important}
  .mdh-v12117-copy>p{font-size:15px!important}
  .mdh-v12117-art{width:min(100%,560px);height:280px;margin:5px auto 0}
  .mdh-v12117-follow{right:1%;font-size:17px}
  .mdh-v12117-quote{display:none}
  .mdh-v12117-paper{right:13%;top:42%;width:34%;font-size:17px}
  .mdh-v12117-scarf{left:-5%;width:55%}
  .mdh-v12117-photo-a{right:11%}.mdh-v12117-photo-b{right:1%}
  .mdh-v12117-loose-badge{left:29%;width:13%}
  .mdh-v12117-grid{grid-template-columns:1fr;gap:10px}
  .mdh-v12117-card{display:grid;grid-template-columns:40% 60%}
  .mdh-v12117-card-media{height:100%;min-height:148px;aspect-ratio:auto}
  .mdh-v12117-card-body{min-height:148px;padding:18px 14px 12px}
  .mdh-v12117-card-icon{left:12px;top:8px;width:36px;height:36px;padding:8px}
  .mdh-v12117-card-body>strong{padding-top:31px;font-size:16px}
  .mdh-v12117-card-body>p{font-size:12.5px!important;-webkit-line-clamp:2}
  .mdh-v12117-dialog-shell{padding:23px 16px 18px}.mdh-v12117-dialog h3{font-size:26px!important}
}

@media(max-width:430px){
  .mdh-v12117{width:100%;margin:18px 0;border-left:0;border-right:0;border-radius:0}
  .mdh-v12117-inner{padding:14px}
  .mdh-v12117-kicker{font-size:9px;letter-spacing:.2em}.mdh-v12117-kicker::after{width:46px}
  .mdh-v12117 h2{font-size:38px!important}
  .mdh-v12117-tags{gap:5px}.mdh-v12117-tags span{padding:5px 8px;font-size:10px}
  .mdh-v12117-art{height:250px}
  .mdh-v12117-follow{right:1%;top:0;width:25%;font-size:13px}
  .mdh-v12117-follow::after{width:60%;height:6px;margin-top:5px;border-top-width:2px;border-bottom-width:1px}
  .mdh-v12117-paper{right:4%;top:44%;width:38%;padding:12px 9px;font-size:15px}
  .mdh-v12117-scarf{left:-12%;width:63%}
  .mdh-v12117-photo-a{right:3%;width:48%;height:76%}.mdh-v12117-photo-b{right:0;top:33%;width:37%;height:57%}
  .mdh-v12117-loose-badge{left:27%;bottom:1%;width:15%}
  .mdh-v12117-card{grid-template-columns:39% 61%}
  .mdh-v12117-card-media,.mdh-v12117-card-body{min-height:142px}
  .mdh-v12117-card-body{padding:16px 12px 10px}
  .mdh-v12117-card-body>p{font-size:12px!important}
}

@media(prefers-reduced-motion:reduce){
  .mdh-v12117-card,.mdh-v12117-card-body>i,.mdh-v12117-tags span{transition:none}
}

/* Clear pane copy and labels placed within the photographed surfaces. */
.mdh-v12117 .mdh-v12117-card,.mdh-v12117-dialog{font-family:"Segoe UI",Arial,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}
.mdh-v12117-card-body{grid-template-columns:minmax(0,1fr) 16px;grid-template-rows:43px minmax(65px,1fr) 20px;grid-template-areas:"title title" "summary summary" "arrow arrow";gap:10px;min-height:190px;padding:28px 16px 15px;align-content:start}
.mdh-v12117-card-body>strong{font-size:17px;font-weight:700;line-height:1.25;letter-spacing:0}
.mdh-v12117-card-body>p{display:block;overflow:visible;font-size:14px!important;line-height:1.55!important;-webkit-line-clamp:unset;letter-spacing:0;color:#e0e7e3!important}
.mdh-v12117-card-body>i{justify-self:end;align-self:end;font-size:20px}
.mdh-v12117-card:focus-visible{outline:3px solid #f3ce79;outline-offset:4px}
.mdh-v12117-dialog-body p{font-size:16px!important;line-height:1.65!important}
.mdh-v12117-beer{left:62%;top:30%;width:25%;height:30%;padding:2%;gap:3px;background:rgba(240,226,190,.94);color:#252620;text-shadow:none;border-top:2px solid var(--sg-club-primary);border-bottom:2px solid var(--sg-club-primary);border-radius:40% / 12%;font-family:"Segoe UI",Arial,sans-serif;transform:rotate(-3deg);font-size:clamp(10px,5cqw,17px);line-height:1.1}
.mdh-v12117-beer strong{font-size:clamp(8px,3.8cqw,15px);font-weight:800;overflow-wrap:normal;word-break:normal}.mdh-v12117-beer small{font-size:clamp(5px,2.3cqw,9px);font-weight:700;letter-spacing:.06em}
.mdh-v12117-pub-sign{position:absolute;left:8%;top:22%;z-index:3;width:42%;min-height:48%;padding:5%;display:flex;flex-direction:column;justify-content:center;gap:5px;box-sizing:border-box;background:#10241d;color:#f2e7ca;border:2px solid #c8ad71;box-shadow:0 3px 8px #0008;transform:rotate(-3deg);font-family:Georgia,serif;text-align:center;pointer-events:none}
.mdh-v12117-pub-sign strong{font-size:clamp(10px,5.5cqw,20px);line-height:1.1;font-weight:700}
.mdh-v12117-pub-sign small,.mdh-v12117-pub-sign>span{font-family:"Segoe UI",Arial,sans-serif;font-size:clamp(5px,2.5cqw,9px);line-height:1.2;letter-spacing:.04em}
.mdh-v12117-wall{left:34%;top:23%;width:43%;height:57%;padding:5%;box-sizing:border-box;flex-direction:column;gap:6px;font-family:"Segoe UI",Arial,sans-serif;font-size:clamp(11px,6cqw,22px);line-height:1.12;background:#eee7d5;box-shadow:0 2px 5px #0004;border-top:3px solid var(--sg-club-primary);border-bottom:3px solid var(--sg-club-primary)}
.mdh-v12117-wall strong{font-weight:800}.mdh-v12117-wall small,.mdh-v12117-wall>span{font-size:clamp(5px,2.4cqw,9px);letter-spacing:.08em;font-weight:700}
@media(max-width:640px){
 .mdh-v12117-card-body{min-height:180px;padding:18px 16px 12px;gap:9px}
 .mdh-v12117-card-body>strong{padding-top:30px;font-size:17px}
 .mdh-v12117-card-body>p{font-size:14px!important;line-height:1.5!important}
}

/* Lettering follows the surfaces in the photography. */
.mdh-v12117-beer{left:62%;top:35%;width:25%;height:27%;padding:1%;gap:4px;background:linear-gradient(90deg,rgba(9,17,17,.15),rgba(9,17,17,.65) 24%,rgba(9,17,17,.65) 76%,rgba(9,17,17,.15));border:0;border-radius:50% / 14%;box-shadow:none;color:#e4d4a1;transform:perspective(160px) rotateY(-9deg) rotate(-2deg);text-shadow:0 1px 2px #000;mix-blend-mode:screen}
.mdh-v12117-beer strong{font-family:Georgia,serif;font-size:clamp(8px,4.2cqw,15px);font-weight:700;text-transform:none;letter-spacing:-.03em}
.mdh-v12117-beer small{font-size:clamp(4px,1.8cqw,7px);letter-spacing:.1em;border-top:1px solid #c9b87c;padding-top:3px}
.mdh-v12117-pub-sign{left:9%;top:23%;width:40%;min-height:46%;padding:4%;background:linear-gradient(110deg,#11251fe6,#172a23f2 55%,#0b1a15ed);border:1px solid #aa9561;border-radius:1px;box-shadow:inset 0 0 0 3px #14231e,inset 0 0 0 4px #88764c,1px 3px 6px #0007;transform:perspective(280px) rotateY(9deg) rotate(-4deg);color:#e9ddba}
.mdh-v12117-pub-sign strong{font-family:Georgia,serif;font-size:clamp(12px,6.6cqw,22px);font-weight:400;line-height:1.08;text-shadow:0 1px 1px #000;letter-spacing:-.02em}
.mdh-v12117-wall{left:35%;top:24%;width:42%;height:54%;padding:5%;gap:8px;background:linear-gradient(125deg,#dcd4bc,#eee6cf 45%,#d1c8ad);border:0;border-radius:0;box-shadow:1px 2px 3px #0005;transform:perspective(260px) rotateY(-8deg) rotate(1deg);color:#26322d;text-transform:none}
.mdh-v12117-wall small{font-size:clamp(5px,2.3cqw,9px);font-weight:600;letter-spacing:.16em;border-bottom:1px solid #8a917d;padding-bottom:5px}
.mdh-v12117-wall strong{font-family:Georgia,serif;font-weight:700;font-size:clamp(11px,5.6cqw,19px);line-height:1.1;overflow-wrap:normal;word-break:normal;hyphens:none;text-wrap:balance}

/* Surface positions measured against the original 256 × 171 card images. */
.mdh-v12117-pub-sign{left:30.5%;top:17%;width:22%;height:36%;min-height:0;padding:3%;gap:0;background:none;border:0;border-radius:0;box-shadow:none;transform:perspective(180px) rotateY(-7deg);align-items:center;justify-content:center}
.mdh-v12117-pub-sign strong{width:100%;font-size:clamp(7px,4cqw,13px);line-height:1.15;text-align:center;text-wrap:balance;overflow-wrap:normal;letter-spacing:0;color:#eee4c7}
.mdh-v12117-beer{left:60.5%;top:25%;width:24%;height:36%;padding:3%;gap:0;background:none;border:0;box-shadow:none;mix-blend-mode:normal;transform:perspective(170px) rotateY(-6deg) rotate(-1deg);justify-content:center;align-items:center;border-radius:50% / 12%;mask-image:linear-gradient(90deg,#0009,#000 25%,#000 75%,#0009);-webkit-mask-image:linear-gradient(90deg,#0009,#000 25%,#000 75%,#0009)}
.mdh-v12117-beer strong{display:block;width:100%;font-size:clamp(8px,4.8cqw,16px);line-height:1.1;text-align:center;text-wrap:balance;text-shadow:0 1px 2px #000;transform:scaleX(.94);color:#e9d7a6;letter-spacing:0}
.mdh-v12117-wall{left:35%;top:10%;width:52%;height:72%;padding:5%;gap:6px;background:none;border:0;box-shadow:none;transform:rotate(1deg);justify-content:center;align-items:center;text-align:center}
.mdh-v12117-wall small{font-size:clamp(4px,1.8cqw,7px);letter-spacing:.1em;padding-bottom:3px}
.mdh-v12117-wall strong{width:100%;font-size:clamp(8px,4.2cqw,14px);line-height:1.15;text-align:center;text-wrap:balance}