/**
 * File: assets/css/frontend/pages/company/about.css
 * Purpose: Styles the premium first-party HyperDAF About Us platform template.
 * Scope: About Us page only; commerce state and product data remain HyperDAF Engine-owned.
 * Related PHP: src/Frontend/Pages/Company/AboutPageRenderer.php
 * Related CSS: assets/css/frontend/pages/company/shell.css, assets/css/frontend/pages/company/responsive.css
 * Package: HyperDAF Pro
 */
.hdf-about-page,
.hdf-about-page *,
.hdf-about-page *::before,
.hdf-about-page *::after{box-sizing:border-box}.hdf-about-page{--hdf-about-accent:var(--hdf-color-primary-strong);--hdf-about-soft:var(--hdf-color-surface-selected);--hdf-about-border:var(--hdf-color-border);--hdf-about-text:var(--hdf-color-text-primary);--hdf-about-muted:var(--hdf-color-text-secondary);padding:clamp(1.25rem,3vw,2.5rem) max(1rem,3vw);overflow-x:clip;background:linear-gradient(180deg,var(--hdf-color-surface-subtle),var(--hdf-color-surface-muted) 26%,var(--hdf-color-surface-muted));color:var(--hdf-about-text)}.hdf-about-page__inner{display:grid;gap:var(--hdf-about-section-gap,2rem);width:min(100%,var(--hdf-about-max-width,80rem));margin-inline:auto;min-width:0}.hdf-about-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(24rem,.94fr);gap:clamp(1.5rem,4vw,4rem);align-items:center;min-width:0;padding:clamp(2rem,5vw,4.25rem);overflow:hidden;border:1px solid var(--hdf-about-border);border-radius:1.25rem;background:var(--hdf-color-surface)}.hdf-about-page.is-hero-editorial .hdf-about-hero{grid-template-columns:minmax(0,1fr);text-align:center}.hdf-about-page.is-hero-editorial .hdf-about-hero__copy{max-width:52rem;margin-inline:auto}.hdf-about-page.is-hero-editorial .hdf-about-hero__visual{width:min(100%,50rem);margin-inline:auto}.hdf-about-hero__copy,.hdf-about-hero__visual{min-width:0}.hdf-about-eyebrow{margin:0;color:var(--hdf-about-accent);font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hdf-about-hero h1{max-width:17ch;margin:.7rem 0 0;color:var(--hdf-about-text);font-size:clamp(2.45rem,5vw,4.75rem);font-weight:750;line-height:.98;letter-spacing:-.05em}.hdf-about-page.is-hero-editorial .hdf-about-hero h1{margin-inline:auto}.hdf-about-hero__intro{max-width:43rem;margin:1.25rem 0 0;color:var(--hdf-about-muted);font-size:clamp(1rem,1.55vw,1.2rem);line-height:1.7}.hdf-about-page.is-hero-editorial .hdf-about-hero__intro{margin-inline:auto}.hdf-about-hero__badge{display:inline-flex;align-items:center;gap:.55rem;margin-top:1.35rem;padding:.55rem .85rem;border:1px solid color-mix(in srgb,var(--hdf-about-accent) 28%,var(--hdf-about-border));border-radius:999px;background:var(--hdf-about-soft);color:var(--hdf-about-accent);font-size:.82rem;font-weight:750}.hdf-about-hero__badge .hdf-icon{width:1rem;height:1rem}.hdf-about-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.hdf-about-page.is-hero-editorial .hdf-about-actions{justify-content:center}.hdf-about-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.9rem;padding:.7rem 1.1rem;border:1px solid var(--hdf-about-border);border-radius:.65rem;font-size:.9rem;font-weight:750;text-decoration:none;transition:background-color .18s ease,border-color .18s ease,color .18s ease}.hdf-about-button .hdf-icon{width:1rem;height:1rem}.hdf-about-button.is-primary{border-color:var(--hdf-about-accent);background:var(--hdf-about-accent);color:var(--hdf-color-text-inverse)}.hdf-about-button.is-secondary{background:var(--hdf-color-surface);color:var(--hdf-about-text)}.hdf-about-button.is-primary:hover,.hdf-about-button.is-primary:focus-visible{background:var(--hdf-color-primary-hover);border-color:var(--hdf-color-primary-hover);color:var(--hdf-color-text-inverse)}.hdf-about-button.is-secondary:hover,.hdf-about-button.is-secondary:focus-visible{border-color:var(--hdf-about-accent);color:var(--hdf-about-accent)}.hdf-about-hero__visual{position:relative;isolation:isolate}.hdf-about-platform-card{position:relative;z-index:1;padding:1rem;border:1px solid color-mix(in srgb,var(--hdf-about-accent) 18%,var(--hdf-about-border));border-radius:1rem;background:var(--hdf-color-surface);}.hdf-about-platform-card__head{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:center;padding:.25rem .25rem 1rem;border-bottom:1px solid var(--hdf-about-border)}.hdf-about-platform-card__head>span{display:grid;width:2.6rem;height:2.6rem;place-items:center;border-radius:.75rem;background:var(--hdf-about-soft);color:var(--hdf-about-accent)}.hdf-about-platform-card__head .hdf-icon{width:1.25rem;height:1.25rem}.hdf-about-platform-card__head div{display:grid;gap:.08rem;min-width:0}.hdf-about-platform-card__head small,.hdf-about-platform-card__head em{color:var(--hdf-about-muted);font-size:.7rem;font-style:normal}.hdf-about-platform-card__head strong{font-size:1rem}.hdf-about-platform-card__head em{padding:.35rem .55rem;border-radius:999px;background:var(--hdf-color-surface-subtle);white-space:nowrap}.hdf-about-platform-card__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding-block:1rem}.hdf-about-platform-card__grid>span{display:grid;grid-template-columns:auto 1fr;gap:.2rem .6rem;align-items:center;min-width:0;padding:.9rem;border:1px solid var(--hdf-about-border);border-radius:.75rem;background:var(--hdf-color-surface-subtle)}.hdf-about-platform-card__grid .hdf-icon{grid-row:1/3;width:1.35rem;height:1.35rem;color:var(--hdf-about-accent)}.hdf-about-platform-card__grid strong{font-size:.86rem}.hdf-about-platform-card__grid small{overflow:hidden;color:var(--hdf-about-muted);font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.hdf-about-platform-card__flow{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.7rem .8rem;border-radius:.7rem;background:var(--hdf-about-soft);color:var(--hdf-about-accent);font-size:.7rem;font-weight:750}.hdf-about-platform-card__flow i{display:block;flex:1;height:1px;background:color-mix(in srgb,var(--hdf-about-accent) 28%,transparent)}.hdf-about-hero__shape{position:absolute;z-index:-1;border-radius:999px;background:color-mix(in srgb,var(--hdf-about-accent) 8%,transparent);pointer-events:none}.hdf-about-hero__shape--one{width:15rem;height:15rem;right:-4rem;top:-4rem}.hdf-about-hero__shape--two{width:9rem;height:9rem;left:-2rem;bottom:-3rem}.hdf-about-ownership{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--hdf-about-border);border-radius:1rem;background:var(--hdf-color-surface);overflow:hidden}.hdf-about-ownership>div{display:flex;align-items:center;gap:.75rem;min-width:0;padding:1rem 1.15rem;border-right:1px solid var(--hdf-about-border)}.hdf-about-ownership>div:last-child{border-right:0}.hdf-about-ownership .hdf-icon{width:1.35rem;height:1.35rem;flex:0 0 auto;color:var(--hdf-about-accent)}.hdf-about-ownership span{display:grid;gap:.15rem;min-width:0}.hdf-about-ownership strong{font-size:.84rem}.hdf-about-ownership small{overflow:hidden;color:var(--hdf-about-muted);font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.hdf-about-section{display:grid;gap:1.25rem;min-width:0;padding:clamp(1.5rem,3.5vw,2.5rem);border:1px solid var(--hdf-about-border);border-radius:1rem;background:var(--hdf-color-surface)}.hdf-about-section--soft{background:var(--hdf-color-surface-subtle)}.hdf-about-section__header{display:grid;gap:.55rem;max-width:49rem}.hdf-about-section__header h2{margin:0;color:var(--hdf-about-text);font-size:clamp(1.65rem,3vw,2.45rem);line-height:1.08;letter-spacing:-.035em}.hdf-about-section__header>p:last-child{margin:0;color:var(--hdf-about-muted);font-size:.98rem;line-height:1.7}.hdf-about-story{grid-template-columns:minmax(0,1.1fr) minmax(20rem,.9fr);gap:clamp(1.5rem,4vw,3rem);align-items:center}.hdf-about-story__copy,.hdf-about-story__visual{min-width:0}.hdf-about-story__editor{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--hdf-about-border)}.hdf-about-story__editor>:first-child{margin-top:0}.hdf-about-story__editor>:last-child{margin-bottom:0}.hdf-about-story__editor p,.hdf-about-story__editor li{color:var(--hdf-about-muted);line-height:1.75}.hdf-about-story__statement{display:grid;grid-template-columns:auto 1fr;gap:.8rem;margin-top:1.25rem;padding:1rem;border:1px solid color-mix(in srgb,var(--hdf-about-accent) 22%,var(--hdf-about-border));border-radius:.8rem;background:var(--hdf-about-soft)}.hdf-about-story__statement .hdf-icon{width:1.35rem;height:1.35rem;color:var(--hdf-about-accent)}.hdf-about-story__statement p{display:grid;gap:.3rem;margin:0}.hdf-about-story__statement strong{font-size:.88rem}.hdf-about-story__statement span{color:var(--hdf-about-muted);font-size:.84rem;line-height:1.6}.hdf-about-story__image,.hdf-about-story-visual{display:block;width:100%;aspect-ratio:4/3;border:1px solid var(--hdf-about-border);border-radius:1rem;object-fit:cover}.hdf-about-story-visual{position:relative;overflow:hidden;background:linear-gradient(145deg,var(--hdf-about-soft),var(--hdf-color-surface));isolation:isolate}.hdf-about-story-visual::before{position:absolute;inset:0;background:radial-gradient(circle at 74% 20%,color-mix(in srgb,var(--hdf-about-accent) 16%,transparent),transparent 46%);content:""}.hdf-about-story-visual__brand{position:absolute;z-index:2;top:1.2rem;left:1.2rem;display:grid;grid-template-columns:auto 1fr;gap:.08rem .55rem;align-items:center;padding:.75rem .9rem;border:1px solid color-mix(in srgb,var(--hdf-about-accent) 18%,var(--hdf-about-border));border-radius:.8rem;background:color-mix(in srgb,var(--hdf-color-surface) 90%,transparent)}.hdf-about-story-visual__brand .hdf-icon{grid-row:1/3;width:1.4rem;height:1.4rem;color:var(--hdf-about-accent)}.hdf-about-story-visual__brand strong{font-size:.9rem}.hdf-about-story-visual__brand small{color:var(--hdf-about-muted);font-size:.68rem}.hdf-about-story-visual__layer{position:absolute;z-index:2;display:flex;align-items:center;gap:.65rem;min-width:10rem;padding:.85rem 1rem;border:1px solid var(--hdf-about-border);border-radius:.8rem;background:var(--hdf-color-surface);}.hdf-about-story-visual__layer .hdf-icon{width:1.2rem;height:1.2rem;color:var(--hdf-about-accent)}.hdf-about-story-visual__layer strong{font-size:.8rem}.hdf-about-story-visual__layer.is-one{right:1rem;top:33%}.hdf-about-story-visual__layer.is-two{left:1rem;bottom:25%}.hdf-about-story-visual__layer.is-three{right:2rem;bottom:1rem}.hdf-about-card-grid{display:grid;grid-template-columns:repeat(var(--hdf-about-card-columns,4),minmax(0,1fr));gap:1rem;min-width:0}.hdf-about-card{display:grid;grid-template-columns:auto 1fr;gap:.9rem;min-width:0;padding:1.15rem;border:1px solid var(--hdf-about-border);border-radius:.85rem;background:var(--hdf-color-surface)}.hdf-about-page.is-surface-elevated .hdf-about-card{border-color:color-mix(in srgb,var(--hdf-about-accent) 18%,var(--hdf-about-border));background:var(--hdf-color-surface-subtle)}.hdf-about-card__icon{display:grid;width:2.65rem;height:2.65rem;place-items:center;border-radius:.75rem;background:var(--hdf-about-soft);color:var(--hdf-about-accent)}.hdf-about-card__icon .hdf-icon{width:1.3rem;height:1.3rem}.hdf-about-card>div{min-width:0}.hdf-about-card small{display:block;margin-bottom:.35rem;color:var(--hdf-about-accent);font-size:.65rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.hdf-about-card h3{margin:0;color:var(--hdf-about-text);font-size:1rem;line-height:1.25}.hdf-about-card p{margin:.5rem 0 0;color:var(--hdf-about-muted);font-size:.84rem;line-height:1.62}.hdf-about-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none;counter-reset:none}.hdf-about-process li{display:grid;gap:.9rem;min-width:0;padding:1.2rem;border:1px solid var(--hdf-about-border);border-radius:.85rem;background:var(--hdf-color-surface)}.hdf-about-process li>span{display:grid;width:2.25rem;height:2.25rem;place-items:center;border-radius:999px;background:var(--hdf-about-accent);color:var(--hdf-color-text-inverse);font-size:.72rem;font-weight:800}.hdf-about-process h3{margin:0;font-size:1rem}.hdf-about-process p{margin:.45rem 0 0;color:var(--hdf-about-muted);font-size:.84rem;line-height:1.62}.hdf-about-values__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.hdf-about-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.5rem;align-items:center;padding:clamp(1.5rem,4vw,2.5rem);border:1px solid color-mix(in srgb,var(--hdf-about-accent) 22%,var(--hdf-about-border));border-radius:1rem;background:linear-gradient(135deg,var(--hdf-about-soft),var(--hdf-color-surface))}.hdf-about-cta>div:first-child{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start;min-width:0}.hdf-about-cta>div:first-child>span{display:grid;width:3rem;height:3rem;place-items:center;border-radius:.85rem;background:var(--hdf-color-surface);color:var(--hdf-about-accent)}.hdf-about-cta>div:first-child>span .hdf-icon{width:1.45rem;height:1.45rem}.hdf-about-cta h2{max-width:24ch;margin:.4rem 0 0;font-size:clamp(1.45rem,2.5vw,2.15rem);line-height:1.12;letter-spacing:-.03em}.hdf-about-cta>div:first-child p:last-child{max-width:44rem;margin:.65rem 0 0;color:var(--hdf-about-muted);line-height:1.65}.hdf-about-cta .hdf-about-actions{flex-wrap:nowrap;margin-top:0}.hdf-about-page a:focus-visible,.hdf-about-page button:focus-visible{outline:3px solid var(--hdf-color-focus);outline-offset:3px}