/* ===== fenni-about.css ===== */
/* About page template — page-about-fenni.php only. Extracted from an inline <style> block during the fenni-theme port (step 6). */

html { scrollbar-gutter: stable; }
:root{--ab-surface:var(--fenni-bg);--ab-surface-cl:var(--fenni-surface);--ab-surface-c:var(--fenni-surface-2);--ab-surface-ch:var(--fenni-surface-2);--ab-surface-chst:var(--fenni-surface-2);--ab-gold:var(--fenni-point);--ab-gold-mid:var(--fenni-point-strong);--ab-gold-glow:var(--fenni-point-glow);--ab-green:var(--fenni-up);--ab-text:var(--fenni-text);--ab-text-muted:var(--fenni-text-muted);--ab-text-dim:var(--fenni-text-dim);--ab-ghost:var(--fenni-ghost);--ab-max:1240px;}
body.page-template-page-about-fenni{font-family:'Inter',-apple-system,sans-serif!important;background:var(--ab-surface)!important;color:var(--ab-text)!important;-webkit-font-smoothing:antialiased;}
/* GP reset handled by functions.php fenni-gp-reset */
body.page-template-page-about-fenni{background:var(--ab-surface)!important;}
.ab-wrapper{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;}
.ab-wrapper a{text-decoration:none;color:inherit;}

/* Nav */
.ab-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--fenni-nav-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);}
.ab-nav-inner{max-width:1240px;margin:0 auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;height:64px;}
.ab-logo{font-size:22px;font-weight:800;letter-spacing:-0.5px;color:var(--ab-text);} .ab-logo span{color:var(--fenni-point-strong);}
.ab-nav-links{display:flex;gap:28px;align-items:center;}.ab-nav-links a{font-size:14px;font-weight:500;color:var(--ab-text-muted);transition:color .2s;}.ab-nav-links a:hover{color:var(--fenni-point-strong);}
.ab-nav-right{display:flex;align-items:center;gap:12px;}
.ab-nav-search{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--ab-ghost);color:var(--ab-text-muted);cursor:pointer;transition:all .2s;}.ab-nav-search:hover{background:var(--ab-gold-glow);color:var(--fenni-point-strong);}
.ab-lang{position:relative;}.ab-lang-current{display:flex;align-items:center;gap:5px;padding:6px 12px;background:var(--ab-ghost);border:none;border-radius:6px;font-size:12px;font-weight:600;color:var(--ab-text-muted);cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px;}.ab-lang-current:hover{background:var(--ab-gold-glow);color:var(--fenni-point-strong);}.ab-lang-current svg{width:10px;height:10px;transition:transform .2s;}.ab-lang:hover .ab-lang-current svg{transform:rotate(180deg);}.ab-lang-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:140px;background:var(--ab-surface-chst);border-radius:12px;padding:6px 0;opacity:0;visibility:hidden;transform:translateY(-4px);transition:all .2s;box-shadow:0 8px 32px var(--fenni-overlay);z-index:200;}.ab-lang:hover .ab-lang-dropdown{opacity:1;visibility:visible;transform:translateY(0);}.ab-lang-dropdown a{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;color:var(--ab-text-muted);transition:all .15s;}.ab-lang-dropdown a:hover{background:var(--ab-gold-glow);color:var(--fenni-point-strong);}.ab-lang-dropdown a.active{color:var(--fenni-point-strong);font-weight:600;}.ab-lang-flag{font-size:16px;line-height:1;}

/* Hero */
.ab-hero{max-width:var(--ab-max);margin:0 auto;padding:140px 32px 60px;}
.ab-hero h1{font-family:'Inter',sans-serif;font-size:64px;font-weight:700;letter-spacing:-.02em;margin-bottom:20px;}
.ab-hero-sub{font-size:17px;color:var(--ab-text-muted);max-width:600px;line-height:1.7;margin-bottom:32px;}
.ab-hero-cta{display:inline-flex;align-items:center;gap:8px;padding:14px 36px;background:linear-gradient(135deg,var(--ab-gold),var(--ab-gold-mid));color:var(--fenni-point-contrast);font-weight:700;font-size:15px;border-radius:12px;transition:transform .15s;}.ab-hero-cta:hover{transform:translateY(-1px);}

/* Mission */
.ab-section{max-width:var(--ab-max);margin:0 auto;padding:60px 32px;}
.ab-section-title{font-family:'Inter',sans-serif;font-size:36px;font-weight:700;letter-spacing:-.02em;margin-bottom:8px;color:var(--fenni-point-strong);}
.ab-section-under{width:80px;height:3px;background:var(--ab-gold);margin-bottom:32px;}

