.breadcrumbs { margin: 0 0 36px; font-size: .875rem; color: #53614f; }
.breadcrumbs ol { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 0; padding: 0; list-style: none; }
.breadcrumbs li { display: inline-flex; align-items: center; gap: 12px; }
.breadcrumbs li+li:before { content: '/'; color: #87927a; font-size: .875rem; }
.breadcrumbs a { border-bottom: var(--hairline) solid #55674d55; padding-block: 6px; }
.breadcrumbs a:hover { color: var(--ink); border-bottom-color: currentColor; }
.breadcrumbs [aria-current] { color: var(--ink); }
.faq { background: radial-gradient(ellipse at 90% 25%, #aebd9670, transparent 55%), #edf0e6; }
.faq-layout { display: grid; grid-template-columns: .85fr 1.15fr; gap: 8vw; align-items: start; }
.faq-intro { position: sticky; top: 132px; padding: 16px 0 30px; }
.faq h2 { font-size: clamp(72px, 7.5vw, 118px); margin: 28px 0; line-height: .95; }
.faq-intro p { font-size: 1rem; line-height: 1.8; color: var(--muted); }
.faq-list { display: grid; gap: 13px; }
.faq-item { border-radius: var(--glass-radius); border: var(--hairline) solid #ffffffb9; background: linear-gradient(130deg,#ffffffac,#ffffff51); box-shadow: var(--glass-shadow); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); transition: background .4s, box-shadow .4s; }
.faq-item[open] { background: linear-gradient(130deg,#ffffffdf,#f6f9e6a8); box-shadow: var(--glass-shadow); }
.faq-item summary { display: flex; align-items: center; gap: 20px; padding: 28px; font-size: 1rem; font-weight: 500; line-height: 1.6; list-style: none; cursor: pointer; border-radius: inherit; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary:focus-visible { outline: 3px solid #859643; outline-offset: 4px; }
.faq-number { font-size: .75rem; color: #68765a; align-self: start; line-height: 2.15; }
.faq-toggle { margin-left: auto; width: 28px; height: 28px; flex-shrink: 0; position: relative; border: var(--hairline) solid #ffffffe8; border-radius: var(--glass-radius); background: #ffffff48; }
.faq-toggle:before,.faq-toggle:after { content: ''; position: absolute; left: 8px; right: 8px; top: 12px; height: var(--hairline); background: currentColor; transition: transform .3s; }
.faq-toggle:after { transform: rotate(90deg); }
.faq-item[open] .faq-toggle:after { transform: rotate(0deg); }
.faq-answer { padding: 0 68px 30px 63px; }
.faq-answer p { font-size: 1rem; line-height: 1.85; color: #52624d; }
.faq-item[open] .faq-answer { animation: faq-enter .4s var(--ease-out); }
@keyframes faq-enter { from { opacity: 0; transform: translateY(-7px); } to { opacity: 1; transform: translateY(0); } }
.section-heading #collection-title { font-size: clamp(54px,5.5vw,90px); line-height: 1; }
.desktop-nav { gap: 25px; }
@media (max-width: 1050px) { .desktop-nav { gap: 16px; font-size: 13px; } .faq-layout { gap: 40px; grid-template-columns: .8fr 1.2fr; } .faq-item summary { padding: 23px; gap: 13px; } .faq-answer { padding-inline: 50px 35px; } }
@media (max-width: 800px) { .faq-layout { grid-template-columns: 1fr; gap: 35px; } .faq-intro { position: static; padding: 0; } .faq h2 { font-size: clamp(68px,13vw,100px); } }
@media (max-width: 700px) { .breadcrumbs { margin-bottom: 28px; } .faq .section-label { gap: 16px; } .faq h2 { margin: 22px 0; } .faq-item { border-radius: var(--glass-radius); } .faq-item summary { padding: 22px 18px; gap: 12px; } .faq-number { display: none; } .faq-answer { padding: 0 22px 25px; } .section-heading #collection-title { font-size: 14vw; } }
@media (prefers-reduced-motion: reduce) { .faq-intro { position: static; } .faq-item[open] .faq-answer { animation: none; } }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { .faq-item { background: #f5f7ed; } }