.why-page { background: #fff; color: #111; }
.why-section { display: flex; align-items: center; justify-content: center; padding: 92px 24px; text-align: center; }
.why-copy { width: min(100%, 940px); margin: 0 auto; }
.why-copy-narrow { width: min(100%, 780px); }
.why-opening { padding-top: 92px; padding-bottom: 82px; }
.why-opening h1 { margin: 0 0 16px; color: var(--eros-gold); font-size: clamp(39px, 3.2vw, 50px); line-height: 1.15; }
.why-breadcrumb { display: flex; justify-content: center; gap: 5px; margin-bottom: 24px; font-size: 13px; }
.why-breadcrumb a { color: var(--eros-gold); }
.why-section p { margin: 0 0 31px; font-size: 19px; line-height: 1.72; }
.why-section p:last-of-type { margin-bottom: 20px; }
.why-dark { min-height: 545px; background: #000; color: #fff; }
.why-dark h2 { margin: 0 0 13px; font-size: clamp(38px, 3vw, 48px); line-height: 1.2; }
.why-problem { padding-top: 90px; padding-bottom: 90px; }
.why-mission { min-height: 685px; }
.why-conclusion { min-height: 715px; padding-top: 90px; padding-bottom: 90px; }
.why-actions { display: flex; justify-content: center; gap: 20px; margin-top: 21px; }
.why-actions .button { min-width: 194px; padding: 10px 24px; text-transform: uppercase; }
@media (max-width: 700px) { .why-section { min-height: 0; padding: 65px 20px; } .why-opening { padding-top: 62px; } .why-section p { font-size: 16px; line-height: 1.7; } .why-actions { flex-direction: column; align-items: center; gap: 12px; } .why-actions .button { width: min(100%, 260px); } }

.why-page-new { background: #000; }
.why-new-content { min-height: 0; padding: 78px 24px 90px; text-align: left; }
.why-new-content .why-copy { width: min(100%, 920px); }
.why-new-content h1 { margin: 0 0 14px; color: #fff; font-size: clamp(39px, 3.2vw, 50px); line-height: 1.15; text-align: center; }
.why-new-content .why-breadcrumb { margin-bottom: 42px; color: #fff; }
.why-new-content p { margin-bottom: 20px; font-size: 17px; line-height: 1.65; }
.why-new-content p strong { font-size: 19px; font-weight: 700; }
.why-mission-list { margin: 30px 0 25px; padding: 24px 28px; border-left: 5px solid var(--eros-gold); background: #111; }
.why-mission-list > strong { display: block; margin-bottom: 12px; font-size: 20px; }
.why-mission-list ul { margin: 0; padding-left: 21px; }
.why-mission-list li { margin: 8px 0; font-size: 17px; line-height: 1.5; }
.why-new-content .why-closing { margin-top: 28px; font-size: 19px; font-weight: 700; text-align: center; }
.why-new-content .why-actions { margin-top: 32px; }
@media (max-width:700px) { .why-new-content { padding: 58px 20px 70px; } .why-new-content .why-breadcrumb { margin-bottom: 32px; } .why-new-content p { font-size: 15px; line-height: 1.6; } .why-new-content p strong { font-size: 17px; } .why-mission-list { padding: 19px 18px; } .why-mission-list li { font-size: 15px; } .why-new-content .why-closing { font-size: 17px; } }