/* Calm accordion treatment in the existing graphite/copper palette. */
.faq-section{align-items:start;gap:7%;grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr)}
.faq-heading h2{font-size:clamp(32px,3.5vw,48px);line-height:1.18;letter-spacing:-.035em}
.faq-heading h2 em{font-style:normal;color:#806044}
.faq-intro{max-width:320px;color:#536661;font-size:16px;line-height:1.75}
.faq-list{min-width:0;border-bottom:1px solid #b5c2b9}
.dc-faq .faq-item{padding:0;border-top:1px solid #b5c2b9;transition:background-color .25s ease}
.dc-faq .faq-item summary{display:grid;grid-template-columns:25px minmax(0,1fr) 32px;gap:16px;align-items:center;padding:24px 12px;font-size:17px;line-height:1.55;min-height:80px;list-style:none}
.dc-faq .faq-item summary:after{display:none}
.faq-number{font-size:12px;letter-spacing:.05em;color:#806044;align-self:start;margin-top:5px}
.faq-question{overflow-wrap:anywhere}
.faq-icon{display:block;position:relative;width:30px;height:30px;border:1px solid #9f806157;border-radius:50%;transition:background-color .25s,border-color .25s,transform .34s}
.faq-icon:before,.faq-icon:after{content:'';position:absolute;left:8px;right:8px;top:13px;height:1px;background:#806044}
.faq-icon:after{transform:rotate(90deg);transition:transform .34s,opacity .2s}
.faq-expanded .faq-icon,.faq-item[open] .faq-icon{background:#806044;border-color:#806044;transform:rotate(180deg)}
.faq-expanded .faq-icon:before,.faq-item[open] .faq-icon:before{background:#fff}
.faq-expanded .faq-icon:after,.faq-item[open] .faq-icon:after{transform:rotate(0);opacity:0}
.faq-item:hover,.faq-expanded{background:#ffffff40}
.faq-item summary:focus-visible{outline:2px solid #806044;outline-offset:3px;border-radius:2px}
.dc-faq .faq-answer p{margin:0;padding:0 60px 26px 53px;font-size:16px;line-height:1.85;color:#435954}
@media(max-width:760px){.faq-section{grid-template-columns:1fr;gap:25px}.faq-intro{max-width:100%}.dc-faq .faq-item summary{padding:20px 4px;gap:10px;grid-template-columns:22px minmax(0,1fr) 30px;font-size:16px}.dc-faq .faq-answer p{padding:0 8px 24px 36px}.faq-heading h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){.faq-item,.faq-icon,.faq-icon:after{transition:none!important}}