:root {
  --max-w: 1180px;

  
  --rule-hair: rgba(25,21,16,.2);    
  --field-line: rgba(25,21,16,.55);  
  --band-rule: rgba(255,255,255,.25);
  --home-rule: rgba(25,21,16,.2);    
  --home-tint: #ffffff;              

  
  --t-xs: .75rem;
  --t-s: .875rem;
  --t-body: 1rem;
  --t-lg: 1.125rem;                  
  --t-aside: 1.25rem;                
  --t-step:    clamp(1.8rem, 2.8vw, 2.3rem);
  --t-section: clamp(2.3rem, 4vw, 3.2rem);
  --t-price:   clamp(2.2rem, 3.4vw, 3rem);
  --t-numeral: clamp(2.6rem, 4vw, 3.4rem);
  --t-spin:    clamp(1.8rem, 2.6vw, 2.3rem);

  
  --pad-major: clamp(48px, 5vw, 72px);   
  --pad-beliefs: clamp(40px, 4vw, 56px); 
  --pad-minor: var(--pad-beliefs);       
  --home-section: var(--pad-major);      
  --gut-wide: 48px;                      
  --gut-narrow: 20px;                    
  
  --numeral-col: 4.5rem;
  --step-gap: 40px;                      
}

h1, h2, h3, h4, h5 { letter-spacing: 0; }

