.service-categories{position:relative;width:var(--shell);margin:5px auto 86px;padding:42px;overflow:hidden;border:1px solid #36536a;border-radius:30px;background:linear-gradient(145deg,#172c3c,#0d1b27);box-shadow:0 30px 80px #0004}.service-categories:before{content:'SERVICES';position:absolute;left:-15px;top:-40px;color:#ffffff06;font:800 8rem Arial;letter-spacing:-.04em;pointer-events:none}.category-head{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:45px;align-items:end;margin-bottom:28px}.category-head>div>span{display:inline-flex;align-items:center;gap:8px;color:#76bdeb;font-size:.73rem}.category-head>div>span i{display:grid;width:29px;height:29px;place-items:center;border:1px solid #76bdeb35;border-radius:9px;background:#76bdeb0d}.category-head h2{margin:11px 0 0;font-size:clamp(1.65rem,2.8vw,2.35rem);line-height:1.55}.category-head h2 strong{color:#7fc8f5}.category-head>p{max-width:430px;margin:0;color:#9eb0bd;font-size:.84rem;line-height:2}.category-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(238px,auto);gap:13px}.category-item{position:relative;display:flex;min-width:0;flex-direction:column;padding:23px;overflow:hidden;border:1px solid #304b60;border-radius:19px;background:linear-gradient(145deg,#1a3041,#122330);transition:transform .35s,border-color .35s,box-shadow .35s}.category-item:after{content:'';position:absolute;left:-50px;bottom:-65px;width:150px;height:150px;border:1px solid #ffffff0b;border-radius:50%;box-shadow:0 0 0 28px #ffffff04}.category-item:hover{z-index:2;border-color:#6bb5e7;box-shadow:0 22px 48px #0005;transform:translateY(-6px)}.category-item>i{display:grid;width:46px;height:46px;place-items:center;border:1px solid #6db8e834;border-radius:14px;background:#1e425a;color:#83caf5;font-size:1.05rem}.category-number{position:absolute;top:17px;left:20px;color:#7691a3;font:600 .67rem Arial;letter-spacing:.13em}.category-item>div{position:relative;z-index:1;margin-top:22px}.category-item small{color:#7e9aae;font-size:.63rem}.category-item h3{margin:4px 0 7px;font-size:.96rem}.category-item p{margin:0;color:#98aab7;font-size:.75rem;line-height:1.9}.category-item>b{position:relative;z-index:1;display:flex;align-items:center;gap:8px;width:max-content;margin-top:auto;padding-top:17px;color:#78c1ef;font-size:.7rem}.category-item>b i{transition:transform .25s}.category-item:hover>b i{transform:translateX(-5px)}.category-featured{grid-row:span 2;padding:31px;background:linear-gradient(155deg,#22577a,#132b3d)}.category-featured:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 10% 85%,#4ca7e72d,transparent 38%),linear-gradient(130deg,transparent 45%,#ffffff08);pointer-events:none}.category-featured>i{width:58px;height:58px;border-radius:17px;background:#73bff2;color:#102536;font-size:1.25rem}.category-featured>div{margin-top:auto;padding-top:75px}.category-featured h3{font-size:1.25rem}.category-featured p{font-size:.82rem}.category-featured>b{margin-top:18px}.category-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:18px;padding:15px 18px;border:1px solid #ffffff12;border-radius:15px;background:#ffffff05}.category-footer>span{color:#a9bac6;font-size:.75rem}.category-footer>span i{margin-left:7px;color:#52d79a}.category-footer>a{display:inline-flex;align-items:center;gap:12px;padding:9px 14px;border-radius:11px;background:#6db9ec;color:#0b1c28;font-size:.75rem;font-weight:700;transition:.25s}.category-footer>a:hover{background:#91d2fa;transform:translateX(-3px)}
@media(max-width:900px){.category-head{grid-template-columns:1fr;gap:12px}.category-head>p{max-width:620px}.category-grid{grid-template-columns:repeat(2,1fr)}.category-featured{grid-row:span 2}.service-categories{padding:32px}}
@media(max-width:650px){.service-categories{width:var(--shell);margin-bottom:62px;padding:18px 14px;border-radius:22px}.service-categories:before{font-size:4.5rem;top:-15px}.category-head{padding:5px 5px 0;margin-bottom:19px}.category-head h2{font-size:1.42rem}.category-head>p{font-size:.79rem}.category-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:9px}.category-item,.category-featured{min-height:210px;padding:20px}.category-featured{grid-row:auto;min-height:270px}.category-featured>div{padding-top:45px}.category-item:hover{transform:none}.category-footer{display:grid;padding:14px}.category-footer>a{justify-content:center}.category-footer>span{line-height:1.8}}
.category-photo{position:relative;z-index:3;width:100%;height:172px;margin:18px 0 0;overflow:hidden;border:1px solid #ffffff20;border-radius:16px;background:radial-gradient(circle at 50% 45%,#173449,#08141d 75%);box-shadow:0 15px 35px #0004,inset 0 0 0 1px #ffffff05;cursor:zoom-in;outline:0}.category-photo:before{content:'نمایش تمام‌صفحه';position:absolute;z-index:3;left:10px;bottom:10px;padding:6px 10px;border:1px solid #ffffff2b;border-radius:999px;background:#07131dcc;color:#fff;font-size:.58rem;line-height:1.4;opacity:0;transform:translateY(5px);backdrop-filter:blur(9px);transition:.3s;pointer-events:none}.category-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#07131d80,transparent 48%);opacity:.75;transition:.35s;pointer-events:none}.category-photo img{display:block;width:100%;height:100%;object-fit:contain;background:transparent;transition:transform .55s ease,filter .55s ease}.category-item:hover .category-photo img,.category-photo:focus img{transform:scale(1.035);filter:brightness(1.1) saturate(1.06)}.category-item:hover .category-photo:before,.category-photo:focus:before{opacity:1;transform:none}.category-photo:hover:after,.category-photo:focus:after{opacity:.35}.category-photo:focus{border-color:#82c9f5;box-shadow:0 0 0 3px #70bdf025,0 18px 38px #0005}.category-item>div{margin-top:15px}.category-featured .category-photo{height:270px;margin-top:24px}.category-featured>div{padding-top:18px}.category-grid{grid-auto-rows:minmax(400px,auto)}
@media(max-width:900px){.category-grid{grid-auto-rows:minmax(390px,auto)}.category-featured .category-photo{height:235px}}
@media(max-width:650px){.category-grid{grid-auto-rows:auto}.category-item,.category-featured{min-height:0}.category-photo,.category-featured .category-photo{height:auto;aspect-ratio:16/10}.category-photo:before{opacity:1;transform:none}.category-featured>div{padding-top:0}.category-item>div{margin-top:14px}}

/* Full-bleed service photography */
.category-featured{grid-row:auto;padding:23px}
.category-item .category-photo{width:calc(100% + 46px);height:250px;margin:20px -23px 0;border-right:0;border-left:0;border-radius:0;background:radial-gradient(circle at 50% 45%,#1b3b50,#07131c 76%)}
.category-featured .category-photo{width:calc(100% + 46px);height:250px;margin:20px -23px 0}
.category-photo img{object-fit:contain!important}
.category-item>div,.category-featured>div{margin-top:15px;padding-top:4px}
.category-grid{grid-auto-rows:minmax(485px,auto)}
@media(max-width:900px){.category-featured{padding:23px}.category-item .category-photo,.category-featured .category-photo{height:280px}.category-grid{grid-auto-rows:minmax(510px,auto)}}
@media(max-width:650px){.category-item .category-photo,.category-featured .category-photo{width:calc(100% + 40px);height:auto;aspect-ratio:4/5;margin:18px -20px 0}.category-photo img{width:100%;height:100%}.category-grid{grid-auto-rows:auto}}

/* Balanced bento layout with edge-to-edge photography */
.category-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:auto;gap:13px}.category-item{grid-column:span 4;min-height:440px;padding:22px}.category-item:nth-child(1){grid-column:span 6}.category-item:nth-child(2),.category-item:nth-child(3){grid-column:span 3}.category-item:nth-child(4),.category-item:nth-child(5),.category-item:nth-child(6){grid-column:span 4}.category-featured{min-height:440px;padding:22px}.category-item .category-photo,.category-featured .category-photo{width:calc(100% + 44px);height:235px;margin:18px -22px 0;border:0;border-radius:0;background:#0a1720}.category-item:nth-child(1) .category-photo{height:250px}.category-photo img{width:100%;height:100%;object-fit:cover!important;object-position:center!important;background:none!important}.category-item>div,.category-featured>div{margin-top:14px;padding-top:0}.category-item h3{font-size:.92rem}.category-item p{font-size:.72rem}.category-item>b{padding-top:12px}.category-item:nth-child(1) h3{font-size:1.08rem}.category-item:nth-child(1) p{max-width:520px;font-size:.78rem}.category-photo:after{background:linear-gradient(0deg,#07131d6e,transparent 55%)}
@media(min-width:651px) and (max-width:1000px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-item,.category-item:nth-child(n){grid-column:span 1;min-height:430px}.category-item .category-photo,.category-featured .category-photo,.category-item:nth-child(1) .category-photo{height:235px}}
@media(max-width:650px){.service-categories{padding-bottom:15px}.category-grid{display:flex;grid-template-columns:none;gap:10px;margin-inline:-3px;padding:2px 3px 12px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.category-grid::-webkit-scrollbar{display:none}.category-item,.category-featured,.category-item:nth-child(n){flex:0 0 min(82vw,315px);min-height:405px;padding:18px;scroll-snap-align:center;border-radius:18px}.category-item .category-photo,.category-featured .category-photo,.category-item:nth-child(1) .category-photo{width:calc(100% + 36px);height:205px;margin:15px -18px 0;aspect-ratio:auto}.category-item>div,.category-featured>div{margin-top:12px}.category-item h3,.category-item:nth-child(1) h3{font-size:.9rem}.category-item p,.category-item:nth-child(1) p{font-size:.7rem;line-height:1.85}.category-item>b{padding-top:10px}.category-footer{margin-top:9px}.category-photo:before{display:none}}
@media(max-width:380px){.category-item,.category-featured,.category-item:nth-child(n){flex-basis:87vw;min-height:385px}.category-item .category-photo,.category-featured .category-photo,.category-item:nth-child(1) .category-photo{height:185px}}