@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500;1,600&family=Montserrat:wght@400;500;600;700&display=swap');

:root{
  --navy:#08243a;
  --navy2:#0b2f4c;
  --cream:#f3eee4;
  --cream2:#f8f4ec;
  --gold:#e3b348;
  --ink:#0c2133;
  --soft:#cad4dc;
  --line:rgba(255,255,255,.16);
  --darkline:#d9d3c8;
  --shell:1760px;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:"Montserrat",sans-serif;
  color:var(--ink);
  background:var(--cream);
  line-height:1.65;
  overflow-x:hidden;
}
img{display:block;width:100%}
a{text-decoration:none;color:inherit}
.shell{width:min(calc(100% - 180px),var(--shell));margin:0 auto}

h1,h2,h3{
  font-family:"Cormorant Garamond",serif;
  font-weight:600;
}
h1{
  font-size:clamp(5rem,7.6vw,9rem);
  line-height:.84;
  letter-spacing:-.045em;
}
h2{
  font-size:clamp(4rem,5.4vw,7.4rem);
  line-height:.92;
  letter-spacing:-.04em;
}
h3{
  font-size:clamp(2rem,2.4vw,3.2rem);
  line-height:1;
}
em{
  color:var(--gold);
  font-style:italic;
  font-weight:500;
}