.story-wrap, .pricing-cards-wrap, .faq-contact-grid {
  max-width: var(--max-w); margin-inline: auto; padding-inline: 24px;
}
:is(#about, #pricing, #faq, #contact) { scroll-margin-top: calc(var(--nav-height) + 24px); }

.eyebrow { font-size: var(--t-body); line-height: 1; letter-spacing: 0; margin-bottom: 12px; }
.eyebrow.on-cream { color: var(--gold-dark); }

.beliefs .eyebrow.on-cream,
.story-intro > .eyebrow,
.pricing-lead > .eyebrow,
.faq-intro > .eyebrow,
.contact-copy > .eyebrow {
  font: 600 var(--t-body)/1.2 var(--font-display);
  text-transform: uppercase; letter-spacing: .04em;
  color: var(--gold-dark); margin: 0 0 8px; padding-top: 0;
}

.pricing-lead > .eyebrow, .contact-copy > .eyebrow { color: var(--white); }

.hero-content {
  grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
  column-gap: 96px; row-gap: 40px;
  align-items: center; padding: 144px 24px 80px;
}
.hero-main { padding: 0; }
.hero-word { font-size: clamp(3rem, 5.6vw, 4.6rem); line-height: 1.04; max-width: 16ch; margin-bottom: 24px; }
.hero .sub-line { font-size: var(--t-lg); line-height: 1.7; max-width: 51ch; margin-bottom: 24px; }

.hero .hero-main .eyebrow {
  font: italic 400 1.05rem/1.5 var(--font-body);
  text-transform: none; letter-spacing: 0;
  color: var(--white); margin: 0 0 24px;
}
.hero .cta-row { gap: 16px; align-items: center; }
.hero .btn-secondary { border: 0; padding-inline: 0; text-decoration: underline; text-underline-offset: 5px; }

.spin {
  display: flex; flex-direction: column;
  position: relative; border: 0; border-radius: 0;
  background: var(--verdigris-dark); padding: 28px 24px;
  --row: clamp(3rem, 4.4vw, 3.8rem);
}
.spin-label {
  font: 600 1.15rem/1.2 var(--font-display); font-style: normal;
  text-transform: uppercase; letter-spacing: .04em;
  color: var(--white); margin: 0 0 4px;
}
.spin-list li { font-size: var(--t-spin); }

.spin-kicker {
  margin: 16px 0 0;
  font: italic 400 var(--t-body)/1.5 var(--font-body);
  text-transform: none; letter-spacing: 0; color: var(--white);
}
.spin-note {
  border-top: 0; padding-top: 0; margin: 14px 0 0;
  font-size: var(--t-body); line-height: 1.5;
}
.spin:hover .spin-list { animation-play-state: paused; }

.beliefs {
  background: var(--white); border-block: 0;
  padding-block: var(--pad-beliefs);
}
.beliefs-grid { display: grid; grid-template-columns: minmax(0,5fr) minmax(0,7fr); column-gap: var(--gut-wide); }
.beliefs .intro-row { display: block; padding: 0; }
.beliefs-grid > div + div { border-left: 0; padding-left: 0; }
.beliefs h2 {
  font: 700 var(--t-step)/1.05 var(--font-display);
  text-transform: uppercase; letter-spacing: .015em;
  color: var(--verdigris); max-width: 22ch; margin: 0 0 12px;
}
.beliefs p:not(.eyebrow) { font-size: var(--t-body); line-height: 1.5; max-width: 60ch; margin: 0; }

.engagement-story { background: var(--white); border: 0; }
.story-intro.intro-row {
  max-width: none; display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  column-gap: var(--gut-wide);
  padding-block: var(--pad-major) 32px;
}
.story-intro > .eyebrow                 { grid-column: 1; grid-row: 1; }
.story-intro > div:nth-of-type(1)       { grid-column: 1; grid-row: 2; }
.story-intro > div:nth-of-type(2)       { grid-column: 2; grid-row: 2; }
.story-intro h2, .pricing-lead h2, .faq-intro h2 {
  font: 700 var(--t-section)/1 var(--font-display);
  text-transform: uppercase; letter-spacing: .015em;
  color: var(--verdigris); max-width: 20ch; margin: 0 0 16px;
}
.story-intro p:not(.eyebrow) { font-size: var(--t-body); line-height: 1.5; max-width: 58ch; }
.story-intro p:last-child { margin-bottom: 0; }

.engagement-steps { background: var(--white); padding: 0 0 var(--pad-major); margin: 0; border: 0; }
.routing { list-style: none; margin: 0; padding: 0; }
.routing > li { margin: 0; }
.routing > li + li { margin-top: var(--step-gap); }
.story-step {
  display: grid;
  grid-template-columns: var(--numeral-col) minmax(0,1.2fr) minmax(0,1fr);
  
  grid-template-rows: auto auto 1fr;
  column-gap: var(--gut-narrow); row-gap: 0;
  align-items: start; border: 0; padding: 0;
}

.story-copy { display: contents; }
.story-copy > .step-mark      { grid-column: 1; grid-row: 1 / span 3; margin: 0; }
.story-copy > h3              { grid-column: 2; grid-row: 1; }
.story-copy > p:not(.eyebrow) { grid-column: 2; grid-row: 2; }
.story-example                { grid-column: 3; grid-row: 1 / span 3;
                                padding-left: calc(var(--gut-wide) - var(--gut-narrow)); }
.step-no {
  display: block;
  font: 800 var(--t-numeral)/1 var(--font-display);
  text-transform: none; letter-spacing: 0;
  font-variant-numeric: tabular-nums; color: var(--gold);
}
.step-rest {
  display: block; white-space: nowrap;
  font: 600 .8rem/1.3 var(--font-body);
  text-transform: none; letter-spacing: .01em; color: var(--gold-dark);
}
.story-copy h3 {
  font: 700 var(--t-step)/1.05 var(--font-display);
  text-transform: uppercase; letter-spacing: .015em;
  color: var(--verdigris); max-width: 20ch; margin: 0 0 16px;
}
.story-copy p:not(.eyebrow) { font-size: var(--t-body); line-height: 1.5; max-width: 56ch; margin-bottom: 0; }

.story-example {
  background: transparent; border: 0; border-radius: 0; padding-block: 0;
}
.story-example h4 {
  font: 700 var(--t-aside)/1.15 var(--font-display);
  text-transform: uppercase; letter-spacing: .015em;
  color: var(--verdigris); margin: 0 0 14px;
}
.story-example p, .story-example dd { font-size: var(--t-body); line-height: 1.5; }
.story-example > p:last-child { margin-bottom: 0; }
.story-example a { color: var(--gold-dark); }
.assessment-list { list-style: disc; margin: 0 0 18px; padding-left: 20px; }
.assessment-list li { padding-left: 4px; margin-bottom: 8px; font-size: var(--t-body); line-height: 1.45; }
.assessment-list li::marker { color: var(--gold); }

.story-details { margin-top: 20px; border-top: 0; }
.story-details summary {
  display: list-item; list-style: disclosure-closed inside;
  padding: 12px 0 0; cursor: pointer; min-height: 48px;
  font: 600 var(--t-body)/1.6 var(--font-body);
  text-transform: none; letter-spacing: 0; color: var(--verdigris);
}
.story-details summary::marker { color: var(--gold); }
.story-details[open] summary { list-style-type: disclosure-open; padding-bottom: 20px; }
.story-details summary::before, .story-details summary::after { content: none; }

.roadmap-sample .sheet-head {
  display: grid; grid-template-columns: minmax(0,1fr) auto;
  column-gap: 24px; align-items: baseline;
  border-top: 0; padding-top: 0; margin-top: 0;
}
#roadmap-title {                                   
  grid-column: 1 / -1; grid-row: 1;
  font: 700 1.5rem/1.1 var(--font-display);
  text-transform: uppercase; letter-spacing: .01em;
  color: var(--verdigris); margin: 0 0 12px;
}
.roadmap-sample .sample-context {
  grid-column: 1; grid-row: 2; margin: 0;
  font: 700 var(--t-body)/1.4 var(--font-body);
  font-variant-numeric: tabular-nums;
  text-transform: none; letter-spacing: normal; color: var(--gold-dark);
}
.story-example .example-label {                    
  grid-column: 2; grid-row: 2; justify-self: end;
  display: inline-block; margin: 0; border: 1px solid var(--verdigris);
  font: 700 .8rem/1 var(--font-display);
  text-transform: uppercase; letter-spacing: .04em;
  padding: 6px 10px 4px; color: var(--verdigris);
}
.story-example dl { margin: 16px 0 0; }
.story-example dl > div {
  display: grid; grid-template-columns: 9rem minmax(0,1fr);
  column-gap: 20px; row-gap: 4px;
  border-top: 0; padding: 10px 0;
}
.story-example dl > div + div { border-top: 1px solid var(--rule-hair); }
.story-example dt {
  font: 700 .9rem/1.5 var(--font-body);
  text-transform: none; letter-spacing: 0; color: var(--ink); margin: 0;
}
.story-example dd { margin: 0; }
.story-example .example-note {
  border-top: 0; padding-top: 10px; margin: 0;
  font: italic 400 var(--t-s)/1.5 var(--font-body); color: var(--ink);
}

