/* Full-screen directory, based on the supplied green-glass reference. */
html.directory-open{overflow:hidden}
.site-directory{--directory-ink:#f4f6ee;--menu-green:#b4d457;position:fixed;inset:0;margin:0;border:0;padding:0;width:100vw;max-width:none;height:100dvh;max-height:none;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#60733d #171e14;scrollbar-width:thin;background:radial-gradient(ellipse at 5% 55%,#657b1a18,transparent 45%),radial-gradient(ellipse at 93% 80%,#7c9e2710,transparent 40%),#171e14;color:var(--directory-ink);font-family:Schibsted,'Segoe UI',sans-serif}
.site-directory::backdrop{background:#171e14}
.site-directory [hidden]{display:none!important}
.directory-symbols{position:absolute;width:0;height:0;overflow:hidden}
.site-directory svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.directory-shell{width:min(100%,1920px);margin-inline:auto;padding:0 clamp(30px,6.1vw,116px);min-height:100%;display:flex;flex-direction:column;overflow:hidden}
.directory-header{display:flex;align-items:center;justify-content:space-between;min-height:100px;gap:30px;position:relative;z-index:2}
.directory-header>a{display:block}
.directory-header img{width:220px}
.directory-close{display:flex;align-items:center;justify-content:center;gap:18px;padding:10px 0 10px 18px;min-height:48px;color:#f4f6ee;font-size:12px}
.directory-close svg{width:32px;height:32px;transition:transform .2s}
.directory-close:hover svg{transform:rotate(90deg)}
.site-directory a:focus-visible,.site-directory button:focus-visible,.site-directory input:focus-visible,.site-directory [tabindex]:focus-visible{outline:2px solid #b4d457;outline-offset:4px;border-radius:5px}
.directory-content{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,2.85fr);gap:clamp(32px,4.3vw,82px);align-content:center;flex:1;padding-block:22px 40px}
.directory-intro{position:relative;isolation:isolate;padding-top:31px}
.directory-caption{display:inline-flex;align-items:center;gap:7px;border:1px solid #9cb64238;border-radius:30px;padding:5px 10px;font-size:11px;font-weight:550;color:#b4d457;margin-bottom:23px;white-space:nowrap}
.directory-caption>span,.directory-footer>p>i{display:block;width:8px;height:8px;flex:none;border-radius:50%;background:#b4d457;box-shadow:0 0 16px #c2eb5a55}
.directory-intro h2{font:600 clamp(34px,3.12vw,60px)/1.1 Schibsted,'Segoe UI',sans-serif;letter-spacing:-.065em;white-space:nowrap}
.directory-intro h2>span{color:#b4d457}
.directory-summary{font-size:clamp(11px,1vw,16px);line-height:1.65;color:#aeb5a6;max-width:320px;margin-top:24px;letter-spacing:-.025em}
.directory-project{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;font-size:clamp(11px,.9vw,15px);font-weight:600;color:#b4d457;border:1px solid #b4d45755;border-radius:99px;padding:12px 20px;margin-top:24px;transition:background .2s,border-color .2s}
.directory-project>span{font-size:23px;line-height:1}
.directory-project:hover{background:#b4d45712;border-color:#b4d457}
.directory-glass{position:absolute;z-index:-1;left:-160px;bottom:-100px;width:460px;height:250px;pointer-events:none;perspective:650px;opacity:.9}
.glass-frame{position:absolute;inset:15px 12px 12px 5px;border:1px solid #d7ed8b44;border-radius:31px;background:linear-gradient(135deg,#d4f06d03,#b4d45714 45%,#d4f06d03 46%,#080d0622);transform:rotate(-17deg) rotateY(-20deg);box-shadow:inset -2px 0 2px #d8ed9166,0 12px 35px #03080145}
.glass-ribbon{position:absolute;width:510px;height:155px;left:-25px;top:50px;transform:rotate(-18deg) skewY(9deg);clip-path:polygon(0 8%,80% 0,99% 38%,85% 100%,0 66%);background:linear-gradient(165deg,#9db63608 13%,#e9ffb7 38%,#b6e94e 44%,#86ad1833 68%,#13200810 85%);filter:drop-shadow(0 0 20px #d4ff4322)}
.ribbon-back{top:-5px;transform:rotate(32deg) skewY(-10deg);opacity:.35;background:linear-gradient(170deg,#91b33500,#a9db4b77,#91b33500)}
.glass-edge{position:absolute;left:0;bottom:38px;width:390px;height:46px;border-bottom:2px solid #d1ed8c66;border-radius:0 0 25px 25px;transform:rotate(-17deg)}
.directory-workspace{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);grid-template-rows:auto 1fr;gap:25px 32px;align-items:start;min-width:0}
.directory-tabs-row{display:flex;align-items:center;gap:20px;grid-column:1/-1;grid-row:1;min-width:0}
.directory-tabs{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:1;min-width:0}
.directory-tabs>button{display:flex;align-items:center;justify-content:flex-start;gap:11px;min-height:53px;padding:13px 15px;flex:1;white-space:nowrap;font-size:clamp(12px,1.08vw,18px);font-weight:550;letter-spacing:-.03em;border:1px solid transparent;border-radius:13px;color:#b9c0b1;transition:background .2s,color .2s}
.directory-tabs>button>svg{width:21px;height:21px}
.directory-tabs>button[aria-selected=true]{background:linear-gradient(135deg,#a6cb421f,#99bd3c66);border-color:#b4d45714;color:#f4f6ee;box-shadow:0 5px 25px #b5d72e0d,inset 0 1px 0 #d5ebad09}
.directory-tabs>button:hover{color:#dcf3b8}
.directory-tabs>button>.tab-chevron{margin-left:auto;width:16px;color:#b4d457}
.directory-search-toggle{display:grid;place-items:center;width:53px;height:36px;flex:none;border-left:1px solid #81944f55;color:#c1c8b9;padding-left:15px}
.directory-search-toggle>svg{width:22px;height:22px}
.directory-search-toggle:hover,.directory-search-toggle[aria-expanded=true]{color:#b4d457}
.directory-panels{min-width:0;grid-column:1;grid-row:2}
.directory-workspace:has(.directory-search:not([hidden]))>.directory-panels,.directory-workspace:has(.directory-search:not([hidden]))>.directory-right{grid-row:3}
.directory-panel{min-width:0}
.directory-product-list{display:grid;grid-template-columns:1fr 1fr;gap:14px 17px}
.directory-product-list>a{display:flex;align-items:center;gap:14px;min-width:0;min-height:clamp(68px,8.6vh,96px);padding:15px 17px;border:1px solid #bdcc9010;border-radius:15px;position:relative;background:linear-gradient(135deg,#ffffff02,#a7b57708);box-shadow:inset 0 1px 0 #ffffff02;transition:border-color .2s,background .2s}
.directory-product-list>a>img,.directory-product-list>a>.crm-icon{height:36px;width:36px;object-fit:contain;flex:none;border-radius:8px}
.directory-product-list .crm-icon{background:#b4d457;color:#242a21;display:grid;place-items:center;font:650 18px/1 Schibsted,'Segoe UI',sans-serif}
.directory-product-name{display:block;font-size:clamp(12px,1.04vw,18px);font-weight:550;line-height:1.3;letter-spacing:-.04em;min-width:0}
.directory-product-name small{display:block;font-size:clamp(8px,.66vw,11px);font-weight:400;line-height:1.5;letter-spacing:-.025em;color:#a3ad99;margin-top:5px}
.directory-product-arrow{margin-left:auto;color:#8ca553;font:300 25px/1 Schibsted,sans-serif;transition:transform .2s}
.directory-product-list>a:hover{border-color:#b4d45766;background:linear-gradient(135deg,#b4d45709,#b4d45717)}
.directory-product-list>a:hover .directory-product-arrow{color:#b4d457;transform:translateX(3px)}
.directory-right{border-left:1px solid #91aa4f38;padding-left:30px;min-width:0;grid-column:2;grid-row:2}
.site-directory h3{font:600 clamp(16px,1.35vw,24px)/1.3 Schibsted,'Segoe UI',sans-serif;letter-spacing:-.05em}
.directory-services h3{display:flex;align-items:center;gap:12px;margin-bottom:13px;white-space:nowrap}
.directory-services h3>span{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:50%;background:radial-gradient(circle at 25% 70%,#d1ed8b,#6a822549);box-shadow:0 0 14px #a2c44a12;color:#f5ffd9}
.directory-services h3 svg{width:23px;height:23px;stroke-width:1.2}
.directory-services>a{display:flex;justify-content:space-between;align-items:center;gap:9px;border-bottom:1px solid #a1b77d22;font-size:clamp(11px,.98vw,17px);font-weight:550;min-height:clamp(62px,7.8vh,84px);line-height:1.4;letter-spacing:-.035em}
.directory-services>a:last-child{border-bottom:0}
.directory-services small{display:block;font-size:clamp(9px,.77vw,13px);font-weight:400;color:#a2ad99;margin-top:5px;line-height:1.5}
.directory-services>a>svg{width:18px;height:18px;color:#b4d457}
.directory-services>a:hover{color:#c9e782}
.directory-project-card{display:block;position:relative;isolation:isolate;overflow:hidden;border:1px solid #c4da8c18;border-radius:17px;padding:24px 21px 20px;margin-top:25px;background:radial-gradient(ellipse at 100% 100%,#9ebe4b66,transparent 70%),linear-gradient(125deg,#ffffff02,#a9c45d12)}
.directory-project-card>small{display:block;font-size:8px;font-weight:600;position:relative;z-index:1}
.directory-project-card>strong{display:block;font-size:clamp(18px,1.4vw,25px);font-weight:600;line-height:1.12;letter-spacing:-.05em;margin-top:10px;position:relative;z-index:1}
.directory-project-card>p{font-size:clamp(9px,.76vw,13px);line-height:1.65;color:#b4bfa7;margin-top:15px;max-width:220px;position:relative;z-index:1}
.project-card-action{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:11px;font-weight:600}
.project-card-action>i{display:grid;place-items:center;flex:none;width:29px;height:29px;background:#b4d457;color:#243018;border-radius:50%;font-size:20px;font-style:normal;transition:transform .2s}
.directory-project-card:hover .project-card-action>i{transform:translateX(4px)}
.project-cube{position:absolute;width:90px;height:100px;right:2px;top:24px;opacity:.75;transform:rotate(-12deg);z-index:0}
.project-cube>i{position:absolute;inset:0;background:linear-gradient(130deg,#ecffabcc,#638a2122 60%,#bddc5866);border:1px solid #e0f49c66;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.project-cube>i:nth-child(2){inset:20px -12px -20px 12px;background:linear-gradient(50deg,#2f501033,#e3ff8e55,#89ac24cc);transform:scale(.72)}
.project-cube>i:nth-child(3){inset:10px 24px 30px -12px;background:linear-gradient(135deg,#f0ffbdcc,#72962e11);transform:scale(.64)}
.directory-panel-heading{margin:8px 0 23px}
.directory-panel-heading h3{font-size:clamp(22px,2vw,34px)}
.directory-panel-heading p{color:#a3ad99;font-size:12px;line-height:1.7;margin-top:9px;max-width:400px}
.directory-detail-list{display:grid;gap:14px}
.directory-detail-list>a{display:flex;align-items:center;gap:17px;padding:22px;border:1px solid #bdcc9014;border-radius:15px;background:#c4d0a206;min-height:92px}
.directory-detail-list>a>svg{width:27px;height:27px;color:#b4d457}
.directory-detail-list>a>span{font-size:17px;line-height:1.4;letter-spacing:-.03em}
.directory-detail-list small{display:block;color:#a3ad99;font-size:11px;margin-top:6px;line-height:1.6}
.directory-detail-list b{margin-left:auto;color:#b4d457;font-size:24px;font-weight:400}
.directory-detail-list>a:hover{border-color:#b4d45766;background:#b4d4570b}
.directory-articles{display:grid;gap:13px}
.directory-articles>a{position:relative;display:flex;flex-direction:column;gap:12px;padding:22px 43px 22px 22px;border:1px solid #bdcc9014;border-radius:15px;background:#c4d0a206}
.directory-articles small{font-size:10px;color:#b4d457}
.directory-articles span{font-size:16px;line-height:1.5;letter-spacing:-.03em}
.directory-articles b{position:absolute;right:20px;top:22px;color:#b4d457;font-weight:400}
.directory-articles>a:hover{border-color:#b4d45766}
.directory-blog-all{display:inline-flex;align-items:center;gap:25px;font-size:11px;color:#b4d457;margin-top:25px;padding-block:6px}
.directory-search{grid-column:1/-1;grid-row:2}
.directory-search>label{display:block;font-size:11px;color:#a3ad99;margin-bottom:10px}
.directory-search>div{display:flex;align-items:center;gap:12px;padding:11px 15px;background:#b4d45709;border:1px solid #b4d45755;border-radius:12px}
.directory-search svg{width:21px;height:21px;color:#b4d457}
.directory-search input{background:none;border:0;min-width:0;flex:1;color:#f4f6ee;font:400 15px/1.5 Schibsted,sans-serif;padding:6px}
.directory-search input::placeholder{color:#87957a}
.directory-search-close{font-size:27px;font-weight:300;line-height:1;padding:3px 6px}
.directory-search-status{font-size:12px;line-height:1.8;color:#b4c09f;margin:3px 0 17px}
.directory-result-list{display:grid;gap:11px}
.directory-result-list>a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px;background:#b4d45708;border:1px solid #a5bb711c;border-radius:12px;font-size:15px;line-height:1.5}
.directory-result-list small{display:block;font-size:10px;color:#9eaa92;margin-top:4px}
.directory-result-list b{font-size:20px;color:#b4d457;font-weight:400}
.directory-result-list>a:hover{border-color:#b4d45766}
.directory-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:22px;border-top:1px solid #b1c48c22;min-height:80px;position:relative;z-index:1}
.directory-footer>p{display:flex;align-items:center;gap:7px;font-size:10px;color:#a1ad95}
.directory-footer>p>i{width:7px;height:7px}
.directory-footer>div{display:flex;align-items:center;gap:30px;margin-left:auto}
.directory-footer a{display:flex;align-items:center;gap:10px;font-size:11px}
.directory-footer a svg{width:17px;height:17px;color:#b4d457}
.directory-footer a:hover{color:#b4d457}
.directory-slash{font:500 49px/.8 Schibsted,'Segoe UI',sans-serif;color:#b4d457;margin-left:14px}
@media(prefers-reduced-motion:no-preference){.site-directory[open] .directory-content{animation:directory-arrive .3s cubic-bezier(.2,.7,.2,1) both}@keyframes directory-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}
@media(min-width:1600px){.directory-header{min-height:110px}.directory-tabs>button{min-height:62px;padding-inline:21px}.directory-tabs>button>svg{width:24px;height:24px}.directory-workspace{gap:30px 36px}.directory-product-list{gap:18px 21px}.directory-product-list>a{padding:20px;gap:18px}.directory-product-list>a>img,.directory-product-list>a>.crm-icon{width:43px;height:43px}.directory-project-card{padding:26px;min-height:230px}.directory-project-card>small{font-size:10px}.project-card-action{font-size:13px}.project-card-action>i{width:33px;height:33px}.project-cube{width:110px;height:124px;right:7px}.directory-caption{font-size:13px}.directory-glass{width:520px;height:310px;bottom:-30px;left:-180px}.directory-footer{min-height:90px}.directory-footer a,.directory-footer>p{font-size:12px}}
@media(max-width:1270px){.directory-shell{padding-inline:38px}.directory-content{gap:30px;grid-template-columns:minmax(0,.9fr) minmax(0,2.9fr)}.directory-intro h2{font-size:35px}.directory-workspace{gap:22px}.directory-tabs-row{gap:10px}.directory-tabs{gap:3px}.directory-tabs>button{font-size:11px;padding:12px 10px;gap:7px}.directory-tabs>button>svg{width:18px;height:18px}.directory-search-toggle{width:38px;padding-left:10px}.directory-product-list{gap:12px}.directory-product-list>a{padding:12px;gap:10px}.directory-product-list>a>img,.directory-product-list>a>.crm-icon{width:30px;height:30px}.directory-product-name{font-size:12px}.directory-product-name small{font-size:8px}.directory-right{padding-left:19px}.directory-services h3{font-size:14px;gap:8px}.directory-services h3>span{width:27px;height:27px}.directory-services h3 svg{width:19px;height:19px}.directory-services>a{font-size:11px}.directory-services small{font-size:9px}.directory-project-card{padding:18px 14px}.directory-project-card>strong{font-size:19px}.directory-project-card>p{font-size:10px}.project-cube{width:66px;height:80px;opacity:.4}.directory-glass{width:350px;height:220px;bottom:15px;left:-150px}}
@media(max-width:1050px){.directory-content{grid-template-columns:220px minmax(0,1fr);gap:32px}.directory-workspace{grid-template-columns:1fr;gap:23px}.directory-tabs-row{grid-column:1}.directory-right{grid-column:1;grid-row:auto;border-left:0;border-top:1px solid #91aa4f38;padding:25px 0 0;display:grid;grid-template-columns:1.1fr 1fr;gap:25px}.directory-project-card{align-self:start;margin-top:0}.directory-services h3{font-size:16px;gap:10px}.directory-services>a{min-height:58px;font-size:12px}.directory-services small{font-size:10px}.directory-product-list>a{min-height:76px}.directory-product-name{font-size:15px}.directory-product-name small{font-size:9px}.directory-intro h2{font-size:36px}.directory-intro{padding-top:25px}.directory-summary{font-size:12px}.directory-glass{bottom:50px}.directory-footer>p{max-width:170px}.directory-footer>div{gap:20px}.directory-footer a{font-size:10px}}
@media(max-width:760px){.directory-shell{padding-inline:26px}.directory-header{min-height:86px}.directory-header img{width:185px}.directory-content{grid-template-columns:1fr;gap:32px;padding-top:18px;padding-bottom:30px}.directory-intro{padding-top:0;display:grid;grid-template-columns:1.2fr 1fr;column-gap:25px;align-items:center}.directory-caption{grid-column:1/-1;justify-self:start;font-size:10px;margin-bottom:18px}.directory-intro h2{font-size:40px;grid-row:span 2}.directory-summary{font-size:11px;margin-top:0}.directory-project{justify-self:start;align-self:start;margin-top:15px;padding:10px 15px;font-size:10px;gap:16px}.directory-glass{display:none}.directory-workspace{gap:23px}.directory-tabs>button{font-size:13px;gap:9px;min-height:50px}.directory-tabs>button>svg{width:20px;height:20px}.directory-product-name{font-size:15px}.directory-product-name small{font-size:10px}.directory-product-list>a{padding:17px;min-height:82px}.directory-product-list>a>img,.directory-product-list>a>.crm-icon{width:34px;height:34px}.directory-right{gap:25px}.directory-project-card{padding:22px}.directory-project-card>strong{font-size:24px}.directory-project-card>p{font-size:11px}.project-cube{opacity:.6}.directory-services h3{font-size:18px}.directory-services>a{font-size:13px}.directory-services small{font-size:10px}.directory-footer{flex-wrap:wrap;gap:17px;align-items:flex-start}.directory-footer>p{max-width:none;width:100%}.directory-footer>div{margin-left:0}.directory-slash{margin-left:auto;align-self:center}}
@media(max-width:480px){.directory-shell{padding-inline:22px}.directory-header{min-height:83px;position:sticky;top:0;background:#171e14;z-index:5}.directory-header img{width:155px}.directory-close{font-size:10px;gap:9px}.directory-close svg{width:29px;height:29px}.directory-content{padding-top:14px;gap:25px}.directory-intro{display:block}.directory-caption{font-size:9px;padding:4px 9px;margin-bottom:17px}.directory-intro h2{font-size:36px;white-space:normal}.directory-intro h2 br:nth-of-type(n+2){display:none}.directory-summary{font-size:11px;margin-top:17px;max-width:295px}.directory-project{margin-top:18px;padding:10px 17px;font-size:11px}.directory-tabs-row{gap:6px;position:relative}.directory-tabs{gap:3px}.directory-tabs>button{flex-direction:column;justify-content:center;padding:9px 7px;gap:6px;font-size:10px;min-height:64px;border-radius:10px}.directory-tabs>button>svg{width:18px;height:18px}.directory-tabs>button>.tab-chevron{display:none}.directory-search-toggle{width:33px;height:42px;padding-left:9px}.directory-search-toggle>svg{width:20px;height:20px}.directory-workspace{gap:19px}.directory-product-list{gap:10px}.directory-product-list>a{padding:13px 11px;gap:8px;min-height:78px;border-radius:12px}.directory-product-list>a>img,.directory-product-list>a>.crm-icon{width:27px;height:27px;border-radius:6px}.directory-product-name{font-size:12px}.directory-product-name small{font-size:8px;margin-top:4px}.directory-product-arrow{display:none}.directory-right{grid-template-columns:1fr;gap:22px;padding-top:24px}.directory-services h3{font-size:20px;margin-bottom:10px}.directory-services h3>span{width:32px;height:32px}.directory-services>a{min-height:66px;font-size:14px}.directory-services small{font-size:11px}.directory-project-card{margin-top:0;padding:24px;min-height:215px}.directory-project-card>small{font-size:9px}.directory-project-card>strong{font-size:27px}.directory-project-card>p{max-width:220px;font-size:11px}.project-cube{width:100px;height:115px;opacity:.7;right:10px}.project-card-action{font-size:12px}.directory-footer>div{flex-direction:column;align-items:flex-start;gap:12px}.directory-footer a{font-size:11px}.directory-footer>p{font-size:10px}.directory-detail-list>a{padding:17px;gap:13px}.directory-detail-list>a>span{font-size:15px}.directory-detail-list small{font-size:10px}.directory-panel-heading h3{font-size:24px}.directory-panel-heading p{font-size:11px}.directory-articles span{font-size:14px}.directory-search input{font-size:12px}}
@media(max-width:359px){.directory-shell{padding-inline:18px}.directory-header img{width:140px}.directory-intro h2{font-size:33px}.directory-tabs>button{font-size:9px;padding-inline:5px}.directory-product-name{font-size:10px}.directory-product-name small{font-size:7px}.directory-product-list>a{padding:12px 9px;gap:7px}.directory-product-list>a>img,.directory-product-list>a>.crm-icon{width:24px;height:24px}}

@media(max-width:1050px){.directory-right{grid-row:3}.directory-workspace:has(.directory-search:not([hidden]))>.directory-right{grid-row:4}}