.inner { background: var(--paper); color: var(--ink-900); }

 .page-hero { position: relative; padding-block: 190px 90px; overflow: hidden; color: #fff; background: var(--forest-900); isolation: isolate; }
.page-hero__bg { position: absolute; inset: 0; z-index: -2; }
.page-hero__bg .ph { width: 100%; height: 100%; }
.page-hero__bg::after { content: ""; position: absolute; inset: 0; background: linear-gradient(110deg, rgba(10,26,18,.58), rgba(15,36,25,.42)); }
.page-hero__glow { position: absolute; z-index: -1; inset-block-start: -20%; inset-inline-end: -10%; width: 50vw; height: 50vw; background: radial-gradient(circle, rgba(28,122,66,.18), transparent 65%); filter: blur(10px); pointer-events: none; }
.page-hero .eyebrow { color: var(--gold-400); }
.page-hero .eyebrow::before { background: var(--gold-400); }
.page-hero h1 { font-size: clamp(38px, 6vw, 80px); font-weight: 300; line-height: 1.08; margin: 22px 0 0; letter-spacing: -0.01em; }
.page-hero h1 b { font-weight: 800; color: var(--champagne); }
.page-hero__lead { font-size: clamp(17px,1.6vw,20px); font-weight: 300; color: rgba(231,236,223,.82); max-width: 60ch; margin: 24px 0 0; line-height: 1.85; }
.breadcrumb { display: flex; gap: 10px; align-items: center; font-size: 13.5px; color: rgba(231,236,223,.6); margin-bottom: 6px; }
.breadcrumb a:hover { color: var(--gold-400); }
.breadcrumb span { color: var(--gold-500); }

 .shead { max-width: 64ch; }
.shead.center { margin-inline: auto; text-align: center; }
.shead.center .eyebrow { justify-content: center; }
.shead h2 { font-size: clamp(28px,3.8vw,48px); font-weight: 300; line-height: 1.18; margin: 18px 0 0; color: var(--forest-900); letter-spacing: -0.01em; }
.shead h2 b { font-weight: 800; }
.shead p { color: var(--ink-700); margin-top: 18px; }

 .vm-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 26px; margin-top: 56px; }
.vm-card { padding: clamp(34px,4vw,52px); border-radius: var(--r-lg); position: relative; overflow: hidden; }
.vm-card--vision { background: linear-gradient(150deg, var(--forest-800), var(--forest-950)); color: #fff; box-shadow: var(--shadow-lg); }
.vm-card--mission { background: var(--paper); border: 1px solid var(--paper-3); }
.vm-card__mark { font-family: 'Cormorant Garamond', serif; font-size: 64px; line-height: .7; color: var(--gold-400); opacity: .5; }
.vm-card--mission .vm-card__mark { color: var(--gold-500); }
.vm-card h3 { font-size: 26px; font-weight: 800; margin: 16px 0 14px; }
.vm-card--mission h3 { color: var(--forest-900); }
.vm-card p { font-size: 17px; line-height: 1.85; margin: 0; }
.vm-card--vision p { color: rgba(231,236,223,.85); }
.vm-card--mission p { color: var(--ink-700); }

 .values { background: var(--forest-950); color: var(--paper); }
.values .shead h2 { color: #fff; }
.values .eyebrow { color: var(--gold-400); }
.values .eyebrow::before { background: var(--gold-400); }
.values-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1px; margin-top: 54px; background: rgba(191,230,207,.12); border: 1px solid rgba(191,230,207,.12); border-radius: var(--r-md); overflow: hidden; }
.value { background: var(--forest-900); padding: 30px 26px 34px; transition: background .5s var(--ease); position: relative; }
.value:hover { background: var(--forest-800); }
.value__n { font-family: 'Cormorant Garamond', serif; font-size: 30px; font-weight: 600; color: var(--gold-400); line-height: 1; }
.value__t { font-size: 17px; font-weight: 700; color: #fff; margin-top: 16px; line-height: 1.4; }
.value::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); }
.value:hover::after { width: 100%; }

 .goals { background: var(--paper-2); }
.goals-list { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin-top: 54px; }
.goal { display: flex; gap: 22px; padding: 32px; background: var(--paper); border-radius: var(--r-md); border: 1px solid var(--paper-3); transition: transform .5s var(--ease), box-shadow .5s var(--ease); }
.goal:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }
.goal__n { flex-shrink: 0; width: 52px; height: 52px; border-radius: 14px; display: grid; place-items: center; background: var(--forest-800); color: var(--gold-400); font-family: 'Cormorant Garamond', serif; font-size: 26px; font-weight: 600; }
.goal p { margin: 0; color: var(--ink-700); font-size: 16px; line-height: 1.8; align-self: center; }

 .strategy { background: var(--paper); }
