@charset "UTF-8";
:root{--ink:#182c52;--brand:#344a9b;--muted:#58677e;--accent:#b9e3ff;--paper:#fafcff;--line:#d7e1ef}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}h1,h2,h3,p,figure{margin:0}a{color:inherit}img{display:block;width:100%;object-fit:cover}h1,h2,h3{line-height:1.06;letter-spacing:-.055em}h2{font-size:clamp(2.5rem,4.5vw,4.6rem);font-weight:500}p{color:var(--muted)}.wrap{width:min(1320px,calc(100% - 112px));margin-inline:auto}a:focus-visible,summary:focus-visible{outline:3px solid #e49436;outline-offset:6px}.skip{position:fixed;left:20px;top:-100px;z-index:30;padding:12px 20px;background:#fff}.skip:focus{top:10px}.header{position:sticky;top:0;z-index:10;background:var(--brand);color:white;border-bottom:1px solid #ffffff20}.header-inner{min-height:86px;display:flex;justify-content:space-between;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:16px;text-decoration:none;font-size:2.6rem;font-weight:900;letter-spacing:-.085em;line-height:1}.brand>span{font-size:.92rem;letter-spacing:-.025em;font-weight:400;padding-top:6px}nav{display:flex;align-items:center;gap:32px}nav>a{font-size:.875rem;text-decoration:none}.nav-phone{margin-left:22px}.button{display:inline-flex;justify-content:center;align-items:center;background:var(--accent);color:var(--ink);padding:15px 25px;min-height:50px;border-radius:30px;font-weight:600;font-size:.92rem;text-decoration:none;transition:background .2s,transform .2s}.button:hover{background:#e0f2ff;transform:translateY(-2px)}nav .button{min-height:44px;padding:11px 22px}nav>a:not(.button):hover{color:var(--accent)}.hero{position:relative;background:var(--brand);color:#fff;isolation:isolate;overflow:hidden}.hero-image{position:absolute;z-index:-2;inset:0 0 0 36%;}.hero-image img{height:100%;object-position:center 54%}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#344a9b 0%,#344a9bf2 27%,#344a9b75 54%,#344a9b0a 80%),linear-gradient(0deg,#344a9b80,transparent 40%)}.hero-inner{min-height:670px;display:flex;flex-direction:column;justify-content:space-between;padding-top:85px}.eyebrow{font-size:.75rem;font-weight:500;letter-spacing:.13em;margin-bottom:25px}.hero .eyebrow{color:#e4efff}.hero h1{font-size:clamp(4.3rem,7.8vw,7.6rem);font-weight:500;line-height:1.02;letter-spacing:-.065em}.hero h1 span{color:var(--accent)}.lead{font-size:1.06rem;line-height:1.75;color:#e8f1ff;margin-top:29px}.actions{display:flex;align-items:center;gap:28px;margin-top:32px}.quiet-link{font-size:.875rem;text-decoration:none;border-bottom:1px solid #ffffff70;padding-bottom:3px}.quiet-link:hover{color:var(--accent)}.hero-bottom{display:flex;justify-content:space-between;align-items:center;padding-block:25px;border-top:1px solid #ffffff35;margin-top:62px;font-size:.75rem;letter-spacing:.07em;color:#deebff}.hero-bottom span:last-child{letter-spacing:0}.section{padding-block:100px}.section-heading{display:grid;grid-template-columns:1fr 2fr;gap:50px;margin-bottom:56px}.section-heading>.eyebrow{padding-top:9px}.section-heading>div{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-heading>div>p{font-size:.94rem;max-width:250px}.services{border-top:1px solid var(--line)}.service{display:grid;grid-template-columns:40px 1.3fr 1.1fr .65fr 30px;align-items:center;gap:26px;border-bottom:1px solid var(--line);padding:34px 0;text-decoration:none;transition:background .2s,padding .2s}.service:hover{background:#eaf3fc;padding-inline:12px}.service-number{font-size:.75rem;color:var(--muted);align-self:start;padding-top:8px}.service h3{font-size:clamp(1.5rem,2.2vw,2rem);font-weight:500;letter-spacing:-.045em}.service-title>span{display:block;font-size:.82rem;color:var(--muted);margin-top:10px}.service>p{font-size:.9rem;max-width:280px}.price{font-size:2.25rem;line-height:1.2;letter-spacing:-.055em;white-space:nowrap}.price>span{display:block;font-size:.75rem;letter-spacing:0;color:var(--muted);margin-bottom:5px}.price>small{font-size:.85rem;letter-spacing:0}.service-action{font-size:0}.service-action>span{font-size:1.75rem;font-weight:400}.price-note{font-size:.8rem;margin-top:22px}.about-section{background:#ecf3fa;padding-block:85px}.about{display:grid;grid-template-columns:1.15fr 1fr;gap:90px;align-items:center}.about-copy h2{font-size:clamp(2.5rem,4.3vw,4rem);margin-bottom:28px}.about-copy>p:not(.eyebrow){max-width:480px;margin-top:17px;font-size:1rem}.text-link{display:inline-block;margin-top:28px;font-size:.88rem;text-underline-offset:7px}.about-photo img{height:390px;object-position:48% 50%;border-radius:2px}.about-photo figcaption{display:flex;justify-content:space-between;gap:15px;margin-top:15px;font-size:.75rem;color:var(--muted)}.faq{display:grid;grid-template-columns:1fr 1fr;gap:90px}.faq h2{font-size:2.9rem;max-width:370px}.questions details{border-bottom:1px solid var(--line);padding-block:23px}.questions details:first-child{padding-top:0}.questions summary{list-style:none;display:flex;justify-content:space-between;gap:25px;cursor:pointer;font-size:1.05rem}.questions summary::-webkit-details-marker{display:none}.questions summary:after{content:'+';font-size:1.3rem;line-height:1.5}.questions details[open] summary:after{content:'−'}.questions p{font-size:.95rem;margin-top:16px}.contact-section{background:var(--brand);color:white;padding-top:88px}.contact{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;padding-bottom:85px}.contact .eyebrow{color:var(--accent)}.contact h2{font-size:clamp(3.5rem,6.4vw,6.5rem)}.contact>div>p:last-child{color:#d6e6fc;margin-top:24px;font-size:1rem}.contact-links>a{display:block;text-decoration:none}.contact-phone{font-size:clamp(2.5rem,4.1vw,4.3rem);letter-spacing:-.045em;line-height:1.2;color:var(--accent);padding-bottom:27px;border-bottom:1px solid #ffffff35}.contact-phone>span{display:block;font-size:.72rem;letter-spacing:.12em;color:#d6e6fc;margin-bottom:18px}.contact-email{font-size:clamp(.9rem,1.5vw,1.2rem);padding-block:25px;border-bottom:1px solid #ffffff35;overflow-wrap:anywhere;display:flex!important;justify-content:space-between;gap:15px}.contact-email>span{font-size:1.5rem}.contact-links .facebook-link{display:inline-block;font-size:.82rem;margin-top:25px;color:#d6e6fc;text-decoration:underline;text-underline-offset:5px}.contact-links>a:hover{color:white}.footer{border-top:1px solid #ffffff25;padding-block:33px;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer .brand{font-size:2.2rem}.footer .brand>span{font-size:.8rem}.footer p{font-size:.75rem;color:#d6e6fc}
@media(min-width:1600px){.hero-inner{min-height:760px;padding-top:110px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}nav{gap:22px}.nav-phone{display:none}.section-heading{grid-template-columns:1fr 3fr;gap:20px}.section-heading>div{align-items:start;flex-direction:column;gap:20px}.section-heading>div>p{max-width:none}.service{grid-template-columns:25px 1.2fr 1fr .65fr 20px;gap:18px}.service h3{font-size:1.55rem}.about,.faq{gap:48px}.about-photo img{height:370px}.hero-inner{min-height:625px}.contact{gap:40px}}
@media(max-width:760px){html{scroll-padding-top:86px}.wrap{width:calc(100% - 40px)}.header-inner{min-height:76px;gap:15px}.brand{font-size:2.15rem;gap:10px}.brand>span{font-size:.75rem;padding-top:4px}nav>a:not(.button){display:none}nav .button{font-size:.8rem;padding:11px 18px}.hero-inner{min-height:640px;padding-top:58px}.hero-image{inset:0 0 0 8%}.hero-image img{object-position:58% 60%;opacity:.7}.hero:after{background:linear-gradient(90deg,#344a9bf5,#344a9b70 80%),linear-gradient(0deg,#344a9bc0,transparent 50%)}.hero h1{font-size:clamp(3.8rem,12.3vw,5.5rem)}.eyebrow{font-size:.69rem;letter-spacing:.11em}.hero .eyebrow{margin-bottom:28px}.lead{font-size:1rem;max-width:330px;margin-top:25px}.lead br{display:none}.actions{gap:22px;flex-wrap:wrap;margin-top:28px}.quiet-link{font-size:.8rem}.button{padding:14px 22px}.hero-bottom{font-size:.65rem;letter-spacing:.03em;margin-top:100px;padding-block:20px}.hero-bottom span:last-child{max-width:145px;text-align:right}.section{padding-block:60px}.section-heading{display:block;margin-bottom:35px}.section-heading>.eyebrow{margin-bottom:20px;padding-top:0}.section-heading>div{gap:20px}h2{font-size:2.8rem}.service{grid-template-columns:25px 1fr auto;gap:10px 15px;padding-block:28px}.service-title{grid-column:2;grid-row:1}.service h3{font-size:1.6rem}.service-title>span{font-size:.75rem;margin-top:7px}.service>p{grid-column:2/4;grid-row:2;margin-top:12px;font-size:.94rem;max-width:350px}.service>p br{display:none}.price{grid-column:2;grid-row:3;margin-top:17px;font-size:1.9rem}.price>span{display:inline;font-size:.8rem;margin-right:6px}.service-action{grid-column:3;grid-row:3;align-self:end}.price-note{font-size:.75rem}.service:hover{padding-inline:0;background:#eaf3fc}.about-section{padding-block:55px}.about{grid-template-columns:1fr;gap:35px}.about-copy h2{font-size:2.65rem}.about-copy>p:not(.eyebrow){font-size:1rem}.about-photo img{height:300px}.about-photo figcaption{font-size:.7rem}.faq{grid-template-columns:1fr;gap:32px}.faq h2{font-size:2.6rem}.questions summary{font-size:1rem}.contact-section{padding-top:58px}.contact{grid-template-columns:1fr;gap:45px;padding-bottom:58px}.contact h2{font-size:4rem}.contact-phone{font-size:3rem}.contact-email{font-size:1rem;padding-block:21px}.footer{flex-wrap:wrap;gap:20px;padding-block:30px}.footer .brand{width:100%}.footer p{font-size:.7rem}}
@media(max-width:370px){.brand>span{display:none}.hero-inner{min-height:620px}.hero h1{font-size:3.4rem}.hero .eyebrow{font-size:.63rem}.actions{gap:17px}.service{column-gap:9px}.service h3{font-size:1.45rem}.contact-phone{font-size:2.55rem}.contact-email{font-size:.87rem}.hero-bottom{margin-top:72px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.button:hover{transform:none}}
.hero-image{mask-image:linear-gradient(to right,transparent,#000 28%);-webkit-mask-image:linear-gradient(to right,transparent,#000 28%)}

/* Virksomhedens egne billeder og logo. */
.header{background:#fff;color:var(--ink);border-bottom-color:var(--line)}
.header nav>a:not(.button):hover{color:var(--brand)}
.header .button{background:var(--brand);color:#fff}.header .button:hover{background:#263b82}
.brand .logo-window{display:block;position:relative;overflow:hidden;width:188px;height:80px;padding:0;background:white;border-radius:3px;flex-shrink:0}
.brand .logo-window img{position:absolute;width:210px;height:210px;max-width:none;left:-11px;top:-67px;object-fit:contain}
.hero-image{inset:0 0 0 32%}.hero-image img{object-position:52% 54%}
.hero:after{background:linear-gradient(90deg,#344a9b 0%,#344a9bf5 25%,#344a9b70 47%,#344a9b00 67%),linear-gradient(0deg,#17265465,transparent 35%)}
.about-photo img{height:530px;object-position:center 64%}
.projects-section{padding-block:90px;background:#edf3fa}.projects-section .section-heading{margin-bottom:35px}
.project-picker{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:35px}.project-picker[hidden],.project-panel[hidden]{display:none}
.project-picker button{font:inherit;font-size:.9rem;border:1px solid #bbcce2;border-radius:30px;padding:11px 19px;background:transparent;color:var(--ink);cursor:pointer;min-height:46px}
.project-picker button[aria-pressed="true"]{background:var(--brand);border-color:var(--brand);color:#fff}.project-picker button:hover{border-color:var(--brand)}
.project-picker button:focus-visible{outline:3px solid #e49436;outline-offset:4px}
.project-heading{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:22px}.project-heading h3{font-size:1.55rem;font-weight:500;letter-spacing:-.025em}.project-heading p{font-size:.9rem}
.project-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.project-photos.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.project-photos figure{position:relative;margin:0}.project-photos img{height:450px;border-radius:5px;object-fit:cover}.project-photos.three img{height:430px}
.project-photos a{display:block;border-radius:5px;overflow:hidden}.project-photos a:hover{outline:2px solid var(--brand);outline-offset:3px}
.project-photos figcaption{position:absolute;top:16px;left:16px;background:white;color:var(--ink);padding:5px 15px;border-radius:20px;font-weight:600;font-size:.85rem;pointer-events:none}
.project-panel+.project-panel{margin-top:30px}.project-panel[hidden]+.project-panel{margin-top:0}.gallery-note{font-size:.8rem;margin-top:20px}
@media(max-width:1100px){nav{gap:18px}.about-photo img{height:450px}.project-heading{display:block}.project-heading p{margin-top:10px}.project-photos img{height:390px}}
@media(max-width:760px){.brand .logo-window{width:140px;height:64px}.brand .logo-window img{width:160px;height:160px;left:-8px;top:-50px}.hero-image{position:relative;inset:auto;z-index:0;order:2;mask-image:none;-webkit-mask-image:none}.hero{display:flex;flex-direction:column}.hero-image img{height:320px;opacity:1;object-position:50% 60%}.hero:after{display:none}.hero-inner{min-height:0;padding-top:42px;order:1}.hero-bottom{margin-top:38px}.hero-copy{padding-bottom:2px}.about-photo img{height:430px}.projects-section{padding-block:55px}.project-picker{gap:8px;margin-bottom:27px}.project-picker button{font-size:.8rem;padding:10px 15px}.project-heading h3{font-size:1.45rem}.project-photos,.project-photos.three{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.project-photos img,.project-photos.three img{height:270px}.project-photos.three figure:last-child{grid-column:1/-1}.project-photos.three figure:last-child img{height:330px}.project-photos figcaption{top:10px;left:10px;padding:4px 12px;font-size:.75rem}.footer .brand{width:auto}}
@media(max-width:370px){.project-photos img,.project-photos.three img{height:225px}.hero-image img{height:280px}.about-photo img{height:370px}}

/* Opdateret logo og redigerede billeder. */
.brand .logo-lockup{display:flex;align-items:center;gap:14px;padding:0;letter-spacing:0}.logo-lockup img{width:64px;height:64px;object-fit:contain}.logo-name{font-size:34px;font-weight:800;line-height:1;color:var(--ink)}.logo-name small{display:block;font-size:9px;letter-spacing:2px;margin-top:10px}.footer .logo-name{color:white}.about-photo img{height:auto;max-height:530px;object-fit:contain;object-position:center}.project-photos.landscape img{height:auto;aspect-ratio:4/3}.hero-image img{object-position:center}
@media(max-width:760px){.logo-lockup img{width:48px;height:48px}.brand .logo-lockup{gap:10px}.logo-name{font-size:28px}.logo-name small{font-size:7px;letter-spacing:1.5px;margin-top:7px}.about-photo{max-width:336px;margin-inline:auto;width:100%}.project-photos.landscape{grid-template-columns:1fr}.hero-image img{height:auto;aspect-ratio:4/3}}
/* Malthe med en blød overgang til sektionens baggrund. */
.about-photo{max-width:none;width:100%}
.about-photo img{height:530px;max-height:none;object-fit:cover;object-position:center 64%;border-radius:0;mask-image:linear-gradient(to right,transparent,#000 20%);-webkit-mask-image:linear-gradient(to right,transparent,#000 20%)}
@media(max-width:1100px){.about-photo img{height:450px}}
@media(max-width:760px){.about-photo img{height:430px;mask-image:linear-gradient(to bottom,transparent,#000 15%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 15%)}}
@media(max-width:370px){.about-photo img{height:370px}}