.ab-mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;}
.ab-mission-text{font-size:16px;color:var(--ab-text-muted);line-height:1.8;}
.ab-mission-text p:first-of-type::first-letter{font-family:'Inter',sans-serif;font-size:3em;float:left;margin-right:12px;margin-top:4px;color:var(--fenni-point-strong);line-height:.8;}
.ab-mission-stats{display:flex;flex-direction:column;gap:24px;}
.ab-stat{background:var(--ab-surface-c);border-radius:12px;padding:24px;display:flex;align-items:center;gap:16px;}
.ab-stat-number{font-size:36px;font-weight:800;color:var(--fenni-point-strong);min-width:80px;}
.ab-stat-label{font-size:14px;color:var(--ab-text-muted);}

/* Values */
.ab-values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.ab-value{background:var(--ab-surface-c);border-radius:12px;padding:32px;text-align:center;transition:background .3s;}.ab-value:hover{background:var(--ab-surface-ch);}
.ab-value-icon{font-size:36px;margin-bottom:16px;}
.ab-value h3{font-size:18px;font-weight:700;margin-bottom:8px;}
.ab-value p{font-size:14px;color:var(--ab-text-muted);line-height:1.5;}

/* Vision */
.ab-vision{background:var(--ab-surface-cl);padding:80px 0;margin:60px 0;}
.ab-vision-inner{max-width:var(--ab-max);margin:0 auto;padding:0 32px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;}
.ab-vision-img{border-radius:12px;overflow:hidden;height:400px;background:linear-gradient(135deg,var(--fenni-surface),var(--fenni-surface),var(--fenni-surface));}
.ab-vision-img img{width:100%;height:100%;object-fit:cover;}
.ab-vision-body h2{font-family:'Inter',sans-serif;font-size:36px;margin-bottom:20px;line-height:1.2;}
.ab-vision-body h2 em{color:var(--fenni-point-strong);}
.ab-vision-body p{font-size:15px;color:var(--ab-text-muted);line-height:1.7;margin-bottom:16px;}
.ab-vision-features{display:flex;gap:32px;margin-top:24px;}
.ab-vision-feat{text-align:center;}.ab-vision-feat-icon{font-size:28px;margin-bottom:8px;}.ab-vision-feat-label{font-size:12px;color:var(--ab-text-dim);text-transform:uppercase;letter-spacing:1px;}

/* CTA */
.ab-cta{max-width:var(--ab-max);margin:0 auto;padding:60px 32px 80px;text-align:center;}
.ab-cta h2{font-family:'Inter',sans-serif;font-size:42px;margin-bottom:16px;}
.ab-cta p{font-size:16px;color:var(--ab-text-muted);max-width:500px;margin:0 auto 32px;line-height:1.6;}
.ab-cta-form{display:flex;gap:12px;max-width:480px;margin:0 auto;}
.ab-cta-input{flex:1;padding:14px 20px;background:var(--ab-surface-c);border:none;border-radius:12px;color:var(--ab-text);font-size:16px;outline:none;}.ab-cta-input:focus{box-shadow:0 0 0 2px color-mix(in srgb, var(--fenni-point) 30%, transparent);}
.ab-cta-btn{padding:14px 32px;background:var(--ab-gold);color:var(--fenni-point-contrast);font-weight:700;border:none;border-radius:12px;cursor:pointer;}

/* Footer */
.ab-footer{max-width:var(--ab-max);margin:0 auto;padding:40px 32px;display:flex;justify-content:space-between;align-items:center;}
.ab-footer-logo{font-size:18px;font-weight:800;letter-spacing:-0.5px;color:var(--fenni-point-strong);}
.ab-footer-links a:hover{color:var(--fenni-point-strong);}
.ab-footer-copy{font-size:12px;color:var(--ab-text-dim);}

@media(max-width:768px){
    .ab-nav-links{display:none;}.ab-hero h1{font-size:36px;}.ab-hero{padding:120px 20px 40px;}.ab-mission-grid{grid-template-columns:1fr;}.ab-values-grid{grid-template-columns:1fr;}.ab-vision-inner{grid-template-columns:1fr;}.ab-vision-img{height:240px;}.ab-cta h2{font-size:28px;}.ab-cta-form{flex-direction:column;}.ab-footer{flex-direction:column;gap:16px;text-align:center;}
}

/* moved from inline style= attribute during the fenni-theme port (step 6) */
.ab-mt-16 { margin-top: 16px; }