.strategy__grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(40px,6vw,80px); align-items: center; }
.strategy__media { aspect-ratio: 4/3; border-radius: var(--r-lg); overflow: hidden; box-shadow: var(--shadow-md); }
.strategy__media .ph { width: 100%; height: 100%; }
.strategy ul { list-style: none; margin: 28px 0 0; padding: 0; display: flex; flex-direction: column; gap: 16px; }
.strategy li { display: flex; gap: 14px; align-items: flex-start; color: var(--ink-700); }
.strategy li::before { content: ""; flex-shrink: 0; width: 8px; height: 8px; margin-top: 11px; border-radius: 50%; background: var(--gold-500); box-shadow: 0 0 0 4px rgba(35,155,84,.14); }

 .chairman { background: linear-gradient(135deg, var(--forest-800), var(--forest-950)); color: #fff; position: relative; overflow: hidden; }
.chairman__glow { position: absolute; inset-block-end: -30%; inset-inline-start: 20%; width: 40vw; height: 40vw; background: radial-gradient(circle, rgba(28,122,66,.16), transparent 65%); filter: blur(10px); }
.chairman__grid { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: clamp(40px,6vw,80px); align-items: center; position: relative; }
.chairman__media { position: relative; }
.chairman__media .ph { aspect-ratio: 4/5; border-radius: var(--r-lg); border: 1px solid rgba(191,230,207,.18); }
.chairman__quote { font-size: clamp(22px,2.6vw,34px); font-weight: 300; line-height: 1.5; letter-spacing: -0.01em; }
.chairman__quote b { color: var(--champagne); font-weight: 700; }
.chairman .signature { margin-top: 30px; }
.chairman .signature__mark { color: var(--champagne); }
.chairman .signature__who b { color: #fff; }
.chairman .signature__who span { color: rgba(231,236,223,.65); }

 .contact-grid { display: grid; grid-template-columns: 1fr 1.1fr; gap: clamp(40px,6vw,72px); align-items: start; }
.contact-info { display: flex; flex-direction: column; gap: 18px; margin-top: 36px; }
.cinfo { display: flex; gap: 18px; align-items: flex-start; padding: 22px; border-radius: var(--r-md); background: var(--paper); border: 1px solid var(--paper-3); transition: border-color .4s var(--ease); }
.cinfo:hover { border-color: var(--gold-500); }
.cinfo__ic { flex-shrink: 0; width: 46px; height: 46px; border-radius: 12px; display: grid; place-items: center; background: var(--forest-800); }
.cinfo__ic svg { stroke: var(--gold-400); }
.cinfo__t { font-size: 13px; color: var(--sage-500); font-weight: 700; letter-spacing: .04em; }
.cinfo__v { font-size: 17px; font-weight: 700; color: var(--forest-900); margin-top: 3px; }
.cinfo__v[dir="ltr"] { direction: ltr; text-align: start; }
 .cinfo__link { display: block; width: fit-content; text-decoration: none; transition: color .3s var(--ease); }
.cinfo__link:hover { color: var(--gold-600); text-decoration: underline; }

.form-card { padding: clamp(30px,4vw,44px); border-radius: var(--r-lg); background: #fff; box-shadow: var(--shadow-md); border: 1px solid var(--paper-3); }
.field { margin-bottom: 20px; }
.field label { display: block; font-size: 14px; font-weight: 700; color: var(--forest-800); margin-bottom: 8px; }
.field input, .field textarea, .field select {
  width: 100%; padding: 14px 16px; border-radius: var(--r-sm); border: 1px solid var(--paper-3);
  background: var(--paper); font-family: inherit; font-size: 16px; color: var(--ink-900);
  transition: border-color .35s var(--ease), box-shadow .35s var(--ease), background .35s var(--ease);
}
.field textarea { resize: vertical; min-height: 130px; }
.field input:focus, .field textarea:focus, .field select:focus {
  outline: none; border-color: var(--gold-500); background: #fff; box-shadow: 0 0 0 4px rgba(35,155,84,.14);
}
.field.invalid input, .field.invalid textarea { border-color: #b4452f; }
.field__err { color: #b4452f; font-size: 13px; margin-top: 6px; display: none; }
.field.invalid .field__err { display: block; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.form-success { display: none; padding: 18px 22px; border-radius: var(--r-sm); background: rgba(51,104,72,.1); border: 1px solid rgba(51,104,72,.3); color: var(--forest-700); font-weight: 600; margin-bottom: 20px; }
.form-success.show { display: block; animation: fadeIn .5s var(--ease); }
@keyframes fadeIn { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }

.map-band { background: var(--paper-2); }
.map-band__frame { aspect-ratio: 21/8; border-radius: var(--r-lg); overflow: hidden; box-shadow: var(--shadow-sm); position: relative; }
.map-band__frame .ph { width: 100%; height: 100%; }

@media (max-width: 980px) {
  .vm-grid, .goals-list, .strategy__grid, .chairman__grid, .contact-grid { grid-template-columns: 1fr; }
  .values-grid { grid-template-columns: repeat(3, 1fr); }
  .chairman__media { max-width: 360px; }
}
@media (max-width: 600px) {
  .values-grid { grid-template-columns: repeat(2, 1fr); }
  .form-row { grid-template-columns: 1fr; }
  .page-hero { padding-block: 150px 64px; }
}
