/* Shared mobile layout, loaded after page-specific presentation rules. */
@media(max-width:760px){
 html{scroll-padding-top:88px}
 body{overflow-x:clip}
 main,main article,main section,main section>div{min-width:0}
 main img{max-width:100%}
 main h1{overflow-wrap:break-word}
 main p,main li,main dd{overflow-wrap:break-word}
 [hidden]{display:none!important}
 body>header{height:76px!important;padding-inline:20px!important;gap:12px!important}
 header .brand{min-width:0;gap:0}
 header .brand-wordmark strong{font-size:clamp(16px,4.6vw,21px)!important;line-height:1.15;white-space:nowrap}
 header .menu-toggle{width:44px!important;height:44px!important;min-width:44px}
 header #primary-navigation.open{top:76px;max-height:calc(100dvh - 76px);overflow-y:auto;overscroll-behavior:contain}
 .site-design{--header-height:76px}
 .service-dropdown .menu-area{min-height:0}
 .breadcrumb,.editorial-breadcrumb{font-size:12px!important;line-height:1.5;overflow-wrap:anywhere}
 .button,.plain-link{max-width:100%;white-space:normal}
 main .button{min-height:44px}
 main :is(h1){font-size:clamp(30px,8.5vw,42px)!important;line-height:1.12!important;letter-spacing:-.035em!important}
 main :is(h2){font-size:clamp(27px,7.3vw,35px)!important;line-height:1.17!important;letter-spacing:-.03em!important}
 main :is(h3){line-height:1.2!important;overflow-wrap:break-word}
 main .eyebrow{font-size:11px;line-height:1.5}
 .showcase-content{width:100%!important;max-width:none!important;padding-inline:24px!important}
 .showcase-hero .showcase-description{font-size:16px!important;line-height:1.55!important;max-width:36ch}
 .showcase-hero .showcase-title{font-size:clamp(32px,9vw,44px)!important}
 .showcase-tabs{max-width:100%}
 .site-design main :is(.area-hero,.work-hero){overflow:hidden}
 .site-design main :is(.work-hero-frame,.area-hero-layout){grid-template-columns:minmax(0,1fr)!important}
 .site-design main :is(.work-hero-copy,.area-hero-copy){min-width:0}
 .site-design main :is(.work-hero-copy,.area-hero-copy)>p{font-size:16px!important;line-height:1.6!important}
 .site-design main :is(.webshop-panorama,.marketing-panorama) .work-hero-copy{width:100%!important;max-width:none!important}
 .site-design main .area-service-panel:not([hidden]){display:flex!important;flex-direction:column!important;min-height:0!important}
 .site-design main .area-service-panel .area-service-copy{order:0;grid-area:auto!important;width:100%!important;padding:26px 22px!important}
 .site-design main .area-service-panel .area-service-copy h3{font-size:26px!important;line-height:1.18!important;white-space:normal!important}
 .site-design main .area-service-panel .area-service-copy :is(h4,p){font-size:16px;line-height:1.6}
 .site-design main .area-service-panel figure{order:1;grid-area:auto!important;position:relative!important;width:100%!important;min-height:0!important;height:230px!important;aspect-ratio:auto!important;clip-path:none!important;border-radius:0!important;z-index:0!important}
 .site-design main .area-service-panel figure img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:100%!important;object-fit:cover!important;border-radius:0!important}
 .site-design main #ydelser .area-service-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important;max-width:none!important}
 .site-design main #ydelser .area-service-tabs button{min-width:0;min-height:54px!important;padding:10px 8px!important;font-size:12px!important;line-height:1.3!important;gap:7px!important;grid-column:auto!important}
 .site-design main #ydelser .area-service-tabs button>span{white-space:normal!important;overflow-wrap:normal}
 .site-design main #ydelser .area-service-tabs svg{width:20px!important;height:20px!important;flex:none}
 #ydelser .sw-tablist button{min-height:65px!important}
 #ydelser .sw-panel-copy{padding:26px 22px!important}
 #ydelser .sw-panel-copy p{font-size:16px;line-height:1.6}
 .site-design main #vores-fokus.expertise-petrol .home-expertise-tabs{gap:7px}
 .site-design main #vores-fokus.expertise-petrol .home-expertise-tabs button{min-width:0;flex:1 1 28%;padding:9px 10px;min-height:44px;font-size:12px;gap:6px}
 .site-design main #vores-fokus.expertise-petrol .home-expertise-copy{padding:26px 22px}
 .site-design main #vores-fokus.expertise-petrol .home-expertise-copy p{font-size:16px;line-height:1.6}
 .method-reference-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .method-reference-steps button{min-height:78px}
 .method-reference-steps button::after{display:none}
 .method-reference-steps strong{font-size:13px}
 .method-reference-panel>div{padding:26px 22px}
 .method-reference-panel p{font-size:16px;line-height:1.6}
 .webshop-cases-grid article,.site-design main #projektgalleri .concept-card{flex-basis:88%!important;min-width:0}
 .webshop-cases-grid{--gap:14px!important;--inset:20px!important;gap:14px!important;scroll-padding-inline:20px!important}
 .webshop-cases-grid article h3{font-size:22px!important}
 .webshop-carousel>button{width:40px!important;height:40px!important}
 .case-dots button{position:relative}
 .case-dots button::after{content:"";position:absolute;inset:-12px}
 .websites-project-gallery .website-project-grid{grid-template-columns:minmax(0,1fr)!important}
 .site-design main .unified-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 20px}
 .unified-tabs button{min-height:48px;font-size:12px;padding:9px 10px}
 .unified-tabs button+button::before{display:none}
 .unified-copy{width:100%!important;padding:26px 22px!important}
 .unified-photo{position:static!important;width:100%!important;height:auto!important}
 .unified-feature{display:flex!important;flex-direction:column;min-height:0!important}
 .home-faq-two{padding:48px 20px 36px}
 .home-faq-two .home-faq-grid{grid-template-columns:minmax(0,1fr)!important}
 .home-faq-items summary{font-size:17px!important;padding:18px}
 .home-faq-items p{font-size:16px;padding:0 18px 20px}
 .home-faq-photo{max-width:100%;margin:0 auto}
 .shared-contact .shared-contact-copy h2{font-size:clamp(29px,7.5vw,36px)!important}
 .shared-contact .shared-contact-copy>p{font-size:16px!important;line-height:1.55!important}
 .shared-contact-links a span span{font-size:clamp(12px,3.5vw,16px)!important}
 .shared-contact-links>a{min-height:48px}
 .shared-contact-mobile-photo{height:220px}
 .home-contact-heading h2{font-size:clamp(29px,7.5vw,36px)!important}
 .home-contact-heading p{font-size:16px!important;line-height:1.55}
 .about-panorama-copy,.inspiration-duo-copy{padding-inline:22px!important}
 .about-panorama h1,.inspiration-duo h1{overflow-wrap:normal}
 .site-design main .projects-coast{padding-inline:20px}
 .site-design main .projects-coast p{font-size:16px;line-height:1.55}
 .site-design main #team.about-team-reference .about-team-tabs{gap:8px;max-width:100%}
 .site-design main #team.about-team-reference .about-team-tabs button{min-height:48px;padding:10px;font-size:13px}
 .site-design main #team.about-team-reference .about-team-panel figure img{width:100%!important;max-width:100%!important;object-fit:cover}
 .contact-flow{max-width:calc(100vw - 24px)!important;width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important;padding:0!important;border-radius:20px!important}
 .contact-flow form{padding:20px!important}
 .contact-flow :is(input,textarea,select){font-size:16px!important;min-width:0;max-width:100%}
 .contact-flow .flow-field-grid{grid-template-columns:minmax(0,1fr)!important}
 .contact-flow .flow-top{gap:12px}
 .contact-flow .flow-top .close{min-height:44px;min-width:44px}
 .contact-flow #flow-title{font-size:27px!important;line-height:1.17}
 footer{padding:36px 22px 24px!important;grid-template-columns:minmax(0,1fr)!important;gap:24px!important}
 footer>div{min-width:0;flex-wrap:wrap}
 footer a{overflow-wrap:anywhere}
 footer .brand-wordmark strong{font-size:21px}
 footer .footer-company{display:grid;gap:10px}
 footer .footer-company a{min-height:36px;display:inline-flex;align-items:center}
 footer nav{display:flex;flex-wrap:wrap;gap:12px 22px}
 footer nav a{min-height:40px;display:inline-flex;align-items:center}
}
@media(max-width:380px){
 .site-design main #vores-fokus.expertise-petrol .home-expertise-tabs button{font-size:11px;padding-inline:7px}
 .shared-contact-copy{padding-inline:20px}
 .shared-contact-links>a{gap:10px}
 .shared-contact-links>a>span{padding-left:10px}
 .shared-contact-links svg{width:24px;height:24px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:760px){
 .site-design main #find-retning>div>h2,.site-design main #find-retning .direction-heading h2,.site-design main #find-retning .section-head h2{color:#123e46!important}
 .site-design main #find-retning h2{color:#123e46!important}
}