/* About content is visible immediately. No scroll reveals, counters, or sliders. */
.page-template-template-about {
    --about-surface:#e9edef;
    background:var(--about-surface);
}
body.page-template-template-about main.feronex-about-page {
    max-width:none;
    padding:0;
    margin:0;
    overflow:clip;
}
.feronex-about-page .section { padding:150px var(--pad); }
.feronex-about-page article p { margin:0; }
.feronex-about-page article a { text-decoration:none; }
.feronex-about-page h2 { font-size:clamp(38px,4.5vw,72px); }
.feronex-about-page .eyebrow { margin-bottom:24px; }
.feronex-about-page .about-page-description {
    color:var(--muted);
    font-size:16px;
    line-height:1.65;
}
.about-page-principles,.about-page-offer,.about-page-feedback {
    background-attachment:fixed;
    background-position:center;
    background-size:cover;
}
.about-page-principles::after,.about-page-offer::after {
    content:'';
    position:absolute;
    inset:0;
    z-index:-1;
    background:linear-gradient(90deg,#101f2ec9,#101b2590);
}
.about-page-intro-grid {
    display:grid;
    grid-template-columns:1.2fr .9fr;
    gap:clamp(50px,7.5vw,140px);
}
.about-page-intro h2 { max-width:750px; font-size:clamp(42px,5.2vw,80px); }
.about-page-worker {
    position:relative;
    max-width:600px;
    margin:96px 40px 64px 0;
}
.about-page-worker>img {
    width:100%;
    aspect-ratio:600/320;
    object-fit:cover;
    clip-path:polygon(0 15%,15% 15%,15% 0,29% 0,29% 15%,38% 15%,38% 0,100% 0,100% 100%,0 100%);
}
.about-page-worker::after {
    content:'';
    position:absolute;
    left:18%;
    top:43%;
    width:9%;
    aspect-ratio:1;
    background:var(--about-surface);
}
.about-page-badge {
    position:absolute;
    bottom:-64px;
    right:-40px;
    width:280px;
    min-height:250px;
    background:var(--yellow);
    color:var(--ink);
    padding:28px 30px;
    clip-path:polygon(0 0,100% 0,100% 78%,89% 78%,89% 100%,0 100%);
    z-index:1;
}
.about-page-badge strong {
    display:block;
    font-size:clamp(52px,5.2vw,88px);
    font-weight:600;
    line-height:1;
    letter-spacing:-.045em;
    margin-bottom:44px;
    overflow-wrap:anywhere;
}
.about-page-badge span {
    display:block;
    font-size:16px;
    line-height:1.3;
    text-transform:uppercase;
    max-width:200px;
}
.about-page-intro-copy { padding-top:30px; }
.about-page-facility { margin-bottom:36px; }
.about-page-facility>img {
    width:100%;
    aspect-ratio:540/320;
    object-fit:cover;
    clip-path:polygon(0 0,59% 0,59% 15%,68% 15%,68% 0,84% 0,84% 15%,100% 15%,100% 100%,0 100%);
}
.about-page-facility { position:relative; }
.about-page-facility::after {
    content:'';
    position:absolute;
    width:16%;
    aspect-ratio:1;
    top:15%;
    right:16%;
    background:var(--about-surface);
    box-shadow:-55px 70px 0 -13px var(--about-surface);
}
.about-page-intro-copy .about-page-lead {
    font-size:19px;
    font-weight:500;
    line-height:1.45;
    margin-bottom:20px;
}
.about-page-intro-copy .plus-list { font-size:15px; margin-top:28px; }
.about-page-intro-copy .button { margin-top:40px; }
.about-page-principles,.about-page-offer {
    position:relative;
    isolation:isolate;
    color:white;
    background:#20282c;
}
.about-page-band-content { position:relative; }
.about-page-principles h2 { max-width:850px; }
.about-page-stat-grid {
    margin:70px 0 0;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
}
.about-page-stat-grid>div { display:flex; flex-direction:column-reverse; padding:15px 36px; border-left:1px solid #ffffff30; }
.about-page-stat-grid>div:first-child { padding-left:0; border-left:0; }
.about-page-stat-grid dd { margin:0 0 18px; font-size:clamp(65px,7vw,110px); font-weight:600; line-height:1; letter-spacing:-.045em; color:var(--yellow); }
.about-page-stat-grid dt { font-size:17px; max-width:280px; }
.about-page-story { background:#fff; position:relative; }
.about-page-watermark {
    position:absolute;
    top:18px;
    left:var(--pad);
    font-size:clamp(90px,16vw,250px);
    font-weight:700;
    color:#f2f3f1;
    line-height:1;
    text-transform:uppercase;
    pointer-events:none;
}
.about-page-section-heading {
    display:grid;
    grid-template-columns:1.45fr 1fr;
    gap:70px;
    align-items:center;
    position:relative;
    margin-bottom:70px;
}
.about-page-story-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:30px; position:relative; }
.about-page-story-photo { position:relative; isolation:isolate; }
.about-page-story-photo img { width:100%; height:160px; object-fit:cover; }
.about-page-story-photo::after { content:''; position:absolute; inset:0; background:#17232450; }
.about-page-story-photo span { position:absolute; inset:0; display:grid; place-items:center; font-size:clamp(45px,5.3vw,80px); font-weight:600; letter-spacing:-.04em; color:var(--yellow); z-index:1; }
.feronex-about-page .about-page-story-card .about-page-card-label { margin:28px 0 12px; font-size:11px; text-transform:uppercase; font-weight:600; color:var(--muted); letter-spacing:1px; }
.about-page-story-card h3 { font-size:26px; line-height:1.2; margin-bottom:18px; }
.about-page-story-card .about-page-description { font-size:14px; }
.about-page-word-strip {
    white-space:nowrap;
    overflow:hidden;
    padding:32px 0 40px;
    font-size:clamp(66px,9.5vw,150px);
    font-weight:600;
    line-height:1.1;
    text-transform:uppercase;
    color:transparent;
    -webkit-text-stroke:1px #b7bcb9;
}
.feronex-about-page .about-page-why {
    display:grid;
    grid-template-columns:.95fr 1.1fr;
    align-items:center;
    gap:clamp(65px,7.5vw,120px);
    padding-top:95px;
    padding-bottom:180px;
}
.about-page-why-image { position:relative; margin-right:25px; }
.about-page-why-image>img { width:100%; aspect-ratio:570/680; object-fit:cover; clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 68%,8% 68%,8% 60%,0 60%); }
.about-page-why-image::after { content:''; position:absolute; top:9%; right:0; width:12%; aspect-ratio:1; background:var(--about-surface); box-shadow:-52px 52px 0 -9px var(--about-surface); }
.about-page-why-copy>h2 { margin-bottom:30px; }
.about-page-capabilities { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:38px 30px; margin:40px 0 0; }
.about-page-capabilities article { display:flex; align-items:flex-start; gap:16px; }
.about-page-capability-icon { color:#bf860b; font-size:42px; line-height:1; width:42px; flex-shrink:0; }
.about-page-capabilities h3 { font-size:19px; line-height:1.2; margin-bottom:10px; }
.about-page-capabilities .about-page-description { font-size:14px; }
.about-page-offer h2 { max-width:900px; }
.about-page-offer-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:50px; max-width:950px; margin-top:60px; }
.about-page-offer-grid article { display:flex; gap:24px; align-items:flex-start; }
.about-page-offer-grid article>span { color:var(--yellow); font-size:42px; line-height:1; }
.about-page-offer-grid h3 { font-size:25px; margin-bottom:16px; }
.about-page-offer-grid p { color:#d1d5d1; font-size:16px; }
.about-page-offer .button { margin-top:50px; }
.about-page-centered-heading { text-align:center; max-width:1000px; margin:0 auto 65px; }
.about-page-centered-heading .eyebrow { margin-inline:auto; }
.about-page-centered-heading>.about-page-description { margin-top:25px; }
.about-page-team-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:35px; }
.about-page-team-grid img { width:100%; aspect-ratio:4/5; object-fit:cover; }
.about-page-team-grid h3 { margin:25px 0 12px; font-size:28px; }
.about-page-team-grid p { color:var(--muted); font-size:15px; }
.about-page-feedback {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:90px;
    isolation:isolate;
    color:white;
    background:#1a272a;
}
.about-page-feedback::after { content:''; position:absolute; inset:0; background:#102328cc; z-index:-1; }
.about-page-feedback>section { position:relative; }
.about-page-feedback .about-page-centered-heading { text-align:left; margin-bottom:35px; }
.about-page-feedback .eyebrow { margin-inline:0; }
.about-page-feedback .about-page-description { color:#d1d5d1; }
.about-page-feedback .about-page-quote-grid { grid-template-columns:1fr; gap:28px; }
.about-page-feedback .about-page-quote-grid figure { border-color:#ffffff30; }
.about-page-feedback .about-page-quote-mark { height:45px; font-size:60px; }
.about-page-feedback .about-page-quote-grid blockquote { font-size:20px; margin-bottom:20px; }
.about-page-feedback .about-page-quote-grid figcaption span { color:#bbc6c4; }
.about-page-quote-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:35px; }
.about-page-quote-grid figure { margin:0; display:flex; flex-direction:column; border-top:1px solid var(--line); padding-top:20px; }
.about-page-quote-mark { font-size:82px; line-height:1; color:#c38b10; height:70px; }
.about-page-quote-grid blockquote { font-size:22px; line-height:1.5; margin:0 0 32px; }
.about-page-quote-grid figcaption { margin-top:auto; display:flex; flex-direction:column; gap:7px; }
.about-page-quote-grid figcaption strong { font-size:16px; }
.about-page-quote-grid figcaption span { font-size:12px; color:var(--muted); }
.about-page-contact { display:flex; flex-direction:column; gap:36px; }
.about-page-contact h2 { margin-bottom:30px; }
.about-page-contact .text-link { font-size:13px; }
.about-page-form { background:#ffffff12; border:1px solid #ffffff30; padding:40px; min-width:0; }
.about-page-form .fluentform .ff-el-input--label label { color:var(--ink); }
.about-page-form .fluentform .ff-el-form-control,.about-page-form .fluentform .choices__inner { color:var(--ink); background:var(--about-surface); border-color:#c9cdcb; }
.about-page-form .fluentform .ff-el-form-control::placeholder,.about-page-form .fluentform .choices__input::placeholder { color:#626762; }
.about-page-form .fluentform .choices__input { color:var(--ink); }
.about-page-form .fluentform .ff-el-is-error .text-danger { color:#a82116; }
#about-contact .about-page-form .fluentform .ff-btn-submit { background:var(--yellow); color:var(--ink); border:0; border-radius:0; padding:18px 25px; font:inherit; font-weight:600; transition:background .25s,color .25s; }
#about-contact .about-page-form .fluentform .ff-btn-submit:disabled { opacity:.65; }
.about-page-form option { color:var(--ink); background:#fff; }
.about-page-extra { background:#fff; }
.about-page-extra p { margin:20px 0; }
.about-page-extra a { text-decoration:underline; }
.about-page-feedback .about-page-form .fluentform .ff-el-input--label label { color:white; }
.about-page-feedback .about-page-form .fluentform .ff-el-form-control,.about-page-feedback .about-page-form .fluentform .choices__inner { color:white; background:#ffffff12; border-color:#ffffff30; }
.about-page-feedback .about-page-form .fluentform .ff-el-form-control::placeholder,.about-page-feedback .about-page-form .fluentform .choices__input::placeholder { color:#d1d5d1; }
.about-page-feedback .about-page-form .fluentform .choices__input { color:white; }
.about-page-feedback .about-page-form .fluentform .ff-el-is-error .text-danger { color:#ffd3cc; }
#about-contact .about-page-form .fluentform .ff-btn-submit:hover,#about-contact .about-page-form .fluentform .ff-btn-submit:focus-visible { background:white; color:var(--ink); }
@media(max-width:1100px) {
    .feronex-about-page .section { padding-block:100px; }
    .about-page-intro-grid { gap:50px; grid-template-columns:1.1fr .95fr; }
    .about-page-worker { margin-top:70px; }
    .about-page-badge { width:220px; min-height:200px; padding:24px; }
    .about-page-badge strong { font-size:64px; margin-bottom:30px; }
    .about-page-badge span { font-size:14px; }
    .about-page-story-grid { gap:22px; }
    .about-page-story-card h3 { font-size:22px; }
    .feronex-about-page .about-page-why { gap:55px; padding-bottom:145px; }
    .about-page-capabilities { gap:25px 20px; }
    .about-page-capabilities article { gap:10px; }
    .about-page-capability-icon { font-size:32px; width:32px; }
    .about-page-feedback { gap:45px; }
    .about-page-form { padding:30px; }
}
@media(max-width:900px) {
    .feronex-about-page .section { padding-block:80px; }
    .about-page-intro-grid { gap:40px; }
    .about-page-intro h2 { font-size:clamp(32px,5vw,45px); }
    .about-page-worker { margin-top:55px; margin-right:20px; }
    .about-page-badge { width:180px; min-height:165px; padding:20px; right:-20px; bottom:-40px; }
    .about-page-badge strong { font-size:52px; margin-bottom:23px; }
    .about-page-badge span { font-size:12px; }
    .about-page-intro-copy { padding-top:20px; }
    .about-page-intro-copy .about-page-lead { font-size:16px; }
    .feronex-about-page .about-page-description { font-size:14px; }
    .about-page-intro-copy .plus-list { font-size:13px; }
    .about-page-section-heading { gap:35px; }
    .about-page-story-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:40px 30px; }
    .about-page-story-photo span { font-size:72px; }
    .feronex-about-page .about-page-why { grid-template-columns:1fr; gap:90px; padding-top:55px; padding-bottom:85px; }
    .about-page-why-image { max-width:540px; width:calc(100% - 25px); margin:0 auto; }
    .about-page-why-image>img { aspect-ratio:6/5; }
    .about-page-why-image .about-page-badge { width:230px; min-height:205px; }
    .about-page-why-image .about-page-badge strong { font-size:65px; margin-bottom:35px; }
    .about-page-capabilities h3 { font-size:22px; }
    .about-page-offer-grid { gap:35px; }
    .about-page-team-grid { gap:22px; }
    .about-page-team-grid h3 { font-size:22px; }
    .about-page-quote-grid { gap:25px; }
    .about-page-quote-grid blockquote { font-size:18px; }
    .about-page-feedback { grid-template-columns:1fr; gap:60px; }
}
@media(max-width:600px) {
    .feronex-about-page .section { padding-block:65px; }
    .feronex-about-page h2,.about-page-intro h2 { font-size:clamp(32px,8.4vw,46px); }
    .about-page-intro-grid { grid-template-columns:1fr; gap:40px; }
    .about-page-worker { margin-top:45px; margin-bottom:55px; max-width:none; }
    .about-page-badge { width:185px; min-height:170px; }
    .about-page-badge strong { font-size:54px; }
    .about-page-intro-copy { padding-top:0; }
    .about-page-facility { margin-bottom:25px; }
    .about-page-stat-grid { grid-template-columns:1fr; margin-top:35px; }
    .about-page-stat-grid>div,.about-page-stat-grid>div:first-child { padding:25px 0; border-left:0; border-bottom:1px solid #ffffff30; }
    .about-page-stat-grid>div:last-child { border-bottom:0; padding-bottom:0; }
    .about-page-stat-grid dd { font-size:80px; }
    .about-page-stat-grid dt { max-width:none; font-size:15px; }
    .about-page-section-heading { grid-template-columns:1fr; gap:25px; margin-bottom:40px; }
    .about-page-watermark { top:12px; }
    .about-page-story-grid { gap:35px 18px; }
    .about-page-story-photo img { height:140px; }
    .about-page-story-photo span { font-size:62px; }
    .about-page-story-card h3 { font-size:21px; }
    .about-page-story-card .about-page-description { font-size:13px; }
    .feronex-about-page .about-page-story-card .about-page-card-label { font-size:10px; }
    .about-page-word-strip { font-size:65px; padding:22px 0; }
    .feronex-about-page .about-page-why { padding-top:40px; gap:90px; }
    .about-page-capabilities { gap:30px 20px; }
    .about-page-capabilities article { flex-direction:column; gap:15px; }
    .about-page-capabilities h3 { font-size:19px; }
    .about-page-offer-grid { grid-template-columns:1fr; gap:32px; margin-top:38px; }
    .about-page-offer-grid h3 { font-size:23px; }
    .about-page-offer-grid p { font-size:14px; }
    .about-page-centered-heading { margin-bottom:40px; }
    .about-page-team-grid { grid-template-columns:1fr; gap:38px; }
    .about-page-team-grid img { max-height:520px; object-position:top; }
    .about-page-team-grid h3 { font-size:27px; }
    .about-page-quote-grid { grid-template-columns:1fr; gap:35px; }
    .about-page-quote-grid blockquote { font-size:21px; }
    .about-page-form { padding:24px; }
}
@media(max-width:380px) {
    .about-page-story-grid,.about-page-capabilities { grid-template-columns:1fr; }
}
@media(prefers-reduced-motion:reduce) {
    .about-page-hero,.about-page-principles,.about-page-offer,.about-page-feedback { background-attachment:scroll; }
}
/* Red accent surfaces use white text across inner pages. */
.about-page-badge { color:#fff; }
#about-contact .about-page-form .fluentform .ff-btn-submit { color:#fff; }