/* Sam-led content on the established SJH design. */
#main-content>.sl-pricing,#main-content>.sl-toolkit{margin:0;padding:clamp(70px,7vw,120px) 0}.sl-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);gap:clamp(2rem,6vw,6rem);align-items:center}.sl-hero h1{font-size:clamp(3rem,5.5vw,6rem);letter-spacing:-.06em;line-height:1.05;margin:1.25rem 0 2rem}.sl-hero .wd-hero__description{max-width:46rem}.sl-hero__photo{position:relative}.sl-hero__photo img{width:100%;height:clamp(320px,32vw,530px);object-fit:cover;border-radius:2rem}.sl-hero__photo>span{display:block;margin-top:1rem;font-weight:600}.sl-hero small{font-size:.85rem;display:block;opacity:.8}.sl-story{background:#f7f8fc}.sl-story--tint,.sl-pricing,.sl-toolkit{background:#e3d7ef}.sl-story .wd-prose p{max-width:62ch}.sl-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.sl-card{padding:2rem;background:#f9f8fc;border:1px solid #d3c5e1;border-radius:2rem;display:flex;flex-direction:column;align-items:flex-start}.sl-card h3{font-size:1.55rem;margin:0 0 1rem}.sl-card p{font-size:1.05rem;line-height:1.7}.sl-card a{margin-top:auto;text-decoration:underline;text-underline-offset:.3em}.sl-card .sl-price{font-size:clamp(2.75rem,4vw,4.5rem);line-height:1.05;font-weight:600;letter-spacing:-.04em;margin:.4rem 0}.sl-price-note,.sl-small{font-size:.9rem!important;line-height:1.6!important}.sl-small{margin-top:1.5rem;max-width:100ch}.sl-offer{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.sl-offer h2{font-size:clamp(2.75rem,5vw,5rem)}.sl-bullets{padding-left:1.25rem;margin:1.5rem 0}.sl-bullets li{padding:.35rem 0;line-height:1.6}.sl-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.sl-tool{background:#f9f8fc;border-radius:1.5rem;padding:1.75rem}.sl-tool img{width:64px;height:64px;object-fit:contain;background:white;border-radius:.5rem;margin-bottom:1rem}.sl-tool h3{font-size:1.35rem;margin:.5rem 0}.sl-tool p{font-size:1rem;line-height:1.65}.sl-related{background:#f7f8fc}.sl-linkgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem}.sl-linkgrid a{border:1px solid #d1c3de;border-radius:1rem;padding:1.25rem;text-decoration:underline;text-underline-offset:.2em;line-height:1.45}.sl-faq{background:#e3d7ef}.sl-faq details{border-bottom:1px solid #bfaacf;padding:1.25rem 0}.sl-faq summary{font-size:1.2rem;cursor:pointer;font-weight:600;line-height:1.5}.sl-footer-links{display:flex;flex-wrap:wrap;gap:1rem 2rem;padding:2rem 0; border-top:1px solid #ffffff33}.sl-footer-links a{font-size:.95rem;text-decoration:underline;text-underline-offset:.2em}.sl-footer-name{font-size:1.3rem;font-weight:600}.sl-footer-name small{font-size:.95rem;font-weight:400}.sl-identity{font-size:clamp(1rem,2vw,1.4rem);font-weight:600;margin:0 0 1.5rem}.sl-proof .wd-project__image{background:var(--client-colour,#e3d7ef)}.sl-proof .wd-project__image img{aspect-ratio:1800/989;object-fit:cover;object-position:top}.sl-proof .wd-project__copy>p{max-width:60ch}.sl-lead{font-size:1.2rem;line-height:1.7;max-width:68ch}.sl-note{padding:1.5rem;border-left:3px solid #8b51a8;background:#eee6f5}.sl-case-photos{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.sl-case-photos img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:2rem}.sl-case-photos figure{margin:0}.sl-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.sl-hub-grid h3{font-size:1.45rem}.sl-hub-grid p{line-height:1.7}.sl-hub-grid article{border:1px solid #d2c3df;border-radius:1.5rem;padding:1.5rem;background:#fff}.sl-hub-grid a{text-decoration:underline;text-underline-offset:.2em} .wd-hero__reviews small{display:block;font-size:.8rem}
@media(max-width:900px){.sl-cards,.sl-tools,.sl-hub-grid,.sl-linkgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.sl-hero{grid-template-columns:1fr}.sl-hero__photo{max-width:560px}.sl-offer{gap:2rem}.sl-hero h1{font-size:clamp(2.75rem,8vw,5rem)}}
@media(max-width:600px){.sl-cards,.sl-tools,.sl-hub-grid,.sl-linkgrid,.sl-offer,.sl-case-photos{grid-template-columns:1fr}.sl-card,.sl-tool{padding:1.5rem}.sl-hero__photo img{height:340px}.sl-hero h1{font-size:clamp(2.4rem,11vw,3.5rem)}.sl-offer{gap:1.5rem}.sl-footer-links{gap:1rem;flex-direction:column}.sl-story .wd-prose{min-width:0}}

/* Add after the original web-design CSS. All colours are original SJH tokens. */
.restore-toolkit .wd-capability-grid article > img{width:64px;height:64px;object-fit:contain;margin-bottom:24px}
.restore-services .wd-capability-grid h3 a{color:inherit;text-decoration:none}
.restore-services .wd-capability-grid h3 a:hover{text-decoration:underline;text-underline-offset:.2em}
.wd-search .wd-prose p,.wd-search .wd-prose li{color:var(--sjh-copy-on-dark)}
.wd-search .wd-prose a{color:inherit}
.restore-hub-portrait{display:flex;align-items:center;gap:20px;margin-top:40px;color:var(--sjh-copy-on-dark);font:500 var(--sjh-label-size)/1.5 var(--font-display)}
.restore-hub-portrait img{object-fit:cover;width:96px;height:96px;border-radius:50%}
.restore-hub-portrait small{font-size:.9em}
.restore-service-photo small{font-size:.75em;font-weight:400}

