/* Styles for about-us.html only. */

/* edge-align */
/* Logo and page content share one left edge: a 1200px column, centered. Desktop only. */
  @media (min-width: 901px) {
    nav { padding-left: max(2rem, calc((100% - 1200px) / 2)) !important; padding-right: max(2rem, calc((100% - 1200px) / 2)) !important; }
    body > :is(section, div, main, header):not(.mobile-menu):not(.photo-modal):not(.ap-overlay):not(.hb-modal):not([class*="modal"]):not([class*="promo"]):not([id*="odal"]):not([id*="romo"]):not([id*="popup"]) {
      padding-left: max(2rem, calc((100% - 1200px) / 2)) !important;
      padding-right: max(2rem, calc((100% - 1200px) / 2)) !important;
    }
    body > :is(section, div, main, header)[style*="max-width"], .blog-wrap, .gl-wrap, .page-layout { max-width: none !important; }
    .blog-wrap, .gl-wrap, .page-layout { padding-left: max(2rem, calc((100% - 1200px) / 2)) !important; padding-right: max(2rem, calc((100% - 1200px) / 2)) !important; }
  }

/* titles-mono */
/* Single-color titles: the accent word inherits the heading color */
  h1 em, h2 em, h3 em, h1 i, h2 i, h3 i, .hero-h1 em, .section-title em, .page-hero-title em { color: inherit !important; }