.pricing-section {
  background: var(--verdigris); color: var(--white);
  border: 0; padding-block: var(--pad-major);
}
.pricing-section :is(h2, h3, h4, h5, p, li, dt, dd, strong, em, summary, a) { color: var(--white); }

.pricing-lead { display: block; max-width: none; }
.pricing-lead h2 { max-width: 20ch; margin-bottom: 32px; }

.pricing-rows {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  grid-template-rows: auto auto auto;
  column-gap: var(--gut-wide); row-gap: 0;
  margin: 0; border: 0;
}
.pricing-row {
  display: grid; grid-row: 1 / span 3; grid-template-rows: subgrid;
  row-gap: 0; position: relative;
  border: 0; padding: 0; background: transparent; border-radius: 0;
}
.pricing-row:nth-of-type(1) { grid-column: 1; }
.pricing-row:nth-of-type(2) { grid-column: 2; }
.pricing-row:nth-of-type(3) { grid-column: 3; }
.pricing-row > div { display: contents; }

.pricing-row h3 { grid-row: 1; }
.pricing-row .pricing-amount { grid-row: 2; }
.pricing-row p:not(.pricing-amount) { grid-row: 3; }

.pricing-row + .pricing-row::before {
  content: ""; position: absolute; top: 0; bottom: 0;
  left: calc(var(--gut-wide) / -2);
  border-left: 1px solid var(--band-rule);
}

.pricing-row h3, .pricing-expansion h3 {
  font: 700 var(--t-lg)/1.35 var(--font-body);
  text-transform: none; letter-spacing: 0; color: var(--white); margin: 0 0 10px;
}
.pricing-row p:not(.pricing-amount), .pricing-expansion p {
  font-size: var(--t-body); line-height: 1.5; max-width: 65ch; margin: 0;
}

.pricing-amount {
  display: flex; flex-wrap: wrap; align-items: baseline; column-gap: .3em;
  margin: 0 0 14px; text-align: left; justify-self: start;
  font: 800 var(--t-price)/1 var(--font-display);
  text-transform: none; letter-spacing: .01em;
  font-variant-numeric: tabular-nums; color: var(--white);
}
.pricing-amount > span:not(.fig) {
  font: 400 var(--t-body)/1 var(--font-body);
  letter-spacing: 0; margin: 0;
}

