/* Fakhr Holding v30 – seven verticals with deliberately different information architecture. */
.sector-page{--v30-accent:#718678;--v30-wash:rgba(113,134,120,.09);--v30-deep:#253f33}
.sector-page-agriculture{--v30-accent:#6b9c65;--v30-wash:rgba(93,146,89,.11);--v30-deep:#24472c}
.sector-page-printing{--v30-accent:#aa60a8;--v30-wash:rgba(177,83,161,.10);--v30-deep:#4b1d4a}
.sector-page-construction{--v30-accent:#b48545;--v30-wash:rgba(176,126,56,.11);--v30-deep:#554126}
.sector-page-digital{--v30-accent:#548cde;--v30-wash:rgba(75,135,228,.11);--v30-deep:#172c62}
.sector-page-electrical{--v30-accent:#38a6ab;--v30-wash:rgba(32,169,173,.10);--v30-deep:#0a4950}
.sector-page-trade{--v30-accent:#5695aa;--v30-wash:rgba(86,149,170,.10);--v30-deep:#19485b}
.sector-page-immigration{--v30-accent:#8d8cc2;--v30-wash:rgba(141,140,194,.10);--v30-deep:#363a68}
.sector-page .v30-sector-hero{position:relative;isolation:isolate;gap:clamp(24px,4vw,65px);margin-block:0 20px;padding-block:clamp(30px,5vw,70px);min-height:440px}
.sector-page .v30-sector-hero::before{content:'';position:absolute;z-index:-2;inset:15px -12px 15px -12px;border-radius:26px;background:radial-gradient(circle at 75% 20%,var(--v30-wash),transparent 55%),var(--soft);pointer-events:none}
.sector-page .v30-sector-hero>div:first-child{position:relative;z-index:2;min-width:0;padding-inline:clamp(8px,2.5vw,34px) 0}
.sector-page .v30-sector-hero h1{font-size:clamp(32px,4vw,57px);line-height:1.5;letter-spacing:-.7px;margin-block:14px 12px;overflow-wrap:anywhere}
.sector-page .v30-sector-hero p{font-size:clamp(14px,1.15vw,16px);line-height:2.35;max-width:570px}
.sector-page .v30-sector-hero .kicker{color:var(--v30-accent);font-weight:800}
.sector-page .v30-sector-hero .hero-actions{margin-top:24px}
.sector-page .v30-sector-hero>img{width:100%;height:clamp(270px,33vw,420px);object-fit:cover;border-radius:18px;box-shadow:0 20px 55px rgba(18,33,48,.10)}
.sector-page .v30-brief{display:grid;grid-template-columns:minmax(240px,.88fr) minmax(0,1.4fr);gap:clamp(20px,3.5vw,55px);align-items:center;padding:clamp(18px,3vw,32px);margin-block:22px clamp(24px,3vw,55px);border:1px solid var(--edge);border-radius:22px;background:var(--card);box-shadow:0 15px 46px rgba(11,29,47,.035)}
.v30-brief-title{min-width:0}.v30-brief-eyebrow{display:inline-block;color:var(--v30-accent);font-size:10px;font-weight:900;letter-spacing:1.2px;direction:ltr;unicode-bidi:isolate}
.v30-brief-title h2{font-size:clamp(19px,2.2vw,27px);line-height:1.7;margin:7px 0}.v30-brief-title p{font-size:12px;color:var(--muted);line-height:2.05;margin:0}
.v30-brief-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-width:0}
.v30-brief-links a{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:130px;padding:16px 13px 14px;border:1px solid var(--edge);border-radius:14px;background:linear-gradient(150deg,var(--v30-wash),var(--card) 80%);color:var(--ink);transition:transform .2s,border-color .2s,box-shadow .2s}
.v30-brief-links a:hover,.v30-brief-links a:focus-visible{transform:translateY(-3px);border-color:var(--v30-accent);box-shadow:0 12px 30px rgba(24,37,46,.09)}
.v30-brief-links a span{font:800 11px Arial,Tahoma,sans-serif;color:var(--v30-accent)}.v30-brief-links a strong{font-size:13px;line-height:1.85;overflow-wrap:anywhere;max-width:100%}.v30-brief-links a em{position:absolute;inset-inline-end:11px;inset-block-start:10px;font-size:18px;color:var(--v30-accent);font-style:normal}
.sector-page .sector-experience{padding-block:clamp(40px,6vw,80px);margin-block:clamp(20px,3vw,48px)}
.sector-page .content-layout{padding-block:clamp(35px,5vw,70px);gap:clamp(20px,3vw,42px)}
.sector-page .content-layout>aside{border:1px solid var(--edge);border-radius:18px;background:var(--card);padding:clamp(18px,2.5vw,27px);align-self:start}
.sector-page .content-layout>aside .button{white-space:normal;text-align:center}
.sector-page .sector-depth{margin-block:25px;padding-block:clamp(45px,6vw,70px)}
.sector-page .sector-faq{padding-block:42px 70px}
.sector-page .c25-public{padding-block:clamp(40px,5vw,70px);scroll-margin-top:90px}
.sector-page [id]{scroll-margin-top:110px}
/* Agricultural: a quietly organic, lush editorial view. First interaction is choosing a specialty. */
.sector-page-agriculture .v30-sector-hero::before{background:radial-gradient(circle at 92% 5%,#85ad6c29,transparent 55%),linear-gradient(140deg,var(--soft),var(--v30-wash))}
.sector-page-agriculture .v30-sector-hero>img{border-radius:44% 44% 18px 18px;object-position:center}
.sector-page-agriculture .v30-brief{border-radius:25px 70px 25px 25px;background:linear-gradient(110deg,var(--card),var(--v30-wash))}
.sector-page-agriculture .v30-brief-links a:first-child{background:#2e4d33;color:#f5fff4}
.sector-page-agriculture .v30-brief-links a:first-child :is(span,em){color:#a3d6aa}
.sector-page-agriculture .c25-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.sector-page-agriculture .c25-service{border-start-start-radius:30px}
/* Printing: art-direction style with CMYK spot colors and asymmetric feature. */
.sector-page-printing .v30-sector-hero::before{background:radial-gradient(circle at 84% 20%,#e645bd25,transparent 41%),radial-gradient(circle at 10% 100%,#09afde21,transparent 45%),var(--soft)}
.sector-page-printing .v30-sector-hero>img{border-radius:0 60px 0 60px;transform:rotate(-1deg)}
.sector-page-printing .v30-brief{border-top:5px solid transparent;border-image:linear-gradient(90deg,#00b7de 0 25%,#e953ac 25% 50%,#f0bd3e 50% 75%,#26313f 75%) 1;border-radius:14px}
.sector-page-printing .v30-brief-links a{border-radius:4px;min-height:150px}.sector-page-printing .v30-brief-links a:nth-child(2){background:linear-gradient(140deg,#ad5fac24,var(--card))}
.sector-page-printing .c25-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.sector-page-printing #products .product-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
/* Construction: blueprint grid and industrial blocks; source and quantity before brochure. */
.sector-page-construction .v30-sector-hero::before{background-image:linear-gradient(var(--v30-wash) 1px,transparent 1px),linear-gradient(90deg,var(--v30-wash) 1px,transparent 1px);background-size:28px 28px}
.sector-page-construction .v30-sector-hero>img{border-radius:3px;box-shadow:12px 12px 0 var(--v30-wash)}
.sector-page-construction .v30-brief{border-radius:5px;border-inline-start:6px solid var(--v30-accent)}
.sector-page-construction .v30-brief-links a{border-radius:5px;border-bottom:3px solid var(--v30-accent)}
.sector-page-construction .v30-brief-links a:nth-child(2){background:var(--v30-deep);color:#fff}.sector-page-construction .v30-brief-links a:nth-child(2) :is(span,em){color:#f3c989}
.sector-page-construction .c25-service{border-radius:8px}
/* Website studio: typography, airy gradient and prominent digital preview. */
.sector-page-digital .v30-sector-hero{grid-template-columns:.92fr 1.08fr}
.sector-page-digital .v30-sector-hero::before{background:radial-gradient(ellipse at 70% 0%,#4d70df20,transparent 67%),radial-gradient(ellipse at 90% 90%,#15cdd41a,transparent 58%),var(--soft)}
.sector-page-digital .v30-sector-hero h1{font-size:clamp(36px,4.5vw,64px);letter-spacing:-1px}
.sector-page-digital .v30-brief{border-radius:20px;background:linear-gradient(120deg,var(--card),var(--v30-wash))}
.sector-page-digital .v30-brief-links a{border-radius:16px;min-height:145px}
.sector-page-digital .v30-brief-links a:first-child{background:#20365c;color:#fff}.sector-page-digital .v30-brief-links a:first-child :is(span,em){color:#93c0ff}
.sector-page-digital .digital-stage{border-radius:30px}
/* Electrical: structured control-system / circuit aesthetic. */
.sector-page-electrical .v30-sector-hero::before{background:radial-gradient(circle at 55% 25%,var(--v30-wash),transparent 60%),repeating-linear-gradient(0deg,transparent 0 39px,rgba(55,137,140,.05) 39px 40px),var(--soft)}
.sector-page-electrical .v30-brief{border-radius:8px;background:linear-gradient(140deg,var(--v30-wash),var(--card))}
.sector-page-electrical .v30-brief-links a{border-radius:7px}.sector-page-electrical .v30-brief-links a span{letter-spacing:1.8px}
/* Trade: route-oriented continuous steps with open horizon imagery. */
.sector-page-trade .v30-sector-hero>img{border-radius:120px 18px 120px 18px}
.sector-page-trade .v30-brief{border-radius:50px 10px 50px 10px}
.sector-page-trade .v30-brief-links{gap:0}.sector-page-trade .v30-brief-links a{border-radius:0;min-height:122px;border-inline-end:0}.sector-page-trade .v30-brief-links a:last-child{border-inline-end:1px solid var(--edge);border-radius:12px 0 0 12px}.sector-page-trade .v30-brief-links a:first-child{border-radius:0 12px 12px 0}
/* Immigration: editorial editorial guide before decorative hero. */
.sector-page-immigration .v30-sector-hero>img{border-radius:140px 140px 16px 16px}
.sector-page-immigration .v30-brief{border-radius:20px 20px 60px 20px}
.sector-page-immigration .v30-brief-links a{min-height:124px;background:var(--card);border-bottom:3px solid var(--v30-accent)}
/* Tablet / phone layout and accessible motion. */
@media(max-width:950px){.sector-page .v30-brief{grid-template-columns:1fr;gap:18px}.sector-page .v30-brief-links a{min-height:110px}.sector-page-digital .v30-sector-hero{grid-template-columns:1fr}.sector-page .v30-sector-hero{min-height:unset}}
@media(max-width:660px){
 .sector-page .v30-sector-hero{padding-block:20px 30px;gap:18px}
 .sector-page .v30-sector-hero::before{inset:6px -8px 6px;border-radius:15px}
 .sector-page .v30-sector-hero>div:first-child{padding-inline:8px}
 .sector-page .v30-sector-hero>img{height:220px;border-radius:15px;transform:none}
 .sector-page .v30-sector-hero h1{font-size:clamp(28px,7.8vw,40px)}
 .sector-page .v30-brief{grid-template-columns:1fr;border-radius:16px!important;padding:17px;margin-block:12px 30px;gap:17px}
 .v30-brief-links{grid-template-columns:1fr;gap:9px!important}
 .v30-brief-links a{min-height:65px!important;border-radius:10px!important;display:grid;grid-template-columns:52px 1fr 21px;align-items:center;gap:10px;padding:12px}
 .v30-brief-links a em{position:static!important;align-self:center;justify-self:end}
 .v30-brief-links a strong{font-size:13px}
 .sector-page-agriculture .c25-grid,.sector-page-printing .c25-grid,.sector-page-printing #products .product-cards{grid-template-columns:1fr}
 .sector-page .sector-experience{padding-block:32px}.sector-page .content-layout{padding-block:28px}
}
@media(prefers-reduced-motion:reduce){.v30-brief-links a{transition:none!important}.v30-brief-links a:hover{transform:none!important}}
/* Distinct masthead art direction: not a shared image-text template. */
.sector-page-printing .v30-sector-hero{display:flex;align-items:flex-end;isolation:isolate;overflow:hidden;min-height:465px;padding:clamp(34px,5vw,70px);border-radius:24px;background:#122033}
.sector-page-printing .v30-sector-hero::before{z-index:0;inset:0;border-radius:inherit;background:linear-gradient(90deg,#0e1323ef 0%,#0e1323c6 46%,#0e13234a 100%)}
.sector-page-printing .v30-sector-hero>img{position:absolute;inset:0;width:100%;height:100%;z-index:-1;border-radius:inherit;transform:none;box-shadow:none;filter:saturate(.8)}
.sector-page-printing .v30-sector-hero>div:first-child{z-index:2;max-width:650px;padding:0}
.sector-page-printing .v30-sector-hero :is(h1,p,.kicker){color:#fff}
.sector-page-printing .v30-sector-hero .kicker{color:#fac9eb}
.sector-page-printing .v30-sector-hero .button.outline{background:#fff;color:#152237}
.sector-page-printing .v30-sector-hero .button.dark{background:#f2c8e7;color:#1b1830;border-color:#f2c8e7}
.sector-page-construction .v30-sector-hero{background:#182330;color:#fff;border-radius:8px;padding:clamp(24px,3vw,45px)}
.sector-page-construction .v30-sector-hero::before{inset:0;background:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:28px 28px}
.sector-page-construction .v30-sector-hero :is(h1,p){color:#f5f1e9}
.sector-page-construction .v30-sector-hero .kicker{color:#e3bd86}
.sector-page-construction .v30-sector-hero .button.dark{background:#c5a078;color:#1c222c;border-color:#c5a078}
.sector-page-construction .v30-sector-hero .button.outline{background:#ffffff12;color:#fff;border-color:#ffffff45}
.sector-page-construction .v30-sector-hero>img{height:clamp(250px,31vw,405px)}
.sector-page-electrical .v30-sector-hero{background:linear-gradient(120deg,#122e40,#081c2c);border-radius:21px;padding:clamp(24px,3.5vw,48px)}
.sector-page-electrical .v30-sector-hero::before{background:repeating-linear-gradient(0deg,transparent 0 47px,#8cfaf111 47px 48px),repeating-linear-gradient(90deg,transparent 0 47px,#8cfaf111 47px 48px);inset:0}
.sector-page-electrical .v30-sector-hero :is(h1,p){color:#edfbfd}
.sector-page-electrical .v30-sector-hero .kicker{color:#7de6e7}
.sector-page-electrical .v30-sector-hero .button.dark{background:#66d4d4;color:#12303c;border-color:#66d4d4}
.sector-page-electrical .v30-sector-hero .button.outline{color:#fff;background:transparent;border-color:#8bd8d74d}
.sector-page-electrical .v30-sector-hero>img{border:6px solid #a6f4f320;clip-path:polygon(0 0,100% 0,100% 87%,91% 100%,0 100%);border-radius:0}
.sector-page-immigration .v30-sector-hero{grid-template-columns:1fr .73fr}
.sector-page-immigration .v30-sector-hero::before{background:linear-gradient(145deg,var(--card),var(--v30-wash));border:1px solid var(--edge)}
@media(max-width:850px){
 .sector-page-printing .v30-sector-hero{min-height:500px;padding:clamp(22px,5vw,45px);border-radius:18px}
 .sector-page-printing .v30-sector-hero>img{position:absolute;height:100%;border-radius:inherit}
 .sector-page-construction .v30-sector-hero,.sector-page-electrical .v30-sector-hero{display:flex;flex-direction:column-reverse;gap:19px}
 .sector-page-construction .v30-sector-hero>img,.sector-page-electrical .v30-sector-hero>img{width:100%;height:200px;max-width:100%;object-fit:cover}
 .sector-page-digital .v30-sector-hero{display:flex;flex-direction:column-reverse;gap:10px}
 .sector-page-digital .v30-sector-hero>.digital-intro-art{width:100%;max-width:100%}
 .sector-page-immigration .v30-sector-hero{grid-template-columns:1fr}
}
@media(max-width:660px){
 .sector-page-printing .v30-sector-hero{min-height:520px;padding:24px;display:flex;align-items:end}
 .sector-page-printing .v30-sector-hero::before{background:linear-gradient(to top,#07131cf5,#07131ccb 58%,#07131c22)}
 .sector-page-printing .v30-sector-hero>img{position:absolute;inset:0;height:100%;width:100%;border-radius:0;filter:none}
 .sector-page-printing .v30-sector-hero h1{font-size:clamp(29px,8vw,38px)}
 .sector-page-printing .v30-sector-hero :is(p,.kicker,h1){color:#fff}
 .sector-page-printing .v30-sector-hero .hero-actions .button{width:100%}
 .sector-page-construction .v30-sector-hero,.sector-page-electrical .v30-sector-hero{padding:17px;border-radius:13px}
 .sector-page-construction .v30-sector-hero::before,.sector-page-electrical .v30-sector-hero::before{inset:0}
 .sector-page-construction .v30-sector-hero>img,.sector-page-electrical .v30-sector-hero>img{height:200px}
 .sector-page-digital .v30-sector-hero{display:flex;flex-direction:column-reverse}
 .sector-page-trade .v30-sector-hero{display:flex;flex-direction:column-reverse}
 .sector-page-trade .v30-sector-hero>img{height:230px;border-radius:85px 11px 85px 11px}
}

/* Printing cover: content anchored to the image instead of leaving a blank lower half. */
.sector-page-printing .v30-sector-hero{justify-content:center;align-items:stretch}
@media(max-width:660px){.sector-page-printing .v30-sector-hero{justify-content:flex-end;align-items:stretch}}