/* Service pages extend MID FILM's existing dark, warm visual language. */
body.service-page{background:#0c0c0b;color:#eee9e2;font-family:Tajawal,Tahoma,Arial,sans-serif;font-weight:500}
.service-page *{box-sizing:border-box}
.service-page a:focus-visible,.service-page summary:focus-visible{outline:2px solid #e69a65;outline-offset:5px}
.service-skip{position:absolute;top:-100px;right:20px;z-index:99;background:#e0a473;color:#111;padding:10px 16px}
.service-skip:focus{top:8px}
.service-header{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:82px;padding:16px clamp(24px,5vw,84px);border-bottom:1px solid #ffffff23;background:#0c0c0b}
.service-brand{direction:ltr;display:inline-flex;align-items:center;font-family:Arial,sans-serif;font-size:27px;font-weight:900;letter-spacing:-1.8px;white-space:nowrap}
.service-brand span{border:1px solid currentColor;margin-left:3px;padding:0 4px;line-height:1.06}
.service-header nav{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(12px,2.5vw,34px);font-size:15px}
.service-header nav a:hover,.service-footer a:hover{color:#e09a69}
.service-nav-contact{border:1px solid #db9a714d;padding:10px 15px}
.service-breadcrumb{display:flex;gap:10px;align-items:center;padding:23px clamp(24px,5vw,84px);font-size:13px;color:#aba59b}
.service-breadcrumb a:hover{color:#d7804a}
.service-breadcrumb span[aria-hidden]{color:#725c4c}
.service-kicker,.service-index,.service-art-caption,.service-card-index{font-family:Oswald,'Arial Narrow',Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.service-kicker,.service-index{color:#d7804a;font-size:13px}
.service-hero{display:grid;grid-template-columns:1fr 1.05fr;min-height:clamp(570px,60vw,730px);padding:0 clamp(24px,5vw,84px) 72px;gap:clamp(30px,5vw,90px);align-items:center;overflow:hidden}
.service-hero-copy{max-width:670px;padding:35px 0}
.service-hero h1{font-family:Tajawal,Tahoma,Arial,sans-serif;letter-spacing:-.035em;font-size:clamp(42px,5.4vw,83px);line-height:1.16;font-weight:500;margin:24px 0 26px}
.service-hero-copy>p{color:#cbc5bd;line-height:1.85;font-size:clamp(18px,1.8vw,23px);max-width:610px}
.service-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:28px;margin-top:38px}
.service-button{display:inline-flex;align-items:center;justify-content:space-between;gap:50px;padding:16px 21px;min-width:220px;background:#d7804a;color:#10100f;font-size:16px;font-weight:700;transition:background .2s,transform .2s}
.service-button:hover{background:#efaa7a;transform:translateY(-2px)}
.service-quiet-link{border-bottom:1px solid #9a7a65;padding-bottom:5px;color:#ddd6ca;font-size:15px}
.service-quiet-link:hover{color:#e8a16c}
.service-hero-art{position:relative;align-self:stretch;min-height:470px;background:#1b1714;overflow:hidden}
.service-hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0c0c0ba8,transparent 38%),linear-gradient(90deg,#0c0c0b42,transparent 45%);pointer-events:none}
.service-hero-art img{width:100%;height:100%;object-fit:cover;filter:saturate(.84)}
.service-art-caption{position:absolute;bottom:26px;left:26px;z-index:1;font-size:11px;color:#f4e7d7}
.service-shell{padding:clamp(76px,8vw,125px) clamp(24px,5vw,84px)}
.service-intro{border-top:1px solid #ffffff22;display:grid;grid-template-columns:1fr 2fr;gap:8vw;background:#121211}
.service-intro h2,.service-section-heading h2,.service-feature h2,.service-final h2{font-family:Tajawal,Tahoma,Arial,sans-serif;letter-spacing:-.025em;font-weight:500;line-height:1.25;font-size:clamp(34px,4.1vw,59px)}
.service-intro p,.service-section-heading p,.service-feature p,.service-final p{font-size:clamp(17px,1.5vw,20px);line-height:1.85;color:#bcb5ad;margin-top:22px;max-width:800px}
.service-article-link{display:inline-block;margin-top:25px;padding-bottom:6px;border-bottom:1px solid #d7804a;color:#e2a479;font-size:16px}
.service-article-link:hover{color:#f6bb8e}
.service-offer{background:#10100f}
.service-section-heading{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:40px;align-items:start;margin-bottom:46px}
.service-section-heading p{margin-top:0;font-size:17px}
.service-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #ffffff2a;border-bottom:1px solid #ffffff2a}
.service-card{min-height:260px;padding:30px 30px 38px;border-left:1px solid #ffffff21}
.service-card:last-child{border-left:0}
.service-card-index{color:#d7804a;font-size:14px}
.service-card h3{font-size:clamp(23px,2.3vw,32px);line-height:1.35;margin:33px 0 13px}
.service-card p{font-size:17px;line-height:1.75;color:#bcb5ad}
.service-feature{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:center;background:#171614}
.service-feature-img{height:clamp(340px,42vw,600px);overflow:hidden}
.service-feature-img img{height:100%;width:100%;object-fit:cover;filter:saturate(.8)}
.service-feature h2{margin-top:23px}
.service-examples{background:#0d0d0c}
.service-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}
.service-work-card{min-width:0;margin:0}
.service-work-card a{display:block;overflow:hidden;position:relative;background:#191817}
.service-work-card img{display:block;height:auto;width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .5s,filter .5s;filter:brightness(.82)}
.service-work-card a:hover img{transform:scale(1.025);filter:brightness(1)}
.service-work-card span{position:absolute;right:0;bottom:0;background:#151310e6;color:#fff;padding:14px 20px;font-size:18px}
.service-faq{background:#151413}
.service-faq .service-section-heading{grid-template-columns:1fr 2.5fr}
.service-faq-list{max-width:1080px;margin-right:auto;border-top:1px solid #ffffff2a}
.service-faq details{border-bottom:1px solid #ffffff2a}
.service-faq summary{list-style:none;cursor:pointer;padding:25px 46px 25px 0;position:relative;font-size:clamp(19px,2vw,25px)}
.service-faq summary::-webkit-details-marker{display:none}
.service-faq summary:before{content:"+";position:absolute;right:0;color:#d7804a;font:28px Arial,sans-serif}
.service-faq details[open] summary:before{content:"−"}
.service-faq details p{padding:0 46px 25px 0;margin:0;max-width:830px;color:#bdb5ae;font-size:17px;line-height:1.8}
.service-related{background:#10100f;display:grid;grid-template-columns:1fr 2.5fr;gap:30px;border-bottom:1px solid #ffffff22}
.service-related>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.service-related a{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #ffffff32;padding:17px 16px;font-size:17px}
.service-related a:hover{border-color:#d7804a;color:#e6a170}
.service-final{text-align:center;background:radial-gradient(circle at center,#522e1c40,transparent 50%),#0c0c0b}
.service-final h2{max-width:920px;margin:20px auto}
.service-final p{margin:0 auto 34px}
.service-final .service-button{margin:auto}
.service-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:31px clamp(24px,5vw,84px);color:#aba49c;border-top:1px solid #ffffff26;font-size:14px}
.service-footer .service-brand{color:#eee9e2;font-size:22px}
@media(max-width:1050px){.service-section-heading{grid-template-columns:1fr 2fr}.service-section-heading p{grid-column:2}.service-hero{gap:35px}.service-related>div{grid-template-columns:1fr}}
@media(max-width:760px){.service-header{align-items:flex-start;flex-direction:column}.service-header nav{width:100%;gap:16px}.service-nav-contact{padding:7px 10px}.service-hero{grid-template-columns:1fr;padding-bottom:55px;gap:0}.service-hero-copy{padding:25px 0 38px}.service-hero-art{min-height:310px;height:55vw;max-height:460px}.service-intro,.service-feature,.service-related{grid-template-columns:1fr;gap:30px}.service-section-heading,.service-faq .service-section-heading{grid-template-columns:1fr;gap:14px}.service-section-heading p{grid-column:auto}.service-cards{grid-template-columns:1fr}.service-card{min-height:0;border-left:0;border-bottom:1px solid #ffffff21;padding:25px 6px}.service-card:last-child{border-bottom:0}.service-card h3{margin-top:15px}.service-feature-img{height:55vw;min-height:300px;max-height:500px}.service-work-grid{grid-template-columns:1fr}.service-related>div{grid-template-columns:1fr}.service-footer{flex-wrap:wrap}}
@media(max-width:480px){.service-header nav{font-size:13px}.service-header{gap:13px}.service-breadcrumb{flex-wrap:wrap}.service-hero h1{font-size:clamp(37px,10vw,52px)}.service-hero-copy>p{font-size:18px}.service-hero-art{height:320px;min-height:0}.service-shell{padding-top:70px;padding-bottom:70px}.service-work-card span{font-size:16px}.service-faq summary{padding-left:4px}.service-footer .service-brand{width:100%}}
@media(prefers-reduced-motion:reduce){.service-page *{scroll-behavior:auto!important;transition:none!important}}