.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%}

/* Pricing comparison: common rows keep copy, features and CTAs aligned. */
.pen-M2Dby .pen-CzQDf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 36px;align-items:stretch}
.pen-M2Dby .pen-CzQDf>div{display:grid;grid-template-rows:subgrid;grid-row:span 5;gap:20px;min-width:0;padding:24px 0 0;align-self:stretch}
.pen-M2Dby .pen-CzQDf>div>*{margin-block:0;min-width:0}
.pen-M2Dby .pen-CzQDf>div>p{line-height:1.65}
.pen-M2Dby .pen-CzQDf>div>ul{padding-left:1.25em;line-height:1.7}
.pen-M2Dby .pen-CzQDf>div>.wp-block-buttons{align-self:end;padding-top:8px}
.pen-M2Dby .pen-CzQDf .wp-block-button__link{min-height:48px}
@supports not (grid-template-rows:subgrid){.pen-M2Dby .pen-CzQDf>div{display:flex;flex-direction:column}.pen-M2Dby .pen-CzQDf>div>p{min-height:3.3em}.pen-M2Dby .pen-CzQDf>div>.wp-block-buttons{margin-top:auto;align-self:start}}
@media(max-width:900px){.pen-M2Dby .pen-CzQDf{grid-template-columns:minmax(0,1fr);row-gap:32px}.pen-M2Dby .pen-CzQDf>div{grid-row:auto;grid-template-rows:none;gap:16px;padding-top:24px}.pen-M2Dby .pen-CzQDf>div>p{min-height:0}.pen-M2Dby .pen-CzQDf>div>.wp-block-buttons{padding-top:4px}}