/* about-light */
:root { --sand:#FAFAF8; --sand-dark:#F0EFEB; --sea:#244B48; --sea-light:#3A7A76; --sea-pale:#EEF5F4; --shore:#B8845A; --dusk:#1A3330; --text:#1A2E2B; --text-muted:#657A77; --white:#FFFFFF; --accent:#C4956A; --btn:#244B48; --btn-dark:#1A3835; }
  /* hero */
  .page-hero { background: linear-gradient(180deg, #F3F8F7 0%, #FBF9F6 100%); padding-top: 8.2rem; padding-bottom: 3.4rem; border-bottom: 1px solid rgba(36,75,72,0.08); }
  .page-hero::after { display: none; }
  .page-hero-inner { max-width: 880px; }
  .hero-eyebrow { font-family: 'Cormorant Garamond', serif; font-style: italic; font-size: 1.6rem; letter-spacing: 0; text-transform: none; color: var(--accent); font-weight: 400; margin-bottom: .2rem; }
  .hero-h1 { color: var(--sea); font-weight: 500; font-size: clamp(2.6rem, 5vw, 4.2rem); }
  .hero-sub { color: var(--text-muted); max-width: 600px; }
  /* titles */
  .section-title { font-weight: 500; color: var(--sea); }
  .section-eyebrow { color: var(--accent); }
  .team-name, .daisy-name { font-weight: 500; color: var(--sea); }
  .team-role { color: var(--accent); }
  /* sections */
  .team { background: #FBF9F6; }
  .team-card { border: 1px solid rgba(36,75,72,0.1); box-shadow: 0 2px 12px rgba(36,75,72,0.06); }
  .team-tag { background: var(--sea-pale); color: var(--sea); }
  .why-point-icon { background: var(--sea-pale); }
  .why-visual { background: #fff; border: 1px solid rgba(36,75,72,0.12); box-shadow: 0 2px 12px rgba(36,75,72,0.06); }
  .why-visual-title { color: var(--accent); }
  .tool-chip { background: var(--sea-pale); border: 1px solid rgba(36,75,72,0.08); }
  .tool-chip:hover { background: #E3EFED; }
  .tool-name { color: var(--sea); }
  .tool-desc { color: var(--text-muted); }
  .daisy-section { background: #F3F8F7; }
  .daisy-photo-label { background: rgba(255,255,255,0.85); color: var(--sea); }
  .daisy-chip { background: var(--sea-pale); color: var(--sea); }
  .about-cta { background: #F3F8F7; border-top: 1px solid rgba(36,75,72,0.08); }
  .about-cta h2 { color: var(--sea); font-weight: 500; }
  .about-cta p { color: var(--text-muted); }
  .btn-ghost-light { color: var(--sea); border: 1px solid rgba(36,75,72,0.4); }
  .btn-ghost-light:hover { border-color: var(--sea); background: #fff; color: var(--sea); }
  .btn-primary { border-radius: 40px; }
  .btn-ghost-light { border-radius: 40px; }
  /* tighter vertical rhythm */
  .hero-sub { max-width: none; }
  @media (min-width: 901px) { .hero-sub { white-space: nowrap; } }
  .page-hero { padding-top: 7.4rem; }
  .page-hero-inner { max-width: 1100px; }
  .hero-h1 { font-size: clamp(2.3rem, 4.2vw, 3.6rem); margin-bottom: .9rem; }
  .page-hero { padding-bottom: 2.4rem; border-bottom: none; }
  .story { padding-top: 3rem; padding-bottom: 4.5rem; }
  .story-grid { gap: 5rem; }
  .team { padding-top: 4.5rem; padding-bottom: 4.5rem; }
  .why { padding-top: 4.5rem; padding-bottom: 4.5rem; }
  .daisy-section { padding-top: 4rem; padding-bottom: 4rem; }
  .about-cta { padding-top: 4.5rem; padding-bottom: 4.5rem; }
  .team-header { margin-bottom: 2.5rem; }
  @media (max-width: 900px) { .story { padding-top: 2rem; } .story-image-stack { height: 440px; } }

/* daisy-plus-css */
.daisy-meet { font-size: .78rem; letter-spacing: .16em; margin-bottom: 1.1rem; }
  .daisy-plus { margin-top: 0; font-family: 'Cormorant Garamond', serif; font-size: clamp(1.7rem, 2.6vw, 2.2rem); font-weight: 500; line-height: 1.2; color: var(--sea); margin-bottom: 1.4rem; }
  /* Daisy: text block exactly as tall as the photos */
  @media (min-width: 901px) {
    .daisy-trio { grid-template-columns: 1fr 1.35fr 1fr; gap: 2.2rem; align-items: stretch; }
    .daisy-photo-left, .daisy-photo-right { height: auto; min-height: 0; }
    .daisy-photo-left img, .daisy-photo-right img { position: absolute; inset: 0; }
    .daisy-text-center { display: flex; flex-direction: column; justify-content: center; }
    .daisy-plus { font-size: clamp(1.4rem, 2vw, 1.75rem); margin-bottom: .5rem; }
    .daisy-meet { margin-bottom: .7rem; }
    .daisy-bio { font-size: .84rem; line-height: 1.6; }
    .daisy-stats { margin-top: 1.1rem; padding-top: 1rem; }
  }

/* nav-hover-hold */
.nav-dropdown-menu::before{content:"";position:absolute;left:0;right:0;top:-1.1rem;height:1.1rem}
.nav-dropdown:hover>.nav-dropdown-menu{display:block}

/* team-links-css */
.team-links { margin-top: 1.1rem; padding-top: 1rem; border-top: 1px solid rgba(36,75,72,0.1); }
  .team-press { display: inline-block; font-size: .86rem; font-weight: 500; color: var(--sea); text-decoration: none; margin-bottom: .7rem; }
  .team-press:hover { text-decoration: underline; }
  .team-social { display: flex; flex-wrap: wrap; gap: .4rem 1rem; }
  .team-social a, .team-soon { display: inline-flex; align-items: center; gap: .4rem; font-size: .78rem; color: var(--sea); text-decoration: none; }
  .team-social a:hover span { text-decoration: underline; }
  .team-social svg { width: 16px; height: 16px; stroke: currentColor; fill: none; stroke-width: 1.8; flex-shrink: 0; }
  .team-soon { color: var(--text-muted); }

/* a11y-contrast */
/* a11y: raises text contrast to WCAG AA 4.5:1. Delete this block to revert. */
.story-text > .section-eyebrow{color:#9a6a3d !important}
.team-header > .section-eyebrow{color:#93653a !important}
.team-header > .body-text{color:#607472 !important}
.team-card.fade-up.visible:nth-child(1) > .team-card-body > .team-role{color:#9a6a3d !important}
.team-card.fade-up.visible:nth-child(2) > .team-card-body > .team-role{color:#9a6a3d !important}
.daisy-eyebrow{color:#91633e !important}
.daisy-bio:nth-child(3){color:#5e726f !important}
.daisy-bio:nth-child(4){color:#5e726f !important}
.daisy-stat:nth-child(1) > .ds-label{color:#5e726f !important}
.daisy-stat:nth-child(2) > .ds-label{color:#5e726f !important}
.daisy-stat:nth-child(3) > .ds-label{color:#5e726f !important}
.ft-fine{color:#8e9493 !important}

/* hosts-looks-css */
@media (min-width:901px){
[data-hl="2"] .team-grid{grid-template-columns:1fr;max-width:860px;gap:1.8rem}
[data-hl="2"] .team-card{display:grid;grid-template-columns:300px 1fr}
[data-hl="2"] .team-card-photo{height:100%;min-height:300px}
[data-hl="2"] .team-card-body{align-self:center}
[data-hl="3"] .team-grid{max-width:1000px;gap:3rem}
[data-hl="3"] .team-card{background:none;border:0 !important;box-shadow:none !important;text-align:center;overflow:visible}
[data-hl="3"] .team-card-photo{width:230px;height:230px;border-radius:50%;margin:0 auto;box-shadow:0 8px 28px rgba(27,59,59,.16)}
[data-hl="3"] .team-card-body{padding:1.6rem 1rem}
[data-hl="3"] .team-links{border-top:0}
[data-hl="3"] .team-social{justify-content:center}
[data-hl="4"] .team-card{position:relative}
[data-hl="4"] .team-card-photo{height:440px}
[data-hl="4"] .team-card-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,30,28,.78),rgba(10,30,28,0) 55%)}
[data-hl="4"] .team-card .team-name{position:absolute;left:1.75rem;top:calc(440px - 4.6rem);font-size:2rem;color:#fff !important;z-index:2}
[data-hl="4"] .team-card.fade-up.visible:nth-child(n) > .team-card-body > .team-role{position:absolute;left:1.75rem;top:calc(440px - 2rem);color:#fff !important;z-index:2;margin:0}
[data-hl="4"] .team-card-body{padding-top:1.5rem}
[data-hl="5"] .team-grid{max-width:960px;gap:3rem}
[data-hl="5"] .team-card{background:none;border:0 !important;box-shadow:none !important;text-align:center;overflow:visible}
[data-hl="5"] .team-card-photo{width:300px;height:300px;margin:1rem auto 0;border:14px solid #fff;border-bottom-width:56px;box-shadow:0 10px 30px rgba(27,59,59,.2);transform:rotate(-2deg)}
[data-hl="5"] .team-card:nth-child(2) .team-card-photo{transform:rotate(2deg)}
[data-hl="5"] .team-card-body{padding:1.8rem 1rem}
[data-hl="5"] .team-links{border-top:0}
[data-hl="5"] .team-social{justify-content:center}
[data-hl="6"] .team-grid{max-width:1040px;gap:2rem}
[data-hl="6"] .team-card{display:grid;grid-template-columns:150px 1fr;align-items:start}
[data-hl="6"] .team-card-photo{height:150px;border-radius:8px;margin:1.6rem 0 0 1.6rem}
[data-hl="6"] .team-card-body{padding:1.5rem}
}

/* page-title-unify */
.hero-eyebrow{font-family:'Cormorant Garamond',serif!important;font-style:italic!important;font-weight:400!important;font-size:1.6rem!important;letter-spacing:0!important;text-transform:none!important;color:#C4956A!important;margin-bottom:.2rem!important;line-height:1.2!important}
.hero-h1{font-family:'Cormorant Garamond',serif!important;font-weight:500!important;font-size:clamp(2.4rem,5vw,4rem)!important;color:#244B48!important;line-height:1.1!important}
.hero-eyebrow{margin-top:2px!important}
.hero-h1{margin-bottom:1rem!important}
.daisy-section{padding-top:4.5rem!important;padding-bottom:4.5rem!important}
