/* Bareeq visual identity service page — page-scoped styles only */
.visual-identity-page{--vi-gold:#d8b66b;--vi-gold-light:#f5df9e;--vi-ink:#07111e;--vi-muted:#aab4c1;background:#07111e;color:#f7f5ef;overflow-x:hidden}.visual-identity-page .site-header{position:absolute;top:0;left:0;right:0;z-index:20;background:linear-gradient(180deg,rgba(4,10,18,.78),transparent);border-bottom:1px solid rgba(230,199,126,.13)}.visual-identity-page .site-header .brand,.visual-identity-page .site-header .main-nav a{color:#fff}.vi-wrap{width:min(1160px,calc(100% - 48px));margin-inline:auto}.vi-hero{min-height:760px;position:relative;isolation:isolate;display:flex;align-items:center;padding:145px 0 90px;overflow:hidden;background:#07111e}.vi-hero-photo,.vi-hero-veil,.vi-hero-grid{position:absolute;inset:0;pointer-events:none}.vi-hero-photo{z-index:-3;background-image:url('../img/hero-laptop.jpg');background-position:center;background-size:cover;opacity:.25;filter:saturate(.55)}.vi-hero-veil{z-index:-2;background:linear-gradient(90deg,rgba(5,12,22,.96),rgba(5,12,22,.82) 48%,rgba(5,12,22,.55)),linear-gradient(0deg,#07111e,transparent 45%)}.vi-hero-grid{z-index:-1;opacity:.15;background-image:linear-gradient(rgba(216,182,107,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(216,182,107,.2) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent,#000 30%,#000)}.vi-hero-inner{width:min(1160px,calc(100% - 48px));margin:auto;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:55px}.vi-hero-copy{max-width:650px;animation:viRise .9s ease both}.vi-eyebrow,.vi-kicker{display:inline-flex;align-items:center;gap:10px;color:var(--vi-gold);font-size:.83rem;letter-spacing:.08em}.vi-eyebrow i{font-style:normal;font-size:1.2rem}.vi-hero h1{font-size:clamp(2.7rem,5.1vw,5rem);line-height:1.28;letter-spacing:-.045em;margin:23px 0 22px;font-weight:800}.vi-hero h1 em,.vi-intro h2 em,.vi-section-head h2 em,.vi-process h2 em,.vi-manifesto h2 em{font-style:normal;color:var(--vi-gold-light)}.vi-hero-copy>p{max-width:610px;color:#d0d5dc;font-size:1.06rem;line-height:2.05;margin:0}.vi-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.vi-btn{min-height:50px;padding:0 23px;display:inline-flex;align-items:center;justify-content:center;gap:18px;text-decoration:none;font-weight:700;border-radius:3px;transition:transform .25s,box-shadow .25s,border-color .25s}.vi-btn:hover{transform:translateY(-3px)}.vi-btn-gold{color:#111722;background:linear-gradient(120deg,#f4dfa0,#c39a4d);box-shadow:0 10px 34px #d8b66b26}.vi-btn-gold:hover{box-shadow:0 14px 40px #d8b66b45}.vi-btn-glass{color:#f7f5ef;border:1px solid #d8b66b70;background:#ffffff08}.vi-proof{display:flex;gap:25px;flex-wrap:wrap;margin-top:35px;padding-top:20px;border-top:1px solid #ffffff1a}.vi-proof span{color:#bdc4ce;font-size:.78rem}.vi-proof b{display:block;color:var(--vi-gold);font-size:.78rem;margin-bottom:6px;letter-spacing:.1em}.vi-hero-art{min-height:420px;position:relative;display:grid;place-items:center;animation:viRise 1.1s .12s ease both}.vi-art-ring{position:absolute;border:1px solid #d8b66b55;border-radius:50%;transform:rotate(-28deg)}.vi-ring-a{width:340px;height:340px;box-shadow:0 0 70px #d8b66b0b,inset 0 0 70px #d8b66b09}.vi-ring-b{width:420px;height:230px;border-color:#d8b66b30;transform:rotate(38deg)}.vi-art-card{width:250px;height:300px;position:relative;z-index:2;background:linear-gradient(145deg,#172637eF,#0a1420f5);border:1px solid #d8b66b8a;box-shadow:0 28px 80px #0008,inset 0 0 50px #d8b66b0a;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-5deg);outline:1px solid #d8b66b24;outline-offset:9px}.vi-art-card:before,.vi-art-card:after{content:'';position:absolute;width:35px;height:35px;border-color:var(--vi-gold);border-style:solid;opacity:.7}.vi-art-card:before{top:12px;right:12px;border-width:1px 1px 0 0}.vi-art-card:after{bottom:12px;left:12px;border-width:0 0 1px 1px}.vi-art-spark{color:var(--vi-gold-light);font-size:2rem;margin-bottom:12px}.vi-art-card small{font-size:.57rem;letter-spacing:.3em;color:#c8b78e}.vi-art-card strong{font-family:serif;font-size:4rem;line-height:1.5;color:#f8e6b4;font-weight:500}.vi-art-line{width:58px;height:1px;background:var(--vi-gold);margin:7px 0 14px}.vi-art-caption{font-size:.78rem;color:#c9d0d9}.vi-color-chip{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;padding:12px 15px;background:#101e2beF;border:1px solid #d8b66b47;box-shadow:0 12px 35px #0005;backdrop-filter:blur(10px)}.vi-color-chip i{width:30px;height:30px;display:block;border:1px solid #ffffff25;background:linear-gradient(135deg,#f0dba1,#9a7439)}.vi-chip-b i{background:linear-gradient(135deg,#1f3548,#08111c)}.vi-color-chip b,.vi-color-chip small{display:block}.vi-color-chip b{font-size:.78rem}.vi-color-chip small{font-size:.67rem;color:#aab4c1;margin-top:4px}.vi-chip-a{top:65px;right:-5px}.vi-chip-b{bottom:56px;left:-10px}.vi-floating{position:absolute;color:var(--vi-gold);font-size:2rem;animation:viFloat 5s ease-in-out infinite}.vi-float-a{top:22px;left:28%}.vi-float-b{bottom:30px;right:18%;animation-delay:-2s}.vi-scroll-note{position:absolute;bottom:25px;right:max(24px,calc((100% - 1160px)/2));display:flex;align-items:center;gap:12px;font-size:.72rem;color:#9da8b6}.vi-scroll-note span{height:1px;width:36px;background:var(--vi-gold)}
.vi-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center;padding-top:120px;padding-bottom:125px}.vi-intro-visual{position:relative;padding:0 0 35px 35px}.vi-image-frame{position:relative;padding:10px;border:1px solid #d8b66b6b;background:#0c1927;box-shadow:25px 25px 0 #d8b66b0b}.vi-image-frame:before{content:'';position:absolute;top:-13px;right:-13px;width:100px;height:100px;border-top:1px solid var(--vi-gold);border-right:1px solid var(--vi-gold)}.vi-image-frame img{display:block;width:100%;height:340px;object-fit:cover;filter:saturate(.7);opacity:.9}.vi-frame-label{position:absolute;bottom:23px;right:23px;background:#07111ee8;border-right:2px solid var(--vi-gold);padding:11px 14px;font-size:.75rem;color:#e9d39a}.vi-side-note{position:absolute;bottom:0;right:-18px;display:flex;align-items:center;gap:12px;padding:14px 18px;background:#132235;border:1px solid #d8b66b4a;box-shadow:0 12px 30px #0005}.vi-side-note>span{font-size:1.7rem;color:var(--vi-gold)}.vi-side-note b,.vi-side-note small{display:block}.vi-side-note b{font-size:.8rem}.vi-side-note small{font-size:.69rem;color:#aab4c1;margin-top:4px}.vi-vertical-word{position:absolute;left:-13px;top:22px;writing-mode:vertical-rl;letter-spacing:.3em;font-size:.63rem;color:#bda66d}.vi-intro-copy .vi-kicker{margin-bottom:15px}.vi-intro h2,.vi-section-head h2,.vi-process h2,.vi-manifesto h2{font-size:clamp(2rem,3.4vw,3.25rem);line-height:1.45;margin:0 0 20px;letter-spacing:-.035em}.vi-intro-copy p,.vi-process-heading>p{color:#b7c1ce;line-height:2.1;font-size:.96rem;margin:0 0 13px}.vi-text-link{display:inline-flex;align-items:center;gap:16px;color:var(--vi-gold-light);text-decoration:none;margin-top:15px;font-weight:700}.vi-text-link span{transition:transform .2s}.vi-text-link:hover span{transform:translateX(-5px)}
.vi-services{padding:105px 0 120px;background:radial-gradient(ellipse at 80% 0%,#1b2b3d8a,transparent 48%),#091522;border-block:1px solid #d8b66b18}.vi-section-head{text-align:center;max-width:690px;margin:0 auto 52px}.vi-section-head h2{margin:13px 0}.vi-section-head p{color:#aab4c1;line-height:1.9;margin:0}.vi-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.vi-service-card{position:relative;min-height:285px;padding:30px 28px 25px;border:1px solid #ffffff14;background:linear-gradient(145deg,#122133a8,#0b1724);overflow:hidden;transition:transform .3s,border-color .3s,background .3s}.vi-service-card:before{content:'';position:absolute;top:0;right:0;width:80px;height:1px;background:linear-gradient(90deg,transparent,var(--vi-gold));transition:width .35s}.vi-service-card:hover{transform:translateY(-6px);border-color:#d8b66b68;background:linear-gradient(145deg,#192b3f,#0b1724)}.vi-service-card:hover:before{width:100%}.vi-icon{width:54px;height:54px;display:grid;place-items:center;border:1px solid #d8b66b55;background:#d8b66b0c;color:var(--vi-gold-light);margin-bottom:24px}.vi-icon svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.vi-number{font-size:.68rem;letter-spacing:.1em;color:#bca56e}.vi-service-card h3{font-size:1.15rem;margin:12px 0 11px}.vi-service-card p{font-size:.85rem;line-height:1.95;color:#aeb8c5;margin:0}.vi-card-line{display:block;width:30px;height:1px;background:#d8b66b80;margin-top:22px;transition:width .3s}.vi-service-card:hover .vi-card-line{width:75px}.vi-service-featured{background:linear-gradient(145deg,#263142,#101a27);border-color:#d8b66b4a}.vi-featured-mark{position:absolute;left:25px;top:18px;color:#d8b66b;font-size:1.5rem}.vi-card-link{display:inline-flex;gap:13px;align-items:center;color:#f0d99c;font-size:.8rem;text-decoration:none;margin-top:19px;font-weight:700}
.vi-process{padding:120px 0;background:#07111e}.vi-process-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:start}.vi-process-heading{position:relative}.vi-process-heading h2{margin:16px 0}.vi-btn-outline{border:1px solid #d8b66b70;color:#f1d99b;background:#ffffff04;margin-top:17px}.vi-process-stamp{margin-top:65px;width:125px;height:125px;border:1px solid #d8b66b50;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#9da8b6;font-size:.58rem;letter-spacing:.2em;line-height:1.8;transform:rotate(-12deg)}.vi-process-stamp b{color:#e5c77d;font-size:.75rem}.vi-process-stamp span{position:absolute;right:8px;top:10px;color:#e5c77d;font-size:1rem}.vi-steps{border-top:1px solid #ffffff20}.vi-step{display:grid;grid-template-columns:55px 1fr 35px;gap:20px;align-items:center;padding:25px 0;border-bottom:1px solid #ffffff20}.vi-step-num{font-size:1.4rem;color:#d9bb73;font-family:Georgia,serif}.vi-step h3{margin:0 0 8px;font-size:1.05rem}.vi-step p{margin:0;color:#aab4c1;font-size:.85rem;line-height:1.9}.vi-step-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid #d8b66b55;color:#e6cb8b;font-size:1.15rem;transition:background .2s}.vi-step:hover .vi-step-icon{background:#d8b66b19}
.vi-manifesto{position:relative;overflow:hidden;padding:105px 0 115px;text-align:center;background:linear-gradient(115deg,#17283a,#0c1724 60%,#101d2c);border-top:1px solid #d8b66b3a}.vi-manifesto-glow{position:absolute;width:460px;height:460px;border-radius:50%;background:#d8b66b0b;filter:blur(2px);top:-260px;left:calc(50% - 230px);pointer-events:none}.vi-manifesto-inner{position:relative;z-index:1}.vi-manifesto h2{margin:15px 0}.vi-manifesto p{max-width:680px;margin:0 auto;color:#b6c0cc;line-height:2;font-size:.95rem}.vi-manifesto .vi-btn{margin-top:27px}.vi-manifesto-mark{position:absolute;right:8%;bottom:-80px;font-size:18rem;line-height:1;color:#d8b66b08;pointer-events:none}
@keyframes viRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes viFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(12deg)}}
@media(max-width:1000px){.vi-hero{min-height:700px}.vi-hero-inner{gap:20px}.vi-hero-art{transform:scale(.88)}.vi-intro{gap:50px}.vi-process-layout{gap:45px}.vi-service-card{padding:25px 22px}}
@media(max-width:760px){.vi-wrap,.vi-hero-inner{width:min(100% - 36px,560px)}.vi-hero{padding:125px 0 75px;min-height:auto}.vi-hero-inner{grid-template-columns:1fr;gap:5px}.vi-hero-copy{position:relative;z-index:3}.vi-hero h1{font-size:clamp(2.35rem,9vw,3.5rem);margin:19px 0 15px}.vi-hero-copy>p{font-size:.94rem;line-height:1.95}.vi-proof{gap:16px;margin-top:25px}.vi-proof span{font-size:.7rem}.vi-hero-art{min-height:330px;transform:scale(.82);margin:-4px 0 -20px}.vi-ring-a{width:290px;height:290px}.vi-ring-b{width:340px;height:200px}.vi-chip-a{right:-5px;top:35px}.vi-chip-b{left:-4px;bottom:32px}.vi-scroll-note{right:18px;bottom:16px}.vi-intro{grid-template-columns:1fr;gap:42px;padding-top:75px;padding-bottom:80px}.vi-intro-visual{max-width:480px;width:calc(100% - 14px);margin:auto;padding-left:20px}.vi-image-frame img{height:280px}.vi-side-note{right:-10px}.vi-vertical-word{left:-9px}.vi-intro h2,.vi-section-head h2,.vi-process h2,.vi-manifesto h2{font-size:2rem}.vi-services{padding:75px 0 80px}.vi-section-head{margin-bottom:34px}.vi-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.vi-service-card{min-height:0;padding:22px 17px}.vi-service-card h3{font-size:1rem;line-height:1.6}.vi-service-card p{font-size:.79rem;line-height:1.85}.vi-icon{width:47px;height:47px;margin-bottom:18px}.vi-process{padding:80px 0}.vi-process-layout{grid-template-columns:1fr;gap:35px}.vi-process-stamp{display:none}.vi-step{grid-template-columns:40px 1fr 30px;gap:12px;padding:21px 0}.vi-step-num{font-size:1.2rem}.vi-step h3{font-size:.95rem}.vi-step p{font-size:.8rem}.vi-manifesto{padding:75px 0 85px}.vi-manifesto p{font-size:.87rem}.vi-manifesto-mark{font-size:11rem;right:-2%;bottom:-45px}}
@media(max-width:390px){.vi-wrap,.vi-hero-inner{width:calc(100% - 28px)}.vi-hero h1{font-size:2.15rem}.vi-actions{gap:9px}.vi-btn{padding:0 15px;font-size:.82rem}.vi-hero-art{margin-inline:-15px;transform:scale(.73)}.vi-service-grid{grid-template-columns:1fr}.vi-service-card{padding:23px}.vi-service-card p{font-size:.84rem}.vi-image-frame img{height:235px}.vi-side-note{padding:11px 12px}}
@media(prefers-reduced-motion:reduce){.visual-identity-page *, .visual-identity-page *:before,.visual-identity-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}