/* Shared styles for simple content pages (FAQ, About) built on site-rebuild.css */
.page-hero{position:relative;padding:clamp(96px,12vw,150px) clamp(24px,7vw,110px) clamp(64px,8vw,96px);background:var(--navy);color:#fff;text-align:center}
.page-hero::after{content:"";position:absolute;bottom:0;left:50%;width:min(760px,76vw);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(216,189,147,.18) 10%,rgba(216,189,147,.72) 50%,rgba(216,189,147,.18) 90%,transparent)}
.page-hero-inner{width:min(900px,100%);margin:auto}
.about-hero{min-height:min(78svh,720px);display:grid;place-items:center;background-color:var(--navy);background-image:linear-gradient(rgba(10,34,52,.58),rgba(10,34,52,.72)),url('/images/about-hero-terrace.jpg');background-image:linear-gradient(rgba(10,34,52,.58),rgba(10,34,52,.72)),image-set(url('/images/about-hero-terrace.webp') type('image/webp'),url('/images/about-hero-terrace.jpg') type('image/jpeg'));background-position:center 40%;background-size:cover;background-repeat:no-repeat}
.about-hero h1{text-shadow:0 6px 30px rgba(0,0,0,.25)}
@media(max-width:820px){.about-hero{background-position:72% 40%}}
.page-hero .eyebrow{color:var(--champagne);margin-bottom:16px}
.page-hero h1{margin-bottom:22px}
.page-hero p{width:min(720px,100%);margin:auto;color:rgba(255,255,255,.88);font-size:1.05rem;line-height:1.6}

.page-section{padding:clamp(64px,8vw,110px) clamp(22px,6vw,88px);background:var(--ivory)}
.page-section-inner{width:min(900px,100%);margin:auto}

/* FAQ accordion */
.faq-accordion{border-top:1px solid var(--line)}
.faq-accordion-item{border-bottom:1px solid var(--line)}
.faq-accordion-item h2{margin:0;font-family:var(--body);font-size:inherit;line-height:inherit}
.faq-accordion-trigger{position:relative;display:block;width:100%;padding:24px 52px 24px 4px;border:0;background:transparent;color:var(--navy);font-family:var(--head);font-size:clamp(1.3rem,2vw,1.65rem);font-weight:500;line-height:1.2;text-align:left;cursor:pointer}
.faq-accordion-trigger::after{content:"+";position:absolute;top:50%;right:8px;transform:translateY(-50%);font-family:var(--body);font-size:1.6rem;font-weight:300;color:var(--gold);transition:transform .2s ease}
.faq-accordion-trigger[aria-expanded="true"]::after{transform:translateY(-50%) rotate(45deg)}
.faq-accordion-trigger:hover{color:var(--gold)}
.faq-accordion-trigger:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.faq-accordion-panel{padding:0 52px 26px 4px}
.faq-accordion-panel p{color:var(--slate);font-size:1rem;line-height:1.75}
.faq-contact-note{margin-top:42px;text-align:center;color:var(--muted)}
.faq-contact-note a{color:var(--navy)}

/* About */
.about-grid{width:min(var(--max),100%);margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(36px,6vw,80px);align-items:center}
.about-photo{margin:0;aspect-ratio:941/958;overflow:hidden;box-shadow:0 24px 60px rgba(16,40,61,.18)}
.about-photo picture{display:block;height:100%}
.about-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.about-copy .section-kicker{color:var(--gold);margin-bottom:14px}
.about-copy h2{color:var(--navy);margin-bottom:26px}
.about-copy p{font-size:1.05rem;line-height:1.75}
.about-copy p+p{margin-top:18px}
.about-copy .about-closing{font-family:var(--head);font-size:clamp(1.4rem,2.2vw,1.9rem);line-height:1.2;color:var(--navy)}

@media(max-width:820px){.about-grid{grid-template-columns:1fr}.about-photo{width:min(480px,100%);margin:0 auto}}
@media(max-width:620px){.faq-accordion-trigger{padding-right:40px}.faq-accordion-panel{padding-right:4px}}
.faq-accordion,.about-copy{text-align:left}