/* s11 faq: ease, paper in open daylight */
#s-faq.z7{padding:clamp(90px,12vw,170px) 0;background:#ece5d6;color:#13200f;overflow:hidden;position:relative}
#s-faq.z7::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .5 0 0 0 0 .42 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E")}
#s-faq .f11-light{position:absolute;inset:-20% -10%;pointer-events:none;
  background:radial-gradient(60% 50% at 18% 12%,rgba(255,250,232,.95),rgba(255,248,228,0) 70%)}
#s-faq .f11-light span{position:absolute;top:-10%;width:16%;height:140%;background:linear-gradient(180deg,rgba(255,252,240,.55),rgba(255,252,240,0) 85%);
  transform:rotate(24deg);filter:blur(24px);animation:f11drift 22s ease-in-out infinite alternate}
#s-faq .f11-light span:nth-child(1){left:6%}
#s-faq .f11-light span:nth-child(2){left:26%;width:10%;animation-delay:-7s;opacity:.8}
#s-faq .f11-light span:nth-child(3){left:42%;width:7%;animation-delay:-13s;opacity:.6}
@keyframes f11drift{0%{transform:rotate(24deg) translateX(0)}100%{transform:rotate(24deg) translateX(60px)}}
#s-faq .f11-in{position:relative;width:min(1240px,calc(100% - 48px));margin:0 auto;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(40px,6vw,110px);align-items:start}
#s-faq .f11-sh{position:sticky;top:calc(var(--hdr) + var(--tabs) + 48px)}
#s-faq .f11-no{display:block;font-family:var(--serif);font-size:clamp(64px,7vw,120px);line-height:.8;color:#b08a2c;margin-bottom:18px}
#s-faq .f11-eb{font-size:12px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:#7d7259;margin-bottom:12px}
#s-faq .f11-sh h2{font-size:clamp(40px,4.8vw,76px);line-height:.98;color:#13200f;max-width:11ch;letter-spacing:-.015em}
#s-faq .f11-cta{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:clamp(28px,4vw,48px)}
#s-faq .f11-pl{font-size:14px;font-weight:600;color:#4b4535;margin:0;display:flex;gap:12px;align-items:center}
#s-faq .f11-pl::before{content:"";width:28px;height:2px;background:#b08a2c}
#s-faq .f11-list{border-top:1px solid rgba(19,32,15,.16)}
#s-faq .f11-d{position:relative;border-bottom:1px solid rgba(19,32,15,.16)}
#s-faq .f11-d::before{content:"";position:absolute;left:-8%;right:-8%;top:-30%;bottom:-30%;pointer-events:none;opacity:0;z-index:0;
  background:radial-gradient(50% 50% at 30% 50%,rgba(255,236,170,.75),rgba(255,236,170,0) 70%);transition:opacity 1.2s ease}
#s-faq .f11-d.rw::before{opacity:1;animation:f11bloom 1.6s ease-out}
@keyframes f11bloom{0%{opacity:0;transform:scale(.85)}40%{opacity:1}100%{opacity:.55;transform:scale(1)}}
#s-faq .f11-d.rw::before{opacity:.55}
#s-faq summary{position:relative;z-index:1;list-style:none;cursor:pointer;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:baseline;padding:clamp(22px,2.6vw,32px) 0}
#s-faq summary::-webkit-details-marker{display:none}
#s-faq summary:focus-visible{outline:2px solid #b08a2c;outline-offset:6px;border-radius:4px}
#s-faq .f11-qn{font-size:12px;font-weight:800;letter-spacing:.16em;color:#a49673}
#s-faq .f11-qt{position:relative;font-family:var(--serif);font-weight:400;font-size:clamp(22px,2.2vw,34px);line-height:1.15;letter-spacing:-.01em;justify-self:start}
#s-faq .f11-fl{position:absolute;left:0;bottom:-12px;width:min(100%,260px);height:12px;overflow:visible}
#s-faq .f11-fl path{fill:none;stroke:#c9a84c;stroke-width:2.2;stroke-linecap:round;stroke-dasharray:240;stroke-dashoffset:240;transition:stroke-dashoffset .3s}
#s-faq .f11-d.rw .f11-fl path{stroke-dashoffset:0;transition:stroke-dashoffset 1.1s .15s cubic-bezier(.6,0,.2,1)}
#s-faq summary i{width:34px;height:34px;border-radius:50%;border:1.5px solid rgba(19,32,15,.35);position:relative;align-self:center;transition:transform .45s cubic-bezier(.3,1.4,.4,1),background .35s,border-color .35s}
#s-faq summary i::before,#s-faq summary i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;background:#13200f;transform:translate(-50%,-50%)}
#s-faq summary i::after{transform:translate(-50%,-50%) rotate(90deg)}
#s-faq .f11-d[open] summary i{transform:rotate(45deg);background:#c9a84c;border-color:#c9a84c}
#s-faq .f11-a{position:relative;z-index:1;overflow:hidden}
#s-faq .f11-a .a{padding:4px 0 clamp(26px,3vw,36px) 38px;font-size:clamp(17px,1.35vw,20px);line-height:1.6;color:#3a3a2c;max-width:52ch}
#s-faq summary:hover .f11-qt{color:#3d4a1c}
@media (prefers-reduced-motion:reduce){#s-faq .f11-light span{animation:none}#s-faq .f11-d.rw::before{animation:none}}
@media (max-width:860px){
  #s-faq.z7{padding:84px 0}
  #s-faq .f11-in{grid-template-columns:minmax(0,1fr);width:calc(100% - 32px);gap:36px}
  #s-faq .f11-sh{display:contents}
  #s-faq .f11-no,#s-faq .f11-eb{margin-bottom:0}
  #s-faq .f11-in{gap:12px}
  #s-faq .f11-list{order:1;margin-top:28px}
  #s-faq .f11-cta{order:2;margin-top:28px}
  #s-faq .f11-no{font-size:56px}
  #s-faq summary{gap:12px}
  #s-faq .f11-qt{font-size:22px}
  #s-faq .f11-a .a{padding-left:0}
}