.site-header{
  height:112px;
  background:var(--cream);
  display:flex;
  align-items:center;
}
.nav{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:40px;
}
.brand img{
  width:275px;
  height:72px;
  object-fit:contain;
  object-position:left center;
}
.main-nav{
  display:flex;
  gap:58px;
}
.main-nav a{
  font-size:14px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.nav-cta{
  justify-self:end;
  min-width:195px;
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 24px;
  background:var(--gold);
  font-size:14px;
  font-weight:700;
  text-transform:uppercase;
}

.kicker{
  display:flex;
  align-items:center;
  gap:16px;
  text-transform:uppercase;
  letter-spacing:.28em;
  font-size:12px;
  font-weight:700;
  margin-bottom:38px;
}
.kicker span{
  width:40px;
  height:2px;
  background:var(--gold);
}
.kicker.light{color:#fff}
.kicker.dark{color:var(--ink)}
.kicker.center{justify-content:center}

.hero{
  min-height:1040px;
  display:grid;
  grid-template-columns:53% 47%;
  background:var(--navy);
}
.hero-left{
  display:flex;
  align-items:center;
}
.hero-copy{
  padding-left:max(8vw,90px);
  padding-right:6vw;
}
.hero h1{color:#fff;max-width:780px}
.hero-text{
  margin-top:56px;
  max-width:760px;
  color:#d6dfe5;
  font-size:20px;
  line-height:1.75;
}
.hero-actions{
  margin-top:44px;
  display:flex;
  align-items:center;
  gap:36px;
}
.btn{
  min-height:66px;
  padding:0 30px;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:48px;
  font-size:13px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.btn.gold{background:var(--gold);color:var(--ink)}
.btn.cream{background:var(--cream);color:var(--ink)}
.text-action{
  color:#fff;
  font-size:13px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.hero-right{
  position:relative;
  overflow:hidden;
}
.hero-right img{
  height:100%;
  object-fit:cover;
  object-position:center center;
}
.hero-fade{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,var(--navy) 0%,rgba(8,36,58,.45) 18%,transparent 42%);
}
.side-label{
  position:absolute;
  right:-65px;
  top:50%;
	z-index: 100;
  transform:translateY(-50%) rotate(90deg);
  transform-origin:center;
  color:rgba(255,255,255,.72);
  font-size:10px;
  letter-spacing:.28em;
}
.strategy-chip{
  position:absolute;
z-index: 100;
  left:53%;
  bottom:-300px;
  transform:translateX(-50%);
  min-width:340px;
  background:var(--cream);
  padding:26px 34px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.18em;
  color:var(--ink);
	white-space: nowrap;
}
.strategy-chip b{color:var(--gold);margin:0 10px}

.cta-band{
  background:var(--navy);
  color:#fff;
  padding:150px 0 165px;
}
.cta-band-inner{text-align:center}
.cta-band h2{color:#fff}
.cta-band p{
  color:#d4dee6;
  font-size:18px;
  max-width:650px;
  margin:38px auto 46px;
}

.audience-section{
  background:var(--cream);
  padding:130px 0 150px;
}
.audience-inner{text-align:center}
.audience-inner h2{max-width:1350px;margin:0 auto}
.audience-grid{
  margin-top:88px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-top:1px solid var(--darkline);
  border-bottom:1px solid var(--darkline);
}
.audience-grid div{
  min-height:110px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:"Cormorant Garamond",serif;
  font-size:30px;
  border-right:1px solid var(--darkline);
}
.audience-grid div:last-child{border-right:0}

.about-section{
  background:var(--cream);
  padding:145px 0 165px;
}
.about-inner{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:100px;
  align-items:end;
}
.about-copy{
  display:grid;
  grid-template-columns:1fr 180px;
  gap:60px;
  align-items:center;
}
.about-copy p{
  font-size:18px;
  line-height:1.8;
  color:#1d3445;
}
.round-link{
  width:165px;
  height:165px;
  border:1px solid var(--ink);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  text-transform:uppercase;
  font-size:11px;
  font-weight:700;
  letter-spacing:.18em;
  line-height:1.5;
}

.services-section{
  background:var(--navy2);
  padding:130px 0 145px;
  color:#fff;
}
.services-heading{
  display:grid;
  grid-template-columns:1.3fr .7fr;
  gap:80px;
  align-items:end;
}
.services-heading h2{color:#fff}
.services-heading>p{
  color:#c6d2dc;
  font-size:17px;
  max-width:470px;
  justify-self:end;
}
.service-grid{
  margin-top:78px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid var(--line);
  border-left:1px solid var(--line);
}
.service-grid article{
  min-height:360px;
  padding:48px 42px 42px;
  position:relative;
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.service-no{
  color:var(--gold);
  font-size:11px;
}
.service-grid h3{
  margin-top:54px;
  color:#fff;
}
.service-grid p{
  margin-top:22px;
  color:#c3d0da;
  line-height:1.65;
  max-width:360px;
}
.service-grid a{
  position:absolute;
  right:32px;
  bottom:28px;
  color:var(--gold);
  font-size:28px;
}

.story-section{
  display:grid;
  grid-template-columns:1fr 1fr;
  background:#ffffff;
  margin:0;
  padding:0;
}

.story-image{
  min-height:820px;
  height:100%;
  background:#ffffff;
  overflow:hidden;
}

.story-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
	transform:translateY(-60px);
	
}
.story-copy{
  padding:110px 8vw 90px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.story-copy h2{font-size:clamp(3.8rem,4.5vw,6.3rem)}
.story-copy>p{
  margin-top:44px;
  font-size:18px;
  line-height:1.9;
  max-width:760px;
}
.story-stats{
  margin-top:52px;
  padding-top:34px;
  border-top:1px solid #ddd;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:30px;
}
.story-stats strong{
  display:block;
  font-family:"Cormorant Garamond",serif;
  font-size:48px;
  line-height:1;
}
.story-stats span{
  display:block;
  margin-top:14px;
  font-size:10px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.charleston-section{
  min-height:470px;
  position:relative;
  overflow:hidden;
}
.charleston-section>img{
  position:absolute;
  inset:0;
  height:100%;
  object-fit:cover;
  object-position:center 52%;
}
.bridge-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(243,238,228,.93) 0%,rgba(243,238,228,.75) 28%,rgba(243,238,228,.08) 60%);
}
.bridge-copy{
  position:relative;
  z-index:2;
  padding-top:82px;
}
.bridge-copy h2{font-size:clamp(3.5rem,4.3vw,5.6rem)}
.bridge-copy p{
  max-width:360px;
  margin-top:24px;
  color:#26394a;
}
.light-link{
  color:var(--ink);
  display:inline-block;
  margin-top:24px;
}

.contact-section{
  background:var(--navy);
  padding:150px 0 165px;
  text-align:center;
}
.contact-inner h2{color:#fff}
.contact-inner p{
  color:#d0dbe3;
  max-width:630px;
  margin:36px auto 45px;
  font-size:18px;
}

.footer{
  background:#061c2d;
  padding:42px 0;
}
.footer-inner{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:40px;
}
.footer-inner img{
  width:250px;
  height:64px;
  object-fit:contain;
  object-position:left;
}
.footer-inner p{
  color:#fff;
  font-size:11px;
  letter-spacing:.08em;
}
.footer-inner p:last-child{text-align:right}

@media(max-width:1100px){
  .shell{width:min(calc(100% - 50px),var(--shell))}
  .main-nav{display:none}
  .hero{grid-template-columns:1fr;min-height:auto}
  .hero-left{min-height:760px}
  .hero-copy{padding:140px 7vw 90px}
  .hero-right{height:650px}
  .strategy-chip{left:50%;transform:translateX(-50%)}
  .about-inner,.services-heading{grid-template-columns:1fr}
  .about-copy{grid-template-columns:1fr auto}
  .story-section{grid-template-columns:1fr}
  .story-image{min-height:580px}
}
@media(max-width:760px){
  .site-header{height:88px}
  .nav{grid-template-columns:1fr auto}
  .brand img{width:200px;height:56px}
  .nav-cta{min-width:auto;padding:0 16px;font-size:11px}
  .hero-left{min-height:690px}
  .hero-copy{padding:120px 28px 70px}
  h1{font-size:clamp(4.2rem,18vw,6.2rem)}
  h2{font-size:clamp(3.2rem,13vw,5rem)}
  .hero-text{font-size:16px}
  .hero-actions{flex-direction:column;align-items:flex-start}
  .hero-right{height:520px}
  .audience-grid{grid-template-columns:1fr 1fr}
  .audience-grid div:nth-child(2){border-right:0}
  .audience-grid div{border-bottom:1px solid var(--darkline);font-size:23px}
  .about-copy{grid-template-columns:1fr}
  .round-link{width:140px;height:140px}
  .service-grid{grid-template-columns:1fr}
  .service-grid article{min-height:300px}
  .story-copy{padding:80px 28px}
  .story-stats{grid-template-columns:1fr 1fr 1fr}
  .bridge-overlay{background:linear-gradient(90deg,rgba(243,238,228,.95),rgba(243,238,228,.55))}
  .footer-inner{grid-template-columns:1fr;justify-items:center;text-align:center}
  .footer-inner img{object-position:center}
  .footer-inner p:last-child{text-align:center}
}
.platforms {
  background: var(--cream);
  padding: 120px 0;
}

.section-heading {
  max-width: 850px;
  margin-bottom: 70px;
}

.section-heading h2,
.midday-copy h2 {
  font-size: clamp(48px, 5vw, 78px);
  line-height: .98;
  margin: 18px 0 28px;
}

.section-heading p,
.midday-copy p {
  max-width: 700px;
  font-size: 17px;
}

.platform-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid var(--darkline);
  border-left: 1px solid var(--darkline);
}

.platform-card {
  padding: 48px;
  min-height: 340px;
  border-right: 1px solid var(--darkline);
  border-bottom: 1px solid var(--darkline);
}

.platform-card span {
  display: block;
  color: var(--gold);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .18em;
  margin-bottom: 38px;
}

.platform-card h3 {
  font-size: 34px;
  margin-bottom: 18px;
}

.platform-card p {
  font-size: 15px;
  margin-bottom: 30px;
}

.text-link {
  color: var(--ink);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-decoration: none;
}

.midday-contact {
  background: var(--navy);
  color: white;
  padding: 120px 0;
}

.midday-layout {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 90px;
  align-items: start;
}

.midday-copy p {
  color: var(--soft);
}

.contact-form {
  background: var(--cream);
  padding: 52px;
  color: var(--ink);
}

.form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
}

.form-field {
  margin-bottom: 24px;
}

.form-field label {
  display: block;
  margin-bottom: 8px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.form-field input,
.form-field textarea {
  width: 100%;
  padding: 15px;
  border: 1px solid #cfc8bc;
  background: white;
  font-family: "Montserrat", sans-serif;
  font-size: 15px;
}

.form-field textarea {
  resize: vertical;
}

.gold-button {
  border: 0;
  background: var(--gold);
  color: var(--ink);
  padding: 18px 28px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .13em;
  cursor: pointer;
}

@media (max-width: 900px) {

  .platform-grid,
  .midday-layout {
    grid-template-columns: 1fr;
  }

  .form-row {
    grid-template-columns: 1fr;
    gap: 0;
  }

}
.site-footer {
  background: #E8e6e1;
  color: blue;
  padding: 80px 0 35px;
}

.footer-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: 60px;
  padding-bottom: 60px;
}

.footer-brand img {
  width: 250px;
  max-width: 100%;
  margin-bottom: 20px;
}

.footer-brand p {
  color: var(--gold);
  font-family: "Cormorant Garamond", serif;
  font-size: 26px;
  font-style: italic;
}

.footer-contact,
.footer-social {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.footer-contact h4,
.footer-social h4 {
  color: var(--gold);
  font-size: 10px;
  letter-spacing: .18em;
  margin-bottom: 10px;
}

.footer-contact a,
.footer-social a {
  color: blue;
  text-decoration: none;
  font-size: 14px;
}

.footer-contact a:hover,
.footer-social a:hover {
  color: var(--gold);
}

.footer-bottom {
  border-top: 1px solid rgba(255,255,255,.14);
  padding-top: 5px;

  display: flex;
  justify-content: space-between;
  gap: 5px;

  color: #aebbc4;
  font-size: 9px;
  letter-spacing: .12em;
}

@media (max-width: 760px) {

  .footer-grid {
    grid-template-columns: 1fr;
  }

  .footer-bottom {
    flex-direction: column;
  }

}
.two-platforms {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-top: 1px solid var(--darkline);
  border-left: 1px solid var(--darkline);
}

.platform-card {
  padding: 50px;
  border-right: 1px solid var(--darkline);
  border-bottom: 1px solid var(--darkline);
}

.platform-logo-wrap {
  height: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 35px;
  background: transparent;
  overflow: hidden;
}

.platform-logo {
  display: block;
  max-width: 88%;
  max-height: 190px;
  width: auto;
  height: auto;
  object-fit: contain;
	background: transparent;
}

.ibg-logo {
  max-width: 80%;
}

.straight-talk-logo {
  max-width: 92%;
}

.platform-number {
  display: block;
  color: var(--gold);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .18em;
  margin-bottom: 20px;
}

.platform-card h3 {
  font-size: 34px;
  margin-bottom: 18px;
}

.platform-card p {
  margin-bottom: 28px;
}

@media (max-width: 800px) {

  .two-platforms {
    grid-template-columns: 1fr;
  }

}
.bio-hero {
    background: var(--navy);
    color: white;
    padding: 130px 0 120px;
}

.bio-heading {
    max-width: 1100px;
}

.bio-heading h1 {
    font-size: clamp(4rem, 7vw, 8rem);
    line-height: .9;
    margin: 20px 0 30px;
}

.bio-heading p {
    color: var(--soft);
    font-size: 18px;
}


.bio-section {
    background: #ffffff;
    padding: 120px 0;
}

.bio-alt {
    background: var(--cream);
}


.bio-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 90px;
    align-items: center;
}


.bio-photo {
    width:100%
    overflow: hidden;
}

.bio-photo img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: initial;

	    /* Keeps your head and framing consistent */
    object-position: center top;
}


.bio-content h2 {
    font-size: clamp(3.5rem, 5vw, 6rem);
    line-height: 1;
    margin: 15px 0;
}

.bio-content h3 {
    color: var(--gold);
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .15em;
    text-transform: uppercase;
    margin-bottom: 35px;
}

.bio-content p {
    font-size: 17px;
    line-height: 1.9;
    margin-bottom: 22px;
}


/* MOBILE */

@media (max-width: 800px) {

    .bio-hero {
        padding: 90px 0 80px;
    }

    .bio-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .bio-photo {
        height: 500px;
    }

    .bio-alt .bio-content {
        order: 2;
    }

    .bio-alt .bio-photo {
        order: 1;
    }

}
/* =========================================================
   START A CONVERSATION PAGE
========================================================= */

.start-page {
    background:var(--cream2);
    color:var(--ink);
}

.start-intro {
    background:var(--navy);
    color:#fff;
    padding:150px 0 110px;
}

.start-intro .shell,
.questionnaire .shell {
    width:min(1180px, 88%);
    margin:0 auto;
}

.start-intro h1 {
    max-width:1000px;
    margin:25px 0 35px;
    font-family:"Cormorant Garamond", serif;
    font-size:clamp(4rem, 7vw, 7.5rem);
    font-weight:500;
    line-height:.88;
    letter-spacing:-.04em;
}

.start-intro h1 em {
    color:var(--gold);
    font-weight:400;
}

.start-contact {
    max-width:780px;
    font-size:17px;
    line-height:1.8;
    color:#dce3e8;
}

.start-contact a {
    color:var(--gold);
    text-decoration:none;
    border-bottom:1px solid var(--gold);
}

.required-note {
    margin-top:35px;
    font-size:11px;
    font-weight:700;
    letter-spacing:.16em;
    text-transform:uppercase;
}


/* FORM */

.questionnaire {
    padding:100px 0 130px;
}

.questionnaire-form {
    max-width:1050px;
    margin:0 auto;
}

.form-section {
    border:0;
    border-top:1px solid var(--darkline);
    margin:0;
    padding:55px 0;
}

.form-section legend {
    width:100%;
    padding:0 0 30px;
    font-family:"Cormorant Garamond", serif;
    font-size:clamp(2rem, 3vw, 3rem);
    line-height:1.05;
    font-weight:600;
}

.form-section legend span,
.field label span {
    font-family:"Montserrat", sans-serif;
    font-size:11px;
    font-weight:500;
    opacity:.6;
}


/* TEXT FIELDS */

.form-grid {
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:25px;
}

.field {
    margin-bottom:28px;
}

.full-field {
    width:100%;
}

.field label {
    display:block;
    margin-bottom:12px;
    font-size:11px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.field input,
.field textarea,
.field select {
    width:100%;
    box-sizing:border-box;
    border:1px solid #cbc5ba;
    border-radius:0;
    background:#fff;
    padding:18px;
    font-family:"Montserrat", sans-serif;
    font-size:15px;
    color:var(--ink);
    outline:none;
    transition:.2s ease;
}

.field textarea {
    resize:vertical;
}

.field input:focus,
.field textarea:focus,
.field select:focus {
    border-color:var(--gold);
}


/* CHECKBOXES */

.checkbox-grid,
.budget-grid {
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:12px;
}

.checkbox-grid label,
.budget-grid label {
    position:relative;
    display:flex;
    align-items:center;
    min-height:62px;
    padding:0 20px;
    background:#fff;
    border:1px solid #d6d0c5;
    cursor:pointer;
    transition:.2s ease;
}

.checkbox-grid label:hover,
.budget-grid label:hover {
    border-color:var(--gold);
}

.checkbox-grid input,
.budget-grid input {
    margin-right:14px;
    accent-color:var(--navy);
}

.checkbox-grid span,
.budget-grid span {
    font-size:13px;
    font-weight:600;
}


/* OPTIONAL HEADING */

.optional-heading {
    padding:85px 0 55px;
}

.optional-heading h2 {
    max-width:850px;
    margin-top:18px;
    font-family:"Cormorant Garamond", serif;
    font-size:clamp(3rem, 5vw, 5.3rem);
    font-weight:500;
    line-height:.95;
}

.optional-heading h2 em {
    font-weight:400;
}


/* SUBMIT */

.submit-area {
    padding-top:55px;
    border-top:1px solid var(--darkline);
}

.questionnaire-submit {
    border:0;
    background:var(--gold);
    color:var(--navy);
    padding:22px 32px;
    font-family:"Montserrat", sans-serif;
    font-size:11px;
    font-weight:800;
    letter-spacing:.12em;
    cursor:pointer;
    transition:.2s ease;
}

.questionnaire-submit:hover {
    transform:translateY(-2px);
}

.submit-area p {
    margin-top:18px;
    font-size:12px;
    opacity:.65;
}


/* MOBILE */

@media (max-width:800px) {

    .start-intro {
        padding:110px 0 75px;
    }

    .start-intro h1 {
        font-size:clamp(3.3rem, 15vw, 5rem);
    }

    .questionnaire {
        padding:65px 0 90px;
    }

    .form-grid,
    .checkbox-grid,
    .budget-grid {
        grid-template-columns:1fr;
    }

    .form-section {
        padding:42px 0;
    }

    .optional-heading {
        padding:60px 0 40px;
    }
}
/* ======================================================
   CENTERED START A CONVERSATION FORM
====================================================== */

.conversation-page {
    width:100%;
    background:#f8f4ec;
    color:var(--ink);
}

.conversation-form-wrap {
    width:100%;
    padding:110px 20px 130px;
    box-sizing:border-box;
}


/* THIS CONTROLS THE WIDTH OF THE ENTIRE FORM */

.conversation-form-container {
    width:100%;
    max-width:850px;
    margin:0 auto;
}


/* HEADING */

.conversation-heading {
    text-align:center;
    margin-bottom:80px;
}

.conversation-heading .eyebrow {
    margin-bottom:22px;
}

.conversation-heading h1 {
    margin:0 auto 30px;
    font-family:"Cormorant Garamond", serif;
    font-size:clamp(3.5rem, 5vw, 5.5rem);
    line-height:.95;
    font-weight:500;
}

.conversation-heading h1 em {
    display:block;
    font-weight:400;
    color:var(--gold);
}

.conversation-heading p {
    max-width:650px;
    margin:0 auto;
    font-size:15px;
    line-height:1.8;
}

.conversation-heading a {
    color:var(--ink);
    font-weight:700;
}

.required-note {
    margin-top:25px;
    font-size:10px;
    font-weight:700;
    letter-spacing:.15em;
    text-transform:uppercase;
}


/* QUESTION SECTIONS */

.conversation-question {
    padding:55px 0;
    border-top:1px solid #d8d1c5;
}

.conversation-question h2 {
    margin:0 0 32px;
    font-family:"Cormorant Garamond", serif;
    font-size:36px;
    line-height:1.1;
    font-weight:600;
}

.conversation-question h2 small {
    font-family:"Montserrat", sans-serif;
    font-size:11px;
    font-weight:500;
    opacity:.6;
}


/* CHECKBOX / RADIO OPTIONS */

.conversation-options {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    margin-bottom:30px;
}

.conversation-options label {
    display:flex;
    align-items:center;
    min-height:58px;
    padding:0 18px;
    background:#fff;
    border:1px solid #d6d0c5;
    box-sizing:border-box;
    cursor:pointer;
}

.conversation-options label:hover {
    border-color:var(--gold);
}

.conversation-options input {
    width:auto;
    margin:0 13px 0 0;
    accent-color:var(--navy);
}

.conversation-options span {
    font-size:13px;
    font-weight:600;
}


/* FIELDS */

.conversation-two-column {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
}

.conversation-field {
    margin-top:25px;
}

.conversation-field label {
    display:block;
    margin-bottom:10px;
    font-size:11px;
    line-height:1.6;
    font-weight:700;
    letter-spacing:.06em;
    text-transform:uppercase;
}

.conversation-field input,
.conversation-field textarea,
.conversation-field select {
    display:block;
    width:100%;
    max-width:100%;
    padding:17px;
    border:1px solid #cbc5ba;
    border-radius:0;
    background:#fff;
    color:var(--ink);
    font-family:"Montserrat", sans-serif;
    font-size:15px;
    box-sizing:border-box;
}

.conversation-field textarea {
    resize:vertical;
}

.conversation-field input:focus,
.conversation-field textarea:focus,
.conversation-field select:focus {
    outline:none;
    border-color:var(--gold);
}


/* OPTIONAL MESSAGE */

.optional-message {
    margin:45px 0;
    padding:45px;
    background:var(--navy);
    color:#fff;
    text-align:center;
}

.optional-message > span {
    color:var(--gold);
    font-size:10px;
    font-weight:800;
    letter-spacing:.18em;
}

.optional-message h2 {
    margin:15px auto 12px;
    font-family:"Cormorant Garamond", serif;
    font-size:38px;
    font-weight:500;
}

.optional-message h2 em {
    color:var(--gold);
    font-weight:400;
}

.optional-message p {
    margin:0;
    font-size:13px;
}


/* SUBMIT */

.conversation-submit {
    padding-top:55px;
    border-top:1px solid #d8d1c5;
    text-align:center;
}

.conversation-submit button {
    border:0;
    background:var(--gold);
    color:var(--navy);
    padding:21px 32px;
    font-family:"Montserrat", sans-serif;
    font-size:11px;
    font-weight:800;
    letter-spacing:.12em;
    cursor:pointer;
}

.conversation-submit button:hover {
    transform:translateY(-2px);
}

.conversation-submit p {
    margin-top:17px;
    font-size:11px;
    opacity:.65;
}


/* MOBILE */

@media (max-width:700px) {

    .conversation-form-wrap {
        padding:70px 20px 90px;
    }

    .conversation-form-container {
        max-width:100%;
    }

    .conversation-heading {
        margin-bottom:55px;
    }

    .conversation-heading h1 {
        font-size:3.4rem;
    }

    .conversation-options,
    .conversation-two-column {
        grid-template-columns:1fr;
    }

    .conversation-question {
        padding:42px 0;
    }

    .optional-message {
        padding:35px 22px;
    }
}
/* Keep Miranda's face/head in frame */
.miranda-photo img {
    object-position: center top;
}
.autoplay-video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* ========================================
   MOBILE RESPONSIVE FIXES
======================================== */

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  max-width: 100%;
  margin: 0;
  overflow-x: clip;
}

img,
video,
iframe,
svg {
  display: block;
  max-width: 100%;
  height: auto;
}

input,
select,
textarea,
button {
  max-width: 100%;
  font: inherit;
}

.shell {
  width: min(1200px, calc(100% - 32px));
  margin-inline: auto;
}

.hero-left,
.hero-right,
.hero-copy,
.bio-content,
.bio-photo,
.story-copy,
.story-image,
.midday-copy,
.contact-form {
  min-width: 0;
}

h1 {
  font-size: clamp(2.5rem, 8vw, 5.5rem);
  line-height: 1;
}

h2 {
  font-size: clamp(2rem, 6vw, 3.5rem);
}

/* Tablets and phones */
@media screen and (max-width: 768px) {

  section {
    padding-left: 0;
    padding-right: 0;
  }

  .shell {
    width: calc(100% - 32px);
  }

  /* Header */
  .nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 12px;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .brand img {
    width: 150px;
    max-width: 45vw;
  }

  .main-nav {
    order: 3;
    display: flex;
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
    gap: 18px;
  }

  .nav-cta {
    padding: 10px 14px;
    font-size: 12px;
    white-space: nowrap;
  }

  /* Convert all major layouts to one column */
  .hero,
  .about-inner,
  .service-grid,
  .audience-grid,
  .platform-grid,
  .bio-grid,
  .story-section,
  .midday-layout,
  .contact-inner,
  .footer-grid,
  .conversation-two-column {
    display: grid;
    grid-template-columns: 1fr !important;
  }

  .hero {
    height: auto !important;
    min-height: 0 !important;
  }

  .hero-left,
  .hero-right {
    width: 100%;
    min-height: 0;
  }

  .hero-copy {
    padding: 60px 24px 40px;
  }

  .hero-copy h1 br {
    display: none;
  }

  .hero-right img {
    width: 100%;
    height: auto;
    max-height: 500px;
    object-fit: cover;
  }

  .side-label {
    display: none;
  }

  .strategy-chip {
    position: static !important;
    width: calc(100% - 32px);
    margin: 20px auto;
    text-align: center;
  }

  .hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
  }

  /* Biographies */
  .bio-grid {
    gap: 30px;
  }

  .bio-photo img,
  .miranda-photo {
    width: 100%;
    height: auto;
    object-fit: cover;
  }

  .bio-alt .bio-content {
    order: 2;
  }

  .bio-alt .bio-photo {
    order: 1;
  }

  /* Forms */
  .conversation-form-container,
  .conversation-form,
  .contact-form {
    width: 100%;
    max-width: 100%;
  }

  .conversation-options,
  .form-row {
    display: grid;
    grid-template-columns: 1fr !important;
  }

  .conversation-field,
  .form-field,
  input,
  select,
  textarea {
    width: 100%;
    min-width: 0;
  }

  /* Videos and embedded content */
  .autoplay-video {
    width: 100%;
    height: auto;
  }
}

/* Smaller phones */
@media screen and (max-width: 480px) {

  .shell {
    width: calc(100% - 24px);
  }

  .hero-copy {
    padding: 45px 18px 30px;
  }

  .main-nav {
    gap: 12px;
    font-size: 12px;
  }

  .nav-cta {
    font-size: 10px;
    padding: 9px 10px;
  }

  .btn,
  .gold-button,
  .conversation-submit {
    width: 100%;
    text-align: center;
  }
}
.kicker {
  color: #fff;
}

.kicker span {
  background-color: #d4af37;
}