/* ==================== NEWS PAGE ==================== */

body.newsPage {
  background-color:var(--surface-gray);
  background-image:
    linear-gradient(var(--grid-yellow-soft) 1px,transparent 1px),
    linear-gradient(90deg,var(--grid-yellow-soft) 1px,transparent 1px),
    var(--paper-lightgray-rich);
  background-size:
    clamp(170px,18vw,285px) clamp(170px,18vw,285px),
    clamp(170px,18vw,285px) clamp(170px,18vw,285px),
    1024px 1024px;
}

.newsPage .siteHeader__mark {
  visibility:visible;
  opacity:1;
  transform:none;
  pointer-events:auto;
}

.newsPageMain {
  min-height:70vh;
  padding:clamp(120px,11vw,170px) 5vw clamp(80px,8vw,120px);
}

.newsPageHead,
.newsArchive,
.newsArticle {
  width:min(1100px,90vw);
  margin-inline:auto;
}

.newsPageHead {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:30px;
  padding-bottom:22px;
  border-bottom:1px solid rgba(23,22,21,.58);
}

.newsPageHead h1,
.newsPageTitle {
  width:max-content;
  max-width:100%;
  margin:0;
  padding:.09em .22em .12em;
  background:var(--yellow);
  color:var(--ink);
  font:400 clamp(44px,6vw,82px)/.9 var(--display);
  letter-spacing:-.045em;
  text-transform:uppercase;
}

.newsPageTitle { margin:0; }

.newsPageHead p {
  margin:0 0 3px;
  font:700 10px/1 var(--en);
  letter-spacing:.2em;
}

.newsArchive { margin-top:clamp(34px,4vw,54px); }

.newsArchive .newsList {
  max-width:none;
  margin:0;
  padding:4px 22px;
}

.newsArchive .newsList article {
  grid-template-columns:130px minmax(0,1fr);
  padding:21px 0;
}

.newsArchive .newsList p { font-size:clamp(14px,1.15vw,16px); }

.newsArchive .newsList p a {
  display:inline-block;
  padding:3px 0;
  transition:color .25s ease, transform .3s var(--ease-out);
}

.newsArchive .newsList p a:hover {
  color:#000;
  transform:translateX(6px);
}

.newsBack {
  width:min(1000px,92vw);
  margin:30px auto 0;
}
.newsBack a {
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 0;
  border-bottom:1px solid rgba(23,22,21,.55);
  font:700 11px/1 var(--en);
  letter-spacing:.14em;
}

.newsArticle {
  margin-top:clamp(36px,5vw,64px);
  padding:clamp(30px,4vw,50px) clamp(24px,5vw,68px) clamp(40px,5vw,64px);
  background-color:rgba(214,209,198,.95);
  background-image:var(--paper-warm-rich);
  background-size:1024px 1024px;
  border:1px solid rgba(25,24,23,.48);
}

.newsArticle__head {
  padding-bottom:clamp(22px,3vw,34px);
  border-bottom:1px solid rgba(23,22,21,.45);
}

.newsArticle__head time {
  display:inline-block;
  margin-bottom:18px;
  padding:4px 6px 3px;
  background:var(--yellow);
  font:400 13px/1 var(--display);
}

.newsArticle__head h1 {
  margin:0;
  font-size:clamp(25px,3.2vw,42px);
  font-weight:600;
  line-height:1.45;
  letter-spacing:-.025em;
}

.newsArticle__body {
  width:min(920px,92vw);
  margin:0 auto;  padding-top:clamp(26px,3vw,40px);
}

.newsArticle__body p {
  margin:0;
  font-size:clamp(14px,1.05vw,15px);
  line-height:1.95;
}

.newsArticle__body p + p { margin-top:1.35em; }

.newsArticle__body h2 {
  margin:2.2em 0 .8em;
  padding:7px 10px;
  background:var(--surface-black);
  color:var(--yellow);
  font-size:clamp(17px,1.7vw,22px);
  line-height:1.45;
}
.newsArticle__body img{
  display:block;
  width:100%;
  max-width:90%;
  height:auto;
  margin-left:auto;
  margin-right:auto;
}

.newsFlyerImage{
  display:block;
  width:100%;
  max-width:90%;
  height:auto;
  margin:0 auto;
}


.newsArticle__info {
  margin:26px 0;
  padding:18px 20px;
  background:var(--yellow-soft);
  border-top:1px solid rgba(23,22,21,.5);
  border-bottom:1px solid rgba(23,22,21,.5);
}

.newsArticle__info dl { margin:0; }
.newsArticle__info div { display:grid; grid-template-columns:7em 1fr; gap:14px; padding:7px 0; }
.newsArticle__info dt { font-weight:700; }
.newsArticle__info dd { margin:0; }

.newsArticle__button {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  width:min(100%,360px);
  margin:24px auto;
  padding:15px 18px;
  background:var(--surface-black);
  color:var(--yellow);
  font-weight:700;
  transition:transform .3s var(--ease-out), background-color .25s ease, color .25s ease;
}

.newsArticle__button:hover {
  transform:translateY(-3px);
  background:var(--yellow);
  color:var(--ink);
}

.newsArticle__button::after { content:"→"; font-size:20px; }

.newsPage .siteFooter { border-top:1px solid rgba(23,22,21,.3); }

@media (max-width:800px) {
  .newsPage .siteHeader__mark { display:block; width:92px; }
  .newsPageMain { padding:96px 16px 70px; }
  .newsPageHead,
  .newsArchive,
  .newsArticle,
  .newsBack { width:100%; }
  .newsPageHead { display:block; }
  .newsPageHead h1,
.newsPageTitle { font-size:44px; }
  .newsPageHead p { margin-top:12px; }
  .newsArchive { margin-top:26px; }
  .newsArchive .newsList { padding:0 13px; }
  .newsArchive .newsList article { display:block; padding:19px 0; }
  .newsArchive .newsList time { margin-bottom:10px; }
  .newsArticle { margin-top:28px; padding:26px 18px 38px; }
  .newsArticle__head h1 { font-size:24px; line-height:1.55; }
  .newsArticle__body p { font-size:13.5px; line-height:1.9; }
  .newsArticle__info { padding:14px; }
  .newsArticle__info div { display:block; }
  .newsArticle__info dt { margin-bottom:4px; }
  .newsArticle__button { width:100%; }
}