body{margin:0;background:#F3F2EF}
.oc-menu-link{transition:background-color .15s}.oc-menu-link:hover,.oc-menu-link:focus-visible{background-color:#F3F2EF}
button:focus:not(:focus-visible){outline:none}
.oc-input:focus{outline:2px solid #24352F;outline-offset:1px;border-color:#24352F}
.oc-burger{display:none}
.oc-mlink{transition:background-color .15s}.oc-mlink:hover,.oc-mlink:focus-visible{background-color:#F3F2EF}
@media (max-width: 860px){.oc-nav-desktop{display:none!important}.oc-burger{display:inline-flex!important}.oc-logo{height:15px!important}.oc-header{padding:14px 16px 14px 20px!important;flex-wrap:nowrap!important;width:calc(100% - 40px)!important;margin-top:20px!important}}
@media (min-width: 861px){.oc-mobile-only{display:none!important}}
@media (max-width: 860px){.oc-photo-hero{min-height:680px!important}.oc-photo-hero-inner{padding:150px 20px 72px!important}.oc-photo-hero{border-radius:24px!important}}
@media (max-width: 860px){.oc-services{padding:64px 16px!important}.oc-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px!important;border-radius:18px!important;margin-bottom:10px}.oc-tab{font-size:15px!important;padding:12px 14px!important;min-height:52px!important;line-height:1.25;border-radius:13px!important}.oc-tabpanel{border-radius:22px!important;padding:28px 22px!important;gap:32px!important}.oc-tabpanel>div{flex-basis:100%!important;gap:24px!important}.oc-tab-h3{font-size:1.75rem!important}.oc-feat-h{font-size:19px!important}.oc-feat-p{font-size:16px!important}}
@keyframes oc-up{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes oc-drop{from{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:none}}
@keyframes oc-zoom{from{transform:scale(1.14)}to{transform:scale(1)}}
@keyframes oc-marquee{to{transform:translateX(-50%)}}
@keyframes oc-swapA{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes oc-swapB{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes oc-reveal{from{opacity:0;transform:translateY(56px)}to{opacity:1;transform:none}}
@keyframes oc-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(-6deg)}}
.oc-in{animation:oc-up .9s cubic-bezier(.2,.7,.2,1) both}
.oc-d1{animation-delay:.08s}.oc-d2{animation-delay:.22s}.oc-d3{animation-delay:.38s}.oc-d4{animation-delay:.55s}
.oc-drop{animation:oc-drop .22s cubic-bezier(.2,.7,.2,1) both;transform-origin:top center}
.oc-zoom{animation:oc-zoom 2.6s cubic-bezier(.2,.7,.2,1) both}
.oc-marquee-wrap{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.oc-marquee{display:flex;width:max-content;animation:oc-marquee 45s linear infinite}
.oc-marquee-wrap:hover .oc-marquee{animation-play-state:paused}
.oc-pill{transition:background-color .25s,border-color .25s,transform .25s}.oc-pill:hover{background-color:#FCBE11;border-color:#FCBE11;transform:translateY(-3px)}
.oc-lift{transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s}.oc-lift:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(44,44,44,.16)}
.oc-card{transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s}.oc-card:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(36,53,47,.12)}
.oc-navlink{background-image:linear-gradient(#FCBE11,#FCBE11);background-size:0 2px;background-repeat:no-repeat;background-position:0 85%;transition:background-size .3s cubic-bezier(.2,.7,.2,1)}.oc-navlink:hover,.oc-navlink:focus-visible{background-size:100% 2px}
.oc-arrow{display:inline-block;transition:transform .25s}.oc-arrow-link:hover .oc-arrow{transform:translateX(6px)}
@supports (animation-timeline: view()){.oc-reveal{animation:oc-reveal linear both;animation-timeline:view();animation-range:entry 0% entry 40%}}
@keyframes oc-spin{to{transform:rotate(360deg)}}
@keyframes oc-topo{0%{transform:translate(0,0) rotate(0deg) scale(1)}50%{transform:translate(-40px,24px) rotate(6deg) scale(1.04)}100%{transform:translate(0,0) rotate(0deg) scale(1)}}
@keyframes oc-par{from{transform:translateY(-7%) scale(1.16)}to{transform:translateY(7%) scale(1.16)}}
.oc-topo{animation:oc-topo 38s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes oc-heroexit{to{transform:scale(.93);border-radius:56px;filter:brightness(.6)}}
@supports (animation-timeline: view()){.oc-hero-card{animation:oc-heroexit linear both;animation-timeline:view();animation-range:exit 0% exit 90%;transform-origin:center top}}
@supports (animation-timeline: view()){.oc-parallax{animation:oc-par linear both;animation-timeline:view();animation-range:cover}}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
a{color:#24352F}a:hover{color:#000000}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
.oc-menu-btn{display:inline-flex;align-items:center;gap:10px;min-height:44px;border:0;cursor:pointer;font-family:inherit;font-size:17px;font-weight:500;color:#FFFFFF;padding:10px 16px;margin:0 -16px;border-radius:12px;background:transparent}
.oc-menu-btn[aria-expanded="true"]{background:rgba(255,255,255,.16)}
.oc-chev{transition:transform .2s}.oc-menu-btn[aria-expanded="true"] .oc-chev{transform:rotate(180deg)}
.oc-burger .oc-icon-close{display:none}.oc-burger[aria-expanded="true"] .oc-icon-close{display:block}.oc-burger[aria-expanded="true"] .oc-icon-open{display:none}
.oc-tab{flex:1 1 200px;min-height:56px;border:0;cursor:pointer;font-family:inherit;font-size:19px;font-weight:500;text-align:left;padding:16px 22px;border-radius:16px;background:transparent;color:#5E5E5E}
.oc-tab[aria-selected="true"]{background:#FFFFFF;color:#2C2C2C}
.oc-swap>div{animation:oc-swapA .5s cubic-bezier(.2,.7,.2,1) both}.oc-swap>div+div{animation-delay:.08s}
.oc-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
button:disabled{opacity:.6;cursor:wait}


a[href^="tel:"]{white-space:nowrap}
@media (max-width: 860px){
section[aria-label="Hva vi står for"]{padding:64px 0 8px!important}
.oc-services{padding:48px 16px!important}
#om-oss>div{padding:72px 24px!important;gap:24px!important}
#kontakt{padding:32px 12px 72px!important}
#kontakt>div{padding:28px 16px 16px!important;border-radius:24px!important;gap:28px!important}
#kontakt>div>div:first-child{padding:0 8px}
#skjema{padding:20px!important;border-radius:18px!important}
footer>div:first-child{padding:48px 24px!important}
footer>div:last-child{padding:0 24px 32px!important}
}
