.hero-slides { position: absolute; inset: 0; overflow: hidden; }
.hero-slide {
  position: absolute; inset: 0; background-size: cover; background-position: center;
  opacity: 0; transition: opacity 1.6s ease; transform: scale(1.04);
}
.hero-slide.is-active { opacity: 1; animation: heroKen 8s ease-out forwards; }
@keyframes heroKen { from { transform: scale(1.02); } to { transform: scale(1.12); } }
.page-hero--slides .page-hero__bg::after { background: linear-gradient(110deg, rgba(10,26,18,.55), rgba(15,36,25,.34)); }
@media (prefers-reduced-motion: reduce) { .hero-slide { animation: none !important; } }

 .sec-intro { background: var(--paper); }
.sec-intro__grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(36px, 6vw, 84px); align-items: center; }
.sec-intro__body p { color: var(--ink-700); font-size: 16.5px; line-height: 1.95; margin: 0 0 18px; text-wrap: pretty; }
.sec-intro__body p:first-of-type { font-size: 18px; color: var(--ink-800); }
.sec-intro__media { position: relative; }
.sec-intro__img { width: 100%; aspect-ratio: 4/5; object-fit: cover; border-radius: var(--r-lg); box-shadow: var(--shadow-lg); display: block; }
.sec-intro__badge {
  position: absolute; inset-block-end: -26px; inset-inline-start: -26px; background: var(--forest-800); color: #fff;
  padding: 22px 26px; border-radius: var(--r-md); box-shadow: var(--shadow-lg); border: 1px solid rgba(191,230,207,.2); max-width: 230px;
}
.sec-intro__badge b { font-family: 'Cormorant Garamond', serif; font-size: 34px; color: var(--gold-400); display: block; line-height: 1; }
.sec-intro__badge span { font-size: 13px; color: rgba(231,236,223,.8); display: block; margin-top: 8px; line-height: 1.5; }

 .sec-div { background: var(--paper-2); }
.sec-div__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 50px; }
.div-card {
  position: relative; display: flex; flex-direction: column; background: var(--paper); border: 1px solid var(--paper-3);
  border-radius: var(--r-lg); overflow: hidden; transition: transform .5s var(--ease), box-shadow .5s var(--ease), border-color .5s var(--ease);
}
.div-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-lg); border-color: rgba(28,122,66,.34); }
.div-card__media { position: relative; aspect-ratio: 16/10; overflow: hidden; background: var(--paper-2); }
.div-card__img { width: 100%; height: 100%; object-fit: cover; transition: transform .9s cubic-bezier(.2,.7,.2,1); }
.div-card:hover .div-card__img { transform: scale(1.08); }
.div-card__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(8,22,15,.5), transparent 55%); }
 .div-card--logo .div-card__media { background: #fff; }
.div-card--logo .div-card__img { object-fit: contain; padding: 28px; }
.div-card--logo .div-card__media::after { display: none; }
.div-card--logo:hover .div-card__img { transform: none; }
.div-card__idx { position: absolute; inset-block-start: 14px; inset-inline-start: 14px; z-index: 2; font-family: 'Cormorant Garamond', serif; font-size: 17px; font-weight: 600; color: var(--forest-950); background: var(--champagne); width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; }
.div-card__body { padding: 24px 24px 26px; display: flex; flex-direction: column; flex: 1; }
.div-card__title { font-size: 20px; font-weight: 800; color: var(--forest-900); margin: 0 0 10px; line-height: 1.35; text-wrap: pretty; }
.div-card__desc { font-size: 14px; line-height: 1.8; color: var(--ink-700); margin: 0; text-wrap: pretty; }

 .sec-more { background: var(--forest-950); color: var(--paper); }
.sec-more__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; margin-top: 48px; background: rgba(191,230,207,.12); border: 1px solid rgba(191,230,207,.12); border-radius: var(--r-md); overflow: hidden; }
.sec-more__item { background: var(--forest-900); padding: 26px 24px; display: flex; flex-direction: column; gap: 8px; transition: background .45s var(--ease); position: relative; }
.sec-more__item:hover { background: var(--forest-800); }
.sec-more__item span { font-size: 12.5px; color: var(--gold-400); font-weight: 700; }
.sec-more__item b { font-size: 16.5px; font-weight: 700; color: #fff; line-height: 1.4; }
.sec-more__item::after { content: ""; position: absolute; inset-block-start: 0; inset-inline-start: 0; width: 0; height: 2px; background: var(--gold-400); transition: width .5s var(--ease); }
.sec-more__item:hover::after { width: 100%; }

@media (max-width: 960px) {
  .sec-intro__grid { grid-template-columns: 1fr; }
  .sec-intro__media { max-width: 460px; }
  .sec-div__grid { grid-template-columns: repeat(2, 1fr); }
  .sec-more__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
  .sec-div__grid { grid-template-columns: 1fr; }
  .sec-more__grid { grid-template-columns: 1fr; }
}