/* Use the established light and dark SJH surfaces as complete colour pairs. */
#main-content :is(.sl-story,.sl-pricing,.sl-toolkit,.sl-related,.sl-faq){color:var(--purple-dark)}
#main-content :is(.sl-story,.sl-pricing,.sl-toolkit,.sl-related,.sl-faq) :is(h2,h3,summary,li,a,.sl-small,.wd-eyebrow){color:var(--purple-dark)}
#main-content :is(.sl-story,.sl-pricing,.sl-toolkit,.sl-related,.sl-faq) p{color:var(--sjh-copy-ink)}
#main-content :is(.sl-story,.sl-pricing,.sl-toolkit,.sl-related,.sl-faq) .outline-text{color:transparent;-webkit-text-stroke-color:var(--purple-dark)}
#main-content :is(.sl-pricing,.sl-toolkit){width:100%!important;max-width:none!important;margin:0!important;padding:var(--sjh-section-space) 0!important}
.sl-pricing{background:var(--opening-accent)}
.sl-card{border-radius:28px 90px 28px 28px;background:#ffffffdb;border-color:#ffffffcc;box-shadow:0 8px 32px #1e04280f}
.sl-card a{min-height:44px;display:inline-flex;align-items:center;color:var(--purple-dark)}
#main-content .sl-card .sl-price{color:var(--purple-dark);font:650 clamp(38px,4.5vw,68px)/1.08 var(--font-display)!important;letter-spacing:-.05em}
#main-content .sl-pricing .sl-small{color:var(--sjh-copy-ink)}
.sl-offer{gap:var(--sjh-layout-gap);align-items:start}
#main-content .sl-offer h2{color:var(--purple-dark)}
.wd-search .wd-prose :is(p,li){color:var(--sjh-copy-on-dark)}
.wd-search .wd-prose :is(a,.wd-text-link){color:var(--sjh-copy-on-dark)}
.wd-search .wd-intro__inner h2 .outline-text{-webkit-text-stroke-color:var(--opening-accent)}
.wd-search .wd-intro__inner .wd-eyebrow{color:var(--opening-accent)}
.wd-process .wd-process__intro .outline-text{-webkit-text-stroke-color:var(--purple-dark)}
.restore-toolkit .wd-section-heading,.restore-services .wd-section-heading{align-items:start}
.restore-toolkit>.wd-wrap>h2,.restore-services>.wd-wrap>h2{margin-bottom:54px!important}
.restore-toolkit .wd-capability-grid,.restore-services .wd-capability-grid{margin-top:38px}
.restore-toolkit .wd-capability-grid h3,.restore-services .wd-capability-grid h3{color:var(--purple-dark)}
.restore-toolkit .wd-capability-grid :is(p,a),.restore-services .wd-capability-grid :is(p,a){color:var(--sjh-copy-ink)}
.restore-services .wd-capability-grid h3 a{color:var(--purple-dark)}
/* Match the existing case-story, photograph and five-screen gallery treatment. */
.case-study-page #main-content .cs-cover{background:linear-gradient(var(--purple-dark) 0 22%,var(--case-accent) 22%);padding:20px 0 42px!important}
.case-study-page #main-content .cs-photography{background:#fff;padding-top:0!important}
.case-study-page .cs-photography__inner img{aspect-ratio:4/3;object-fit:cover}
.case-study-page #main-content .cs-gallery{color:var(--purple-dark);background:var(--case-accent)}
.case-study-page #main-content .cs-gallery .outline-text{-webkit-text-stroke-color:var(--purple-dark)}
.case-study-page #main-content .cs-gallery :is(.wd-eyebrow,.wd-section-heading>p){color:var(--sjh-copy-ink)}
.sam-case-features:has(>article:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
.sam-case-features article{min-width:0}
#main-content .sam-case-features p+p{margin-top:20px}
#main-content .sam-case-features :is(p,li){color:var(--sjh-copy-on-dark)}
#main-content .sam-case-features a{color:inherit;text-decoration:underline;text-underline-offset:.2em}
.sam-case-related .sam-service-links{display:flex;gap:12px 16px;flex-wrap:wrap;margin-top:34px}
.sam-service-links>a{min-height:44px;border:1px solid #9b81ad66;border-radius:999px;padding:10px 18px;display:inline-flex;align-items:center;color:var(--purple-dark);font:450 var(--sjh-label-size)/1.5 var(--font-display)}
.cs-feedback blockquote{margin:0;padding:28px 0;border-block:1px solid #cbb7d9}
.cs-feedback cite{color:var(--sjh-copy-ink);font-size:var(--sjh-label-size);font-style:normal;display:block;margin-top:20px}
@media(max-width:800px){.sl-offer{grid-template-columns:1fr;gap:28px}.restore-toolkit>.wd-wrap>h2,.restore-services>.wd-wrap>h2{margin-bottom:34px!important}}
@media(max-width:600px){.sam-case-features:has(>article:nth-child(2):last-child){grid-template-columns:1fr}.sl-card{border-radius:24px 65px 24px 24px}.sam-service-links>a{max-width:100%}}


/* Original ethos cards, carrying the confirmed starting-price information. */
#main-content .studio-pricing .studio-pricing__label{color:var(--purple-dark);margin:0;font:600 var(--sjh-label-size)/1.6 var(--font-display)!important}
#main-content .studio-pricing h3{margin:20px 0 12px}
#main-content .studio-pricing .studio-pricing__basis{color:var(--sjh-copy-ink);margin:0 0 22px;font-size:var(--sjh-small-copy-size)!important}
#main-content .studio-pricing .studio-pricing__description{color:var(--sjh-copy-ink);margin:0 0 20px}
.studio-pricing__link{color:var(--purple-dark);font:550 var(--sjh-label-size)/1.6 var(--font-display);min-height:44px;display:inline-flex;align-items:center;gap:12px;margin-top:auto;text-decoration:underline;text-underline-offset:.2em}
.studio-pricing__link:focus-visible{outline:2px solid var(--purple-dark);outline-offset:4px}
#main-content .studio-pricing .studio-pricing__terms{color:var(--sjh-copy-ink);max-width:105ch;margin:28px 0 0;font-size:var(--sjh-small-copy-size)!important;line-height:1.75!important}
/* The established compact, responsive software belt with genuine Pro logos. */
.studio-software--pro .studio-software__intro{display:block;max-width:340px}
#main-content .studio-software--pro h2{white-space:normal}
#main-content .studio-software--pro .studio-software__description{color:var(--sjh-copy-ink);margin:12px 0 4px;font-size:var(--sjh-small-copy-size)!important;line-height:1.65!important}
.studio-software--pro .studio-software__more{color:var(--purple-dark);font:550 var(--sjh-label-size)/1.6 var(--font-display);min-height:44px;display:inline-flex;align-items:center;gap:10px;text-decoration:underline;text-underline-offset:.2em}
.studio-software--pro .studio-software__more:focus-visible{outline:2px solid var(--purple-dark);outline-offset:4px}
.studio-software--pro .studio-software__brand img{width:40px;height:40px;object-fit:contain}
@media(max-width:760px){.studio-software--pro .studio-software__intro{max-width:none}}

/* The approved homepage: Plus Jakarta, Open Sans, ink/lilac, soft shapes. */
body.sam-page{background:var(--grey);color:var(--purple-dark);font-family:var(--font-copy)!important}
.sam-page #main-content{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent}
.sam-page #main-content>section,.sam-page #main-content .sam-section,.sam-page #main-content .sam-hero{width:100%!important;max-width:none!important;margin:0!important;border-radius:0!important}
.sam-wrap{width:var(--opening-width,min(1480px,90%));margin-inline:auto;min-width:0}
.sam-section{position:relative;isolation:isolate;padding:var(--sjh-section-space) 0;scroll-margin-top:112px;background:var(--grey);color:var(--purple-dark)}
.sam-section--white{background:#fff}.sam-section--lilac{background:var(--opening-accent)}
.sam-surface--dark{background:var(--purple-dark);color:#fff;--sam-text:var(--sjh-copy-on-dark);--sam-outline:var(--opening-accent)}
.sam-surface--dark .sjh-cta{--cta-fill:var(--opening-accent);--cta-ink:var(--purple-dark);--cta-focus:var(--opening-accent)}
.sam-page h1,.sam-page h2,.sam-page h3{font-family:var(--font-display)!important}
:where(.sam-page) #main-content h1{font-weight:800!important;letter-spacing:-.07em!important;line-height:1.06!important}
:where(.sam-page) #main-content h2{font-size:var(--sjh-heading-size)!important;font-weight:800!important;letter-spacing:-.06em!important;line-height:1.1!important;margin:0;color:inherit}
:where(.sam-page) #main-content h3{font-size:var(--sjh-card-heading-size)!important;font-weight:650!important;letter-spacing:-.04em!important;line-height:1.25!important;margin:0 0 16px;color:inherit}
:where(.sam-page) #main-content p{font-size:var(--sjh-copy-size)!important;line-height:var(--sjh-copy-leading)!important;color:var(--sam-text,var(--sjh-copy-ink));margin:0 0 22px}
.sam-page #main-content p:last-child{margin-bottom:0}
.sam-page #main-content .outline-text{color:transparent;-webkit-text-stroke:1.25px var(--sam-outline,var(--purple-dark))}
.sam-page #main-content .sam-kicker,.sam-kicker{display:flex;align-items:center;gap:12px;font:500 13px/1.5 var(--font-display)!important;margin:0 0 26px;color:inherit}
.sam-kicker>span{display:block;width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}
.sam-section-head{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(36px,6vw,96px);align-items:end;margin-bottom:clamp(40px,5vw,76px)}
.sam-section-head>div{min-width:0}.sam-section-head__copy{max-width:54ch;margin:0!important}
.sam-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px 30px;margin-top:32px}
.sam-text-link{display:inline-flex;gap:16px;align-items:center;min-height:44px;font:550 var(--sjh-label-size)/1.5 var(--font-display)!important;text-decoration:underline;text-underline-offset:.22em;color:inherit}
.sam-text-link i{font-size:17px!important}.sam-text-link:hover i{translate:3px -2px;transition:translate .25s}
.sam-page a:focus-visible,.sam-page summary:focus-visible{outline:2px solid currentColor;outline-offset:5px}
/* Keep the action available even inside the reveal observer's bottom inset. */
.sam-page #main-content a.sjh-cta{opacity:1!important;-webkit-mask-image:none!important;mask-image:none!important}
.sam-pills{display:flex;flex-wrap:wrap;gap:9px;list-style:none;padding:0;margin:24px 0 0}
.sam-pills li{font:450 12px/1.45 var(--font-display)!important;padding:8px 13px;border:1px solid #9b81ad66;border-radius:999px;display:inline-flex;align-items:center;gap:7px;color:inherit}
.sam-pills li:before{content:none}.sam-surface--dark .sam-pills li{border-color:#e4d7f144}
.sam-browser{border:1px solid #ffffffb3;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 18px 55px #1e042821}
.sam-browser__bar{height:27px;padding:0 13px;display:flex;align-items:center;gap:6px;background:#fbf9fd}
.sam-browser__bar span{width:5px;height:5px;background:#c8b8d3;border-radius:50%}
.sam-browser>img{display:block;width:100%;height:auto}
.sam-hero{position:relative;isolation:isolate;overflow:clip;background:var(--grey);color:var(--purple-dark);padding:clamp(160px,13vw,205px) 0 clamp(84px,8vw,130px)}
.sam-page #main-content>.sam-hero{padding:clamp(160px,13vw,205px) 0 clamp(84px,8vw,130px)!important}
.sam-page #main-content>.sam-section{padding:var(--sjh-section-space) 0!important}
.sam-hero>.studio-flow{opacity:.8;z-index:-1;pointer-events:none}
.sam-hero__grid{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:clamp(36px,5vw,84px)}
.sam-hero__copy{min-width:0;position:relative;z-index:2}
.sam-page #main-content .sam-hero h1{font-size:clamp(58px,5.9vw,104px)!important;margin:0 0 30px;max-width:12ch}
.sam-page #main-content .sam-hero__lead{font-size:clamp(16px,1.15vw,19px)!important;line-height:1.85!important;max-width:51ch;margin:0}
.sam-hero .sam-kicker{margin-bottom:30px}.sam-hero .sam-pills{max-width:54ch}
.sam-hero__visual{position:relative;min-width:0;padding:32px 12px 46px}
.sam-hero__halo{position:absolute;inset:-12% -8%;border-radius:50%;background:radial-gradient(ellipse,#dfc8efb3 0,#e4d7f170 40%,transparent 68%);z-index:-1}
.sam-hero__image{position:relative;rotate:3deg;transform-origin:center;z-index:1}
.sam-hero__image>.sam-browser{border-radius:24px 70px 24px 24px}
.sam-hero__image .sam-browser>img{aspect-ratio:1.33;object-fit:cover;object-position:top}
.sam-hero__secondary{position:absolute;width:52%;left:-8%;bottom:-12px;rotate:-7deg;z-index:2}
.sam-hero__secondary .sam-browser{border-radius:15px;box-shadow:0 20px 40px #1e042830}
.sam-hero__secondary .sam-browser>img{aspect-ratio:1.42;object-fit:cover;object-position:top}
.sam-hero__secondary .sam-browser__bar{height:19px;gap:4px;padding-inline:9px}.sam-hero__secondary .sam-browser__bar span{width:4px;height:4px}
.sam-hero__note{position:absolute;top:-12px;right:-4%;z-index:3;background:var(--opening-accent);border-radius:999px;padding:16px 22px;display:flex;align-items:center;gap:12px;font:550 13px/1.4 var(--font-display)!important;rotate:8deg;box-shadow:0 10px 30px #1e04280c;color:var(--purple-dark)}
.sam-hero__note i{font-size:21px!important}.sam-hero__portrait{display:block;width:100%;height:510px;object-fit:cover;object-position:center;border-radius:30px 100px 30px 30px}
.sam-hero--portrait .sam-hero__visual,.sam-hero--consultancy .sam-hero__visual{max-width:580px;margin-left:auto;width:100%}
.sam-hero--platform .sam-hero__image{rotate:-3deg}.sam-hero--platform .sam-hero__secondary{left:auto;right:-5%;rotate:7deg}.sam-hero--platform .sam-hero__note{right:auto;left:-2%;rotate:-7deg}
.sam-hero--index .sam-hero__grid{grid-template-columns:1.25fr 1fr}.sam-hero--index .sam-hero__image{rotate:0}
.sam-proof{display:flex;align-items:center;gap:16px;width:fit-content;max-width:100%;margin-top:38px;font:400 12px/1.5 var(--font-copy)!important;color:var(--purple-dark)}
.sam-proof__stars{color:#9c5300;font-size:17px!important;letter-spacing:1px!important}.sam-proof strong{font-weight:600!important}.sam-proof small{display:block;margin-top:3px;font-size:11px!important;color:var(--sjh-copy-ink)}
.sam-contact{background:var(--opening-accent)}
.sam-contact .sam-section-head{margin-bottom:0}.sam-contact .sam-actions{margin-top:40px}
.sam-page #main-content .studio-profile,.sam-page #main-content .studio-capabilities,.sam-page #main-content .studio-ethos,.sam-page #main-content .studio-local,.sam-page #main-content .studio-faqs,.sam-page #main-content .studio-software{padding:var(--sjh-section-space) 0!important;width:100%!important;max-width:none!important;margin:0!important;border-radius:0!important}
.sam-page #main-content .studio-profile{background:var(--grey);color:var(--purple-dark)}
.sam-page #main-content .studio-profile__content{margin-top:0;align-items:start}.sam-page .studio-profile__statement{position:sticky;top:140px}
.sam-page #main-content .studio-profile__copy p{font-size:var(--sjh-copy-size)!important;line-height:var(--sjh-copy-leading)!important}
.sam-page #main-content .studio-capabilities{background:var(--purple-dark);color:#fff;--sam-text:var(--sjh-copy-on-dark);--sam-outline:var(--opening-accent)}
.sam-page #main-content .studio-capabilities p{color:var(--sjh-copy-on-dark)}
.sam-page #main-content .studio-ethos{background:var(--grey);color:var(--purple-dark)}
.sam-page #main-content .studio-local{background:var(--opening-accent);color:var(--purple-dark)}
.sam-page #main-content .studio-faqs{background:var(--purple-dark);color:#fff;--sam-outline:var(--opening-accent)}
.sam-page #main-content .studio-faqs__answer p{color:#574260}.sam-page #main-content .studio-faqs__description{color:var(--sjh-copy-on-dark)}
.sam-page #main-content .studio-software{background:#fff;padding-block:54px!important;color:var(--purple-dark)}
@media(min-width:1500px){.sam-hero__secondary{bottom:-28px}.sam-hero__visual{padding-block:42px 65px}}
@media(max-width:1100px){.sam-page #main-content .sam-hero h1{font-size:clamp(52px,6vw,78px)!important}.sam-hero__note{font-size:12px!important;padding:13px 17px;right:-2%}.sam-hero__secondary{left:-3%;bottom:0}.sam-hero__portrait{height:450px}}
@media(max-width:820px){.sam-hero{padding-top:150px;padding-bottom:70px}.sam-hero__grid,.sam-hero--index .sam-hero__grid{grid-template-columns:1fr;gap:54px}.sam-page #main-content .sam-hero h1{max-width:15ch;font-size:clamp(52px,8vw,76px)!important}.sam-hero__visual{max-width:650px;width:90%;margin:0 auto!important}.sam-hero__image .sam-browser>img{aspect-ratio:1.7}.sam-hero__secondary{width:45%;left:-3%;bottom:-10px}.sam-hero__note{right:-5%;top:0}.sam-hero__portrait{height:450px}.sam-section-head{grid-template-columns:1fr;gap:26px}.sam-page .studio-profile__statement{position:static}.sam-section-head__copy{max-width:64ch}}
@media(max-width:600px){.sam-hero{padding-top:130px;padding-bottom:55px}.sam-page #main-content .sam-hero h1{font-size:clamp(43px,11.5vw,62px)!important;max-width:13ch;line-height:1.08!important;margin-bottom:25px}.sam-hero .sam-kicker{margin-bottom:24px}.sam-page #main-content .sam-hero__lead{font-size:16px!important;line-height:1.8!important}.sam-hero__grid{gap:38px}.sam-hero__visual{width:94%;padding:20px 7px 38px}.sam-hero__secondary{width:51%;left:-2%;bottom:0}.sam-hero__note{font-size:10px!important;padding:11px 14px;right:-1%;gap:8px;top:-1%}.sam-hero__note i{font-size:17px!important}.sam-hero__image>.sam-browser{border-radius:18px 48px 18px 18px}.sam-browser__bar{height:22px;gap:4px}.sam-browser__bar span{width:4px;height:4px}.sam-hero__portrait{height:340px;border-radius:24px 72px 24px 24px}.sam-proof{gap:13px;margin-top:30px}.sam-actions{gap:18px 22px;margin-top:28px}.sam-page #main-content .sam-kicker{font-size:12px!important}.sam-section-head{margin-bottom:36px}.sam-section-head__copy{font-size:16px!important}.sam-pills{gap:8px}.sam-pills li{padding:7px 11px;font-size:11px!important}.sam-contact .sam-actions{align-items:flex-start;flex-direction:column}.sam-text-link{max-width:100%;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.sam-text-link i{transition:none}}
@media(max-width:820px){.sam-page #main-content>.sam-hero{padding:150px 0 70px!important}}
@media(max-width:600px){.sam-page #main-content>.sam-hero{padding:130px 0 55px!important}}

/* New homepage material adopts the existing local/eco and software systems. */
.sam-home-pricing .studio-local__inner{align-items:center}
.sam-home-pricing__offers>li>div{min-width:0;flex:1}
.sam-home-pricing__offer{display:flex;align-items:center;gap:18px;color:var(--purple-dark);min-height:44px}
#main-content .sam-home-pricing__offer h3{margin:0!important;flex:1}
.sam-home-pricing__offer>i{font-size:18px!important}
.sam-home-price{font:650 clamp(26px,2.4vw,36px)/1.15 var(--font-display)!important;letter-spacing:-.045em!important;white-space:nowrap}
#main-content .sam-home-pricing .sam-home-pricing__basis{font-size:12px!important;margin:7px 0 10px!important;line-height:1.5!important}
#main-content .sam-home-pricing .sam-home-pricing__terms{font-size:13px!important;line-height:1.8!important;margin:28px 0 0!important}
#main-content .sam-home-pricing .studio-eco__benefits p:not(.sam-home-pricing__basis){font-size:15px!important;line-height:1.8!important;margin:0!important}
.studio-software--pro .studio-software__intro{max-width:300px}
#main-content .studio-software--pro .studio-software__description{font-size:14px!important;line-height:1.75!important;margin-top:12px;max-width:30ch}
.studio-software--pro .studio-software__more{font-size:12px!important;min-height:40px}
@media(max-width:600px){.sam-home-pricing__offer{gap:12px}.sam-home-price{font-size:28px!important}#main-content .sam-home-pricing__offer h3{font-size:19px!important}.sam-home-pricing .studio-eco__benefits li{gap:16px}.sam-home-pricing .studio-eco__benefits li>i{width:40px;height:40px;flex-basis:40px;font-size:20px!important}.studio-software--pro .studio-software__intro{max-width:none}}

/* Service details inherit the homepage's actual typography and section tokens. */
.sam-service .studio-profile__content{align-items:start;margin-top:0}
.sam-service .studio-profile__statement{position:sticky;top:140px}
.sam-service .sam-service-intro{background:var(--grey)}
.sam-service .sam-service-method{background:#fff}
#main-content .sam-service-method__lead{color:var(--sjh-copy-ink);max-width:36ch;margin:26px 0 0;font:400 var(--sjh-copy-size)/var(--sjh-copy-leading) var(--font-copy)!important}
.sam-service-list{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:14px}
.sam-service-list li{position:relative;padding-left:25px;line-height:1.7!important;color:var(--sjh-copy-ink)}
.sam-service-list li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--pink);position:absolute;left:0;top:.65em}
.sam-service-features .studio-capabilities__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 56px}
.sam-service-features .studio-capabilities__title{align-items:flex-start;gap:20px}
.sam-service-features .studio-capabilities__icon{flex-shrink:0}
#main-content .sam-service-features .studio-capabilities__title h3{color:#fff;font-size:clamp(22px,1.8vw,29px)!important;max-width:25ch;margin:4px 0 0}
.sam-service-method__steps{min-width:0;border-top:1px solid #1e042820}
.sam-service-detail{border-bottom:1px solid #1e042820;margin:0;padding:0}
.sam-service-detail summary{display:grid;grid-template-columns:32px minmax(0,1fr) 36px;align-items:start;gap:18px;list-style:none;cursor:pointer;padding:28px 0;color:var(--purple-dark)}
.sam-service-detail summary::-webkit-details-marker{display:none}
.sam-service-detail summary::marker{content:""}
.sam-service-detail__number{font:500 12px/1.5 var(--font-display)!important;color:#8e789a;padding-top:5px}
#main-content .sam-service-detail h3{font:650 clamp(22px,1.8vw,29px)/1.25 var(--font-display)!important;letter-spacing:-.035em!important;margin:0;color:var(--purple-dark)}
.sam-service-detail__toggle{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--opening-accent);font-size:15px!important;color:var(--purple-dark)}
.sam-service-detail[open] .sam-service-detail__toggle{background:var(--purple-dark);color:#fff}
.sam-service-detail[open] .sam-service-detail__toggle i{rotate:45deg}
.sam-service-detail__copy{padding:0 0 30px 50px}
#main-content .sam-service-detail__copy p{color:var(--sjh-copy-ink);font:400 var(--sjh-copy-size)/var(--sjh-copy-leading) var(--font-copy)!important;margin:0 0 18px}
#main-content .sam-service-detail__copy p:last-child{margin-bottom:0}
.sam-service-detail__copy a{color:var(--purple-dark);text-decoration:underline;text-underline-offset:.18em}
.sam-service-detail summary:focus-visible{outline:2px solid var(--purple-dark);outline-offset:4px}
.sam-service .sam-service-offer{background:var(--opening-accent)}
.sam-service-offer__card{background:#ffffffc9;border:1px solid #fff;border-radius:28px 95px 28px 28px;padding:clamp(28px,3.2vw,52px);box-shadow:0 12px 40px #1e042808;min-width:0}
#main-content .sam-service-offer__label{font:500 var(--sjh-label-size)/1.5 var(--font-display)!important;color:var(--sjh-copy-ink);margin:0 0 24px}
#main-content .sam-service-offer__price{font:650 clamp(44px,4.7vw,74px)/1.08 var(--font-display)!important;letter-spacing:-.055em!important;color:var(--purple-dark);margin:0 0 22px}
#main-content .sam-service-offer__details p{color:var(--sjh-copy-ink);font:400 14px/1.75 var(--font-copy)!important;margin:18px 0 0}
.sam-service-offer__details ul{padding:0;margin:0;list-style:none;display:grid;gap:12px}
.sam-service-offer__details li{color:var(--purple-dark);font:500 16px/1.6 var(--font-display)!important;padding-left:25px;position:relative}
.sam-service-offer__details li:before{content:"✓";font-family:var(--font-display)!important;color:#856196;position:absolute;left:0;top:0}
.sam-service .sam-service-price-options{background:var(--grey)}
#main-content .sam-service-price-options .sam-service-price__label{font:650 23px/1.3 var(--font-display)!important;margin:0 0 25px;letter-spacing:-.035em!important;color:var(--purple-dark)}
#main-content .sam-service-price-options .sam-service-price__value{font:650 clamp(44px,4.8vw,74px)/1.05 var(--font-display)!important;color:var(--purple-dark);letter-spacing:-.055em!important;margin:0 0 12px}
#main-content .sam-service-price-options .sl-price-note{font-size:14px!important;margin:0 0 18px}
#main-content .sam-service-price-options .studio-ethos__card>p:not(.sam-service-price__value):not(.sl-price-note){margin:0 0 24px}
.sam-service-price-options .studio-ethos__card>a{display:inline-flex;align-items:center;min-height:44px;margin-top:auto;text-decoration:underline;text-underline-offset:.2em;color:var(--purple-dark);font:550 var(--sjh-label-size)/1.5 var(--font-display)!important}
#main-content .sam-service-price-options .sl-small{color:var(--sjh-copy-ink);font:400 13px/1.75 var(--font-copy)!important;margin:26px 0 0;max-width:110ch}
.sam-service-projects{background:var(--opening-accent)}
.sam-service-projects__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}
.sam-service-project{min-width:0}
.sam-service-project__visual{display:flex;align-items:center;justify-content:center;position:relative;min-height:350px;padding:38px 28px;background:var(--project-colour,#dfd3eb);border-radius:28px 75px 28px 28px;overflow:hidden}
.sam-service-project__visual .sam-browser{width:95%;rotate:-3deg;box-shadow:0 18px 45px #1e04282b;transition:rotate .35s,translate .35s}
.sam-service-project:nth-child(even) .sam-service-project__visual .sam-browser{rotate:3deg}
.sam-service-project__visual .sam-browser img{width:100%;height:auto;display:block;aspect-ratio:1.7;object-fit:cover;object-position:top}
.sam-service-project__arrow{width:48px;height:48px;background:var(--purple-dark);border-radius:50%;position:absolute;bottom:22px;right:22px;display:grid;place-items:center;color:#fff;font-size:20px!important;box-shadow:0 8px 22px #1e04281a}
.sam-service-project__copy{padding:28px 8px 0}
#main-content .sam-service-project__copy h3{font:650 clamp(25px,2.3vw,36px)/1.2 var(--font-display)!important;color:var(--purple-dark);letter-spacing:-.045em!important;margin:0 0 14px}
#main-content .sam-service-project__copy p{color:var(--sjh-copy-ink);font:400 15px/1.8 var(--font-copy)!important;margin:10px 0}
#main-content .sam-service-project__copy .wd-project__line{color:var(--purple-dark);font-weight:550!important}
.sam-service-project__copy .sam-pills{margin-top:20px}
.sam-service-project__copy .sam-pills li{color:var(--purple-dark);border-color:#9b81ad66;font-size:12px!important}
.sam-service-tool-belt{background:var(--grey)}
.sam-service-tool-belt .studio-software__brand img{width:42px;height:42px}
.sam-service-tool-details{background:var(--grey);padding-top:0!important}
.sam-service-tool-details>.sam-wrap{display:grid;grid-template-columns:1fr 1fr;gap:var(--sjh-layout-gap)}
.sam-service-tool-details__intro{min-width:0}
#main-content .sam-service-tool-details__intro p{font:400 var(--sjh-copy-size)/var(--sjh-copy-leading) var(--font-copy)!important;color:var(--sjh-copy-ink);margin:0 0 18px}
#main-content .sam-service-tool-details__intro .sl-small{font-size:13px!important;border-top:1px solid #1e04281c;padding-top:20px;margin-top:24px}
.sam-tools-rows{border-top:1px solid #1e04281c}
.sam-tool-row{border-bottom:1px solid #1e04281c}
.sam-tool-row summary{cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;list-style:none;padding:19px 0;font:600 19px/1.4 var(--font-display)!important;color:var(--purple-dark);letter-spacing:-.025em!important}
.sam-tool-row summary::-webkit-details-marker{display:none}
.sam-tool-row summary::marker{content:""}
.sam-tool-row summary i{color:#856196;font-size:13px!important}
.sam-tool-row[open] summary i{rotate:45deg}
#main-content .sam-tool-row p{font:400 15px/1.8 var(--font-copy)!important;color:var(--sjh-copy-ink);margin:0 0 22px}
.sam-tool-row summary:focus-visible{outline:2px solid var(--purple-dark);outline-offset:4px}
.sam-service-faq{background:var(--purple-dark);color:#fff}
.sam-service-faq .studio-faqs__eyebrow{color:var(--opening-accent)}
.sam-service-nav{background:var(--grey)}
#main-content .sam-service-nav h2{font:650 clamp(28px,3vw,44px)/1.2 var(--font-display)!important;color:var(--purple-dark);letter-spacing:-.045em!important;margin:0 0 30px}
.sam-service-nav__links{display:flex;flex-wrap:wrap;gap:12px}
.sam-service-nav__links a{border:1px solid #d0bfdc;border-radius:999px;min-height:44px;padding:11px 18px;color:var(--purple-dark);font:500 14px/1.5 var(--font-display)!important;background:#ffffff75;display:inline-flex;align-items:center}
.sam-service-nav__links a:hover{background:var(--opening-accent)}
.sam-service-directory{background:var(--grey)}
.sam-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.sam-directory-card{background:#fff;border-radius:28px 65px 28px 28px;overflow:hidden;box-shadow:0 12px 35px #1e04280b;display:flex;flex-direction:column;min-width:0}
.sam-directory-card__visual{height:180px;overflow:hidden;background:var(--project-colour,#e4d7f1);position:relative;padding:25px 25px 0}
.sam-directory-card__visual>img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:10px 10px 0 0;rotate:-4deg;box-shadow:0 9px 30px #1e042820}
.sam-directory-card__icon{width:48px;height:48px;background:var(--opening-accent);border:4px solid #fff;display:grid;place-items:center;position:absolute;bottom:15px;left:22px;border-radius:50%;font-size:21px!important;color:var(--purple-dark)}
.sam-directory-card__copy{padding:28px;display:flex;flex-direction:column;flex:1}
#main-content .sam-directory-card h2{color:var(--purple-dark);font:650 clamp(24px,2vw,30px)/1.2 var(--font-display)!important;letter-spacing:-.04em!important;margin:0 0 18px}
#main-content .sam-directory-card p{color:var(--sjh-copy-ink);font:400 15px/1.8 var(--font-copy)!important;margin:0 0 25px}
.sam-directory-card__copy>.sam-text-link{margin-top:auto}
.sam-service--about .sam-service-projects{background:var(--opening-accent)}
#main-content :is(.sam-service-detail h3,.sam-service-offer__price,.sam-service-price__label,.sam-service-project__copy h3,.sam-directory-card h2){font-weight:var(--sjh-card-heading-weight)!important}
@media(hover:hover)and(pointer:fine)and(prefers-reduced-motion:no-preference){.sam-service-project__visual:hover .sam-browser{rotate:0deg;translate:0 -4px}}
@media(max-width:1100px){.sam-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sam-service-project__visual{min-height:280px;padding:30px 22px}}
@media(max-width:900px){.sam-service .studio-profile__statement{position:static}.sam-service-projects__grid{gap:26px}.sam-service-tool-details>.sam-wrap{grid-template-columns:1fr;gap:28px}.sam-service-detail__copy{padding-left:0}.sam-service-features .studio-capabilities__grid{gap:28px 32px}}
@media(max-width:700px){.sam-service-projects__grid,.sam-service-features .studio-capabilities__grid{grid-template-columns:1fr}.sam-service-project__visual{min-height:250px}.sam-directory-grid{grid-template-columns:1fr}.sam-directory-card__visual{height:210px}.sam-service-detail summary{grid-template-columns:24px minmax(0,1fr) 30px;gap:12px;padding:24px 0}.sam-service-detail__toggle{width:28px;height:28px}.sam-service-offer__card{padding:28px 24px;border-radius:24px 70px 24px 24px}.sam-service-project__copy{padding-top:24px}.sam-service-project__copy .sam-pills{gap:8px}.sam-service-nav__links a{font-size:13px!important;padding:10px 14px}}
@media(prefers-reduced-motion:reduce){.sam-service-project__visual .sam-browser{transition:none}}

/* Client-led editorial layouts built from the original homepage tokens. */
.sam-case-hero,.sam-work-hero{position:relative;isolation:isolate;overflow:clip;background:var(--grey);color:var(--purple-dark);padding:clamp(145px,12vw,190px) 0 clamp(64px,7vw,112px)}
.sam-case-hero>.studio-flow,.sam-work-hero>.studio-flow{opacity:.35;z-index:-1}
.sam-case-hero__top{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(48px,8vw,120px);align-items:end}
#main-content .sam-case-hero h1,#main-content .sam-work-hero h1{font:800 clamp(58px,6.4vw,112px)/1.04 var(--font-display)!important;font-weight:800!important;letter-spacing:-.07em!important;color:var(--purple-dark);margin:20px 0 0;text-wrap:balance;overflow-wrap:normal}
.sam-case-hero h1 .outline-text,.sam-work-hero h1 .outline-text{color:transparent;-webkit-text-stroke:1.35px var(--purple-dark)}
#main-content .sam-case-tagline{font:600 clamp(23px,2.1vw,32px)/1.3 var(--font-display)!important;letter-spacing:-.035em!important;margin:0 0 24px;color:var(--purple-dark);max-width:26ch}
#main-content .sam-case-summary{font:400 var(--sjh-copy-size)/var(--sjh-copy-leading) var(--font-copy)!important;color:var(--sjh-copy-ink);margin:0;max-width:56ch}
.sam-case-hero__intro .sam-actions{margin-top:28px;gap:18px 28px}
.sam-case-hero>.sam-wrap>.sam-pills{margin-top:36px}
.sam-case-showcase{position:relative;isolation:isolate;margin-top:54px;padding:64px clamp(40px,7vw,100px) 52px;background:var(--case-tint,#e4d7f1);border-radius:32px 120px 32px 32px;min-width:0}
.sam-case-showcase__glow{position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(ellipse at 30% 0%,#ffffffb3,transparent 65%);overflow:hidden}
.sam-case-showcase__desktop{width:88%;transform:rotate(-1.25deg);position:relative}
.sam-case-showcase .sam-browser{box-shadow:0 24px 66px #1e042825;border-color:#ffffffbf;border-radius:16px}
.sam-case-showcase__desktop img{aspect-ratio:1.82;object-fit:cover;object-position:top;width:100%;height:auto}
.sam-case-phone{padding:8px;background:var(--purple-dark);border:1px solid #ffffff7f;border-radius:30px;box-shadow:0 20px 55px #1e04282b;overflow:hidden;line-height:0!important}
.sam-case-phone img{width:100%;height:auto;display:block;border-radius:22px;object-fit:contain}
.sam-case-showcase__mobile{position:absolute;right:5%;bottom:5%;width:min(20%,240px);transform:rotate(5deg);z-index:1}
.sam-case-showcase__note{position:absolute;left:5%;bottom:24px;display:flex;align-items:center;gap:10px;font:550 12px/1.4 var(--font-display)!important;background:#fff;color:var(--purple-dark);padding:13px 18px;border-radius:999px;rotate:-4deg;box-shadow:0 6px 22px #1e042815}
.sam-case-showcase__note i{font-size:18px!important}
.sam-case-story{background:var(--grey)!important;overflow:visible!important}
.sam-case-story .studio-profile__content{margin-top:0;align-items:start;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}
.sam-case-story .studio-profile__statement{position:sticky;top:142px;align-self:start;padding-right:24px}
.sam-case-story__services{margin-top:32px;max-width:480px}
.sam-case-story__services .sam-pills{gap:10px}
.sam-case-story__services .sam-pills li{font-size:12px!important;background:#e4d7f14f}
#main-content .sam-case-copy p:first-child{font:500 clamp(20px,1.75vw,27px)/1.6 var(--font-display)!important;color:var(--purple-dark);letter-spacing:-.025em!important;margin-bottom:28px}
#main-content .sam-case-copy h3{font:650 clamp(23px,2vw,29px)/1.3 var(--font-display)!important;letter-spacing:-.035em!important;color:var(--purple-dark);margin:34px 0 18px}
#main-content .sam-case-copy p{margin-bottom:22px}
.sam-case-copy a{color:inherit;text-decoration:underline;text-underline-offset:.2em}
.sam-case-photography{background:var(--grey);padding-top:0!important}
.sam-case-photography__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3vw,44px)}
.sam-case-photography figure{margin:0;aspect-ratio:4/3;overflow:hidden;border-radius:28px 100px 28px 28px}
.sam-case-photography figure:nth-child(2){border-radius:100px 28px 28px 28px}
.sam-case-photography img{display:block;width:100%;height:100%;aspect-ratio:4/3!important;object-fit:cover}
.sam-case-details{position:relative;isolation:isolate;overflow:clip}
.sam-case-details>.studio-flow{z-index:-1}
.sam-case-details .studio-capabilities__grid{gap:44px 40px}
.sam-case-details__grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}
.sam-case-details .studio-capabilities__title{align-items:flex-start}
.sam-case-details .studio-capabilities__icon{flex:none}
#main-content .sam-case-details h3{font-size:clamp(23px,2vw,29px)!important;line-height:1.3!important;font-weight:650!important;letter-spacing:-.035em!important}
#main-content .sam-case-details .studio-capabilities__item p{color:var(--sjh-copy-on-dark);margin-top:20px}
.sam-case-details a{text-decoration:underline;text-underline-offset:.2em;color:inherit}
.sam-case-more{margin-top:24px;border-top:1px solid #e4d7f12e}
.sam-case-more summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;cursor:pointer;font:500 13px/1.6 var(--font-display)!important;color:var(--opening-accent);list-style:none}
.sam-case-more summary::-webkit-details-marker{display:none}
.sam-case-more summary i{flex:none;font-size:16px!important}
.sam-case-more[open] summary i{rotate:45deg}
.sam-case-more div{padding-bottom:8px}
#main-content .sam-case-more li{font:400 var(--sjh-copy-size)/var(--sjh-copy-leading) var(--font-copy)!important;color:var(--sjh-copy-on-dark)}
.sam-case-evidence{background:var(--grey);color:var(--purple-dark)}
.sam-case-evidence .cs-search__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:44px 0 28px}
.sam-case-evidence .cs-search__metrics>div{border-radius:28px 90px 28px 28px;background:#fff;padding:32px;min-width:0;border:1px solid #ffffff;box-shadow:0 8px 32px #1e04280a}
.sam-case-evidence dt{font:550 13px/1.5 var(--font-display)!important;color:var(--sjh-copy-ink);max-width:26ch}
.sam-case-evidence dd{font:650 clamp(36px,4.3vw,64px)/1.05 var(--font-display)!important;letter-spacing:-.055em!important;margin:24px 0 0;color:var(--purple-dark)}
.sam-case-evidence .cs-search__query{display:block;font:450 13px/1.6 var(--font-copy)!important;letter-spacing:0!important;color:var(--sjh-copy-ink);margin-top:16px}
#main-content .sam-case-evidence .cs-search__source{font:400 13px/1.8 var(--font-copy)!important;color:var(--sjh-copy-ink);margin:28px 0 0;max-width:110ch}
.sam-case-relationship .studio-local__inner{align-items:start}
.sam-case-relationship .studio-local__heading{position:sticky;top:142px}
.sam-case-relationship blockquote{margin:0 0 28px;padding:0 0 28px;border-bottom:1px solid #1e042829}
#main-content .sam-case-relationship blockquote p{font:500 clamp(21px,2vw,30px)/1.6 var(--font-display)!important;color:var(--purple-dark)}
.sam-case-relationship cite{font:450 13px/1.7 var(--font-copy)!important;font-style:normal;color:var(--sjh-copy-ink)}
.sam-case-gallery{background:#fff;color:var(--purple-dark)}
.sam-case-gallery__grid{display:grid;grid-template-columns:1fr 1fr;gap:44px 36px;align-items:start;margin-top:48px}
.sam-case-gallery figure{margin:0;min-width:0}
.sam-case-screen--featured{grid-column:1/-1}
.sam-case-gallery .sam-browser{box-shadow:0 16px 45px #1e04281a;border:1px solid #1e042814}
.sam-case-gallery .sam-browser img{display:block;width:100%;height:auto;object-fit:contain;aspect-ratio:auto}
.sam-case-screen--mobile{justify-self:center;width:min(100%,310px);margin-top:10px!important}
.sam-case-related{padding-block:32px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--purple-dark)}
.sam-case-related>span{font:550 13px/1.5 var(--font-display)!important;flex:none}
.sam-case-related>div{display:flex;flex-wrap:wrap;gap:12px 20px;justify-content:flex-end}
.sam-case-related a{font:500 13px/1.6 var(--font-display)!important;display:inline-flex;align-items:center;gap:12px;min-height:44px;text-decoration:underline;text-underline-offset:.2em}
.sam-case-next{position:relative;isolation:isolate;overflow:clip}
.sam-case-next>.studio-flow{z-index:-1}
.sam-case-next__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(48px,7vw,110px);align-items:center}
#main-content .sam-case-next h2{font:800 var(--sjh-heading-size)/1.1 var(--font-display)!important;letter-spacing:-.06em!important;color:#fff;margin:20px 0 28px}
.sam-case-next h2 a{display:inline-flex;gap:24px;align-items:center;max-width:100%}
.sam-case-next h2 .outline-text{color:transparent;-webkit-text-stroke:1.25px var(--opening-accent)}
.sam-case-next h2 a>i{font-size:30px!important;flex:none;color:var(--opening-accent)}
#main-content .sam-case-next p:not(.sam-kicker){color:var(--sjh-copy-on-dark);font:400 var(--sjh-copy-size)/var(--sjh-copy-leading) var(--font-copy)!important;margin-bottom:24px}
.sam-case-next__image{display:block;transform:rotate(2deg);border-radius:20px}
.sam-case-next__image .sam-browser{box-shadow:0 20px 55px #08020c44}
.sam-case-next__image img{aspect-ratio:1.7;object-fit:cover;object-position:top;width:100%;height:auto}
.sam-work-hero{padding-bottom:64px}
.sam-work-hero__grid{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(48px,8vw,120px);align-items:end}
.sam-work-hero__grid>div{padding-bottom:8px}
#main-content .sam-work-hero__grid p{font:400 clamp(17px,1.3vw,20px)/1.8 var(--font-copy)!important;color:var(--sjh-copy-ink);max-width:49ch;margin:0 0 30px}
.sam-work-hero .sam-pills{margin-top:40px}
.sam-work-grid-section{background:var(--grey);padding-top:0!important}
.sam-work-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px 36px}
.sam-work-card{min-width:0}
.sam-work-card__image{display:block;background:var(--case-tint,#e4d7f1);padding:40px 34px;border-radius:28px 90px 28px 28px;position:relative;isolation:isolate;overflow:hidden;aspect-ratio:1.45}
.sam-work-card__image:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 20% 0%,#ffffffaf,transparent 70%)}
.sam-work-card__image .sam-browser{rotate:-2deg;border-radius:10px;box-shadow:0 16px 38px #1e042823;transition:rotate .5s,translate .5s}
.sam-work-card:nth-child(even) .sam-work-card__image .sam-browser{rotate:2deg}
.sam-work-card__image img{aspect-ratio:1.65;object-fit:cover;object-position:top;width:100%;height:auto;display:block}
.sam-work-card__arrow{background:var(--purple-dark);color:#fff;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;position:absolute;right:22px;bottom:22px;font-size:20px!important}
.sam-work-card__copy{padding:25px 3px 0}
#main-content .sam-work-card .sam-kicker{font-size:12px!important;margin:0 0 12px;color:var(--sjh-copy-ink)}
#main-content .sam-work-card h2{font:700 clamp(28px,2.5vw,38px)/1.2 var(--font-display)!important;letter-spacing:-.045em!important;color:var(--purple-dark);margin:0 0 12px}
#main-content .sam-work-card__copy>p:not(.sam-kicker){font:400 var(--sjh-copy-size)/1.7 var(--font-copy)!important;color:var(--sjh-copy-ink);margin:0 0 20px}
.sam-work-card .sam-pills{gap:9px;margin:0}
.sam-work-card .sam-pills li{font-size:11px!important;background:#e4d7f14d;padding:6px 10px}
@media(hover:hover)and(pointer:fine)and(prefers-reduced-motion:no-preference){.sam-work-card__image:hover .sam-browser{rotate:0deg;translate:0 -4px}.sam-case-next__image:hover{transform:rotate(0deg)}}
@media(max-width:1100px){.sam-case-hero__top{grid-template-columns:1fr 1fr;gap:40px}.sam-case-showcase{padding:46px 48px}.sam-case-showcase__mobile{right:4%;width:21%}.sam-case-story .studio-profile__statement{padding-right:0}.sam-work-card__image{padding:28px 24px;aspect-ratio:1.4}}
@media(max-width:900px){.sam-case-hero__top,.sam-work-hero__grid{grid-template-columns:1fr;gap:36px}.sam-case-hero__intro{max-width:700px}.sam-case-showcase__note{font-size:11px!important}.sam-case-story .studio-profile__content{grid-template-columns:1fr;gap:36px}.sam-case-story .studio-profile__statement,.sam-case-relationship .studio-local__heading{position:static}.sam-case-story__services{max-width:none;margin-top:24px}.sam-case-next__grid{gap:44px}.sam-case-next h2 a{gap:16px}.sam-case-evidence .cs-search__metrics{gap:18px}.sam-case-evidence .cs-search__metrics>div{padding:26px 22px}.sam-case-related{flex-direction:column;align-items:flex-start;gap:12px}.sam-case-related>div{justify-content:flex-start}}
@media(max-width:760px){.sam-case-hero,.sam-work-hero{padding-top:134px}#main-content .sam-case-hero h1,#main-content .sam-work-hero h1{font-size:clamp(48px,12vw,76px)!important;line-height:1.06!important}.sam-case-hero__top{gap:28px}.sam-case-showcase{margin-top:40px;padding:32px 20px 56px;border-radius:24px 70px 24px 24px}.sam-case-showcase__desktop{width:88%}.sam-case-showcase__mobile{width:25%;right:4%;bottom:7%;padding:4px;border-radius:15px}.sam-case-showcase__mobile img{border-radius:11px}.sam-case-showcase__note{left:5%;bottom:14px;max-width:66%;padding:10px 12px;font-size:10px!important;rotate:-3deg}.sam-case-showcase__note i{font-size:15px!important}.sam-case-showcase .sam-browser{border-radius:8px}.sam-case-showcase .sam-browser__bar{height:20px}.sam-case-photography__grid{gap:20px}.sam-case-photography figure{border-radius:22px 65px 22px 22px}.sam-case-photography figure:nth-child(2){border-radius:65px 22px 22px 22px}.sam-case-details__grid--two{grid-template-columns:1fr}.sam-case-evidence .cs-search__metrics{grid-template-columns:1fr;gap:18px}.sam-case-evidence .cs-search__metrics>div{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:20px;border-radius:24px 65px 24px 24px}.sam-case-evidence dd{margin:0;font-size:44px!important}.sam-case-evidence .cs-search__query{font-size:12px!important;margin-top:12px}.sam-case-gallery__grid{gap:28px 20px;margin-top:36px}.sam-case-next__grid{grid-template-columns:1fr}.sam-case-next__image{max-width:650px}.sam-work-grid{gap:44px 24px}.sam-work-card__image{aspect-ratio:1.2;padding:30px 18px}.sam-work-card__arrow{width:36px;height:36px;font-size:16px!important;right:14px;bottom:14px}.sam-work-card__copy{padding-top:22px}#main-content .sam-work-card h2{font-size:28px!important}}
@media(max-width:600px){.sam-case-photography__grid{grid-template-columns:1fr}.sam-case-photography figure,.sam-case-photography figure:nth-child(2){border-radius:24px 70px 24px 24px}.sam-case-gallery__grid{grid-template-columns:1fr;gap:28px}.sam-case-screen--featured{grid-column:auto}.sam-case-screen--mobile{width:min(85%,290px);margin-top:0!important}.sam-case-phone{padding:7px;border-radius:28px}.sam-case-phone img{border-radius:20px}.sam-case-related>div{gap:8px 16px}.sam-work-grid{grid-template-columns:1fr;gap:42px}.sam-work-card__image{padding:34px 24px;aspect-ratio:1.4}.sam-work-card__copy{padding-top:22px}.sam-work-card__arrow{width:42px;height:42px;font-size:19px!important;right:18px;bottom:18px}.sam-case-next h2 a{align-items:flex-start}.sam-case-next h2 a>i{font-size:24px!important;margin-top:8px}.sam-case-hero>.sam-wrap>.sam-pills{margin-top:28px}.sam-case-tagline{max-width:none!important}}
@media(prefers-reduced-motion:reduce){.sam-work-card__image .sam-browser,.sam-case-next__image{transition:none}.sam-case-showcase__desktop,.sam-case-showcase__mobile,.sam-case-next__image{transform:none}}

/* Explicit overrides for the original site's !important section reset. */
.sam-page #main-content>.sam-hero{padding:clamp(64px,6vw,112px) 0 clamp(72px,6vw,112px)!important}
.sam-page #main-content>.sam-case-hero,.sam-page #main-content>.sam-work-hero{padding:clamp(64px,6vw,112px) 0 var(--sjh-section-space)!important}
.sam-page #main-content>.sam-case-photography,.sam-page #main-content>.sam-service-tool-details{padding-top:0!important}
.sam-hero .sam-actions{margin-top:26px}.sam-hero .sam-proof{margin-top:24px}
/* Long hero headings must not leave fully visible supporting copy waiting
   below the scroll observer's inset. Section entrances remain unchanged. */
.sam-page #main-content .sam-hero__lead{opacity:1!important;-webkit-mask-image:none!important;mask-image:none!important;translate:none!important}
.sam-hero>.studio-flow,.sam-case-hero>.studio-flow,.sam-work-hero>.studio-flow{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 100px,#000 calc(100% - 80px),transparent);mask-image:linear-gradient(to bottom,transparent,#000 100px,#000 calc(100% - 80px),transparent)}
@media(max-width:820px){.sam-page #main-content>.sam-hero{padding:64px 0 72px!important}.sam-page #main-content>.sam-case-hero,.sam-page #main-content>.sam-work-hero{padding-top:64px!important}}
@media(max-width:600px){.sam-page #main-content>.sam-hero{padding:36px 0 56px!important}.sam-page #main-content>.sam-case-hero,.sam-page #main-content>.sam-work-hero{padding-top:36px!important}}

/* Restore the original interior-page header/hero contract. The header stays
   over the same flowing canvas as the first section, with identical clearance. */
@media screen {
  .sam-page > .opening-header { position:absolute; inset:0 0 auto; }
  .sam-page #main-content > :is(.sam-hero,.sam-case-hero,.sam-work-hero) {
    padding-top:calc(var(--opening-header-height) + clamp(64px,6vw,112px))!important;
  }
  .sam-hero > .studio-flow,
  .sam-case-hero > .studio-flow,
  .sam-work-hero > .studio-flow {
    -webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 80px),transparent);
    mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 80px),transparent);
  }
}
/* Keep the established outlined type, with enough ink at smaller sizes. */
.sam-page #main-content .outline-text {
  -webkit-text-stroke-width:1.5px;
}
/* These two names are absent from the supplied kit CSS. Reuse its existing
   brain-circuit and bullhorn glyphs for AI and paid-media navigation. */
.fa-sparkles::before { content:"\e0c6"; }
.fa-mouse-pointer::before { content:"\f0a1"; }
/* The rental notice is a direct main section, outside .policy-copy. Give it
   the legal page's explicit foreground and the same responsive page gutter. */
.policy-page #main-content > .policy-section {
  box-sizing:border-box;
  width:100%!important;
  max-width:none!important;
  color:var(--purple-dark);
  background:var(--grey);
  padding:clamp(40px,4vw,64px) calc((100% - var(--opening-width))/2)!important;
  margin:0!important;
}
.policy-page #main-content > .policy-section p {
  color:var(--sjh-copy-ink);
  font:400 var(--sjh-copy-size)/var(--sjh-copy-leading) var(--font-copy);
  max-width:80ch;
  margin:0;
}
@media screen and (max-width:820px) {
  .sam-page #main-content > :is(.sam-hero,.sam-case-hero,.sam-work-hero) {
    padding-top:calc(var(--opening-header-height) + 64px)!important;
  }
}
@media screen and (max-width:600px) {
  .sam-page #main-content > :is(.sam-hero,.sam-case-hero,.sam-work-hero) {
    padding-top:calc(var(--opening-header-height) + 36px)!important;
  }
  .sam-page #main-content .studio-software h2 {
    font-size:clamp(28px,8vw,36px)!important;
    white-space:normal;
    overflow-wrap:normal;
    max-width:100%;
  }
}