/* Approved artwork, including its lettering and frame, is the whole link. */
.page-guide .corner-directory .corner-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
/* Three compact banners across on desktop and landscape tablets. */
@media (min-width:1200px), (min-width:901px) and (orientation:landscape) {
  .page-guide .corner-directory .corner-grid {grid-template-columns:repeat(3,minmax(0,1fr));}
}
.page-guide .corner-directory .corner-card.corner-card-art {
  display:block;
  width:100%;
  min-width:0;
  height:auto;
  min-height:0;
  aspect-ratio:4 / 1;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent!important;
  box-shadow:none;
  overflow:hidden;
  transition:opacity .15s;
}
.page-guide .corner-directory .corner-card-art .corner-banner-image {
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none;
  max-height:none;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  object-fit:fill;
}
.page-guide .corner-directory .corner-card-art:hover {opacity:.9;transform:none;}
.page-guide .corner-directory .corner-card-art:focus-visible {outline:3px solid #a95038;outline-offset:3px;}
/* Compact tablets can report a 600px-wide portrait viewport. */
@media(max-width:480px){
  .page-guide .corner-directory .corner-grid {grid-template-columns:minmax(0,1fr);gap:7px;}
}
@media(prefers-reduced-motion:reduce){
  .page-guide .corner-directory .corner-card-art {transition:none;}
}

.page-guide .corner-directory .corner-card-art .corner-banner-image[src="/corner-banners/tiktok-type-background.png"] {
  object-fit:cover;
  object-position:center;
}

@font-face{font-family:KonaTikTokTitle;src:url('/fonts/NotoSansJP-Banners-Semibold.woff') format('woff');font-weight:600;font-style:normal;font-display:swap}
.page-guide .corner-directory .corner-card.tiktok-typed-banner,
.video-typed-banner{position:relative;container-type:inline-size;}
.tiktok-banner-title{position:absolute;left:44%;right:9%;top:49%;transform:translateY(-50%);font-family:KonaTikTokTitle,"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;font-weight:600;font-synthesis:none;font-size:5.3cqw;line-height:1.2;letter-spacing:-.03em;white-space:nowrap;text-align:center;color:#291006;pointer-events:none;text-shadow:none;}
.video-typed-banner{width:100%;aspect-ratio:4 / 1;margin-bottom:22px;overflow:hidden;border-radius:10px;}
.video-typed-banner .video-banner{width:100%;height:100%;aspect-ratio:4 / 1;object-fit:cover;display:block;margin:0;border-radius:0;}