/* Complete English experience */
.english-site { background: #fff; color: var(--color-text-primary); }
.english-header { position: sticky; z-index: 80; inset-block-start: 0; border-bottom: 1px solid var(--color-border); background: rgba(255,255,255,.96); backdrop-filter: blur(12px); }
.english-header > .shell { min-height: 76px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 26px; }
.english-brand { display: flex; align-items: center; gap: 10px; }
.english-brand span { display: grid; line-height: 1.05; }
.english-brand strong { color: var(--color-ink-900); font-size: 1rem; }
.english-brand small { color: var(--color-text-secondary); font-size: .62rem; }
.english-header nav { display: flex; justify-content: center; gap: 22px; }
.english-header nav a,
.english-header > .shell > div:last-child > a:first-child { color: var(--color-ink-700); font-size: .72rem; font-weight: 750; }
.english-header > .shell > div:last-child { display: flex; align-items: center; gap: 12px; }

.english-hero { padding-block: clamp(70px, 9vw, 126px); background: #f3efe7; }
.english-hero-grid { display: grid; grid-template-columns: minmax(0, 1.06fr) minmax(380px, .94fr); gap: clamp(42px, 7vw, 100px); align-items: center; }
.english-hero .english-hero-grid > div:first-child { display: block; margin: 0; }
.english-hero h1 { max-width: 930px; font-size: clamp(3.4rem, 6.4vw, 7.2rem); line-height: .9; letter-spacing: -.07em; }
.english-hero p { max-width: 680px; font-size: 1.08rem; line-height: 1.75; }
.english-hero .english-hero-grid > div:first-child > div { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px; }
.english-hero-media { position: relative; min-height: 560px; display: block !important; margin: 0 !important; overflow: hidden; border: 1px solid var(--color-ink-900); background: #ddd; box-shadow: 24px 24px 0 #ffd84d; }
.english-hero-media img { object-fit: cover; }
.english-hero-media > .english-hero-credit { position: absolute; z-index: 2; inset-block-start: 10px; inset-inline-end: 10px; padding: 3px 7px; background: rgba(0,0,0,.6); color: #fff; font-size: .62rem; }
.english-hero-media > span { position: absolute; z-index: 2; inset-inline: 18px; inset-block-end: 18px; padding: 8px 11px; background: var(--color-ink-900); color: #fff; font-size: .68rem; }

.english-answer { padding-block: 28px; border-block: 1px solid var(--color-border); }
.english-answer .shell { display: grid; grid-template-columns: .35fr 1.65fr; gap: 30px; align-items: start; }
.english-answer strong { color: var(--color-peach-300); font-size: .74rem; text-transform: uppercase; letter-spacing: .05em; }
.english-answer p { max-width: 88ch; margin: 0; color: var(--color-ink-700); font-size: 1rem; line-height: 1.75; }

.english-section-heading { max-width: 820px; margin-bottom: 42px; }
.english-section-heading > span,
.english-responsible-grid > div:first-child > span,
.english-group-grid > div:first-child > span { color: var(--color-peach-300); font-size: .72rem; font-weight: 820; text-transform: uppercase; letter-spacing: .06em; }
.english-section-heading h2,
.english-responsible-grid h2,
.english-group-grid h2 { margin: 10px 0 14px; color: var(--color-ink-900); font-size: clamp(2.5rem, 5vw, 5.4rem); line-height: .95; letter-spacing: -.06em; }
.english-section-heading p { max-width: 70ch; color: var(--color-text-secondary); }

.english-capability-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.english-capability-grid article { min-height: 500px; display: flex; flex-direction: column; padding: 30px; border: 1px solid var(--color-ink-900); background: #fff; }
.english-capability-grid article > span { color: var(--color-peach-300); font-size: .72rem; font-weight: 850; }
.english-capability-grid h3 { margin: 48px 0 14px; color: var(--color-ink-900); font-size: 1.65rem; }
.english-capability-grid p,
.english-capability-grid li { color: var(--color-text-secondary); font-size: .84rem; line-height: 1.7; }
.english-capability-grid ul { padding-inline-start: 20px; }
.english-capability-grid a { margin-top: auto; color: var(--color-peach-300); font-size: .76rem; font-weight: 800; }

.english-approach-grid,
.english-responsible-grid,
.english-group-grid,
.english-faq-grid { display: grid; grid-template-columns: .72fr 1.28fr; gap: clamp(48px, 8vw, 120px); align-items: start; }
.english-approach-grid ol { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.english-approach-grid li { display: grid; grid-template-columns: 42px 1fr; gap: 16px; padding: 24px 0; border-bottom: 1px solid var(--color-border); }
.english-approach-grid li > span { color: var(--color-peach-300); font-size: .72rem; font-weight: 850; }
.english-approach-grid h3 { margin: 0 0 6px; color: var(--color-ink-900); }
.english-approach-grid p { margin: 0; color: var(--color-text-secondary); }

.english-audience-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.english-audience-grid article { min-height: 210px; padding: 24px; border-top: 4px solid #ffd84d; background: #f7f4ee; }
.english-audience-grid h3 { color: var(--color-ink-900); }
.english-audience-grid p { color: var(--color-text-secondary); font-size: .84rem; }

.english-responsible-ai { background: var(--color-ink-900); color: #fff; }
.english-responsible-grid h2 { color: #fff; }
.english-responsible-grid p { color: rgba(255,255,255,.76); line-height: 1.8; }
.english-responsible-grid > div:last-child > div,
.english-group-grid > div:last-child > div { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px; }
.english-responsible-grid a { padding: 8px 11px; border: 1px solid #ffd84d; color: #ffd84d; font-size: .7rem; }
.english-group-grid p { color: var(--color-ink-700); font-size: 1rem; line-height: 1.8; }
.english-group-grid a { padding: 8px 11px; border: 1px solid var(--color-ink-900); color: var(--color-ink-900); font-size: .72rem; font-weight: 750; }

.english-faq-grid > div:last-child { display: grid; gap: 8px; }
.english-faq-grid details { border: 1px solid var(--color-border); background: #fff; }
.english-faq-grid summary { padding: 18px; color: var(--color-ink-900); font-weight: 760; cursor: pointer; }
.english-faq-grid details p { margin: 0; padding: 0 18px 18px; color: var(--color-text-secondary); }

.english-cta { padding-block: clamp(64px, 8vw, 110px); background: #741f2a; color: #fff; }
.english-cta .shell { display: flex; align-items: end; justify-content: space-between; gap: 36px; }
.english-cta span { color: #ffd84d; font-size: .72rem; font-weight: 800; text-transform: uppercase; }
.english-cta h2 { max-width: 800px; margin: 10px 0; font-size: clamp(2.5rem, 5vw, 5.2rem); line-height: .95; letter-spacing: -.06em; }
.english-cta p { max-width: 700px; color: rgba(255,255,255,.78); }
.english-cta .button { flex: 0 0 auto; }

.english-footer { padding-block: 46px; background: #111; color: #fff; }
.english-footer .shell { display: grid; grid-template-columns: 1.3fr 1fr .8fr; gap: 40px; }
.english-footer p,
.english-footer span,
.english-footer a { color: rgba(255,255,255,.68); font-size: .72rem; }
.english-footer .shell > div { display: grid; align-content: start; gap: 8px; }

@media (max-width: 1060px) {
  .english-header nav { display: none; }
  .english-header > .shell { grid-template-columns: 1fr auto; }
  .english-hero-grid { grid-template-columns: 1fr; }
  .english-hero-media { min-height: 420px; }
  .english-capability-grid,
  .english-audience-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 700px) {
  .english-header > .shell > div:last-child .button { display: none; }
  .english-answer .shell,
  .english-approach-grid,
  .english-responsible-grid,
  .english-group-grid,
  .english-faq-grid { grid-template-columns: 1fr; gap: 28px; }
  .english-capability-grid,
  .english-audience-grid { grid-template-columns: 1fr; }
  .english-capability-grid article { min-height: 390px; }
  .english-hero-media { min-height: 300px; box-shadow: 12px 12px 0 #ffd84d; }
  .english-cta .shell { align-items: start; flex-direction: column; }
  .english-footer .shell { grid-template-columns: 1fr; }
}