/* Three services treatments using the approved Who We Serve design language. */
.services-design-page .concept-hero{justify-content:center;min-height:100svh;text-align:center}
.services-design-page .hero-copy{width:min(1180px,100%)}
.services-design-page h1{font-size:clamp(48px,5.5vw,88px);line-height:1.06}
.services-design-page .hero-title-line{display:block}
.services-design-page .hero-lede{max-width:900px;margin-inline:auto;text-wrap:balance}
.services-design-page .hero-shade{background:linear-gradient(0deg,#003135,transparent 55%),linear-gradient(90deg,#00292d99,#00292d66)}
.services-design-page .services-intro .intro-bottom{grid-template-columns:1fr 1.32fr;gap:7vw}
.services-design-page .services-intro .intro-image{aspect-ratio:1.12}
.services-design-page .services-intro .intro-title{font-size:clamp(32px,3vw,46px);line-height:1.12;letter-spacing:-.018em;margin:0 0 26px}
.services-design-page .services-intro p{font-size:16px;line-height:1.8;margin:0;color:var(--lmg-muted)}
.services-section{background:#002a2e;position:relative}
.services-section h2{font-size:clamp(36px,3.55vw,56px);line-height:1.08;margin:0 0 34px}
.services-section h3{font-size:clamp(30px,2.65vw,42px);line-height:1.12;margin:24px 0 36px}
.service-number{font-size:13px;letter-spacing:.14em;color:var(--lmg-gold)}
.service-explore{display:flex;justify-content:space-between;align-items:center;max-width:240px;padding:18px 0;border-bottom:1px solid rgb(var(--lmg-gold-rgb) / 0.4392);text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:var(--lmg-gold)}
.service-explore span:last-child{font-size:24px;line-height:1;transition:transform .35s}
.service-explore:hover span:last-child{transform:translate(5px,-5px)}
.service-steps{display:flex;gap:10px}
.service-steps a{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgb(var(--lmg-gold-rgb) / 0.302);border-radius:50%;font-size:12px;color:var(--lmg-gold);transition:color .3s,background .3s}
.service-steps a:hover{background:rgb(var(--lmg-gold-rgb) / 0.102)}
.service-steps a[aria-current=step]{background:var(--lmg-gold);color:#003135;border-color:var(--lmg-gold)}
.service-landscapes{position:relative;isolation:isolate;overflow:hidden;background:#073e40}
.service-landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity .8s ease,transform 1.8s ease}
.service-landscape.is-current{opacity:1;transform:scale(1)}
.service-counter{font-size:12px;letter-spacing:.15em;color:var(--lmg-gold);white-space:nowrap}
.service-reader-controls{display:flex;gap:24px;align-items:center;margin-top:24px}
.service-reader-controls button{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgb(var(--lmg-gold-rgb) / 0.3608);border-radius:50%;background:none;font-size:22px}
.service-reader-controls button:hover{background:rgb(var(--lmg-gold-rgb) / 0.102)}
.service-reader-controls button:disabled{opacity:.3;cursor:default}
/* 01 / Perspective: scroll through a single, spacious service reader. */
.service-design-1 .service-pin{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:6vw;align-items:center;padding:64px var(--gutter)}
.service-orbit{aspect-ratio:1;border-radius:50%;width:min(100%,66vh);margin:auto;box-shadow:0 0 0 12px #002a2e,0 0 0 13px rgb(var(--lmg-gold-rgb) / 0.2667)}
.service-design-1.services-pinned #areas{height:calc(100svh + var(--services-travel))}
.service-design-1.services-pinned .service-pin{position:sticky;top:96px;min-height:calc(100svh - 96px);padding-block:34px}
.service-design-1 .service-stage{margin-top:36px;min-height:205px}
.service-design-1 .service-scene>.service-number{display:none}
.service-design-1 .service-scene h3{max-width:18ch;margin-top:0}
.service-design-1:not(.services-pinned) .service-pin{display:block}
.service-design-1:not(.services-pinned) .service-orbit{display:none}
.service-design-1:not(.services-pinned) .service-reader{max-width:900px;margin:auto}
.service-design-1:not(.services-pinned) .service-steps{position:sticky;top:96px;z-index:10;padding:18px 0;background:#002a2ef5}
.service-design-1:not(.services-pinned) .service-scene{min-height:60svh;border-bottom:1px solid rgb(var(--lmg-gold-rgb) / 0.2667);padding:70px 0;scroll-margin-top:170px}
.service-design-1:not(.services-pinned) .service-scene>.service-number{display:block}
.service-design-1:not(.services-pinned) .service-scene h3{margin-top:24px}
.service-design-1:not(.services-pinned) .service-reader-controls{display:none}
.service-design-1:not(.is-enhanced) .service-steps{display:none}
/* 02 / Switchback: alternating editorial chapters, using the full width. */
.service-design-2 .concept-hero{text-align:left;justify-content:start}
.service-design-2 .hero-copy{width:min(1100px,90%)}
.service-design-2 .hero-lede{margin-left:0;max-width:790px}
.service-design-2 .hero-shade{background:linear-gradient(0deg,#003135,transparent 60%),linear-gradient(90deg,#00292ddd,#00292d22)}
.service-design-2 .service-section-heading{padding:80px var(--gutter) 40px;display:flex;justify-content:space-between;align-items:center;gap:50px}
.service-design-2 .service-section-heading h2{max-width:16ch;margin:0}
.service-tiles{padding:0 0 80px}
.service-tile{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:8vw;margin:80px 0 120px;padding-right:var(--gutter);scroll-margin-top:115px}
.service-tile-image{aspect-ratio:1.4;overflow:hidden}
.service-tile-image img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s}
.service-tile:hover img{transform:scale(1.04)}
.service-tile h3{font-size:clamp(42px,4.5vw,72px);max-width:13ch}
.service-tile:nth-child(even){grid-template-columns:1fr 1.25fr;padding-left:var(--gutter);padding-right:0}
.service-tile:nth-child(even) .service-tile-image{grid-column:2;grid-row:1}
.service-tile:nth-child(even) .service-tile-copy{grid-column:1;grid-row:1}
.service-tile:last-child{margin-bottom:0}
/* 03 / Vista: an open service index and a changing landscape. */
.service-design-3 .hero-copy{width:min(1180px,100%)}
.service-design-3 .hero-shade{background:linear-gradient(0deg,#003135,transparent 60%),#002a2e66}
.service-index{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:6vw;padding:100px var(--gutter)}
.service-index-copy h2{max-width:16ch;margin-bottom:50px}
.service-index-row{display:grid;grid-template-columns:36px 1fr;gap:0 15px;border-top:1px solid rgb(var(--lmg-gold-rgb) / 0.2667);padding:27px 0;color:#b1cccb;transition:color .3s}
.service-index-row:last-child{border-bottom:1px solid rgb(var(--lmg-gold-rgb) / 0.2667)}
.service-index-row h3{font-size:clamp(28px,2.6vw,42px);line-height:1.1;margin:0 0 16px;text-wrap:initial}
.service-index-row .service-number{padding-top:6px}
.index-explore{grid-column:2;font-size:12px;text-transform:uppercase;letter-spacing:.12em;display:flex;gap:16px;align-items:center;color:var(--lmg-gold)}
.index-explore>span{font-size:22px;transition:transform .3s}
.service-index-row.is-current,.service-index-row:hover,.service-index-row:focus-visible{color:white}
.service-index-row.is-current .index-explore>span,.service-index-row:hover .index-explore>span{transform:translate(5px,-5px)}
.service-preview{position:sticky;top:140px;align-self:start}
.service-window{height:clamp(430px,58vh,700px)}
.service-preview-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px}
/* Gallery */
.service-gallery{padding:170px var(--gutter) 100px;max-width:1720px;margin:auto}
.service-gallery-heading{max-width:1100px;margin-bottom:80px}
.service-gallery-heading h1{font-size:clamp(56px,6.7vw,104px);margin:25px 0}
.service-gallery-heading h1 em{color:var(--lmg-gold);font-weight:300}
.service-gallery-heading>p:not(.eyebrow){max-width:720px}
.gallery-references{display:flex;gap:30px;margin-top:25px;font-size:13px;color:var(--lmg-gold)}
.gallery-references a{padding-bottom:10px;border-bottom:1px solid rgb(var(--lmg-gold-rgb) / 0.4)}
.service-design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.service-design-preview{position:relative;aspect-ratio:1.18;background:#002a2e;overflow:hidden}
.service-design-preview>img{width:100%;height:100%;object-fit:cover;opacity:.7;transition:transform 1.1s,opacity .6s}
.service-design-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#002a2ecc,transparent)}
.service-design-preview>span{position:absolute;left:22px;bottom:22px;font-family:var(--lmg-display);font-size:clamp(34px,3.3vw,50px);z-index:1;letter-spacing:-.03em}
.service-design-preview>b{position:absolute;top:22px;right:22px;font-weight:400;font-size:24px}
.service-design-card:hover img{transform:scale(1.05);opacity:1}
.preview-service-1>img{clip-path:circle(43% at 50% 50%)}
.preview-service-2>img{object-position:25% center}
.preview-service-3>img{width:70%;margin-left:auto}
.service-design-meta{display:flex;gap:15px;align-items:start;justify-content:space-between;margin-top:24px;font-size:12px;line-height:1.6;color:var(--lmg-gold)}
.service-design-card h2{font-size:40px;margin:16px 0}
.service-design-card p{font-size:15px;margin:0;line-height:1.8}
.service-design-interaction{display:block;font-size:12px;color:var(--lmg-gold);margin-top:24px}
.services-design-page [hidden]{display:none!important}
@media(max-width:1000px){
 .services-design-page .services-intro .intro-bottom{gap:40px}
 .service-index{gap:40px}
 .service-preview-controls{flex-wrap:wrap}
 .service-window{height:470px}
 .service-design-grid{gap:22px}
 .service-design-meta{display:block}.service-design-meta span{display:block;margin-bottom:5px}
 .service-design-preview>span{font-size:34px}
}
@media(max-width:767px){
 .services-design-page .hero-title-line{display:inline}
 .services-design-page .concept-hero{min-height:100svh;padding-block:125px 85px}
 .services-design-page .hero-copy{width:100%}
 .services-design-page .services-intro .intro-bottom{grid-template-columns:1fr;gap:35px}
 .services-design-page .services-intro .intro-image{aspect-ratio:16/10}
 .services-design-page .services-intro .intro-title{font-size:34px}
 .services-design-page .intro-section{padding-bottom:70px}
 .services-section h2{font-size:38px}
 .service-design-1 .service-pin{padding:60px var(--gutter)}
 .service-design-1:not(.services-pinned) .service-steps{top:72px}
 .service-design-1:not(.services-pinned) .service-scene{min-height:52svh;padding:60px 0}
 .service-design-1 .service-scene h3{font-size:38px}
 .service-design-2 .service-section-heading{display:block;padding:60px var(--gutter) 10px}
 .service-design-2 .service-section-heading .service-steps{margin-top:30px}
 .service-tile,.service-tile:nth-child(even){display:flex;flex-direction:column;gap:30px;padding:0 var(--gutter);margin:55px 0 80px;align-items:stretch}
 .service-tile-image{aspect-ratio:1.3}
 .service-tile h3{font-size:42px;max-width:100%;margin-block:20px}
 .service-tile .service-explore{max-width:100%}
 .service-index{display:flex;flex-direction:column;padding:60px var(--gutter);gap:38px}
 .service-index-copy h2{margin-bottom:35px}
 .service-index-row{padding:24px 0}
 .service-index-row h3{font-size:32px}
 .service-preview{position:static;width:100%}
 .service-window{height:340px}
 .service-preview-controls{flex-wrap:nowrap;gap:14px}
 .service-steps{gap:8px}
 .service-steps a{width:42px;height:42px}
 .service-gallery{padding-top:125px}
 .service-gallery-heading{margin-bottom:50px}
 .service-gallery-heading h1{font-size:54px!important}
 .service-design-grid{grid-template-columns:1fr;gap:55px}
 .service-design-preview{aspect-ratio:1.5}
 .service-design-preview>span{font-size:46px}
 .service-design-meta{display:flex}
 .service-design-card h2{font-size:42px}
}
@media(prefers-reduced-motion:reduce){.service-landscape,.service-explore span:last-child,.service-index-row{transition:none}.service-tile-image img{transform:none!important}}
.service-scene-image{display:none}
.service-design-1:not(.services-pinned) .service-scene-image{display:block;width:min(280px,80vw);height:auto;aspect-ratio:1;object-fit:cover;border-radius:50%;margin-bottom:38px}
/* 04 / Panorama: typography above a widescreen landscape; horizontal service gallery. */
.service-design-4 .concept-hero{align-items:start;text-align:left;padding-top:155px;min-height:100svh;background:#003135}
.service-design-4 .hero-landscape{top:57%;bottom:0}
.service-design-4 .hero-shade{background:linear-gradient(180deg,#003135 45%,#00313500 76%,#003135 100%)}
.service-design-4 .hero-copy{display:grid;grid-template-columns:1.3fr .75fr;gap:0 7vw;align-items:center;width:100%;position:relative;z-index:1}
.service-design-4 .hero-copy .eyebrow{grid-column:1/-1;margin-bottom:28px}
.service-design-4 h1{font-size:clamp(62px,6.2vw,100px);line-height:1.02;margin:0}
.service-design-4 .hero-lede{font-size:16px;text-wrap:initial;margin:50px 0 0;max-width:390px}
.services-statement{padding:130px var(--gutter);background:#003135}
.service-design-4 .services-statement .intro-copy{display:grid;grid-template-columns:1fr 1.1fr;gap:10vw;align-items:start}
.services-statement h2{font-size:clamp(42px,4.5vw,68px);line-height:1.08;margin:0}
.services-statement p{font-size:16px;line-height:1.85;margin:0}
.service-design-4 .cinema-pin{padding:70px 0 45px}
.cinema-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;padding:0 var(--gutter) 35px}
.cinema-heading h2{font-size:clamp(34px,3.6vw,58px);max-width:18ch;margin:0}
.cinema-arrows{display:flex;gap:10px}
.cinema-arrows button{width:54px;height:44px;display:grid;place-items:center;background:none;border:1px solid rgb(var(--lmg-gold-rgb) / 0.4);font-size:24px}
.cinema-arrows button:disabled{opacity:.3;cursor:default}
.cinema-arrows button:hover:not(:disabled){background:rgb(var(--lmg-gold-rgb) / 0.1333)}
.cinema-viewport{overflow:hidden}
.cinema-track{display:flex;gap:32px;padding:0 var(--gutter);will-change:transform}
.cinema-card{flex:0 0 82%;position:relative;isolation:isolate;min-width:0;height:clamp(380px,52vh,700px);padding:55px;display:flex;align-items:end;background:#003135}
.cinema-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.cinema-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#001f24f2,#001f2444 85%),linear-gradient(90deg,#001f244d,transparent)}
.cinema-card-copy{max-width:720px}
.cinema-card h3{font-size:clamp(44px,4.8vw,76px);line-height:1.05;margin:22px 0 12px;max-width:18ch}
.cinema-card .service-explore{width:230px}
.cinema-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:26px var(--gutter) 0}
.cinema-rail a{display:flex;align-items:center;gap:14px;min-height:44px;color:rgb(var(--lmg-gold-rgb) / 0.6);font-size:12px}
.cinema-rail i{flex:1;height:1px;background:rgb(var(--lmg-gold-rgb) / 0.2)}
.cinema-rail a[aria-current=step]{color:white}
.cinema-rail a[aria-current=step] i{height:2px;background:var(--lmg-gold)}
.service-design-4.cinema-pinned #areas{height:calc(100svh + var(--cinema-travel))}
.service-design-4.cinema-pinned .cinema-pin{position:sticky;top:96px;min-height:calc(100svh - 96px);padding-block:24px}
.service-design-4.cinema-pinned .cinema-heading{padding-bottom:24px}
.service-design-4.cinema-pinned .cinema-rail{padding-top:14px}
.service-design-4:not(.cinema-pinned) .cinema-track{display:grid;grid-template-columns:1fr;gap:30px;transform:none!important}
.service-design-4:not(.cinema-pinned) .cinema-card{height:65svh;min-height:400px;scroll-margin-top:115px}
.service-design-4:not(.cinema-pinned) .cinema-arrows{display:none}
/* 05 / Monograph: edge-aligned hero and an asymmetric direct-link collection. */
.service-design-5 .concept-hero{align-items:end;justify-content:start;text-align:left;padding-bottom:110px}
.service-design-5 .hero-landscape img{object-position:65% 45%}
.service-design-5 .hero-shade{background:linear-gradient(0deg,#003135,#00292d66 75%,#00292d22),linear-gradient(90deg,#00292d88,transparent)}
.service-design-5 .hero-copy{display:grid;grid-template-columns:1.35fr .8fr;gap:0 7vw;align-items:end;width:100%}
.service-design-5 .hero-copy .eyebrow{grid-column:1/-1;margin-bottom:28px}
.service-design-5 h1{font-size:clamp(64px,6.4vw,104px);line-height:1.03;margin:0}
.service-design-5 .hero-lede{text-wrap:initial;max-width:390px;margin:0 0 8px}
.service-design-5 .services-statement{text-align:center;padding-block:145px}
.service-design-5 .services-statement h2{max-width:18ch;margin:0 auto 36px;font-size:clamp(46px,5.5vw,84px)}
.service-design-5 .services-statement p{max-width:820px;margin:auto;text-wrap:pretty}
.monograph-section{padding:85px var(--gutter) 110px}
.monograph-heading h2{max-width:19ch;margin:0 0 65px}
.monograph-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:70px 55px;align-items:start}
.monograph-card{min-width:0;grid-column:span 7;display:block}
.monograph-card:nth-child(2),.monograph-card:nth-child(3){grid-column:span 5}
.monograph-card:nth-child(2){margin-top:140px}
.monograph-card:nth-child(4){margin-top:140px}
.monograph-image{position:relative;overflow:hidden;aspect-ratio:1.22;background:#003135}
.monograph-card:nth-child(2) .monograph-image,.monograph-card:nth-child(3) .monograph-image{aspect-ratio:.85}
.monograph-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.65);transform:scale(1.04);transition:transform 1s cubic-bezier(.16,1,.3,1),filter .7s}
.monograph-card:hover img,.monograph-card:focus-visible img{transform:scale(1.09) translate(var(--card-x,0px),var(--card-y,0px));filter:saturate(1)}
.monograph-arrow{position:absolute;right:22px;bottom:22px;display:grid;place-items:center;width:54px;height:54px;border:1px solid #e7efeb88;color:#e7efeb;background:#00313544;backdrop-filter:blur(8px);font-size:28px;transition:background .3s,transform .4s}
.monograph-card:hover .monograph-arrow,.monograph-card:focus-visible .monograph-arrow{background:#003135cc;transform:translate(4px,-4px)}
.monograph-copy{display:grid;grid-template-columns:35px 1fr;column-gap:15px;padding-top:25px;border-bottom:1px solid rgb(var(--lmg-gold-rgb) / 0.2667)}
.monograph-copy .service-number{padding-top:9px}
.monograph-copy h3{font-size:clamp(32px,3.2vw,50px);line-height:1.1;margin:0 0 22px;text-wrap:initial}
.monograph-explore{grid-column:2;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--lmg-gold);padding:0 0 25px}
.service-gallery-batch{margin-top:85px}
.service-gallery-batch>h2{font-size:36px;border-bottom:1px solid rgb(var(--lmg-gold-rgb) / 0.302);padding-bottom:24px;margin:0 0 35px}
.service-design-grid--new{grid-template-columns:repeat(2,minmax(0,1fr));gap:45px}
.service-design-grid--new .service-design-preview{aspect-ratio:1.6}
.preview-service-4>img{object-position:50% 65%}
.preview-service-5>img{width:78%;margin-left:auto}
@media(max-width:1000px){
 .service-design-4 .concept-hero{min-height:900px}
 .service-design-4 .hero-copy,.service-design-5 .hero-copy{gap:0 35px;grid-template-columns:1.2fr .8fr}
 .service-design-4 h1,.service-design-5 h1{font-size:62px}
 .service-design-4 .services-statement .intro-copy{gap:55px}
 .monograph-grid{gap:55px 30px}
 .monograph-card:nth-child(2),.monograph-card:nth-child(4){margin-top:90px}
}
@media(max-width:767px){
 .service-design-4 .concept-hero{padding-top:130px;min-height:900px;padding-bottom:290px}
 .service-design-4 .hero-copy,.service-design-5 .hero-copy{display:block}
 .service-design-4 .hero-landscape{top:66%}
 .service-design-4 .hero-shade{background:linear-gradient(180deg,#003135 55%,transparent 90%,#003135)}
 .service-design-4 .hero-lede{margin-top:28px;max-width:none}
 .service-design-4 .hero-title-line,.service-design-5 .hero-title-line{display:block}
 .services-statement{padding:75px var(--gutter)}
 .service-design-4 .services-statement .intro-copy{display:block}
 .services-statement h2{font-size:42px;margin-bottom:30px}
 .cinema-heading{display:block;padding-bottom:25px}
 .cinema-heading h2{font-size:38px}
 .cinema-card{padding:30px}
 .cinema-card h3{font-size:42px}
 .cinema-rail{gap:12px;padding-top:16px}
 .cinema-rail a{gap:8px}
 .service-design-5 .concept-hero{padding-block:160px 95px;min-height:900px;align-items:center}
 .service-design-5 .hero-lede{max-width:none;margin-top:32px}
 .service-design-5 .services-statement{padding-block:85px;text-align:left}
 .service-design-5 .services-statement h2{font-size:46px}
 .monograph-section{padding-block:60px 80px}
 .monograph-heading h2{font-size:38px;margin-bottom:40px}
 .monograph-grid{display:block}
 .monograph-card,.monograph-card:nth-child(2),.monograph-card:nth-child(4){margin-top:0;margin-bottom:55px}
 .monograph-image,.monograph-card:nth-child(2) .monograph-image,.monograph-card:nth-child(3) .monograph-image{aspect-ratio:1.2}
 .monograph-copy h3{font-size:34px}
 .service-design-grid--new{grid-template-columns:1fr}
 .service-gallery-batch{margin-top:50px}
}
@media(prefers-reduced-motion:reduce){.monograph-image img{transform:none!important;transition:none}.monograph-arrow{transform:none!important;transition:none}}
/* Panorama refinement: approved Who We Serve hero, with services copy. */
.service-design-4 .concept-hero{align-items:center;justify-content:center;text-align:center;padding:155px var(--gutter) 120px;min-height:100svh;background:#00292d}
.service-design-4 .hero-landscape{inset:0;clip-path:none}
.service-design-4 .hero-shade{background:linear-gradient(0deg,#003135,transparent 50%),linear-gradient(90deg,#00292d99,#00292d66)}
.service-design-4 .hero-copy{display:block;width:min(1180px,100%)}
.service-design-4 .hero-copy .eyebrow{margin:0 0 30px}
.service-design-4 h1{font-size:clamp(48px,5.5vw,88px);line-height:1.06;margin:22px 0 28px}
.service-design-4 .hero-lede{max-width:900px;margin:1em auto;text-wrap:balance}
.service-design-4 .hero-title-line{display:block}
@media(max-width:767px){
 .service-design-4 .concept-hero{padding:125px var(--gutter) 100px}
 .service-design-4 .hero-title-line{display:inline}
}
/* Let the approved Services heading use the full gallery width. */
.service-design-4 .cinema-heading h2{max-width:none}
@media(min-width:1001px){
 .service-design-4 .cinema-heading h2{white-space:nowrap}
 .service-design-4 .cinema-arrows{flex-shrink:0}
}

/* Center the approved Services gallery in the space below the fixed header. */
.services-page.service-design-4.cinema-pinned .cinema-pin{display:flex;flex-direction:column;justify-content:center}
.services-page.service-design-4.cinema-pinned .cinema-card{height:clamp(420px,60svh,800px)}

/* Services: swiping and vertical scroll share the same gallery position. */
.services-page .services-statement .eyebrow{margin:0 0 24px}
.services-page .services-statement .intro-copy{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);column-gap:clamp(40px,8vw,130px);row-gap:24px}
.services-page .services-statement-heading{display:block;grid-column:1;grid-row:1;min-width:0}
.services-page .services-statement .intro-copy>p:not(.eyebrow){grid-column:2;grid-row:1;align-self:center;min-width:0;margin:0}
/* Also keep the eyebrow above the heading if an older document is cached. */
.services-page .services-statement .intro-copy>.eyebrow{grid-column:1;grid-row:1;margin:0}
.services-page .services-statement .intro-copy>h2{grid-column:1;grid-row:2}
.services-page .services-statement .intro-copy:has(>h2)>p:not(.eyebrow){grid-row:1 / span 2}
:is(.services-page,.about-page).cinema-swipeable .cinema-viewport{cursor:grab}
/* Prevent selection from starting before a pointer move becomes a swipe. */
:is(.services-page,.about-page).cinema-swipeable .cinema-viewport,:is(.services-page,.about-page).cinema-swipeable .cinema-viewport *{-webkit-user-select:none;user-select:none}
:is(.services-page,.about-page).cinema-swipeable.cinema-pinned .cinema-viewport{touch-action:pan-y pinch-zoom}
:is(.services-page,.about-page).cinema-swipeable:not(.cinema-pinned) .cinema-viewport{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);overscroll-behavior-x:contain;scrollbar-width:none}
:is(.services-page,.about-page).cinema-swipeable:not(.cinema-pinned) .cinema-viewport::-webkit-scrollbar{display:none}
:is(.services-page,.about-page).cinema-swipeable:not(.cinema-pinned) .cinema-track{display:flex;gap:24px;will-change:auto}
.services-page.cinema-swipeable:not(.cinema-pinned) .cinema-card{flex:0 0 86%;height:clamp(400px,60svh,700px);min-height:400px;scroll-snap-align:start}
.about-page.cinema-swipeable:not(.cinema-pinned) .cinema-card{flex:0 0 86%;height:auto;min-height:400px;margin-bottom:0;scroll-snap-align:start}
:is(.services-page,.about-page).cinema-swipeable:not(.cinema-pinned) .cinema-arrows{display:flex}
:is(.services-page,.about-page).cinema-swipeable .cinema-viewport.is-dragging{cursor:grabbing;scroll-snap-type:none}
:is(.services-page,.about-page).cinema-swipeable .cinema-viewport.is-dragging a{cursor:grabbing}
@media(max-width:767px){
 .services-page .services-statement-heading{margin-bottom:30px}
 .services-page .services-statement-heading h2{margin-bottom:0}
 .services-page.cinema-swipeable .cinema-arrows{margin-top:22px}
 .services-page.cinema-swipeable:not(.cinema-pinned) .cinema-card{flex-basis:92%;padding:28px}
 .about-page.cinema-swipeable:not(.cinema-pinned) .cinema-card{flex-basis:92%}
 .services-page.cinema-swipeable .cinema-card h3{font-size:clamp(32px,8vw,42px)}
}

/* Keep the arrow beside "Explore" instead of pinned to the far end of the rule. */
.cinema-card .service-explore{width:auto;max-width:none;justify-content:flex-start;gap:14px}