/* Reference-led composition system. The first three homepage sections are deliberately excluded. */
.studio-design{--studio-ink:#123e46;--studio-sage:#b9cbaa;--studio-pale:#e7ede3;--studio-paper:#f6f3ee;--studio-line:#d6dfd8;--studio-body:#4c6569}
.studio-design.design-refined #main-content :is(.method-reference,.home-expertise,.home-faq-two,.about-competencies,.about-team,.software-services,.area-services,.software-project-preview,.websites-project-gallery,.webshop-cases,.unified-approach,.concept-gallery,.contact-preparation,.contact-company){padding:76px clamp(24px,5vw,72px)!important;margin:0 auto!important;max-width:1440px!important;border:0;box-shadow:none}
.studio-design.design-refined #main-content :is(.sw-section-heading,.area-section-heading,.about-section-heading,.home-expertise-heading,.software-project-heading,.web-project-heading,.webshop-cases-heading,.project-ideas-heading,.unified-heading){max-width:820px!important;text-align:center!important;margin:0 auto 38px!important}
.studio-design.design-refined #main-content :is(.sw-section-heading,.area-section-heading,.about-section-heading,.home-expertise-heading,.software-project-heading,.web-project-heading,.webshop-cases-heading,.project-ideas-heading,.unified-heading) h2{margin:18px auto 22px!important;max-width:26ch}
.studio-design.design-refined #main-content :is(.sw-section-heading,.area-section-heading,.about-section-heading,.home-expertise-heading,.software-project-heading,.web-project-heading,.webshop-cases-heading,.project-ideas-heading,.unified-heading) .eyebrow{display:block;color:#52735b!important;letter-spacing:.19em}
.studio-design.design-refined #main-content :is(.sw-section-heading,.area-section-heading,.about-section-heading,.home-expertise-heading,.software-project-heading,.web-project-heading,.webshop-cases-heading,.project-ideas-heading,.unified-heading) .eyebrow::after{content:"";display:block;height:2px;width:42px;margin:15px auto 0;background:#a5b798;border-radius:2px}
/* Service selection: six fine-line tiles, then one open editorial stage. */
.studio-design.design-refined #main-content #ydelser{background:#fff!important;overflow:visible}
.studio-design.design-refined #main-content #ydelser :is(.sw-explorer,.area-service-explorer){display:block!important;background:transparent!important;border:0!important;padding:0!important;overflow:visible!important}
.studio-design.design-refined #main-content #ydelser :is(.sw-tablist,.area-service-tabs){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;max-width:1110px!important;gap:14px!important;padding:0!important;margin:0 auto 40px!important;background:none!important;border:0!important}
.studio-design.design-refined #main-content #ydelser :is(.sw-tablist,.area-service-tabs) button{grid-column:auto!important;display:flex!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:14px!important;min-height:64px!important;padding:15px 22px!important;font-size:14px!important;line-height:1.4!important;font-weight:600!important;background:#fff!important;color:var(--studio-ink)!important;border:1px solid var(--studio-line)!important;border-radius:18px!important;box-shadow:none!important}
.studio-design.design-refined #main-content #ydelser :is(.sw-tablist,.area-service-tabs) button[aria-selected=true]{background:var(--studio-ink)!important;color:white!important;border-color:var(--studio-ink)!important}
.studio-design.design-refined #main-content #ydelser :is(.sw-tablist,.area-service-tabs) button:hover:not([aria-selected=true]){background:#f0f4ef!important;border-color:#9caf9c!important}
.studio-design.design-refined #main-content #ydelser :is(.sw-tablist,.area-service-tabs) button svg{width:24px!important;height:24px!important;flex:none}
.studio-design.design-refined #main-content #ydelser .area-service-tabs button>span{display:inline!important;position:static!important;width:auto!important;height:auto!important;overflow:visible!important;clip-path:none!important;font-size:inherit!important;color:inherit!important}
.studio-design.design-refined #main-content #ydelser :is(.sw-panel,.area-service-panel):not([hidden]){display:grid!important;grid-template-columns:43% 57%!important;align-items:center!important;position:relative;isolation:isolate;min-height:430px!important;padding:0!important;background:var(--studio-paper)!important;color:var(--studio-ink)!important;border:0!important;border-radius:0!important;overflow:visible!important;clip-path:none!important;gap:0!important;box-shadow:none!important}
.studio-design.design-refined #main-content #ydelser :is(.sw-panel,.area-service-panel)::before{content:"";position:absolute;inset:24px -24px 24px 0;z-index:-1;background:var(--studio-paper);border-radius:28px 90px 28px 28px}
.studio-design.design-refined #main-content #ydelser :is(.sw-panel-copy,.area-service-copy){grid-area:1/1!important;min-width:0!important;padding:44px 50px 44px 36px!important;color:var(--studio-ink)!important;background:none!important}
.studio-design.design-refined #main-content #ydelser :is(.sw-panel-copy,.area-service-copy) h3{font-size:clamp(26px,2.6vw,36px)!important;line-height:1.2!important;margin:0 0 30px!important;max-width:20ch;color:var(--studio-ink)!important}
.studio-design.design-refined #main-content #ydelser :is(.sw-panel-copy,.area-service-copy) :is(p,h4,small){color:var(--studio-body)!important}
.studio-design.design-refined #main-content #ydelser :is(.sw-panel-copy,.area-service-copy) h4{font-size:13px!important;color:var(--studio-ink)!important;margin:24px 0 10px!important;font-weight:700}
.studio-design.design-refined #main-content #ydelser :is(.sw-panel-copy,.area-service-copy) p{font-size:15px!important;line-height:1.7!important;margin:0 0 24px!important}
.studio-design.design-refined #main-content #ydelser :is(.sw-panel-copy,.area-service-copy) :is(small,.software-card-scope){font-size:11px!important;border-top:1px solid var(--studio-line)!important;padding-top:18px!important;margin:24px 0!important}
.studio-design.design-refined #main-content #ydelser :is(.sw-panel-copy,.area-service-copy) :is(.button,.plain-link){background:var(--studio-ink)!important;color:white!important;border:0!important;padding:13px 23px!important;border-radius:999px!important;font-size:13px!important;min-height:44px!important;margin-top:8px!important}
.studio-design.design-refined #main-content #ydelser :is(.sw-panel,.area-service-panel) figure{grid-area:1/2!important;position:relative!important;justify-self:stretch!important;align-self:stretch!important;width:100%!important;height:auto!important;min-height:430px!important;max-width:none!important;margin:0!important;z-index:0!important;clip-path:none!important;border:0!important;border-radius:42% 20px 24px 5% / 60% 20px 24px 20%!important;overflow:hidden!important;background:var(--studio-pale)!important;aspect-ratio:auto!important}
.studio-design.design-refined #main-content #ydelser :is(.sw-panel,.area-service-panel) figure img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;border-radius:0!important;filter:none!important}
/* The seventh marketing category keeps a balanced second row. */
.studio-design.design-refined #main-content #ydelser.marketing-reference .area-service-tabs{grid-template-columns:repeat(4,minmax(0,1fr))!important}
/* Homepage guide: the chosen 3 + 2 composition and white hover treatment. */
.studio-design.design-refined #main-content #find-retning{padding:76px 24px!important;background:#fff!important}
.studio-design.design-refined #main-content #find-retning .direction-heading{max-width:800px!important;margin:0 auto 38px!important}
.studio-design.design-refined #main-content #find-retning .direction-frame{max-width:1250px!important;position:relative!important;border:0!important;border-radius:70px 24px 70px 24px!important;overflow:hidden!important;padding:46px 40px!important;box-shadow:none!important}
.studio-design.design-refined #main-content #find-retning .wizard-guide{padding:0!important;max-width:1040px!important;margin:auto!important}
.studio-design.design-refined #main-content #find-retning .wizard-question h3{font-size:clamp(25px,2.5vw,34px)!important;max-width:34ch!important;margin:0 auto 30px!important}
.studio-design.design-refined #main-content #find-retning #wizard-goal .wizard-choices{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:18px!important;max-width:940px!important;margin:auto!important}
.studio-design.design-refined #main-content #find-retning #wizard-goal .wizard-choice{grid-column:span 2!important;width:auto!important;min-height:118px!important;padding:20px 16px!important;border:1px solid #ffffff9c!important;border-radius:20px!important;background:#0c303842!important;backdrop-filter:blur(5px);color:white!important}
.studio-design.design-refined #main-content #find-retning #wizard-goal .wizard-choice:nth-child(4){grid-column:2/span 2!important}
.studio-design.design-refined #main-content #find-retning #wizard-goal .wizard-choice:nth-child(5){grid-column:4/span 2!important}
.studio-design.design-refined #main-content #find-retning .wizard-choice:is(:hover,:focus-visible,[aria-pressed=true]){background:white!important;border-color:white!important;color:#111!important}
.studio-design.design-refined #main-content #find-retning .wizard-choice:is(:hover,:focus-visible,[aria-pressed=true]) :is(strong,svg){color:#111!important}
.studio-design.design-refined #main-content #find-retning .wizard-choice strong{font-size:15px!important;line-height:1.4!important}
/* Method: an airy timeline above a single sage and photography composition. */
.studio-design.design-refined #main-content #metode{background:#f6f3ee!important;max-width:none!important;padding-inline:max(24px,calc((100vw - 1200px)/2))!important}
.studio-design.design-refined #main-content #metode>.eyebrow{display:block;text-align:center;color:#52735b}
.studio-design.design-refined #main-content #metode>h2{text-align:center;max-width:24ch;margin:18px auto 22px!important}
.studio-design.design-refined #main-content #metode .studio-method-intro{text-align:center;color:var(--studio-body);max-width:60ch;margin:0 auto 38px;font-size:16px}
.studio-design.design-refined #main-content #metode .method-reference-steps{margin:0 24px 32px!important}
.studio-design.design-refined #main-content #metode .method-reference-steps button{gap:12px!important;padding-bottom:10px!important}
.studio-design.design-refined #main-content #metode .method-reference-steps strong{font-size:13px!important;font-weight:600}
.studio-design.design-refined #main-content #metode .method-reference-panel:not([hidden]){grid-template-columns:42% 58%!important;min-height:350px!important;background:#e2e9dc!important;border-radius:24px 24px 80px 24px!important;overflow:hidden}
.studio-design.design-refined #main-content #metode .method-reference-panel>div{padding:44px 42px!important}
.studio-design.design-refined #main-content #metode .method-reference-panel h3{font-size:30px!important;margin-bottom:26px!important}
.studio-design.design-refined #main-content #metode .method-reference-panel p{font-size:16px!important;line-height:1.75!important;color:#35534f}
.studio-design.design-refined #main-content #metode .method-reference-panel figure{grid-area:1/2!important;width:100%!important;min-height:350px!important;border-radius:44% 0 0 0 / 100% 0 0 0!important}
/* About on the homepage: open editorial split instead of another centered banner. */
.studio-design.design-refined #main-content .studio-about{display:grid!important;grid-template-columns:45% 55%!important;align-items:center;max-width:1320px!important;margin:0 auto!important;padding:90px 40px!important;gap:30px!important;background:white!important;overflow:hidden}
.studio-design.design-refined #main-content .studio-about .home-about-panorama-copy{text-align:left!important;padding:0 28px 0 0!important}
.studio-design.design-refined #main-content .studio-about h2{max-width:19ch;margin:20px 0 28px!important;font-size:clamp(30px,3vw,42px)!important;line-height:1.18!important}
.studio-design.design-refined #main-content .studio-about h2 br{display:none}
.studio-design.design-refined #main-content .studio-about .home-about-panorama-copy p{font-size:16px!important;max-width:40ch;margin:0 0 30px!important}
.studio-design.design-refined #main-content .studio-about-photo{margin:0!important;position:relative;border-radius:48% 24px 24px 28% / 58% 24px 24px 35%;overflow:hidden;height:390px!important;background:#e5ebdf}
.studio-design.design-refined #main-content .studio-about-photo img{width:100%!important;height:100%!important;min-height:0!important;object-fit:cover!important;object-position:50% 55%!important;clip-path:none!important}
/* Competencies: pale surfaces, restrained tabs and alternating photo direction. */
.studio-design.design-refined #main-content :is(.home-expertise,.about-competencies,.about-team){background:white!important;border-radius:0!important}
.studio-design.design-refined #main-content :is(.about-tabs,.about-team-tabs,.home-expertise-tabs){display:flex!important;justify-content:center!important;flex-wrap:wrap;max-width:100%!important;gap:12px!important;margin:0 auto 32px!important}
.studio-design.design-refined #main-content :is(.about-tabs,.about-team-tabs,.home-expertise-tabs) button{flex:0 1 auto!important;min-width:145px!important;min-height:44px!important;padding:11px 22px!important;background:white!important;color:var(--studio-ink)!important;border:1px solid #9fb3a5!important;border-radius:999px!important;font-size:13px!important}
.studio-design.design-refined #main-content :is(.about-tabs,.about-team-tabs,.home-expertise-tabs) button[aria-selected=true]{background:var(--studio-ink)!important;color:white!important;border-color:var(--studio-ink)!important}
.studio-design.design-refined #main-content :is(.home-expertise-panel,.about-competency-panel,.about-team-panel):not([hidden]){display:grid!important;grid-template-columns:44% 56%!important;min-height:390px!important;background:var(--studio-pale)!important;border:0!important;border-radius:24px!important;box-shadow:none!important;overflow:hidden!important}
.studio-design.design-refined #main-content :is(.home-expertise-copy,.about-competency-panel>div,.team-reference-copy){grid-area:1/1!important;padding:44px 42px!important;color:var(--studio-ink)!important;max-width:none!important}
.studio-design.design-refined #main-content :is(.home-expertise-copy,.about-competency-panel>div,.team-reference-copy) :is(h3,p){color:var(--studio-ink)!important}
.studio-design.design-refined #main-content :is(.home-expertise-copy,.about-competency-panel>div,.team-reference-copy) h3{font-size:clamp(27px,2.6vw,35px)!important;margin:0 0 26px!important;line-height:1.2!important;max-width:22ch}
.studio-design.design-refined #main-content :is(.home-expertise-copy,.about-competency-panel>div,.team-reference-copy) p{font-size:16px!important;line-height:1.75!important;margin:0 0 28px!important;max-width:43ch}
.studio-design.design-refined #main-content :is(.home-expertise-panel,.about-competency-panel,.about-team-panel) figure{grid-area:1/2!important;position:relative!important;inset:auto!important;align-self:stretch!important;justify-self:stretch!important;width:100%!important;min-height:390px!important;margin:0!important;z-index:0!important;clip-path:none!important;border-radius:40% 0 0 0 / 100% 0 0 0!important;overflow:hidden!important}
.studio-design.design-refined #main-content :is(.home-expertise-panel,.about-competency-panel,.about-team-panel) img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
.studio-design.design-refined #main-content .home-expertise-link{background:var(--studio-ink)!important;color:white!important}
.studio-design.design-refined #main-content .about-team-panel:not([hidden]){background:var(--studio-paper)!important;grid-template-columns:56% 44%!important}
.studio-design.design-refined #main-content .about-team-panel .team-reference-copy{grid-area:1/2!important}
.studio-design.design-refined #main-content .about-team-panel figure{grid-area:1/1!important;border-radius:0 42% 0 0 / 0 100% 0 0!important}
/* FAQ: a real photographic column with calm ruled answers. */
.studio-design.design-refined #main-content #spoergsmaal{background:var(--studio-paper)!important;max-width:none!important;padding-inline:max(24px,calc((100vw - 1200px)/2))!important}
.studio-design.design-refined #main-content #spoergsmaal>header{text-align:center;max-width:780px!important;margin:0 auto 38px!important}
.studio-design.design-refined #main-content #spoergsmaal>header h2{margin:18px auto 0!important}
.studio-design.design-refined #main-content .home-faq-grid{display:grid!important;grid-template-columns:44% 56%!important;gap:44px!important;align-items:center!important}
.studio-design.design-refined #main-content .studio-faq-photo{grid-area:1/1!important;margin:0;height:400px;overflow:hidden;border-radius:24px 48% 25% 24px / 24px 55% 25% 24px}
.studio-design.design-refined #main-content .studio-faq-photo img{width:100%;height:100%;object-fit:cover;object-position:65% 50%}
.studio-design.design-refined #main-content .home-faq-items{grid-area:1/2!important;padding:0!important;background:none!important}
.studio-design.design-refined #main-content .home-faq-items details{border:0!important;border-bottom:1px solid #cbd6c9!important;background:none!important;border-radius:0!important;margin:0!important;box-shadow:none!important}
.studio-design.design-refined #main-content .home-faq-items details:first-child{border-top:1px solid #cbd6c9!important}
.studio-design.design-refined #main-content .home-faq-items summary{padding:24px 36px 24px 0!important;font-size:18px!important;font-weight:600;color:var(--studio-ink)}
.studio-design.design-refined #main-content .home-faq-items p{padding:0 36px 26px 0!important;margin:0!important;font-size:15px!important;line-height:1.75!important;color:var(--studio-body)}
/* Project galleries: one photographic rhythm, white captions and a sage landscape. */
.studio-design.design-refined #main-content :is(.software-project-preview,.websites-project-gallery,.webshop-cases,.concept-gallery){position:relative;isolation:isolate;background:#fff!important;overflow:hidden!important}
.studio-design.design-refined #main-content :is(.software-project-preview,.websites-project-gallery,.webshop-cases,.concept-gallery)::before{content:"";position:absolute!important;inset:auto -8% 0!important;height:65%!important;z-index:-1!important;background:#eef2ec!important;border:0!important;border-radius:50% 50% 0 0 / 70px 70px 0 0!important;transform:none!important;pointer-events:none}
.studio-design.design-refined #main-content :is(.webshop-cases,.marketing-cases)::after{display:none!important}
.studio-design.design-refined #main-content :is(.concept-card,.webshop-cases-grid article,.web-project-card){border:1px solid #dde5dc!important;background:#fff!important;border-radius:22px!important;overflow:hidden!important;box-shadow:0 12px 28px -24px #123e4655!important}
.studio-design.design-refined #main-content :is(.concept-card-visual,.web-project-visual){background:var(--studio-pale)!important;border:0!important;border-radius:0!important;padding:16px!important;overflow:hidden}
.studio-design.design-refined #main-content .concept-card-visual img{border-radius:10px!important;object-fit:contain!important}
.studio-design.design-refined #main-content :is(.concept-card-copy,.web-project-copy,.webshop-cases-grid article>div){padding:26px 28px 30px!important;text-align:left!important}
.studio-design.design-refined #main-content :is(.concept-card-copy,.web-project-copy,.webshop-cases-grid article>div) :is(h2,h3){font-size:25px!important;line-height:1.25!important;margin:16px 0 20px!important;max-width:28ch}
.studio-design.design-refined #main-content :is(.concept-card-copy,.web-project-copy,.webshop-cases-grid article>div) p{font-size:15px!important;line-height:1.7!important;margin:0 0 26px!important}
.studio-design.design-refined #main-content .webshop-cases-grid article{flex-basis:43%!important}
.studio-design.design-refined #main-content .webshop-cases-grid img{aspect-ratio:1.6!important;object-fit:cover!important;border-radius:0!important}
.studio-design.design-refined #main-content :is(.gallery-filters,.concept-filters){margin-bottom:32px!important;gap:12px!important}
/* Inspiration is an open situation menu and an image-led editorial feature. */
.studio-design.design-refined #main-content #projektideer{padding:76px clamp(24px,5vw,72px)!important;background:#fff!important}
.studio-design.design-refined #main-content #projektideer .idea-explorer-layout{grid-template-columns:280px minmax(0,1fr)!important;gap:36px!important;max-width:1280px;margin:auto}
.studio-design.design-refined #main-content #projektideer .idea-situation-picker{padding:12px 0!important}
.studio-design.design-refined #main-content #projektideer .idea-choice-group button{display:flex!important;align-items:center;justify-content:space-between;min-height:58px!important;margin:0!important;padding:17px 12px!important;background:#fff!important;border:0!important;border-bottom:1px solid var(--studio-line)!important;border-radius:0!important;font-size:14px!important;color:var(--studio-ink)!important}
.studio-design.design-refined #main-content #projektideer .idea-choice-group button[aria-selected=true]{background:#edf2e9!important;border-radius:12px!important;border-color:transparent!important;padding-inline:18px!important}
.studio-design.design-refined #main-content #projektideer .idea-choice-group button>span:last-child::after{content:'→'}
.studio-design.design-refined #main-content #projektideer .idea-showcase:not([hidden]){display:grid!important;grid-template-columns:1fr!important;background:var(--studio-paper)!important;border-radius:24px!important;overflow:hidden!important}
.studio-design.design-refined #main-content #projektideer .idea-showcase figure{height:270px!important;border-radius:24px 24px 48% 0 / 24px 24px 30px 0!important;margin:0!important}
.studio-design.design-refined #main-content #projektideer .idea-showcase img{height:100%!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center 52%}
.studio-design.design-refined #main-content #projektideer .idea-showcase-copy{padding:32px 36px 36px!important}
.studio-design.design-refined #main-content #projektideer .idea-showcase h3{font-size:29px!important;margin:14px 0 24px!important}
.studio-design.design-refined #main-content #projektideer .idea-showcase-actions{display:flex;gap:24px;align-items:center;margin-top:26px}
/* Approach: vertical phase navigation, followed by real copy and a broad organic photograph. */
.studio-design.design-refined #main-content .studio-process-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:36px;align-items:start}
.studio-design.design-refined #main-content .unified-tabs{display:grid!important;grid-template-columns:1fr!important;gap:0!important;margin:0!important;padding:0!important;background:none!important}
.studio-design.design-refined #main-content .unified-tabs button{display:flex!important;text-align:left!important;justify-content:flex-start!important;min-height:72px!important;padding:20px!important;border:0!important;border-bottom:1px solid var(--studio-line)!important;border-radius:0!important;background:white!important;color:var(--studio-body)!important;font-size:14px!important;line-height:1.5!important}
.studio-design.design-refined #main-content .unified-tabs button[aria-selected=true]{background:var(--studio-ink)!important;color:white!important;border-radius:16px!important;border-color:transparent!important}
.studio-design.design-refined #main-content .unified-feature{display:flex!important;flex-direction:column!important;min-height:0!important;background:var(--studio-paper)!important;border-radius:24px!important;overflow:hidden!important;clip-path:none!important}
.studio-design.design-refined #main-content .unified-copy{padding:38px!important;width:100%!important}
.studio-design.design-refined #main-content .unified-copy h3{font-size:30px!important;margin:0 0 24px!important}
.studio-design.design-refined #main-content .unified-copy p{max-width:65ch!important;margin:0!important;font-size:16px!important;line-height:1.75!important}
.studio-design.design-refined #main-content .studio-process-photo{height:270px;width:100%;margin:0;overflow:hidden;border-radius:48% 0 0 0 / 30px 0 0 0}
.studio-design.design-refined #main-content .studio-process-photo img{width:100%;height:100%;object-fit:cover;object-position:center 55%}
/* Common closing composition, shared by every main page. */
.studio-design.design-refined #main-content .studio-contact{display:block!important;position:relative;isolation:isolate;max-width:none!important;margin:0!important;padding:76px 0 0!important;background:var(--studio-paper)!important;overflow:hidden!important;color:var(--studio-ink)!important}
.studio-design.design-refined #main-content .studio-contact-heading{text-align:center;max-width:760px;margin:0 auto 36px;padding:0 24px}
.studio-design.design-refined #main-content .studio-contact-heading .eyebrow{color:#52735b!important}
.studio-design.design-refined #main-content .studio-contact h2{font-size:clamp(30px,3.2vw,43px)!important;line-height:1.2!important;margin:20px auto 26px!important;max-width:25ch}
.studio-design.design-refined #main-content .studio-contact-heading p{font-size:16px!important;line-height:1.75!important;max-width:56ch;margin:0 auto 28px!important;color:var(--studio-body)}
.studio-design.design-refined #main-content .studio-contact-heading .button{background:var(--studio-ink)!important;color:white!important;padding:14px 25px!important;border-radius:999px!important}
.studio-design.design-refined #main-content .studio-contact-landscape{position:relative;max-width:1440px;margin:0 auto;padding:0 40px 36px}
.studio-design.design-refined #main-content .studio-contact-landscape>img{display:block;width:100%;height:290px;object-fit:cover;object-position:center 51%;border-radius:50% 50% 24px 24px / 55px 55px 24px 24px}
.studio-design.design-refined #main-content .studio-contact-details{position:relative;display:grid;grid-template-columns:1.2fr 1fr;gap:16px;max-width:860px;margin:-44px auto 0;z-index:1;padding:0 20px}
.studio-design.design-refined #main-content .studio-contact-details a{position:relative;display:flex;flex-direction:column;gap:10px;min-width:0;padding:23px 56px 23px 26px;background:#fff;border:1px solid var(--studio-line);border-radius:18px;color:var(--studio-ink);text-decoration:none;box-shadow:0 12px 25px -25px #123e4666;transition:transform .2s,border-color .2s}
.studio-design.design-refined #main-content .studio-contact-details a:hover{transform:translateY(-3px);border-color:#829e83}
.studio-design.design-refined #main-content .studio-contact-details span{font-size:11px;letter-spacing:.06em;color:#60786a}
.studio-design.design-refined #main-content .studio-contact-details strong{font-size:17px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}
.studio-design.design-refined #main-content .studio-contact-details i{position:absolute;right:24px;top:32px;font-size:23px;font-style:normal;color:#748e6c}
/* Detail pages and practical information use the same quiet surfaces. */
.studio-design.design-refined #main-content .concept-explore{max-width:1280px;margin:auto;padding:64px 40px}
.studio-design.design-refined #main-content .concept-feature-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-bottom:30px}
.studio-design.design-refined #main-content .concept-feature-tabs button{padding:12px 22px!important;border:1px solid #bcccbc!important;border-radius:999px!important;background:white;color:var(--studio-ink);font-size:14px}
.studio-design.design-refined #main-content .concept-feature-tabs button[aria-selected=true]{background:var(--studio-ink);color:white}
.studio-design.design-refined #main-content .concept-feature-panel:not([hidden]){display:grid;grid-template-columns:1fr;background:var(--studio-paper);border:0;border-radius:22px;overflow:hidden;padding:24px;gap:26px}
.studio-design.design-refined #main-content .concept-feature-panel>img{width:100%;height:auto;max-height:570px;object-fit:contain;border-radius:12px}
.studio-design.design-refined #main-content .concept-feature-panel>div{padding:0 12px 12px}
.studio-design.design-refined #main-content .concept-feature-panel h3{margin:0 0 18px;font-size:27px}
.studio-design.design-refined #main-content .concept-fit{background:var(--studio-pale)!important;border:0!important;border-radius:24px!important;max-width:1200px!important;margin:20px auto 70px!important;padding:44px!important;gap:48px!important}
.studio-design.design-refined #main-content .concept-fit h2{font-size:32px!important;margin:18px 0 24px!important}
.studio-design.design-refined #main-content .contact-preparation{display:grid!important;grid-template-columns:48% 52%!important;align-items:center;gap:48px!important;background:white!important}
.studio-design.design-refined #main-content .contact-preparation>div:first-child{height:450px;border-radius:45% 24px 24px 15% / 60% 24px 24px 30%;overflow:hidden}
.studio-design.design-refined #main-content .contact-preparation img{width:100%;height:100%;object-fit:cover;border-radius:0!important}
.studio-design.design-refined #main-content .contact-preparation li{padding:13px 0;border-bottom:1px solid var(--studio-line);font-size:15px;line-height:1.5}
.studio-design.design-refined #main-content .contact-company{background:var(--studio-paper)!important;border-radius:24px!important;margin-bottom:60px!important;gap:40px!important}
.studio-design.design-refined #main-content .reading-content{counter-reset:reading}
.studio-design.design-refined #main-content .reading-content>section{position:relative;padding:36px 0 36px 54px;border-bottom:1px solid var(--studio-line);margin:0!important}
.studio-design.design-refined #main-content .reading-content>section:not(.editorial-note)::before{counter-increment:reading;content:counter(reading,decimal-leading-zero);position:absolute;left:0;top:41px;font-size:12px;letter-spacing:.08em;color:#708868}
.studio-design.design-refined #main-content .reading-content>section h2{font-size:28px!important;margin:0 0 24px!important;line-height:1.3!important}
.studio-design.design-refined #main-content .reading-content>.editorial-note{background:var(--studio-pale);padding:32px!important;border-radius:22px;border:0;margin-top:36px!important}
.studio-design.design-refined #main-content .editorial-dark{background:var(--studio-pale)!important;color:var(--studio-ink)!important;border-radius:24px;max-width:1200px;margin:30px auto 70px;padding:44px!important}
.studio-design.design-refined #main-content .editorial-dark :is(h2,p,a){color:var(--studio-ink)!important}
.studio-design.design-refined .footer-wave{margin-top:0!important}
@media(max-width:1000px){
 .studio-design.design-refined #main-content #ydelser :is(.sw-panel-copy,.area-service-copy){padding:32px 28px!important}
 .studio-design.design-refined #main-content #ydelser.marketing-reference .area-service-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .studio-design.design-refined #main-content .home-faq-grid{gap:28px!important}
 .studio-design.design-refined #main-content #projektideer .idea-explorer-layout{grid-template-columns:220px minmax(0,1fr)!important;gap:24px!important}
 .studio-design.design-refined #main-content .studio-process-layout{grid-template-columns:220px minmax(0,1fr);gap:24px}
}
@media(max-width:760px){
 .studio-design.design-refined #main-content :is(.method-reference,.home-expertise,.home-faq-two,.about-competencies,.about-team,.software-services,.area-services,.software-project-preview,.websites-project-gallery,.webshop-cases,.unified-approach,.concept-gallery,.contact-preparation,.contact-company){padding:50px 22px!important}
 .studio-design.design-refined #main-content :is(.sw-section-heading,.area-section-heading,.about-section-heading,.home-expertise-heading,.software-project-heading,.web-project-heading,.webshop-cases-heading,.project-ideas-heading,.unified-heading){margin-bottom:30px!important}
 .studio-design.design-refined #main-content #ydelser :is(.sw-tablist,.area-service-tabs),.studio-design.design-refined #main-content #ydelser.marketing-reference .area-service-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-bottom:28px!important}
 .studio-design.design-refined #main-content #ydelser :is(.sw-tablist,.area-service-tabs) button{min-height:72px!important;padding:12px 10px!important;gap:8px!important;font-size:12px!important;flex-direction:column!important;border-radius:14px!important}
 .studio-design.design-refined #main-content #ydelser :is(.sw-panel,.area-service-panel):not([hidden]){display:flex!important;flex-direction:column!important;min-height:0!important;background:var(--studio-paper)!important;border-radius:20px!important;overflow:hidden!important}
 .studio-design.design-refined #main-content #ydelser :is(.sw-panel,.area-service-panel)::before{display:none}
 .studio-design.design-refined #main-content #ydelser :is(.sw-panel-copy,.area-service-copy){padding:30px 24px!important;order:1;width:100%!important}
 .studio-design.design-refined #main-content #ydelser :is(.sw-panel-copy,.area-service-copy) h3{font-size:27px!important;margin-bottom:26px!important}
 .studio-design.design-refined #main-content #ydelser :is(.sw-panel,.area-service-panel) figure{order:2;width:100%!important;height:230px!important;min-height:230px!important;flex:none;border-radius:35% 0 0 0 / 28px 0 0 0!important}
 .studio-design.design-refined #main-content #find-retning{padding:50px 18px!important}
 .studio-design.design-refined #main-content #find-retning .direction-frame{padding:30px 22px!important;border-radius:38px 18px 38px 18px!important}
 .studio-design.design-refined #main-content #find-retning #wizard-goal .wizard-choices{grid-template-columns:1fr!important;gap:12px!important}
 .studio-design.design-refined #main-content #find-retning #wizard-goal .wizard-choice,.studio-design.design-refined #main-content #find-retning #wizard-goal .wizard-choice:nth-child(n){grid-column:auto!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;text-align:left!important;gap:16px!important;min-height:76px!important;padding:18px!important;border-radius:16px!important}
 .studio-design.design-refined #main-content #find-retning .wizard-choice svg{flex:none;margin:0!important}
 .studio-design.design-refined #main-content #find-retning .wizard-choice strong{font-size:14px!important}
 .studio-design.design-refined #main-content #metode .method-reference-steps{margin:0 0 24px!important}
 .studio-design.design-refined #main-content #metode .method-reference-steps strong{font-size:11px!important;line-height:1.4}
 .studio-design.design-refined #main-content #metode .method-reference-panel:not([hidden]){display:flex!important;flex-direction:column!important;min-height:0!important;border-radius:20px!important}
 .studio-design.design-refined #main-content #metode .method-reference-panel>div{padding:30px 24px!important;width:100%}
 .studio-design.design-refined #main-content #metode .method-reference-panel h3{font-size:27px!important}
 .studio-design.design-refined #main-content #metode .method-reference-panel figure{height:230px!important;min-height:230px!important;width:100%!important;border-radius:40% 0 0 0 / 30px 0 0 0!important}
 .studio-design.design-refined #main-content .studio-about{display:flex!important;flex-direction:column!important;gap:32px!important;padding:50px 22px!important}
 .studio-design.design-refined #main-content .studio-about .home-about-panorama-copy{padding:0!important;text-align:center!important}
 .studio-design.design-refined #main-content .studio-about h2{font-size:30px!important;max-width:20ch!important;margin:20px auto 26px!important}
 .studio-design.design-refined #main-content .studio-about .home-about-panorama-copy p{margin:0 auto 28px!important}
 .studio-design.design-refined #main-content .studio-about-photo{width:100%;height:250px!important;border-radius:44% 18px 18px 18px / 40% 18px 18px 18px}
 .studio-design.design-refined #main-content :is(.about-tabs,.about-team-tabs,.home-expertise-tabs){gap:8px!important;margin-bottom:26px!important}
 .studio-design.design-refined #main-content :is(.about-tabs,.about-team-tabs,.home-expertise-tabs) button{flex:1 1 40%!important;min-width:0!important;min-height:46px!important;padding:10px 12px!important;font-size:12px!important}
 .studio-design.design-refined #main-content :is(.home-expertise-panel,.about-competency-panel,.about-team-panel):not([hidden]){display:flex!important;flex-direction:column!important;min-height:0!important;border-radius:20px!important}
 .studio-design.design-refined #main-content :is(.home-expertise-copy,.about-competency-panel>div,.team-reference-copy){width:100%!important;padding:30px 24px!important}
 .studio-design.design-refined #main-content :is(.home-expertise-copy,.about-competency-panel>div,.team-reference-copy) h3{font-size:27px!important}
 .studio-design.design-refined #main-content :is(.home-expertise-panel,.about-competency-panel,.about-team-panel) figure{height:230px!important;min-height:230px!important;width:100%!important;border-radius:40% 0 0 0 / 30px 0 0 0!important}
 .studio-design.design-refined #main-content .home-faq-grid{display:flex!important;flex-direction:column!important;gap:28px!important}
 .studio-design.design-refined #main-content .studio-faq-photo{width:100%;height:220px;order:0;border-radius:24px 42% 24px 24px / 24px 60% 24px 24px}
 .studio-design.design-refined #main-content .home-faq-items{width:100%;order:1}
 .studio-design.design-refined #main-content .home-faq-items summary{font-size:17px!important;padding-block:22px!important}
 .studio-design.design-refined #main-content :is(.concept-card-copy,.web-project-copy,.webshop-cases-grid article>div){padding:24px!important}
 .studio-design.design-refined #main-content :is(.concept-card-copy,.web-project-copy,.webshop-cases-grid article>div) :is(h2,h3){font-size:23px!important}
 .studio-design.design-refined #main-content .webshop-cases-grid article{flex-basis:88%!important}
 .studio-design.design-refined #main-content #projektideer{padding:50px 22px!important}
 .studio-design.design-refined #main-content #projektideer .idea-explorer-layout{grid-template-columns:1fr!important;gap:26px!important}
 .studio-design.design-refined #main-content #projektideer .idea-showcase figure{height:220px!important}
 .studio-design.design-refined #main-content #projektideer .idea-showcase-copy{padding:28px 24px!important}
 .studio-design.design-refined #main-content #projektideer .idea-showcase h3{font-size:26px!important}
 .studio-design.design-refined #main-content #projektideer .idea-showcase-actions{align-items:flex-start;flex-wrap:wrap;gap:18px}
 .studio-design.design-refined #main-content .studio-process-layout{display:block}
 .studio-design.design-refined #main-content .unified-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-bottom:28px!important}
 .studio-design.design-refined #main-content .unified-tabs button{min-height:68px!important;padding:14px!important;font-size:12px!important;border:1px solid var(--studio-line)!important;border-radius:14px!important}
 .studio-design.design-refined #main-content .unified-copy{padding:28px 24px!important}
 .studio-design.design-refined #main-content .unified-copy h3{font-size:27px!important}
 .studio-design.design-refined #main-content .studio-process-photo{height:220px}
 .studio-design.design-refined #main-content .studio-contact{padding-top:50px!important}
 .studio-design.design-refined #main-content .studio-contact h2{font-size:30px!important}
 .studio-design.design-refined #main-content .studio-contact h2 br{display:none}
 .studio-design.design-refined #main-content .studio-contact-landscape{padding:0 18px 28px}
 .studio-design.design-refined #main-content .studio-contact-landscape>img{height:220px;border-radius:50% 50% 18px 18px / 30px 30px 18px 18px}
 .studio-design.design-refined #main-content .studio-contact-details{grid-template-columns:1fr;gap:12px;margin:-24px auto 0;padding:0 14px}
 .studio-design.design-refined #main-content .studio-contact-details a{padding:20px 42px 20px 20px;border-radius:16px}
 .studio-design.design-refined #main-content .studio-contact-details strong{font-size:clamp(13px,3.8vw,16px)}
 .studio-design.design-refined #main-content .studio-contact-details i{right:18px;top:27px}
 .studio-design.design-refined #main-content .concept-explore{padding:50px 22px}
 .studio-design.design-refined #main-content .concept-feature-tabs{gap:8px}
 .studio-design.design-refined #main-content .concept-feature-tabs button{font-size:12px;padding:10px 14px!important}
 .studio-design.design-refined #main-content .concept-feature-panel:not([hidden]){padding:14px;gap:20px}
 .studio-design.design-refined #main-content .concept-fit{margin:10px 22px 50px!important;padding:28px 24px!important;gap:28px!important}
 .studio-design.design-refined #main-content .concept-fit h2{font-size:28px!important}
 .studio-design.design-refined #main-content .contact-preparation{display:flex!important;flex-direction:column!important;gap:30px!important}
 .studio-design.design-refined #main-content .contact-preparation>div:first-child{height:260px;width:100%;flex:none}
 .studio-design.design-refined #main-content .contact-company{border-radius:0!important;margin-bottom:0!important}
 .studio-design.design-refined #main-content .reading-content>section{padding:30px 0 30px 34px}
 .studio-design.design-refined #main-content .reading-content>section::before{top:35px!important;font-size:10px!important}
 .studio-design.design-refined #main-content .reading-content>section h2{font-size:25px!important}
 .studio-design.design-refined #main-content .editorial-dark{margin:20px 22px 50px;padding:28px 24px!important}
}
@media(prefers-reduced-motion:reduce){.studio-design *{scroll-behavior:auto!important}.studio-design .studio-contact-details a{transition:none!important}}
/* Fractional tracks include their gutters rather than exceeding the content width. */
@media(min-width:761px){
 .studio-design.design-refined #main-content .studio-about{grid-template-columns:minmax(0,.45fr) minmax(0,.55fr)!important}
 .studio-design.design-refined #main-content .home-faq-grid{grid-template-columns:minmax(0,.44fr) minmax(0,.56fr)!important}
 .studio-design.design-refined #main-content .contact-preparation{grid-template-columns:minmax(0,.48fr) minmax(0,.52fr)!important}
}
.studio-design.design-refined #main-content :is(.software-project-preview,.websites-project-gallery,.webshop-cases,.concept-gallery){width:100%!important;max-width:100%!important;left:auto!important;right:auto!important;transform:none!important}
.studio-design.design-refined #main-content :is(.software-project-preview,.websites-project-gallery,.webshop-cases,.concept-gallery)::before{width:auto!important;clip-path:none!important;opacity:1!important}
.studio-design.design-refined #main-content #ydelser .area-service-tabs button>span[aria-hidden=true]{display:none!important}
/* Selected reference panels had legacy ID rules; keep their geometry aligned with every other tab. */
.studio-design.design-refined #main-content :is(#competence-panel-0,#home-expertise-panel-0) figure{grid-area:1/2!important;grid-column:2!important;grid-row:1!important;width:100%!important;clip-path:none!important;border-radius:40% 0 0 0 / 100% 0 0 0!important}
.studio-design.design-refined #main-content #team-panel-0 figure{grid-area:1/1!important;grid-column:1!important;grid-row:1!important;width:100%!important;clip-path:none!important;border-radius:0 42% 0 0 / 0 100% 0 0!important}
.studio-design.design-refined #main-content #home-expertise-panel-0 .home-expertise-copy{background:none!important;color:var(--studio-ink)!important}
.studio-design.design-refined #main-content #home-expertise-panel-0 .home-expertise-copy :is(h3,p){color:var(--studio-ink)!important}
@media(max-width:760px){
 .studio-design.design-refined #main-content :is(#competence-panel-0,#team-panel-0,#home-expertise-panel-0) figure{grid-area:auto!important;width:100%!important;height:230px!important;min-height:230px!important;border-radius:40% 0 0 0 / 30px 0 0 0!important}
}
.studio-design.design-refined #main-content #spoergsmaal>header{position:static!important;display:block!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;height:auto!important;min-height:0!important;z-index:auto!important;width:auto!important}
.studio-design.design-refined #main-content #spoergsmaal>header .eyebrow{display:block;text-align:center;margin:0 auto!important}
.studio-design.design-refined #main-content #spoergsmaal::before,.studio-design.design-refined #main-content #spoergsmaal::after,.studio-design.design-refined #main-content .home-faq-items summary::after{display:none!important;content:none!important}
.studio-design.design-refined #main-content .unified-tabs button+button::before{content:none!important}
.studio-design.design-refined #main-content .studio-faq-photo img{object-position:50% 62%}
.studio-design.design-refined #main-content :is(.service-other,.website-related){display:flex!important;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px!important;background:white!important;padding:32px 24px!important}
.studio-design.design-refined #main-content :is(.service-other,.website-related)>span{width:100%;text-align:center;font-size:10px;letter-spacing:.15em;margin-bottom:8px}
.studio-design.design-refined #main-content :is(.service-other,.website-related)>a{display:inline-flex;align-items:center;padding:11px 20px;border:1px solid var(--studio-line);border-radius:999px;font-size:13px;color:var(--studio-ink)}
.studio-design.design-refined .footer-wave-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.25fr)!important;max-width:1200px!important;gap:38px 50px!important}
.studio-design.design-refined .footer-wave-brand{grid-column:1/-1!important;grid-row:auto!important;display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:32px;border-bottom:1px solid #ffffff36}
.studio-design.design-refined .footer-wave-brand>a{font-size:32px!important}
.studio-design.design-refined .footer-wave-brand p{margin:0!important;max-width:30ch;color:#d8e3da;font-size:14px!important}
.studio-design.design-refined .footer-wave nav h2,.studio-design.design-refined .footer-wave-contact h2{font-size:12px!important;letter-spacing:.1em;text-transform:uppercase;margin-bottom:20px}
.studio-design.design-refined .footer-wave h2::after{content:none!important}
.studio-design.design-refined .footer-wave-contact{grid-column:auto!important;grid-row:auto!important;display:block!important;padding:24px;border:1px solid #ffffff45;border-radius:20px;background:#ffffff06}
.studio-design.design-refined .footer-wave-contact>a{font-size:15px!important;min-height:40px!important}
.studio-design.design-refined .footer-wave-bottom{max-width:1200px!important;margin-top:40px!important}
@media(max-width:760px){
 .studio-design.design-refined .footer-wave-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:28px 22px!important}
 .studio-design.design-refined .footer-wave-brand{display:block;grid-column:1/-1!important;grid-row:1!important;padding-bottom:26px}
 .studio-design.design-refined .footer-wave-brand>a{font-size:26px!important}
 .studio-design.design-refined .footer-wave-brand p{margin-top:14px!important}
 .studio-design.design-refined .footer-wave-contact{grid-column:1/-1!important;grid-row:2!important;padding:20px}
 .studio-design.design-refined .footer-wave-contact>a{font-size:clamp(12px,3.6vw,15px)!important}
 .studio-design.design-refined .footer-wave-services{grid-column:1!important;grid-row:3!important}
 .studio-design.design-refined .footer-wave-company{grid-column:2!important;grid-row:3!important}
}
/* Follow-up answers use the same generous card geometry as the first question. */
.studio-design.design-refined #main-content #find-retning .wizard-followup-area{width:100%!important;max-width:none!important;min-width:0!important}
.studio-design.design-refined #main-content #find-retning #wizard-stage .wizard-stages{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;width:100%!important;max-width:940px!important;margin:auto!important}
.studio-design.design-refined #main-content #find-retning #wizard-stage .wizard-choice{width:auto!important;max-width:none!important;min-height:118px!important;padding:20px 16px!important;border:1px solid #ffffff9c!important;border-radius:20px!important;background:#0c303842!important;color:white!important}
.studio-design.design-refined #main-content #find-retning #wizard-stage .wizard-stages:has(>button:nth-child(5)){grid-template-columns:repeat(6,minmax(0,1fr))!important}
.studio-design.design-refined #main-content #find-retning #wizard-stage .wizard-stages:has(>button:nth-child(5))>button{grid-column:span 2!important}
.studio-design.design-refined #main-content #find-retning #wizard-stage .wizard-stages:has(>button:nth-child(5))>button:nth-child(4){grid-column:2/span 2!important}
.studio-design.design-refined #main-content #find-retning #wizard-stage .wizard-stages:has(>button:nth-child(5))>button:nth-child(5){grid-column:4/span 2!important}
.studio-design.design-refined #main-content #find-retning #wizard-stage .wizard-choice:is(:hover,:focus-visible,[aria-pressed=true]){background:#fff!important;color:#111!important}
@media(max-width:760px){
 .studio-design.design-refined #main-content #find-retning #wizard-stage .wizard-stages,.studio-design.design-refined #main-content #find-retning #wizard-stage .wizard-stages:has(>button:nth-child(5)){grid-template-columns:1fr!important;gap:12px!important}
 .studio-design.design-refined #main-content #find-retning #wizard-stage .wizard-stages>button:nth-child(n){grid-column:auto!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;text-align:left!important;gap:16px!important;min-height:76px!important;padding:18px!important;border-radius:16px!important}
 .studio-design.design-refined #main-content #find-retning #wizard-stage .wizard-choice svg{margin:0!important;flex:none}
 .studio-design.design-refined #main-content #find-retning #wizard-stage .wizard-choice strong{font-size:14px!important;line-height:1.45!important}
}
@media(max-width:760px){.studio-design.design-refined #main-content #find-retning #wizard-stage .wizard-stages:has(>button:nth-child(5))>button:nth-child(n){grid-column:1!important}}