/* Ydelsessiden bruger brandtokens og typeskala fra site.css. */
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.services-page h4{margin:0;font:700 .7rem/1.35 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.services-page p{text-wrap:pretty}.services-page h1,.services-page h2,.services-page h3{text-wrap:balance}

.services-hero{padding:clamp(4rem,8vw,7.5rem) 0 clamp(6rem,10vw,9rem);background:var(--deep-petrol);color:var(--white)}
.services-hero-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.55fr);gap:clamp(3rem,7vw,7rem);align-items:end}
.services-hero h1{max-width:17ch}.services-hero .lede{margin-bottom:0;color:rgba(250,248,243,.76)}
.services-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}
.button.services-button-light{background:var(--chalk);border-color:var(--chalk);color:var(--deep-petrol)}
.button.services-button-ghost{background:transparent;border-color:rgba(242,240,232,.65);color:var(--chalk)}
.button.services-button-outline{background:transparent;border-color:var(--petrol);color:var(--petrol)}
.services-hero-note{padding-left:1.6rem;border-left:1px solid var(--line-dark)}
.services-hero-note strong{display:block;margin-bottom:.6rem;font:700 1.25rem/1.3 var(--serif)}
.services-hero-note p{margin:0;color:rgba(250,248,243,.68);font-size:.9rem}

.service-tracks{margin-top:clamp(-4.5rem,-6vw,-3rem);padding-bottom:clamp(4rem,8vw,7rem)}
.track-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--petrol);background:var(--white)}
.track-card{min-height:420px;padding:clamp(2rem,4vw,3.5rem);display:flex;flex-direction:column}.track-card+.track-card{border-left:1px solid var(--petrol)}
.track-card-service{background:var(--accent)}
.card-index{margin:0 0 2rem;color:var(--layer-5);font:700 .7rem/1.35 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.track-card h2{max-width:17ch}.track-card>p:not(.card-index){max-width:34rem;opacity:.72}
.track-facts{margin:auto 0 1.7rem;padding-top:1.25rem;border-top:1px solid var(--line)}
.track-facts div{display:grid;grid-template-columns:8.5rem 1fr;gap:1rem;padding:.35rem 0;font-size:.9rem}.track-facts dt{font-weight:750;color:var(--petrol)}.track-facts dd{margin:0}
.section-link{align-self:flex-start;font-size:.9rem;font-weight:750;text-decoration-thickness:1px;text-underline-offset:.24em}.section-link::after{content:" ↓"}

.situation-nav{border-block:1px solid var(--line)}.situation-row{display:grid;grid-template-columns:auto repeat(4,1fr);align-items:stretch}
.situation-row strong,.situation-row a{padding:1rem 1.2rem;font-size:.85rem;line-height:1.45}.situation-row strong{padding-left:0;color:var(--petrol)}
.situation-row a{border-left:1px solid var(--line);text-decoration:none}.situation-row a:hover{background:var(--accent)}

.services-section,.projects-section,.start-section{padding:clamp(4rem,8vw,8rem) 0}.services-section{background:var(--white)}.projects-section{background:var(--paper)}.start-section{background:var(--white);border-top:1px solid var(--line)}
.services-section-head{display:grid;grid-template-columns:minmax(150px,.38fr) minmax(0,1.62fr);gap:clamp(2rem,6vw,6rem);margin-bottom:clamp(3rem,5vw,5rem)}
.services-section-head h2{max-width:24ch}.services-section-head>div>p{max-width:46rem;margin:0;opacity:.7}

.responsibility-scale{display:grid;grid-template-columns:repeat(3,1fr);margin:0 0 1.5rem;padding:0;border-block:1px solid var(--line);list-style:none}
.responsibility-scale li{padding:1rem 1.2rem 1rem 0;font-size:.85rem}.responsibility-scale li+li{padding-left:1.2rem;border-left:1px solid var(--line)}
.responsibility-scale strong{display:block;margin-bottom:.25rem;color:var(--petrol);font:700 1.25rem/1.25 var(--serif)}.responsibility-scale span{opacity:.7}

.service-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:stretch}
.service-card{min-width:0;display:flex;flex-direction:column;border:1px solid var(--petrol);background:var(--paper)}
.service-card>header{min-height:305px;padding:2rem;border-bottom:1px solid var(--line)}
.service-card>header h3{margin-bottom:1rem;font-size:1.55rem;overflow-wrap:anywhere}.service-card>header>p:last-child{margin:0;font-size:.92rem;line-height:1.55;opacity:.7}
.service-promise{min-height:145px;margin:0;padding:1.5rem 2rem;border-bottom:1px solid var(--line);font:700 1.05rem/1.5 var(--serif)}
.scope-block{padding:1.4rem 2rem;border-bottom:1px solid var(--line)}.scope-block h4{margin-bottom:.9rem;color:var(--petrol)}
.scope-block ul{margin:0;padding:0;list-style:none}.scope-block li{position:relative;padding-left:1.2rem;font-size:.86rem;line-height:1.48;opacity:.76}.scope-block li+li{margin-top:.55rem}
.scope-block li::before{position:absolute;left:0;color:var(--layer-5);font-weight:800}.scope-included li::before{content:"+"}.scope-owned li::before{content:"→"}.scope-excluded li::before{content:"–"}
.service-format{margin:auto 0 0;padding:1.4rem 2rem;background:var(--accent);font-size:.84rem}.service-format div+div{margin-top:1rem}
.service-format dt{margin-bottom:.2rem;color:var(--petrol);font:700 .68rem/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase}.service-format dd{margin:0;line-height:1.5}

