body[data-page="service-project-detail"] main{overflow:hidden}
body[data-page="service-project-detail"] .container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
body[data-page="service-project-detail"] .section{padding-block:clamp(72px,8vw,112px)}
body[data-page="service-project-detail"] .section-head{max-width:820px;margin:0 auto clamp(34px,5vw,58px);text-align:center}
body[data-page="service-project-detail"] .section-head .section-lead{max-width:720px;margin:14px auto 0}

.service-detail-hero .moeen-project-hero__media img{object-fit:cover!important;background:#071923;padding:0}
body[data-page="service-project-detail"] [data-scope="moeen-project-hero"] .moeen-project-hero__content h1{font-size:clamp(42px,5.2vw,72px);line-height:1.14;letter-spacing:-.035em}
body[data-page="service-project-detail"] [data-scope="moeen-project-hero"] .moeen-project-hero__content h1 span{display:inline}
body[data-page="service-project-detail"] [data-scope="moeen-project-hero"] .moeen-project-hero__grid{min-height:480px}
body[data-page="service-project-detail"] [data-scope="moeen-case-study"] .moeen-case-study__layout,
body[data-page="service-project-detail"] [data-scope="moeen-project-value"] .moeen-project-value__layout{position:relative;z-index:1}
body[data-page="service-project-detail"] [data-scope="moeen-case-study"] .moeen-case-study__content,
body[data-page="service-project-detail"] [data-scope="moeen-case-study"] .moeen-case-study__facts-card{height:auto}
body[data-page="service-project-detail"] [data-scope="moeen-project-value"] .moeen-project-value__cards{align-self:stretch}

.service-project-section{position:relative;isolation:isolate}
.service-project-section::before{content:"";position:absolute;inset-inline:10%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(35,198,189,.26),rgba(217,175,85,.18),transparent)}
.service-project-section.is-alt{background:radial-gradient(circle at 50% 0,rgba(35,198,189,.055),transparent 34%),rgba(5,17,24,.48)}
.service-project-section + .service-project-section{margin-top:0}
.service-project-section .moeen-pdf-library__layout,
.service-project-section .moeen-album-spotlight,
.service-project-section .service-video-subsection{position:relative;z-index:1}

