.services-page main:has(#detail-root){padding-top:112px}.detail-hero{position:relative;min-height:530px;max-width:1600px;margin:auto}.detail-main-image{display:block;width:100%;height:560px;object-fit:cover}.detail-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#03101e);pointer-events:none}.detail-glass{position:absolute;z-index:1;inset-inline-start:6%;bottom:35px;width:440px;max-width:88%;padding:32px 36px;background:linear-gradient(135deg,#061b2cdd,#03101ef2);backdrop-filter:blur(15px);border:1px solid #5bcbe18a;border-radius:10px;box-shadow:0 15px 50px #0005}.detail-category{color:#8de8ff;font-size:15px}.detail-glass h1{font:700 clamp(32px,4vw,51px)/1.4 ArabicDisplay,Arial,sans-serif;margin:12px 0}.detail-short{font-size:18px;line-height:1.9;margin:0;color:#e0e5eb}.detail-body,.detail-related{max-width:1180px;margin:auto;padding:50px 30px}.detail-body{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;align-items:start}.detail-article h2,.detail-related h2{font-size:30px;margin:0 0 25px}.detail-full{font-size:18px;line-height:2.1;white-space:pre-wrap;overflow-wrap:anywhere;color:#c5d1dd;margin:0}.detail-aside{display:grid;gap:12px;border-inline-start:1px solid #60a7be55;padding-inline-start:35px;font-size:17px}.detail-secondary{width:100%;height:235px;object-fit:cover;border-radius:7px}.detail-label{font-size:14px;color:#aabecf;margin-top:8px}.detail-contact{padding:12px;text-align:center;border:1px solid #6fdcff;border-radius:5px;margin-top:10px;background:#082238}.detail-related{border-top:1px solid #6ab8d12b}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.detail-project{position:relative;border:1px solid #587e94;border-radius:9px;overflow:hidden;min-height:270px;display:block;background:#061727}.detail-project img{width:100%;height:240px;object-fit:cover;display:block;transition:transform .3s}.detail-project>div{padding:16px}.detail-project h3{font-size:20px;margin:0 0 8px}.detail-project p{font-size:14px;color:#b7c9d6;margin:0;line-height:1.8}.detail-project:hover{border-color:#65e4ff}.detail-project:hover img{transform:scale(1.025)}.detail-empty{font-size:17px;color:#a8bdcc}.detail-status{text-align:center;padding:100px 20px 30px}.detail-back{display:block;text-align:center;padding:20px}.detail-preview{position:fixed;bottom:0;inset-inline:0;z-index:50;background:#164a64;text-align:center;padding:8px;margin:0}.service-feature-image{display:block}.project-open{position:absolute;inset:0;z-index:3;font-size:0}.project-open:after{content:'↗';position:absolute;right:18px;bottom:60px;font-size:24px;background:#041723ba;border:1px solid #88ccdf;border-radius:50%;width:42px;height:42px;text-align:center;line-height:40px}.project-comparison .compare-range{inset:auto 18px 15px;width:calc(100% - 36px);height:28px;opacity:1;z-index:5;accent-color:#49d5ed}.project-details>a{display:block;padding:12px 20px;border:1px solid #a8cee0;border-radius:30px;text-align:center}.project-details p{display:none}.deck-front .deck-caption{position:absolute;bottom:0;inset-inline:0}
@media(max-width:700px){.services-page main:has(#detail-root){padding-top:78px}.detail-hero{min-height:0}.detail-main-image{height:370px}.detail-glass{position:relative;inset:auto;margin:-95px 20px 0;width:auto;max-width:none;padding:23px}.detail-glass h1{font-size:34px}.detail-short{font-size:16px}.detail-body{grid-template-columns:1fr;gap:30px;padding:35px 22px}.detail-full{font-size:16px}.detail-aside{border:0;padding:0}.detail-secondary{height:200px}.detail-related{padding:30px 22px}.detail-grid{grid-template-columns:1fr}.detail-project img{height:230px}.detail-article h2,.detail-related h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){.detail-project img{transition:none}}