/* Shared page rhythm. Content and translations are preserved by the generator. */
:root{--layout-width:1280px;--layout-gap:72px;--section-space:104px;--type-h1:52px;--type-h2:42px;--type-h3:27px}
body .site-header .header-inner{max-width:1440px}
body #main.flow-page{background:#fcf8f1}
body #main.flow-page>.section,body #main.flow-page>.approved-section{padding-block:104px;border-top:1px solid #2d4a3e16}
body #main.flow-page p{line-height:1.75}
body #main.flow-page .cta-caption,body #main.flow-page .field-help,body #main.flow-page .preview-form-note{line-height:1.65}
body #main.flow-page .reading-copy,body #main.flow-page .approved-copy{max-width:66ch}
body #main.flow-page .reading-copy p+p{margin-top:22px}
body #main.flow-page .approved-copy>p{margin-bottom:22px}
body #main.flow-page .approved-section-heading,body #main.flow-page .section-heading{margin-bottom:36px}
body #main.flow-page .approved-section-heading{min-width:0}
body #main.flow-page h1,body #main.flow-page h2,body #main.flow-page h3{text-wrap:pretty}
body #main.flow-page .approved-reading{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:80px}
body #main.flow-page .approved-reading .approved-section-heading,body #main.flow-page .reading-layout>div:first-child{position:static}
body #main.flow-page .approved-reading .approved-section-heading h2{max-width:24ch}
body #main.flow-page .approved-copy-wide{max-width:none}
body #main.flow-page .approved-copy-wide>p{max-width:72ch}
body #main.flow-page .approved-hero{padding-block:80px 104px}
body #main.flow-page .approved-hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:80px}
body #main.flow-page .approved-hero .approved-section-heading{margin-bottom:30px}
body #main.flow-page .approved-portrait{max-width:400px;top:126px}
body #main.flow-page .approved-portrait img{max-height:600px}
body #main.flow-page .tone-sage{background:#e5eadf}
body #main.flow-page .tone-peach{background:#f3e5da}
body #main.flow-page .approved-quote{background:#ffffff70;padding:28px 30px;margin-block:32px;border-left:2px solid #9fb09b;border-radius:0 4px 4px 0}
body #main.flow-page .approved-cards{gap:28px;margin-block:40px}
body #main.flow-page .approved-cards article{padding:32px;border-color:#2d4a3e20;background:#fcf8f1;display:grid;grid-template-rows:subgrid;grid-row:span 2;row-gap:18px}
body #main.flow-page .approved-cards h3{line-height:1.25;margin:0}
body #main.flow-page .approved-card-body{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
body #main.flow-page .approved-card-body>p:last-child{margin-bottom:0}
body #main.flow-page .approved-cards p{line-height:1.7}
body #main.flow-approach #chapter-5 .approved-cards,body #main.flow-how #chapter-6 .approved-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
body #main.flow-approach #chapter-5 .approved-cards article:last-child,body #main.flow-how #chapter-6 .approved-cards article:last-child{grid-column:1/-1}
body #main.flow-approach #chapter-5 .approved-cards article:last-child p,body #main.flow-how #chapter-6 .approved-cards article:last-child p{max-width:78ch}
body #main.flow-page .approved-timeline article{padding-bottom:42px;display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);column-gap:40px}
body #main.flow-page .approved-timeline h3{grid-column:1;grid-row:1/span 8}
body #main.flow-page .approved-timeline p{grid-column:2;max-width:none}
body #main.flow-page .approved-timeline article:last-child{padding-bottom:0}
body #main.flow-page .approved-answer p{line-height:1.75}

/* Photo-backed page title and breadcrumb, centered on both axes. */
body #main.flow-page>.page-banner{position:relative;isolation:isolate;overflow:hidden;background:#2d4a3e;border:0;padding:0}
body #main.flow-page .page-banner .banner-photo{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;object-position:50% 43%;z-index:-2}
body #main.flow-page .page-banner:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#17392ee6,#17392eb8,#17392ed9);z-index:-1}
body #main.flow-page .page-banner .page-banner-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:300px;padding-block:64px;text-align:center}
body #main.flow-page .page-banner .banner-title{font:400 48px/1.17 Meraki,Georgia,serif;color:#fffaf2;max-width:1000px;margin:0;text-wrap:balance;overflow-wrap:break-word}
body #main.flow-page .page-banner .breadcrumb{max-width:100%;font-size:15px;color:#fffaf2;line-height:1.6}
body #main.flow-page .page-banner .breadcrumb ol{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px 14px;margin:0;padding:0;list-style:none}
body #main.flow-page .page-banner .breadcrumb a{color:#fffaf2;border-bottom:1px solid #ffffff66}
body #main.flow-page .page-banner .breadcrumb li{color:#fffaf2}