.pricing-expansion {
  margin: 40px 0 0; padding: 0; background: transparent; border: 0;
}
.pricing-terms {
  margin: 16px 0 0; max-width: 65ch;
  font: italic 400 var(--t-s)/1.5 var(--font-body); color: var(--white);
}

.pricing-scope { margin: 20px 0 0; max-width: 75ch; }
.pricing-scope summary {
  display: list-item; list-style: disclosure-closed inside;
  min-height: 48px; padding: 12px 0; cursor: pointer;
  font: 600 var(--t-body)/1.6 var(--font-body);
  text-transform: none; letter-spacing: 0; color: var(--white);
}
.pricing-scope summary::marker { color: var(--white); }
.pricing-scope[open] > summary { list-style-type: disclosure-open; }
.pricing-scope summary::before, .pricing-scope[open] summary::before { content: none; }
.pricing-scope summary::-webkit-details-marker { display: revert; }
.pricing-scope h4 {
  font: 700 var(--t-aside)/1.2 var(--font-display);
  text-transform: uppercase; letter-spacing: .015em; color: var(--white);
  margin: 28px 0 8px;
}
.pricing-scope h5 {
  font: 600 var(--t-lg)/1.3 var(--font-display);
  text-transform: none; letter-spacing: .01em; color: var(--white);
  margin: 18px 0 4px;
}
.pricing-scope p { font-size: var(--t-body); line-height: 1.5; max-width: 65ch; color: var(--white); }

.pricing-cta { margin-top: 32px; }

.faq-contact-section { background: var(--white); border: 0; }
.faq-contact-grid { display: block; padding-block: var(--pad-major); }
.faq-col { display: block; }
.faq-intro { display: block; margin-bottom: 24px; }
.faq-intro h2 { margin-bottom: 12px; }
.faq-lede { font-size: var(--t-lg); line-height: 1.55; max-width: 60ch; margin: 0; }
.faq-list { max-width: 68ch; margin: 0; }

.faq-contact-section .faq-item {
  background: transparent; border: 0; border-radius: 0; margin: 0;
}
.faq-contact-section .faq-item + .faq-item { border-top: 1px solid var(--rule-hair); }
.faq-contact-section .faq-item summary {
  display: list-item; list-style: disclosure-closed inside;
  padding: 18px 0; min-height: 48px; cursor: pointer;
  font: 600 var(--t-body)/1.6 var(--font-body);
  text-transform: none; letter-spacing: 0; color: var(--verdigris);
}
.faq-contact-section .faq-item summary::marker { color: var(--gold); }
.faq-contact-section .faq-item[open] > summary { list-style-type: disclosure-open; }
.faq-item summary::before, .faq-item[open] summary::before { content: none; }
.faq-item summary::-webkit-details-marker { display: revert; }
.ticket-details p, .faq-item p { font-size: var(--t-body); line-height: 1.5; max-width: 65ch; }
.faq-item p { margin: 0 0 18px; }

.contact-section {
  background: var(--verdigris-dark); color: var(--white);
  border: 0; padding-block: var(--pad-major);
}
.contact-section :is(h2, h3, p, li, label, summary) { color: var(--white); }
.contact-section h2 {
  font: 700 var(--t-section)/1 var(--font-display);
  text-transform: uppercase; letter-spacing: .015em;
  color: var(--white); max-width: 20ch; margin: 0 0 16px;
}

.contact-section .contact-col {
  display: grid; grid-template-columns: minmax(0,6fr) minmax(0,5fr);
  column-gap: var(--gut-wide); row-gap: 32px; align-items: center;
}
.contact-copy { display: block; }
.contact-copy > .btn { display: inline-block; }   
.contact-copy .lede { font-size: var(--t-lg); line-height: 1.55; max-width: 54ch; color: var(--white); margin-bottom: 24px; }
.contact-copy .contact-note { color: var(--white); }
.contact-copy .contact-note a { color: var(--white); }

