:root{--bg:#031421;--panel:#041c2c;--blue:#24a4ff;--gold:#f7bc4d;--txt:#f4f7ff;--muted:#c5d3df}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(#02101b,#051b2c 60%,#02111d);color:var(--txt);font:16px/1.55 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}header{max-width:1240px;margin:auto;min-height:85px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 26px}.brand{font-size:30px;font-weight:800;line-height:1}.brand span{color:var(--gold)}.brand small{display:block;letter-spacing:2px;font-size:9px;font-weight:600;margin-top:9px;color:#c6d5e1}nav{display:flex;gap:29px;flex-wrap:wrap}nav a{padding:8px 2px}nav a:hover,nav a.active{color:var(--blue);border-bottom:2px solid var(--blue)}.motto{font-family:cursive;font-style:italic;text-align:right;line-height:1.2;font-size:19px;transform:rotate(-5deg)}.motto b{color:var(--gold)}main{max-width:1223px;margin:auto}.hero{position:relative;min-height:258px;background:#092437 url('assets/hero.webp') center/cover no-repeat;border-radius:0 28px 0 0}.hero .mobile-hero{display:none}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 18px 25px}.card{overflow:hidden;border:1px solid #0964a0;border-radius:17px;background:linear-gradient(180deg,#082b40,#031726);box-shadow:0 12px 28px #0005;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-5px);border-color:var(--gold)}.card.gold{border-color:#675527}.card img{width:100%;height:326px;object-fit:cover;display:block}.card-content{padding:15px 29px 23px;min-height:320px;display:flex;flex-direction:column}.card h2{font-size:29px;margin:0;line-height:1.1}.card h3{color:var(--blue);letter-spacing:.8px;font-size:15px;margin:6px 0 15px}.card.gold h3{color:var(--gold)}.card p{margin:0 0 19px;color:#e2eaf1}.pill{display:block;text-align:center;border:1px solid var(--blue);box-shadow:0 0 15px #007bff55;border-radius:30px;padding:9px 14px;max-width:210px;width:100%;margin:auto auto 22px;background:#072a4c;font-weight:700}.pill:hover{background:#124776}.features{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #155070;padding-top:16px;color:#e0eaf5;font-size:11px;text-align:center}.features span{flex:1}.features strong{display:block;font-size:23px;font-weight:400}.quote{border-top:1px solid #244355;border-bottom:1px solid #244355;padding:25px 30px;display:flex;align-items:center;justify-content:space-between;gap:24px}.quote .line{font-family:cursive;font-style:italic;font-size:25px}.quote .sub{font-family:cursive;color:var(--gold);font-style:italic;font-size:18px;text-align:center}.quote .leaf{color:var(--gold);font-size:46px}.quote .right{font-size:11px;letter-spacing:1px;text-align:right;color:#d1e0ed}footer{max-width:1223px;margin:auto;padding:34px 30px 45px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#c9d8e5}footer .brand{font-size:25px}footer .links{display:flex;gap:20px;font-size:13px}footer .thanks{font-family:cursive;font-style:italic;font-size:20px}.page{padding:30px 25px 70px;min-height:65vh}.page h1{font-size:clamp(32px,5vw,56px);margin:0 0 12px}.lead{font-size:19px;color:var(--muted);max-width:850px}.content-box{border:1px solid #1a5b84;background:#071f30;border-radius:18px;padding:28px;max-width:850px;margin:26px 0}.content-box p{line-height:1.8}.project-list{display:grid;gap:18px;margin-top:28px}.project-link{display:flex;gap:24px;align-items:center;background:#082235;border:1px solid #1d557a;border-radius:16px;overflow:hidden}.project-link img{width:230px;height:170px;object-fit:cover}.project-link div{padding:15px}.project-link h2{margin:0 0 8px}.project-link:hover{border-color:var(--gold)}.back{color:var(--blue)}@media(max-width:850px){header{flex-wrap:wrap}.motto{display:none}nav{width:100%;justify-content:space-around;gap:10px}.cards{grid-template-columns:1fr;max-width:560px;margin:16px auto;padding:0 15px}.card img{height:330px}.card-content{min-height:unset}.quote{flex-direction:column;text-align:center}.quote .right{text-align:center}footer{flex-direction:column;text-align:center}.hero{min-height:220px;background-position:center}.project-link img{width:35%}}@media(max-width:550px){.hero{background-image:linear-gradient(100deg,#021321dd,#092d46aa),url('assets/hero.webp');min-height:260px;border-radius:0}.hero .mobile-hero{display:block;padding:35px 24px}.mobile-hero h1{font-size:38px;margin:6px 0}.mobile-hero h1 span{color:var(--gold)}.mobile-hero p{max-width:330px}.card img{height:260px}.card h2{font-size:25px}.quote .line{font-size:21px}.project-link{display:block}.project-link img{width:100%;height:190px}.page{padding:25px 18px}}
/* Kontakt: tydelige og klikbare mailadresser */
.content-box a[href^="mailto:"] {
    color: var(--blue);
    font-weight: 700;
    text-decoration: none;
    text-underline-offset: 4px;
}

.content-box a[href^="mailto:"]:hover {
    text-decoration: underline;
}

.content-box a[href^="mailto:"]:focus-visible {
    outline: 2px solid var(--gold);
    outline-offset: 4px;
}