/* One family of Bézier curves connects imagery, content surfaces and section transitions. */
body.woven-design{--flow-cream:#f6f3ee;--flow-sage:#dfe8d8;--flow-soft:#edf2e9;--flow-petrol:#123e46;--flow-line:#b6c7ae}
body.woven-design.studio-design.design-refined #main-content :is(#metode,.studio-about,#vores-fokus,#spoergsmaal,#ydelser,.about-competencies,.about-team,.unified-approach,#projektideer,.studio-contact,.concept-fit,.contact-preparation){position:relative;isolation:isolate;overflow:hidden!important}
/* Long shallow waves frame the section, while all text stays outside the clipping mask. */
body.woven-design.studio-design.design-refined #main-content :is(#metode,#spoergsmaal,.studio-contact){background:transparent!important;padding-top:100px!important;padding-bottom:90px!important}
body.woven-design.studio-design.design-refined #main-content :is(#metode,#spoergsmaal,.studio-contact)::before{content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:-2!important;width:auto!important;height:auto!important;background:var(--flow-cream)!important;clip-path:none!important;border-radius:0!important;pointer-events:none;-webkit-mask:url('/assets/woven-surface.svg') center/100% 100% no-repeat;mask:url('/assets/woven-surface.svg') center/100% 100% no-repeat}
/* A secondary ribbon echoes the photograph's edge. It is a continuation of the composition, not an isolated corner. */
body.woven-design.studio-design.design-refined #main-content :is(#metode,#vores-fokus,.about-team,.studio-contact)::after{content:""!important;display:block!important;position:absolute;right:-7%;bottom:16px;width:43%;height:115px;background:var(--flow-sage);z-index:-1;pointer-events:none;-webkit-mask:url('/assets/woven-accent.svg') center/100% 100% no-repeat;mask:url('/assets/woven-accent.svg') center/100% 100% no-repeat;transform:rotate(-7deg)}
body.woven-design.studio-design.design-refined #main-content #metode::after{background:#b9cbaa;right:-12%;bottom:18px;width:38%;height:90px}
body.woven-design.studio-design.design-refined #main-content #vores-fokus::after{right:-13%;top:15px;bottom:auto;width:32%;height:105px;background:var(--flow-petrol);opacity:.98;transform:rotate(9deg)}
/* The method photograph and its sage text surface meet along the same flowing seam. */
body.woven-design.studio-design.design-refined #main-content #metode .method-reference-panel:not([hidden]){position:relative;isolation:isolate;background:none!important;border-radius:0!important;overflow:visible!important;min-height:370px!important}
body.woven-design.studio-design.design-refined #main-content #metode .method-reference-panel::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--flow-sage);border-radius:28px 0 70px 28px}
body.woven-design.studio-design.design-refined #main-content #metode .method-reference-panel>div{position:relative;z-index:2;padding-right:32px!important}
body.woven-design.studio-design.design-refined #main-content #metode .method-reference-panel figure{border-radius:0!important;min-height:370px!important;-webkit-mask:url('/assets/woven-right.svg') center/100% 100% no-repeat;mask:url('/assets/woven-right.svg') center/100% 100% no-repeat;width:calc(100% + 40px)!important;max-width:none!important;margin-left:-40px!important}
/* Open about composition: the photograph overlaps a pale ribbon behind the copy. */
body.woven-design.studio-design.design-refined #main-content .studio-about{padding-top:82px!important;padding-bottom:90px!important;gap:0!important;background:transparent!important}
body.woven-design.studio-design.design-refined #main-content .studio-about::before{content:"";position:absolute;left:-5%;right:3%;top:24%;bottom:16%;z-index:-1;background:var(--flow-soft);-webkit-mask:url('/assets/woven-ribbon.svg') center/100% 100% no-repeat;mask:url('/assets/woven-ribbon.svg') center/100% 100% no-repeat;pointer-events:none}
body.woven-design.studio-design.design-refined #main-content .studio-about .home-about-panorama-copy{position:relative;z-index:2;padding:30px 20px 30px 12px!important}
body.woven-design.studio-design.design-refined #main-content .studio-about-photo{border-radius:0!important;height:410px!important;width:calc(100% + 35px);margin-left:-35px!important;-webkit-mask:url('/assets/woven-arch.svg') center/100% 100% no-repeat;mask:url('/assets/woven-arch.svg') center/100% 100% no-repeat}
/* Service and competency features share the same curved seam; the pale field reaches under the photo. */
body.woven-design.studio-design.design-refined #main-content :is(#ydelser .sw-panel,#ydelser .area-service-panel,.about-competency-panel,.about-team-panel,.home-expertise-panel):not([hidden]){position:relative;isolation:isolate;background:transparent!important;border-radius:0!important;overflow:visible!important}
body.woven-design.studio-design.design-refined #main-content :is(#ydelser .sw-panel,#ydelser .area-service-panel,.about-competency-panel,.about-team-panel,.home-expertise-panel)::before{content:""!important;display:block!important;position:absolute!important;inset:7% 0 5% -2%!important;width:auto!important;height:auto!important;background:var(--flow-soft)!important;z-index:-1!important;border-radius:32px!important;clip-path:none!important;-webkit-mask:url('/assets/woven-surface.svg') center/100% 100% no-repeat;mask:url('/assets/woven-surface.svg') center/100% 100% no-repeat;pointer-events:none}
body.woven-design.studio-design.design-refined #main-content :is(#ydelser .sw-panel,#ydelser .area-service-panel) figure,
body.woven-design.studio-design.design-refined #main-content :is(#competence-panel-0,#home-expertise-panel-0,.about-competency-panel,.home-expertise-panel) figure{border-radius:0!important;clip-path:none!important;-webkit-mask:url('/assets/woven-right.svg') center/100% 100% no-repeat;mask:url('/assets/woven-right.svg') center/100% 100% no-repeat;width:calc(100% + 36px)!important;max-width:none!important;margin-left:-36px!important}
body.woven-design.studio-design.design-refined #main-content :is(#team-panel-0,.about-team-panel) figure{border-radius:0!important;clip-path:none!important;-webkit-mask:url('/assets/woven-left.svg') center/100% 100% no-repeat;mask:url('/assets/woven-left.svg') center/100% 100% no-repeat;width:calc(100% + 30px)!important;max-width:none!important;margin-right:-30px!important}
body.woven-design.studio-design.design-refined #main-content :is(.about-competency-panel,.about-team-panel,.home-expertise-panel) :is(.home-expertise-copy,.team-reference-copy,div:first-child){position:relative;z-index:1}
body.woven-design.studio-design.design-refined #main-content :is(.about-competencies,.about-team,#ydelser){padding-bottom:90px!important}
/* Reintroduce edge ribbons as a consistent visual echo around galleries. */
body.woven-design.studio-design.design-refined #main-content :is(.software-project-preview,.websites-project-gallery,.webshop-cases,.concept-gallery){padding-top:95px!important;padding-bottom:90px!important;background:transparent!important}
body.woven-design.studio-design.design-refined #main-content :is(.software-project-preview,.websites-project-gallery,.webshop-cases,.concept-gallery)::before{inset:20% -2% 0!important;height:auto!important;width:auto!important;clip-path:none!important;border-radius:0!important;background:var(--flow-soft)!important;-webkit-mask:url('/assets/woven-surface.svg') center/100% 100% no-repeat;mask:url('/assets/woven-surface.svg') center/100% 100% no-repeat;z-index:-2!important}
body.woven-design.studio-design.design-refined #main-content :is(.software-project-preview,.websites-project-gallery,.webshop-cases,.concept-gallery)::after{content:""!important;display:block!important;position:absolute!important;right:-7%;top:15px;bottom:auto!important;width:24%;height:80px;background:var(--flow-petrol)!important;z-index:-1!important;clip-path:none!important;border-radius:0!important;transform:rotate(12deg);-webkit-mask:url('/assets/woven-accent.svg') center/100% 100% no-repeat;mask:url('/assets/woven-accent.svg') center/100% 100% no-repeat;pointer-events:none}
body.woven-design.studio-design.design-refined #main-content :is(.concept-card-visual,.web-project-visual){position:relative;isolation:isolate;padding:20px 14px 10px!important;background:transparent!important;overflow:hidden!important}
body.woven-design.studio-design.design-refined #main-content :is(.concept-card-visual,.web-project-visual)::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--flow-sage);-webkit-mask:url('/assets/woven-ribbon.svg') center/100% 100% no-repeat;mask:url('/assets/woven-ribbon.svg') center/100% 100% no-repeat}
/* The FAQ photo flows underneath a quiet sage field supporting the answers. */
body.woven-design.studio-design.design-refined #main-content #spoergsmaal .home-faq-grid{position:relative;isolation:isolate;gap:30px!important;padding:10px 0 20px}
body.woven-design.studio-design.design-refined #main-content #spoergsmaal .home-faq-grid::before{content:"";position:absolute;inset:3% -2% 0 12%;z-index:-1;background:#e4ebdd;-webkit-mask:url('/assets/woven-ribbon.svg') center/100% 100% no-repeat;mask:url('/assets/woven-ribbon.svg') center/100% 100% no-repeat}
body.woven-design.studio-design.design-refined #main-content .studio-faq-photo{height:430px;border-radius:0!important;-webkit-mask:url('/assets/woven-arch.svg') center/100% 100% no-repeat;mask:url('/assets/woven-arch.svg') center/100% 100% no-repeat;width:calc(100% + 22px);margin-right:-22px!important}
body.woven-design.studio-design.design-refined #main-content #spoergsmaal .home-faq-items{position:relative;z-index:1;padding:28px 18px 28px 4px!important}
/* Inspiration and process: the wave joins the image to the content rather than framing two separate rectangles. */
body.woven-design.studio-design.design-refined #main-content #projektideer .idea-showcase:not([hidden]),
body.woven-design.studio-design.design-refined #main-content .unified-feature{background:var(--flow-cream)!important;border-radius:32px 32px 60px 24px!important}
body.woven-design.studio-design.design-refined #main-content #projektideer .idea-showcase figure{height:300px!important;border-radius:0!important;position:relative;overflow:hidden!important;-webkit-mask:url('/assets/woven-ribbon.svg') center/100% 100% no-repeat;mask:url('/assets/woven-ribbon.svg') center/100% 100% no-repeat;margin-top:-22px!important;margin-bottom:-12px!important}
body.woven-design.studio-design.design-refined #main-content .studio-process-photo{height:300px!important;border-radius:0!important;-webkit-mask:url('/assets/woven-ribbon.svg') center/100% 100% no-repeat;mask:url('/assets/woven-ribbon.svg') center/100% 100% no-repeat;margin-top:-15px!important;margin-bottom:-25px!important}
body.woven-design.studio-design.design-refined #main-content .unified-approach::after{content:"";position:absolute;bottom:10px;left:-8%;height:100px;width:42%;background:#dce6d6;z-index:-1;-webkit-mask:url('/assets/woven-accent.svg') center/100% 100% no-repeat;mask:url('/assets/woven-accent.svg') center/100% 100% no-repeat;transform:rotate(-4deg);pointer-events:none}
/* The closing photograph and contact fields nest into the same wave, followed by the petrol footer. */
body.woven-design.studio-design.design-refined #main-content .studio-contact{padding-bottom:48px!important}
body.woven-design.studio-design.design-refined #main-content .studio-contact::after{right:-8%;bottom:22px;width:48%;height:130px;background:#b7cba9;transform:rotate(-8deg)}
body.woven-design.studio-design.design-refined #main-content .studio-contact-heading{margin-bottom:22px!important;position:relative;z-index:2}
body.woven-design.studio-design.design-refined #main-content .studio-contact-landscape{padding-inline:0!important;max-width:1440px;position:relative}
body.woven-design.studio-design.design-refined #main-content .studio-contact-landscape>img{height:350px!important;border-radius:0!important;-webkit-mask:url('/assets/woven-ribbon.svg') center/100% 100% no-repeat;mask:url('/assets/woven-ribbon.svg') center/100% 100% no-repeat;object-position:center 52%;position:relative;z-index:0}
body.woven-design.studio-design.design-refined #main-content .studio-contact-details{margin-top:-68px!important;gap:20px!important;position:relative;z-index:2}
body.woven-design.studio-design.design-refined #main-content .studio-contact-details a{border-radius:24px 24px 40px 24px!important;border-color:#c4d3bc!important;background:#fffefb!important;box-shadow:0 12px 30px -24px #123e4640!important}
body.woven-design.studio-design.design-refined .footer-wave-edge{height:120px!important}
body.woven-design.studio-design.design-refined .footer-wave{padding-top:165px!important}
/* Restore the broad curved silhouettes in the subpage panoramas too. */
body.woven-design.studio-design.design-refined #main-content :is(.projects-coast>img,.inspiration-duo>img,.about-panorama figure img){clip-path:none!important;border-radius:0!important;-webkit-mask:url('/assets/woven-arch.svg') center/100% 100% no-repeat;mask:url('/assets/woven-arch.svg') center/100% 100% no-repeat;height:260px!important}
body.woven-design.studio-design.design-refined #main-content .concept-fit{border-radius:32px 75px 32px 45px!important;position:relative;isolation:isolate;background:transparent!important}
body.woven-design.studio-design.design-refined #main-content .concept-fit::before{content:"";position:absolute;inset:-12px -18px;z-index:-1;background:var(--flow-sage);-webkit-mask:url('/assets/woven-surface.svg') center/100% 100% no-repeat;mask:url('/assets/woven-surface.svg') center/100% 100% no-repeat}
@media(max-width:760px){
 body.woven-design.studio-design.design-refined #main-content :is(#metode,#spoergsmaal,.studio-contact){padding-top:68px!important;padding-bottom:64px!important}
 body.woven-design.studio-design.design-refined #main-content :is(#metode,#spoergsmaal,.studio-contact)::before{-webkit-mask-image:url('/assets/woven-surface.svg');mask-image:url('/assets/woven-surface.svg');-webkit-mask-size:220% 100%;mask-size:220% 100%}
 body.woven-design.studio-design.design-refined #main-content :is(#metode,#vores-fokus,.about-team,.studio-contact)::after{height:60px!important;width:60%!important;right:-22%!important;bottom:12px!important}
 body.woven-design.studio-design.design-refined #main-content #vores-fokus::after{top:0!important;right:-32%!important;width:65%!important;height:60px!important;opacity:.9}
 body.woven-design.studio-design.design-refined #main-content #metode .method-reference-panel:not([hidden]){min-height:0!important;border-radius:20px!important;overflow:hidden!important}
 body.woven-design.studio-design.design-refined #main-content #metode .method-reference-panel::before{border-radius:0!important}
 body.woven-design.studio-design.design-refined #main-content #metode .method-reference-panel figure,
 body.woven-design.studio-design.design-refined #main-content :is(#ydelser .sw-panel,#ydelser .area-service-panel) figure,
 body.woven-design.studio-design.design-refined #main-content :is(#competence-panel-0,#home-expertise-panel-0,#team-panel-0,.about-competency-panel,.about-team-panel,.home-expertise-panel) figure{width:100%!important;margin:0!important;height:250px!important;min-height:250px!important;border-radius:0!important;-webkit-mask:url('/assets/woven-ribbon.svg') center/100% 100% no-repeat;mask:url('/assets/woven-ribbon.svg') center/100% 100% no-repeat}
 body.woven-design.studio-design.design-refined #main-content :is(#ydelser .sw-panel,#ydelser .area-service-panel,.about-competency-panel,.about-team-panel,.home-expertise-panel):not([hidden]){background:var(--flow-soft)!important;border-radius:22px!important;overflow:hidden!important}
 body.woven-design.studio-design.design-refined #main-content :is(#ydelser .sw-panel,#ydelser .area-service-panel,.about-competency-panel,.about-team-panel,.home-expertise-panel)::before{display:none!important}
 body.woven-design.studio-design.design-refined #main-content .studio-about{padding:58px 22px 70px!important;gap:0!important}
 body.woven-design.studio-design.design-refined #main-content .studio-about::before{top:12%;bottom:8%;left:-25%;right:-25%;-webkit-mask-size:150% 100%;mask-size:150% 100%}
 body.woven-design.studio-design.design-refined #main-content .studio-about .home-about-panorama-copy{padding:12px 10px 20px!important}
 body.woven-design.studio-design.design-refined #main-content .studio-about-photo{height:270px!important;width:calc(100% + 44px)!important;margin:0 -22px!important}
 body.woven-design.studio-design.design-refined #main-content :is(.software-project-preview,.websites-project-gallery,.webshop-cases,.concept-gallery){padding-top:65px!important;padding-bottom:65px!important}
 body.woven-design.studio-design.design-refined #main-content :is(.software-project-preview,.websites-project-gallery,.webshop-cases,.concept-gallery)::after{width:40%!important;height:45px!important;right:-18%!important;top:6px!important}
 body.woven-design.studio-design.design-refined #main-content #spoergsmaal .home-faq-grid::before{inset:5% -10% 0;background:var(--flow-sage);-webkit-mask-size:180% 100%;mask-size:180% 100%}
 body.woven-design.studio-design.design-refined #main-content .studio-faq-photo{width:calc(100% + 30px)!important;margin:0 -15px!important;height:270px!important}
 body.woven-design.studio-design.design-refined #main-content #spoergsmaal .home-faq-items{padding:0 12px 24px!important}
 body.woven-design.studio-design.design-refined #main-content #projektideer .idea-showcase figure{height:250px!important}
 body.woven-design.studio-design.design-refined #main-content .studio-process-photo{height:250px!important}
 body.woven-design.studio-design.design-refined #main-content .studio-contact{padding-bottom:32px!important}
 body.woven-design.studio-design.design-refined #main-content .studio-contact-landscape>img{height:260px!important;width:100%!important}
 body.woven-design.studio-design.design-refined #main-content .studio-contact-details{margin-top:-50px!important;padding:0 28px!important;gap:14px!important}
 body.woven-design.studio-design.design-refined #main-content .studio-contact-details a{border-radius:20px 20px 32px 20px!important}
 body.woven-design.studio-design.design-refined .footer-wave-edge{height:80px!important}
 body.woven-design.studio-design.design-refined .footer-wave{padding-top:115px!important}
 body.woven-design.studio-design.design-refined #main-content :is(.projects-coast>img,.inspiration-duo>img,.about-panorama figure img){height:210px!important}
}
@media(min-width:761px){body.woven-design.studio-design.design-refined #main-content .studio-about-photo{-webkit-mask-image:url('/assets/woven-photo.svg');mask-image:url('/assets/woven-photo.svg')}}
body.woven-design.studio-design.design-refined #main-content :is(#metode,#spoergsmaal,.studio-contact,.studio-about)::before{transform:none!important;opacity:1!important}
body.woven-design.studio-design.design-refined #main-content .studio-contact :is(h2,.studio-contact-heading){color:var(--flow-petrol)!important}