/* Shared editorial service pages; all rules scoped to the three service routes. */
.service-refresh{--sr-bg:#fff;--sr-text:#151719;--sr-muted:#53585c;--sr-line:#d9dcde;background:#111315}
.service-refresh.sr-dark{--sr-bg:#111315;--sr-text:#f5f2ee;--sr-muted:#bdc1c3;--sr-line:#34383b}
.service-refresh main{background:var(--sr-bg);color:var(--sr-text)}
.service-refresh .sr-hero{background:#111315;color:#fff;padding:142px 0 58px}
.sr-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px}
.service-refresh .sr-hero h1{margin:0;color:#fff;font-family:var(--sans);font-size:clamp(2.7rem,4.65vw,4.35rem);font-weight:650;line-height:1.07;letter-spacing:-.05em;max-width:720px;overflow-wrap:normal;hyphens:none;text-wrap:balance}
.sr-hero-copy{color:#d2d4d5;font-size:1.12rem;line-height:1.6;margin:24px 0 30px;max-width:620px}
.sr-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px 26px}
.service-refresh .sr-button{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:13px 24px;background:#e88952;border:1px solid #e88952;color:#111315;font-size:1rem;line-height:1.3;font-weight:700;transition:background-color .16s ease,transform .16s ease-out}
.service-refresh .sr-button:hover{background:#f4a06e;border-color:#f4a06e;transform:translateY(-2px)}
.service-refresh .sr-button:active{transform:scale(.98)}
.service-refresh .sr-link{display:inline-block;color:inherit;font-size:.96rem;line-height:1.5;font-weight:650;text-decoration:underline;text-underline-offset:5px}
.service-refresh main a:focus-visible,.service-refresh main summary:focus-visible{outline:3px solid #a8461b;outline-offset:5px}
.service-refresh .sr-hero a:focus-visible,.service-refresh.sr-dark main a:focus-visible,.service-refresh.sr-dark main summary:focus-visible{outline-color:#f4a06e}
.sr-hero-media{margin:0;min-width:0}
.sr-hero-media img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.sr-hero-media figcaption{font-size:.72rem;color:#b7bbbd;line-height:1.45;margin:10px 0 0}
.sr-browser{padding:12px 10px 10px;background:#262b2e;border:1px solid #555d62;border-radius:12px 12px 3px 3px;box-shadow:0 22px 45px #0005}
.sr-browser::before{content:"";display:block;width:6px;height:6px;border-radius:50%;margin:0 0 12px 7px;background:#9ca3a7;box-shadow:12px 0 #9ca3a7,24px 0 #9ca3a7}
.sr-browser img{aspect-ratio:4/3;object-fit:contain;background:#eff1f1;border-radius:0}
.sr-benefits{background:#1b1e20;color:#f5f2ee;border-block:1px solid #34383b;padding:28px 0}
.sr-benefits .container{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.sr-benefit{display:flex;align-items:center;gap:16px;min-width:0}
.sr-benefit+.sr-benefit{border-left:1px solid #495054;padding-left:28px}
.sr-benefit svg{flex-shrink:0;width:34px;height:34px;stroke:#e88952;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}
.service-refresh .sr-benefit h2{font-family:var(--sans);font-size:1.07rem;line-height:1.35;letter-spacing:-.015em;font-weight:650;margin:0;color:#f5f2ee}
.sr-section{padding:76px 0;border-bottom:1px solid var(--sr-line);background:var(--sr-bg)}
.sr-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:34px}
.service-refresh .sr-section h2{color:var(--sr-text);font-family:var(--sans);font-size:clamp(2rem,3.15vw,2.9rem);line-height:1.12;letter-spacing:-.04em;font-weight:650;margin:0;text-wrap:balance;overflow-wrap:normal;hyphens:none}
.sr-intro{max-width:720px;color:var(--sr-muted);line-height:1.75;margin:20px 0 0}
.sr-heading>p{max-width:350px;color:var(--sr-muted);line-height:1.65;margin:0}
.sr-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.sr-projects figure{margin:0;min-width:0}
.sr-projects img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border:1px solid var(--sr-line);transition:opacity .2s ease}
.sr-projects a:hover img{opacity:.86}
.sr-projects figcaption{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:16px}
.service-refresh .sr-projects h3{font-size:1.2rem;font-weight:650;line-height:1.3;color:var(--sr-text);margin:0}
.sr-projects p{color:var(--sr-muted);margin:4px 0 0;font-size:.9rem}
.sr-projects .sr-link{white-space:nowrap}
.sr-offers{margin:34px 0 30px}
.sr-offer{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.5fr) auto;align-items:start;gap:30px;padding:26px 0;border-top:1px solid var(--sr-line)}
.sr-offer:last-child{border-bottom:1px solid var(--sr-line)}
.service-refresh .sr-offer h3{font-size:1.4rem;font-weight:650;line-height:1.3;margin:0;color:var(--sr-text);letter-spacing:-.02em}
.sr-offer p{margin:0;color:var(--sr-muted);line-height:1.7}
.sr-offer .sr-link{align-self:center;white-space:nowrap}
.sr-note{margin:30px 0 0;padding:22px 26px;background:#f0f1f2;border-left:3px solid #b54e20;color:#42484d;line-height:1.75}
.sr-note h3{font-size:1.15rem;color:#151719;margin:0 0 9px;line-height:1.4}
.sr-note p{margin:0}
.sr-note p+p{margin-top:12px}
.sr-note a{font-weight:600;color:#923c17;text-decoration:underline;text-underline-offset:4px}
.sr-dark .sr-note{background:#1b1e20;color:#c8ccce;border-color:#e88952}
.sr-dark .sr-note h3{color:#f5f2ee}
.sr-dark .sr-note a{color:#f4a06e}
.sr-process{background:#ecedef}
.sr-dark .sr-process{background:#171a1c}
.sr-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin:34px 0 0;padding:0;list-style:none;counter-reset:sr-step}
.sr-steps li{min-width:0;counter-increment:sr-step}
.sr-steps li+li{padding-left:28px;border-left:1px solid var(--sr-line)}
.sr-steps li::before{content:"0" counter(sr-step);display:block;margin-bottom:12px;color:#a8461b;font-size:2.1rem;font-weight:650;line-height:1}
.sr-dark .sr-steps li::before{color:#e88952}
.sr-steps h3{font-size:1.13rem;line-height:1.4;margin:0 0 10px;font-weight:650;color:var(--sr-text)}
.sr-steps p{margin:0;color:var(--sr-muted);font-size:.97rem;line-height:1.7}
.sr-faq{margin:30px 0 0;border-top:1px solid var(--sr-line)}
.sr-faq details{border-bottom:1px solid var(--sr-line)}
.sr-faq summary,.sr-package summary{position:relative;padding:22px 45px 22px 0;cursor:pointer;list-style:none;line-height:1.45;font-weight:650;color:var(--sr-text)}
.sr-faq summary::-webkit-details-marker,.sr-package summary::-webkit-details-marker{display:none}
.sr-faq summary::after,.sr-package summary::after{content:"+";position:absolute;right:10px;top:18px;font-size:1.5rem;font-weight:400;color:#a8461b}
.sr-faq details[open] summary::after,.sr-package[open] summary::after{content:"\2212"}
.sr-dark .sr-faq summary::after,.sr-dark .sr-package summary::after{color:#e88952}
.sr-faq details>p{max-width:880px;color:var(--sr-muted);line-height:1.75;margin:0;padding:0 36px 24px 0}
.sr-compare{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:36px 0}
.sr-compare article+article{padding-left:30px;border-left:1px solid var(--sr-line)}
.sr-compare h3{color:#e88952;font-size:1.4rem;line-height:1.25;margin:0 0 14px}
.sr-compare strong{display:block;color:#f5f2ee;font-size:1.2rem;font-weight:600;line-height:1.4;margin-bottom:14px}
.sr-compare p{color:var(--sr-muted);line-height:1.75;margin:0 0 16px}
.sr-package-list{border-top:1px solid var(--sr-line);margin-top:34px}
.sr-package{border-bottom:1px solid var(--sr-line)}
.sr-package summary{font-size:1.1rem}
.sr-package-body{padding:0 0 28px;max-width:920px}
.sr-package-body p{margin:16px 0 0;color:var(--sr-muted);line-height:1.75}
.sr-package-body .sr-link{margin-top:18px}
.service-refresh .sr-package-body ul{margin:0;padding-left:22px;list-style:disc;background:transparent;border:0;box-shadow:none;backdrop-filter:none}
.service-refresh .sr-package-body li{padding:9px 0 9px 4px;color:var(--sr-muted);line-height:1.7;border:0}
.sr-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:55px}
.sr-split>div{min-width:0}
.sr-split p{color:var(--sr-muted);line-height:1.75;margin:20px 0 25px}
.sr-platforms{display:flex;gap:15px;flex-wrap:wrap;padding:38px;background:#1b1e20;border:1px solid #34383b;justify-content:center}
.sr-platforms span{display:grid;place-items:center;min-height:78px;padding:18px 20px;font-size:1.2rem;line-height:1.25;font-weight:650;color:#f5f2ee;border-bottom:2px solid #e88952}
.sr-related{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-top:24px;margin-top:30px;border-top:1px solid var(--sr-line)}
.sr-related p{max-width:720px;margin:0;color:var(--sr-muted);line-height:1.75}
.sr-related a{color:inherit;text-decoration:underline;text-underline-offset:4px;font-weight:600}
.sr-contact{padding:48px 0;background:#e88952;color:#111315}
.sr-contact .container{display:flex;align-items:center;justify-content:space-between;gap:40px}
.service-refresh .sr-contact h2{color:#111315;font-family:var(--sans);font-size:clamp(2rem,3vw,2.8rem);font-weight:650;line-height:1.14;letter-spacing:-.04em;max-width:850px;margin:0 0 12px}
.sr-contact p{margin:0;color:#29201c;line-height:1.65}
.sr-contact .sr-button{flex-shrink:0;background:#111315;border-color:#111315;color:#fff}
.sr-contact .sr-button:hover{background:#2a2e31;border-color:#2a2e31}
.service-refresh .site-footer{background:#0d0f11}
@media(max-width:1000px){.sr-hero-grid{gap:30px}.sr-offer{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}.sr-offer .sr-link{grid-column:2}.sr-heading{align-items:flex-start;flex-direction:column}.sr-heading>p{max-width:650px}.sr-contact .container{align-items:flex-start;flex-direction:column}}
@media(max-width:800px){.service-refresh .sr-hero{padding:128px 0 45px}.sr-hero-grid{grid-template-columns:1fr;gap:35px}.service-refresh .sr-hero h1{font-size:clamp(2.7rem,7vw,4.4rem);max-width:740px}.sr-hero-media{max-width:640px}.sr-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.sr-steps li:nth-child(3){padding-left:0;border-left:0}.sr-split{grid-template-columns:1fr;gap:32px}.sr-related{flex-direction:column}.sr-benefits .container{gap:18px}.sr-benefit{gap:12px;flex-direction:column;align-items:flex-start}.sr-benefit+.sr-benefit{padding-left:18px}}
@media(max-width:600px){.service-refresh .sr-hero{padding:112px 0 35px}.service-refresh .sr-hero h1{font-size:clamp(2.45rem,10vw,3.5rem);line-height:1.09}.sr-hero-copy{font-size:1.04rem;margin:22px 0 26px}.sr-hero-media figcaption{font-size:.7rem}.sr-section{padding:50px 0}.sr-benefits{padding:26px 0}.sr-benefits .container{grid-template-columns:1fr;gap:18px}.sr-benefit{flex-direction:row;align-items:center}.sr-benefit+.sr-benefit{border-left:0;border-top:1px solid #495054;padding:18px 0 0}.sr-projects{grid-template-columns:1fr;gap:32px}.sr-projects figcaption{gap:12px}.sr-projects .sr-link{font-size:.88rem}.sr-offer{grid-template-columns:1fr;gap:13px;padding:24px 0}.sr-offer .sr-link{grid-column:auto}.sr-offer h3{font-size:1.3rem}.sr-steps{gap:28px 20px}.sr-steps li+li{padding-left:20px}.sr-steps h3{font-size:1.05rem}.sr-note{padding:20px}.sr-faq details>p{padding-right:8px}.sr-compare{grid-template-columns:1fr;gap:25px}.sr-compare article+article{border-left:0;border-top:1px solid var(--sr-line);padding:25px 0 0}.sr-compare h3{margin-bottom:10px}.sr-compare strong{font-size:1.12rem}.sr-platforms{padding:20px;gap:8px}.sr-platforms span{min-height:65px;padding:12px 13px;font-size:1rem}.sr-contact{padding:40px 0}.sr-contact .sr-button{width:100%}.sr-related .sr-link{font-size:.95rem}}
@media(max-width:380px){.sr-steps{grid-template-columns:1fr;gap:22px}.sr-steps li+li,.sr-steps li:nth-child(3){padding:22px 0 0;border-left:0;border-top:1px solid var(--sr-line)}}
@media(prefers-reduced-motion:reduce){.service-refresh .sr-button,.sr-projects img{transition:none}.service-refresh .sr-button:hover{transform:none}}

/* Original background motifs across all three service pages. */
.service-refresh.sr-background{--sr-bg:transparent;--sr-text:#f5f2ee;--sr-muted:#d0d2d3;--sr-line:rgba(255,255,255,.2)}
.sr-background>.sr-backdrop{position:fixed;inset:0;z-index:0;pointer-events:none;background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(5px) brightness(.45);transform:scale(1.025)}
.sr-background.webdesign-page>.sr-backdrop{background-image:linear-gradient(rgba(29,29,31,.46),rgba(29,29,31,.46)),url('../bild-webdesign.png')}
.sr-background.printdesign-page>.sr-backdrop{background-image:linear-gradient(rgba(29,29,31,.46),rgba(29,29,31,.46)),url('../logo-design-hover.png')}
.sr-background.social-media-page>.sr-backdrop{background-image:linear-gradient(rgba(29,29,31,.46),rgba(29,29,31,.46)),url('../kamera-hover.png')}
.service-refresh.sr-background>main,.service-refresh.sr-background>.site-footer{position:relative;z-index:1}
.service-refresh.sr-background main,.service-refresh.sr-background .sr-hero,.sr-background .sr-section{background:transparent}
.sr-background .sr-benefits,.sr-background .sr-process{background:rgba(13,15,17,.28)}
.sr-background .sr-note,.sr-background .sr-platforms{background:rgba(20,23,25,.86);color:#d0d2d3;border-color:#e88952}
.sr-background .sr-note h3{color:#f5f2ee}
.sr-background .sr-note a{color:#f4a06e}
.sr-background .sr-steps li::before,.sr-background .sr-faq summary::after,.sr-background .sr-package summary::after{color:#e88952}
.service-refresh.sr-background main a:focus-visible,.service-refresh.sr-background main summary:focus-visible{outline-color:#f4a06e}
.service-refresh.sr-background .site-footer{background:rgba(10,12,14,.86)}