/* System fonts: no third-party requests from visitors' browsers. */
:root{--ink:#242a33;--green:#313c4d;--accent:#dc653c;--paper:#f3f3f1;--muted:#57616e}
body{font-family:Arial,Helvetica,sans-serif;color:var(--ink)}
h1,h2,h3,.brand,.footer-inner strong{font-family:'Arial Narrow',Arial,Helvetica,sans-serif;letter-spacing:-.015em}
.brand,.footer-inner strong{font-size:25px;letter-spacing:.01em}
.brand-mark i{background:#333e50}
.hero h1{font-size:clamp(64px,7.2vw,108px);letter-spacing:-.02em;line-height:1.01}
.hero h1 em{color:#ffbd9d}
.hero-shade{background:linear-gradient(90deg,rgba(20,27,37,.91) 0%,rgba(21,28,38,.72) 42%,rgba(19,28,38,.15) 100%)}
.hero,.contact{background:#313c4d}
.hero p{color:#f4f0ea}
.eyebrow,.section-tag,.card-index,.process li>span,.contact-panel>span:first-child{color:#b24d30}
.hero .eyebrow,.contact .section-tag,.contact-panel>span:first-child{color:#ffbd9d}
.nav-contact{background:#303a4a;color:#fff!important}
.nav-contact:hover{background:#455267}
.btn-primary{background:#a33b1f;color:#fff}
.btn-primary:hover{background:#bb4c2a;color:#fff}
.header nav a:hover,.underlink:hover{color:#b24d30}
.intro h2 span{color:#667285}
.draft{background:#e8e8ea;color:#303a4a}
.process{background:#e9ecf0}
.process li,.process li:last-child{border-color:#c1c9d2}
.photo-label,.card-photo span{background:#222c3ddd}
.contact-panel{border-color:#8793a4}
.contact-placeholder{background:#e8a384;color:#252d38}
.contact p{color:#e5eaf0}
.card-copy h3{font-size:40px}
.intro h2,.section-head h2,.process h2,.contact h2{font-size:clamp(46px,5vw,72px)}
a:focus-visible,button:focus-visible{outline-color:#c5512d}
.hero a:focus-visible,.contact a:focus-visible{outline-color:#ffc3a7}
@media(max-width:600px){.brand{font-size:19px}.hero h1{font-size:clamp(53px,12vw,70px)}.intro h2,.section-head h2,.process h2{font-size:46px}}
.scaffold-card{display:flex;flex-direction:column}
.scaffold-visual{height:340px;position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:flex-end;padding:30px 32px;background:#303a4a;color:#ffbd9d}
.scaffold-visual>span{font-family:'Barlow Condensed',Arial,sans-serif;font-size:110px;line-height:.8;opacity:.22}
.scaffold-visual strong{position:relative;z-index:1;font-family:'Barlow Condensed',Arial,sans-serif;font-size:44px;letter-spacing:.08em}
.scaffold-lines{position:absolute;inset:20px 32px 20px 42%;opacity:.3;background:repeating-linear-gradient(0deg,transparent 0 59px,#ffbd9d 60px 63px),repeating-linear-gradient(90deg,transparent 0 68px,#ffbd9d 69px 72px)}
.partner-note{margin-top:32px;padding:25px 32px;border-left:3px solid #dc653c;background:#fff;display:flex;gap:32px;align-items:baseline}
.partner-note .section-tag{white-space:nowrap}.partner-note p{margin:0;color:var(--muted);font-size:14px;max-width:850px}.partner-note strong{color:var(--ink)}
@media(max-width:600px){.scaffold-visual{height:260px}.scaffold-visual strong{font-size:38px}.partner-note{display:block;padding:22px}.partner-note p{margin-top:12px}}
.service-hero{height:min(580px,70vw);min-height:460px}
.service-hero h1{font-size:clamp(56px,6.5vw,92px)}
.scaffold-hero{background:linear-gradient(120deg,#202a3a,#3f4d61)}
.scaffold-hero::before{content:none}
.related-links{margin:28px 0 0;font-size:16px}.related-links a{color:#944126;text-underline-offset:4px}.related-links a:focus-visible{outline-color:#c5512d}
.services .partner-note{margin-top:20px}
@media(max-width:600px){.service-hero{min-height:490px;height:auto;padding:85px 0}.service-hero h1{font-size:clamp(49px,11vw,66px)}.scaffold-hero::before{inset:0 0 0 25%}}
/* A consistent, readable navigation and image system across all four pages. */
.header-inner{gap:18px}.header nav{gap:clamp(9px,1.2vw,22px)}
.header nav a{white-space:nowrap;font-size:13px}
.header nav a[aria-current="page"]:not(.nav-contact){color:#a33b1f;border-bottom:2px solid currentColor}
.card-photo span,.photo-label{font-size:12px;line-height:1.4}
.scaffold-card .card-copy{flex:1}
.service-hero .hero-image{object-position:center 47%}
.scaffold-hero .hero-image{object-position:center 54%}
.hero:not(.service-hero) .hero-image{object-position:center 85%}
.section-tag,.card-index{color:#8b361d}
@media(max-width:1100px){.header .brand{font-size:20px}.header nav{gap:10px}.header nav a{font-size:12px}}
@media(max-width:850px){.header nav{display:flex;position:static;box-shadow:none;padding:10px 0 20px;flex-direction:row;flex-wrap:wrap;gap:8px 16px}.header-inner{flex-wrap:wrap}.header nav{width:100%}.header nav a{font-size:14px}.header nav .nav-contact{padding:10px}.menu-toggle{display:none}.service-hero .hero-content{padding-top:60px;padding-bottom:65px}}
@media(max-width:600px){.header nav{gap:7px 14px}.header nav a{white-space:normal}.brand{font-size:17px}.service-hero{min-height:570px}.service-hero .hero-content{padding:75px 0 90px}.service-hero h1{font-size:clamp(42px,11vw,64px)}.photo-label{max-width:calc(100% - 36px)}}
/* The entire brand/navigation bar remains visible while the draft banner scrolls away. */
.header{position:sticky;top:0}
html{scroll-padding-top:115px}
#indhold,#ydelser,#samarbejde,#kontakt,#billedkilder{scroll-margin-top:115px}
.service-card{position:relative;transition:box-shadow .2s ease,transform .2s ease}
.service-card .underlink::after{content:"";position:absolute;inset:0}
.service-card:hover{box-shadow:0 12px 30px #1b2b3b26;transform:translateY(-3px)}
.service-card:hover .underlink{text-decoration:underline}
.service-card:focus-within{outline:3px solid #a33b1f;outline-offset:4px}
.image-disclosure{font-size:12px;line-height:1.5;margin:18px 0 0;color:#fff}
.image-disclosure a{text-underline-offset:3px}
.image-disclosure-footer{margin:0;padding:0 16px 10px;text-align:right;font-size:11px;line-height:1.4;color:#53635e}.image-disclosure-footer a{text-underline-offset:2px}.about{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding-top:100px;padding-bottom:100px}.about h2{margin:0}.about-copy{max-width:60ch}.about-copy p{margin:0 0 18px}.about-copy p:last-child{margin-bottom:0}@media(max-width:850px){.about{grid-template-columns:1fr;gap:20px;padding-top:64px;padding-bottom:64px}}
@media(max-width:850px){html{scroll-padding-top:150px}#indhold,#ydelser,#samarbejde,#kontakt,#billedkilder{scroll-margin-top:150px}}
@media(max-width:600px){.header-inner{min-height:0;padding:9px 0}.header nav{padding:4px 0 6px;gap:3px 12px}.header nav a{font-size:12px;line-height:1.3}.header nav .nav-contact{padding:5px 8px}.brand-mark{width:24px;height:25px}.brand-mark i{width:6px;height:18px}.brand-mark i:nth-child(2){height:25px}.brand{gap:8px}html{scroll-padding-top:170px}#indhold,#ydelser,#samarbejde,#kontakt,#billedkilder{scroll-margin-top:170px}}
/* Grid children must be allowed to shrink on narrow phones; contact details may wrap. */
.contact-inner>*{min-width:0}
.contact-panel a{overflow-wrap:anywhere}
.contact h2{overflow-wrap:anywhere}
.process li>div{min-width:0}
.process li h3{overflow-wrap:anywhere}
/* Editorial hierarchy: one heading font, readable copy, no ornamental labels. */
body{font-family:Arial,Helvetica,sans-serif;line-height:1.62}
h1,h2,h3,.brand{font-family:'Arial Narrow',Arial,Helvetica,sans-serif}
.section-head{display:block}
.section-head p{max-width:58ch;margin:14px 0 0}
.services .section-head h2{letter-spacing:-.035em}
#om{scroll-margin-top:115px}
.about{display:block;background:#f3f3f1;padding:0}
.about-inner{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(45px,7vw,120px);padding-top:clamp(68px,8vw,120px);padding-bottom:clamp(68px,8vw,120px);align-items:start}
.about h2{font-size:clamp(22px,2vw,28px);font-weight:700;margin:0 0 24px}
.about-statement{font-family:'Arial Narrow',Arial,sans-serif;font-size:clamp(38px,4.3vw,66px);line-height:1.12;letter-spacing:-.04em;max-width:15ch;margin:0;color:#252d38}
.about-copy{max-width:58ch;padding-top:50px;font-size:17px;line-height:1.7}
.about-copy p{margin:0 0 22px}.about-copy .underlink{display:inline-block;margin-top:8px}
#samarbejde{padding:clamp(72px,8vw,120px) 0}
.process-opening{max-width:900px}.process-opening h2{max-width:16ch;line-height:1.08;letter-spacing:-.04em;margin:0 0 25px}
.process-opening p{max-width:68ch;font-size:19px;line-height:1.65}
.process-detail{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,90px);margin-top:64px}
.process-detail>div{border-top:2px solid #303a4a;padding-top:22px}
.process-detail h3{font-size:clamp(25px,2.5vw,35px);margin:0 0 15px}
.process-detail p{max-width:57ch;line-height:1.7}
.process-note{max-width:76ch;margin:45px 0 0;padding-left:20px;border-left:3px solid #9d4128;font-size:15px}
.depth{padding-top:75px;padding-bottom:85px}.depth h2{font-size:clamp(38px,4.3vw,62px);letter-spacing:-.04em;line-height:1.08;max-width:18ch;margin:0 0 22px}.depth-lead{font-size:19px;max-width:66ch;margin:0}
.depth-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,52px);margin-top:55px}.depth-grid article{border-top:2px solid #303a4a;padding-top:18px}.depth-grid h3{font-size:27px;line-height:1.15;margin:0 0 14px}.depth-grid p{color:#46505e;line-height:1.7;margin:0}.depth-source{font-size:14px;max-width:76ch;margin:40px 0 0}
@media(max-width:850px){#om{scroll-margin-top:150px}.about-inner,.process-detail{grid-template-columns:1fr;gap:25px}.about-copy{padding-top:0}.depth-grid{grid-template-columns:1fr;gap:24px}.depth{padding-top:65px;padding-bottom:65px}}
@media(max-width:600px){#om{scroll-margin-top:170px}.about-inner{padding-top:66px;padding-bottom:66px}.about-statement{font-size:42px}.about-copy{font-size:16px}.process-detail{margin-top:40px}.depth h2{font-size:42px}}
/* The service-page question lists contain no number column. Keep each item full width. */
.process-layout{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(40px,7vw,110px);align-items:start}
.process-layout>*,.process-layout li>*{min-width:0}
.process-layout li{display:block;padding:22px 0 26px}
.process-layout li h3{overflow-wrap:normal;font-size:clamp(23px,2vw,30px);line-height:1.22;margin:0 0 8px}
.process-layout li p{font-size:16px;line-height:1.65;color:#46505e}
.process-layout>div>p{font-size:17px;line-height:1.7}
/* Contact details are two deliberate actions rather than a run-on text line. */
.contact-inner{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:clamp(40px,8vw,120px)}
.contact-panel{padding:clamp(28px,3vw,46px);border:1px solid #8491a3;background:#ffffff08}
.contact-panel>span:first-child{display:block;color:#f1d4c7;font-size:12px;letter-spacing:.06em;font-weight:700}
.contact-panel p{margin:16px 0 26px;font-size:17px;line-height:1.5}
.contact-panel a{display:block;width:fit-content;max-width:100%;font-size:clamp(18px,1.75vw,25px);font-weight:700;line-height:1.4;letter-spacing:-.02em;color:#fff;text-decoration:none;overflow-wrap:anywhere}
.contact-panel a+a{margin-top:15px}
.contact-panel a:hover{text-decoration:underline;text-underline-offset:5px;color:#ffcfb8}
@media(max-width:850px){.process-layout,.contact-inner{grid-template-columns:1fr;gap:34px}}
@media(max-width:600px){.process-layout li h3{font-size:24px}.contact-panel{padding:26px}.contact-panel a{font-size:19px}}