.service-project-section .moeen-pdf-library__layout{overflow:hidden;border:1px solid rgba(35,198,189,.22);border-radius:28px;background:linear-gradient(145deg,rgba(9,32,42,.96),rgba(3,15,21,.98));box-shadow:0 24px 70px rgba(0,0,0,.24)}
.service-project-section .moeen-pdf-library__item{min-height:68px;text-decoration:none}
.service-project-section .moeen-pdf-library__item span{display:block;color:#f1ffff;font-weight:800}
.service-project-section .moeen-pdf-library__item small{display:block;margin-top:4px;color:#efc85d;font-size:10px;font-weight:900}
.service-project-section .moeen-pdf-library__viewer{min-height:650px}
.service-project-section .moeen-pdf-library__viewer iframe{height:650px}

.service-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.5vw,28px)}
.service-video-card{overflow:hidden;border:1px solid rgba(35,198,189,.22);border-radius:24px;background:linear-gradient(145deg,rgba(12,39,49,.94),rgba(5,20,28,.98));box-shadow:0 20px 55px rgba(0,0,0,.2)}
.service-video-card video,.service-video-card iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#02090d}
.service-video-grid--vertical{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1020px;margin-inline:auto}
.service-video-grid--vertical video{aspect-ratio:9/16;object-fit:cover}
.service-video-card__body{padding:20px 22px 24px}
.service-video-card__body span{color:#23c6bd;font-size:12px;font-weight:900}
.service-video-card__body h3{margin:7px 0;color:#fff;font-size:20px}
.service-video-card__body p{margin:0;color:#a9c3c8;line-height:1.8}
.service-video-subsection + .service-video-subsection{margin-top:clamp(54px,7vw,86px);padding-top:clamp(46px,6vw,70px);border-top:1px solid rgba(35,198,189,.18)}
.service-subsection-head{max-width:760px;margin:0 auto 30px;text-align:center}
.service-subsection-head>span{display:inline-flex;padding:7px 13px;border:1px solid rgba(35,198,189,.3);border-radius:999px;color:#23c6bd;background:rgba(35,198,189,.07);font-size:12px;font-weight:900}
.service-subsection-head h3{margin:12px 0 8px;color:#fff;font-size:clamp(26px,3vw,38px)}
.service-subsection-head p{margin:0;color:#a9c3c8}
.service-upload-note{margin:20px 0 0;padding:15px 18px;border:1px dashed rgba(239,200,93,.45);border-radius:16px;color:#d6e7e8;background:rgba(239,200,93,.05);text-align:center}

.service-detail-cta{text-align:center;padding:clamp(34px,6vw,66px);border:1px solid rgba(35,198,189,.25);border-radius:30px;background:radial-gradient(circle at 50% 0,rgba(35,198,189,.15),transparent 60%),#071923;box-shadow:0 24px 75px rgba(0,0,0,.22)}
.service-detail-cta>span{color:#23c6bd;font-weight:800}
.service-detail-cta h2{max-width:750px;margin:12px auto;color:#fff;font-size:clamp(28px,4vw,46px);line-height:1.4}
.service-detail-cta p{color:#a9c3c8}
.service-detail-cta a{display:inline-flex;margin-top:16px;padding:14px 24px;border-radius:999px;background:#23c6bd;color:#041417;text-decoration:none;font-weight:900;transition:transform .2s ease,box-shadow .2s ease}
.service-detail-cta a:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(35,198,189,.2)}

@media(max-width:1100px){
  body[data-page="service-project-detail"] [data-scope="moeen-project-hero"] .moeen-project-hero__grid{min-height:0}
}
@media(max-width:900px){
  body[data-page="service-project-detail"] .container{width:min(100% - 28px,760px)}
  .service-video-grid,.service-video-grid--vertical{grid-template-columns:1fr}
  .service-video-grid--vertical{max-width:430px}
  .service-project-section .moeen-pdf-library__viewer,.service-project-section .moeen-pdf-library__viewer iframe{min-height:540px;height:540px}
}
@media(max-width:560px){
  body[data-page="service-project-detail"] .section{padding-block:58px}
  body[data-page="service-project-detail"] [data-scope="moeen-project-hero"] .moeen-project-hero__content h1{font-size:38px}
  .service-project-section .moeen-pdf-library__viewer,.service-project-section .moeen-pdf-library__viewer iframe{min-height:460px;height:460px}
  .service-video-card{border-radius:18px}
}
/* YouTube project library */
.service-video-grid--youtube{width:min(100%,1160px);margin-inline:auto;align-items:start}
.service-video-card--youtube{display:flex;min-width:0;height:100%;flex-direction:column}
.service-video-card__frame{position:relative;overflow:hidden;aspect-ratio:16/9;background:#02090d;border-bottom:1px solid rgba(35,198,189,.18)}
.service-video-card__frame iframe{position:absolute;inset:0;width:100%!important;height:100%!important;aspect-ratio:auto!important;border:0}
.service-video-card--youtube .service-video-card__body{display:flex;min-height:150px;flex:1;flex-direction:column;align-items:flex-start;text-align:right}
.service-video-card--youtube .service-video-card__body h3{font-size:clamp(18px,2vw,23px);line-height:1.55}
.service-video-card--youtube .service-video-card__body p{margin-top:auto;padding-top:6px}
@media(max-width:760px){.service-video-grid--youtube{grid-template-columns:1fr}.service-video-card--youtube .service-video-card__body{min-height:0}}

/* Project media controls 20260722 */
button.moeen-pdf-library__item{width:100%;appearance:none;border:0;border-radius:0;background:transparent;font:inherit;text-align:right;cursor:pointer}
button.moeen-pdf-library__item:focus-visible{outline:2px solid #23c6bd;outline-offset:-3px}
.service-media-empty{padding:42px 24px;border:1px dashed rgba(35,198,189,.28);border-radius:22px;background:rgba(5,20,28,.72);color:#b9d0d4;text-align:center}
.service-video-card--placeholder .service-video-card__frame{display:grid;place-content:center;gap:12px;min-height:230px;color:#9ac2c5;text-align:center;background:radial-gradient(circle at 50% 45%,rgba(35,198,189,.16),transparent 54%),#041116}
.service-video-placeholder__icon{display:grid;width:58px;height:58px;margin-inline:auto;place-items:center;border:1px solid rgba(35,198,189,.45);border-radius:50%;color:#23c6bd;background:rgba(35,198,189,.08);font-size:20px}
.service-video-card--placeholder .service-video-card__frame strong{font-size:16px}