
.archive-intro{display:flex;flex-direction:column;gap:28px}.archive-intro h1,.archive-intro p{margin:0}.archive-intro p{color:#969da7}.archive-intro .wp-block-button__link:before,.archive-intro .wp-block-button__link:after{display:none}.archive-intro .wp-block-button__link{background:#25221e;color:#f3c69c;border-color:#5b4836}.archive-intro .wp-block-button__link[aria-current]{background:#f0a45b;color:#111315;border-color:#f0a45b}.customer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 36px}.customer-grid .wp-block-post-featured-image img{height:auto;object-position:center}.customer-grid .wp-block-post-date{font-size:14px;color:#969da7}.yasa-read-more{color:#f0a45b!important;font-size:14px;display:inline-flex;align-items:center;gap:12px;margin-top:8px!important}.yasa-read-more:before{content:"";mask:url(ui/projects.svg) center/contain no-repeat;background:currentColor;width:20px;height:20px}.customer-archive .page-numbers{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border:1px solid #5b4836;border-radius:6px;margin-right:12px;text-decoration:none}.customer-archive .page-numbers.current{background:#f0a45b;color:#111315}.customer-archive .wp-block-query-pagination{justify-content:flex-start;gap:20px}.pen-section a:not(.wp-block-button__link){color:inherit;text-decoration:none}.pen-section a:not(.wp-block-button__link):hover{text-decoration:underline;color:#f0a45b}@media(max-width:900px){.customer-grid{grid-template-columns:1fr}.archive-intro{gap:24px}.archive-intro .wp-block-buttons{gap:12px}}

@media(max-width:900px){.pen-nRyhl{font-size:36px}}

/* Keep CF7's automatic paragraph wrapper from becoming a half-width grid cell. */
.wpcf7-form .form-columns>p{display:contents}
.wpcf7-form .form-columns label{min-width:0;margin-bottom:24px}
.page-id-86 .wpcf7-form .form-columns{grid-template-columns:1fr;gap:0}
.wpcf7-form textarea{height:160px;min-height:160px}
.footer-main a.wp-block-button__link,.footer-main a.wp-block-button__link:hover{color:#111315;text-decoration:none}
.customer-grid .wp-block-post-title a{color:#e5e7eb;text-decoration:none}
.customer-grid .wp-block-post-title a:hover{text-decoration:underline}
.wp-block-separator.yasa-rule{max-width:none;width:100%}

/* Related work is a bounded three-card grid, independent of legacy article CSS. */
.related-section > h2{margin:0 0 32px}
.yasa-related-work{width:100%;max-width:100%;align-items:start;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.yasa-related-work > .article-card{min-width:0;width:100%;gap:0;align-self:start;overflow-wrap:anywhere}
.yasa-related-work .related-image{width:100%;min-width:0;margin:0;overflow:hidden;border-radius:8px}
.yasa-related-work .related-image a{display:block;width:100%;min-width:0}
.yasa-related-work .article-card img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.yasa-related-work .article-card h3{margin:20px 0 12px;font:500 24px/1.25 "Space Grotesk",sans-serif}
.yasa-related-work .article-card h3 a{color:#e5e7eb;text-decoration:none}
.yasa-related-work .article-card h3 a:hover{color:#f0a45b;text-decoration:underline}
.yasa-related-work .article-card p{margin:0;color:#969da7;font:400 16px/1.6 "DM Sans",sans-serif}
@media(max-width:900px){.yasa-related-work{grid-template-columns:minmax(0,1fr);gap:36px}.related-section > h2{margin-bottom:28px}}
/* Keep the real appointment schedule embedded and usable at every width. */
.page-id-717 .wp-block-post-content > .booking-calendar{max-width:1100px}
.page-id-717 .wp-block-post-content > p{max-width:760px}
.booking-calendar{width:100%;max-width:100%;margin:32px 0}
.booking-calendar iframe{display:block;width:100%;max-width:100%;height:1280px;border:0;border-radius:8px;background:#fff;color-scheme:light}

.archive-intro .archive-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.archive-filters>.wp-block-button{margin:0}


/* One left edge for page titles, article copy, forms and wide content blocks. */
:root{--yasa-content-gutter:72px}
.page-shell .page-heading,.post-heading.yasa-section{padding-inline:var(--yasa-content-gutter)}
.legacy-content{box-sizing:border-box;width:100%;max-width:1440px;margin-inline:auto;padding-inline:var(--yasa-content-gutter)}
.legacy-content > .wp-block-post-content{max-width:none;width:100%;margin:0!important}
.legacy-content > .wp-block-post-content.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width:760px;margin-left:0!important;margin-right:auto!important}
.legacy-content > .wp-block-post-content.is-layout-constrained > .alignwide{max-width:100%}
.legacy-content > .wp-block-post-content.is-layout-constrained > .booking-calendar{max-width:1100px}
@media(min-width:901px) and (max-width:1200px){:root{--yasa-content-gutter:40px}}
@media(max-width:900px){:root{--yasa-content-gutter:24px}}
/* Readable links on accent surfaces, including Gutenberg palette backgrounds. */
.pen-ddSlc,.has-accent-background-color{
 --yasa-surface-link:#111315;
 --yasa-surface-link-hover:#111315;
 --yasa-focus-ring:#111315;
}
:is(.pen-ddSlc,.has-accent-background-color) a:not(.wp-block-button__link):not(.wp-element-button),
:is(.pen-ddSlc,.has-accent-background-color) a:not(.wp-block-button__link):not(.wp-element-button):visited{
 color:var(--yasa-surface-link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em;
}
:is(.pen-ddSlc,.has-accent-background-color) a:not(.wp-block-button__link):not(.wp-element-button):is(:hover,:focus-visible,:active){
 color:var(--yasa-surface-link-hover);text-decoration-thickness:2px;
}
/* Set foreground and background together in every button interaction state. */
.wp-block-button .wp-block-button__link:is(:hover,:focus-visible,:active){background:#ffb56d;color:#111315}
.wp-block-button.is-style-secondary .wp-block-button__link:is(:hover,:focus-visible,:active){background:#302a24;border-color:#f3c69c;color:#f3c69c}
.wp-block-button.is-style-editorial .wp-block-button__link,
.wp-block-button.is-style-editorial .wp-block-button__link:visited{background:transparent;color:var(--yasa-surface-link,#f0a45b)}
.wp-block-button.is-style-editorial .wp-block-button__link:is(:hover,:focus-visible,:active){background:transparent;color:var(--yasa-surface-link-hover,#ffb56d);text-decoration:underline}
:is(.pen-ddSlc,.has-accent-background-color) :is(a,button,input,textarea,select,summary):focus-visible{outline:2px solid var(--yasa-focus-ring);outline-offset:5px}

/* Portrait references need headroom rather than the shallow artwork crop. */
.wp-block-post.category-testimonials .wp-block-post-featured-image img{
 height:auto;aspect-ratio:4/3!important;object-fit:cover;object-position:center top;
}
.wp-block-post.post-298 .wp-block-post-featured-image img{object-position:center 20%}