/* Closing invitations sit within their own panel, with light space before footer. */
body #main.flow-page>.approved-final,body #main.flow-page>section.contact:last-child{background:#fcf8f1;padding:80px 48px 104px;border-top:1px solid #2d4a3e16}
body #main.flow-page>.approved-final>.wrap,body #main.flow-page>section.contact:last-child>.wrap{background:#2d4a3e;max-width:1184px;padding:64px;border-radius:8px;gap:64px;align-items:start}
body #main.flow-page>.approved-final h2,body #main.flow-page>section.contact:last-child h2{color:#fffaf2}
body #main.flow-page>.approved-final p,body #main.flow-page>section.contact:last-child p{color:#e6ecdf}
body #main.flow-page>.approved-final .eyebrow,body #main.flow-page>section.contact:last-child .eyebrow{color:#d2d2c3}
body #main.flow-page>section.contact:last-child h2 em{color:#efc3ad}
body #main.flow-page>section.contact:last-child .button{background:#fcf8f1;border-color:#fcf8f1;color:#2d4a3e}
body #main.flow-page>.approved-final .approved-section-heading{margin-bottom:0}
body #main.flow-page>section.contact:last-child .final-photo{max-width:300px;position:static}
body #main.flow-page>section.contact:last-child .final-photo img{max-height:430px}
body .site-footer{border-top:1px solid #b9c6b0}
body .site-footer .newsletter-section{padding-block:64px;background:#e2e9db}
body .site-footer .newsletter-layout{gap:64px;align-items:start}
body .site-footer .footer-main{padding-block:64px 48px;gap:72px}
body .site-footer .footer-main .footer-links{gap:14px}

/* Contact: one aligned introduction, three clear methods, one full form panel. */
body #main.flow-contact>.section:first-of-type,body #main.flow-contact>.approved-hero{padding-block:80px 96px}
body #main.flow-contact .split-layout{align-items:center}
body #main.flow-contact .split-layout>.journey-photo{position:static;max-width:380px}
body #main.flow-contact .split-layout>.journey-photo img{max-height:540px;border-radius:4px}
body #main.flow-contact .contact-method-grid,body #main.flow-contact .approved-contact-methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch;margin-top:36px}
body #main.flow-contact .contact-method-grid article,body #main.flow-contact .approved-contact-methods article{padding:30px;background:#fcf8f1;border:1px solid #2d4a3e22;border-radius:4px;min-width:0}
body #main.flow-contact .contact-method-grid .eyebrow{margin-bottom:20px}
body #main.flow-contact .contact-method-grid p,body #main.flow-contact .approved-contact-methods p{margin-top:16px}
body #main.flow-contact .contact-method-grid .contact-email{font-size:18px;line-height:1.6;overflow-wrap:anywhere}
body #main.flow-contact .contact-method-grid .button{font-size:16px;padding:12px 16px;gap:14px;margin-top:20px}
body #main.flow-contact .enquiry-grid,body #main.flow-contact #message-form>.wrap{max-width:1060px;display:block}
body #main.flow-contact .approved-enquiry{display:block}
body #main.flow-contact .enquiry-grid>div:first-child,body #main.flow-contact .approved-enquiry>.approved-copy{max-width:72ch;margin-bottom:36px}
body #main.flow-contact .enquiry-grid h2{max-width:none}
body #main.flow-contact .enquiry-form{max-width:none;width:100%;margin:0;padding:40px;background:#fffdf8;border:1px solid #cbd2c2;border-radius:6px}
body #main.flow-contact .form-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
body #main.flow-contact .enquiry-form .field{min-width:0;margin-bottom:24px}
body #main.flow-contact .enquiry-form .field label{display:block;font-size:16px;line-height:1.5;margin:0 0 10px}
body #main.flow-contact .enquiry-form .field input,body #main.flow-contact .enquiry-form select,body #main.flow-contact .enquiry-form textarea{display:block;width:100%;min-width:0;max-width:100%;padding:14px 16px;border:1px solid #bdc8b6;background:#fff;font-size:16px;line-height:1.5;border-radius:3px;box-sizing:border-box}
body #main.flow-contact .enquiry-form textarea{min-height:180px;resize:vertical}
body #main.flow-contact .enquiry-form .preview-form-note{margin:0 0 28px;padding:16px 18px;background:#eef1e8;border-left:2px solid #a7b79c}
body #main.flow-contact .enquiry-form .button{margin-top:12px}
body #main.flow-contact .enquiry-form .field-help{font-size:14px;margin-top:16px;line-height:1.65}
body #main.flow-contact .faq-list details,body #main.flow-contact .approved-faq details{padding-block:24px}
body #main.flow-contact #chapter-6>.wrap{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:80px;align-items:start}
body #main.flow-contact #chapter-6 .approved-faq{margin:0}
body #main.flow-contact>section:last-child{background:#f2e7dc;padding-block:80px 96px}
body #main.flow-contact>section:last-child .wrap{max-width:900px;text-align:center}
body #main.flow-contact>section:last-child h2{max-width:none}
body #main.flow-contact>section:last-child .footer-socials{display:flex;justify-content:center;gap:16px;margin-top:28px}
body #main.flow-contact>section:last-child .footer-socials a{width:48px;height:48px;display:grid;place-items:center;border:1px solid #2d4a3e40;border-radius:50%}
body #main.flow-contact{padding-bottom:64px}

@media(max-width:1000px){
 :root{--layout-gutter:32px;--layout-gap:48px;--section-space:80px}
 body #main.flow-page>.section,body #main.flow-page>.approved-section{padding-block:80px}
 body #main.flow-page .approved-reading,body #main.flow-page .approved-hero-grid{gap:48px}
 body #main.flow-page .approved-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 body #main.flow-contact .contact-method-grid,body #main.flow-contact .approved-contact-methods{grid-template-columns:1fr}
 body #main.flow-contact #chapter-6>.wrap{gap:40px}
 body #main.flow-page>.approved-final,body #main.flow-page>section.contact:last-child{padding-inline:32px}
 body #main.flow-page>.approved-final>.wrap,body #main.flow-page>section.contact:last-child>.wrap{padding:48px;gap:40px}
}
@media(max-width:760px){
 :root{--layout-gutter:24px;--layout-gap:32px;--type-h1:38px;--type-h2:32px;--type-h3:25px;--section-space:64px}
 body #main.flow-page>.section,body #main.flow-page>.approved-section{padding-block:64px}
 body #main.flow-page .approved-reading,body #main.flow-page .approved-hero-grid,body #main.flow-contact #chapter-6>.wrap{grid-template-columns:minmax(0,1fr);gap:28px}
 body #main.flow-page .approved-section-heading,body #main.flow-page .section-heading{margin-bottom:28px}
 body #main.flow-page .approved-hero-copy>.approved-section-heading{margin-bottom:0}
 body #main.flow-page .approved-reading .approved-section-heading h2{max-width:none}
 body #main.flow-page .page-banner .page-banner-inner{min-height:240px;padding-block:48px;gap:18px}
 body #main.flow-page .page-banner .banner-title{font-size:34px;line-height:1.2}
 body #main.flow-page .page-banner .breadcrumb{font-size:14px}
 body #main.flow-page .approved-cards,body #main.flow-approach #chapter-5 .approved-cards,body #main.flow-how #chapter-6 .approved-cards{grid-template-columns:1fr;gap:20px;margin-block:28px}
 body #main.flow-page .approved-cards article{padding:26px}
 body #main.flow-page .approved-quote{padding:22px;margin-block:28px}
 body #main.flow-page .approved-portrait{max-width:300px}
 body #main.flow-page .flow-intro-copy{display:contents}
 body #main.flow-page .flow-intro-copy>.approved-section-heading{grid-row:1;margin-bottom:0}
 body #main.flow-page .flow-intro-copy>.approved-copy{grid-row:3}
 body #main.flow-page .flow-intro-copy+.journey-photo{grid-row:2;max-width:300px}
 body #main.flow-page .approved-copy>p{margin-bottom:20px}
 body #main.flow-page .approved-timeline article{display:block}
 body #main.flow-page>.approved-final,body #main.flow-page>section.contact:last-child{padding:56px 24px 72px}
 body #main.flow-page>.approved-final>.wrap,body #main.flow-page>section.contact:last-child>.wrap{padding:32px 26px;grid-template-columns:1fr;gap:28px}
 body #main.flow-page>section.contact:last-child .final-photo{max-width:240px}
 body #main.flow-contact .enquiry-form{padding:26px 22px}
 body #main.flow-contact .form-two-col{grid-template-columns:1fr;gap:0}
 body #main.flow-contact .contact-method-grid article,body #main.flow-contact .approved-contact-methods article{padding:26px}
 body #main.flow-contact .enquiry-form .preview-form-note{padding:14px;margin-bottom:24px}
 body #main.flow-contact{padding-bottom:40px}
 body #main.flow-contact>section:last-child{padding-block:64px}
 body .site-footer .newsletter-section{padding-block:52px}
 body .site-footer .newsletter-layout{gap:28px}
 body .site-footer .footer-main{gap:36px 24px;padding-block:48px 36px}
}
