.cy650{--ink:#111;--line:#111;--border-width:1px;--border-style:solid;--inner-space:50px;

  font-family:"Bai Jamjuree",sans-serif;
  width:min(650px,100%);
  margin:0 auto;
  background:var(--bggcolor);
  color:var(--ink);
  padding:var(--inner-space);
  box-sizing:border-box;
  border:var(--border-width) var(--border-style) var(--border-color);
}

.cy650-top{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:16px;
}
.cy650-top .line{width:64px;height:1px;background:var(--line);}
.cy650-top .num{font-size:15px;font-weight:400;letter-spacing:.14em;color:var(--nametxtfont);}

.cy650-grid{
  display:grid;
  grid-template-columns: 160px 1fr;
  grid-template-rows: 160px 180px;
  gap:5px;
  align-items:stretch;
  max-width:550px;   
  margin:0 auto;   
}

.cy650-img{
  overflow:hidden;
  background:#eee;
}
.cy650-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.cy-a{grid-column:1;grid-row:1;max-width:180px;border-radius:18px;}
.cy-b{grid-column:2;grid-row:1;max-width:390px;border-radius:10px;}
.cy-c{grid-column:1 / 3; grid-row:2;max-width:370px;border-radius:12px;}
.cy-d{grid-column:2;grid-row:2;width:172px;aspect-ratio:1 / 1;border-radius:18px;justify-self:end;transform:translateX(0px);z-index:2;}

.cy650-title{
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
  gap:14px;
  margin-top:12px; 
}

.cy650-title .word{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:0;
  margin-bottom:0;
}
.cy650-title .word span{
  font-family:"Cormorant Garamond",serif;
  letter-spacing:.14em;
  font-size:18px;
  color:var(--nametxtfont);
}
.cy650-title .word .line{width:66px;height:1px;background:var(--line);}

.cy650-rp{
  margin-top:16px;
  padding:16px 14px 14px;
  border-top:1px solid rgba(0,0,0,.12);
  font-size:15px;
  line-height:1.7;
  color:var(--txtfont);
  word-break:break-word;
  text-align: justify;
}

.cy650-foot{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:12px;
  font-size:12px;
  color:var(--muted);
}
.cy650-foot .center{
  flex:1;
  text-align:center;
  font-family:"Cormorant Garamond",serif;
  font-style:italic;
}


@media (max-width:420px){
  .cy650{padding:var(--inner-space);}
  .cy650-grid{
    grid-template-columns: 140px 1fr;
    grid-template-rows: 130px 98px 160px;
    gap:14px;
  }
  .cy-d{width:118px;}
  .cy650-title .word span{font-size:17px;}
}