/* Additive visual edition. The approved base and enhancement styles remain intact. */
.art-enriched{--art-shadow:0 20px 55px -25px rgba(30,41,59,.28);--art-border:rgba(203,213,225,.72)}
.art-frame{margin:0;min-width:0;position:relative}.art-photo-window{position:relative;overflow:hidden;border:1px solid var(--art-border);border-radius:18px;background:#e9ecf3;box-shadow:var(--art-shadow);isolation:isolate}.art-photo{display:block;width:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.65,.3,1),filter .5s ease}.art-frame .art-photo{height:420px;aspect-ratio:1.22;object-position:center}.art-frame:hover .art-photo,.art-existing-frame:hover .art-photo{transform:scale(1.035)}.art-frame figcaption{font-size:10px;line-height:1.65;color:#64748b;margin:13px 4px 0;max-width:540px}.art-float-badge{position:absolute;left:20px;bottom:20px;max-width:calc(100% - 40px);background:rgba(255,255,255,.96);border:1px solid #e2e8f0;border-radius:9px;box-shadow:0 8px 25px #0f172a1a;padding:11px 14px 11px 10px;display:flex;align-items:center;gap:10px;color:#302c65;font-size:10px;font-weight:650;line-height:1.55;letter-spacing:.015em}.art-float-badge>img{width:24px;height:24px;border-radius:4px;flex:none}.art-hero-grid{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;gap:65px;align-items:center}.art-page-hero{padding:70px 0 72px;background:linear-gradient(120deg,#f8fafc 0%,#f3f3f9 70%,#eff5f6 100%);overflow:hidden;border-bottom:1px solid #e7eaf0}.art-hero-frame .art-photo-window{border-radius:18px 18px 64px 18px;box-shadow:0 25px 60px -28px #302c654d}.art-hero-frame .art-photo{height:390px;aspect-ratio:1.2}.art-hero-frame:before{content:"";position:absolute;inset:-15px 28px 30px -15px;border:1px solid #8b8fc940;border-radius:22px;pointer-events:none}.art-hero-frame figcaption{font-size:9px;margin-top:12px}.art-page-hero h1{font-size:clamp(38px,4.3vw,65px);line-height:1.07}.art-page-hero .hero-copy{font-size:15px;line-height:1.9;max-width:580px}
.art-home-hero{position:relative;isolation:isolate;overflow:hidden;background:#11152d!important;min-height:750px;padding:100px 0 0!important;color:white}.art-hero-backdrops,.art-hero-backdrop,.art-hero-shade{position:absolute;inset:0;z-index:-3}.art-hero-backdrop>img{height:100%;width:100%;object-fit:cover;object-position:65% 50%;filter:saturate(.77)}.art-hero-shade{z-index:-2;background:linear-gradient(90deg,rgba(11,16,37,.97) 0%,rgba(18,22,46,.91) 32%,rgba(22,27,50,.52) 70%,rgba(15,23,42,.22) 100%),linear-gradient(0deg,rgba(10,17,36,.95),transparent 40%)}.art-home-hero .hero-editorial{position:relative;z-index:1}.art-home-hero h1{color:white;max-width:900px;font-size:clamp(43px,5.8vw,80px);line-height:1.06;letter-spacing:-.045em}.art-home-hero h1 em{color:#c6c9f1;font-style:normal}.art-home-hero .eyebrow{color:#d0d4ed;letter-spacing:.16em}.art-home-hero .editorial-intro{color:#f0f2f8;max-width:675px;font-size:19px;line-height:1.8}.art-home-hero .editorial-detail{color:#cad2e3;max-width:670px;font-size:14px;line-height:1.85}.art-home-hero .button-primary{background:#fff;color:#302c65;border-color:#fff}.art-home-hero .button-primary:hover{background:#e9eafa}.art-home-hero .button-secondary{background:#ffffff08;color:#fff;border-color:#ffffff60}.art-home-hero .button-secondary:hover{background:#ffffff18}.art-home-hero .hero-service-line{border-top-color:#ffffff24}.art-home-hero .hero-service-line a{color:#e2e6f2;font-size:11px}.art-hero-navigation{position:relative;z-index:1;display:flex;align-items:center;gap:25px;padding-top:36px;padding-bottom:26px;margin-top:28px;border-top:1px solid #ffffff22}.art-hero-controls{display:flex;gap:13px;align-items:center}.art-hero-controls>button{width:35px;height:35px;display:grid;place-items:center;border:1px solid #ffffff60;border-radius:50%;background:#ffffff0a;color:white;font-size:18px;transition:background .2s}.art-hero-controls>button:hover{background:#ffffff25}.art-hero-dots{display:flex;gap:7px}.art-hero-dots button{background:#ffffff50;border:0;width:6px;height:6px;padding:0;border-radius:50%}.art-hero-dots button[aria-current=true]{background:#c6c9f1;box-shadow:0 0 0 3px #c6c9f11f}.art-hero-controls>[data-art-hero-status]{font-size:10px;color:#cbd3e4;letter-spacing:.08em;margin-left:2px}.art-hero-links a{color:#fff;font-size:12px;letter-spacing:.01em;display:flex;gap:20px;align-items:center}.art-image-credit{margin:0 0 0 auto!important;color:#9facbf;font-size:9px;line-height:1.5}.art-control-strip{background:#f5f5fa;border-bottom:1px solid #e5e7ef;padding:23px 0}.art-control-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.art-control-grid>div{display:flex;gap:13px;align-items:center;font-size:11px;font-weight:550;line-height:1.6;color:#475569}.art-line-icon{width:25px;height:25px;flex:none;color:#302c65}.art-control-grid>div+div{border-left:1px solid #dfe3ed;padding-left:24px}
.art-editorial-split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px;align-items:start;margin-top:30px}.art-editorial-copy{min-width:0}.art-editorial-copy>.depth-prose{max-width:none}.art-editorial-split>.art-frame{margin-top:7px;position:sticky;top:160px}.art-editorial-split .art-photo{height:430px}.art-editorial-copy p{font-size:14px;line-height:1.95}.art-editorial-copy .button-row{margin-top:25px}.art-panorama{margin:32px 0 45px}.art-panorama .art-photo{height:310px;aspect-ratio:3.1;object-position:center 45%}.art-existing-frame{overflow:hidden;border-radius:17px;border:1px solid #e2e8f0;box-shadow:var(--art-shadow);background:#fff}.art-existing-frame>img{border-radius:0;transition:transform .5s}.art-existing-frame>figcaption{padding:13px 17px!important;margin:0!important;font-size:10px;background:white;position:relative;z-index:1}.art-vision .depth-split{gap:55px;align-items:center}.art-vision .depth-photo{border-radius:18px 18px 60px 18px}.art-vision .depth-photo img{height:490px;object-fit:cover}.art-standard-card{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(125deg,#fff,#f8f9fc);border-color:#dfe3ed!important}.art-standard-card:after{content:"";position:absolute;width:135px;height:135px;right:-8px;bottom:-12px;background:url('../assets/brand/tawreed-t-192.png') center/contain no-repeat;opacity:.035;z-index:-1;pointer-events:none}.art-standard-card h3{position:relative}.art-enriched .depth-table-wrap{border-radius:12px;box-shadow:0 14px 36px -30px #302c6580}.art-enriched .visual-service-card{border-radius:16px;box-shadow:0 10px 25px -20px #302c6566;transition:box-shadow .3s,border-color .3s}.art-enriched .visual-service-card:hover{border-color:#bec0dc;box-shadow:0 17px 42px -25px #302c6590}.art-enriched .service-card-photo{overflow:hidden}.art-enriched .service-card-photo>img{transition:transform .5s}.art-enriched .visual-service-card:hover .service-card-photo>img{transform:scale(1.045)}.art-enriched .service-brand-badge{border-radius:7px}.art-enriched .service-metric{border-radius:7px}.art-spotlight{background:linear-gradient(125deg,#efeff7,#f3f7f8);border-block:1px solid #e0e4ee}.art-spotlight-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:65px;align-items:center}.art-spotlight-copy p:not(.eyebrow){margin-top:25px;line-height:1.9}.art-spotlight-copy h2{margin-top:22px;font-size:clamp(29px,3vw,43px);max-width:520px}.art-spotlight .art-frame .art-photo{height:350px}
.art-calculator-section [data-calculator]{position:relative;border:1px solid #9a9cc6!important;box-shadow:0 0 0 6px #8b8fc90a,0 18px 55px -34px #159da880}.art-calculator-badge{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #d6deec;background:#f4f6fb;color:#302c65;border-radius:9px;font-size:10px;font-weight:650;line-height:1.6;margin-bottom:24px}.art-calculator-badge .art-line-icon{width:19px;height:19px}.art-enriched [data-visual-carousel]{border-radius:18px;overflow:hidden;box-shadow:var(--art-shadow);border:1px solid #e2e8f0}.art-gallery-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;background:white;padding:16px;border-top:1px solid #e2e8f0}.art-gallery-thumbs>button{min-width:0;position:relative;padding:0;background:#f8fafc;border:2px solid transparent;border-radius:10px;overflow:hidden;opacity:.65;transition:opacity .2s,border-color .2s}.art-gallery-thumbs>button[aria-current=true]{border-color:#302c65;opacity:1}.art-gallery-thumbs>button:hover{opacity:1}.art-gallery-thumbs img{height:75px;width:100%;object-fit:cover}.art-gallery-thumbs span{display:block;padding:8px 5px;font-size:10px;line-height:1.5;color:#302c65;font-weight:600}.art-enriched .deployment-scenario{position:relative;grid-template-columns:minmax(0,.78fr) minmax(0,1fr) minmax(0,.8fr);gap:32px;align-items:start}.deployment-scenario>.art-frame{margin:0}.deployment-scenario>.art-frame .art-photo{height:240px}.deployment-scenario>.art-frame figcaption{font-size:9px}.art-enriched .contact-aside>.art-frame{margin-bottom:32px}.art-enriched .contact-aside>.art-frame .art-photo{height:260px}.art-enriched .contact-aside .art-float-badge{font-size:9px;padding:7px 10px;left:12px;bottom:12px}.art-security-panel{margin-top:35px;border:1px solid #d4d9e6;border-radius:16px;overflow:hidden;box-shadow:var(--art-shadow);background:#fff}.art-security-photo{height:230px;position:relative;isolation:isolate;background:#11172e;overflow:hidden}.art-security-photo>.art-photo{height:100%;filter:saturate(.5);object-position:center}.art-security-shade{position:absolute;inset:0;background:linear-gradient(0deg,#161930e6,#302c6550)}.art-security-brand{position:absolute;left:22px;bottom:22px;width:165px;height:auto;border-radius:3px}.art-security-lock{position:absolute;top:24px;right:24px;width:48px;height:48px;display:grid;place-items:center;border:1px solid #ffffff60;border-radius:13px;background:#ffffff12}.art-security-lock .art-line-icon{color:#fff;width:26px;height:26px}.art-security-caption{display:flex;flex-direction:column;gap:6px;padding:18px 22px}.art-security-caption>span:first-child{font-size:12px;font-weight:650;color:#302c65}.art-security-caption>span:last-child{font-size:10px;color:#64748b}.art-metric-icon{display:block;margin-bottom:15px}.art-metric-icon .art-line-icon{width:21px;height:21px}.art-enriched .cta-section{position:relative;isolation:isolate;overflow:hidden}.art-enriched .cta-section:after{content:"";position:absolute;right:7%;top:50%;transform:translateY(-50%);width:200px;height:200px;background:url('../assets/brand/tawreed-t-192.png') center/contain no-repeat;opacity:.035;z-index:-1;pointer-events:none}
@media(min-width:981px){.art-page-hero .page-hero-grid>div:first-child{min-width:0}.art-enriched .portal-page-grid{gap:70px;align-items:start}}
@media(max-width:1100px){.art-hero-grid{gap:35px}.art-editorial-split{gap:35px;grid-template-columns:minmax(0,1fr) minmax(0,.85fr)}.art-spotlight-grid{gap:35px}.art-control-grid{gap:15px}.art-control-grid>div+div{padding-left:15px}.art-enriched .deployment-scenario{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.deployment-scenario>.art-frame{grid-column:1/-1}.deployment-scenario>.art-frame .art-photo{height:260px;aspect-ratio:2.5}.art-hero-frame .art-photo{height:360px}.art-home-hero{min-height:730px;padding-top:78px!important}.art-image-credit{display:none}}
@media(max-width:800px){.art-hero-grid{grid-template-columns:1fr!important;gap:35px}.art-page-hero{padding:46px 0 50px}.art-hero-frame{max-width:none}.art-hero-frame .art-photo{height:300px;aspect-ratio:1.7}.art-hero-frame:before{inset:-10px 20px 20px -10px}.art-page-hero h1{font-size:clamp(36px,6.3vw,56px)}.art-editorial-split,.art-spotlight-grid{grid-template-columns:1fr;gap:30px}.art-editorial-split>.art-frame{position:relative;top:auto}.art-editorial-split .art-photo{height:330px;aspect-ratio:1.6}.art-control-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.art-control-grid>div+div{border:0;padding:0}.art-control-strip{padding:25px 0}.art-vision .depth-photo img{height:360px}.art-panorama .art-photo{height:270px}.art-home-hero .editorial-intro{font-size:17px}.art-home-hero .editorial-detail{font-size:13px}.art-hero-backdrop>img{object-position:65% center}.art-hero-shade{background:linear-gradient(90deg,#0e1424e8,#141a32b8),linear-gradient(0deg,#0e1424,transparent)}.art-spotlight .art-frame .art-photo{height:320px}}
@media(max-width:640px){.art-home-hero{min-height:0;padding-top:58px!important}.art-home-hero h1{font-size:clamp(39px,9vw,57px);max-width:600px}.art-home-hero .eyebrow{font-size:9px;line-height:1.8;letter-spacing:.12em}.art-home-hero .editorial-intro{font-size:16px;line-height:1.8}.art-home-hero .editorial-detail{font-size:13px;line-height:1.85}.art-home-hero .hero-service-line{gap:13px 20px;display:flex;flex-wrap:wrap;padding-bottom:10px}.art-hero-navigation{flex-wrap:wrap;gap:17px;padding-top:23px;padding-bottom:25px;margin-top:15px}.art-hero-links{margin-left:auto}.art-hero-links a{font-size:10px;gap:10px}.art-hero-controls{gap:10px}.art-hero-controls>button{width:31px;height:31px}.art-hero-controls>[data-art-hero-status]{font-size:9px}.art-control-grid{gap:19px 12px}.art-control-grid>div{font-size:10px;gap:9px}.art-control-grid .art-line-icon{width:22px;height:22px}.art-page-hero h1{font-size:38px}.art-hero-frame .art-photo{height:255px;aspect-ratio:1.3}.art-photo-window{border-radius:14px}.art-frame .art-photo{height:280px}.art-float-badge{left:13px;bottom:13px;padding:8px 10px;max-width:calc(100% - 26px);font-size:9px;gap:8px}.art-float-badge>img{width:20px;height:20px}.art-editorial-copy p{font-size:13px;line-height:1.9}.art-frame figcaption{font-size:9px}.art-panorama{margin:25px 0 32px}.art-panorama .art-photo{height:230px}.art-gallery-thumbs{gap:7px;padding:10px}.art-gallery-thumbs img{height:52px}.art-gallery-thumbs span{font-size:8px;padding:7px 2px}.art-enriched .deployment-scenario{grid-template-columns:1fr;gap:23px}.deployment-scenario>.art-frame .art-photo{height:225px}.art-spotlight .art-frame .art-photo{height:260px}.art-calculator-badge{font-size:9px;align-items:flex-start}.art-security-photo{height:205px}.art-security-brand{width:145px}.art-enriched .cta-section:after{width:150px;height:150px;right:-30px}}
@media(prefers-reduced-motion:reduce){.art-photo,.art-enriched .visual-service-card,.art-enriched .service-card-photo>img{transition:none}.art-frame:hover .art-photo,.art-existing-frame:hover .art-photo,.art-enriched .visual-service-card:hover .service-card-photo>img{transform:none}}
@media print{.art-hero-backdrops,.art-hero-shade,.art-hero-navigation,.art-control-strip,.art-gallery-thumbs{display:none!important}.art-home-hero{background:white!important;min-height:0;color:#0f172a;padding:20px 0!important}.art-home-hero h1,.art-home-hero h1 em,.art-home-hero p,.art-home-hero a{color:#0f172a!important}.art-home-hero .hero-service-line{border-color:#ddd}.art-page-hero{padding:20px 0;background:white}.art-hero-grid,.art-editorial-split,.art-spotlight-grid{display:block!important}.art-frame .art-photo{height:160px}.art-editorial-split>.art-frame{position:relative;top:auto}.art-photo-window,.art-existing-frame,.art-enriched [data-visual-carousel]{box-shadow:none}.art-enriched .deployment-scenario{display:block}.art-security-panel{break-inside:avoid}.art-standard-card:after,.art-enriched .cta-section:after{display:none}}
/* Existing typographic hero identifiers remain visible over their new photo panel. */
.art-hero-visual-card{position:relative;min-width:0}.art-hero-visual-card>.hero-aside{position:absolute;inset:0 0 28px;z-index:2;display:flex;flex-direction:column;justify-content:center;border:0;padding:36px;background:linear-gradient(90deg,#1b2141d9,#302c6580);border-radius:18px 18px 64px 18px;color:#fff}.art-hero-visual-card>.hero-aside .large-type{color:#fff;font-size:clamp(38px,3.8vw,55px);letter-spacing:-.045em;line-height:1.06}.art-hero-visual-card>.hero-aside p{color:#e0e4f0;font-size:10px;line-height:1.8;margin-top:22px}.art-hero-visual-card .art-hero-frame .art-photo{height:430px}.art-hero-visual-card .art-hero-frame:before{display:none}
@media(max-width:800px){.art-hero-visual-card>.hero-aside{padding:30px;inset:0 0 28px}.art-hero-visual-card .art-hero-frame .art-photo{height:330px}.art-hero-visual-card>.hero-aside .large-type{font-size:43px}}
@media(max-width:640px){.art-hero-visual-card .art-hero-frame .art-photo{height:290px}.art-hero-visual-card>.hero-aside{padding:25px}.art-hero-visual-card>.hero-aside .large-type{font-size:37px}}
@media print{.art-hero-visual-card>.hero-aside{position:relative;inset:auto;padding:0;background:none;color:#0f172a}.art-hero-visual-card>.hero-aside .large-type,.art-hero-visual-card>.hero-aside p{color:#0f172a}.art-hero-visual-card .art-hero-frame .art-photo{height:160px}}
.art-enriched .enterprise-service-card>.art-frame{margin:0 0 26px}.art-enriched .enterprise-service-card>.art-frame .art-photo{height:230px;aspect-ratio:1.8}.art-enriched .enterprise-service-card>.art-frame figcaption{font-size:9px;line-height:1.5}.art-enriched .enterprise-service-card{overflow:hidden;border-radius:16px;box-shadow:0 14px 40px -30px #302c6555}