/* Hvorfor Leie Folk (for companies) — in the calm style of the other pages:
   a short dark intro, a strip of facts, white sections on the footer's
   column with hairlines between them, and the closing box used on Om oss.
   The order follows a buyer's questions: what is different, what do we
   get, how do we work with you, what happens next.
   Heading sizes come from scale.css. */
.company-why-page{--cw-gutter:max(var(--page-gutter),calc((100vw - 1536px)/2));background:#fff;color:var(--ink)}
.company-why-main{padding-top:0}
.company-why-main .eyebrow{margin-bottom:16px}
.cw-section{padding:88px var(--cw-gutter);background:linear-gradient(var(--line),var(--line)) center top/calc(100% - 2 * var(--cw-gutter)) 1px no-repeat #fff}
.cw-different{background:#fff}

/* ------------------------------------------------------------------ intro */
.company-hero{display:grid;gap:20px;padding:172px var(--cw-gutter) 80px;background:var(--pine);color:#fff}
.company-hero>.eyebrow{width:fit-content;margin:0;padding-bottom:8px;border-bottom:2px solid var(--red);color:#b7c5d6}
.company-hero h1{margin:0}
.company-hero h1 span{color:var(--red)}
.company-hero>p:last-child{max-width:640px;margin:0;color:#d9e2ec;font-size:1rem;line-height:1.7}

/* facts under the intro, like on Om oss */
.cw-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:28px var(--cw-gutter);border-bottom:1px solid var(--line);background:#fff;color:var(--ink)}
.cw-facts>div{display:grid;gap:6px;align-content:start;padding:0 28px;border-left:1px solid var(--line)}
.cw-facts>div:first-child{padding-left:0;border-left:0}
.cw-facts span{color:var(--muted);font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase}
.cw-facts strong{color:var(--ink);font:500 1rem/1.4 var(--sans)}

/* heading on the left, a short line on the right */
.cw-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:24px 64px;align-items:end;margin-bottom:44px}
.cw-heading h2{margin:0;text-wrap:balance}
.cw-heading>p{max-width:520px;margin:0;color:var(--muted);font-size:1rem;line-height:1.75}
.cw-more{display:inline-flex;align-items:center;gap:8px;margin-top:20px;color:var(--ink);font-size:.9375rem;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px;transition:color .2s ease}
.cw-more span{transition:transform .2s ease}
.cw-more:hover,.cw-more:focus-visible{color:var(--red)}
.cw-more:hover span{transform:translateX(3px)}

/* ------------------------------------------------- what is different */
.cw-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 48px;margin:0;padding:0;list-style:none}
.cw-columns>li{padding-top:28px;border-top:1px solid var(--line)}
.cw-columns>li>span{display:block;margin-bottom:14px;color:#c8101b;font-size:.875rem;font-variant-numeric:tabular-nums}
.cw-columns h3{margin:0;font-size:1.25rem;line-height:1.3;letter-spacing:-.025em}
.cw-columns p{max-width:440px;margin-top:10px;color:var(--muted);font-size:.9375rem;line-height:1.7}
.cw-tags{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 0;padding:0;list-style:none}
.cw-tags li{padding:4px 10px;border-radius:999px;background:var(--mint);color:#3d4f63;font-size:.75rem;font-weight:600}

/* ------------------------------------------------------ what you get */
.cw-gain{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:80px;align-items:center}
/* a real person from the team, named, instead of a stock photo */
.cw-person{width:100%;max-width:340px;justify-self:center}
.cw-photo{position:relative;margin:0}
.cw-photo img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;object-position:58% 50%;border-radius:var(--card-radius);background:var(--mint)}
.cw-photo figcaption{position:absolute;left:16px;bottom:16px;display:grid;gap:2px;padding:12px 16px;border-radius:12px;background:#fff;box-shadow:0 10px 28px #071d3626}
.cw-photo figcaption strong{color:var(--ink);font:700 .9375rem/1.3 var(--serif);letter-spacing:-.02em}
.cw-photo figcaption span{color:#a21d2c;font-size:.6875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.cw-person>p{margin-top:16px;color:var(--muted);font-size:.9375rem;line-height:1.6}
.cw-person>.cw-more{margin-top:10px}
.cw-gain h2{margin:0;text-wrap:balance}
.cw-list{margin:28px 0 0;padding:0;list-style:none}
.cw-list li{padding:20px 0;border-top:1px solid var(--line)}
.cw-list li:last-child{border-bottom:1px solid var(--line)}
.cw-list h3{margin:0;font-size:1.125rem;line-height:1.4;letter-spacing:-.02em}
.cw-list p{max-width:560px;margin-top:6px;color:var(--muted);font-size:.9375rem;line-height:1.7}

/* ------------------------------------- close follow-up, where the skills are */
.cw-models{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.cw-models article{padding:32px 36px;border:1px solid var(--line);border-radius:var(--card-radius);background:#fff}
.cw-model-name{margin:0 0 14px;color:#a21d2c;font-size:.6875rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.cw-models h3{margin:0;font-size:clamp(1.25rem,1.8vw,1.5rem);line-height:1.25;letter-spacing:-.03em}
.cw-models ul{margin:20px 0 0;padding:0;list-style:none}
.cw-models ul li{position:relative;padding:12px 0 12px 28px;border-top:1px solid var(--line);color:var(--ink);font-size:.9375rem}
.cw-models ul li::before{content:'';position:absolute;top:17px;left:3px;width:11px;height:6px;border-left:2px solid var(--red);border-bottom:2px solid var(--red);transform:rotate(-45deg)}

/* ------------------------------------------- process + working long term */
.cw-process{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:80px;align-items:start}
.cw-process h2{margin:0}
.cw-process-copy>p:not(.eyebrow){max-width:560px;margin-top:16px;color:var(--muted);font-size:1rem;line-height:1.75}
.cw-steps{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:24px 0 0;padding:0;list-style:none}
.cw-steps li{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:.8125rem;font-weight:600}
.cw-steps li+li::before{content:'→';content:'→'/'';color:var(--red);font-weight:400}
.cw-long-term{padding:28px 32px;border-radius:var(--card-radius);background:var(--mint)}
.cw-long-term h3{margin:0;font-size:1.25rem;letter-spacing:-.025em}
.cw-long-term p:not(.eyebrow){margin-top:10px;color:var(--muted);font-size:.9375rem;line-height:1.7}
.cw-person-row{display:flex;align-items:center;gap:14px;margin-top:20px;padding-top:18px;border-top:1px solid #dce2e8}
.cw-person-row img{flex:none;width:52px;height:52px;border-radius:50%;object-fit:cover;object-position:50% 25%;background:#fff}
.cw-person-row div{display:grid;gap:2px}
.cw-person-row strong{color:var(--ink);font:700 .9375rem/1.3 var(--serif);letter-spacing:-.02em}
.cw-person-row span{color:var(--muted);font-size:.8125rem}

/* ------------------------------------------------------- closing box */
.company-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:48px;align-items:center;margin:0 var(--cw-gutter) 88px;padding:52px clamp(28px,5vw,64px);border:1px solid #e2e7ed;border-radius:var(--card-radius);background:var(--mint);color:var(--ink)}
.company-cta h2{max-width:760px;margin:0;text-wrap:balance}
.cw-cta-copy>p{max-width:600px;margin:14px 0 0;color:var(--muted);font-size:1rem;line-height:1.6;text-wrap:pretty}
.cw-cta-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px}
.company-cta .button{background:var(--pine);color:#fff;white-space:nowrap}
.company-cta .button:hover,.company-cta .button:focus-visible{background:#213852;color:#fff;box-shadow:none}
.cw-cta-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border-radius:var(--button-radius);box-shadow:inset 0 0 0 1.5px var(--pine);color:var(--pine);font-size:.9375rem;font-weight:500;white-space:nowrap;transition:background-color .2s ease,color .2s ease}
.cw-cta-secondary:hover,.cw-cta-secondary:focus-visible{background:var(--pine);color:#fff}

/* --------------------------------------------------------------- smaller */
@media(max-width:1100px){
 .cw-columns{gap:0 32px}
 .cw-gain,.cw-process{gap:48px}
}
@media(max-width:960px){
 .cw-heading,.cw-gain,.cw-process{grid-template-columns:1fr;gap:32px}
 .cw-heading{gap:16px}
 .cw-columns{grid-template-columns:1fr;gap:0}
 .cw-columns>li{padding-bottom:28px}
 .cw-person{max-width:340px;justify-self:start}
 .company-cta{grid-template-columns:1fr;gap:24px}
 .cw-cta-actions{justify-content:flex-start}
}
@media(max-width:700px){
 .company-hero{gap:16px;padding:132px var(--cw-gutter) 48px}
 .company-hero>p:last-child{font-size:.9375rem}
 .cw-facts{grid-template-columns:1fr;gap:12px;padding-top:24px;padding-bottom:24px}
 .cw-facts>div{grid-template-columns:96px minmax(0,1fr);align-items:baseline;padding:0;border-left:0}
 .cw-section{padding-top:56px;padding-bottom:56px}
 .cw-person{max-width:none}
 .cw-photo img{aspect-ratio:4/3}
 .cw-heading{margin-bottom:28px}
 .cw-columns>li{display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:10px;padding-top:22px;padding-bottom:22px}
 .cw-columns>li>span{grid-row:1/3;margin:0;padding-top:4px}
 .cw-columns>li>:not(span){grid-column:2}
 .cw-models{grid-template-columns:1fr;gap:12px}
 .cw-models article{padding:24px 22px}
 .cw-long-term{padding:24px 22px}
 .company-cta{margin-bottom:56px;padding:32px 24px}
 /* the buttons share one row; a lone one (jobs switched off) takes it all */
 .cw-cta-actions{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:10px;width:100%}
 .cw-cta-actions>a{min-width:0;padding-left:12px;padding-right:12px}
}
@media(prefers-reduced-motion:reduce){.cw-more span{transition:none}}

/* Colour and pointer reactions (18.10.2026): the three columns get room for
   their hover card, "Tett oppfølging" sits on a grey band with cards that
   lift, a ticked line lights up, and "Langsiktig samarbeid" is a navy card. */
.cw-columns>li{padding-bottom:28px}
.cw-needs{background:var(--mint)}
.cw-models article{position:relative;overflow:hidden;transition:transform .3s ease,border-color .3s ease}
.cw-models article::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--red);transform:scaleX(0);transform-origin:0 50%;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.cw-models ul li{isolation:isolate}
.cw-models ul li::after{content:"";position:absolute;inset:2px -12px;z-index:-1;border-radius:8px;background:var(--mint);opacity:0;transition:opacity .25s ease}
.cw-steps li{transition:color .2s ease}
.cw-long-term{background:var(--pine);color:#fff}
.cw-long-term .eyebrow{color:#ff8a90}
.cw-long-term h3{color:#fff}
.cw-long-term p:not(.eyebrow){color:#c5d0dc}
.cw-long-term .cw-person-row{border-top-color:rgba(255,255,255,.14)}
.cw-long-term .cw-person-row strong{color:#fff}
.cw-long-term .cw-person-row span{color:#a9b8c8}
@media(hover:hover){
 .cw-models article:hover{transform:translateY(-4px);border-color:var(--pine)}
 .cw-models article:hover::before{transform:scaleX(1)}
 .cw-models ul li:hover::after{opacity:1}
 .cw-steps li:hover{color:var(--red)}
}
@media(max-width:700px){.cw-columns>li{padding-bottom:24px}}
@media(prefers-reduced-motion:reduce){.cw-models article,.cw-models article::before{transition:none}.cw-models article:hover{transform:none}}