/* Current service content, composed with the approved homepage's ink, glass and soft colour. */
#main-content.sjh-service-page{--service-tone:#e4d7f1;--service-ink:#1e0428;--service-copy:#57485f;--service-paper:#f5f3f7;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;color:var(--service-ink);background:var(--service-paper);font-family:var(--font-copy,'Open Sans',sans-serif)}
#main-content.sjh-service-page>section{width:100%!important;max-width:none!important;margin:0!important;border-radius:0!important;padding:clamp(64px,7vw,112px) 0!important;scroll-margin-top:112px;position:relative;isolation:isolate}
#main-content.sjh-service-page .sam-wrap,#main-content.sjh-service-page .wd-wrap{width:var(--opening-width,min(1480px,90%));max-width:none;margin-inline:auto}
#main-content.sjh-service-page h1,#main-content.sjh-service-page h2,#main-content.sjh-service-page h3{font-family:var(--font-display,'Plus Jakarta Sans',sans-serif);text-wrap:balance}
#main-content.sjh-service-page h1{font-size:clamp(56px,6.4vw,112px)!important;line-height:1.06!important;font-weight:800!important;letter-spacing:-.065em!important;color:var(--service-ink);margin:0!important}
#main-content.sjh-service-page h2{font-size:clamp(40px,4.5vw,70px)!important;line-height:1.1!important;font-weight:800!important;letter-spacing:-.06em!important}
#main-content.sjh-service-page h3{font-size:clamp(23px,2.2vw,34px);line-height:1.2;font-weight:700;letter-spacing:-.04em!important}
#main-content.sjh-service-page .outline-text{color:transparent!important;-webkit-text-stroke:1.25px var(--service-ink)}
#main-content.sjh-service-page p{font-family:var(--font-copy,'Open Sans',sans-serif);font-size:clamp(16px,1.15vw,19px);line-height:1.85;color:var(--service-copy)}
#main-content.sjh-service-page :is(a,button,summary):focus-visible{outline:2px solid currentColor;outline-offset:5px}
#main-content.sjh-service-page .sjh-highlight,#main-content.sjh-service-page .studio-profile__copy strong{background:var(--service-tone);color:var(--service-ink);border-radius:999px;padding:.12em .5em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
/* The wide title creates a clear first impression before the copy/media split. */
#main-content.sjh-service-page>.sjh-service-hero{padding-top:clamp(154px,12vw,194px)!important;padding-bottom:clamp(70px,6vw,100px)!important;background:var(--service-paper);color:var(--service-ink);overflow:clip;--sam-text:var(--service-copy);--sam-outline:var(--service-ink)}
.sjh-service-page .sjh-service-hero>.studio-flow{opacity:.85;z-index:-1}
.sjh-service-page .sjh-service-hero__grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:clamp(34px,4vw,66px) clamp(48px,7vw,110px);align-items:center}
.sjh-service-page .sjh-service-hero__masthead{grid-column:1/-1;position:relative;z-index:2;max-width:1360px;min-width:0}
#main-content.sjh-service-page .sjh-service-hero h1{max-width:23ch!important}
.sjh-service-page .sjh-service-hero__masthead>.sam-kicker{margin-bottom:24px;color:var(--service-ink)}
.sjh-service-page .sjh-service-hero__story{min-width:0;position:relative;z-index:2}
#main-content.sjh-service-page .sjh-service-hero__story>.sam-hero__lead,#main-content.sjh-service-page .sjh-service-hero__story>.wd-hero__description{font-size:clamp(17px,1.25vw,20px)!important;line-height:1.8!important;max-width:60ch!important;color:var(--service-copy);margin:0!important}
.sjh-service-page .sjh-service-hero__story .sam-actions,.sjh-service-page .sjh-service-hero__story .wd-actions{gap:22px 28px;margin-top:30px;flex-wrap:wrap}
.sjh-service-page .sjh-service-hero .sam-pills{gap:8px;margin-top:22px}
.sjh-service-page .sjh-service-hero .sam-pills li{background:#ffffff78;border-color:#1e042822;font-size:12px;padding:7px 12px;backdrop-filter:blur(16px);color:var(--service-ink)}
.sjh-service-page .sam-proof{background:#ffffff91;border:1px solid #fffc;border-radius:22px;padding:16px 19px;backdrop-filter:blur(20px) saturate(135%);box-shadow:0 8px 28px #1e042809;margin-top:28px;gap:14px}
.sjh-service-page .sam-proof strong{font-weight:750;font-size:13px}
.sjh-service-page .sam-proof__stars{color:#702569;font-size:15px}
.sjh-service-page .sam-hero__visual{width:100%;max-width:none;min-height:0;padding:12px 8px 38px;margin:0;position:relative}
.sjh-service-page .sam-hero__image{rotate:3deg;transform-origin:center}
.sjh-service-page .sam-hero__image>.sam-browser{border-radius:28px 72px 28px 28px;border-color:#fffc;box-shadow:0 22px 55px #1e042819}
.sjh-service-page .sam-hero__image>img{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;border-radius:28px 72px 28px 28px;border:1px solid #fffc;box-shadow:0 22px 55px #1e042819}
.sjh-service-page .sam-hero__image .sam-browser>img{aspect-ratio:1.65;object-fit:cover;object-position:top;height:auto;width:100%}
.sjh-service-page .sam-hero__secondary{width:45%;left:-5%;bottom:2px;right:auto;rotate:-6deg;border-radius:22px;overflow:hidden;border:1px solid #fffc;box-shadow:0 15px 40px #1e04281e;aspect-ratio:1.32}
.sjh-service-page .sam-hero__secondary>.sam-client-photo-gallery{height:100%;width:100%;position:relative}
.sjh-service-page .sam-hero__secondary img{width:100%;height:100%;object-fit:cover}
.sjh-service-page .sam-hero__note{top:-10px;right:-8px;left:auto;rotate:-4deg;border:1px solid #fffd;background:#ffffff9c;color:var(--service-ink);backdrop-filter:blur(20px) saturate(140%);font-size:12px;padding:13px 18px;white-space:normal;max-width:85%;box-shadow:0 8px 28px #1e04280b}
.sjh-service-page .sam-hero__halo{inset:-16%;background:radial-gradient(ellipse,var(--service-tone),transparent 68%);opacity:.8}
/* A clear narrative follows the first screen, with the homepage's sticky statement. */
.sjh-service-page .sam-service-intro{background:#fff}
.sjh-service-page .sam-service-intro .studio-profile__content,.sjh-service-page .sam-service-method .studio-profile__content{margin-top:0!important;align-items:start;gap:clamp(44px,7vw,110px);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.sjh-service-page .sam-service-intro .studio-profile__statement{position:sticky;top:132px}
.sjh-service-page .sam-service-intro .studio-profile__icon{background:var(--service-tone)}
#main-content.sjh-service-page .sam-service-intro .studio-profile__copy p{font-size:clamp(16px,1.2vw,20px)!important;line-height:1.9!important}
.sjh-service-page .sam-service-intro__standfirst{font-weight:600;color:var(--service-ink)!important}
.sjh-service-page .sam-service-list li:before{background:var(--service-ink)}
/* A compact glass benefit reel, with all information still present without JS. */
#main-content.sjh-service-page .sjh-service-features{background:#1e0428;color:#fff;--sam-text:#e4d7f1;--sam-outline:#e4d7f1;overflow:clip}
#main-content.sjh-service-page .sjh-service-features h2,#main-content.sjh-service-page .sjh-service-features h3{color:#fff!important}
#main-content.sjh-service-page .sjh-service-features .outline-text{-webkit-text-stroke-color:#e4d7f1}
#main-content.sjh-service-page .sjh-service-features p{color:#e4d7f1}
.sjh-service-page .sjh-service-features .studio-capabilities__intro{gap:30px;align-items:flex-end}
.sjh-service-page .sjh-service-track{display:flex!important;grid-template-columns:none!important;align-items:stretch;gap:24px!important;padding:24px 10px 30px!important;margin:30px -10px 0!important;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:12px;scrollbar-width:thin;scrollbar-color:#b89ac94d transparent;overscroll-behavior-x:contain;max-width:calc(100% + 20px);width:calc(100% + 20px);list-style:none}
.sjh-service-page .sjh-service-track::-webkit-scrollbar{height:5px}
.sjh-service-page .sjh-service-track::-webkit-scrollbar-thumb{background:#b89ac94d;border-radius:99px}
.sjh-service-page .sjh-service-feature{position:relative;isolation:isolate;flex:0 0 min(44%,560px);min-width:0;border-radius:30px!important;border:1px solid #ffffff4d!important;padding:30px!important;background:linear-gradient(135deg,#ffffff24,#e4d7f111 55%,#ffffff16)!important;backdrop-filter:blur(22px) saturate(125%);box-shadow:inset 0 1px 0 #ffffff60,0 12px 35px #12001822;scroll-snap-align:start;rotate:var(--service-card-tilt,0deg);margin-top:var(--service-card-offset,0px);display:flex!important;flex-direction:column;gap:0;overflow:hidden}
.sjh-service-page .sjh-service-feature .studio-capabilities__title{align-items:flex-start;gap:16px;min-height:64px;width:100%}
.sjh-service-page .sjh-service-feature .studio-capabilities__icon{width:46px;height:46px;min-width:46px;border-radius:14px;background:var(--service-tone);color:var(--service-ink);font-size:22px}
#main-content.sjh-service-page .sjh-service-feature h3{font-size:clamp(23px,1.85vw,30px)!important;line-height:1.25!important;max-width:none;margin:0 0 20px!important}
#main-content.sjh-service-page .sjh-service-feature p{font-size:17px!important;line-height:1.8!important;margin:20px 0 0!important;position:relative;z-index:1}
.sjh-service-page .sjh-service-feature>.sjh-service-watermark{position:absolute;left:16px;bottom:10px;font-size:128px;line-height:1;opacity:.065;color:#e4d7f1;pointer-events:none;z-index:-1;translate:none;rotate:none;margin:0}
.sjh-service-page .sjh-service-feature>.studio-capabilities__title,.sjh-service-page .sjh-service-feature>h3{position:relative;z-index:1}
.sjh-service-page .sjh-service-features .sjh-cta{--cta-fill:var(--service-tone);--cta-ink:#1e0428;--cta-focus:#e4d7f1}
/* Project evidence uses the actual current photos/screens, with consistent rounded frames. */
.sjh-service-page .sam-service-projects{background:var(--service-paper)}
.sjh-service-page .sam-service-projects__grid{gap:clamp(28px,4vw,64px);align-items:start}
.sjh-service-page .sam-service-project{position:relative;min-width:0}
.sjh-service-page .sam-service-project:nth-child(2){margin-top:58px}
.sjh-service-page .sam-service-project__visual{border-radius:30px!important;min-height:0;aspect-ratio:1.55;display:block;position:relative;padding:0!important;background:var(--project-colour,var(--service-tone));overflow:hidden}
.sjh-service-page .sam-service-project__visual>.sam-client-photo-gallery{width:100%;height:100%;position:relative}
.sjh-service-page .sam-service-project__visual>.sam-browser{position:absolute;inset:7% 6% auto;width:88%;rotate:-3deg;border-radius:18px;box-shadow:0 14px 35px #1e04282b}
.sjh-service-page .sam-service-project:nth-child(even) .sam-service-project__visual>.sam-browser{rotate:3deg}
.sjh-service-page .sam-service-project__visual .sam-browser>img{aspect-ratio:1.7;height:auto;width:100%;object-fit:cover;object-position:top}
.sjh-service-page .sam-service-project__visual .sam-client-photo-gallery img{width:100%;height:100%;object-fit:cover}
.sjh-service-page .sam-service-project__arrow{width:42px;height:42px;bottom:18px;right:18px;background:#ffffff8c;color:var(--service-ink);border:1px solid #ffffffc7;backdrop-filter:blur(18px);font-size:17px;box-shadow:0 8px 25px #1e042815}
.sjh-service-page .sam-service-project__copy{padding:26px 4px 0}
#main-content.sjh-service-page .sam-service-project__copy h3{font-size:clamp(27px,2.5vw,40px)!important;line-height:1.18!important;margin-bottom:14px}
#main-content.sjh-service-page .sam-service-project__copy p{font-size:16px!important;line-height:1.85!important}
.sjh-service-page .sam-service-project__copy .sam-pills{gap:8px;margin-top:20px}
.sjh-service-page .sam-service-project__copy .sam-pills li{background:#fff9;border-color:#1e042826;font-size:11px;padding:7px 11px}
/* Process, price and supporting tools sit in readable, independent panels. */
.sjh-service-page .sam-service-method{background:#fff}
.sjh-service-page .sam-service-method .studio-profile__statement{position:sticky;top:132px}
.sjh-service-page .sam-service-method__steps{border:0;display:grid;gap:14px}
.sjh-service-page .sam-service-detail{border:1px solid #1e04281c;background:#f7f4f9;border-radius:24px;overflow:hidden;padding:0!important}
.sjh-service-page .sam-service-detail[open]{background:var(--service-tone);border-color:#1e042814}
.sjh-service-page .sam-service-detail summary{padding:24px;grid-template-columns:26px minmax(0,1fr) 32px;gap:14px;align-items:center}
.sjh-service-page .sam-service-detail__number{padding:0;color:#806789;font-size:11px}
#main-content.sjh-service-page .sam-service-detail h3{font-size:clamp(21px,1.65vw,27px)!important;line-height:1.3!important;margin:0!important;color:var(--service-ink)}
.sjh-service-page .sam-service-detail__toggle{width:32px;height:32px;background:#ffffffb3;color:var(--service-ink)}
.sjh-service-page .sam-service-detail[open] .sam-service-detail__toggle{background:var(--service-ink);color:white}
.sjh-service-page .sam-service-detail__copy{padding:0 26px 26px}
#main-content.sjh-service-page .sam-service-detail__copy p{font-size:16px!important;line-height:1.85!important}
.sjh-service-page .sam-service-offer{background:var(--service-tone);color:var(--service-ink)}
.sjh-service-page .sam-service-offer .studio-local__inner{align-items:center;gap:clamp(40px,7vw,112px)}
.sjh-service-page .sam-service-offer__card{background:#ffffff91;border:1px solid #fffd;border-radius:30px 94px 30px 30px;padding:clamp(30px,4vw,58px);box-shadow:0 15px 40px #1e04280a;backdrop-filter:blur(20px) saturate(125%)}
#main-content.sjh-service-page .sam-service-offer__price{font-size:clamp(46px,5vw,80px)!important;line-height:1.05!important;color:var(--service-ink);margin:0 0 26px!important}
#main-content.sjh-service-page .sam-service-offer__label{font-size:14px!important;margin:0 0 24px!important}
#main-content.sjh-service-page .sam-service-offer__details p{font-size:14px!important;line-height:1.8!important}
.sjh-service-page .sam-service-offer__details li{font-size:16px;line-height:1.7}
.sjh-service-page .sam-service-tool-belt{background:var(--service-paper)}
#main-content.sjh-service-page>.sam-service-tool-details{background:var(--service-paper);padding-top:0!important}
.sjh-service-page .sam-tools-rows{border-top:0;display:grid;gap:12px}
.sjh-service-page .sam-tool-row{background:#fff8;border:1px solid #1e042817;border-radius:20px;padding:0 22px;backdrop-filter:blur(18px)}
.sjh-service-page .sam-tool-row[open]{background:#fff}
.sjh-service-page .sam-tool-row summary{padding:19px 0;font-size:18px;line-height:1.4}
.sjh-service-page .sam-service-price-options .studio-ethos__principles{align-items:stretch}
.sjh-service-page .sam-service-price-options .studio-ethos__card{height:100%;background:#ffffff91;border-color:#fff;box-shadow:0 12px 35px #1e04280b}
/* Dark FAQ and the closing conversation retain the homepage's contrast and warmth. */
#main-content.sjh-service-page .sam-service-faq{background:#1e0428;color:#fff;--sam-text:#e4d7f1;--sam-outline:#e4d7f1}
#main-content.sjh-service-page .sam-service-faq h2{color:#fff!important}
#main-content.sjh-service-page .sam-service-faq .outline-text{-webkit-text-stroke-color:#e4d7f1}
#main-content.sjh-service-page .sam-service-faq :is(.studio-faqs__description,.studio-faqs__eyebrow){color:#e4d7f1!important}
#main-content.sjh-service-page .sam-service-faq .studio-faqs__item:not([open]) summary{color:#fff}
#main-content.sjh-service-page .sam-service-faq .studio-faqs__answer p{color:var(--service-copy)!important}
.sjh-service-page .sam-service-faq .studio-faqs__heading{position:sticky;top:132px}
.sjh-service-page .sam-service-faq .studio-faqs__item{background:linear-gradient(135deg,#ffffff1d,#ffffff08);border-color:#ffffff35;border-radius:24px;backdrop-filter:blur(18px)}
.sjh-service-page .sam-service-faq .studio-faqs__item[open]{background:var(--service-tone);color:var(--service-ink)}
.sjh-service-page .sam-service-nav{background:var(--service-paper)}
#main-content.sjh-service-page .sam-service-nav h2{font-size:clamp(34px,3.5vw,52px)!important}
.sjh-service-page .sam-service-nav__links{gap:12px}
.sjh-service-page .sam-service-nav__links a{background:#ffffff91;border:1px solid #1e042824;padding:13px 19px;border-radius:999px;font-size:14px;line-height:1.5;backdrop-filter:blur(18px)}
.sjh-service-page .sam-service-nav__links a:hover{background:var(--service-tone)}
#main-content.sjh-service-page .sam-contact{background:#1e0428;color:white;--sam-text:#e4d7f1;--sam-outline:#e4d7f1;overflow:clip}
#main-content.sjh-service-page .sam-contact h2{color:#fff!important}
#main-content.sjh-service-page .sam-contact .outline-text{-webkit-text-stroke-color:#e4d7f1}
#main-content.sjh-service-page .sam-contact p{color:#e4d7f1}
.sjh-service-page .sam-contact>.sam-wrap{position:relative;z-index:1}
.sjh-service-page .sam-contact .sjh-cta{--cta-fill:var(--service-tone);--cta-ink:#1e0428;--cta-focus:#e4d7f1}
.sjh-service-page .sam-contact .sam-text-link{color:#e4d7f1}
.sjh-service-page :is(.studio-flow-surface--dark,.sjh-service-features,.sam-contact,.sam-service-faq,.wd-search)>.studio-flow{opacity:.8}
.sjh-service-page :is(.studio-flow-surface--dark,.sjh-service-features,.sam-contact,.sam-service-faq,.wd-search)>.studio-flow>span:first-child{background:radial-gradient(#583377 8%,#3d1b53 37%,#0000 70%)}
.sjh-service-page :is(.studio-flow-surface--dark,.sjh-service-features,.sam-contact,.sam-service-faq,.wd-search)>.studio-flow>span:nth-child(2){background:radial-gradient(#8a366e 8%,#562051 36%,#0000 70%)}
.sjh-service-page :is(.studio-flow-surface--dark,.sjh-service-features,.sam-contact,.sam-service-faq,.wd-search)>.studio-flow>span:nth-child(3){background:radial-gradient(#70447c 5%,#442356 35%,#0000 70%)}
.sjh-service-page .sjh-service-ambient{position:absolute;inset:0;overflow:clip;pointer-events:none;z-index:0}
.sjh-service-page .sjh-service-ambient i{position:absolute;left:var(--ambient-x);top:var(--ambient-y);font-size:clamp(45px,5vw,78px);color:#e4d7f1;opacity:.055;animation:sjh-service-drift 24s ease-in-out var(--ambient-delay) infinite alternate}
@keyframes sjh-service-drift{from{transform:translate(-8px,8px) rotate(-7deg)}to{transform:translate(12px,-14px) rotate(9deg)}}
/* Four established ancillary service pages use the same visual family. */
body.dedicated-service-page:has(main.sjh-service-page--legacy) #top .wordmark--dark,
body.dedicated-service-page:has(main.sjh-service-page--legacy) #top .wordmark--dark::before{-webkit-text-stroke-color:#1e0428!important}
.sjh-service-page--legacy .sjh-service-hero .wd-hero__service-mark{display:none}
.sjh-service-page--legacy .sjh-service-hero .wd-hero__layout{display:contents}
.sjh-service-page--legacy .sjh-service-hero .wd-hero__reviews{margin-top:28px;background:#ffffff91;border:1px solid #fffc;padding:16px 19px;border-radius:22px;color:var(--service-ink);font-size:13px;backdrop-filter:blur(20px);width:fit-content;max-width:100%}
.sjh-service-page--legacy .sjh-service-hero .wd-hero__reviews strong{color:var(--service-ink)!important}
.sjh-service-page--legacy .sjh-service-hero .wd-hero__stars{color:#702569}
.sjh-service-page--legacy .sjh-service-hero .wd-hero__bottom{position:relative;bottom:auto;left:auto;right:auto;margin-top:50px;padding:0;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;color:var(--service-copy)}
.sjh-service-page--legacy .sjh-service-hero .wd-hero__awards img{filter:brightness(0)!important}
.sjh-service-page--legacy .sjh-service-hero :is(.opening-awards__caption,.wd-hero__bottom>a){color:var(--service-ink)!important}
.sjh-service-page--legacy .sjh-service-hero__portraits{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;padding:12px 10px 24px}
.sjh-service-page--legacy .sjh-service-hero__portraits img{display:block;width:100%;height:auto;aspect-ratio:.85;object-fit:cover;border-radius:28px;rotate:-4deg;border:1px solid #ffffffb3;box-shadow:0 15px 35px #1e042814}
.sjh-service-page--legacy .sjh-service-hero__portraits img:nth-child(2){rotate:4deg;margin-top:38px}
#main-content.sjh-service-page--legacy .wd-intro{background:#fff}
.sjh-service-page--legacy .wd-intro__inner{gap:clamp(44px,7vw,112px);align-items:start}
.sjh-service-page--legacy .wd-intro__inner>div:first-child{position:sticky;top:132px}
.sjh-service-page--legacy .wd-principles{background:var(--service-paper)}
.sjh-service-page--legacy .wd-principles__inner{gap:clamp(44px,7vw,112px);align-items:center}
.sjh-service-page--legacy .wd-principles__photo{border-radius:30px 92px 30px 30px;overflow:hidden;rotate:-2deg;box-shadow:0 15px 40px #1e042812}
.sjh-service-page--legacy .wd-principles__photo img{aspect-ratio:1.1;object-fit:cover;width:100%;height:100%}
.sjh-service-page--legacy .wd-principles__photo>span{background:#ffffff8c;backdrop-filter:blur(20px);color:var(--service-ink);border:1px solid #fffc;border-radius:22px;padding:18px 22px}
.sjh-service-page--legacy .wd-section-heading{gap:40px;margin-bottom:38px}
#main-content.sjh-service-page--legacy .sjh-service-features .wd-eyebrow{color:#e4d7f1}
.sjh-service-page--legacy .sjh-service-feature>i:not(.sjh-service-watermark){font-size:38px;margin-bottom:24px;color:var(--service-tone);background:none;border:0;width:auto;height:auto;display:block}
#main-content.sjh-service-page--legacy .sjh-service-feature h3{margin-bottom:0!important}
.sjh-service-page--legacy .wd-process{background:#fff}
.sjh-service-page--legacy .wd-process__inner{display:block}
.sjh-service-page--legacy .wd-process__intro{position:static;max-width:1000px;margin-bottom:32px}
.sjh-service-page--legacy .wd-process__intro>p:not(.wd-eyebrow){max-width:70ch;margin-top:24px}
.sjh-service-page--legacy .wd-process__steps{counter-reset:none}
.sjh-service-page--legacy .wd-process__step{flex:0 0 min(44%,560px);height:auto;min-width:0;scroll-snap-align:start;padding:0;border:0;opacity:1!important;filter:none!important;transform:none!important;position:relative;top:auto}
.sjh-service-page--legacy .wd-process__step:before{display:none}
.sjh-service-page--legacy .wd-process__step>article{height:100%;min-height:420px;border:1px solid #1e04281c;border-radius:28px;padding:32px;background:var(--service-tone);box-shadow:0 12px 35px #1e04280a}
#main-content.sjh-service-page--legacy .wd-process__step h3{font-size:clamp(25px,2vw,32px)!important;line-height:1.2!important;color:var(--service-ink)}
#main-content.sjh-service-page--legacy .wd-process__step p{font-size:16px!important;line-height:1.8!important}
.sjh-service-page--legacy .wd-process__title>i{font-size:32px;color:var(--service-ink)}
.sjh-service-page--legacy .wd-search{background:#1e0428;--sam-text:#e4d7f1}
#main-content.sjh-service-page--legacy .wd-search h2,#main-content.sjh-service-page--legacy .wd-search h3,#main-content.sjh-service-page--legacy .wd-search p{color:#e4d7f1!important}
#main-content.sjh-service-page--legacy .wd-search .outline-text{-webkit-text-stroke-color:#e4d7f1}
.sjh-service-page--legacy .wd-discovery__panel{border-radius:28px;background:#ffffff12;border:1px solid #ffffff30}
.sjh-service-page--legacy .wd-final{background:var(--service-tone)}
#main-content.sjh-service-page--legacy .wd-final h2{color:var(--service-ink)!important}
#main-content.sjh-service-page--legacy .wd-final .outline-text{-webkit-text-stroke-color:var(--service-ink)}
.sjh-service-page--legacy .wd-final__inner{position:relative;z-index:1}
.sjh-service-page--legacy .wd-final .sjh-service-ambient i{color:#1e0428}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .sjh-service-page .sjh-service-feature{transition:rotate .4s ease,box-shadow .4s ease}
 .sjh-service-page .sjh-service-feature:hover{rotate:0deg;box-shadow:inset 0 1px 0 #ffffff60,0 18px 44px #12001833}
 .sjh-service-page .sam-service-project__visual{transition:box-shadow .35s ease}
 .sjh-service-page .sam-service-project__visual:hover{box-shadow:0 15px 45px #1e042819}
}
@media(max-width:1100px){
 .sjh-service-page .sjh-service-hero__grid{gap:34px 44px}
 .sjh-service-page .sam-hero__note{font-size:11px;padding:11px 15px;top:-18px}
 .sjh-service-page .sam-service-project:nth-child(2){margin-top:34px}
 .sjh-service-page .sjh-service-feature{flex-basis:47%;padding:26px!important}
}
@media(max-width:900px){
 #main-content.sjh-service-page h1{font-size:clamp(52px,7vw,76px)!important}
 .sjh-service-page .sjh-service-hero__grid{grid-template-columns:1fr}
 .sjh-service-page .sjh-service-hero__masthead{grid-column:auto}
 .sjh-service-page .sam-hero__visual{max-width:670px;margin:12px auto 0;padding-bottom:38px}
 .sjh-service-page .sjh-service-hero__story>.sam-actions{gap:18px 26px}
 .sjh-service-page .sam-hero__secondary{left:-2%;width:42%;bottom:-5px}
 .sjh-service-page .sam-service-intro .studio-profile__statement,.sjh-service-page .sam-service-method .studio-profile__statement,.sjh-service-page .sam-service-faq .studio-faqs__heading,.sjh-service-page--legacy .wd-intro__inner>div:first-child{position:static}
 .sjh-service-page .sam-service-intro .studio-profile__content,.sjh-service-page .sam-service-method .studio-profile__content{grid-template-columns:1fr;gap:32px}
 .sjh-service-page .sam-service-projects__grid{gap:28px}
 .sjh-service-page--legacy .sjh-service-hero__portraits{max-width:600px;width:100%;margin:auto}
}
@media(max-width:700px){
 #main-content.sjh-service-page>section{padding-block:64px!important}
 #main-content.sjh-service-page>.sjh-service-hero{padding-top:134px!important;padding-bottom:68px!important}
 #main-content.sjh-service-page h1{font-size:clamp(44px,10vw,66px)!important;line-height:1.08!important}
 #main-content.sjh-service-page h2{font-size:clamp(36px,8.5vw,50px)!important;line-height:1.12!important}
 .sjh-service-page .sjh-service-hero__grid{gap:28px}
 .sjh-service-page .sjh-service-hero__masthead>.sam-kicker{font-size:12px!important;margin-bottom:20px}
 #main-content.sjh-service-page .sjh-service-hero__story>.sam-hero__lead,#main-content.sjh-service-page .sjh-service-hero__story>.wd-hero__description{font-size:17px!important}
 .sjh-service-page .sam-proof{padding:14px 16px;gap:10px;margin-top:24px}
 .sjh-service-page .sam-proof strong{font-size:11px}.sjh-service-page .sam-proof small{font-size:10px}.sjh-service-page .sam-proof__stars{font-size:12px;letter-spacing:0}
 .sjh-service-page .sam-hero__visual{padding:15px 7px 30px;margin-top:16px}
 .sjh-service-page .sam-hero__note{font-size:10px;top:-10px;padding:10px 13px;gap:7px;right:0}
 .sjh-service-page .sam-hero__note i{font-size:17px}
 .sjh-service-page .sam-hero__image>.sam-browser{border-radius:22px 50px 22px 22px}
 .sjh-service-page .sam-hero__secondary{left:0;bottom:-4px;width:43%;border-radius:16px}
 .sjh-service-page .sjh-service-track{gap:16px!important;margin-top:22px!important;padding-top:18px!important;padding-bottom:24px!important}
 .sjh-service-page .sjh-service-feature{flex-basis:88%;padding:25px!important;border-radius:26px!important;rotate:calc(var(--service-card-tilt,0deg)*.65)}
 #main-content.sjh-service-page .sjh-service-feature h3{font-size:24px!important}
 #main-content.sjh-service-page .sjh-service-feature p{font-size:16px!important;line-height:1.8!important}
 .sjh-service-page .sam-service-projects__grid{grid-template-columns:1fr;gap:38px}
 .sjh-service-page .sam-service-project:nth-child(2){margin-top:0}
 .sjh-service-page .sam-service-project__visual{border-radius:26px!important}
 .sjh-service-page .sam-service-project__copy{padding-top:22px}
 .sjh-service-page .sam-service-detail summary{padding:22px 18px;grid-template-columns:22px minmax(0,1fr) 28px;gap:10px}
 .sjh-service-page .sam-service-detail__copy{padding:0 20px 24px}
 .sjh-service-page .sam-service-offer .studio-local__inner{gap:32px}
 .sjh-service-page .sam-service-offer__card{padding:30px 24px;border-radius:26px 72px 26px 26px}
 #main-content.sjh-service-page>.sam-service-tool-details{padding-top:0!important}
 .sjh-service-page .sam-service-nav__links{gap:9px}
 .sjh-service-page .sam-service-nav__links a{padding:11px 15px;font-size:13px}
 .sjh-service-page--legacy .sjh-service-hero__portraits{gap:14px;padding-inline:5px}
 .sjh-service-page--legacy .sjh-service-hero__portraits img{border-radius:22px;rotate:-3deg}
 .sjh-service-page--legacy .sjh-service-hero__portraits img:nth-child(2){rotate:3deg;margin-top:22px}
 .sjh-service-page--legacy .sjh-service-hero .wd-hero__bottom{margin-top:36px}
 .sjh-service-page--legacy .wd-intro__inner,.sjh-service-page--legacy .wd-principles__inner{grid-template-columns:1fr;gap:30px}
 .sjh-service-page--legacy .wd-process__step{flex-basis:88%}
 .sjh-service-page--legacy .wd-process__step>article{padding:26px;min-height:420px}
}
@media(prefers-reduced-motion:reduce){
 .sjh-service-page .sjh-service-ambient i{animation:none}
 .sjh-service-page .sjh-service-feature,.sjh-service-page .sam-hero__image,.sjh-service-page .sam-hero__secondary,.sjh-service-page--legacy .sjh-service-hero__portraits img{rotate:none!important;transition:none!important}
 .sjh-service-page .sjh-service-track{scroll-behavior:auto!important}
}
@media print{.sjh-service-page .sjh-service-track{display:grid!important;grid-template-columns:1fr 1fr!important;overflow:visible!important;width:auto!important;max-width:none}.sjh-service-page .sjh-service-feature{rotate:none!important;break-inside:avoid}.sjh-service-page .sjh-service-ambient{display:none}}

/* Keep numbered disclosures readable on the light service panels. */
#main-content.sjh-service-page .sam-service-detail__number{color:#57485f!important;opacity:1}
