/* IT Solutions Group — shared visual rhythm, scale and surface system. */
:root{
 --brand-petrol:#123e46;--brand-green:#247f6a;--brand-sage:#b9cbaa;
 --surface-ivory:#f6f3ee;--surface-mist:#eef3ef;--surface-sage:#e4ebdf;
 --text-body:#496269;--rule:#d8e2dc;--card-radius:22px;--field-radius:14px;
 --section-space:clamp(48px,5vw,76px);--stack-space:24px;
}
body.design-refined{color:var(--brand-petrol);text-rendering:optimizeLegibility}
body.design-refined #main-content h1{
 font-size:clamp(36px,3.7vw,56px)!important;line-height:1.12!important;letter-spacing:-.04em!important;
 font-weight:700;max-width:24ch;
}
body.design-refined #main-content h2{
 font-size:clamp(29px,2.65vw,40px)!important;line-height:1.18!important;letter-spacing:-.035em!important;
}
body.design-refined #main-content h3{line-height:1.24!important;letter-spacing:-.02em}
body.design-refined #main-content p{line-height:1.65}
body.design-refined #main-content .eyebrow{font-size:11px!important;font-weight:700;letter-spacing:.15em;line-height:1.5!important}
body.design-refined #main-content :is(.button,.plain-link,.shared-contact-button,.inspiration-duo-button,.software-project-all,.web-project-link,.concept-card-link){
 font-size:14px!important;line-height:1.4!important;min-height:44px;max-width:100%;
}
body.design-refined #main-content :is(.button,.shared-contact-button,.inspiration-duo-button,.software-project-all){padding:13px 24px!important;border-radius:999px!important;box-shadow:none}
body.design-refined #main-content :is(.section-head,.sw-section-heading,.area-section-heading,.web-project-heading,.software-project-heading,.webshop-cases-heading,.project-ideas-heading,.home-expertise-heading,.home-contact-heading,.home-faq-two>header,.unified-heading){
 margin-bottom:36px!important;max-width:850px;margin-inline:auto;
}
body.design-refined #main-content :is(.section-head,.sw-section-heading,.area-section-heading,.web-project-heading,.software-project-heading,.webshop-cases-heading,.project-ideas-heading,.unified-heading)>p{max-width:66ch;margin-inline:auto;font-size:16px!important}
body.design-refined #main-content :is(.section-head,.sw-section-heading,.area-section-heading,.web-project-heading,.software-project-heading,.webshop-cases-heading,.project-ideas-heading,.home-contact-heading,.unified-heading) h2{margin-top:18px!important;margin-bottom:22px!important}
body.design-refined #main-content :is(.showcase-description,.showcase-detail){font-size:17px!important;line-height:1.6!important}
body.design-refined #main-content .showcase-hero{min-height:600px;height:min(760px,calc(100svh - 70px))}
body.design-refined #main-content .showcase-title{font-size:clamp(40px,4vw,60px)!important;line-height:1.08!important;max-width:15ch;margin-top:24px!important;margin-bottom:28px!important}
body.design-refined #main-content .showcase-kicker{font-size:15px!important;letter-spacing:.03em;margin-bottom:0!important}
body.design-refined #main-content .showcase-content{max-width:1280px;margin-inline:auto;padding-inline:clamp(24px,5vw,80px)}
body.design-refined #main-content .showcase-description{max-width:52ch}
body.design-refined #main-content .showcase-detail{margin-top:26px!important;margin-bottom:28px!important;font-size:15px!important}
body.design-refined #main-content .showcase-tabs button{font-size:14px!important;min-height:50px!important;padding:13px 20px!important;border-radius:20px!important}
body.design-refined #main-content .showcase-tabs{gap:14px!important}
body.design-refined #main-content :is(.software-centered-hero,.about-panorama,.inspiration-duo,.approach-panorama,.projects-coast){background:var(--surface-ivory)}
body.design-refined #main-content :is(.software-centered-hero,.about-panorama,.inspiration-duo,.approach-panorama,.projects-coast) h1{margin:20px auto 26px!important}
body.design-refined #main-content :is(.software-centered-hero,.about-panorama,.inspiration-duo,.approach-panorama,.projects-coast) p{font-size:17px!important;line-height:1.65!important;max-width:68ch;margin:0 auto 30px!important}
body.design-refined #main-content :is(.about-panorama-copy,.inspiration-duo-copy,.approach-panorama-copy){padding:48px 24px 38px!important}
body.design-refined #main-content :is(.about-panorama-copy,.inspiration-duo-copy,.approach-panorama-copy) .button{margin-top:4px!important}
body.design-refined #main-content .software-centered-hero{padding-top:34px!important;padding-bottom:44px!important}
body.design-refined #main-content .software-centered-hero .work-hero-copy{padding:28px 24px 30px!important}
body.design-refined #main-content .software-centered-hero img{height:220px!important;object-fit:cover;object-position:50% 55%;border-radius:22px!important}
body.design-refined #main-content :is(.about-panorama figure img,.inspiration-duo>img,.projects-coast>img){height:240px;min-height:0;width:100%;object-fit:cover}
body.design-refined #main-content .about-panorama figure{max-width:1280px;margin:0 auto 40px;padding:0 24px}
body.design-refined #main-content .about-panorama figure img{border-radius:22px}
body.design-refined #main-content .inspiration-duo>img{object-position:center 57%;clip-path:ellipse(77% 95% at 50% 95%)}
body.design-refined #main-content .projects-coast>img{object-position:center 56%;clip-path:polygon(0 8%,20% 0,42% 13%,64% 9%,83% 0,100% 5%,100% 100%,0 100%)}
body.design-refined #main-content .approach-panorama-photo{height:auto;max-height:280px;margin-top:0}
body.design-refined #main-content :is(.websites-coastal-hero,.webshop-panorama,.marketing-panorama){min-height:490px!important}
body.design-refined #main-content .websites-coastal-hero{padding-top:72px!important;padding-bottom:65px!important}
body.design-refined #main-content .websites-coastal-hero h1{max-width:19ch}
body.design-refined #main-content :is(.service-content,.approach-content){min-width:0}
body.design-refined #main-content :is(.work-area-section,.project-examples,.method-reference,.home-expertise,.home-faq-two,.software-services,.area-services,.software-project-preview,.websites-project-gallery,.webshop-cases,.about-competencies,.about-team,.idea-reference,.unified-approach){
 padding-top:var(--section-space)!important;padding-bottom:var(--section-space)!important;
}
body.design-refined #main-content :is(.sw-tablist,.area-service-tabs,.home-expertise-tabs,.about-competence-tabs,.about-team-tabs,.idea-area-buttons,.unified-tabs){gap:10px!important;margin-bottom:30px!important}
body.design-refined #main-content :is(.sw-tablist,.area-service-tabs,.home-expertise-tabs,.about-competence-tabs,.about-team-tabs,.idea-area-buttons,.unified-tabs) button{
 font-size:13px!important;min-height:46px!important;padding:10px 16px!important;line-height:1.4!important;box-shadow:none;
}
body.design-refined #main-content #ydelser :is(.sw-tablist,.area-service-tabs) button{border-radius:var(--field-radius)!important}
body.design-refined #main-content #ydelser :is(.sw-panel,.area-service-panel):not([hidden]),
body.design-refined #main-content :is(.home-expertise-panel,.about-competence-panel,.about-team-panel):not([hidden]){
 min-height:350px!important;border-radius:var(--card-radius)!important;
}
body.design-refined #main-content #ydelser :is(.sw-panel-copy,.area-service-copy),
body.design-refined #main-content :is(.home-expertise-copy,.about-competence-copy,.about-team-copy){padding:38px!important}
body.design-refined #main-content #ydelser :is(.sw-panel-copy,.area-service-copy) h3,
body.design-refined #main-content :is(.home-expertise-copy,.about-competence-copy,.about-team-copy) h3{font-size:clamp(25px,2.3vw,33px)!important;margin:0 0 26px!important;white-space:normal!important}
body.design-refined #main-content #ydelser :is(.sw-panel-copy,.area-service-copy) p,
body.design-refined #main-content :is(.home-expertise-copy,.about-competence-copy,.about-team-copy) p{font-size:16px!important;line-height:1.65!important;margin-bottom:24px!important}
body.design-refined #main-content #ydelser .area-service-copy h4{font-size:14px!important;line-height:1.4!important;margin:26px 0 10px!important}
body.design-refined #main-content #ydelser .area-service-copy h4+p{margin-top:0!important}
body.design-refined #main-content #ydelser .area-service-copy small{display:block;font-size:12px!important;margin:22px 0 26px!important}
body.design-refined #main-content #ydelser .area-service-panel figure{min-height:350px}
body.design-refined #main-content #ydelser .area-service-copy :is(.button,.plain-link){margin-top:8px!important}
body.design-refined #main-content #metode .method-reference-panel{min-height:330px;border-radius:22px;gap:0}
body.design-refined #main-content #metode .method-reference-panel>div{padding:38px}
body.design-refined #main-content #metode .method-reference-panel h3{font-size:29px;margin-bottom:22px}
body.design-refined #main-content #metode .method-reference-panel p{font-size:16px;line-height:1.65}
body.design-refined #main-content #metode #method-panel-0 figure{grid-column:2;width:100%;border-radius:38% 0 0 0 / 95% 0 0 0}
body.design-refined #main-content .home-about-panorama-copy{padding:48px 24px 36px!important}
body.design-refined #main-content .home-about-panorama-copy p{font-size:16px;max-width:62ch;margin:22px auto 28px!important}
body.design-refined #main-content .home-about-panorama img{height:250px;min-height:0;object-fit:cover;object-position:center 58%;clip-path:ellipse(75% 100% at 50% 100%)}
body.design-refined #main-content :is(.concept-card,.webshop-cases-grid article){border-radius:22px!important;box-shadow:0 10px 28px -18px #123e463d}
body.design-refined #main-content :is(.concept-card-copy,.web-project-copy,.webshop-cases-grid article>div){padding:26px!important}
body.design-refined #main-content :is(.concept-card-copy,.web-project-copy,.webshop-cases-grid article>div) h3{font-size:24px!important;line-height:1.25!important;margin-bottom:18px!important}
body.design-refined #main-content :is(.concept-card-copy,.web-project-copy,.webshop-cases-grid article>div) p{font-size:15px!important;line-height:1.65!important;margin-bottom:24px!important}
body.design-refined #main-content :is(.webshop-cases-grid,.concept-grid){gap:24px!important}
body.design-refined #main-content .webshop-cases-grid article{flex-basis:41%!important}
body.design-refined #main-content .webshop-cases-grid img{aspect-ratio:1.6;object-fit:cover}
body.design-refined #main-content :is(.software-project-footer,.web-project-footer,.webshop-cases-footer){margin-top:32px!important;gap:24px}
body.design-refined #main-content :is(.software-project-footer,.web-project-footer,.webshop-cases-footer) p{font-size:12px!important;margin-top:22px!important}
body.design-refined #main-content #projektideer .idea-showcase:not([hidden]){border-radius:26px!important;background:var(--surface-sage)}
body.design-refined #main-content #projektideer .idea-showcase :is(h3){font-size:28px!important;margin-bottom:22px!important}
body.design-refined #main-content #projektideer .idea-showcase p{font-size:16px!important;line-height:1.65!important}
body.design-refined #main-content .unified-feature{min-height:370px}
body.design-refined #main-content .unified-copy h3{font-size:32px!important;margin-bottom:24px}
body.design-refined #main-content .unified-copy p{font-size:16px!important;line-height:1.65!important}
body.design-refined #main-content .unified-copy{padding-top:35px;padding-bottom:35px}
body.design-refined #main-content .home-faq-items summary{font-size:19px!important;line-height:1.4!important;padding:20px 24px}
body.design-refined #main-content .home-faq-items p{font-size:16px!important;line-height:1.65!important;padding:0 24px 24px}
body.design-refined #main-content .home-faq-items details{border-radius:14px}
body.design-refined #main-content .shared-contact{min-height:620px;margin-top:36px!important}
body.design-refined #main-content .shared-contact-visual,
body.design-refined #main-content .shared-contact-mask{min-height:620px}
body.design-refined #main-content .shared-contact-copy{padding-top:48px;padding-bottom:48px}
body.design-refined #main-content .shared-contact-copy h2{font-size:clamp(30px,2.7vw,40px)!important;margin-bottom:26px!important}
body.design-refined #main-content .shared-contact-copy>p{font-size:16px!important;line-height:1.65!important;margin-bottom:30px!important;max-width:44ch}
body.design-refined #main-content .shared-contact-links{gap:24px;margin-top:32px}
body.design-refined #main-content .shared-contact-links strong{font-size:13px}
body.design-refined #main-content .shared-contact-links a span span{font-size:15px}
body.design-refined #main-content .home-contact-panorama{padding-top:60px;padding-bottom:48px}
body.design-refined #main-content .home-contact-scene{max-height:340px;overflow:hidden}
body.design-refined #main-content .home-contact-scene svg{max-height:340px}
body.design-refined #main-content .home-contact-action{margin-top:28px}
body.design-refined .footer-wave{padding-top:160px!important;padding-bottom:26px!important}
body.design-refined .footer-wave-edge{height:105px}
body.design-refined .footer-wave-main{max-width:1280px;gap:32px!important}
body.design-refined .footer-wave-brand>a{font-size:28px}
body.design-refined .footer-wave-brand p{font-size:14px}
body.design-refined .footer-wave h2{font-size:17px}
body.design-refined .footer-wave nav a,body.design-refined .footer-wave-contact>a{font-size:14px;min-height:34px}
body.design-refined .footer-wave-bottom{max-width:1280px;margin-top:48px;padding-top:24px}
@media(min-width:1000px){
 body.design-refined #main-content :is(.work-area-section,.project-examples,.method-reference,.home-expertise,.home-faq-two){max-width:1280px;margin-inline:auto}
 body.design-refined #main-content .home-faq-two{padding-inline:30px}
 body.design-refined #main-content .work-area-section{padding-inline:32px}
}
@media(max-width:760px){
 body.design-refined #main-content h1{font-size:clamp(30px,8vw,38px)!important;line-height:1.14!important}
 body.design-refined #main-content h2{font-size:clamp(26px,6.8vw,32px)!important}
 body.design-refined #main-content :is(.showcase-description,.showcase-detail){font-size:16px!important}
 body.design-refined #main-content .showcase-hero{min-height:690px;height:auto}
 body.design-refined #main-content .showcase-title{font-size:36px!important}
 body.design-refined #main-content .showcase-content{padding-inline:24px!important}
 body.design-refined #main-content .showcase-tabs button{min-height:46px!important;font-size:12px!important;padding:10px 12px!important;border-radius:14px!important}
 body.design-refined #main-content :is(.about-panorama-copy,.inspiration-duo-copy,.approach-panorama-copy){padding:36px 22px 30px!important}
 body.design-refined #main-content :is(.about-panorama figure img,.inspiration-duo>img,.projects-coast>img){height:180px}
 body.design-refined #main-content .about-panorama figure{padding:0 18px;margin-bottom:30px}
 body.design-refined #main-content .software-centered-hero img{height:175px!important}
 body.design-refined #main-content :is(.software-centered-hero,.about-panorama,.inspiration-duo,.approach-panorama,.projects-coast) p{font-size:16px!important;margin-bottom:28px!important}
 body.design-refined #main-content :is(.websites-coastal-hero,.webshop-panorama,.marketing-panorama){min-height:440px!important}
 body.design-refined #main-content :is(.section-head,.sw-section-heading,.area-section-heading,.web-project-heading,.software-project-heading,.webshop-cases-heading,.project-ideas-heading,.home-expertise-heading,.unified-heading){margin-bottom:28px!important}
 body.design-refined #main-content #ydelser :is(.sw-tablist,.area-service-tabs) button{min-height:52px!important;padding:10px 9px!important;font-size:12px!important}
 body.design-refined #main-content #ydelser :is(.sw-panel-copy,.area-service-copy),body.design-refined #main-content :is(.home-expertise-copy,.about-competence-copy,.about-team-copy){padding:28px 24px!important}
 body.design-refined #main-content #ydelser :is(.sw-panel-copy,.area-service-copy) h3,body.design-refined #main-content :is(.home-expertise-copy,.about-competence-copy,.about-team-copy) h3{font-size:26px!important}
 body.design-refined #main-content #ydelser :is(.sw-panel,.area-service-panel):not([hidden]),body.design-refined #main-content :is(.home-expertise-panel,.about-competence-panel,.about-team-panel):not([hidden]){min-height:0!important}
 body.design-refined #main-content #ydelser .area-service-panel figure{min-height:0}
 body.design-refined #main-content #metode .method-reference-panel{min-height:0}
 body.design-refined #main-content #metode .method-reference-panel>div{padding:28px 24px}
 body.design-refined #main-content #metode #method-panel-0 figure{grid-column:1;width:100%;border-radius:0}
 body.design-refined #main-content .home-about-panorama img{height:180px}
 body.design-refined #main-content .webshop-cases-grid article{flex-basis:87%!important}
 body.design-refined #main-content :is(.concept-card-copy,.web-project-copy,.webshop-cases-grid article>div){padding:24px!important}
 body.design-refined #main-content :is(.concept-card-copy,.web-project-copy,.webshop-cases-grid article>div) h3{font-size:22px!important}
 body.design-refined #main-content .unified-feature{min-height:0}
 body.design-refined #main-content .unified-copy h3{font-size:27px!important}
 body.design-refined #main-content .shared-contact{min-height:0;margin-top:20px!important}
 body.design-refined #main-content .shared-contact-copy{padding:36px 24px 30px}
 body.design-refined #main-content .shared-contact-copy h2{font-size:29px!important}
 body.design-refined #main-content .shared-contact-visual{min-height:0}
 body.design-refined #main-content .shared-contact-links a span span{font-size:clamp(12px,3.5vw,15px)}
 body.design-refined #main-content .home-faq-items summary{font-size:17px!important;padding:18px 20px}
 body.design-refined #main-content .home-faq-items p{padding:0 20px 22px}
 body.design-refined .footer-wave{padding-top:100px!important}
 body.design-refined .footer-wave-edge{height:65px}
 body.design-refined .footer-wave-brand>a{font-size:25px}
 body.design-refined .footer-wave-main{gap:28px 22px!important}
}
/* Final rhythm pass: same spacing and proportions across each section family. */
body.design-refined #main-content :is(.work-area-heading,.project-examples-heading,.about-section-heading,.direction-heading){max-width:850px;margin:0 auto 36px!important;text-align:center}
body.design-refined #main-content :is(.work-area-heading,.project-examples-heading,.about-section-heading,.direction-heading) h2{margin:18px auto 22px!important}
body.design-refined #main-content :is(.work-area-heading,.project-examples-heading,.about-section-heading) p{font-size:16px!important;line-height:1.65;max-width:66ch;margin:0 auto}
body.design-refined #main-content :is(.work-area-tabs,.about-tabs){gap:12px!important;margin-bottom:30px!important}
body.design-refined #main-content :is(.work-area-tabs,.about-tabs) button{font-size:13px!important;min-height:46px!important;padding:10px 16px!important;border-radius:14px!important}
body.design-refined #main-content :is(.work-area-feature-panel,.about-competency-panel):not([hidden]){min-height:350px!important;border-radius:22px!important}
body.design-refined #main-content :is(.work-area-feature-copy,.about-competency-panel>div,.team-reference-copy){padding:38px!important}
body.design-refined #main-content :is(.work-area-feature-copy,.about-competency-panel>div,.team-reference-copy) h3{font-size:clamp(25px,2.3vw,33px)!important;margin:0 0 26px!important;line-height:1.23!important}
body.design-refined #main-content :is(.work-area-feature-copy,.about-competency-panel>div,.team-reference-copy) p{font-size:16px!important;line-height:1.65!important;margin:0 0 26px!important}
body.design-refined #main-content :is(.competence-contact,.home-expertise-link,.work-area-link){font-size:14px!important;min-height:44px;padding:12px 22px!important;border-radius:999px!important}
body.design-refined #main-content :is(#competence-panel-0,#team-panel-0,#home-expertise-panel-0) figure{grid-column:2!important;grid-row:1!important;width:100%!important;clip-path:none!important;border-radius:36% 0 0 0 / 100% 0 0 0!important}
body.design-refined #main-content :is(.about-team-panel,.about-competency-panel) img{width:100%!important;max-width:100%!important;left:0!important;right:auto!important}
body.design-refined #main-content .expertise-petrol .home-expertise-panel::before{content:none}
body.design-refined #main-content .software-centered-hero .work-hero-photo{height:220px!important;border-radius:22px!important}
body.design-refined #main-content .software-centered-hero .work-hero-frame{background:transparent!important}
body.design-refined #main-content .project-example{border-radius:22px!important;box-shadow:0 10px 28px -18px #123e463d}
body.design-refined #main-content .project-example-copy{padding:26px!important}
body.design-refined #main-content .project-example-copy h3{font-size:24px!important;margin:0 0 18px!important}
body.design-refined #main-content .project-example-copy p{font-size:15px!important;margin:0 0 24px!important;line-height:1.65}
body.design-refined #main-content :is(.project-example-link,.all-examples-link){font-size:14px!important;min-height:44px;padding:12px 22px!important;border-radius:999px!important}
body.design-refined #main-content .direction-section{padding-top:var(--section-space)!important;padding-bottom:var(--section-space)!important}
body.design-refined #main-content .direction-frame{max-width:1280px!important;margin:auto;border-radius:24px!important}
body.design-refined #main-content .wizard-question h3{font-size:clamp(25px,2.4vw,33px)!important;margin-bottom:26px!important}
body.design-refined #main-content #find-retning .wizard-choice{border-radius:18px!important;min-height:100px!important;padding:20px!important}
body.design-refined #main-content #find-retning .wizard-choice strong{font-size:15px!important;line-height:1.45!important}
body.design-refined #main-content #find-retning .wizard-choice svg{width:27px!important;height:27px!important;margin-bottom:10px}
body.design-refined #main-content #find-retning :is(.wizard-choices,.wizard-stages){gap:18px!important}
body.design-refined #main-content #find-retning .wizard-bar{margin-bottom:28px!important}
body.design-refined #main-content #find-retning .wizard-recommendation h3{font-size:32px!important;margin-bottom:24px!important}
body.design-refined #main-content #find-retning .wizard-recommendation p{font-size:16px!important;line-height:1.7!important}
body.design-refined #main-content :is(.editorial-dark,.concept-gallery){padding-top:var(--section-space)!important;padding-bottom:var(--section-space)!important}
body.design-refined #main-content .projects-coast>img{clip-path:ellipse(82% 100% at 50% 100%)}
body.design-refined #main-content #projektideer .idea-showcase figure{border-radius:22px 0 0 22px!important}
body.design-refined #main-content #projektideer .idea-showcase-copy{padding:30px!important}
body.design-refined #main-content #projektideer .idea-showcase-copy p{margin-bottom:24px!important}
body.design-refined #main-content .shared-contact-eyebrow{display:block;font-size:11px;letter-spacing:.15em;line-height:1.5;margin-bottom:20px}
body.design-refined #main-content :is(.breadcrumb,.work-hero-copy .eyebrow){font-size:11px!important}
body.design-refined #main-content img{image-rendering:auto}
@media(max-width:760px){
 body.design-refined #main-content :is(.work-area-heading,.project-examples-heading,.about-section-heading,.direction-heading){margin-bottom:28px!important}
 body.design-refined #main-content :is(.work-area-feature-copy,.about-competency-panel>div,.team-reference-copy){padding:28px 24px!important}
 body.design-refined #main-content :is(.work-area-feature-copy,.about-competency-panel>div,.team-reference-copy) h3{font-size:26px!important}
 body.design-refined #main-content :is(.work-area-feature-panel,.about-competency-panel):not([hidden]){min-height:0!important}
 body.design-refined #main-content :is(#competence-panel-0,#team-panel-0,#home-expertise-panel-0) figure{grid-area:2/1!important;width:100%!important;clip-path:none!important;border-radius:0!important}
 body.design-refined #main-content .software-centered-hero .work-hero-photo{height:175px!important}
 body.design-refined #main-content #find-retning .wizard-choice{min-height:78px!important;padding:16px!important}
 body.design-refined #main-content #find-retning :is(.wizard-choices,.wizard-stages){gap:14px!important}
 body.design-refined #main-content #find-retning .wizard-recommendation h3{font-size:27px!important}
 body.design-refined #main-content #projektideer .idea-showcase-copy{padding:26px 24px!important}
 body.design-refined #main-content #projektideer .idea-showcase figure{border-radius:22px 22px 0 0!important}
 body.design-refined #main-content .project-example-copy{padding:24px!important}
 body.design-refined #main-content .project-example-copy h3{font-size:22px!important}
}
body.design-refined #main-content #ydelser:is(.webshop-service-cards,.marketing-reference) .area-service-panel figure{grid-column:2!important;grid-row:1!important;width:100%!important;z-index:auto!important;clip-path:none!important;border-radius:34% 0 0 0 / 100% 0 0 0!important}
body.design-refined #main-content #ydelser.marketing-reference .area-service-panel{clip-path:none!important;background:var(--surface-sage)}
body.design-refined #main-content #ydelser .area-service-copy{color:var(--brand-petrol)}
body.design-refined #main-content #ydelser.webshop-service-cards .area-service-copy{color:white}
body.design-refined #main-content #ydelser.webshop-service-cards .area-service-copy :is(p,h3,h4,small){color:inherit!important}
body.design-refined #main-content #ydelser.marketing-reference .area-service-copy :is(p,h3,h4){color:var(--brand-petrol)!important}
@media(max-width:760px){
 body.design-refined #main-content #ydelser:is(.webshop-service-cards,.marketing-reference) .area-service-panel figure{grid-area:2/1!important;width:100%!important;border-radius:0!important}
 body.design-refined #main-content h1{overflow-wrap:normal!important;word-break:normal!important;hyphens:manual}
 body.design-refined #main-content .about-panorama h1{font-size:clamp(27px,7.2vw,32px)!important}
}
/* Readable body type and modest card titles also cover article and project detail pages. */
body.design-refined #main-content p{font-size:16px;line-height:1.65}
body.design-refined #main-content h3{font-size:clamp(22px,2vw,28px)}
body.design-refined #main-content :is(.service-other,.website-related){padding-top:36px;padding-bottom:36px}
body.design-refined #main-content :is(.area-service-tabs,.sw-tablist,.about-tabs,.about-team-tabs,.home-expertise-tabs) button{transition:background .2s,color .2s,border-color .2s}
body.design-refined #main-content :is(.area-service-tabs,.sw-tablist,.about-tabs,.about-team-tabs,.home-expertise-tabs) button:focus-visible{outline:2px solid var(--brand-green);outline-offset:4px}
@media(min-width:761px){
 body.design-refined #main-content .shared-contact{min-height:580px}
 body.design-refined #main-content .shared-contact-visual{min-height:580px;height:580px;align-self:center}
 body.design-refined #main-content .shared-contact-mask{min-height:580px;height:580px}
}