/* BAREEQ — About page. Intentionally scoped to .about-page to protect shared pages. */
.about-page{--ab-ink:#050a12;--ab-navy:#091321;--ab-gold:#e9b951;--ab-gold-light:#ffe1a0;--ab-paper:#f7f7f5;--ab-muted:#aeb7c4;background:var(--ab-paper);overflow-x:hidden}
.about-page .site-header{background:linear-gradient(180deg,rgba(3,8,15,.88),rgba(3,8,15,.24));backdrop-filter:blur(10px);border-bottom:1px solid rgba(233,185,81,.14)}
.about-page .main-nav a{transition:color .25s,opacity .25s}.about-page .main-nav a:hover{color:var(--ab-gold-light)}
.about-main{overflow:hidden}.about-hero{min-height:730px;position:relative;display:flex;align-items:center;background:#050a12;color:#fff;isolation:isolate;padding:145px clamp(22px,7vw,108px) 95px;overflow:hidden}
.about-hero-image{position:absolute;inset:0;z-index:-4;background-image:url('../img/hero-laptop.jpg');background-size:cover;background-position:center 48%;opacity:.55;transform:scale(1.025);animation:aboutHeroReveal 1.1s ease-out both}
.about-hero-shade{position:absolute;inset:0;z-index:-3;background:linear-gradient(270deg,#050a12 0%,rgba(5,10,18,.97) 28%,rgba(5,10,18,.77) 51%,rgba(5,10,18,.24) 100%),linear-gradient(0deg,#050a12 0%,transparent 35%,rgba(5,10,18,.2) 100%)}
.about-hero-grain{position:absolute;inset:0;z-index:-2;opacity:.15;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.35) .55px,transparent .75px);background-size:5px 5px;mask-image:linear-gradient(90deg,#000,transparent 90%)}
.about-hero:after{content:"";position:absolute;z-index:-1;right:7%;top:14%;width:1px;height:68%;background:linear-gradient(transparent,rgba(233,185,81,.45),transparent)}
.about-hero-inner{width:min(1240px,100%);margin:auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);align-items:center;gap:clamp(24px,5vw,80px)}
.about-hero-copy{max-width:680px;position:relative;z-index:2;animation:aboutRise .8s .1s ease both}.about-eyebrow,.about-kicker{display:inline-flex;align-items:center;gap:11px;color:#c99c42;font-size:12px;font-weight:800;letter-spacing:.6px}.about-eyebrow{color:var(--ab-gold-light)}.about-eyebrow i{width:24px;height:1px;background:var(--ab-gold);display:inline-block}
.about-hero h1{font-size:clamp(43px,5.5vw,76px);line-height:1.3;letter-spacing:-1.6px;font-weight:900;margin:22px 0 20px}.about-hero h1 em,.about-intro-copy h2 em,.about-capabilities-copy h2 em,.about-quote p em,.about-final h2 em{font-style:normal;color:var(--ab-gold-light)}
.about-hero-copy>p{max-width:630px;color:#c9ced6;font-size:16px;line-height:2.15;margin:0 0 27px}.about-hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.about-btn{min-height:49px;border-radius:40px;padding:12px 22px;display:inline-flex;align-items:center;justify-content:center;gap:20px;font-size:13px;font-weight:800;transition:transform .25s,box-shadow .25s,border-color .25s}.about-btn:hover{transform:translateY(-3px)}.about-btn span{font-size:19px}.about-btn-gold{background:linear-gradient(115deg,#ffe3a0,#e6b449);color:#17130b;box-shadow:0 12px 32px rgba(220,166,56,.18)}.about-btn-gold:hover{box-shadow:0 16px 38px rgba(220,166,56,.28)}.about-btn-glass{border:1px solid rgba(255,255,255,.25);color:#fff;background:rgba(255,255,255,.035);backdrop-filter:blur(8px)}.about-btn-glass:hover{border-color:rgba(233,185,81,.7)}.about-hero-note{display:flex;align-items:center;gap:10px;color:#b9c0ca;font-size:12px;margin-top:34px}.about-note-symbol{color:var(--ab-gold);font-size:20px}
.about-hero-art{position:relative;min-height:390px;display:grid;place-items:center;animation:aboutRise 1s .18s ease both}.about-art-ring{position:absolute;border:1px solid rgba(233,185,81,.26);border-radius:50%;transform:rotate(-22deg)}.ring-one{width:min(390px,90%);aspect-ratio:1;box-shadow:0 0 70px rgba(233,185,81,.04),inset 0 0 70px rgba(233,185,81,.035)}.ring-two{width:min(300px,72%);aspect-ratio:1;border-style:dashed;border-color:rgba(255,255,255,.17);animation:aboutOrbit 42s linear infinite}.about-art-ring:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--ab-gold-light);box-shadow:0 0 20px #e9b951;top:17%;right:14%}.about-art-core{width:154px;height:154px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 32% 22%,#243044,#080e17 72%);border:1px solid rgba(255,222,157,.62);box-shadow:0 0 0 13px rgba(233,185,81,.035),0 25px 65px #0008,inset 0 0 35px rgba(233,185,81,.08);color:var(--ab-gold-light)}.about-art-core>span{font-size:74px;line-height:.95;font-weight:900}.about-art-core small{font-size:9px;letter-spacing:4px;margin-top:10px;color:#d5c39c}.about-art-chip{position:absolute;padding:12px 15px;background:rgba(12,20,32,.82);border:1px solid rgba(233,185,81,.25);border-radius:9px;color:#e7e9ed;font-size:11px;box-shadow:0 12px 35px #0003;backdrop-filter:blur(12px)}.about-art-chip span{color:var(--ab-gold);margin-left:7px}.chip-top{top:17%;right:0}.chip-bottom{bottom:15%;left:0}.about-scroll{position:absolute;bottom:25px;right:clamp(22px,7vw,108px);display:flex;align-items:center;gap:11px;color:#aeb7c4;font-size:11px}.about-scroll span{width:27px;height:1px;background:var(--ab-gold)}
.about-intro{max-width:1240px;margin:auto;padding:110px clamp(22px,5vw,70px);display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(35px,7vw,100px)}.about-intro-visual{position:relative;min-height:430px}.about-photo-main{position:absolute;inset:0 10% 7% 0;overflow:hidden;border-radius:4px 28px 4px 4px;background:#e3e4e5;box-shadow:0 28px 65px #07111d19}.about-photo-main:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,9,16,.38),transparent 55%);pointer-events:none}.about-photo-main img,.about-photo-small img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s}.about-intro-visual:hover img{transform:scale(1.04)}.about-photo-small{position:absolute;left:0;bottom:0;width:42%;height:44%;border:7px solid var(--ab-paper);overflow:hidden;border-radius:3px 18px 3px 3px;box-shadow:0 20px 45px #07111d20}.about-visual-seal{position:absolute;right:0;bottom:12%;width:118px;height:118px;border-radius:50%;background:linear-gradient(140deg,#f9d98e,#d9a640);color:#17130b;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 15px 35px #b47f242e;transform:rotate(-8deg)}.about-visual-seal span{font-size:31px}.about-visual-seal small{font-size:10px;font-weight:800}.about-intro-copy{padding:12px 0}.about-intro-copy h2,.about-capabilities-copy h2{font-size:clamp(30px,3.5vw,46px);line-height:1.55;color:#111a28;font-weight:900;margin:15px 0 20px}.about-intro-copy h2 em,.about-capabilities-copy h2 em{color:#b58327}.about-intro-copy p,.about-capabilities-copy>p{font-size:15px;line-height:2.15;color:#616b79;margin:0 0 15px}.about-signature{display:flex;align-items:center;gap:13px;margin-top:26px}.about-signature-mark{width:49px;height:49px;display:grid;place-items:center;background:#091321;color:var(--ab-gold-light);border-radius:50%;font-size:28px;font-weight:900;box-shadow:0 0 0 5px #e9b95120}.about-signature strong,.about-signature small{display:block}.about-signature strong{font-size:15px;color:#141b27}.about-signature small{font-size:11px;color:#7d8490;margin-top:3px}
.about-principles{padding:100px clamp(22px,5vw,70px) 110px;background:radial-gradient(ellipse at 8% 0%,rgba(232,185,81,.1),transparent 34%),#f0f0ed}.about-section-head{text-align:center;max-width:700px;margin:0 auto 43px}.about-section-head h2{font-size:clamp(29px,3.2vw,43px);font-weight:900;line-height:1.45;color:#111a28;margin:10px 0}.about-section-head>p{color:#68717e;font-size:14px;line-height:1.9;margin:0}.about-principle-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.about-principle{min-height:270px;padding:26px 23px 25px;background:rgba(255,255,255,.8);border:1px solid #e2e3df;border-radius:14px;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s}.about-principle:after{content:"";position:absolute;width:130px;height:130px;left:-70px;bottom:-80px;border:1px solid rgba(197,147,48,.18);border-radius:50%;box-shadow:0 0 0 15px rgba(197,147,48,.035),0 0 0 30px rgba(197,147,48,.025);transition:transform .4s}.about-principle:hover{transform:translateY(-7px);border-color:#dfc17d;box-shadow:0 22px 45px #0a14200d}.about-principle:hover:after{transform:scale(1.2)}.about-principle-icon{width:49px;height:49px;border-radius:13px;background:#091321;display:grid;place-items:center;color:var(--ab-gold-light);margin-bottom:25px;box-shadow:0 7px 18px #0913211f}.about-principle-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.about-card-no{position:absolute;top:31px;left:23px;color:#c3a260;font-size:11px;letter-spacing:1px}.about-principle h3{font-size:17px;color:#111a28;margin:0 0 10px;font-weight:900}.about-principle p{font-size:13px;line-height:2;color:#68717e;margin:0;position:relative;z-index:1}
.about-capabilities{max-width:1240px;margin:auto;padding:112px clamp(22px,5vw,70px);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(40px,8vw,110px);align-items:start}.about-capabilities-copy h2{margin-bottom:15px}.about-text-link{display:inline-flex;gap:17px;align-items:center;color:#9c6e1d;font-weight:900;font-size:13px;margin-top:15px;padding-bottom:8px;border-bottom:1px solid #d5b76e}.about-text-link span{font-size:20px;transition:transform .2s}.about-text-link:hover span{transform:translateX(-4px)}.about-capability-list{border-top:1px solid #dfe1e3}.about-capability-list>a{display:grid;grid-template-columns:54px minmax(0,1fr) 22px;gap:17px;align-items:center;padding:19px 0;border-bottom:1px solid #dfe1e3;transition:padding .25s,color .25s}.about-capability-list>a:hover{padding-right:8px;color:#9c6e1d}.about-capability-icon{width:48px;height:48px;border:1px solid #dfc88d;border-radius:13px;display:grid;place-items:center;color:#9c6e1d;font-size:25px;background:linear-gradient(145deg,#fff,#f4eee0)}.about-capability-list strong,.about-capability-list small{display:block}.about-capability-list strong{font-size:15px;color:#141b27;margin-bottom:5px}.about-capability-list small{font-size:12px;line-height:1.8;color:#747c87}.about-capability-list b{color:#bd8a2d;font-size:18px;font-weight:500}
.about-quote{position:relative;overflow:hidden;text-align:center;background:#07101c;color:#fff;padding:90px 22px 85px;isolation:isolate}.about-quote:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 50% 50%,rgba(202,153,58,.13),transparent 50%)}.about-quote-mark{font-family:Georgia,serif;font-size:100px;line-height:.75;color:#e9b9518a}.about-quote p{font-size:clamp(24px,3.4vw,41px);font-weight:800;line-height:1.75;margin:8px auto 20px;position:relative;z-index:1}.about-quote p em{color:var(--ab-gold-light)}.about-quote>span{color:#c6a45f;font-size:12px;letter-spacing:1px}.about-quote-orbit{position:absolute;z-index:-1;width:480px;height:480px;border:1px solid #e9b95112;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 50px #e9b95105,0 0 0 100px #e9b95103}
.about-steps{padding:100px clamp(22px,5vw,70px) 110px;background:#f7f7f5}.about-step-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.about-step-grid article{position:relative;padding:24px 23px 23px;border-top:1px solid #d4b56c;background:linear-gradient(180deg,#fff,rgba(255,255,255,0));min-height:180px}.about-step-grid article>span{font-size:31px;font-weight:900;color:#c59a45;letter-spacing:-1px}.about-step-grid h3{font-size:16px;color:#111a28;margin:12px 0 7px}.about-step-grid p{font-size:13px;line-height:1.9;color:#6b7480;margin:0}
.about-final{position:relative;isolation:isolate;overflow:hidden;text-align:center;background:#091321;color:#fff;padding:92px 22px 100px}.about-final-glow{position:absolute;z-index:-1;width:580px;height:340px;left:50%;top:-180px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(233,185,81,.18),transparent 70%);filter:blur(8px)}.about-final h2{font-size:clamp(31px,4.3vw,52px);font-weight:900;line-height:1.55;margin:13px 0 14px}.about-final p{max-width:640px;margin:0 auto 27px;font-size:14px;line-height:2;color:#bdc4ce}.about-final .about-btn{min-width:220px}
@keyframes aboutRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes aboutHeroReveal{from{opacity:.15;transform:scale(1.07)}to{opacity:.55;transform:scale(1.025)}}@keyframes aboutOrbit{to{transform:rotate(338deg)}}
@media(max-width:1000px){.about-hero{min-height:680px;padding-top:135px}.about-hero-inner{grid-template-columns:minmax(0,1.05fr) minmax(240px,.75fr);gap:15px}.about-hero-art{min-height:330px}.ring-one{width:300px}.ring-two{width:230px}.about-art-core{width:125px;height:125px}.about-art-core>span{font-size:59px}.about-art-chip{font-size:10px;padding:10px}.about-principle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-principle{min-height:235px}.about-intro{gap:40px}.about-capabilities{gap:45px}}
@media(max-width:720px){.about-page .site-header{height:76px;padding-inline:18px;gap:10px}.about-page .brand b{font-size:25px}.about-page .brand small{font-size:9px}.about-page .brand-star{font-size:32px}.about-page .header-cta{padding:10px 13px;font-size:11px;gap:6px}.about-page .menu-toggle{padding:6px 10px;font-size:20px}.about-hero{min-height:unset;padding:125px 22px 78px}.about-hero-inner{display:flex;flex-direction:column;align-items:stretch;gap:5px}.about-hero-copy{width:100%}.about-hero h1{font-size:clamp(39px,10vw,55px);line-height:1.35;letter-spacing:-.7px;margin:17px 0}.about-hero-copy>p{font-size:14px;line-height:2.05}.about-hero-art{min-height:250px;margin-top:8px;max-width:100%}.ring-one{width:235px}.ring-two{width:185px}.about-art-core{width:105px;height:105px}.about-art-core>span{font-size:50px}.about-art-core small{font-size:7px;letter-spacing:3px}.chip-top{right:3%;top:8%}.chip-bottom{left:3%;bottom:7%}.about-hero-note{margin-top:23px;font-size:11px}.about-scroll{right:22px;bottom:22px}.about-intro{padding:70px 22px;display:flex;flex-direction:column;gap:32px}.about-intro-visual{width:100%;min-height:320px}.about-photo-main{inset:0 7% 8% 0}.about-photo-small{width:44%;height:42%;border-width:5px}.about-visual-seal{width:92px;height:92px;right:0;bottom:9%}.about-visual-seal span{font-size:24px}.about-visual-seal small{font-size:9px}.about-intro-copy h2,.about-capabilities-copy h2{font-size:30px;line-height:1.5}.about-intro-copy p,.about-capabilities-copy>p{font-size:14px;line-height:2.05}.about-principles{padding:70px 18px 75px}.about-section-head{margin-bottom:28px}.about-section-head h2{font-size:29px}.about-section-head>p{font-size:13px}.about-principle-grid{gap:10px}.about-principle{padding:19px 15px;min-height:250px;border-radius:11px}.about-principle-icon{width:43px;height:43px;margin-bottom:21px}.about-card-no{top:24px;left:14px;font-size:10px}.about-principle h3{font-size:15px}.about-principle p{font-size:12px;line-height:1.9}.about-capabilities{padding:75px 22px;display:flex;flex-direction:column;gap:28px}.about-capability-list{width:100%}.about-capability-list>a{grid-template-columns:45px minmax(0,1fr) 16px;gap:12px;padding:16px 0}.about-capability-icon{width:42px;height:42px;font-size:22px}.about-capability-list strong{font-size:13px}.about-capability-list small{font-size:11px}.about-quote{padding:72px 20px}.about-quote-mark{font-size:80px}.about-quote p{font-size:25px;line-height:1.8}.about-steps{padding:70px 20px 75px}.about-step-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.about-step-grid article{padding:19px 15px;min-height:170px}.about-step-grid article>span{font-size:27px}.about-step-grid h3{font-size:14px}.about-step-grid p{font-size:12px}.about-final{padding:70px 20px 78px}.about-final h2{font-size:31px;line-height:1.55}.about-final p{font-size:13px;line-height:2}.about-final .about-btn{width:100%;max-width:300px}.about-page .site-footer .footer-single-row{gap:16px}}
@media(max-width:380px){.about-page .header-cta{font-size:10px;padding:9px 10px}.about-page .brand{gap:5px}.about-page .brand b{font-size:22px}.about-hero h1{font-size:37px}.about-principle{padding:17px 12px}.about-principle p{font-size:11px}.about-art-chip{font-size:9px}.about-step-grid{gap:9px}}
@media(prefers-reduced-motion:reduce){.about-page *, .about-page *:before,.about-page *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
