/* About only: editorial company story, project proof and practical records. */
@layer about-page-refinement;
@layer about-page-refinement {
 body[data-about-refinement] { --about-rule: #dce2e9; }
 body[data-about-refinement] .site-footer img.footer-logo,body[data-about-refinement] .site-header .brand img { content: normal !important; }
 body[data-about-refinement] .hero-content h1 .hero-highlight { font-size: 1em !important; line-height: 1.4 !important; }
 body[data-about-refinement] .hero-content > .eyebrow { background: none !important; border: 0 !important; box-shadow: none !important; text-shadow: none !important; padding: 0 !important; }
 body[data-about-refinement] .hero-content > .eyebrow::before,body[data-about-refinement] .hero-content > .eyebrow::after { content: none !important; }
 body[data-about-refinement] main > section { scroll-margin-top: 100px; padding-block: clamp(32px,4.3vw,68px) !important; }
 body[data-about-refinement] main > section + section { margin-top: 0 !important; }
 body[data-about-refinement] main .section-heading { max-width: none !important; margin: 0 0 26px !important; text-align: left !important; }
 body[data-about-refinement] main .section-heading h2 { max-width: none !important; margin-bottom: 14px !important; text-wrap: pretty; }
 body[data-about-refinement] main .section-heading p { max-width: 80ch !important; margin: 0 !important; }
 body[data-about-refinement] main .section-heading::before,body[data-about-refinement] main .section-heading::after,body[data-about-refinement] main .section-heading h2::after { content: none !important; }
 body[data-about-refinement] main :is(h3,p) { overflow: visible !important; height: auto !important; min-height: 0 !important; max-height: none !important; -webkit-line-clamp: unset !important; }
 body[data-about-refinement] main h3 { color: var(--lifa-color-primary) !important; font: 400 clamp(19px,1.5vw,24px)/1.5 'Prata',Georgia,serif !important; margin: 0 0 12px !important; }
 body[data-about-refinement] main :is(p,li) { font-size: 16px !important; line-height: 1.8 !important; }
 body[data-about-refinement] .feature-list li::before { background: var(--lifa-color-support) !important; box-shadow: none !important; }
 body[data-about-refinement] .about-hero-contact { display: flex !important; gap: 12px 24px !important; flex-wrap: wrap !important; align-items: center !important; max-width: none !important; margin: 22px 0 0 !important; font: 500 13px/1.8 'Montserrat',sans-serif !important; }
 body[data-about-refinement] .about-hero-contact a { color: #fff !important; text-decoration: underline !important; text-underline-offset: 5px; min-height: 44px; display: inline-flex; align-items: center; }
 body[data-about-refinement] .about-hero-contact span { color: #fff !important; }
 body[data-about-refinement] .about-project-proof { display: grid; grid-column: 1 / -1; grid-template-columns: minmax(0,1.3fr) minmax(0,1fr); gap: 36px; margin-top: 28px; padding: 26px 0 0; border-top: 2px solid var(--lifa-color-support); }
 body[data-about-refinement] .about-project-proof p { margin: 0 0 12px !important; }
 body[data-about-refinement] .about-project-proof dl { margin: 0; padding: 0; }
 body[data-about-refinement] .about-project-proof dl > div { display: grid; grid-template-columns: minmax(0,.7fr) minmax(0,1fr); gap: 16px; padding: 14px 0; border-bottom: 1px solid var(--about-rule); }
 body[data-about-refinement] .about-project-proof :is(dt,dd) { margin: 0; font: 400 14px/1.8 'Open Sans',sans-serif; color: var(--lifa-color-primary); }
 body[data-about-refinement] .about-project-proof dt { font-weight: 700; }
 body[data-about-refinement] .about-text-link { display: inline-flex; gap: 12px; align-items: center; min-height: 44px; color: var(--lifa-color-primary) !important; font: 600 14px/1.6 'Montserrat',sans-serif !important; text-decoration: underline; text-underline-offset: 5px; }
 body[data-about-refinement] .about-entry { display: block !important; min-width: 0 !important; min-height: 0 !important; height: auto !important; padding: 20px 0 !important; background: none !important; border: 0 !important; border-top: 1px solid var(--about-rule) !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; color: var(--lifa-color-primary) !important; text-decoration: none !important; }
 body[data-about-refinement] .about-entry::before,body[data-about-refinement] .about-entry::after { content: none !important; }
 body[data-about-refinement] .about-entry .card-link { display: inline-flex !important; align-items: center !important; min-height: 44px !important; margin: 0 !important; padding: 0 !important; color: var(--lifa-color-primary) !important; font: 600 13px/1.7 'Montserrat',sans-serif !important; text-decoration: underline !important; text-underline-offset: 4px !important; }
 body[data-about-refinement] main .about-entry p { margin: 0 0 8px !important; }
 body[data-about-refinement] [data-editorial-role='overview'] .split { align-items: start !important; gap: 36px !important; }
 body[data-about-refinement] [data-editorial-role='overview'] .image-frame { margin: 0 !important; }
 body[data-about-refinement] .founder-about-split { grid-template-columns: minmax(0,.7fr) minmax(0,1.3fr) !important; gap: 42px !important; align-items: center !important; }
 body[data-about-refinement] .founder-about-split .founder-portrait-frame { width: 100% !important; max-width: 370px !important; margin: 0 auto !important; }
 body[data-about-refinement] .founder-about-split img { width: 100% !important; height: auto !important; border-radius: 0 !important; }
 body[data-about-refinement] .founder-about-cards { grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 28px !important; margin-top: 24px !important; }
 body[data-about-refinement] .founder-about-role { font: 600 13px/1.8 'Montserrat',sans-serif !important; }
 body[data-about-refinement] [data-editorial-role='coordination'] .process-feature-card { gap: 36px !important; }
 body[data-about-refinement] [data-editorial-role='coordination'] .process-feature-content { padding: 0 !important; }
 body[data-about-refinement] .process-info-stack { gap: 32px !important; }
 body[data-about-refinement] [data-editorial-role='coordination'] :is(.process-feature-card,.process-info-stack) { grid-template-rows: auto !important; }
 body[data-about-refinement] [data-editorial-role='gallery'] .media-card > picture { background: transparent !important; }
 body[data-about-refinement] .process-info-card { padding: 18px 0 !important; border: 0 !important; border-top: 1px solid var(--about-rule) !important; background: none !important; border-radius: 0 !important; box-shadow: none !important; }
 body[data-about-refinement] [data-editorial-role='gallery'] .image-grid { display: block !important; }
 body[data-about-refinement] [data-editorial-role='gallery'] .media-card-link { display: block !important; padding: 0 !important; margin: 0 !important; min-height: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; }
 body[data-about-refinement] [data-editorial-role='gallery'] .media-card { display: grid !important; grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important; gap: 36px !important; padding-block: 24px !important; margin: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; }
 body[data-about-refinement] [data-editorial-role='gallery'] .media-card-link:nth-child(even) .media-card > :is(img,picture) { grid-column: 2 !important; }
 body[data-about-refinement] [data-editorial-role='gallery'] .media-card-link:nth-child(even) .media-card > div { grid-column: 1 !important; }
 body[data-about-refinement] [data-editorial-role='gallery'] .media-card > :is(img,picture,div) { grid-row: 1 !important; align-self: center !important; }
 body[data-about-refinement] [data-editorial-role='gallery'] .media-card > div { padding: 0 !important; }
 body[data-about-refinement] .about-shipping-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; margin-top: 12px; }
 body[data-about-refinement] main :is(.media-card,.image-frame,.founder-portrait-frame) { background: none !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; }
 body[data-about-refinement] main :is(.image-frame,.image-frame picture,.image-frame img,.founder-portrait-frame img) { clip-path: none !important; border-radius: 0 !important; }
 body[data-about-refinement] main .media-card img { width: 100% !important; height: auto !important; object-fit: contain !important; border: 0 !important; border-radius: 0 !important; }
 /* Reserve the real image shape before native lazy loading resolves. */
 body[data-about-refinement] main img[style*='--content-source-ratio'] { aspect-ratio: auto var(--content-source-ratio) !important; }
 body[data-about-refinement] [data-editorial-role='prepare'] .about-entry { display: grid !important; grid-template-columns: minmax(0,.7fr) minmax(0,1.3fr) !important; gap: 0 36px !important; }
 body[data-about-refinement] [data-editorial-role='prepare'] .about-entry h3 { grid-column: 1 !important; }
 body[data-about-refinement] [data-editorial-role='prepare'] .about-entry p { grid-column: 2 !important; grid-row: 1 / span 2 !important; }
 body[data-about-refinement] [data-editorial-role='prepare'] .about-entry .card-link { grid-column: 1 !important; }
 body[data-about-refinement] :is([data-editorial-role='risks'],[data-editorial-role='responsibilities']) .grid { gap: 32px !important; }
 body[data-about-refinement] [data-editorial-role='responsibilities'] .grid { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
 body[data-about-refinement] [data-editorial-role='risks'] .grid { display: block !important; }
 body[data-about-refinement] [data-editorial-role='risks'] .about-entry { display: grid !important; grid-template-columns: minmax(0,.8fr) minmax(0,1.8fr) !important; gap: 0 28px !important; align-items: start !important; }
 body[data-about-refinement] [data-editorial-role='risks'] .about-entry p { grid-column: 2; grid-row: 1 / span 2; }
 body[data-about-refinement] [data-editorial-role='risks'] .about-entry .card-link { grid-column: 1; }
 body[data-about-refinement] [data-editorial-role='decisions'] { background: var(--lifa-color-reading-surface) !important; }
 body[data-about-refinement] [data-editorial-role='decisions'] .about-entry > .eyebrow { display: none !important; }
 body[data-about-refinement] .editorial-principles { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 28px 40px !important; border: 0 !important; }
 body[data-about-refinement] .editorial-principles > div { padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; }
 body[data-about-refinement] .editorial-boundary { margin-top: 28px !important; padding: 18px 0 0 !important; border: 0 !important; border-top: 1px solid var(--about-rule) !important; background: none !important; box-shadow: none !important; }
 body[data-about-refinement] [data-editorial-role='directory'] { padding-block: 24px !important; }
 body[data-about-refinement] [data-editorial-role='directory'] .section-heading { margin-bottom: 16px !important; }
 body[data-about-refinement] [data-editorial-role='directory'] h2 { font-size: clamp(23px,2.3vw,32px) !important; }
 body[data-about-refinement] [data-editorial-role='directory'] .grid { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 0 36px !important; }
 body[data-about-refinement] [data-editorial-role='directory'] .about-entry { display: block !important; padding-block: 16px !important; }
 body[data-about-refinement] [data-editorial-role='directory'] .about-entry:last-child:nth-child(odd) { grid-column: 1 / -1 !important; }
 body[data-about-refinement] [data-editorial-role='directory'] .about-entry h3 { font: 600 16px/1.6 'Montserrat',sans-serif !important; grid-column: 1 !important; margin-bottom: 6px !important; }
 body[data-about-refinement] [data-editorial-role='directory'] .about-entry p { font-size: 14px !important; grid-column: 1 !important; }
 body[data-about-refinement] [data-editorial-role='directory'] .about-entry .card-link { display: inline-flex !important; width: auto !important; max-width: none !important; gap: 12px !important; text-transform: none !important; }
 body[data-about-refinement] [data-editorial-role='directory'] .about-entry .card-link::after { margin-left: 0 !important; }
 body[data-about-refinement] main :is(a,button,[tabindex]):focus-visible { outline: 3px solid var(--lifa-color-primary) !important; outline-offset: 5px !important; }
 body[data-about-refinement] .about-hero-contact a:focus-visible { outline: 3px solid var(--lifa-color-accent) !important; outline-offset: 4px; }
 body[data-about-refinement] main .cta-band :is(a,button):focus-visible { outline-color: var(--lifa-color-accent) !important; }
 @media (hover:hover) and (pointer:fine) {
  body[data-about-refinement] a.about-entry:hover h3 { text-decoration: underline; text-underline-offset: 5px; }
 }
 @media(max-width:1000px) {
  body[data-about-refinement] .founder-about-split { grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr) !important; gap: 28px !important; }
  body[data-about-refinement] [data-editorial-role='directory'] .about-entry { display: block !important; }
  body[data-about-refinement] [data-editorial-role='risks'] .about-entry { grid-template-columns: minmax(0,.8fr) minmax(0,1.5fr) !important; gap: 0 24px !important; }
 }
 @media(max-width:760px) {
  body[data-about-refinement] main > section { padding-block: 32px !important; }
  body[data-about-refinement] main .section-heading { margin-bottom: 20px !important; }
  body[data-about-refinement] .about-project-proof,body[data-about-refinement] .founder-about-split { grid-template-columns: minmax(0,1fr) !important; gap: 22px !important; }
  body[data-about-refinement] .about-project-proof dl > div { grid-template-columns: minmax(0,.7fr) minmax(0,1fr); }
  body[data-about-refinement] .founder-about-split .founder-portrait-frame { max-width: 270px !important; }
  body[data-about-refinement] [data-editorial-role='gallery'] .media-card { grid-template-columns: minmax(0,1fr) !important; gap: 20px !important; }
  body[data-about-refinement] [data-editorial-role='gallery'] .media-card > :is(img,picture) { grid-column: 1 !important; grid-row: 1 !important; }
  body[data-about-refinement] [data-editorial-role='gallery'] .media-card > div { grid-column: 1 !important; grid-row: 2 !important; }
  body[data-about-refinement] [data-editorial-role='gallery'] .media-card-link:nth-child(even) .media-card > :is(img,picture) { grid-column: 1 !important; grid-row: 1 !important; }
  body[data-about-refinement] [data-editorial-role='gallery'] .media-card-link:nth-child(even) .media-card > div { grid-column: 1 !important; grid-row: 2 !important; }
  body[data-about-refinement] [data-editorial-role='prepare'] .about-entry { display: block !important; }
  body[data-about-refinement] [data-editorial-role='risks'] .about-entry { display: block !important; }
  body[data-about-refinement] [data-editorial-role='responsibilities'] .grid { grid-template-columns: minmax(0,1fr) !important; gap: 0 !important; }
  body[data-about-refinement] .editorial-principles,body[data-about-refinement] [data-editorial-role='directory'] .grid { grid-template-columns: minmax(0,1fr) !important; gap: 0 !important; }
  body[data-about-refinement] .editorial-principles { gap: 24px !important; }
  body[data-about-refinement] .founder-about-cards { grid-template-columns: minmax(0,1fr) !important; gap: 0 !important; }
  body[data-about-refinement] [data-editorial-role='directory'] { padding-block: 22px !important; }
  body[data-about-refinement] .about-hero-contact { gap: 4px !important; flex-direction: column !important; align-items: flex-start !important; }
 }
 @media(max-width:500px) {
  /* Keep the original fixed contact circles clear of primary hero actions. */
  body[data-about-refinement] .hero-actions { width: calc(100% - 56px) !important; }
 }
}
