.pdm-journey{--pgh-header-space:86px;min-height:0;height:100svh;background:#030507}.pdm-sky{position:absolute;inset:0;z-index:-3;background:radial-gradient(ellipse at 12% 20%,#6b46c223,transparent 48%),radial-gradient(ellipse at 83% 76%,#5bbada18,transparent 48%),#030507}.pdm-journey .pgh-panel:not(.pgh-panel--hero){top:var(--pgh-header-space);height:calc(100% - var(--pgh-header-space))}.pdm-journey .pgh-panel-inner{padding:56px clamp(24px,5.2vw,100px) 32px}.pdm-journey .pgh-section-index{top:14px;left:clamp(24px,5.2vw,100px)}.pdm-journey h2{font-size:clamp(38px,5vw,88px);font-weight:400;line-height:1.08;letter-spacing:-.055em;margin:0}.pdm-journey h2 em{font-family:Georgia,serif;color:#5bbada;font-weight:400}.pdm-journey p{line-height:1.65}
.pdm-journey .pdmh-hero{height:100%;min-height:0}.pdm-journey .pdmh-hero__title{font-size:clamp(32px,min(3.8vw,7.8vh),74px);line-height:1.06;max-width:14ch}.pdm-journey .pdmh-hero__title span{white-space:nowrap}.pdm-journey .pdmh-hero__lede{max-width:40em;font-size:clamp(13px,1.05vw,17px)}.pdm-journey .pdmh-hero__inner{padding-top:100px;gap:24px}
.pdm-why-copy{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;max-width:880px;gap:28px}.pdm-why-copy h2{max-width:15ch}.pdm-why-copy p{color:var(--pgh-muted);font-size:clamp(14px,1.2vw,19px);max-width:52ch;margin:0}.pdm-orbits{position:absolute;right:-8vw;top:10%;width:48vw;aspect-ratio:1;opacity:.55;pointer-events:none}.pdm-orbits i{position:absolute;inset:0;border:1px solid #5bbada33;border-radius:50%;transform:rotateX(24deg)}.pdm-orbits i:nth-child(2){inset:14%;border-color:#6b46c255}.pdm-orbits i:nth-child(3){inset:29%;border-color:#ff4dc455}.pdm-orbits b{position:absolute;width:14px;height:14px;left:15%;top:15%;border-radius:50%;background:#9ff5ea;box-shadow:0 0 22px #5bbada}
.pdm-pain-layout{height:100%;display:grid;grid-template-columns:.75fr 1.5fr;gap:5vw;align-items:center;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.pdm-pain-heading h2{font-size:clamp(32px,3.4vw,62px)}.pdm-pain-heading p{font-size:clamp(12px,1vw,16px);max-width:40ch;color:var(--pgh-muted)}.pdm-pain-list{display:grid;grid-template-columns:1fr 1fr;align-content:center}.pdm-pain{position:relative;border-top:1px solid var(--pgh-line);padding:14px 18px 14px 30px}.pdm-pain:nth-child(odd){border-right:1px solid var(--pgh-line)}.pdm-pain:last-child{grid-column:1/-1;border-right:0}.pdm-pain>span{position:absolute;left:4px;top:18px;color:#5bbada;font-size:8px;letter-spacing:.1em}.pdm-pain h3{font-size:clamp(12px,1.1vw,19px);line-height:1.3;letter-spacing:-.025em;font-weight:500;margin:0 0 8px}.pdm-pain p{font-size:clamp(10px,.82vw,14px);color:var(--pgh-muted);margin:0;line-height:1.55}
.pdm-services-scroll{height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#766cbd #080b20;outline-offset:-3px;touch-action:pan-y}.pdm-services-scroll>.svc{min-height:100%;padding-top:40px;padding-bottom:55px;background:radial-gradient(ellipse at 8% 35%,#26317988,transparent 65%),linear-gradient(#030507,#0b1146 35%,#050724)}.svc__head{grid-template-areas:"title mode" "intro intro" "lede lede"}.pdm-service-intro{grid-area:intro;max-width:60ch;margin:0;color:#bfc5ec;font-size:15px}.pdm-journey .svc__title{font-family:Lora,Georgia,serif;font-size:clamp(32px,3vw,50px);letter-spacing:-.025em;max-width:18ch}.pdm-journey .svc__name{font-size:var(--name-fs)}.pdm-journey .svc__desc{line-height:1.68}.pdm-services-scroll:focus-visible{outline:2px solid #5bbada}
.pdm-case-content{height:100%;display:flex;flex-direction:column;justify-content:center;position:relative}.pdm-case-content h2{font-size:clamp(46px,6vw,112px);position:relative;z-index:2}.pdm-search-symbol{position:absolute;right:10%;top:19%;width:25vw;aspect-ratio:1;border:1px solid #5bbada44;border-radius:50%;box-shadow:inset 0 0 90px #5bbada0a,0 0 90px #6b46c219}.pdm-search-symbol::after{content:'';position:absolute;left:86%;top:86%;width:42%;height:1px;background:linear-gradient(90deg,#5bbada77,transparent);transform:rotate(45deg);transform-origin:left}.pdm-case-grid{display:none}
.pdm-contact-content{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:28px}.pdm-contact-content p{font-size:clamp(13px,1.1vw,18px);max-width:56ch;color:var(--pgh-muted);margin:0}#pdm-enquiry-summary:empty{display:none}#pdm-enquiry-summary{font-size:12px;color:#9ff5ea;max-width:70ch}.pdm-faq-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:6vw;align-items:center;height:100%}.pdm-faq-layout .pgh-faq-list{max-height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.pdm-faq-layout .pgh-faq-item button{font-size:clamp(12px,1vw,17px);padding:15px 4px}.pdm-journey .pgh-progress{right:14px}
@media(max-width:1000px){.pdm-pain-layout{grid-template-columns:.7fr 1.3fr;gap:24px}.pdm-pain-list{grid-template-columns:1fr}.pdm-pain:nth-child(odd){border-right:0}.pdm-pain{padding:10px 8px 10px 25px}.pdm-pain>span{top:13px}.pdm-pain h3{margin-bottom:5px}.pdm-faq-layout{gap:30px}.svc__head{grid-template-columns:1fr;grid-template-areas:"title" "intro" "mode" "lede"}.svc-mode{justify-self:start}}
@media(max-aspect-ratio:1/1){.pdm-journey .pdmh-hero__inner{padding-top:80px;padding-bottom:32px;gap:20px}.pdm-journey .pdmh-hero__title{font-size:clamp(27px,5.6vw,56px);max-width:none}.pdm-journey .pdmh-hero__lede{font-size:clamp(12px,2vw,16px);max-width:44ch}.pdm-journey .pdmh-hero__eyebrow{font-size:10px}}
@media(max-width:650px){.pdm-journey{--pgh-header-space:76px}.pdm-journey .pgh-panel-inner{padding:42px 22px 22px}.pdm-journey .pgh-section-index{left:22px;top:12px;font-size:8px;gap:12px}.pdm-journey .pgh-progress{right:6px}.pdm-journey h2{font-size:clamp(32px,8.6vw,52px)}.pdm-why-copy{gap:22px}.pdm-why-copy h2{max-width:15ch}.pdm-why-copy p{font-size:13px}.pdm-orbits{width:80vw;right:-35vw;top:18%;opacity:.28}.pdm-pain-layout{display:block}.pdm-pain-heading h2{font-size:29px;max-width:22ch}.pdm-pain-heading p{font-size:11px;max-width:none;line-height:1.5}.pdm-pain-list{margin-top:18px}.pdm-pain{padding-top:11px;padding-bottom:11px}.pdm-pain h3{font-size:12px}.pdm-pain p{font-size:10px;line-height:1.5}.pdm-faq-layout{display:flex;flex-direction:column;align-items:stretch;gap:22px}.pdm-faq-layout h2 br{display:none}.pdm-faq-layout .pgh-faq-list{min-height:0;flex:1}.pdm-faq-layout .pgh-faq-item button{padding:13px 2px;font-size:12px}.pdm-faq-layout .pgh-faq-answer p{font-size:11px;line-height:1.6}.pdm-contact-content{gap:24px}.pdm-search-symbol{width:65vw;right:-15%;top:20%}.pdm-service-intro{font-size:13px}.pdm-services-scroll>.svc{padding:30px 20px 48px}.pdm-journey .svc__title{font-size:32px;max-width:20ch}.svc__head{row-gap:18px}.pdm-journey .svc__desc{font-size:13px}.pdm-journey .svc__name{font-size:21px}.svc__cta{white-space:normal}.svc__foot{align-items:flex-start}}
@media(max-height:650px) and (min-width:651px){.pdm-journey .pdmh-hero__inner{padding-top:75px;padding-bottom:25px;gap:18px}.pdm-journey .pdmh-hero__lede{font-size:12px}.pdm-journey .pdmh-hero__title{font-size:clamp(28px,5.8vh,50px)}.pdm-why-copy{gap:16px}.pdm-why-copy h2{font-size:42px}.pdm-why-copy p{font-size:12px}.pdm-pain-layout{align-items:start}.pdm-pain-heading h2{font-size:32px}.pdm-pain p{font-size:10px}.pdm-pain h3{font-size:12px}.pdm-faq-layout .pgh-faq-item button{padding:10px 3px}.pdm-contact-content h2{font-size:44px}.pdm-contact-content{gap:18px}}
@media(prefers-reduced-motion:reduce){.pdm-journey *{scroll-behavior:auto!important}}
@media(max-aspect-ratio:1/1){.pdm-journey .pdmh-hero__title span{white-space:normal}.pdm-journey .pdmh-hero__title{max-width:25ch}}

/* Keep the room stationary beneath a single persistent atmospheric overlay. */
.pdm-journey::before{z-index:1;background:rgba(2,3,7,.88)}
.pdm-journey .pgh-panel--hero,
.pdm-journey .pgh-panel--hero.is-before,
.pdm-journey .pgh-panel--hero.is-after{z-index:0;visibility:visible;opacity:1;transform:none;filter:none;transition:none;will-change:auto}
.pdm-journey .pgh-panel--hero:not(.is-active){pointer-events:none}
.pdm-journey .pgh-panel:not(.pgh-panel--hero){top:0;height:100%;z-index:3;visibility:hidden;opacity:0;transform:translate3d(0,10vh,0);filter:none;transition:opacity 760ms var(--pgh-soft),transform 980ms var(--pgh-ease),visibility 0s linear 980ms}
.pdm-journey .pgh-panel:not(.pgh-panel--hero).is-before{transform:translate3d(0,-8vh,0)}
.pdm-journey .pgh-panel:not(.pgh-panel--hero).is-active{visibility:visible;opacity:1;transform:none;transition-delay:0s}
.pdm-journey .pgh-panel-inner{padding-top:calc(var(--pgh-header-space) + 42px)}
.pdm-journey .pgh-section-index{top:calc(var(--pgh-header-space) + 14px)}
.pdm-services-scroll>.svc{padding-top:calc(var(--pgh-header-space) + 40px)}
/* One centered quote, matching the reference's quiet, spacious composition. */
.pdm-journey .pdm-why-copy{width:100%;max-width:1180px;margin-inline:auto;align-items:center;text-align:center;gap:40px}
.pdm-why-quote{margin:0;width:100%}
.pdm-journey .pdm-why-quote h2{max-width:none;font-size:clamp(28px,min(3.05vw,5.3vh),56px);font-weight:400;line-height:1.3;letter-spacing:-.045em;text-wrap:balance;color:#dce0e7}
.pdm-why .pdm-orbits{right:4vw;top:21%;width:34vw;opacity:.25}
@media(max-width:650px){.pdm-journey .pgh-panel-inner{padding-top:calc(var(--pgh-header-space) + 40px)}.pdm-journey .pgh-section-index{top:calc(var(--pgh-header-space) + 12px)}.pdm-services-scroll>.svc{padding-top:calc(var(--pgh-header-space) + 30px)}.pdm-journey .pdm-why-copy{gap:28px}.pdm-journey .pdm-why-quote h2{font-size:clamp(21px,min(5.5vw,3.4svh),32px);line-height:1.35}.pdm-why .pdm-orbits{width:80vw;right:-25vw;opacity:.16}}
@media(max-height:650px) and (min-width:651px){.pdm-journey .pgh-panel-inner{padding-top:calc(var(--pgh-header-space) + 34px)}.pdm-journey .pdm-why-copy{gap:20px}.pdm-journey .pdm-why-quote h2{font-size:clamp(21px,4.8vh,32px)}}
@media(prefers-reduced-motion:reduce){.pdm-journey .pgh-panel:not(.pgh-panel--hero){transform:none;transition:opacity 260ms ease,visibility 0s linear 260ms}.pdm-journey .pgh-panel:not(.pgh-panel--hero).is-active{transition-delay:0s}}

/* Only the room, figure and light persist behind later sections. */
.pdm-journey .pdmh-hero__inner,
.pdm-journey .pdmh-hero__scroll{transition:opacity 300ms ease,visibility 0s linear}
.pdm-journey.has-left-hero .pdmh-hero__inner,
.pdm-journey.has-left-hero .pdmh-hero__scroll{opacity:0;visibility:hidden;pointer-events:none;transition:opacity 220ms ease,visibility 0s linear 220ms}
@media(prefers-reduced-motion:reduce){.pdm-journey .pdmh-hero__inner,.pdm-journey .pdmh-hero__scroll{transition:none!important}}
/* Complete pain-point cells; the seventh stays beneath the fifth. */
.pdm-journey .pdm-pain:nth-child(n){border:1px solid var(--pgh-line);margin:-1px 0 0 -1px;min-width:0}
.pdm-journey .pdm-pain:last-child{grid-column:1}
/* Give the cell edges, index and copy room to breathe. */
.pdm-journey .pdm-pain{padding:22px 24px 22px 50px}
.pdm-journey .pdm-pain>span{left:18px;top:26px}
@media(max-width:1000px){.pdm-journey .pdm-pain{padding:16px 18px 16px 42px}.pdm-journey .pdm-pain>span{left:14px;top:19px}}

/* Share the established page button treatment with Services. */
.pdm-journey .svc__cta.pdmh-glow-button{display:inline-grid;min-height:54px;padding:0 27px;border:0;background:transparent;box-shadow:none;font-family:inherit;font-size:.8125rem;font-weight:500;letter-spacing:.055em;color:rgba(244,246,249,.86);transition:color 300ms ease,transform 480ms var(--pgh-ease)}
.pdm-journey .svc__cta.pdmh-glow-button:hover{background:transparent;box-shadow:none;color:#fff}
.pdm-journey .svc-mode{background:rgba(3,5,7,.75);border-color:rgba(255,255,255,.16)}
.pdm-journey .svc-mode__thumb{background:linear-gradient(120deg,rgba(91,186,218,.16),rgba(107,70,194,.18));border:1px solid rgba(91,186,218,.6);box-shadow:0 0 16px rgba(91,186,218,.18),inset 0 0 15px rgba(107,70,194,.15)}
.pdm-journey .svc-mode__opt:has(input:checked){color:#f4f6f9}
.pdm-journey .svc-mode__opt:has(input:focus-visible){outline-color:#5bbada}
@media(max-width:650px){.pdm-journey .svc__cta.pdmh-glow-button{max-width:100%;padding:12px 20px;font-size:11px;text-align:center}}

/* Use the Graphics page's selected-work composition across service pages. */
.pdm-journey .pdm-work-layout{display:flex;flex-direction:column;justify-content:space-between;gap:40px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.pdm-journey .pdm-work-layout .pgh-panel-title{width:min(1000px,75vw);margin:3vh 0 0;font-size:clamp(42px,5vw,92px);line-height:1.02;flex-shrink:0}
.pdm-journey .pdm-work-layout .pgh-work-grid{position:static;flex-shrink:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.2vw,22px)}
.pdm-journey .pdm-work-layout .pgh-work-image{height:auto;aspect-ratio:16/9;background-size:cover}
@media(max-width:700px){.pdm-journey .pdm-work-layout{gap:28px;justify-content:flex-start}.pdm-journey .pdm-work-layout .pgh-panel-title{width:100%;font-size:clamp(32px,8.6vw,52px);margin:0}.pdm-journey .pdm-work-layout .pgh-work-grid{grid-template-columns:1fr;gap:24px}.pdm-journey .pdm-work-layout .pgh-work-card>span{font-size:8px}.pdm-journey .pdm-work-layout .pgh-work-card h3{font-size:16px}}
/* Let the shared room and atmospheric overlay continue through Services. */
.pdm-journey .pdm-services,.pdm-journey .pdm-services-scroll,.pdm-journey .pdm-services-scroll>.svc{background:transparent}
.pdm-journey .pdm-services-scroll{scrollbar-color:rgba(91,186,218,.5) transparent}
