/* Questions: heading and photo beside an accordion. */
.lr.faq { padding: 0 0 120px; }
.lr .faq__in { display: grid; grid-template-columns: 1fr 1.4fr; gap: 64px; align-items: start; }
.lr .faq__media { margin-top: 36px; border-radius: var(--lr-r); overflow: hidden; aspect-ratio: 4 / 3; }
.lr .faq__media .faq__img { width: 100%; height: 100%; max-width: none; object-fit: cover; }
.lr .faq__list details { border-bottom: 1px solid var(--lr-line); }
.lr .faq__list details:first-child { border-top: 1px solid var(--lr-line); }
.lr .faq__list summary { list-style: none; cursor: pointer; padding: 26px 56px 26px 0; font-weight: 600; font-size: 19px; letter-spacing: -0.01em; line-height: 1.4; position: relative; }
.lr .faq__list summary::-webkit-details-marker { display: none; }
.lr .faq__list summary::before, .lr .faq__list summary::after { content: ""; position: absolute; right: 8px; top: 50%; width: 16px; height: 2px; background: var(--lr-ink); transition: transform .2s; }
.lr .faq__list summary::after { transform: rotate(90deg); }
.lr .faq__list details[open] summary::after { transform: rotate(0); }
.lr .faq__list details p { margin: 0; padding: 0 0 28px; color: var(--lr-ink-2); max-width: 38em; }

@media (max-width: 1100px) {
	.lr .faq__in { grid-template-columns: 1fr; gap: 40px; }
	.lr .faq__media { display: none; }
}

@media (max-width: 640px) {
	.lr.faq { padding-bottom: 72px; }
	.lr .faq__list summary { font-size: 17px; padding: 20px 44px 20px 0; }
}