.eyecatch {
  position: relative;
  padding: var(--space-10) var(--space-2) var(--space-10);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-image: url("../images/eyecatch/Enoshima_06-07.png");
  background-position: center 45%;
  background-color: #f7f7f5;
  text-align: center;
  z-index: 1;
  max-width: var(--content-width);
  margin: var(--space-12) auto var(--space-4);
  min-height: 520px;
}

.eyecatch::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255,255,255,0.08);
  z-index: -1; 
  pointer-events: none;
}

.eyecatch-caption {
  position: absolute;
  font-size: var(--fs-meta);
  letter-spacing: 0.12em;
  color: rgba(255,255,255,0.85);
  text-shadow: 0 1px 3px rgba(0,0,0,0.35);
  white-space: nowrap;
	left: var(--space-2);
  bottom: var(--space-2);
}

.catch {
  font-size: var(--fs-article-title);
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: var(--space-4);
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

.catch span {
  font-size: var(--fs-catch);
  letter-spacing: 0.06em;
}

.home-links {
  text-align: center;
}

.home-links .section-body{
    max-width:560px;
    margin:24px auto 32px;
}

.home-links .lead{
    font-size:15px;
    line-height:1.9;
    color:var(--color-sub);
    margin-bottom:32px;
}

.home-links-items a {
  position:relative;
  margin: 0 var(--space-2);
  text-decoration: none;
  color: var(--color-text);
}

.home-links-items a:hover {
  text-decoration: underline;
}

.home-links-items a::after{
    content:"→";
    margin-left:var(--space-1);
    transition:.2s;
}

.home-links-items a:hover::after{
    margin-left:14px;
}

.home-cards{
    display:flex;
    gap:var(--space-3);
    justify-content:center;
}

.home-card{
    width:320px;
    padding:var(--space-3);
    border:1px solid var(--color-border);
    border-radius:8px;
    text-decoration:none;
    color:inherit;
    transition:.2s;
}

.home-card:hover{
    background:#fafafa;
    transform:translateY(-2px);
}

.home-card h3{
    font-size:var(--fs-base);
    font-weight:500;
    margin-bottom:var(--space-1);
}

.home-card p{
    font-size:var(--fs-catch);
    line-height:1.8;
    color:var(--color-sub);
    margin-bottom:var(--space-2);
}

.home-card span{
    font-size:var(--fs-small);
}

.about-links a {
  margin: 0 var(--space-1);
  font-size: var(--fs-small);
  text-decoration: none;
  color: var(--color-sub);
}
/* ========================================
   Latest Columns
======================================== */

.latest-columns {
  max-width: 720px;
}

.latest-columns .section-title {
  text-align: center;
}

.more-link {
  display: inline-block;
  font-size: var(--fs-small);
  text-decoration: none;
  color: var(--color-sub);
  border-bottom: 1px solid var(--color-border);
  padding-bottom: 2px;
}

.more-link:hover {
  color: var(--color-text);
}

.latest-columns .section-footer {
  text-align: right;
}