.contact-message {
  background: var(--white); border: 0; border-radius: 0; padding: 32px;
}
.contact-message :is(h3, p, label, span, strong) { color: var(--ink); }
.contact-message h3 {
  font: 600 var(--t-lg)/1.35 var(--font-body);
  text-transform: none; letter-spacing: 0; color: var(--ink); margin: 0 0 6px;
}
.contact-message > p { font-size: var(--t-body); line-height: 1.5; }
.contact-form { background: transparent; border: 0; border-radius: 0; padding: 12px 0 0; gap: 18px; }
.field label {
  font: 600 var(--t-s)/1.4 var(--font-body);
  text-transform: none; letter-spacing: 0; color: var(--ink);
}
.field input, .field textarea {
  min-height: 48px; width: 100%;
  border: 1px solid var(--field-line); border-radius: 2px;
  background: var(--white); color: var(--ink);
}
.field textarea { min-height: 110px; }
.contact-form ::placeholder { color: rgba(25,21,16,.72); opacity: 1; }
.contact-message .form-optional { opacity: 1; color: var(--ink); font-style: italic; }
.form-note, .contact-note {
  font: italic 400 var(--t-s)/1.5 var(--font-body); margin-top: 16px;
}
.contact-message .form-note { color: var(--ink); }
.contact-message .form-note a { color: var(--gold-dark); }
.contact-message .contact-fallback { color: var(--ink); }
.contact-message .contact-fallback a { color: var(--gold-dark); }

.btn-message { color: var(--verdigris-dark); border: 1px solid var(--verdigris); background: var(--white); }
.btn-message:hover { background: rgba(30,74,63,.08); }

.hero .btn-primary, .pricing-section .btn, .contact-section .btn, .btn-message {
  font: 700 1rem/1.2 var(--font-display);
  text-transform: uppercase; letter-spacing: .06em;
  padding: 15px 28px 14px;
}

:is(.story-wrap, .pricing-cards-wrap, .faq-contact-grid, .hero-content) > * { min-width: 0; }

a:focus-visible, button:focus-visible, input:focus-visible,
textarea:focus-visible, summary:focus-visible { outline: 3px solid var(--verdigris); outline-offset: 4px; }
.hero :focus-visible, .site-header :focus-visible, .site-footer :focus-visible,
.pricing-section :focus-visible, .contact-section :focus-visible { outline-color: var(--brass); }

.contact-message :focus-visible { outline-color: var(--verdigris); }

@media (max-width: 1024px) {
  .story-step {
    grid-template-columns: var(--numeral-col) minmax(0,1fr);
    grid-template-rows: auto auto auto;
  }
  .story-copy > .step-mark { grid-row: 1 / span 2; }
  .story-example {
    grid-column: 2; grid-row: 3; padding-left: 0; margin-top: 28px;
  }
}

@media (max-width: 900px) {
  .hero-content { grid-template-columns: 1fr; column-gap: 0; row-gap: 32px; padding-top: 128px; }
  .story-intro.intro-row { grid-template-columns: 1fr; row-gap: 12px; }
  .story-intro > div:nth-of-type(1) { grid-column: 1; grid-row: 2; }
  .story-intro > div:nth-of-type(2) { grid-column: 1; grid-row: 3; }
  .contact-section .contact-col { grid-template-columns: 1fr; column-gap: 0; row-gap: 32px; }
  .beliefs-grid { grid-template-columns: minmax(0,5fr) minmax(0,7fr); column-gap: 32px; }

  
  .pricing-rows { grid-template-columns: 1fr; grid-template-rows: none; row-gap: 32px; }
  .pricing-row:nth-of-type(1),
  .pricing-row:nth-of-type(2),
  .pricing-row:nth-of-type(3) { grid-column: 1; }
  
  .pricing-row { grid-row: auto; grid-template-rows: auto auto auto; }
  .pricing-row > div { display: contents; }
  .pricing-row + .pricing-row::before { content: none; }
  .pricing-amount { margin-bottom: 10px; }
}