.service-boundary{display:grid;grid-template-columns:auto 1fr;gap:1.4rem;margin-top:2rem;padding:1.5rem;border:1px solid var(--line);background:var(--paper)}
.service-boundary>span{color:var(--layer-5);font:700 2rem/1 var(--serif)}.service-boundary h3{margin:0 0 .35rem;font:700 1.25rem/1.25 var(--sans)}
.service-boundary p{max-width:70rem;margin:0;font-size:.88rem;opacity:.7}

.project-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--petrol);background:var(--ink)}
.project-card{min-height:430px;padding:clamp(2rem,4vw,3.5rem);background:var(--white)}.project-card:nth-child(2n){border-left:1px solid var(--petrol)}.project-card:nth-child(n+3){border-top:1px solid var(--petrol)}
.project-card h3{max-width:18ch;margin:0 0 1rem}.project-card>p:not(.card-index){max-width:34rem;opacity:.7}
.project-card h4{margin:2rem 0 .8rem;padding-top:1.2rem;border-top:1px solid var(--line);color:var(--petrol)}
.project-card ul{margin:0;padding:0;list-style:none}.project-card li{position:relative;padding-left:1.2rem;font-size:.9rem;line-height:1.5;opacity:.74}.project-card li+li{margin-top:.5rem}.project-card li::before{content:"—";position:absolute;left:0;color:var(--layer-5)}
.honest-scope{display:grid;grid-template-columns:minmax(190px,.45fr) minmax(0,1.55fr);gap:3rem;padding:2rem;background:var(--deep-petrol);color:var(--white)}
.honest-scope h3{margin:0}.honest-scope p{max-width:60rem;margin:0;color:rgba(250,248,243,.7);font-size:.9rem}

.process-grid{display:grid;grid-template-columns:repeat(3,1fr);margin:0;padding:0;border-block:1px solid var(--petrol);list-style:none}
.process-grid li{min-height:280px;padding:2rem 2rem 2rem 0}.process-grid li+li{padding-left:2rem;border-left:1px solid var(--line)}
.process-grid span{font:700 .7rem/1.35 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--layer-5)}.process-grid h3{margin:3rem 0 .7rem}.process-grid p{margin:0;font-size:.9rem;opacity:.7}

.clarification-section{padding:clamp(4rem,8vw,8rem) 0;background:var(--accent)}
.clarification-card{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr)}
.clarification-main{padding:clamp(2rem,5vw,5rem);border:1px solid var(--petrol);background:var(--paper)}.clarification-main h2{max-width:18ch}.clarification-main>p:not(.eyebrow){max-width:46rem;opacity:.72}
.clarification-main .button.primary{color:var(--chalk);background:var(--deep-petrol);border-color:var(--deep-petrol)}
.clarification-facts{padding:clamp(2rem,4vw,4rem);background:var(--petrol);color:var(--chalk)}
.clarification-facts h3{margin:0 0 1.5rem;font:700 .7rem/1.35 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.clarification-facts dl{margin:0}.clarification-facts dl div{padding:1rem 0;border-top:1px solid var(--line-dark)}.clarification-facts dl div:first-child{padding-top:0;border-top:0}
.clarification-facts dt{font-size:.76rem;color:var(--accent)}.clarification-facts dd{margin:.25rem 0 0;font:700 1.15rem/1.3 var(--serif)}

@media(max-width:900px){
  .service-card-grid{grid-template-columns:1fr;max-width:760px;margin-inline:auto}.service-card>header,.service-promise{min-height:0}
  .situation-row{grid-template-columns:repeat(2,1fr)}.situation-row strong{grid-column:1/-1;padding-left:1.2rem}.situation-row a:nth-of-type(odd){border-left:0}.situation-row a:nth-of-type(n+3){border-top:1px solid var(--line)}
}
@media(max-width:800px){
  .services-hero-grid,.services-section-head{grid-template-columns:1fr}.services-hero-note{max-width:38rem}
  .track-grid,.project-card-grid,.clarification-card{grid-template-columns:1fr}.track-card{min-height:390px}.track-card+.track-card{border-left:0;border-top:1px solid var(--petrol)}
  .responsibility-scale{grid-template-columns:1fr}.responsibility-scale li+li{padding-left:0;border-left:0;border-top:1px solid var(--line)}
  .project-card{min-height:0}.project-card:nth-child(2n){border-left:0}.project-card:nth-child(n+2){border-top:1px solid var(--petrol)}
  .honest-scope{grid-template-columns:1fr;gap:1rem}.process-grid{grid-template-columns:1fr}.process-grid li{min-height:0;padding:2rem 0}.process-grid li+li{padding-left:0;border-left:0;border-top:1px solid var(--line)}.process-grid h3{margin-top:1.5rem}
}
@media(max-width:540px){
  .services-actions{flex-direction:column}.services-actions .button{width:100%}.situation-row{grid-template-columns:1fr}.situation-row strong{grid-column:auto}.situation-row a{border-left:0;border-top:1px solid var(--line)}
  .track-facts div{grid-template-columns:1fr;gap:.1rem}.track-card,.service-card>header,.scope-block,.service-promise,.service-format{padding-inline:1.35rem}
}
@media(prefers-reduced-motion:reduce){.services-page *{scroll-behavior:auto}}

/* Descriptions remain readable at normal browser zoom. */
.service-card>header>p:last-child,.scope-block li,.service-format,.project-card li,.service-boundary p,.honest-scope p,.process-grid p,.track-facts div{font-size:1rem;line-height:1.6}