/* Growth Strategy · 12 FAQ — questions from the boardroom: wide room frame over a numbered list */
.cgs-faq{background:var(--paper)}
.cgs-faq__room{position:relative;margin:0 0 clamp(36px,4vw,56px);aspect-ratio:21/7;max-width:100%;overflow:hidden;border-radius:var(--r-sm);background:var(--paper-4)}
.cgs-faq__room img{position:absolute;left:0;top:0;width:100%;height:calc(100% - 38px);object-fit:cover;object-position:50% 60%;filter:grayscale(.5) contrast(1.02)}
.cgs-faq__room figcaption{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--paper);border-top:1px solid var(--line);font-family:var(--f);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);line-height:1.4}
.cgs-faq__room figcaption span:first-child{color:var(--ink)}

.cgs-faq__list{border-top:2px solid var(--ink)}
.cgs-faq__item{border-bottom:1px solid var(--line-3)}
.cgs-faq__q{margin:0}
.cgs-faq__btn{display:grid;grid-template-columns:90px minmax(0,1fr) 44px;align-items:center;column-gap:clamp(12px,2vw,28px);width:100%;padding:clamp(22px,2.6vw,32px) 0;text-align:left;cursor:pointer;background:none;color:inherit}
.cgs-faq__n{font-family:var(--f);font-size:var(--t-sm);color:var(--faint);font-variant-numeric:tabular-nums;transition:color var(--d2)}
.cgs-faq__t{font-family:var(--f-h);font-weight:500;font-size:clamp(1.2rem,2vw,1.7rem);letter-spacing:-.02em;line-height:1.22;color:var(--ink);transition:color var(--d2)}
.cgs-faq__btn:hover .cgs-faq__t{color:var(--blue-d)}
.cgs-faq__ic{position:relative;justify-self:end;width:40px;height:40px;border:1px solid var(--line-3);border-radius:50%;transition:background var(--d2),border-color var(--d2),transform .5s var(--e)}
.cgs-faq__ic i{position:absolute;left:50%;top:50%;width:12px;height:1.5px;margin:-.75px 0 0 -6px;background:var(--ink);transition:transform .45s var(--e),background var(--d2)}
.cgs-faq__ic i+i{transform:rotate(90deg)}
.cgs-faq__btn[aria-expanded="true"] .cgs-faq__n{color:var(--blue)}
.cgs-faq__btn[aria-expanded="true"] .cgs-faq__ic{background:var(--ink);border-color:var(--ink);transform:rotate(180deg)}
.cgs-faq__btn[aria-expanded="true"] .cgs-faq__ic i{background:var(--on-ink)}
.cgs-faq__btn[aria-expanded="true"] .cgs-faq__ic i+i{transform:rotate(0)}
.cgs-faq__btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:4px}

.cgs-faq__a{height:0;overflow:hidden;transition:height .5s var(--e)}
.cgs-faq__btn[aria-expanded="true"]+.cgs-faq__a,.cgs-faq__q:has([aria-expanded="true"])+.cgs-faq__a{height:auto}
.cgs-faq__in{display:grid;grid-template-columns:90px minmax(0,1fr) 44px;column-gap:clamp(12px,2vw,28px);padding-bottom:clamp(24px,2.8vw,36px)}
.cgs-faq__k{grid-column:1;margin:0;padding-top:5px;font-family:var(--f);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-d)}
.cgs-faq__p{grid-column:2;margin:0;padding-left:20px;border-left:2px solid var(--blue);font-size:var(--t-lead);line-height:1.7;color:var(--txt);max-width:64ch}

@media (max-width:640px){
  .cgs-faq__room{aspect-ratio:16/9}
  .cgs-faq__room figcaption span:last-child{display:none}
  .cgs-faq__btn{grid-template-columns:minmax(0,1fr) 40px;row-gap:8px}
  .cgs-faq__n{grid-column:1 / -1}
  .cgs-faq__t{grid-column:1}
  .cgs-faq__in{grid-template-columns:minmax(0,1fr)}
  .cgs-faq__k{display:none}
  .cgs-faq__p{grid-column:1;padding-left:14px}
}