/*
Theme Name: Fewer – SAO Team
Theme URI: https://wordpress.com/themes/fewer/
Description: Fewer is perfect for showcasing portfolios and blogs. With a clean and opinionated design, it offers excellent typography and style variations that make it easy to present your work or business. The theme is highly versatile, making it ideal for bloggers and businesses alike, and it offers a range of customizable options that allow you to tailor your site to your specific needs.
Version: 1.1.13
Author: Automattic
Author URI: https://automattic.com
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fewer
*/

/*
 * Font smoothing
 * https://github.com/WordPress/gutenberg/issues/35934
 */
body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

/*
 * Control the hover stylings of outline block style.
 * Unnecessary once block styles are configurable via theme.json
 * https://github.com/WordPress/gutenberg/issues/42794
 */
.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background):hover {
	background-color: var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--background);
	border-color: var(--wp--preset--color--secondary);
}

/**
 * Currently table styles are only available with 'wp-block-styles' 
 * theme support (block css) thus the following needs to be included
 * since 'wp-block-styles' aren't used for this theme.
 * https://github.com/WordPress/gutenberg/issues/45065
 */
.wp-block-table thead {
	border-bottom: 3px solid;
}
.wp-block-table tfoot {
	border-top: 3px solid;
}
.wp-block-table td,
.wp-block-table th {
	padding: var(--wp--preset--spacing--30);
	border: 1px solid;
	word-break: normal;
}
.wp-block-table figcaption {
	font-size: var(--wp--preset--font-size--small);
	text-align: center;
}

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: .02em !important;
	text-underline-offset: .25em;
}
/* SAO NY Foundation – Figma team page */
.sao-site-header,.sao-site-footer,.sao-team-page{color:#1e1e1e}
.sao-site-header .wp-block-site-title,.sao-site-header .wp-block-site-title a,.sao-site-footer .wp-block-site-title,.sao-site-footer .wp-block-site-title a{font-family:"Epilogue Local",sans-serif;font-weight:400;text-decoration:none;color:#1e1e1e}
.sao-site-header .wp-block-navigation-item__content{color:#1e1e1e;text-decoration:none}
.sao-team-page .wp-block-post-title{max-width:none;margin:0}
.sao-team-layout{max-width:none!important;display:grid!important;grid-template-columns:521px 688px;justify-content:space-between;align-items:start;gap:71px}
.sao-team-intro{position:sticky;top:32px;align-self:start;width:521px}
.sao-team-intro p{margin:0}
.sao-team-grid{width:688px;display:grid!important;grid-template-columns:repeat(2,332px)!important;gap:48px 24px!important;align-items:start}
.sao-team-card{width:332px;margin:0!important}
.sao-team-photo{width:332px!important;height:443px!important;margin:0 0 32px!important;overflow:hidden;background:#fff}
.sao-team-photo img{width:100%!important;height:100%!important;object-fit:cover!important;display:block}
.sao-team-card h2{margin:0 0 16px!important}
.sao-team-card p{margin:0 0 16px!important}
.sao-team-card a{color:#1e1e1e;text-decoration:underline}
@media(max-width:900px){
 .sao-site-header,.sao-site-footer{padding-left:24px!important;padding-right:24px!important}
 .sao-team-title-wrap{padding:64px 24px 40px!important}.sao-team-title-wrap .wp-block-post-title{font-size:44px!important}
 .sao-team-layout{padding-left:24px!important;padding-right:24px!important;display:block!important}
 .sao-team-intro{position:static;width:auto;margin-bottom:56px}.sao-team-intro p{font-size:32px!important}
 .sao-team-grid{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:48px 24px!important}.sao-team-card{width:auto}.sao-team-photo{width:100%!important;aspect-ratio:332/443;height:auto!important}
}
@media(max-width:600px){
 .sao-site-header{padding-top:20px!important;padding-bottom:20px!important}.sao-site-header .wp-block-site-title{font-size:16px!important}.sao-team-title-wrap .wp-block-post-title{font-size:38px!important}
 .sao-team-grid{grid-template-columns:1fr!important}.sao-team-card h2{font-size:28px!important}.sao-site-footer{align-items:flex-start!important;gap:16px}
}

/* Keep the Figma header flush with the SAO page canvas. WordPress applies the
   global block gap between top-level template blocks by default. */
.wp-site-blocks > .sao-team-page,
.wp-site-blocks > header.wp-block-template-part + .sao-team-page,
.wp-site-blocks > .wp-block-template-part + .sao-team-page {
	margin-block-start: 0 !important;
	margin-top: 0 !important;
}
.sao-site-header,
.sao-site-header + .sao-team-page {
	margin-bottom: 0 !important;
}


/* SAO Team Figma fidelity refinements — 2026-09 */
.sao-site-header{min-height:69px;box-sizing:border-box;margin:0!important}
.sao-site-header .sao-brand{margin:0!important;font-weight:300!important}
.sao-site-header .wp-block-navigation,.sao-site-header .wp-block-navigation-item,.sao-site-header .wp-block-navigation-item__content{font-weight:300!important}
.sao-team-page{margin-block-start:0!important}
.sao-team-title-wrap{box-sizing:border-box}
.sao-team-heading{margin:0!important;max-width:none!important;font-weight:300!important}
.sao-team-intro p{font-weight:300!important}
.sao-team-card h2{font-weight:300!important}
.sao-team-card>p:not(.sao-learn-more){font-weight:300!important}
.sao-learn-more{font-size:13px!important;font-weight:300!important;line-height:1.43!important;margin-top:0!important}
.sao-learn-more a{font-size:13px!important;font-weight:300!important;text-decoration:underline;text-underline-offset:.2em}
/* Preserve the intentional 521px quote measure so Figma line breaks stay stable. */
.sao-team-intro{max-width:521px!important}
/* The design starts the gallery at x=672 on a 1440 canvas. */
.sao-team-layout{box-sizing:border-box}
@media (min-width:901px){
 .sao-team-layout{grid-template-columns:521px 688px!important;gap:71px!important}
 .sao-team-intro{top:24px!important}
}
@media(max-width:900px){
 .sao-team-title-wrap{padding-top:56px!important;padding-bottom:36px!important}
 .sao-team-heading{font-size:44px!important;letter-spacing:-1.2px!important}
 .sao-team-intro p{font-size:30px!important}
}
@media(max-width:600px){
 .sao-site-header{padding-left:20px!important;padding-right:20px!important;gap:16px}
 .sao-site-header .sao-brand{font-size:15px!important}
 .sao-team-title-wrap{padding-top:44px!important;padding-bottom:28px!important}
 .sao-team-heading{font-size:38px!important;line-height:1.08!important}
 .sao-team-intro p{font-size:27px!important}
 .sao-learn-more,.sao-learn-more a{font-size:12px!important}
}


/* SAO final learn-more interaction and fidelity pass */
.sao-bio-details{margin:0!important;font-family:"Epilogue Local",sans-serif;font-weight:300}
.sao-bio-details summary{display:inline-block;cursor:pointer;font-family:"Epilogue Local",sans-serif;font-size:13px!important;font-weight:300!important;line-height:1.43;color:#1e1e1e;text-decoration:underline;text-decoration-thickness:.02em;text-underline-offset:.2em;list-style:none}
.sao-bio-details summary::-webkit-details-marker{display:none}
.sao-bio-details summary::marker{content:""}
.sao-bio-details[open] summary{margin-bottom:16px}
.sao-bio-details p{margin:0 0 12px!important;font-weight:300!important}
.sao-team-preview{margin-bottom:8px!important}
/* Oriana is the intentional closing card; with an odd team count it begins the final row. */
.sao-team-card:last-child{grid-column:1}
@media(max-width:600px){
 .sao-bio-details summary{font-size:12px!important}
 .sao-team-card:last-child{grid-column:auto}
}

/* Rebuilt header/footer template-part structure */
body:has(.sao-team-page) .wp-site-blocks{padding-top:0!important;padding-bottom:0!important;gap:0!important}
.sao-site-header{background:#acdedc!important;padding:0!important;border-bottom:1px solid #1e1e1e!important}
.sao-header-inner{max-width:none!important;padding:24px 80px!important;min-height:69px;box-sizing:border-box}
.sao-site-title,.sao-site-title a{font-family:"Epilogue Local",sans-serif!important;font-size:20px!important;font-weight:300!important;line-height:1.05!important;color:#1e1e1e!important;text-decoration:none!important}
.sao-nav,.sao-nav a{font-family:"Epilogue Local",sans-serif!important;font-size:20px!important;font-weight:300!important;color:#1e1e1e!important;text-decoration:none!important}
.sao-nav .wp-block-navigation__container{gap:32px!important}
.sao-site-footer{background:#acdedc!important;border-top:1px solid #1e1e1e!important;margin:0!important;padding:0!important}
.sao-footer-inner{max-width:none!important;padding:28px 80px!important}
.sao-footer-title,.sao-footer-title a,.sao-footer-copy{font-family:"Epilogue Local",sans-serif!important;font-size:14px!important;font-weight:300!important;color:#1e1e1e!important;text-decoration:none!important;margin:0!important}
@media(max-width:600px){.sao-header-inner{padding:20px!important}.sao-site-title,.sao-site-title a{font-size:15px!important}.sao-nav,.sao-nav a{font-size:15px!important}.sao-footer-inner{padding:24px 20px!important}}

/* SAO client review pass v1.1.0 — exact Figma desktop geometry */
body:has(.sao-team-page){background:#acdedc!important;}
body:has(.sao-team-page) .wp-site-blocks{margin:0!important;padding:0!important;gap:0!important;}
body:has(.sao-team-page) .wp-block-template-part{margin-block-start:0!important;margin-block-end:0!important;}
.sao-site-header{height:69px!important;min-height:69px!important;background:#acdedc!important;border-bottom:1px solid #1e1e1e!important;}
.sao-header-inner{height:69px!important;min-height:69px!important;padding:24px 80px!important;box-sizing:border-box!important;}
.sao-site-title,.sao-site-title a,.sao-nav,.sao-nav a{font-family:"Epilogue Local",sans-serif!important;font-size:20px!important;font-weight:300!important;line-height:21px!important;letter-spacing:0!important;color:#1e1e1e!important;}
.sao-nav .wp-block-navigation__container{gap:32px!important;}
.sao-team-page{background:#acdedc!important;color:#1e1e1e!important;margin:0!important;padding:0 0 120px!important;}
.sao-team-title-wrap{height:222px!important;min-height:222px!important;padding:96px 80px 60px!important;margin:0!important;box-sizing:border-box!important;display:flex!important;align-items:flex-start!important;}
.sao-team-heading{font-family:"Epilogue Local",sans-serif!important;font-size:64px!important;font-weight:300!important;line-height:66px!important;letter-spacing:-1.92px!important;margin:0!important;padding:0!important;color:#1e1e1e!important;white-space:nowrap;}
.sao-team-layout{display:grid!important;grid-template-columns:521px 688px!important;gap:71px!important;width:100%!important;max-width:1440px!important;margin:0 auto!important;padding:0 80px!important;box-sizing:border-box!important;align-items:start!important;}
.sao-team-intro{width:521px!important;max-width:521px!important;position:sticky!important;top:24px!important;align-self:start!important;margin:0!important;padding:0!important;}
.sao-team-intro p{font-family:"Epilogue Local",sans-serif!important;font-size:40px!important;font-weight:300!important;line-height:44px!important;letter-spacing:-.8px!important;margin:0!important;color:#1e1e1e!important;}
.sao-team-grid{display:grid!important;grid-template-columns:332px 332px!important;column-gap:24px!important;row-gap:48px!important;width:688px!important;margin:0!important;padding:0!important;align-items:start!important;}
.sao-team-card{width:332px!important;max-width:332px!important;margin:0!important;padding:0!important;align-self:start!important;}
.sao-team-photo{width:332px!important;height:443px!important;overflow:hidden!important;margin:0 0 32px!important;padding:0!important;background:#fff!important;}
.sao-team-photo img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;display:block!important;}
.sao-team-card h2{font-family:"Epilogue Local",sans-serif!important;font-size:32px!important;font-weight:300!important;line-height:38px!important;letter-spacing:0!important;margin:0 0 16px!important;color:#1e1e1e!important;}
.sao-team-preview{font-family:"Epilogue Local",sans-serif!important;font-size:16px!important;font-weight:300!important;line-height:22.88px!important;letter-spacing:0!important;margin:0 0 8px!important;color:#1e1e1e!important;}
.sao-bio-details{font-family:"Epilogue Local",sans-serif!important;font-size:16px!important;font-weight:300!important;line-height:22.88px!important;margin:0!important;color:#1e1e1e!important;}
.sao-bio-details summary{font-family:"Epilogue Local",sans-serif!important;font-size:13px!important;font-weight:300!important;line-height:18.6px!important;letter-spacing:0!important;color:#1e1e1e!important;text-decoration:underline!important;text-decoration-thickness:.02em!important;text-underline-offset:.2em!important;cursor:pointer!important;list-style:none!important;}
.sao-bio-details summary::-webkit-details-marker{display:none!important;}
.sao-bio-details[open]{padding:0 0 16px!important;}
.sao-bio-details[open] summary{margin-bottom:12px!important;}
.sao-bio-details p{font-family:"Epilogue Local",sans-serif!important;font-size:14px!important;font-weight:300!important;line-height:1.43!important;margin:0 0 10px!important;color:#1e1e1e!important;}
.sao-team-card:last-child{grid-column:1!important;}
.sao-site-footer{margin:0!important;background:#acdedc!important;}
@media (max-width:1200px) and (min-width:901px){
 .sao-header-inner{padding-left:40px!important;padding-right:40px!important;}
 .sao-team-title-wrap{padding-left:40px!important;padding-right:40px!important;}
 .sao-team-heading{font-size:52px!important;line-height:1.05!important;white-space:normal!important;}
 .sao-team-layout{grid-template-columns:minmax(300px,1fr) minmax(0,688px)!important;gap:40px!important;padding-left:40px!important;padding-right:40px!important;}
 .sao-team-intro{width:auto!important;max-width:440px!important;}.sao-team-intro p{font-size:34px!important;line-height:1.1!important;}
 .sao-team-grid{max-width:688px!important;width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;}.sao-team-card,.sao-team-photo{width:100%!important;max-width:none!important;}.sao-team-photo{height:auto!important;aspect-ratio:332/443!important;}
}
@media (max-width:900px){
 .sao-site-header{height:auto!important;min-height:64px!important;}.sao-header-inner{height:auto!important;min-height:64px!important;padding:20px 24px!important;}
 .sao-site-title,.sao-site-title a,.sao-nav,.sao-nav a{font-size:16px!important;line-height:1.2!important;}
 .sao-team-title-wrap{height:auto!important;min-height:0!important;padding:56px 24px 36px!important;}.sao-team-heading{font-size:44px!important;line-height:1.08!important;letter-spacing:-1.2px!important;white-space:normal!important;}
 .sao-team-layout{display:block!important;padding:0 24px!important;max-width:none!important;}.sao-team-intro{position:static!important;width:auto!important;max-width:560px!important;margin-bottom:48px!important;}.sao-team-intro p{font-size:30px!important;line-height:1.1!important;letter-spacing:-.5px!important;}
 .sao-team-grid{width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:48px 24px!important;}.sao-team-card{width:auto!important;max-width:none!important;}.sao-team-photo{width:100%!important;height:auto!important;aspect-ratio:332/443!important;}
}
@media (max-width:600px){
 .sao-header-inner{padding:18px 20px!important;}.sao-site-title,.sao-site-title a{font-size:15px!important;}.sao-nav,.sao-nav a{font-size:14px!important;}.sao-nav .wp-block-navigation__container{gap:18px!important;}
 .sao-team-title-wrap{padding:42px 20px 28px!important;}.sao-team-heading{font-size:38px!important;line-height:1.08!important;}
 .sao-team-layout{padding:0 20px!important;}.sao-team-intro{margin-bottom:40px!important;}.sao-team-intro p{font-size:27px!important;}
 .sao-team-grid{grid-template-columns:1fr!important;gap:44px!important;}.sao-team-card:last-child{grid-column:auto!important;}.sao-team-card h2{font-size:28px!important;line-height:1.2!important;}.sao-team-preview{font-size:15px!important;}.sao-bio-details summary{font-size:12px!important;}
}

/* Client feedback pass v1.1.1 — Learn More opens without changing the gallery geometry */
.sao-bio-details > :not(summary){display:none!important}
.sao-bio-details[open] > :not(summary){display:none!important}
.sao-bio-details[open]{padding:0!important}
.sao-bio-details[open] summary{margin-bottom:0!important}
.sao-bio-modal{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:32px;background:rgba(30,30,30,.42);box-sizing:border-box}
.sao-bio-modal.is-open{display:flex}
.sao-bio-modal__panel{position:relative;width:min(680px,100%);max-height:min(78vh,760px);overflow:auto;background:#acdedc;color:#1e1e1e;padding:44px 48px 40px;box-sizing:border-box;border:1px solid #1e1e1e;font-family:"Epilogue Local",sans-serif;font-weight:300}
.sao-bio-modal__title{font-family:"Epilogue Local",sans-serif;font-size:32px;font-weight:300;line-height:1.2;margin:0 48px 24px 0}
.sao-bio-modal__body p{font-family:"Epilogue Local",sans-serif;font-size:16px;font-weight:300;line-height:1.43;margin:0 0 14px}
.sao-bio-modal__close{position:absolute;right:18px;top:14px;border:0;background:transparent;color:#1e1e1e;font:300 28px/1 "Epilogue Local",sans-serif;cursor:pointer;padding:8px}
body.sao-modal-open{overflow:hidden}
@media(max-width:600px){.sao-bio-modal{padding:16px}.sao-bio-modal__panel{padding:36px 24px 28px;max-height:86vh}.sao-bio-modal__title{font-size:27px;margin-bottom:18px}.sao-bio-modal__body p{font-size:15px}}
\n\n/* SAO client revision v1.1.2 — 17 Sep: exact left-side Figma typography + verified full bios */
@media (min-width:1201px){
  .sao-team-title-wrap{height:222px!important;min-height:222px!important;padding:96px 80px 60px!important;}
  .sao-team-heading{font-family:"Epilogue Local",sans-serif!important;font-size:64px!important;font-weight:500!important;line-height:66px!important;letter-spacing:-1.92px!important;white-space:nowrap!important;margin:0!important;}
  .sao-team-layout{grid-template-columns:521px 688px!important;gap:71px!important;padding:0 80px!important;}
  .sao-team-intro{width:521px!important;max-width:521px!important;position:sticky!important;top:24px!important;}
  .sao-team-intro p{font-family:"Epilogue Local",sans-serif!important;font-size:40px!important;font-weight:300!important;line-height:44px!important;letter-spacing:-.8px!important;width:521px!important;max-width:521px!important;margin:0!important;}
}
/* Learn More stays visually small as in Figma; complete bios are presented in the modal. */
.sao-bio-details summary{font-size:13px!important;font-weight:300!important;line-height:1.43!important;}
.sao-bio-modal__panel{width:min(720px,calc(100vw - 48px));max-height:82vh;}
.sao-bio-modal__body{padding-bottom:4px;}
.sao-bio-modal__body p:last-child{margin-bottom:0!important;}
\n\n/* SAO client revision v1.1.3 — 18 Sep: Learn More bios expand inline (no popup/modal). */
.sao-bio-details > :not(summary){display:block!important;}
.sao-bio-details:not([open]) > :not(summary){display:none!important;}
.sao-bio-details[open] > :not(summary){display:block!important;}
.sao-bio-details[open]{padding:0!important;}
.sao-bio-details summary{
  display:list-item!important;
  cursor:pointer!important;
  font-family:"Epilogue Local",sans-serif!important;
  font-size:13px!important;
  font-weight:300!important;
  line-height:1.43!important;
  text-decoration:underline!important;
  text-underline-offset:2px;
  list-style:none!important;
  margin:0!important;
}
.sao-bio-details summary::-webkit-details-marker{display:none!important;}
.sao-bio-details[open] summary{margin-bottom:16px!important;}
.sao-bio-details p{margin:0 0 14px!important;}
.sao-bio-details p:last-child{margin-bottom:0!important;}
.sao-bio-details a{color:inherit!important;text-decoration:underline!important;text-underline-offset:2px;}
/* Defensive cleanup in case old modal markup/script is cached by WordPress. */
.sao-bio-modal{display:none!important;}
body.sao-modal-open{overflow:auto!important;}

/* v1.1.4 — client alignment correction: title and sticky intro share one left guide */
@media (min-width:901px){
  .sao-team-title-wrap,
  .sao-team-layout{padding-left:80px!important;padding-right:80px!important;box-sizing:border-box!important;}
  .sao-team-title-wrap > .sao-team-heading,
  .sao-team-title-wrap .sao-team-heading{margin-left:0!important;margin-right:0!important;max-width:none!important;}
  .sao-team-intro{margin-left:0!important;margin-right:0!important;width:521px!important;max-width:521px!important;}
  .sao-team-intro > p,
  .sao-team-intro p{margin-left:0!important;margin-right:0!important;width:521px!important;max-width:521px!important;}
}


/* v1.1.5 — hard alignment fix from client review video.
   WordPress' constrained-layout rule was auto-centering the intro paragraph
   inside its grid cell. The title and intro now use the same 80px canvas guide. */
@media (min-width:901px){
  body .wp-site-blocks .sao-team-page .sao-team-title-wrap,
  body .wp-site-blocks .sao-team-page .sao-team-layout{
    padding-left:80px!important;
    padding-right:80px!important;
  }
  body .wp-site-blocks .sao-team-page .sao-team-title-wrap .sao-team-heading{
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    transform:none!important;
  }
  body .wp-site-blocks .sao-team-page .sao-team-layout .sao-team-intro{
    justify-self:start!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    width:521px!important;
    max-width:521px!important;
    transform:none!important;
  }
  body .wp-site-blocks .sao-team-page .sao-team-layout .sao-team-intro > p,
  body .wp-site-blocks .sao-team-page .sao-team-layout .sao-team-intro.is-layout-constrained > p{
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    width:521px!important;
    max-width:521px!important;
  }
}

/* v1.1.6 — structural left-guide fix.
   The outer Team/title groups are no longer constrained-layout containers.
   Both title and intro are anchored to the same viewport 80px guide. */
@media (min-width:901px){
  body .wp-site-blocks .sao-team-page{
    width:100%!important;
    max-width:none!important;
  }
  body .wp-site-blocks .sao-team-page > .sao-team-title-wrap,
  body .wp-site-blocks .sao-team-page > .sao-team-layout{
    width:100%!important;
    max-width:1440px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
    padding-left:80px!important;
    padding-right:80px!important;
  }
  body .wp-site-blocks .sao-team-page > .sao-team-title-wrap{
    display:block!important;
  }
  body .wp-site-blocks .sao-team-page > .sao-team-title-wrap > .sao-team-heading{
    margin:0!important;
    padding:0!important;
    max-width:none!important;
    position:static!important;
  }
  body .wp-site-blocks .sao-team-page > .sao-team-layout{
    display:grid!important;
    grid-template-columns:521px 688px!important;
    gap:71px!important;
    justify-content:start!important;
  }
  body .wp-site-blocks .sao-team-page > .sao-team-layout > .sao-team-intro{
    grid-column:1!important;
    justify-self:start!important;
    width:521px!important;
    max-width:521px!important;
    margin:0!important;
    padding:0!important;
  }
  body .wp-site-blocks .sao-team-page > .sao-team-layout > .sao-team-intro > p{
    margin:0!important;
    padding:0!important;
    width:521px!important;
    max-width:521px!important;
  }
  body .wp-site-blocks .sao-team-page > .sao-team-layout > .sao-team-grid{
    grid-column:2!important;
    justify-self:start!important;
  }
}

/* v1.1.7 — final client-video correction: one shared header/title/intro left guide,
   exact light Epilogue treatment, and Learn More contains continuation only. */
@media (min-width:901px){
  body:has(.sao-team-page) .sao-header-inner,
  body:has(.sao-team-page) .sao-team-title-wrap,
  body:has(.sao-team-page) .sao-team-layout{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:80px!important;
    padding-right:80px!important;
    box-sizing:border-box!important;
  }
  body:has(.sao-team-page) .sao-team-title-wrap{
    display:block!important;
    height:222px!important;
    min-height:222px!important;
    padding-top:96px!important;
    padding-bottom:60px!important;
  }
  body:has(.sao-team-page) .sao-team-heading{
    margin:0!important;padding:0!important;transform:none!important;
    font-family:"Epilogue Local",sans-serif!important;font-weight:300!important;
    font-size:64px!important;line-height:66px!important;letter-spacing:-1.92px!important;
  }
  body:has(.sao-team-page) .sao-team-layout{
    display:grid!important;
    grid-template-columns:521px 688px!important;
    column-gap:71px!important;
    justify-content:start!important;
    align-items:start!important;
  }
  body:has(.sao-team-page) p.sao-team-intro{
    grid-column:1!important;justify-self:start!important;align-self:start!important;
    position:sticky!important;top:24px!important;
    width:521px!important;max-width:521px!important;
    margin:0!important;padding:0!important;transform:none!important;
    font-family:"Epilogue Local",sans-serif!important;font-weight:300!important;
    font-size:40px!important;line-height:44px!important;letter-spacing:-.8px!important;
  }
  body:has(.sao-team-page) .sao-team-grid{grid-column:2!important;justify-self:start!important;}
}
/* Do not repeat the visible card excerpt inside Learn More. */
.sao-bio-details p{font-family:"Epilogue Local",sans-serif!important;font-weight:300!important;}

/* v1.1.8 — final shared left-edge alignment with header/site title */
@media (min-width:1201px){
  body:has(.sao-team-page){--sao-page-gutter:80px;}
  .sao-header-inner,
  .sao-team-title-wrap,
  .sao-team-layout{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
    padding-left:var(--sao-page-gutter)!important;
    padding-right:var(--sao-page-gutter)!important;
  }
  .sao-team-title-wrap{
    display:block!important;
  }
  .sao-team-title-wrap > .sao-team-heading,
  .sao-team-layout > .sao-team-intro,
  .sao-team-intro > p{
    margin-left:0!important;
    margin-right:0!important;
  }
  .sao-team-heading{
    width:auto!important;
    max-width:none!important;
  }
  .sao-team-layout{
    grid-template-columns:521px 688px!important;
    justify-content:space-between!important;
    gap:0!important;
  }
}

/* v1.1.9 — responsive shared gutter fix.
   Header, page title and intro use the SAME gutter at every viewport.
   This fixes tablet widths (e.g. ~773px) where earlier desktop-only rules did not run. */
body:has(.sao-team-page){--sao-page-gutter:80px;}
body:has(.sao-team-page) .sao-header-inner,
body:has(.sao-team-page) .sao-team-title-wrap,
body:has(.sao-team-page) .sao-team-layout{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:var(--sao-page-gutter)!important;
  padding-right:var(--sao-page-gutter)!important;
}
body:has(.sao-team-page) .sao-team-title-wrap .sao-team-heading,
body:has(.sao-team-page) .sao-team-layout .sao-team-intro,
body:has(.sao-team-page) .sao-team-layout .sao-team-intro > p{
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
}
@media (max-width:900px){
  body:has(.sao-team-page){--sao-page-gutter:35px;}
  body:has(.sao-team-page) .sao-team-title-wrap{padding-top:56px!important;padding-bottom:36px!important;}
  body:has(.sao-team-page) .sao-team-layout{display:block!important;}
}
@media (max-width:600px){
  body:has(.sao-team-page){--sao-page-gutter:20px;}
}

/* v1.1.10 — deterministic shared gutter; no :has() dependency */
.sao-header-inner,
.sao-team-title-wrap,
.sao-team-layout{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}
@media (min-width:1201px){
  .sao-header-inner,.sao-team-title-wrap,.sao-team-layout{padding-left:80px!important;padding-right:80px!important;}
}
@media (min-width:901px) and (max-width:1200px){
  .sao-header-inner,.sao-team-title-wrap,.sao-team-layout{padding-left:40px!important;padding-right:40px!important;}
}
@media (min-width:601px) and (max-width:900px){
  .sao-header-inner,.sao-team-title-wrap,.sao-team-layout{padding-left:24px!important;padding-right:24px!important;}
}
@media (max-width:600px){
  .sao-header-inner,.sao-team-title-wrap,.sao-team-layout{padding-left:20px!important;padding-right:20px!important;}
}
.sao-team-heading,.sao-team-intro,.sao-team-intro p,.sao-site-title{
  margin-left:0!important;
  padding-left:0!important;
}

/* v1.1.11 — remove inherited outer Team page inline padding.
   The page wrapper itself was adding a second horizontal inset, so the
   title/intro appeared ~40-50px to the right of the header even though
   their own gutters matched. Only the inner header/title/layout wrappers
   own the responsive horizontal gutter. */
.sao-team-page,
.wp-site-blocks > .sao-team-page,
body .wp-site-blocks > main.sao-team-page,
body .wp-site-blocks > .wp-block-group.sao-team-page{
  padding-left:0!important;
  padding-right:0!important;
  margin-left:0!important;
  margin-right:0!important;
  max-width:none!important;
  width:100%!important;
}
.sao-team-page > .sao-team-title-wrap,
.sao-team-page > .sao-team-layout{
  margin-left:0!important;
  margin-right:0!important;
  max-width:none!important;
  width:100%!important;
}

/* v1.1.13 — measured alignment correction from the user's latest 1785px screenshot.
   Header text begins at ~100px while Team title/intro in v1.1.12 began at ~52px.
   The previous -80px compensation over-corrected by ~48px. The FSE wrapper's
   actual residual offset is ~32px at desktop width, so compensate only that. */
@media (min-width:1201px){
  body .wp-site-blocks .sao-team-page > .sao-team-title-wrap,
  body .wp-site-blocks .sao-team-page > .sao-team-layout{
    position:relative!important;
    left:-32px!important;
    width:calc(100% + 32px)!important;
  }
}
@media (min-width:901px) and (max-width:1200px){
  body .wp-site-blocks .sao-team-page > .sao-team-title-wrap,
  body .wp-site-blocks .sao-team-page > .sao-team-layout{
    position:relative!important;
    left:0!important;
    width:100%!important;
  }
}
@media (max-width:900px){
  body .wp-site-blocks .sao-team-page > .sao-team-title-wrap,
  body .wp-site-blocks .sao-team-page > .sao-team-layout{
    left:0!important;
    width:100%!important;
  }
}