.service-detail{overflow:hidden}
.service-detail .detail-hero{background:#f6f8f7;display:grid;grid-template-columns:minmax(0,44%) minmax(0,56%);min-height:620px}
.service-detail .detail-intro{align-self:center;padding:clamp(62px,7vw,130px) clamp(28px,6vw,120px)}
.service-detail .detail-kicker,.service-detail .detail-index{font:600 10px/1.5 Manrope,sans-serif;letter-spacing:.17em;text-transform:uppercase;color:var(--blue-dark)}
.service-detail .detail-intro h1{font:500 clamp(66px,7vw,122px)/.88 "Cormorant Garamond",Georgia,serif;letter-spacing:-.05em;margin:26px 0}
.service-detail h1 em,.service-detail h2 em{font-weight:500}
.service-detail .detail-intro>p:not(.detail-kicker){font-size:14px;line-height:1.9;max-width:440px}
.service-detail .detail-hero figure{height:100%;min-height:620px;overflow:hidden}
.service-detail .detail-hero img{width:100%;height:100%;object-fit:cover}
.service-detail .text-link{display:inline-flex;gap:35px;justify-content:space-between;align-items:center;min-width:170px;margin-top:28px;padding:12px 0;border-bottom:1px solid var(--blue-dark);font:500 12px/1.4 Manrope,sans-serif;text-decoration:none}
.service-detail .text-link:hover{border-color:var(--ink)}
.service-detail .detail-statement{max-width:1400px;margin:auto;padding:clamp(90px,11vw,165px) clamp(26px,6vw,100px);display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(30px,8vw,140px)}
.service-detail .detail-statement h2,.service-detail .detail-split h2,.service-detail .detail-process h2,.service-detail .detail-cta h2{font:500 clamp(54px,5vw,86px)/.96 "Cormorant Garamond",Georgia,serif;letter-spacing:-.035em;margin:12px 0 22px}
.service-detail .detail-statement p:not(.detail-index),.service-detail .detail-split p:not(.detail-index),.service-detail .detail-process p:not(.detail-index),.service-detail .detail-cta p:not(.detail-index){font-size:14px;line-height:1.9;max-width:560px}
.service-detail .detail-gallery{max-width:1550px;margin:0 auto;padding:0 clamp(24px,4vw,70px) clamp(90px,9vw,145px);display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(15px,3vw,45px);align-items:start}
.service-detail .detail-gallery figure:nth-child(2){margin-top:clamp(60px,12vw,190px)}
.service-detail .detail-gallery img{display:block;width:100%;height:auto;aspect-ratio:1.28;object-fit:cover}
.service-detail .detail-gallery figure:nth-child(2) img{aspect-ratio:.9}
.service-detail figcaption{font:500 11px/1.7 Manrope,sans-serif;color:var(--muted);margin-top:12px}
.service-detail .combined-why{background:#edf4f4;padding:clamp(90px,10vw,155px) clamp(25px,6vw,105px)}
.service-detail .combined-why__intro,.service-detail .combined-why__benefits,.service-detail .combined-why__action{max-width:1370px;margin-left:auto;margin-right:auto}
.service-detail .combined-why__intro{display:grid;grid-template-columns:.65fr 1.35fr;gap:clamp(30px,7vw,120px)}
.service-detail .combined-why h2{font:500 clamp(54px,5.2vw,90px)/.94 "Cormorant Garamond",Georgia,serif;letter-spacing:-.04em;margin:8px 0 25px}
.service-detail .combined-why h2 em{font-weight:500}
.service-detail .combined-why__intro>div>p{font-size:14px;line-height:1.9;max-width:620px}
.service-detail .combined-why__benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(42px,5vw,78px) clamp(30px,6vw,95px);margin-top:clamp(65px,8vw,115px)}
.service-detail .combined-why__benefits article{border-top:1px solid #a9c7cb;padding:23px 0 0}
.service-detail .combined-why__benefits span{color:var(--blue-dark);font:600 10px/1.5 Manrope,sans-serif;letter-spacing:.16em}
.service-detail .combined-why__benefits h3{font:500 clamp(32px,3vw,45px)/1 "Cormorant Garamond",Georgia,serif;margin:20px 0 13px}
.service-detail .combined-why__benefits p{font-size:13px;line-height:1.85;max-width:520px}
.service-detail .combined-why__action{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;border-top:1px solid #a9c7cb;margin-top:clamp(65px,8vw,110px);padding-top:28px}
.service-detail .combined-why__action p{font-size:13px;line-height:1.8;max-width:620px;margin:0}
.service-detail .combined-why__action .cta{flex:0 0 auto}
.service-detail .detail-split{background:#eef4f4;display:grid;grid-template-columns:1fr 1fr;align-items:center}
.service-detail .detail-split figure{height:100%;min-height:550px}
.service-detail .detail-split img{display:block;width:100%;height:100%;object-fit:cover}
.service-detail .detail-split>div{padding:clamp(60px,7vw,120px) clamp(28px,7vw,130px)}
.service-detail .detail-price{border-top:1px solid #adc7cc;margin-top:35px;padding-top:20px;max-width:420px;font-size:12px;line-height:1.7}
.service-detail .detail-price strong{display:block;font:500 34px/1.3 "Cormorant Garamond",Georgia,serif}
.service-detail .detail-price small{display:block;color:var(--muted);font-size:11px}
.service-detail .detail-process{max-width:1350px;margin:auto;padding:clamp(90px,9vw,140px) clamp(25px,5vw,75px)}
.service-detail .detail-process-heading{display:grid;grid-template-columns:.7fr 1.3fr;gap:30px}
.service-detail .detail-process-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:54px}
.service-detail .detail-process-list article{border-top:1px solid #b2c9cd;padding:22px 10px 0 0}
.service-detail .detail-process-list span{color:var(--blue-dark);font:600 10px Manrope,sans-serif;letter-spacing:.16em}
.service-detail .detail-process-list h3{font:500 36px/1 "Cormorant Garamond",Georgia,serif;margin:22px 0 12px}
.service-detail .detail-process-list p{font-size:12px!important;line-height:1.8!important}
.service-detail .detail-film-grid{max-width:1450px;margin:0 auto;padding:0 clamp(25px,5vw,75px) 120px;display:grid;grid-template-columns:1fr 1fr;gap:65px 28px}
.service-detail .detail-film-grid figure:nth-child(even){margin-top:80px}
.service-detail .detail-film-grid a{display:block;position:relative}
.service-detail .detail-film-grid img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.service-detail .detail-film-grid .play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:64px;height:64px;border:1px solid white;border-radius:50%;color:white;background:#202b2b70;font-size:23px}
.service-detail .detail-cta{background:linear-gradient(145deg,#f8faf9,#e6f1f1);text-align:center;padding:clamp(95px,10vw,155px) 25px}
.service-detail .detail-cta h2{margin:20px auto}
.service-detail .detail-cta p:not(.detail-index){margin:auto}
.service-detail .detail-cta .cta{margin-top:25px}
.service-detail .detail-service-links{max-width:1350px;margin:auto;padding:50px 25px 70px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px 35px}
.service-detail .detail-service-links a{font:500 11px Manrope,sans-serif;text-decoration:none;border-bottom:1px solid var(--blue);padding:7px 0}
@media(max-width:800px){
 .service-detail .detail-hero{display:flex;flex-direction:column-reverse;min-height:0}
 .service-detail .detail-hero figure{height:64vw;min-height:0;max-height:500px}
 .service-detail .detail-intro{padding:65px 24px 80px}
 .service-detail .detail-intro h1{font-size:clamp(64px,14vw,105px)}
 .service-detail .detail-statement,.service-detail .detail-process-heading{display:block}
 .service-detail .combined-why__intro{display:block}
 .service-detail .combined-why__benefits{gap:45px 28px}
 .service-detail .combined-why__action{align-items:flex-start;flex-direction:column}
 .service-detail .detail-statement{padding:80px 24px}
 .service-detail .detail-gallery{padding:0 20px 80px;gap:14px}
 .service-detail .detail-gallery figure:nth-child(2){margin-top:85px}
 .service-detail .detail-split{display:flex;flex-direction:column}
 .service-detail .detail-split figure{height:70vw;min-height:0;width:100%}
 .service-detail .detail-split>div{padding:70px 24px 85px;width:100%}
 .service-detail .detail-process{padding:80px 24px}
 .service-detail .detail-process-list{display:block;margin-top:35px}
 .service-detail .detail-process-list article{margin-top:24px}
 .service-detail .detail-film-grid{padding:0 20px 85px;gap:15px}
 .service-detail .detail-film-grid figure:nth-child(even){margin-top:45px}
}
@media(max-width:520px){
 .service-detail .combined-why{padding:78px 24px 88px}
 .service-detail .combined-why__benefits{display:block;margin-top:58px}
 .service-detail .combined-why__benefits article+article{margin-top:42px}
 .service-detail .combined-why__action{margin-top:60px;gap:24px}
 .service-detail .detail-gallery{display:block}
 .service-detail .detail-gallery figure:nth-child(2){margin:25px 0 0 15%}
 .service-detail .detail-film-grid{display:block}
 .service-detail .detail-film-grid figure:nth-child(even){margin:28px 0 0}
 .service-detail .detail-film-grid figure+figure{margin-top:28px}
}
/* On phones, the photographs are the product. Preserve their compositions instead of
   forcing unrelated landscape and portrait files through one set of crop ratios. */
@media(max-width:700px){
 .service-detail .detail-hero figure,
 .service-detail .detail-split figure{height:auto;max-height:none}
 .service-detail .detail-hero img,
 .service-detail .detail-gallery img,
 .service-detail .detail-gallery figure:nth-child(2) img,
 .service-detail .detail-split img,
 .service-detail .detail-film-grid img{height:auto;aspect-ratio:auto;object-fit:contain}
}
@media(max-width:520px){
 .service-detail .detail-gallery figure:nth-child(2){margin-left:0}
}
.service-detail .detail-proof{margin-top:2.4rem;padding:1.5rem 0;border-top:1px solid #b7d1d2;max-width:590px}
.service-detail .detail-proof blockquote{font:500 clamp(1.8rem,3vw,2.5rem)/1.1 "Cormorant Garamond",Georgia,serif;margin:.8rem 0;color:#465155}
.service-detail .detail-proof>p:last-child{font-size:.75rem;letter-spacing:.02em}
/* Preserve each selected photograph's complete composition. */
.service-detail.photography-page .detail-gallery figure img,
.service-detail.combined-page .detail-gallery figure img{height:auto;aspect-ratio:auto;object-fit:contain}

/* Trim the distracting right-hand doorframe from the preparation photograph.
   Keep source files intact and retain the centered group composition. */
.service-detail.photography-page .detail-split figure{overflow:hidden}
.service-detail.photography-page .detail-split img{width:105%;max-width:none;object-position:center}

/* A portrait and landscape pair need different column proportions. */
.service-detail.photography-page .detail-gallery{max-width:1420px;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(28px,4vw,64px);align-items:center}
.service-detail.photography-page .detail-gallery figure:nth-child(2){margin-top:0}
@media(max-width:700px){
 .service-detail.photography-page .detail-gallery{display:grid;grid-template-columns:1fr;gap:38px;padding-bottom:80px}
 .service-detail.photography-page .detail-gallery figure:first-child{width:min(100%,420px);justify-self:center}
 .service-detail.photography-page .detail-gallery figure:nth-child(2){margin:0}
}