:root{--paper:#fafafa;--white:#fff;--ink:#202620;--muted:#68716a;--green:#427344;--leaf:#54ac3a;--hakon-green:#54ac3a;--hakon-black:#151917;--line:#e1e5e0;font-family:"Avenir Next",Avenir,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}button,svg{flex-shrink:0}button:focus-visible,a:focus-visible{outline:3px solid var(--green);outline-offset:5px}button:disabled{opacity:.25;cursor:default}[hidden]{display:none!important}img{max-width:100%}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.wrap{width:min(1200px,calc(100% - 72px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;left:20px;top:-80px;z-index:20;background:white;padding:14px}.skip-link:focus{top:12px}.enhanced{display:none}.js .enhanced{display:flex}
.site-header{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.site-header img{display:block;width:119px;height:auto}.site-header>span{font-size:12px;color:var(--muted)}.site-header strong{font-weight:650;color:var(--ink)}.intro{padding:26px 0 20px;display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.intro h1{font-size:clamp(30px,3vw,40px);line-height:1.15;letter-spacing:-1.6px;font-weight:650;margin:0 0 12px}.intro p{margin:0;font-size:14px;line-height:1.65;color:var(--muted)}.intro .intro-note{text-align:right;font-size:12px;line-height:1.75;padding-bottom:3px}.feed-bar{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px}.feed-bar>span{font-size:13px;color:var(--muted)}.view-switch{gap:5px}.view-switch button{display:flex;align-items:center;gap:7px;min-height:40px;border:0;background:transparent;color:var(--muted);border-radius:6px;padding:8px 12px;font-size:13px}.view-switch button[aria-pressed=true]{background:#e9eee7;color:#315c35;font-weight:600}.view-switch svg{width:17px;height:17px}
.feed{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px;align-items:start}.ig-post{min-width:0;border:1px solid var(--line);border-radius:8px;background:var(--white);overflow:hidden;scroll-margin-top:24px}.ig-header{display:flex;align-items:center;gap:10px;padding:12px 14px;height:69px}.avatar{width:41px;height:41px;flex:0 0 41px;display:flex;align-items:center;justify-content:center;border:1px solid #dce5d6;border-radius:50%;background:white}.avatar img{width:32px;height:auto}.ig-header>div{display:flex;flex-direction:column;gap:2px;min-width:0}.ig-header strong{font-size:13px;line-height:1.35;font-weight:700}.ig-header>div>span{font-size:10px;color:var(--muted);line-height:1.5}.ig-more{margin-left:auto;font-size:13px;letter-spacing:1px;padding-left:8px;color:#464c46}.visual,.preview-visual{position:relative;min-width:0}.open-post{display:block;text-decoration:none}.creative{container-type:inline-size;position:relative;aspect-ratio:4/5;overflow:hidden;background:#293029;color:white;isolation:isolate}.creative-photo{display:block;position:absolute;inset:0;max-width:none;width:100%;height:100%;object-fit:cover;object-position:50% 50%;z-index:-2}.creative::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.13),transparent 32%,transparent 40%,rgba(0,0,0,.15) 53%,rgba(0,0,0,.84) 100%);z-index:-1}.creative-brand{position:absolute;left:7.5%;top:5.2%;width:23%;filter:brightness(0) invert(1) drop-shadow(0 1px 3px #0003)}.creative-brand img{display:block;width:100%;height:auto}.creative-copy{position:absolute;bottom:7.1%;left:7.5%;right:7.5%}.creative-rule{display:block;height:3px;width:12%;background:var(--leaf);margin-bottom:4.3cqw}.creative h2{margin:0;font-size:8.3cqw;line-height:1.1;font-weight:650;letter-spacing:-.25cqw;text-wrap:balance;max-width:100%;overflow-wrap:normal}.creative-copy p{margin:3cqw 0 0;font-size:3.35cqw;line-height:1.45;font-weight:450;color:#f5f6f2;max-width:95%}.creative-kunskap::after{background:linear-gradient(180deg,rgba(10,24,11,.85),rgba(10,24,11,.48) 30%,rgba(10,24,11,.05) 59%,rgba(10,24,11,.3) 78%,rgba(10,24,11,.76))}.creative-kunskap .creative-brand{top:auto;bottom:5.2%;width:20%}.creative-kunskap .creative-copy{top:8%;bottom:auto}.creative-kunskap .creative-rule{background:var(--leaf);margin-bottom:4cqw}.creative-kunskap h2{font-size:9.3cqw;line-height:1.07;font-weight:650}.creative-kunskap .creative-copy p{font-size:3.6cqw;margin-top:4cqw;color:#fff;max-width:89%}.creative-arbete{background:var(--hakon-black);color:#fff}.creative-arbete::after{display:none}.creative-arbete .creative-photo{height:72%;object-position:50% 45%}.creative-arbete .creative-brand{left:auto;right:6%;top:4%;width:20%;filter:none;background:var(--hakon-black);padding:2% 2.3%;border-radius:2px}.creative-arbete .creative-copy{bottom:0;left:0;right:0;height:28%;padding:4.7% 7% 3%;border-top:4px solid var(--hakon-green);background:var(--hakon-black)}.creative-arbete .creative-rule{display:none}.creative-arbete h2{font-size:7cqw;line-height:1.06;letter-spacing:-.18cqw;font-weight:650}.creative-arbete .creative-copy p{color:#c6cdc4;font-size:3.15cqw;line-height:1.35;margin-top:2.3cqw;max-width:100%}.photo-14 .creative-photo{object-position:12% 42%}.photo-14 h2{font-size:8.8cqw}.photo-17 h2{max-width:88%}.photo-12 h2,.photo-24 h2{font-size:8.8cqw}.photo-3 .creative-photo{object-position:46% 50%}.photo-8 .creative-photo,.photo-1 .creative-photo{object-position:60% 50%}
/* Three abstract treatments share white type, green accents and angled cuts. */
.creative-panel{--panel-fill:linear-gradient(118deg,#131914 0% 68%,#203e26 68% 82%,#386b2b 82%);--panel-cut:polygon(0 0,100% 0,100% calc(100% - 6cqw),0 100%);--panel-edge:polygon(0 calc(100% - 1cqw),100% calc(100% - 7cqw),100% calc(100% - 6cqw),0 100%)}
.creative-panel::after{background:linear-gradient(180deg,transparent 32%,rgba(0,0,0,.06) 60%,rgba(0,0,0,.78))}
.creative-panel .creative-copy{top:0;left:0;right:0;bottom:auto;padding:8% 7.5% 12%;background:none;color:#fff;isolation:isolate}
.creative-panel .creative-copy::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--panel-fill);clip-path:var(--panel-cut)}
.creative-panel .creative-copy::after{content:"";position:absolute;inset:0;z-index:-1;background:var(--hakon-green);clip-path:var(--panel-edge)}
.creative-panel .creative-rule{display:none}
.creative-panel .creative-copy h2{font-size:9.1cqw;line-height:1.06}
.creative-panel .creative-copy p{font-size:3.5cqw;line-height:1.4;color:#e5eddf;margin-top:3cqw;max-width:100%}
.creative-panel.creative-offset{--panel-fill:#151c17;--panel-cut:polygon(0 3cqw,100% 0,100% calc(100% - 3cqw),0 100%)}
.creative-panel.creative-offset .creative-copy{top:7%;left:5%;right:7%;padding:8% 6.5% 9%}
.creative-panel.creative-offset .creative-copy::after{z-index:-3;clip-path:var(--panel-cut);transform:translate(2.2cqw,1.7cqw);background:var(--hakon-green)}
.creative-panel.creative-offset .creative-copy h2{font-size:8.6cqw}
.creative-panel.creative-offset .creative-rule{display:block;width:13%;height:.7cqw;margin-bottom:3.8cqw;transform:rotate(-5deg)}
.creative-panel.creative-grain{--panel-fill:linear-gradient(110deg,#141b16f2 5%,#1b3022b8 56%,#345c398c),url("struktur.svg") center/160px 160px,#23432b}
.creative-panel.creative-grain .creative-copy::after{background:linear-gradient(90deg,var(--hakon-green),#83ba65);clip-path:polygon(0 calc(100% - 1.1cqw),100% calc(100% - 7.1cqw),100% calc(100% - 6cqw),0 100%)}
.creative-panel.creative-reverse{--panel-fill:linear-gradient(65deg,#284d28 0% 12%,#1c3220 12% 26%,#141b16 26%);--panel-cut:polygon(0 0,100% 0,100% 100%,0 calc(100% - 6cqw));--panel-edge:polygon(0 calc(100% - 7cqw),100% calc(100% - 1cqw),100% 100%,0 calc(100% - 6cqw))}
.creative-panel.creative-reverse .creative-copy{padding-bottom:15%}
.creative-arbete .creative-photo{height:77%}
.creative-arbete .creative-copy{height:31%;display:flex;flex-direction:column;justify-content:center;padding:1.5% 7% 0;border:0;background:none;isolation:isolate;--footer-fill:#151917;--footer-cut:polygon(0 8%,100% 0,100% 100%,0 100%)}
.creative-arbete .creative-copy::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--footer-fill);clip-path:var(--footer-cut)}
.creative-arbete .creative-copy::after{content:"";position:absolute;inset:0;z-index:-1;clip-path:polygon(0 7%,100% 0,100% 1.5%,0 8.5%);background:var(--hakon-green)}
.creative-arbete.creative-offset .creative-copy{--footer-cut:polygon(0 2%,100% 13%,100% 100%,0 100%);padding-top:3%}
.creative-arbete.creative-offset .creative-copy::after{z-index:-3;clip-path:polygon(0 0,100% 3%,100% 24%,0 15%)}
.creative-arbete.creative-slice .creative-copy{--footer-fill:linear-gradient(115deg,#151917 0% 76%,#234127 76% 87%,#3b742e 87%)}
.creative-arbete.creative-grain .creative-copy{--footer-fill:linear-gradient(90deg,#151917ef 18%,#1c3528c9 76%,#335e3882),url("struktur.svg") right center/140px 140px,#24432e}
.creative-panel.creative-bottom-panel .creative-photo{height:77%;object-position:45% 40%}
.creative-panel.creative-bottom-panel::after{background:linear-gradient(180deg,#00000012,transparent 30%,transparent 65%,#00000016)}
.creative-panel.creative-bottom-panel .creative-brand{top:5.2%;bottom:auto;left:7.5%;width:20%}
.creative-panel.creative-bottom-panel .creative-copy{top:auto;bottom:0;height:31%;display:flex;flex-direction:column;justify-content:center;padding:1.5% 7.5% 0;--panel-cut:polygon(0 0,100% 8%,100% 100%,0 100%);--panel-edge:polygon(0 0,100% 8%,100% 9%,0 1%)}
.creative-panel.creative-bottom-panel .creative-copy h2{font-size:8.3cqw}
.creative.is-detail::after{display:block;background:linear-gradient(transparent 82%,rgba(0,0,0,.4))}.creative.is-detail .creative-photo{height:100%;object-fit:contain;background:#1c211d;object-position:center}.creative.is-detail .creative-copy{display:none}.creative.is-detail .creative-brand{left:auto;right:6%;top:auto;bottom:5%;width:18%;background:none;padding:0;filter:brightness(0) invert(1)}
.slide-count{position:absolute;right:12px;top:12px;pointer-events:none;border-radius:20px;background:#18241dcc;color:white;font:11px/1.3 Arial,sans-serif;padding:6px 9px;z-index:2}.slide-arrow{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:34px;height:42px;border:0;border-radius:20px;background:#ffffffeb;color:#263429;z-index:3;box-shadow:0 1px 5px #0002;transition:background .15s}.slide-arrow:hover{background:white}.slide-arrow svg{width:20px;height:20px}.slide-prev{left:10px}.slide-next{right:10px}.grid-stack{display:none}.ig-body{padding:0 15px 15px;font-family:Arial,sans-serif}.ig-actions{position:relative;min-height:48px;display:flex;align-items:center}.social-icons{width:100%;display:flex;gap:13px;align-items:center;color:#222}.social-icons svg{width:22px;height:22px;stroke-width:1.75}.social-icons svg:last-child{margin-left:auto;width:21px}.ig-actions .slide-dots{position:absolute;left:50%;transform:translateX(-50%);pointer-events:none}.slide-dots{display:flex;align-items:center;justify-content:center;gap:0;min-height:22px}.slide-dots button{padding:8px 3px;background:transparent;border:0;pointer-events:auto;line-height:0}.slide-dots button::after{content:"";display:block;width:5px;height:5px;background:#cbd2c8;border-radius:50%}.slide-dots button[aria-pressed=true]::after{background:var(--green)}.ig-caption{font-size:12px;line-height:1.5;overflow-wrap:break-word}.ig-caption .account-name{font-weight:700;margin-right:5px}.ig-caption p{margin:12px 0 0}.ig-caption p:first-of-type{display:inline;margin:0}.js .ig-caption{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.js .ig-caption.expanded{display:block;overflow:visible}.expand-caption{padding:3px 0 0;background:none;border:0;color:#727572;min-height:24px;font:12px/1.4 Arial,sans-serif}.expand-caption:hover{color:var(--green)}.site-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:30px 0;margin-top:65px;font-size:12px}.site-footer p{margin:0;font-weight:600}.site-footer p span{margin-left:20px;color:var(--muted);font-weight:400}.site-footer a{text-decoration:none;color:var(--muted)}
.profile-grid{gap:7px}.profile-grid .ig-post{border:0;border-radius:0;background:none}.profile-grid .ig-header,.profile-grid .ig-body,.profile-grid .slide-count,.profile-grid .slide-arrow{display:none}.profile-grid .grid-stack{display:block;position:absolute;right:15px;top:15px;color:white;filter:drop-shadow(0 1px 2px #0008);pointer-events:none}.grid-stack svg{width:21px;height:21px}.profile-grid .creative-arbete .creative-brand{right:auto;left:6%}.profile-grid .open-post:focus-visible{outline-offset:-4px}
body.modal-open{overflow:hidden}#post-preview{width:min(1090px,calc(100% - 90px),130dvh);max-height:94dvh;border:0;border-radius:8px;padding:0;background:white;color:var(--ink);overflow:visible;box-shadow:0 20px 100px #0005}#post-preview::backdrop{background:#17201cd9;backdrop-filter:blur(5px)}.preview-layout{display:grid;grid-template-columns:minmax(0,1.23fr) minmax(0,1fr);max-height:90dvh;overflow:hidden;border-radius:8px}.preview-visual{align-self:start}.preview-visual .creative{max-height:90dvh}.preview-close{position:absolute;right:-40px;top:0;width:34px;height:34px;border:0;color:white;background:transparent;display:flex;align-items:center;justify-content:center}.preview-text{display:flex;flex-direction:column;min-height:0;max-height:90dvh;font-family:Arial,sans-serif}.preview-text .ig-header{height:77px;flex-shrink:0;padding:16px 23px;border-bottom:1px solid var(--line)}.preview-text .ig-header strong{font-size:14px}.preview-text .ig-header>div>span{font-size:11px}.preview-caption{padding:27px 26px 24px;overflow:auto;line-height:1.6;font-size:14px;flex:1}.preview-caption>strong{display:block;margin-bottom:12px}.preview-caption p{margin:0 0 17px}.preview-caption p:last-child{margin-bottom:0}.preview-bottom{padding:19px 23px 12px;border-top:1px solid var(--line);margin-top:auto}.preview-bottom .slide-dots{margin-top:8px}.post-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);margin-top:10px;padding-top:10px}.post-nav button{display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--ink);width:32px;height:32px}.post-nav span{font-size:11px;color:var(--muted)}
@media(min-width:1550px){.wrap{width:1260px}.feed{gap:38px 30px}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.feed{gap:25px 15px}.intro h1{font-size:36px}.intro p{font-size:14px}.intro .intro-note{font-size:11px}.ig-header{padding:10px;height:61px;gap:7px}.ig-body{padding-inline:11px}.ig-header>div>span{font-size:9px}.avatar{width:35px;height:35px;flex-basis:35px}.avatar img{width:28px}.ig-caption{font-size:11px}.social-icons{gap:9px}.social-icons svg{width:20px;height:20px}.ig-actions .slide-dots{left:57%}.profile-grid{gap:5px}.preview-layout{grid-template-columns:1.05fr 1fr}.preview-caption{padding:20px;font-size:13px}.preview-text .ig-header{padding-inline:20px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.site-header{height:90px}.site-header img{width:97px}.intro{padding:34px 0 26px;display:block}.intro h1{font-size:33px;letter-spacing:-1.25px}.intro p{font-size:14px}.intro .intro-note{font-size:11px;line-height:1.6;text-align:left;margin-top:19px}.feed-bar>span{font-size:11px;max-width:130px;line-height:1.5}.feed-bar{min-height:70px;gap:10px}.view-switch{gap:1px}.view-switch button{padding:8px;font-size:11px;gap:5px}.view-switch svg{width:15px;height:15px}.feed{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.profile-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.profile-grid .grid-stack{top:7px;right:7px}.profile-grid .grid-stack svg{width:15px;height:15px}.profile-grid .creative-rule{height:2px}.profile-grid .creative-arbete .creative-copy{border-top-width:2px}.site-footer{margin-top:38px;padding:25px 0;font-size:11px}.site-footer p span{display:block;margin:6px 0 0}#post-preview{width:min(510px,calc(100% - 24px));max-height:calc(100dvh - 40px);overflow:auto;overscroll-behavior:contain}.preview-layout{display:flex;flex-direction:column;max-height:none;overflow:visible}.preview-close{position:sticky;top:10px;left:calc(100% - 44px);margin-bottom:-36px;transform:translateY(10px);color:#263429;background:#fffffff2;border-radius:50%;z-index:6;width:32px;height:32px}.preview-visual{width:100%;align-self:auto}.preview-visual .creative{max-height:none}.preview-text{max-height:none}.preview-caption{overflow:visible;font-size:14px;padding:22px}.preview-text .ig-header{height:70px;padding:15px 22px}.preview-text .avatar{width:39px;height:39px;flex-basis:39px}.preview-bottom{padding:17px 22px 10px}.preview-visual .slide-count{right:auto;left:12px;top:12px}.preview-visual .creative-brand{top:10%}.preview-visual .creative-kunskap:not(.creative-bottom-panel) .creative-brand{top:auto}.preview-visual .creative.is-detail .creative-brand{top:auto}}
@media(max-width:520px){.wrap{width:calc(100% - 28px)}.site-header{height:84px}.site-header>span{font-size:10px;max-width:140px;text-align:right;line-height:1.6}.intro{padding-top:31px}.intro h1{font-size:30px}.feed{display:flex;flex-direction:column;gap:26px}.ig-post{width:100%;border-radius:6px}.ig-header{height:67px;padding:12px 14px;gap:10px}.avatar{width:39px;height:39px;flex-basis:39px}.avatar img{width:31px}.ig-header strong{font-size:13px}.ig-header>div>span{font-size:10px}.ig-body{padding:0 14px 15px}.ig-caption{font-size:12px}.social-icons{gap:13px}.social-icons svg{width:23px;height:23px}.ig-actions{min-height:47px}.ig-actions .slide-dots{left:50%}.profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.profile-grid .creative h2{font-weight:700}.profile-grid .creative-copy p{display:none}.profile-grid .creative-arbete h2{font-size:8cqw}.profile-grid .creative-rule{height:1px}.profile-grid .creative-arbete .creative-copy{border-top-width:1px}.profile-grid .grid-stack svg{width:12px;height:12px}.profile-grid .grid-stack{right:5px;top:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
@media print{.site-header,.view-switch,.site-footer,.slide-arrow,.expand-caption,.ig-more{display:none!important}.wrap{width:100%}.intro{padding:10px 0 20px}.intro h1{font-size:24px}.feed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.ig-post{break-inside:avoid}.js .ig-caption{display:block;overflow:visible}.creative{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* Graphic marketing posts already contain their typography and branding. */
.creative-graphic{background:#121914}.creative-graphic::after{display:none}.creative-graphic .creative-photo{object-fit:contain;object-position:center}

.graphic-overview .wrap{max-width:1200px}.graphic-overview .feed,.graphic-overview .feed.profile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:600px){.graphic-overview .feed{display:flex;flex-direction:column}.graphic-overview .feed.profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}}

@media(max-width:760px){.preview-graphic .preview-close{margin:8px 10px 8px auto;transform:none;top:8px;left:auto}.preview-graphic .preview-layout{border-radius:0 0 8px 8px}}