/* ICONIC About Us — full editorial journey. Scope: page 608 / about-us only. */
body.page-id-608.iconic-facelift .entry-content,
body.page-id-608.iconic-facelift .site-main,
body.page-id-608.iconic-facelift #primary { margin: 0 !important; padding: 0 !important; }
body.page-id-608.iconic-facelift #primary { width: 100% !important; max-width: none !important; }
body.page-id-608.iconic-facelift .ast-container { max-width: none; padding-left: 0; padding-right: 0; }
body.page-id-608.iconic-facelift .elementor-608 { display: none !important; }

.iconic-about-journey { background: var(--iconic-cream, #f6f4ed); color: var(--iconic-ink, #101510); overflow: clip; }
.iconic-about-shell { margin: 0 auto; max-width: 1480px; padding-inline: clamp(1.25rem, 5vw, 5.5rem); }
.iconic-about-section { padding-block: clamp(5rem, 8vw, 9rem); position: relative; }
.iconic-about-kicker { color: #789b4c; font: 800 .72rem/1.2 Arial, sans-serif; letter-spacing: .2em; margin: 0 0 .85rem; text-transform: uppercase; }
.iconic-about-index { color: rgba(42, 57, 43, .5); font: 700 .68rem/1.35 Arial, sans-serif; letter-spacing: .13em; margin: 0; text-transform: uppercase; }
.iconic-about-section-head { align-items: end; display: grid; gap: clamp(2rem, 5vw, 6rem); grid-template-columns: minmax(190px, .45fr) minmax(0, 1.55fr); margin-bottom: clamp(2.4rem, 5vw, 5rem); }
.iconic-about-section-head h2 { color: #17391f; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(2.6rem, 5.1vw, 5.8rem); font-weight: 400; letter-spacing: -.065em; line-height: .95; margin: 0; max-width: 1000px; }
.iconic-about-section-head--compact h2 { font-size: clamp(2.55rem, 4.3vw, 4.85rem); }

/* Story */
.iconic-about-story { background: linear-gradient(180deg, #f6f4ed 0%, #eef0e6 100%); }
.iconic-about-story::before { background: radial-gradient(circle at 12% 30%, rgba(137, 181, 77, .14), transparent 31%); content: ''; inset: 0; pointer-events: none; position: absolute; }
.iconic-about-story__grid { display: grid; gap: clamp(2rem, 6vw, 7rem); grid-template-columns: minmax(180px, .45fr) minmax(0, 1.55fr); position: relative; }
.iconic-about-story__content h2 { color: #17391f; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(3rem, 5.5vw, 6.25rem); font-weight: 400; letter-spacing: -.07em; line-height: .92; margin: 0 0 2rem; max-width: 1120px; }
.iconic-about-story__content > p { color: #536053; font-size: 1.02rem; line-height: 1.8; margin: 0 0 1.1rem; max-width: 820px; }
.iconic-about-story__content .iconic-about-lead { color: #24422b; font-size: clamp(1.2rem, 1.65vw, 1.52rem); line-height: 1.55; max-width: 920px; }
.iconic-about-proof { border-top: 1px solid rgba(31, 57, 34, .18); display: grid; gap: 1px; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: clamp(2.5rem, 5vw, 4.8rem); }
.iconic-about-proof > div { border-right: 1px solid rgba(31, 57, 34, .16); padding: 1.5rem clamp(1rem, 2.2vw, 2.2rem) 0 0; }
.iconic-about-proof > div:last-child { border-right: 0; }
.iconic-about-proof strong { color: #17391f; display: block; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(1.55rem, 2.1vw, 2.25rem); font-weight: 400; letter-spacing: -.04em; margin-bottom: .6rem; }
.iconic-about-proof span { color: #687268; display: block; font-size: .88rem; line-height: 1.55; max-width: 250px; }

/* Mission & Vision */
.iconic-about-principles { background: #f6f4ed; }
.iconic-about-principles__grid { display: grid; gap: clamp(1rem, 2vw, 2rem); grid-template-columns: repeat(2, minmax(0, 1fr)); }
.iconic-about-principle-card { min-height: clamp(460px, 40vw, 650px); overflow: hidden; padding: clamp(2rem, 4vw, 4.6rem); position: relative; transition: transform .45s var(--iconic-ease, ease), box-shadow .45s var(--iconic-ease, ease); }
.iconic-about-principle-card::after { border: 1px solid currentColor; content: ''; inset: .7rem; opacity: .13; pointer-events: none; position: absolute; }
.iconic-about-principle-card:hover { transform: translateY(-8px); }
.iconic-about-principle-card--dark { background: linear-gradient(145deg, #0c1e13 0%, #193c25 100%); box-shadow: 0 34px 74px rgba(14, 32, 18, .18); color: #f5f8ef; }
.iconic-about-principle-card--light { background: #e8edda; color: #17391f; }
.iconic-about-card-number { font: 800 .68rem/1 Arial, sans-serif; letter-spacing: .18em; opacity: .62; position: absolute; right: 2rem; top: 2rem; }
.iconic-about-card-label { color: #a9cb6a; font: 800 .7rem/1.2 Arial, sans-serif; letter-spacing: .18em; margin: 0 0 clamp(5rem, 9vw, 9rem); text-transform: uppercase; }
.iconic-about-principle-card--light .iconic-about-card-label { color: #55763e; }
.iconic-about-principle-card h3 { color: inherit; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(2.2rem, 3.7vw, 4.25rem); font-weight: 400; letter-spacing: -.06em; line-height: .97; margin: 0 0 1.5rem; max-width: 690px; }
.iconic-about-principle-card p:last-child { color: inherit; font-size: .98rem; line-height: 1.75; margin: 0; max-width: 610px; opacity: .72; }

/* Founder */
.iconic-about-founder { background: #061009; color: #f4f8ee; }
.iconic-about-founder::before { background: radial-gradient(circle at 70% 52%, rgba(128, 175, 70, .16), transparent 35%); content: ''; inset: 0; pointer-events: none; position: absolute; }
.iconic-about-founder__grid { align-items: center; display: grid; gap: clamp(2rem, 7vw, 8rem); grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); position: relative; }
.iconic-about-founder__media { background: #102018; box-shadow: 0 35px 80px rgba(0, 0, 0, .38); overflow: hidden; position: relative; }
.iconic-about-founder__media img { aspect-ratio: 4 / 5; display: block; filter: saturate(.9) contrast(1.04); object-fit: cover; object-position: 50% 35%; transition: transform 1.2s var(--iconic-ease, ease); width: 100%; }
.iconic-about-founder__media:hover img { transform: scale(1.035); }
.iconic-about-founder__frame { border: 1px solid rgba(202, 232, 158, .32); inset: .75rem; pointer-events: none; position: absolute; }
.iconic-about-founder .iconic-about-index { color: rgba(232, 243, 215, .45); }
.iconic-about-founder__content blockquote { border: 0; color: #fff; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(2.35rem, 4.6vw, 5.25rem); font-style: normal; font-weight: 400; letter-spacing: -.065em; line-height: .98; margin: clamp(2.3rem, 4vw, 4rem) 0 2rem; padding: 0; }
.iconic-about-founder__content > p:not(.iconic-about-kicker):not(.iconic-about-index) { color: rgba(235, 243, 225, .7); font-size: 1rem; line-height: 1.82; margin: 0; max-width: 720px; }
.iconic-about-founder__signature { border-top: 1px solid rgba(213, 237, 179, .18); display: flex; flex-direction: column; gap: .35rem; margin-top: 2.2rem; padding-top: 1.35rem; }
.iconic-about-founder__signature strong { color: #c3e477; font-family: Georgia, 'Times New Roman', serif; font-size: 1.7rem; font-weight: 400; }
.iconic-about-founder__signature span { color: rgba(235, 243, 225, .52); font: 700 .7rem/1.3 Arial, sans-serif; letter-spacing: .13em; text-transform: uppercase; }

/* Process */
.iconic-about-process { background: #eef0e6; }
.iconic-about-process__rail { border-top: 1px solid rgba(27, 57, 32, .2); display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.iconic-about-process__rail article { border-right: 1px solid rgba(27, 57, 32, .16); min-height: 340px; padding: 1.6rem clamp(1rem, 2.1vw, 2rem) 2rem 0; position: relative; }
.iconic-about-process__rail article:last-child { border-right: 0; }
.iconic-about-process__rail span { color: #789b4c; font: 800 .68rem/1 Arial, sans-serif; letter-spacing: .15em; }
.iconic-about-process__rail h3 { color: #17391f; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(2.1rem, 3.1vw, 3.6rem); font-weight: 400; letter-spacing: -.055em; margin: clamp(4rem, 7vw, 7rem) 0 .85rem; }
.iconic-about-process__rail p { color: #657065; font-size: .92rem; line-height: 1.7; margin: 0; max-width: 255px; }

/* Team */
.iconic-about-team { background: linear-gradient(150deg, #08140c 0%, #10291a 58%, #071009 100%); color: #f3f7ed; }
.iconic-about-team::before { background: radial-gradient(circle at 58% 43%, rgba(139, 185, 78, .16), transparent 33%); content: ''; inset: 0; pointer-events: none; position: absolute; }
.iconic-about-section-head--light { position: relative; }
.iconic-about-section-head--light h2 { color: #f7f9f2; }
.iconic-about-section-head--light .iconic-about-index { color: rgba(231, 244, 212, .42); }
.iconic-about-team-stage { align-items: center; display: grid; gap: clamp(1.6rem, 4vw, 5rem); grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); position: relative; }
.iconic-about-team-stage__feature { background: #0d2015; border: 1px solid rgba(203, 232, 159, .42); box-shadow: 0 30px 70px rgba(0, 0, 0, .35); overflow: hidden; position: relative; }
.iconic-about-team-stage__feature::before { border: 1px solid rgba(211, 238, 171, .18); content: ''; inset: .55rem; pointer-events: none; position: absolute; z-index: 2; }
.iconic-about-team-stage__feature::after { background: linear-gradient(180deg, transparent 55%, rgba(4, 14, 8, .93)); content: ''; inset: 0; pointer-events: none; position: absolute; }
.iconic-about-team-stage__feature img { aspect-ratio: 3 / 4; display: block; filter: saturate(.9) contrast(1.05); object-fit: cover; transition: opacity .28s ease, transform .62s var(--iconic-ease, ease); width: 100%; }
.iconic-about-team-stage__feature.is-changing img { opacity: .55; transform: scale(1.025); }
.iconic-about-team-stage__feature-meta { align-items: end; bottom: 1.5rem; display: flex; gap: 1rem; justify-content: space-between; left: 1.5rem; position: absolute; right: 1.5rem; z-index: 3; }
.iconic-about-team-stage__feature-meta > div { display: flex; flex-direction: column; gap: .35rem; }
.iconic-about-team-stage__feature-meta strong { color: #fff; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(1.55rem, 2.4vw, 2.65rem); font-weight: 400; letter-spacing: -.04em; }
.iconic-about-team-stage__feature-meta span { color: rgba(228, 241, 209, .68); font: 700 .62rem/1.4 Arial, sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.iconic-about-team-stage__roster { display: grid; gap: clamp(.65rem, 1.1vw, 1.15rem); grid-template-columns: repeat(3, minmax(0, 1fr)); }
.iconic-about-team-thumb { appearance: none; background: #0c1d13; border: 1px solid rgba(213, 237, 177, .14); cursor: pointer; margin: 0; overflow: hidden; padding: 0; position: relative; transition: border-color .3s var(--iconic-ease, ease), box-shadow .3s var(--iconic-ease, ease), transform .4s var(--iconic-ease, ease); }
.iconic-about-team-thumb::after { background: linear-gradient(180deg, transparent 45%, rgba(4, 14, 8, .7)); content: ''; inset: 0; pointer-events: none; position: absolute; }
.iconic-about-team-thumb img { aspect-ratio: 3 / 4; display: block; filter: grayscale(.12) saturate(.72); object-fit: cover; transition: filter .35s ease, transform .55s var(--iconic-ease, ease); width: 100%; }
.iconic-about-team-thumb > span { bottom: .65rem; color: #f2f7e9; font: 800 .59rem/1 Arial, sans-serif; left: .65rem; letter-spacing: .14em; position: absolute; z-index: 2; }
.iconic-about-team-thumb:hover,
.iconic-about-team-thumb:focus-visible,
.iconic-about-team-thumb.is-active { border-color: #b9dc76; box-shadow: 0 18px 42px rgba(0,0,0,.28); outline: none; transform: translateY(-4px); }
.iconic-about-team-thumb:hover img,
.iconic-about-team-thumb:focus-visible img,
.iconic-about-team-thumb.is-active img { filter: grayscale(0) saturate(.98); transform: scale(1.035); }
.iconic-about-team-stage__footer { align-items: center; border-top: 1px solid rgba(215, 239, 180, .15); display: flex; justify-content: space-between; margin-top: 2.2rem; padding-top: 1.25rem; position: relative; }
.iconic-about-team-stage__footer p { color: rgba(232, 242, 217, .56); font-size: .78rem; letter-spacing: .03em; margin: 0; }
.iconic-about-team-stage__controls { display: flex; gap: .55rem; }
.iconic-about-team-stage__controls button { align-items: center; appearance: none; background: transparent; border: 1px solid rgba(214, 239, 176, .48); border-radius: 50%; color: #d7ebb3; cursor: pointer; display: inline-flex; height: 40px; justify-content: center; padding: 0; transition: background .25s ease, color .25s ease, transform .25s ease; width: 40px; }
.iconic-about-team-stage__controls button:hover,
.iconic-about-team-stage__controls button:focus-visible { background: #c1e178; color: #102117; outline: none; transform: translateY(-2px); }
.iconic-about-team-stage__controls svg { height: 1rem; width: 1rem; }

/* Values */
.iconic-about-values { background: #f6f4ed; }
.iconic-about-values__grid { border-top: 1px solid rgba(27, 57, 32, .18); display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.iconic-about-values__grid article { border-right: 1px solid rgba(27, 57, 32, .14); min-height: 300px; padding: 1.5rem clamp(1rem, 2vw, 2rem) 2rem 0; transition: background .35s ease, padding .35s ease; }
.iconic-about-values__grid article:last-child { border-right: 0; }
.iconic-about-values__grid article:hover { background: rgba(224, 234, 208, .5); padding-left: 1rem; }
.iconic-about-values__grid span { color: #789b4c; font: 800 .67rem/1 Arial, sans-serif; letter-spacing: .15em; }
.iconic-about-values__grid h3 { color: #17391f; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(2rem, 3vw, 3.25rem); font-weight: 400; letter-spacing: -.055em; margin: clamp(3rem, 5vw, 5rem) 0 .8rem; }
.iconic-about-values__grid p { color: #687168; font-size: .9rem; line-height: 1.7; margin: 0; max-width: 260px; }

/* Closing CTA */
.iconic-about-closing { background: #071009; color: #fff; margin-inline: calc(50% - 50vw); overflow: hidden; padding-block: clamp(6rem, 10vw, 11rem); position: relative; text-align: center; width: 100vw; }
.iconic-about-closing::before { background: linear-gradient(120deg, transparent 0%, rgba(111, 168, 61, .08) 35%, transparent 67%); content: ''; inset: 0; position: absolute; }
.iconic-about-closing__glow { background: radial-gradient(circle, rgba(134, 187, 75, .23) 0%, rgba(58, 97, 45, .06) 42%, transparent 68%); height: 900px; left: 50%; pointer-events: none; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 900px; }
.iconic-about-closing__inner { position: relative; }
.iconic-about-closing h2 { color: #fff; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(3rem, 6vw, 6.8rem); font-weight: 400; letter-spacing: -.07em; line-height: .92; margin: 0 auto 1.5rem; max-width: 1050px; }
.iconic-about-closing p:not(.iconic-about-kicker) { color: rgba(237, 244, 226, .7); font-size: 1rem; line-height: 1.7; margin: 0 auto 2rem; max-width: 650px; }
.iconic-about-closing .iconic-button { margin: 0 auto; width: auto; }

/* Reveal system */
html.iconic-motion-ready [data-about-reveal] .iconic-about-kicker,
html.iconic-motion-ready [data-about-reveal] .iconic-about-index,
html.iconic-motion-ready [data-about-reveal] h2,
html.iconic-motion-ready [data-about-reveal] .iconic-about-lead,
html.iconic-motion-ready [data-about-reveal] .iconic-about-proof,
html.iconic-motion-ready [data-about-reveal] .iconic-about-principle-card,
html.iconic-motion-ready [data-about-reveal] .iconic-about-founder__media,
html.iconic-motion-ready [data-about-reveal] .iconic-about-founder__content,
html.iconic-motion-ready [data-about-reveal] .iconic-about-process__rail,
html.iconic-motion-ready [data-about-reveal] .iconic-about-team-stage,
html.iconic-motion-ready [data-about-reveal] .iconic-about-values__grid,
html.iconic-motion-ready [data-about-reveal] .iconic-button { opacity: 0; transform: translateY(24px); }
html.iconic-motion-ready [data-about-reveal].is-visible .iconic-about-kicker,
html.iconic-motion-ready [data-about-reveal].is-visible .iconic-about-index,
html.iconic-motion-ready [data-about-reveal].is-visible h2,
html.iconic-motion-ready [data-about-reveal].is-visible .iconic-about-lead,
html.iconic-motion-ready [data-about-reveal].is-visible .iconic-about-proof,
html.iconic-motion-ready [data-about-reveal].is-visible .iconic-about-principle-card,
html.iconic-motion-ready [data-about-reveal].is-visible .iconic-about-founder__media,
html.iconic-motion-ready [data-about-reveal].is-visible .iconic-about-founder__content,
html.iconic-motion-ready [data-about-reveal].is-visible .iconic-about-process__rail,
html.iconic-motion-ready [data-about-reveal].is-visible .iconic-about-team-stage,
html.iconic-motion-ready [data-about-reveal].is-visible .iconic-about-values__grid,
html.iconic-motion-ready [data-about-reveal].is-visible .iconic-button { animation: iconic-about-journey-in .78s both var(--iconic-ease, cubic-bezier(.2,.75,.25,1)); }
html.iconic-motion-ready [data-about-reveal].is-visible h2 { animation-delay: .08s; }
html.iconic-motion-ready [data-about-reveal].is-visible .iconic-about-lead,
html.iconic-motion-ready [data-about-reveal].is-visible .iconic-about-principle-card:first-child,
html.iconic-motion-ready [data-about-reveal].is-visible .iconic-about-founder__media { animation-delay: .14s; }
html.iconic-motion-ready [data-about-reveal].is-visible .iconic-about-proof,
html.iconic-motion-ready [data-about-reveal].is-visible .iconic-about-principle-card:nth-child(2),
html.iconic-motion-ready [data-about-reveal].is-visible .iconic-about-founder__content,
html.iconic-motion-ready [data-about-reveal].is-visible .iconic-about-team-stage,
html.iconic-motion-ready [data-about-reveal].is-visible .iconic-about-values__grid { animation-delay: .22s; }
html.iconic-motion-ready [data-about-reveal].is-visible .iconic-button { animation-delay: .3s; }
@keyframes iconic-about-journey-in { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }

@media (max-width: 1024px) {
  .iconic-about-story__grid,
  .iconic-about-section-head { grid-template-columns: 1fr; }
  .iconic-about-founder__grid { gap: 3rem; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); }
  .iconic-about-team-stage { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); }
  .iconic-about-process__rail,
  .iconic-about-values__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .iconic-about-process__rail article:nth-child(2),
  .iconic-about-values__grid article:nth-child(2) { border-right: 0; }
  .iconic-about-process__rail article:nth-child(n+3),
  .iconic-about-values__grid article:nth-child(n+3) { border-top: 1px solid rgba(27, 57, 32, .16); }
}

@media (max-width: 767px) {
  .iconic-about-shell { padding-inline: 1.2rem; }
  .iconic-about-section { padding-block: 4.2rem; }
  .iconic-about-section-head { gap: 1.35rem; margin-bottom: 2rem; }
  .iconic-about-section-head h2,
  .iconic-about-section-head--compact h2 { font-size: clamp(2.55rem, 12vw, 4.1rem); }
  .iconic-about-story__grid { gap: 1.6rem; }
  .iconic-about-story__content h2 { font-size: clamp(3rem, 13.6vw, 4.5rem); }
  .iconic-about-story__content > p { font-size: .96rem; line-height: 1.7; }
  .iconic-about-proof { grid-template-columns: 1fr; }
  .iconic-about-proof > div { border-bottom: 1px solid rgba(31, 57, 34, .14); border-right: 0; padding: 1.2rem 0; }
  .iconic-about-proof > div:last-child { border-bottom: 0; }
  .iconic-about-proof span { max-width: none; }
  .iconic-about-principles__grid { grid-template-columns: 1fr; }
  .iconic-about-principle-card { min-height: 440px; padding: 2rem 1.5rem; }
  .iconic-about-card-label { margin-bottom: 6.5rem; }
  .iconic-about-founder__grid { grid-template-columns: 1fr; }
  .iconic-about-founder__media { margin-inline: .5rem; }
  .iconic-about-founder__content blockquote { font-size: clamp(2.55rem, 12vw, 4.15rem); }
  .iconic-about-process__rail,
  .iconic-about-values__grid { grid-template-columns: 1fr; }
  .iconic-about-process__rail article,
  .iconic-about-values__grid article { border-bottom: 1px solid rgba(27, 57, 32, .14); border-right: 0 !important; min-height: 250px; padding: 1.3rem 0 1.7rem; }
  .iconic-about-process__rail article:last-child,
  .iconic-about-values__grid article:last-child { border-bottom: 0; }
  .iconic-about-process__rail h3,
  .iconic-about-values__grid h3 { margin-top: 3rem; }
  .iconic-about-team-stage { grid-template-columns: 1fr; }
  .iconic-about-team-stage__feature { margin-inline: .45rem; }
  .iconic-about-team-stage__roster { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .iconic-about-team-stage__footer { align-items: flex-start; gap: 1rem; }
  .iconic-about-team-stage__footer p { max-width: 65%; }
  .iconic-about-closing { padding-block: 6rem; }
  .iconic-about-closing h2 { font-size: clamp(3rem, 14vw, 4.8rem); }
  .iconic-about-closing .iconic-button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  [data-about-reveal] *, .iconic-about-founder__media img, .iconic-about-team-thumb, .iconic-about-team-thumb img { animation: none !important; opacity: 1 !important; transform: none !important; transition: none !important; }
}

/* =========================================================
   06B — Visual continuity refinement
   Keeps the editorial dark/light language but turns the page
   into connected chapters instead of isolated colour blocks.
   ========================================================= */
.iconic-about-journey {
  --about-light: #f2f2e9;
  --about-light-soft: #eef0e6;
  --about-dark: #07120b;
  --about-dark-soft: #10251a;
}

/* Story + Mission/Vision now read as one continuous light chapter. */
.iconic-about-story {
  background:
    radial-gradient(circle at 10% 28%, rgba(137,181,77,.12), transparent 30%),
    linear-gradient(180deg, #f6f4ed 0%, var(--about-light-soft) 100%);
  padding-bottom: clamp(3.8rem, 5.5vw, 6.2rem);
}
.iconic-about-principles {
  background: var(--about-light-soft);
  padding-top: clamp(2.2rem, 3.5vw, 4rem);
  padding-bottom: clamp(6.3rem, 8vw, 9rem);
  position: relative;
}
.iconic-about-principles::before {
  background: linear-gradient(90deg, transparent, rgba(31,57,34,.16) 20%, rgba(31,57,34,.16) 80%, transparent);
  content: '';
  height: 1px;
  left: 50%;
  max-width: 1180px;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: calc(100% - clamp(2.5rem,10vw,11rem));
}
.iconic-about-principles::after,
.iconic-about-process::after,
.iconic-about-values::after {
  bottom: -1px;
  content: '';
  height: clamp(56px, 7vw, 108px);
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 1;
}
.iconic-about-principles::after,
.iconic-about-process::after,
.iconic-about-values::after {
  background: linear-gradient(180deg, rgba(238,240,230,0), rgba(7,18,11,.94));
}
.iconic-about-principles > .iconic-about-shell,
.iconic-about-process > .iconic-about-shell,
.iconic-about-values > .iconic-about-shell { position: relative; z-index: 2; }

/* Strong dark chapters, but with an intentional soft exit into the next light chapter. */
.iconic-about-founder,
.iconic-about-team,
.iconic-about-closing { position: relative; }
.iconic-about-founder {
  background:
    radial-gradient(circle at 70% 52%, rgba(128,175,70,.14), transparent 35%),
    linear-gradient(180deg, #07120b 0%, #061009 74%, #0a170e 100%);
  padding-top: clamp(6.6rem, 8vw, 9rem);
  padding-bottom: clamp(7.4rem, 9vw, 10rem);
}
.iconic-about-founder::after,
.iconic-about-team::after {
  background: linear-gradient(180deg, rgba(7,18,11,0), rgba(238,240,230,.98));
  bottom: -1px;
  content: '';
  height: clamp(56px, 7vw, 108px);
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 1;
}
.iconic-about-founder > .iconic-about-shell,
.iconic-about-team > .iconic-about-shell { position: relative; z-index: 2; }

/* Explanatory chapter: tighter rhythm, less empty vertical space. */
.iconic-about-process {
  background: var(--about-light-soft);
  padding-top: clamp(5.6rem, 7vw, 7.8rem);
  padding-bottom: clamp(6.4rem, 8vw, 8.6rem);
  position: relative;
}
.iconic-about-process__rail article { min-height: clamp(260px, 24vw, 320px); }
.iconic-about-process__rail h3 { margin-top: clamp(3.4rem, 5vw, 5rem); }

/* Team remains a showcase chapter, with slightly more breathing room at its entrance. */
.iconic-about-team {
  background:
    radial-gradient(circle at 58% 43%, rgba(139,185,78,.14), transparent 33%),
    linear-gradient(150deg, #07120b 0%, #10291a 58%, #071009 100%);
  padding-top: clamp(7rem, 9vw, 10rem);
  padding-bottom: clamp(8rem, 10vw, 11rem);
}

/* Standards becomes a shorter reflective chapter rather than another full-page panel. */
.iconic-about-values {
  background: var(--about-light-soft);
  padding-top: clamp(5.5rem, 7vw, 7.8rem);
  padding-bottom: clamp(5.4rem, 7vw, 7.5rem);
  position: relative;
}
.iconic-about-values .iconic-about-section-head { margin-bottom: clamp(2rem, 3.4vw, 3.3rem); }
.iconic-about-values__grid article { min-height: 230px; }
.iconic-about-values__grid h3 { margin-top: clamp(2.7rem, 4vw, 4rem); }

/* Final CTA: deliberate dark landing, not just another block. */
.iconic-about-closing {
  background:
    radial-gradient(circle at 50% 45%, rgba(140,188,78,.16), transparent 32%),
    linear-gradient(180deg, #07120b 0%, #040a06 100%);
  border-top: 1px solid rgba(181,220,123,.13);
  padding-block: clamp(6.6rem, 8vw, 9rem);
}

/* Shared chapter rhythm. */
.iconic-about-story__content,
.iconic-about-section-head,
.iconic-about-founder__grid,
.iconic-about-team-stage,
.iconic-about-values__grid,
.iconic-about-process__rail { scroll-margin-top: 110px; }

@media (max-width: 767px) {
  .iconic-about-story { padding-bottom: 3.2rem; }
  .iconic-about-principles { padding-top: 2rem; padding-bottom: 5.2rem; }
  .iconic-about-founder,
  .iconic-about-team { padding-top: 5.4rem; padding-bottom: 6.2rem; }
  .iconic-about-process { padding-top: 4.7rem; padding-bottom: 5.3rem; }
  .iconic-about-values { padding-top: 4.6rem; padding-bottom: 4.8rem; }
  .iconic-about-values__grid article,
  .iconic-about-process__rail article { min-height: 0; }
  .iconic-about-closing { padding-block: 5.4rem; }
  .iconic-about-principles::after,
  .iconic-about-founder::after,
  .iconic-about-process::after,
  .iconic-about-team::after,
  .iconic-about-values::after { height: 52px; }
}

/* =========================================================
   06C — Homepage design language, About Us content
   Same visual DNA as Home: deep forest/black canvas, premium
   cream surfaces, lime accents, framed cards, restrained glow.
   This intentionally removes the "alternating full-width blocks"
   feeling introduced by the earlier editorial treatment.
   ========================================================= */
body.page-id-608.iconic-facelift {
  background: #071009 !important;
}
.iconic-about-journey {
  --about-bg: #071009;
  --about-bg-2: #0a180e;
  --about-bg-3: #0e2417;
  --about-panel: #10281a;
  --about-panel-2: #153923;
  --about-cream: #f4f2ea;
  --about-cream-soft: #ecefe3;
  --about-lime: #b7da72;
  --about-lime-soft: #dcebc9;
  --about-border: rgba(224,242,205,.14);
  --about-muted: rgba(237,246,229,.69);
  background:
    radial-gradient(circle at 18% 8%, rgba(117,164,66,.11), transparent 29%),
    linear-gradient(180deg, #071009 0%, #09150d 48%, #071009 100%);
  color: #f7faf3;
}
.iconic-about-shell {
  max-width: 1320px;
  padding-inline: clamp(1.25rem, 4.3vw, 4.25rem);
}
.iconic-about-section {
  background: transparent !important;
  padding-block: clamp(4.2rem, 7vw, 7.6rem);
}
.iconic-about-section::after,
.iconic-about-principles::before,
.iconic-about-founder::after,
.iconic-about-process::after,
.iconic-about-team::after,
.iconic-about-values::after {
  display: none !important;
}
.iconic-about-kicker { color: var(--about-lime); }
.iconic-about-index { color: rgba(225,241,207,.4); }
.iconic-about-section-head {
  align-items: end;
  margin-bottom: clamp(2rem, 4vw, 3.8rem);
}
.iconic-about-section-head h2,
.iconic-about-section-head--compact h2 {
  color: #fff;
  font-size: clamp(2.8rem, 4.8vw, 5.5rem);
  max-width: 880px;
}

/* Story: one premium framed surface on the dark page canvas. */
.iconic-about-story {
  background: transparent !important;
  padding-top: clamp(5rem, 7vw, 7.4rem);
  padding-bottom: clamp(3rem, 5vw, 5.4rem);
}
.iconic-about-story::before {
  background:
    radial-gradient(circle at 13% 32%, rgba(174,216,103,.13), transparent 28%),
    linear-gradient(135deg, rgba(24,57,35,.5), rgba(7,16,9,.15));
  border: 1px solid var(--about-border);
  border-radius: 26px;
  bottom: clamp(3rem,5vw,5.4rem);
  content: '';
  inset-inline: max(1rem, calc((100vw - 1320px)/2));
  pointer-events: none;
  top: clamp(5rem,7vw,7.4rem);
}
.iconic-about-story__grid {
  background: linear-gradient(135deg, rgba(18,45,28,.88), rgba(8,20,12,.92));
  border: 1px solid rgba(216,239,189,.13);
  border-radius: 24px;
  gap: clamp(2rem, 5vw, 5.5rem);
  grid-template-columns: minmax(170px,.38fr) minmax(0,1.62fr);
  overflow: hidden;
  padding: clamp(2rem, 4.6vw, 4.8rem);
  position: relative;
}
.iconic-about-story__grid::after {
  background: linear-gradient(90deg, transparent, rgba(183,218,114,.08), transparent);
  content: '';
  height: 1px;
  left: 7%;
  position: absolute;
  right: 7%;
  top: 51%;
}
.iconic-about-story__content h2 {
  color: #fff;
  font-size: clamp(3rem, 5.2vw, 5.9rem);
  max-width: 950px;
}
.iconic-about-story__content .iconic-about-lead { color: #dcebc9; }
.iconic-about-story__content > p { color: var(--about-muted); }
.iconic-about-proof {
  border-top-color: rgba(224,242,205,.16);
  gap: .85rem;
}
.iconic-about-proof > div {
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(224,242,205,.1) !important;
  border-radius: 16px;
  padding: 1.35rem !important;
}
.iconic-about-proof strong { color: #fff; }
.iconic-about-proof span { color: rgba(237,246,229,.6); }

/* Mission / Vision: content remains About Us, visual system becomes Home-like cards. */
.iconic-about-principles {
  background: transparent !important;
  padding-top: clamp(3rem,5vw,5.2rem);
}
.iconic-about-principles__grid { gap: clamp(1.1rem,2.2vw,2rem); }
.iconic-about-principle-card {
  border-radius: 22px;
  min-height: clamp(410px, 33vw, 540px);
  padding: clamp(2rem, 3.6vw, 3.8rem);
  box-shadow: 0 28px 70px rgba(0,0,0,.25);
}
.iconic-about-principle-card::after { border-radius: 16px; inset: .7rem; }
.iconic-about-principle-card--dark {
  background:
    radial-gradient(circle at 87% 12%, rgba(169,203,106,.14), transparent 30%),
    linear-gradient(145deg, #173c25 0%, #0b1d12 100%);
}
.iconic-about-principle-card--light {
  background: var(--about-cream);
  color: #17391f;
}
.iconic-about-card-label { margin-bottom: clamp(3.6rem, 7vw, 6.6rem); }
.iconic-about-principle-card h3 { font-size: clamp(2.25rem, 3.5vw, 4rem); }

/* Founder: a strong composed card, not a disconnected full-width colour chapter. */
.iconic-about-founder {
  background: transparent !important;
  padding-block: clamp(4rem, 7vw, 7.5rem);
}
.iconic-about-founder__grid {
  background:
    radial-gradient(circle at 86% 8%, rgba(151,195,85,.15), transparent 29%),
    linear-gradient(145deg, #0e2718 0%, #08150d 100%);
  border: 1px solid var(--about-border);
  border-radius: 24px;
  box-shadow: 0 34px 80px rgba(0,0,0,.28);
  gap: clamp(2rem, 5vw, 5.8rem);
  grid-template-columns: minmax(310px,.8fr) minmax(0,1.2fr);
  overflow: hidden;
  padding: clamp(1rem, 2.1vw, 1.7rem);
}
.iconic-about-founder__media {
  border-radius: 18px;
  box-shadow: none;
}
.iconic-about-founder__content { padding: clamp(1rem,3vw,3.2rem) clamp(.5rem,2vw,2rem); }
.iconic-about-founder__content blockquote {
  font-size: clamp(2.45rem, 4.1vw, 4.75rem);
  max-width: 760px;
}
.iconic-about-founder__signature { border-top-color: rgba(213,237,179,.14); }

/* Process: four compact dark cards, same visual rhythm as Home trust/service cards. */
.iconic-about-process {
  background: transparent !important;
  padding-block: clamp(3.8rem, 6vw, 6.8rem);
}
.iconic-about-process__rail {
  border: 0;
  gap: clamp(.8rem, 1.5vw, 1.25rem);
}
.iconic-about-process__rail article {
  background: linear-gradient(145deg, #102719 0%, #0a1a10 100%);
  border: 1px solid var(--about-border) !important;
  border-radius: 18px;
  min-height: 290px;
  padding: 1.6rem 1.5rem 1.8rem;
  transition: transform .35s var(--iconic-ease,ease), border-color .35s var(--iconic-ease,ease), background .35s var(--iconic-ease,ease);
}
.iconic-about-process__rail article:hover {
  background: linear-gradient(145deg, #173b25 0%, #0b1d12 100%);
  border-color: rgba(183,218,114,.34) !important;
  transform: translateY(-6px);
}
.iconic-about-process__rail span { color: var(--about-lime); }
.iconic-about-process__rail h3 {
  color: #fff;
  font-size: clamp(2rem,2.8vw,3rem);
  margin: clamp(3.2rem,5vw,4.6rem) 0 .85rem;
}
.iconic-about-process__rail p { color: var(--about-muted); }

/* Team keeps the rich showcase treatment and now sits naturally on same canvas. */
.iconic-about-team {
  background:
    radial-gradient(circle at 72% 42%, rgba(139,185,78,.12), transparent 30%),
    linear-gradient(140deg, #0b1c11 0%, #071009 66%, #0e2517 100%) !important;
  border-block: 1px solid rgba(224,242,205,.08);
  padding-block: clamp(5rem,8vw,8.5rem);
}
.iconic-about-team-stage__feature { border-radius: 18px; }
.iconic-about-team-thumb { border-radius: 10px; overflow: hidden; }

/* Standards: cards on dark, not another cream full-width block. */
.iconic-about-values {
  background: transparent !important;
  padding-block: clamp(4.3rem, 6.5vw, 7rem);
}
.iconic-about-values__grid {
  border: 0;
  gap: clamp(.8rem, 1.5vw, 1.25rem);
}
.iconic-about-values__grid article {
  background: rgba(255,255,255,.035);
  border: 1px solid var(--about-border) !important;
  border-radius: 18px;
  min-height: 250px;
  padding: 1.55rem 1.45rem 1.8rem;
  transition: transform .35s var(--iconic-ease,ease), background .35s var(--iconic-ease,ease), border-color .35s var(--iconic-ease,ease);
}
.iconic-about-values__grid article:nth-child(2) {
  background: var(--about-cream);
}
.iconic-about-values__grid article:nth-child(2) h3,
.iconic-about-values__grid article:nth-child(2) p { color: #17391f; }
.iconic-about-values__grid article:nth-child(2) span { color: #789b4c; }
.iconic-about-values__grid article:hover {
  border-color: rgba(183,218,114,.33) !important;
  transform: translateY(-5px);
}
.iconic-about-values__grid span { color: var(--about-lime); }
.iconic-about-values__grid h3 { color: #fff; font-size: clamp(1.9rem,2.5vw,2.8rem); }
.iconic-about-values__grid p { color: var(--about-muted); }

/* Closing CTA deliberately mirrors Home's closing invitation DNA. */
.iconic-about-closing {
  background:
    radial-gradient(circle at 50% 45%, rgba(140,188,78,.16), transparent 31%),
    linear-gradient(118deg, #153923 0%, #0b1a10 64%, #102a19 100%) !important;
  border-top: 0;
  margin: 0 clamp(1rem, 3vw, 2rem) clamp(2rem,3vw,3rem);
  border-radius: 24px;
  overflow: hidden;
  padding-block: clamp(5rem,7vw,7.4rem);
  position: relative;
}
.iconic-about-closing::before {
  border: 1px solid rgba(190,222,138,.22);
  border-radius: 17px;
  content: '';
  inset: .85rem;
  pointer-events: none;
  position: absolute;
}
.iconic-about-closing__inner { position: relative; z-index: 2; }
.iconic-about-closing h2 { max-width: 900px; }

@media (max-width: 1024px) {
  .iconic-about-story__grid { grid-template-columns: 1fr; }
  .iconic-about-story__grid::after { display: none; }
  .iconic-about-founder__grid { grid-template-columns: minmax(260px,.8fr) minmax(0,1.2fr); }
}

@media (max-width: 767px) {
  .iconic-about-section { padding-block: 3.8rem; }
  .iconic-about-story { padding-top: 3.8rem; padding-bottom: 2.3rem; }
  .iconic-about-story::before { display: none; }
  .iconic-about-story__grid { border-radius: 18px; padding: 1.65rem 1.3rem; }
  .iconic-about-story__content h2 { font-size: clamp(2.7rem,12vw,4rem); }
  .iconic-about-proof { gap: .65rem; }
  .iconic-about-principles__grid { grid-template-columns: 1fr; }
  .iconic-about-principle-card { border-radius: 18px; min-height: 390px; }
  .iconic-about-founder__grid { border-radius: 18px; grid-template-columns: 1fr; padding: .75rem; }
  .iconic-about-founder__content { padding: 1.35rem .75rem 1.5rem; }
  .iconic-about-founder__content blockquote { font-size: clamp(2.45rem,11.5vw,3.75rem); }
  .iconic-about-process__rail { grid-template-columns: 1fr; }
  .iconic-about-process__rail article { min-height: 0; }
  .iconic-about-process__rail h3 { margin-top: 2.5rem; }
  .iconic-about-team { padding-block: 4.6rem; }
  .iconic-about-values__grid { grid-template-columns: 1fr; }
  .iconic-about-values__grid article { min-height: 0; }
  .iconic-about-closing { border-radius: 18px; margin-inline: .75rem; }
}

/* =========================================================
   06D — About Us DNA refinement
   Fixes the three visual outliers identified in review:
   1) intro proof card crowding
   2) Mission/Vision escaped cream block
   3) Standards escaped cream block
   ========================================================= */

/* 1) Intro proof cards: lighter visual weight and better breathing room. */
.iconic-about-proof {
  gap: clamp(.55rem, 1vw, .9rem);
  margin-top: clamp(2rem, 3.6vw, 3.3rem);
}
.iconic-about-proof > div {
  align-content: start;
  background: linear-gradient(145deg, rgba(255,255,255,.026), rgba(255,255,255,.012));
  border: 1px solid rgba(224,242,205,.09) !important;
  border-radius: 14px;
  min-width: 0;
  padding: 1.1rem 1.15rem 1.15rem !important;
}
.iconic-about-proof strong {
  font-size: clamp(1.22rem, 1.65vw, 1.72rem);
  line-height: 1.02;
  margin-bottom: .5rem;
}
.iconic-about-proof > div:first-child strong {
  max-width: 10ch;
}
.iconic-about-proof span {
  font-size: .82rem;
  line-height: 1.5;
  max-width: 220px;
}

/* 2) Mission / Vision: one visual family. Cream becomes an accent, not a panel. */
.iconic-about-principle-card--light {
  background:
    radial-gradient(circle at 88% 12%, rgba(219,236,198,.09), transparent 28%),
    linear-gradient(145deg, #142f1e 0%, #0a1b10 100%);
  color: #f7faf3;
  border: 1px solid rgba(224,242,205,.14);
}
.iconic-about-principle-card--light::before {
  background: linear-gradient(90deg, rgba(244,242,234,.78), rgba(183,218,114,.3), transparent);
  content: '';
  height: 2px;
  left: 2rem;
  position: absolute;
  right: 45%;
  top: 0;
}
.iconic-about-principle-card--light .iconic-about-card-label {
  color: var(--about-lime);
}
.iconic-about-principle-card--light h3,
.iconic-about-principle-card--light p:last-child,
.iconic-about-principle-card--light .iconic-about-card-number {
  color: inherit;
}
.iconic-about-principle-card--light p:last-child {
  color: rgba(237,246,229,.7);
}

/* 3) Standards: all cards share the same dark Home DNA. */
.iconic-about-values__grid article,
.iconic-about-values__grid article:nth-child(2) {
  background:
    radial-gradient(circle at 88% 8%, rgba(166,208,98,.055), transparent 26%),
    linear-gradient(145deg, #102719 0%, #0a1a10 100%);
  border-color: rgba(224,242,205,.12) !important;
  color: #f7faf3;
}
.iconic-about-values__grid article:nth-child(2) {
  border-color: rgba(183,218,114,.28) !important;
  box-shadow: inset 0 2px 0 rgba(244,242,234,.16);
}
.iconic-about-values__grid article:nth-child(2) h3,
.iconic-about-values__grid article:nth-child(2) p,
.iconic-about-values__grid article:nth-child(2) span {
  color: inherit;
}
.iconic-about-values__grid article:nth-child(2) span {
  color: var(--about-lime);
}
.iconic-about-values__grid article:nth-child(2) p {
  color: var(--about-muted);
}

@media (max-width: 767px) {
  .iconic-about-proof > div {
    padding: 1rem 1.05rem !important;
  }
  .iconic-about-proof > div:first-child strong {
    max-width: none;
  }
  .iconic-about-principle-card--light::before {
    left: 1.35rem;
    right: 48%;
  }
}
