.news-page{
  min-height:100vh;
  padding:clamp(150px,14vw,220px) clamp(24px,7vw,120px) clamp(90px,10vw,150px);
  background:var(--noise) 0 0/220px 220px,#f8f8f8;
  color:var(--ink);
}

.news-side{
  position:fixed;
  left:16px;
  top:46%;
  z-index:30;
  transform:translateY(-50%);
  writing-mode:vertical-rl;
  font-family:"Cormorant Garamond",serif;
  font-size:13px;
  font-style:italic;
  letter-spacing:.22em;
}

.news-side::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-146px;
  width:1px;
  height:116px;
  background:currentColor;
}

.news-hero{
  max-width:1320px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);
  gap:clamp(50px,8vw,140px);
  align-items:end;
}

.news-hero__title-wrap{position:relative;}
.news-hero__quote{
  position:absolute;
  top:-52px;
  left:-8px;
  color:rgba(28,28,26,.08);
  font-family:"Cormorant Garamond",serif;
  font-size:150px;
  line-height:1;
}
.news-hero__eyebrow{
  position:relative;
  margin:0 0 22px;
  font-family:"Jost",sans-serif;
  font-size:11px;
  letter-spacing:.2em;
  text-transform:uppercase;
}
.news-hero__title{
  position:relative;
  margin:0;
  font-family:"Cormorant Garamond",serif;
  font-size:clamp(82px,11vw,180px);
  font-weight:400;
  line-height:.76;
  letter-spacing:0;
}
.news-hero__title span{display:block;}
.news-hero__title span:last-child{margin-left:clamp(36px,8vw,120px);}
.news-hero__intro{padding-bottom:8px;}
.news-hero__jp{
  margin:0 0 24px;
  font-family:"Zen Old Mincho",serif;
  font-size:14px;
  line-height:2.05;
}
.news-hero__en{
  margin:0;
  color:rgba(28,28,26,.5);
  font-family:"Jost",sans-serif;
  font-size:11.5px;
  font-weight:300;
  line-height:1.95;
}

.news-filter{
  max-width:1320px;
  margin:clamp(70px,8vw,120px) auto 0;
  padding:18px 0;
  display:flex;
  flex-wrap:wrap;
  gap:14px 34px;
  border-top:1px solid rgba(28,28,26,.22);
  border-bottom:1px solid rgba(28,28,26,.22);
  font-family:"Cormorant Garamond","Zen Old Mincho",serif;
  font-size:15px;
}
.news-filter a{position:relative;color:inherit;text-decoration:none;}
.news-filter a::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-5px;
  height:1px;
  background:currentColor;
  transform:scaleX(0);
  transform-origin:right;
  transition:transform .4s cubic-bezier(.19,1,.22,1);
}
.news-filter a:hover::after,
.news-filter a.is-active::after{transform:scaleX(1);transform-origin:left;}

.news-list{max-width:1320px;margin:clamp(46px,5vw,76px) auto 0;border-top:1px solid rgba(28,28,26,.28);}
.news-row{border-bottom:1px solid rgba(28,28,26,.22);}
.news-row__link{
  display:grid;
  grid-template-columns:150px minmax(0,1fr) minmax(180px,260px) 52px;
  gap:clamp(24px,3vw,54px);
  align-items:center;
  min-height:190px;
  padding:26px 14px 26px 0;
  color:inherit;
  text-decoration:none;
  transition:background-color .5s ease,padding .5s cubic-bezier(.19,1,.22,1);
}
.news-row__link:hover{padding-left:18px;background:rgba(255,255,255,.58);}
.news-row__meta{align-self:start;padding-top:7px;}
.news-row__meta time{
  display:block;
  font-family:"Cormorant Garamond",serif;
  font-size:17px;
  font-style:italic;
}
.news-row__meta span{
  display:block;
  margin-top:12px;
  color:rgba(28,28,26,.56);
  font-family:"Zen Old Mincho",serif;
  font-size:11px;
}
.news-row__body h2{
  margin:0;
  font-family:"Zen Old Mincho",serif;
  font-size:clamp(17px,1.35vw,21px);
  font-weight:500;
  line-height:1.7;
}
.news-row__body p{
  margin:14px 0 0;
  color:rgba(28,28,26,.6);
  font-family:"Zen Old Mincho",serif;
  font-size:12px;
  line-height:1.9;
}
.news-row__image{margin:0;overflow:hidden;background:#e8e7e2;aspect-ratio:16/9;}
.news-row__image img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.19,1,.22,1);}
.news-row__link:hover .news-row__image img{transform:scale(1.04);}
.news-row__image--empty{display:flex;align-items:center;justify-content:center;color:rgba(28,28,26,.34);font-family:"Cormorant Garamond",serif;font-size:17px;letter-spacing:.16em;}
.news-row__arrow{
  width:46px;
  height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(28,28,26,.42);
  border-radius:50%;
  font-family:"Cormorant Garamond",serif;
  font-size:18px;
  transition:background-color .4s ease,color .4s ease,transform .4s cubic-bezier(.19,1,.22,1);
}
.news-row__link:hover .news-row__arrow{background:#1c1c1a;color:#fff;transform:translate(3px,-3px);}
.news-empty{padding:80px 0;border-bottom:1px solid rgba(28,28,26,.22);font-family:"Zen Old Mincho",serif;text-align:center;}
.news-page .navigation.pagination{max-width:1320px;margin:56px auto 0;}

@media (max-width:1024px){
  .news-side{display:none;}
  .news-hero{grid-template-columns:1fr;gap:46px;}
  .news-hero__intro{max-width:580px;}
  .news-row__link{grid-template-columns:120px minmax(0,1fr) 190px 46px;gap:24px;}
}

@media (max-width:700px){
  .news-page{padding:120px 22px 84px;}
  .news-hero__quote{top:-28px;font-size:100px;}
  .news-hero__title{font-size:clamp(72px,25vw,104px);line-height:.8;}
  .news-hero__title span:last-child{margin-left:28px;}
  .news-filter{margin-top:64px;gap:12px 24px;overflow-x:auto;flex-wrap:nowrap;white-space:nowrap;}
  .news-row__link{grid-template-columns:minmax(0,1fr) 42px;gap:20px;min-height:0;padding:28px 0;}
  .news-row__link:hover{padding-left:0;background:transparent;}
  .news-row__meta{grid-column:1;display:flex;gap:16px;align-items:center;padding:0;}
  .news-row__meta span{margin:0;}
  .news-row__body{grid-column:1;}
  .news-row__image{grid-column:1 / -1;grid-row:auto;margin-top:4px;}
  .news-row__arrow{grid-column:2;grid-row:1 / span 2;align-self:center;width:40px;height:40px;}
}