/* Support plan cards — 2026-10-21 */
.pen-m3VkFf .support-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:40px 0!important}
.pen-m3VkFf .support-plan{display:flex;flex-direction:column;gap:18px;padding:28px;background:#111415;border:1px solid #353b3d;border-radius:14px;min-width:0}
.pen-m3VkFf .support-plan>*{margin:0!important}
.pen-m3VkFf .support-plan h3{font-size:26px;line-height:1.25}
.pen-m3VkFf .support-plan-price{color:#f0a45b;font-size:clamp(26px,2.1vw,34px);font-weight:600;line-height:1.3}
.pen-m3VkFf .support-plan-price span{font-size:16px;font-weight:400;color:#aeb5be}
.pen-m3VkFf .support-plan-hours{color:#f0a45b;font-weight:600;font-size:15px}
.pen-m3VkFf .support-plan-description{color:#aeb5be;min-height:3.5em;line-height:1.7}
.pen-m3VkFf .support-plan ul{padding:20px 0 20px 20px!important;border-top:1px solid #303638;flex:1;font-size:15px;line-height:1.6}
.pen-m3VkFf .support-plan li{padding-left:3px;margin-bottom:12px}
.pen-m3VkFf .support-plan li::marker{color:#f0a45b}
.pen-m3VkFf .support-plan .wp-block-buttons{margin-top:auto!important}
.pen-m3VkFf .pen-RZvZB{max-width:100%;line-height:1.7}
@media(max-width:1000px){.pen-m3VkFf .support-plans{grid-template-columns:1fr}.pen-m3VkFf .support-plan-description{min-height:0}.pen-m3VkFf .support-plan{padding:24px}}

.pen-m3VkFf .support-plan p.support-plan-price{color:#f0a45b!important;font-size:34px!important;font-weight:600!important;line-height:1.3!important}.pen-m3VkFf .support-plan-price span[data-yasa-money],.pen-m3VkFf .support-plan-price span[data-currency]{font:inherit!important;color:inherit!important}

.pen-m3VkFf .support-plan-price span[data-suite-price]{font:inherit!important;color:inherit!important}

/* Homepage logo animation: desktop only, static reduced-motion fallback. */
.pen-bIECN .pen-OFgB6{display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:40px}
.pen-bIECN .pen-W0wR7p{width:100%;min-width:0;max-width:none}
.pen-bIECN .yasa-hero-motion{width:100%;max-width:560px;justify-self:end;margin:0!important;pointer-events:none}
.pen-bIECN .yasa-hero-motion picture,.pen-bIECN .yasa-hero-motion img{display:block;width:100%;height:auto;aspect-ratio:1}
@media(max-width:900px){.pen-bIECN .pen-OFgB6{display:block!important}.pen-bIECN .yasa-hero-motion{display:none!important}}

/* Infrastructure cards share icon, heading, description, features, CTA and note rows. */
.pen-jnkR9{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;row-gap:20px;align-items:stretch!important}
.pen-jnkR9> .wp-block-group{display:grid!important;grid-template-rows:subgrid;grid-row:span 6;gap:20px;min-width:0;align-content:start}
.pen-jnkR9> .wp-block-group>*{margin-block:0!important;min-width:0}
.pen-jnkR9> .wp-block-group>.wp-block-buttons{align-self:start}
@supports not (grid-template-rows:subgrid){.pen-jnkR9> .wp-block-group{display:flex!important;flex-direction:column}.pen-jnkR9> .wp-block-group>p:nth-child(3){min-height:5em}.pen-jnkR9> .wp-block-group>.wp-block-buttons{margin-top:auto!important}}
@media(max-width:900px){.pen-jnkR9{grid-template-columns:1fr;gap:24px}.pen-jnkR9> .wp-block-group{grid-row:auto;grid-template-rows:none;gap:20px}.pen-jnkR9> .wp-block-group>p:nth-child(3){min-height:0}}

/* Dark CTA variant for the orange homepage contact panel. */
body .pen-ddSlc .wp-block-button .wp-block-button__link.yasa-global-cta,
body .pen-ddSlc .wp-block-button .wp-block-button__link.yasa-global-cta:visited {
 background-color:#111315!important;
 border-color:#111315!important;
 color:#f5f1e9!important;
 -webkit-text-fill-color:#f5f1e9!important;
}
body .pen-ddSlc .wp-block-button .wp-block-button__link.yasa-global-cta:hover,
body .pen-ddSlc .wp-block-button .wp-block-button__link.yasa-global-cta:focus-visible,
body .pen-ddSlc .wp-block-button .wp-block-button__link.yasa-global-cta:active {
 background-color:#292e30!important;
 border-color:#292e30!important;
 color:#ffffff!important;
 -webkit-text-fill-color:#ffffff!important;
}
body .pen-ddSlc .wp-block-button .wp-block-button__link.yasa-global-cta:focus-visible {
 outline:2px solid #111315!important;
 outline-offset:4px!important;
}

html body .booking-privacy button>.suite-button-icon{position:absolute!important;right:16px!important;top:calc(50% - 8px)!important;margin:0!important}

/* Reserve the price slot while browser/account currency is resolved. */
.service-price [data-suite-price]{display:inline-block;min-inline-size:5ch;font-variant-numeric:tabular-nums}


/* Homepage connected services: native content cards, scoped to this section. */
.yasa-connected-services>h2{margin:0;font-size:clamp(2rem,3.5vw,3rem);line-height:1.15}
.yasa-connected-services>p{max-width:52rem;color:#aeb5be;line-height:1.7}
.yasa-connected-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:32px}
.yasa-connected-card{display:flex;flex-direction:column;gap:20px;padding:28px;border:1px solid #353b3d;border-radius:14px;min-width:0}
.yasa-connected-card>*{margin:0!important;min-width:0}
.yasa-connected-card>h3{font-size:26px;line-height:1.25}
.yasa-connected-card>p{color:#aeb5be;line-height:1.7}
.yasa-connected-card>.wp-block-buttons{margin-top:auto!important;padding-top:4px}
@media(max-width:700px){.yasa-connected-grid{grid-template-columns:minmax(0,1fr)}.yasa-connected-card{padding:24px}}
/* Section introductions stack before their fixed desktop heading widths squeeze the summary. */
@media(min-width:901px) and (max-width:1200px){
body.home :is(.pen-NPrmf,.pen-YsKAT,.pen-ZIxRc,.pen-x6Wjzf,.pen-hhXVx){flex-direction:column;align-items:stretch;gap:20px}
body.home :is(.pen-NPrmf,.pen-YsKAT,.pen-ZIxRc,.pen-x6Wjzf,.pen-hhXVx)>:is(h2,p){width:auto!important;max-width:100%;flex:0 1 auto}
}