/*
 * 首页修正层（在 prototype.css / warm-a.css 之后加载）
 *
 * 只解决"我们的站点外壳"与"静态原型"之间的三处结构性差异，不改原型视觉：
 * 1. 站点头部是 `position:fixed`（桌面实测 109px、窄屏 71px），原型是 sticky 68px，
 *    因此首页需要让出相应高度，否则首屏内容被压在头部下。
 * 2. 我们的全局样式允许断词，原型不允许：`.brand-moment-title` 里 "IMPORTANT"
 *    实测 444px、容器 442px，原型是**溢出 2px** 保持单行，我们会被断成 "IMPORTAN/T"。
 * 3. 全局 `.section-title` 被改成居中 19px，原型是左对齐 31.68px。
 */

.warm-home { padding-top: 109px; }
@media (max-width: 900px) { .warm-home { padding-top: 71px; } }

.warm-home .brand-moment-title {
  overflow-wrap: normal;
  word-break: normal;
}

.warm-home .section-title {
  font-size: clamp(24px, 2.2vw, 31.68px);
  text-align: left;
  letter-spacing: 0;
  line-height: 1.2;
}

/* The original journal posters carry their own typography. Keep the full
   artwork, its original colour and one accessible link to the real article. */
.warm-home .events-editorial-grid .event-story-poster {
  min-height: 0;
  border: 0;
  background: transparent;
}
.warm-home .event-poster-link { display: block; width: 100%; }
.warm-home .event-poster-link .site-image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 4;
  object-fit: contain;
  filter: none;
}
.warm-home .event-poster-link:focus-visible { outline-offset: 5px; }

/* Mobile must stack the original mosaic: its old fixed desktop height let
   the store panel intrude into the following brand heading. */
@media (max-width: 700px) {
  .warm-home .mosaic { height: auto; grid-template-columns: minmax(0, 1fr); }
  .warm-home .mosaic .large { height: 420px; }
  .warm-home .mosaic .stack { height: auto; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto; }
  .warm-home .mosaic .stack .tile { height: 260px; min-height: 0; }
  .warm-home .mosaic .tile-copy { left: 28px; right: 28px; bottom: 28px; }
}
.warm-home .hero-image>.site-image-picture{display:block;width:100%;height:100%}
.warm-home .hero-image>.site-image-picture>.site-image{display:block;width:100%;height:100%;object-fit:cover}
.warm-home:not(.warm-home--sample) .brand-showcase-logo{width:100%;max-width:200px;height:112px;object-fit:contain}
.warm-home .brand-showcase-item:has([data-image-fallback=logo]){display:flex}