@media (max-width: 700px) {
  .hero-content { grid-template-columns: 1fr; padding: 112px 24px 48px; row-gap: 40px; }
  .hero-word { font-size: clamp(2.8rem, 10vw, 3.7rem); max-width: 18ch; }
  .hero .sub-line { font-size: 1.05rem; }
  .hero .hero-main .eyebrow { font-size: 1rem; margin-bottom: 20px; }
  .spin { --row: 3rem; padding: 24px 20px; }
  .spin-list li { font-size: 1.9rem; }
  .spin-kicker { margin-top: 14px; }
  .spin-note { margin-top: 12px; }

  .beliefs { padding-block: 32px; }                                  
  .beliefs-grid { grid-template-columns: 1fr; row-gap: 32px; }
  .beliefs-grid > div + div { border-top: 0; padding-top: 0; }

  .story-intro.intro-row { padding-block: 48px 24px; }
  
  .story-step { grid-template-columns: 1fr; grid-template-rows: auto auto auto auto; }
  .story-copy > .step-mark      { grid-column: 1; grid-row: 1; margin: 0 0 10px; }
  .story-copy > h3              { grid-column: 1; grid-row: 2; }
  .story-copy > p:not(.eyebrow) { grid-column: 1; grid-row: 3; }
  .story-example                { grid-column: 1; grid-row: 4; margin-top: 24px; }
  .step-no { display: inline-block; font-size: 2.4rem; vertical-align: -.06em; margin-right: .28em; }
  .step-rest { display: inline; font-size: .9rem; }

  .pricing-lead h2 { margin-bottom: 24px; }
  .pricing-amount { font-size: 2rem; }

  .faq-intro h2 { margin-bottom: 12px; }
  .contact-message { padding: 24px; }

  .roadmap-sample .sheet-head { grid-template-columns: 1fr; }
  #roadmap-title { grid-column: 1; }
  .roadmap-sample .sample-context { grid-column: 1; grid-row: auto; }
  .story-example .example-label { grid-column: 1; grid-row: auto; justify-self: start; margin-top: 10px; }
  .story-example dl > div { grid-template-columns: 1fr; row-gap: 4px; }
}

@media (max-width: 380px) {
  .story-wrap, .pricing-cards-wrap, .faq-contact-grid, .hero-content { padding-inline: 20px; }
  .spin { --row: 2.7rem; }
  .spin-list li { font-size: 1.7rem; }
  .contact-message { padding: 20px; }
  
}

@media (prefers-reduced-motion: reduce) {
  .spin .spin-list { animation-name: none; transform: none; }
  .spin .spin-clip { height: auto; overflow: visible; }
  .spin .spin-list li { white-space: normal; height: auto; line-height: 1.4; padding-block: 4px; }
  .spin .spin-list li:nth-child(n+4) { display: none; }
}

@media print {
  .hero-content, .story-intro.intro-row, .story-step, .story-copy, .beliefs-grid,
  .beliefs .intro-row, .faq-col, .faq-intro, .pricing-lead,
  .contact-section .contact-col, .contact-copy,
  .roadmap-sample .sheet-head, .story-example dl > div { display: block; }
  
  .pricing-rows { grid-template-columns: 1fr; grid-template-rows: none; row-gap: 20px; }
  .pricing-row:nth-of-type(1), .pricing-row:nth-of-type(2),
  .pricing-row:nth-of-type(3) { grid-column: 1; }
  .pricing-row { grid-row: auto; grid-template-rows: auto auto auto; break-inside: avoid; }
  .routing { list-style: none; }
  .hero-content { padding: 24px 0; }.hero-main { padding: 0; }
  
  .hero .hero-main .eyebrow { color: var(--ink); }
  .spin { display: none; }
  
  .pricing-section, .contact-section { background: none; color: var(--ink); }
  .pricing-section :is(h2, h3, h4, h5, p, li, dt, dd, strong, em, summary, a),
  .contact-section :is(h2, h3, p, li, label, summary) { color: var(--ink); }
  
  .pricing-lead > .eyebrow, .contact-copy > .eyebrow { color: var(--gold-dark); }
  .contact-copy .lede, .contact-copy .contact-note,
  .contact-copy .contact-note a { color: var(--ink); }
  
  .contact-copy > .btn { display: none; }
  .pricing-scope summary::marker { color: var(--ink); }
  .pricing-row + .pricing-row::before { content: none; }
  .contact-message { background: none; padding: 0; }
  .beliefs, .engagement-steps, .pricing-section, .faq-contact-grid, .contact-section { padding-block: 24px; }
  .story-example { margin-top: 20px; break-inside: avoid; }
  .beliefs-grid > div + div { border: 0; padding: 24px 0 0; }
  
  .beliefs .intro-row + .intro-row { padding-top: 24px; }
}