:root{--navy:#071a2b;--navy2:#0b263b;--ink:#0b1c29;--paper:#f5f2ec;--copper:#c88b48;--copper2:#e1ad70;--muted:#63717a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}em{font-family:Georgia,serif;font-weight:400}svg{flex:none}
.site-header{position:absolute;z-index:10;inset:0 0 auto;height:92px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;color:white;border-bottom:1px solid #ffffff30}.brand{display:flex;align-items:center;gap:11px;color:white;font-size:18px;letter-spacing:.12em;font-weight:800}.brand svg{width:33px;height:38px;fill:currentColor}.brand .brand-stroke{fill:var(--copper)}.brand small{font-size:9px;color:var(--copper);margin-left:7px}.header-right{display:flex;align-items:center;gap:54px}.site-header nav{display:flex;gap:32px;font-size:14px}.site-header nav a{color:#fff;opacity:.9;text-shadow:0 1px 12px #071a2b99;transition:.2s}.site-header nav a:hover{color:var(--copper2);opacity:1}.header-cta{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--copper2);font-size:14px;font-weight:700}
.hero{min-height:820px;height:100vh;max-height:980px;position:relative;display:flex;align-items:center;color:white;overflow:hidden}.hero-image{position:absolute;inset:0;background:url('assets/agdermaler-hero.png') center/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#04101bed 0%,#04101bd1 35%,#04101b2e 72%),linear-gradient(0deg,#020c14a6,transparent 38%)}.hero-copy{position:relative;z-index:1;width:min(720px,80vw);margin-left:8vw}.eyebrow,.section-kicker{display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:.18em;font-weight:700;font-size:12px}.eyebrow{color:#e5c49f}.eyebrow span,.section-kicker:before{content:"";width:28px;height:1px;background:var(--copper)}.hero h1{font-size:clamp(58px,6.4vw,102px);letter-spacing:-.055em;line-height:.91;margin:30px 0}.hero h1 em{color:var(--copper2)}.lead{font-size:19px;line-height:1.7;color:#e1e6e9;max-width:580px}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:38px}.button{display:inline-flex;align-items:center;justify-content:center;gap:11px;border:0;min-height:52px;padding:0 23px;font-weight:800;font-size:14px;cursor:pointer;transition:.25s}.button:hover{transform:translateY(-2px)}.button-copper{background:var(--copper);color:#081724}.button-copper:hover{background:var(--copper2)}.text-link{display:flex;align-items:center;gap:5px;font-weight:700;font-size:14px}.hero-proof{position:absolute;z-index:1;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(3,1fr);margin:0 5vw;padding:25px 0;border-top:1px solid #ffffff35}.hero-proof>div{display:flex;gap:13px;align-items:center;padding-left:28px;border-left:1px solid #ffffff26}.hero-proof>div:first-child{padding-left:0;border:0}.hero-proof svg{color:var(--copper2)}.hero-proof span{display:grid;color:#aeb9bf;font-size:12px;gap:4px}.hero-proof strong{color:white;font-size:14px}
.intro,.process{padding:115px 7vw}.section-kicker{color:#8b673f}.intro-heading{display:grid;grid-template-columns:1.5fr .7fr;gap:8vw;align-items:end;margin:30px 0 70px}.intro h2,.process h2,.precision h2,.contact h2{font-size:clamp(45px,5.3vw,78px);letter-spacing:-.045em;line-height:.98;margin:0}.intro h2 em,.process h2 em{color:#8d6132}.intro-heading>p{color:var(--muted);line-height:1.8;font-size:17px;margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #c8c7c1}.service{padding:34px;border-left:1px solid #c8c7c1}.service:first-child{border:0;padding-left:0}.service:last-child{padding-right:0}.service-top{display:flex;justify-content:space-between;color:#9a7043;font-size:12px}.service h3{font-size:24px;margin:42px 0 15px}.service p{min-height:90px;color:var(--muted);line-height:1.7}.service a{display:flex;align-items:center;gap:8px;margin-top:25px;font-size:13px;font-weight:800}
.precision{display:grid;grid-template-columns:1fr 1fr;background:var(--navy);color:white;min-height:720px}.precision-art{position:relative;overflow:hidden;background:linear-gradient(135deg,#d6cfc3 0 49.8%,#b67d43 50% 65%,#1c384e 65.2%)}.precision-art:after{content:"";position:absolute;width:78%;height:22%;right:-12%;bottom:15%;background:#f3efe8;transform:rotate(-11deg);box-shadow:0 12px 40px #071a2b33}.swatch{position:absolute;z-index:1;left:10%;top:12%;width:190px;height:255px;padding:20px;background:#eef0ed;color:#172936;box-shadow:0 25px 55px #071a2b30;transform:rotate(-4deg);display:flex;flex-direction:column}.swatch:after{content:"";position:absolute;inset:auto 0 0;height:52%;background:#263f54}.swatch span,.swatch small{font-size:9px;letter-spacing:.16em;z-index:1}.swatch b{font-family:Georgia,serif;font-size:23px;margin-top:18px;z-index:1}.swatch small{margin-top:auto;color:white}.precision-copy{padding:100px 8vw}.section-kicker.light{color:#d9b487}.precision h2{margin:28px 0}.precision h2 em,.contact h2 em{color:var(--copper2)}.precision-copy>p:not(.section-kicker){font-size:17px;line-height:1.8;color:#b9c3c9}.precision ul{list-style:none;padding:0;margin:30px 0 40px;display:grid;gap:16px}.precision li{display:flex;align-items:center;gap:11px}.precision li svg{color:var(--copper2);width:17px}.button-light{background:#f6f3ed;color:var(--navy)}
.process{text-align:center}.process .section-kicker{justify-content:center}.process h2{margin:28px 0 75px}.steps{display:grid;grid-template-columns:repeat(3,1fr);text-align:left;border-top:1px solid #c8c7c1}.steps article{padding:32px 38px;border-left:1px solid #c8c7c1}.steps article:first-child{border:0}.steps span{font-family:Georgia,serif;color:#a57543;font-size:32px}.steps h3{font-size:21px;margin:30px 0 12px}.steps p{color:var(--muted);line-height:1.7}.quote-band{background:#d6a064;display:grid;grid-template-columns:auto 1fr auto;gap:45px;align-items:center;padding:65px 8vw;color:#0a2031}.quote-band blockquote{font-family:Georgia,serif;font-size:clamp(24px,2.5vw,38px);line-height:1.35;margin:0}.quote-band p{font-weight:800;white-space:nowrap;line-height:1.5}.quote-band p span{font-size:12px;font-weight:400}
.contact{background:var(--navy2);color:white;padding:110px 8vw;display:grid;grid-template-columns:.8fr 1fr;gap:10vw}.contact h2{margin:28px 0}.contact-lead{color:#b9c3c9;font-size:17px;line-height:1.8}.contact-meta{display:grid;gap:14px;margin-top:40px;color:#dfe5e8;font-size:14px}.contact-meta span{display:flex;align-items:center;gap:11px}.contact-meta svg{color:var(--copper2);width:18px}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:22px}.contact label{display:grid;gap:9px;color:#bac5ca;font-size:12px;text-transform:uppercase;letter-spacing:.11em;font-weight:700}.contact input,.contact select,.contact textarea{width:100%;border:0;border-bottom:1px solid #ffffff38;background:#ffffff08;color:white;padding:14px 4px;outline:none;border-radius:0}.contact textarea{resize:vertical}.contact input:focus,.contact select:focus,.contact textarea:focus{border-color:var(--copper)}.contact option{color:#111}.wide{grid-column:1/-1}.contact form small{color:#8fa0a9;text-align:center;text-transform:none;letter-spacing:0;font-weight:400}.contact button{width:100%}
footer{background:#04131f;color:white;padding:45px 6vw;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:25px;border-top:1px solid #ffffff17}footer p{color:#8798a2;font-size:13px}footer>div{display:flex;gap:22px;font-size:13px}footer>small{grid-column:1/-1;border-top:1px solid #ffffff17;padding-top:22px;color:#617682;font-size:11px}
@media(max-width:850px){.site-header{height:76px;padding:0 20px}.site-header nav{display:none}.header-cta{font-size:0}.header-cta:before{content:"Befaring";font-size:13px}.hero{min-height:760px;height:100svh}.hero-copy{margin:0 22px;width:auto}.hero h1{font-size:54px}.lead{font-size:17px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.hero-proof{display:none}.intro,.process{padding:82px 24px}.intro-heading{grid-template-columns:1fr;margin-bottom:50px;gap:25px}.service-grid,.steps{grid-template-columns:1fr}.service,.service:first-child,.service:last-child{padding:30px 0;border-left:0;border-top:1px solid #c8c7c1}.service:first-child{border-top:0}.service p{min-height:0}.precision{grid-template-columns:1fr}.precision-art{min-height:430px}.precision-copy{padding:75px 25px}.steps article{border-left:0;border-bottom:1px solid #c8c7c1;padding:30px 0}.quote-band{grid-template-columns:auto 1fr;padding:50px 25px;gap:20px}.quote-band p{grid-column:2;white-space:normal}.contact{grid-template-columns:1fr;padding:80px 25px;gap:55px}.contact form{grid-template-columns:1fr}.wide{grid-column:auto}footer{grid-template-columns:1fr}footer>div{flex-wrap:wrap}footer>small{grid-column:auto}.brand{font-size:15px}.brand svg{width:29px}}
.brand-contact{height:68px;display:flex;align-items:center;gap:18px;padding:3px 20px 3px 10px;background:rgba(248,246,240,.91);border:1px solid rgba(255,255,255,.72);box-shadow:0 12px 35px rgba(2,12,20,.2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.brand-image{width:230px;height:60px;overflow:hidden}.brand-image img{width:100%;height:100%;object-fit:contain;display:block}.brand-divider{width:1px;height:28px;background:rgba(7,26,43,.18)}.phone-link{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#fff;white-space:nowrap}.brand-contact .phone-link{color:var(--navy)}.phone-icon{color:var(--copper);font-size:18px}
@media(max-width:850px){.brand-contact{height:56px;gap:8px;padding:2px 9px 2px 5px}.brand-image{width:142px;height:48px}.brand-divider{height:24px}.phone-link span:last-child{display:none}.phone-link{padding:7px}.header-right{gap:6px}}
.brand-contact{padding:0;background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;position:relative;isolation:isolate}.brand-contact:before{content:"";position:absolute;z-index:-1;top:-12px;bottom:-12px;left:-5vw;right:-90px;background:linear-gradient(90deg,rgba(248,246,240,.76) 0%,rgba(248,246,240,.44) 55%,rgba(248,246,240,0) 100%);pointer-events:none}
@media(max-width:850px){.brand-contact{padding:0}.brand-contact:before{top:-10px;bottom:-10px;right:-45px}}
.brand-contact:before{display:none}.brand-contact{background:none;border:0;box-shadow:none}.site-header .brand-image img{filter:brightness(0) invert(1)}.brand-divider{background:rgba(200,139,72,.75)}.phone-icon{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.brand-contact .phone-link{color:rgba(255,255,255,.92);letter-spacing:.035em}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Lys logovariant mot den mørke footeren */
footer a.brand.brand-image > img,
footer .brand-image img {
  filter: brightness(0) invert(1) !important;
  opacity: 1 !important;
}

/* Mobil: telefonnummer diskret under logoen */
@media (max-width: 850px) {
  .brand-contact {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 0;
    height: 66px;
  }

  .brand-contact .brand-image {
    width: 142px;
    height: 42px;
  }

  .brand-contact .brand-divider,
  .brand-contact .phone-icon {
    display: none;
  }

  .brand-contact .phone-link {
    display: flex;
    padding: 0 0 2px 15px;
    font-size: 12px;
    line-height: 1;
    letter-spacing: .08em;
  }

  .brand-contact .phone-link span:last-child {
    display: inline;
  }
}

/* Kundeanmeldelser i Om oss-feltet */
.reviews-art {
  display: grid;
  place-items: center;
  padding: 72px 7%;
  background:
    linear-gradient(145deg, rgba(245,242,236,.96) 0 49%, transparent 49.2%),
    linear-gradient(135deg, #d8d1c6 0 48%, #bf8446 48.2% 66%, #1b394f 66.2%);
}

.reviews-art:after {
  display: none;
}

.review-stack {
  position: relative;
  z-index: 1;
  width: min(510px, 100%);
}

.review-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 4px 18px;
  color: var(--navy);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .18em;
}

.review-label strong {
  color: #8b5b2c;
  letter-spacing: .08em;
}

.review-card {
  background: rgba(255,255,255,.96);
  color: var(--navy);
  padding: 30px 32px;
  box-shadow: 0 24px 55px rgba(7,26,43,.2);
}

.review-card blockquote {
  margin: 13px 0 22px;
  font-family: Georgia,serif;
  font-size: 18px;
  line-height: 1.55;
}

.review-stars {
  color: var(--copper);
  font-size: 14px;
  letter-spacing: .14em;
}

.review-card footer {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 15px;
  padding: 0;
  border: 0;
  background: none;
  color: var(--navy);
}

.review-card footer span {
  font-size: 13px;
  font-weight: 800;
}

.review-card footer small {
  color: #6c7880;
  font-size: 10px;
}

.review-small {
  position: relative;
  width: 82%;
  margin-top: -3px;
  padding: 20px 23px;
}

.review-small blockquote {
  margin: 8px 0 15px;
  font-size: 14px;
  line-height: 1.45;
}

.review-one {
  margin-left: 8%;
  transform: rotate(-1.2deg);
}

.review-two {
  margin-left: 18%;
  transform: rotate(1deg);
}

@media (max-width: 850px) {
  .reviews-art {
    min-height: 570px;
    padding: 52px 24px;
  }

  .review-label {
    margin-bottom: 14px;
  }

  .review-card {
    padding: 23px 22px;
  }

  .review-card blockquote {
    font-size: 15px;
    line-height: 1.48;
  }

  .review-small {
    width: 88%;
    padding: 16px 18px;
  }

  .review-small blockquote {
    font-size: 12px;
    margin: 6px 0 11px;
  }

  .review-two {
    margin-left: 12%;
  }
}

/* Mobil: logo, telefon og befaring på samme linje */
@media (max-width: 850px) {
  .site-header {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    column-gap: 10px;
    align-items: center;
  }

  .brand-contact {
    display: contents;
  }

  .brand-contact .brand-image {
    grid-column: 1;
    justify-self: start;
    width: 122px;
    height: 48px;
  }

  .brand-contact .brand-divider {
    display: none;
  }

  .brand-contact .phone-link {
    grid-column: 2;
    justify-self: center;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 8px 0;
    font-size: 11px;
    line-height: 1;
    letter-spacing: .02em;
    color: #fff;
  }

  .brand-contact .phone-icon {
    display: block;
    width: 14px;
    height: 14px;
  }

  .brand-contact .phone-link span:last-child {
    display: inline;
  }

  .header-right {
    grid-column: 3;
    justify-self: end;
  }
}

/* Prosjektbilder / før og etter */
.projects{
  padding:115px 7vw;
  background:#ece8e0;
}

.projects-heading{
  display:grid;
  grid-template-columns:1.35fr .65fr;
  gap:8vw;
  align-items:end;
  margin:30px 0 58px;
}

.projects h2{
  font-size:clamp(45px,5.3vw,78px);
  letter-spacing:-.045em;
  line-height:.98;
  margin:0;
}

.projects h2 em{
  color:#8d6132;
}

.projects-heading>p{
  color:var(--muted);
  line-height:1.8;
  font-size:16px;
  margin:0;
}

.projects code{
  font-size:12px;
}

.before-after{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  align-items:start;
}

.before-after figure{
  margin:0;
}

/* Viktig: ingen fast 4:3-boks */
.project-photo{
  position:relative;
  background:#d6d0c6;
  overflow:hidden;
  border:1px solid #c3beb5;
}

/* Hele bildet vises, uten zoom eller beskjæring */
.project-photo img{
  width:100%;
  height:auto;
  display:block;
}

/* Før / Etter-merke */
.project-photo span{
  position:absolute;
  z-index:2;
  left:18px;
  top:18px;
  padding:9px 12px;
  background:var(--navy);
  color:#fff;
  font-size:10px;
  font-weight:800;
  letter-spacing:.16em;
}

/* Placeholder hvis bilde mangler */
.project-photo small{
  position:absolute;
  z-index:1;
  inset:0;
  display:grid;
  place-items:center;
  color:#756f67;
  font-size:12px;
  letter-spacing:.06em;
}

.project-photo img + span,
.project-photo img + span + small{
  pointer-events:none;
}

.project-caption{
  display:flex;
  justify-content:space-between;
  align-items:end;
  padding:20px 0 54px;
  border-bottom:1px solid #c8c3ba;
}

.project-caption h3,
.mini-project h3{
  margin:0;
  font-size:21px;
}

.project-caption p{
  margin:0;
  color:var(--muted);
  font-size:13px;
}

.project-pair-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  column-gap:38px;
  row-gap:54px;
  margin-top:0;
  align-items:start;
}

/* Ingen tvungen ratio på småprosjektene heller */
.mini-project .project-photo{
  aspect-ratio:auto;
}

.mini-project h3{
  margin-top:18px;
}

.mini-project .project-photo small{
  display:none;
}

@media(max-width:850px){
  .projects{
    padding:82px 24px;
  }

  .projects-heading{
    grid-template-columns:1fr;
    gap:24px;
    margin-bottom:40px;
  }

  .before-after{
    grid-template-columns:1fr;
    gap:18px;
  }

  .project-photo{
    min-height:0;
  }

  .project-photo img{
    width:100%;
    height:auto;
    display:block;
  }

  .project-photo span{
    left:10px;
    top:10px;
    padding:7px 9px;
  }

  .project-photo small{
    font-size:9px;
  }

  .project-caption{
    display:block;
    padding-bottom:40px;
  }

  .project-caption p{
    margin-top:8px;
  }

  .project-pair-grid{
    grid-template-columns:1fr;
    gap:42px;
    margin-top:0;
  }
}
/* Tom plass til prosjekt 4 */
.project-placeholder-card .empty-project-photo{
  aspect-ratio:4/3;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#ded8cf,#cec7bd);
}
.project-placeholder-card .empty-project-photo small{
  display:block;
  position:static;
  color:#756f67;
  font-size:12px;
  letter-spacing:.06em;
}
@media(max-width:850px){
  .project-placeholder-card .empty-project-photo{aspect-ratio:4/3;}
}


/* Hero – Håvard Haugland */
.hero-image{
  background-image:url('assets/havard-hero.jpg');
  background-position:96% 25%;
  background-size:cover;
  background-repeat:no-repeat;
}
.hero-person-label{
  position:absolute;
  z-index:2;
  right:6vw;
  bottom:120px;
  display:grid;
  gap:5px;
  padding:14px 18px 13px;
  color:#fff;
  background:rgba(7,26,43,.76);
  border-left:2px solid var(--copper2);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  box-shadow:0 12px 35px rgba(0,0,0,.18);
}
.hero-person-label strong{font-size:14px;letter-spacing:.035em}
.hero-person-label span{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#e5c49f}
@media(max-width:850px){
  .hero-image{
    background-position:90% 20%;
    background-size:cover;
  }
  .hero-person-label{right:20px;bottom:28px;padding:11px 13px}
  .hero-person-label strong{font-size:12px}
  .hero-person-label span{font-size:8px}
}

/* v7 – roligere hero / mindre synlig sparkel */
.hero-shade{
  background:
    linear-gradient(90deg,rgba(4,16,27,.96) 0%,rgba(4,16,27,.90) 38%,rgba(4,16,27,.70) 66%,rgba(4,16,27,.48) 100%),
    linear-gradient(0deg,rgba(2,12,20,.55),rgba(7,26,43,.12) 58%);
}
@media(max-width:850px){
  .hero-shade{background:linear-gradient(90deg,rgba(4,16,27,.92) 0%,rgba(4,16,27,.74) 55%,rgba(4,16,27,.48) 100%);}
}

/* v9 – Håvard integrert i hero-bakgrunnen, tydelig mot høyre */
.hero-image{
  background-image:url('assets/havard-hero.jpg');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:100% 22%;
}

/* Mer dempet arbeidsbakgrunn, men ansiktet beholdes synlig */
.hero-shade{
  background:
    linear-gradient(90deg,
      rgba(7,26,43,.97) 0%,
      rgba(7,26,43,.90) 40%,
      rgba(7,26,43,.70) 66%,
      rgba(7,26,43,.44) 84%,
      rgba(7,26,43,.30) 100%),
    linear-gradient(0deg,
      rgba(7,26,43,.34) 0%,
      rgba(7,26,43,.08) 55%,
      rgba(7,26,43,.10) 100%);
}

@media(max-width:850px){
  .hero-image{
    background-size:cover;
    background-position:88% 16%;
  }
  .hero-shade{
    background:
      linear-gradient(90deg,
        rgba(7,26,43,.92) 0%,
        rgba(7,26,43,.72) 55%,
        rgba(7,26,43,.42) 100%),
      linear-gradient(0deg,rgba(7,26,43,.26),rgba(7,26,43,.05));
  }
}

/* v12 – ekte Håvard-bilde, integrert hero, flyttet høyre UTEN zoom */
.hero{overflow:hidden;background:#071a2b}
.hero-image{
  left:-16%;
  right:-16%;
  width:auto;
  background-image:url('assets/havard-hero.jpg');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:68% 18%;
  transform:translateX(12%);
}
.hero-shade{
  background:
    linear-gradient(90deg,
      rgba(7,26,43,.98) 0%,
      rgba(7,26,43,.92) 42%,
      rgba(7,26,43,.66) 67%,
      rgba(7,26,43,.37) 86%,
      rgba(7,26,43,.24) 100%),
    linear-gradient(0deg,rgba(7,26,43,.32),rgba(7,26,43,.05) 60%);
}
@media(max-width:850px){
  .hero-image{
    left:-10%;right:-10%;
    background-position:64% 12%;
    transform:translateX(8%);
  }
}

/* v13 – frilagt Håvard som eget lag */
.hero{isolation:isolate;background:#071a2b}
.hero-image{inset:0!important;transform:none!important;background-image:url('assets/havard-hero.jpg')!important;background-size:cover!important;background-position:center 28%!important;filter:saturate(.5) brightness(.48) blur(1px);opacity:.72;z-index:-3}
.hero-shade{z-index:-2!important;background:linear-gradient(90deg,rgba(4,16,27,.99) 0%,rgba(4,16,27,.96) 34%,rgba(4,16,27,.80) 55%,rgba(4,16,27,.46) 74%,rgba(4,16,27,.22) 100%),linear-gradient(0deg,rgba(2,12,20,.55),transparent 42%)!important}
.hero-copy,.hero-proof{z-index:3!important}
.hero-person{position:absolute;z-index:2;right:-2.5vw;bottom:0;width:min(49vw,760px);height:auto;max-height:90%;object-fit:contain;object-position:right bottom;pointer-events:none;filter:drop-shadow(-18px 20px 30px rgba(0,0,0,.25))}
.hero-person-label{z-index:4!important;right:5.2vw!important;bottom:110px!important;background:rgba(4,16,27,.58)!important;backdrop-filter:blur(8px);border-left:2px solid var(--copper);padding:12px 15px!important}
@media(max-width:1100px){.hero-person{right:-8vw;width:min(58vw,700px)}.hero-person-label{right:2vw!important}}
@media(max-width:850px){.hero-image{background-position:35% center!important;filter:saturate(.4) brightness(.4) blur(1px)}.hero-shade{background:linear-gradient(180deg,rgba(4,16,27,.99) 0%,rgba(4,16,27,.94) 52%,rgba(4,16,27,.58) 76%,rgba(4,16,27,.3) 100%)!important}.hero-person{right:-18vw;bottom:0;width:88vw;max-height:48%;opacity:.78}.hero-person-label{display:none}}


/* v14 – ekte arbeidsplass som bakgrunn + originalt Håvard-cutout urørt */
.hero{isolation:isolate;background:#071a2b}
.hero-image{
  inset:0!important;
  transform:none!important;
  background-image:url('assets/hero-worksite.jpg')!important;
  background-size:cover!important;
  background-position:center 58%!important;
  filter:saturate(.72) brightness(.64) contrast(1.03)!important;
  opacity:1!important;
  z-index:-3!important;
}
.hero-shade{
  z-index:-2!important;
  background:
    linear-gradient(90deg,rgba(3,15,25,.98) 0%,rgba(3,15,25,.91) 34%,rgba(3,15,25,.65) 57%,rgba(3,15,25,.25) 79%,rgba(3,15,25,.10) 100%),
    linear-gradient(0deg,rgba(2,12,20,.58),transparent 45%)!important;
}
.hero-copy,.hero-proof{z-index:3!important}
.hero-person{
  position:absolute;
  z-index:2;
  right:-1.6vw;
  bottom:0;
  width:min(46vw,745px);
  height:auto;
  max-height:89%;
  object-fit:contain;
  object-position:right bottom;
  pointer-events:none;
  filter:drop-shadow(-16px 18px 28px rgba(0,0,0,.28));
}
.hero-person-label{display:none!important}
@media(max-width:1100px){
  .hero-person{right:-6vw;width:min(55vw,700px)}
  .hero-image{background-position:center 60%!important}
}
@media(max-width:850px){
  .hero-image{background-position:center center!important;filter:saturate(.62) brightness(.48)!important}
  .hero-shade{background:linear-gradient(180deg,rgba(3,15,25,.97) 0%,rgba(3,15,25,.90) 48%,rgba(3,15,25,.58) 74%,rgba(3,15,25,.25) 100%)!important}
  .hero-person{right:-19vw;bottom:0;width:92vw;max-height:48%;opacity:.88}
}

/* v15 – original Agdermaler-hero tilbake + Håvard PNG urørt */
.hero{isolation:isolate;background:#071a2b}
.hero-image{
  inset:0!important;
  transform:none!important;
  background-image:url('assets/agdermaler-hero.png')!important;
  background-size:cover!important;
  background-position:center center!important;
  filter:none!important;
  opacity:1!important;
  z-index:-3!important;
}
.hero-shade{
  z-index:-2!important;
  background:
    linear-gradient(90deg,rgba(4,16,27,.96) 0%,rgba(4,16,27,.88) 34%,rgba(4,16,27,.57) 60%,rgba(4,16,27,.20) 82%,rgba(4,16,27,.10) 100%),
    linear-gradient(0deg,rgba(2,12,20,.48),transparent 44%)!important;
}
.hero-person{
  position:absolute!important;
  z-index:2!important;
  right:-1.2vw!important;
  bottom:0!important;
  width:min(46vw,745px)!important;
  height:auto!important;
  max-height:89%!important;
  object-fit:contain!important;
  object-position:right bottom!important;
  pointer-events:none!important;
  filter:drop-shadow(-16px 18px 28px rgba(0,0,0,.28))!important;
  opacity:1!important;
}
.hero-person-label{display:none!important}
@media(max-width:1100px){
  .hero-person{right:-6vw!important;width:min(55vw,700px)!important}
}
@media(max-width:850px){
  .hero-image{background-position:center center!important}
  .hero-shade{background:linear-gradient(180deg,rgba(3,15,25,.97) 0%,rgba(3,15,25,.90) 48%,rgba(3,15,25,.58) 74%,rgba(3,15,25,.25) 100%)!important}
  .hero-person{right:-19vw!important;bottom:0!important;width:92vw!important;max-height:48%!important;opacity:.88!important}
}

/* v17 – samme originale hero, stock-maler på høyre side beskåret bort */
.hero-image{
  background-image:url('assets/agdermaler-hero-clean.png')!important;
  background-size:cover!important;
  background-position:center center!important;
}

/* v18 – kun Håvard litt større. Alt annet fra v17 beholdt. */
.hero-person{
  right:-2.0vw!important;
  width:min(50vw,810px)!important;
  max-height:94%!important;
}
@media(max-width:1100px){
  .hero-person{right:-7vw!important;width:min(59vw,755px)!important;max-height:92%!important}
}
@media(max-width:850px){
  .hero-person{right:-21vw!important;width:98vw!important;max-height:51%!important;opacity:.88!important}
}


/* v19 – navn/tittel tilbake. Ellers identisk med v18. */
.hero-person-label{
  display:grid!important;
  position:absolute!important;
  z-index:4!important;
  right:4.8vw!important;
  bottom:105px!important;
  gap:4px!important;
  padding:12px 15px!important;
  color:#fff!important;
  background:rgba(4,16,27,.62)!important;
  border-left:2px solid var(--copper)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  box-shadow:0 12px 35px rgba(0,0,0,.18)!important;
}
.hero-person-label strong{font-size:14px!important;letter-spacing:.035em!important}
.hero-person-label span{font-size:10px!important;letter-spacing:.15em!important;text-transform:uppercase!important;color:#e5c49f!important}
@media(max-width:1100px){.hero-person-label{right:2vw!important;bottom:92px!important}}
@media(max-width:850px){.hero-person-label{display:none!important}}

/* v20 – sentrert hovedmeny. Hero/person/navn beholdt fra v19. */
@media(min-width:851px){
  .site-header{position:absolute;display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center;}
  .brand-contact{justify-self:start;}
  .header-right{display:contents!important;}
  .site-header nav{grid-column:2;justify-self:center;display:flex;gap:34px;align-items:center;}
  .header-cta{grid-column:3;justify-self:end;}
}

/* v23 – ren hero-bakgrunn. Håvard, navn, layout og meny fra v20 beholdes urørt. */
.hero-image{
  background-image:
    radial-gradient(circle at 78% 38%, rgba(255,255,255,.075) 0%, rgba(255,255,255,0) 31%),
    radial-gradient(circle at 64% 82%, rgba(201,142,76,.055) 0%, rgba(201,142,76,0) 30%),
    linear-gradient(115deg,#04101b 0%,#071a2b 48%,#132737 100%)!important;
  background-size:cover!important;
  background-position:center!important;
  filter:none!important;
  opacity:1!important;
}
.hero-shade{
  background:
    linear-gradient(90deg,rgba(2,12,20,.34) 0%,rgba(2,12,20,.18) 48%,rgba(2,12,20,.04) 78%,transparent 100%),
    linear-gradient(0deg,rgba(2,12,20,.34),transparent 42%)!important;
}

/* v24 – Håvard større i den rene heroen. Alt annet beholdes fra v23. */
@media(min-width:1101px){
  .hero-person{
    right:-1.5vw!important;
    width:min(55vw,890px)!important;
    max-height:98%!important;
  }
  .hero-person-label{
    right:5.2vw!important;
    bottom:112px!important;
  }
}

/* v25 – Håvard enda litt større. Ingen andre endringer. */
@media(min-width:1101px){
  .hero-person{
    right:-2vw!important;
    width:min(60vw,970px)!important;
    max-height:100%!important;
  }
}

/* v26 – forbedret mobilhero. Desktop er urørt. */
@media(max-width:850px){
  .hero{min-height:760px!important;height:auto!important;padding-bottom:0!important;overflow:hidden!important}
  .hero-copy{padding-top:138px!important;padding-bottom:250px!important;width:100%!important;max-width:none!important}
  .hero-kicker{font-size:11px!important;line-height:1.25!important;letter-spacing:.15em!important;max-width:290px!important;margin-bottom:26px!important}
  .hero h1{font-size:clamp(48px,13.2vw,60px)!important;line-height:.88!important;letter-spacing:-.055em!important;max-width:330px!important;margin-bottom:28px!important}
  .hero h1 em{display:block!important;font-size:.94em!important;line-height:.91!important}
  .hero-lead{font-size:16px!important;line-height:1.72!important;max-width:315px!important;margin-bottom:34px!important}
  .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;width:min(100%,315px)!important;align-items:start!important}
  .hero-actions .btn-primary{width:100%!important;justify-content:center!important;text-align:center!important}
  .hero-actions .btn-link{justify-self:start!important;padding:4px 0!important}
  .hero-person{right:-10vw!important;bottom:0!important;width:72vw!important;max-height:38%!important;opacity:1!important}
  .hero-person-label{display:none!important}
  .hero-proof{position:absolute!important;left:22px!important;right:22px!important;bottom:18px!important;z-index:5!important;display:none!important}
}
@media(max-width:430px){
  .hero-copy{padding-left:22px!important;padding-right:22px!important;padding-top:136px!important;padding-bottom:245px!important}
  .hero h1{font-size:50px!important;max-width:320px!important}
  .hero-person{right:-12vw!important;width:76vw!important;max-height:37%!important}
}

/* v27 – mobil: bedre komposisjon, større Håvard + navn synlig. Desktop urørt. */
@media(max-width:850px){
  .hero{min-height:820px!important;height:100svh!important;max-height:none!important;overflow:hidden!important}
  .hero-copy{margin:0 22px!important;padding:118px 0 300px!important;width:auto!important;max-width:340px!important}
  .eyebrow{font-size:11px!important;line-height:1.25!important;letter-spacing:.15em!important;max-width:310px!important;margin:0 0 24px!important}
  .hero h1{font-size:clamp(46px,13vw,56px)!important;line-height:.90!important;letter-spacing:-.055em!important;max-width:335px!important;margin:24px 0 26px!important}
  .hero h1 em{display:block!important;font-size:.94em!important;line-height:.92!important}
  .lead{font-size:16px!important;line-height:1.72!important;max-width:320px!important;margin:0!important}
  .hero-actions{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:14px!important;margin-top:30px!important;width:100%!important}
  .hero-actions .button{width:min(100%,300px)!important;min-height:54px!important;text-align:center!important}
  .hero-actions .text-link{padding:3px 0!important}
  .hero-person{right:-28vw!important;bottom:22px!important;width:145vw!important;max-height:48%!important;opacity:1!important;filter:drop-shadow(-10px 14px 22px rgba(0,0,0,.25))!important}
  .hero-person-label{display:grid!important;right:14px!important;bottom:92px!important;padding:9px 11px!important;gap:2px!important;z-index:6!important}
  .hero-person-label strong{font-size:11px!important}
  .hero-person-label span{font-size:7px!important;letter-spacing:.11em!important}
  .hero-proof{display:none!important}
}
@media(max-width:430px){
  .hero-copy{margin:0 20px!important;padding:116px 0 292px!important;max-width:330px!important}
  .hero h1{font-size:48px!important;max-width:320px!important}
  .hero-person{right:-31vw!important;bottom:18px!important;width:150vw!important;max-height:47%!important}
  .hero-person-label{right:12px!important;bottom:88px!important}
}


/* v28 – mobil: Håvard større/lenger inn + tre tydelige hurtiglenker. Desktop urørt. */
.hero-mobile-links{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
@media(max-width:850px){
  .hero{min-height:860px!important}
  .hero-copy{padding-bottom:330px!important;max-width:350px!important}
  .hero-actions{gap:18px!important}
  .hero-mobile-links{display:flex!important;gap:10px 18px!important;width:100%!important;max-width:340px!important;flex-wrap:wrap!important}
  .hero-mobile-links .text-link{font-size:14px!important;font-weight:700!important;line-height:1.25!important;padding:5px 0!important;white-space:nowrap!important}
  .hero-person{right:-18vw!important;bottom:34px!important;width:158vw!important;max-height:53%!important;opacity:1!important}
  .hero-person-label{right:20px!important;bottom:112px!important;padding:10px 12px!important}
  .hero-person-label strong{font-size:12px!important}
  .hero-person-label span{font-size:7.5px!important}
}
@media(max-width:430px){
  .hero{min-height:850px!important}
  .hero-copy{padding-bottom:322px!important}
  .hero-mobile-links{gap:9px 16px!important}
  .hero-mobile-links .text-link{font-size:13.5px!important}
  .hero-person{right:-20vw!important;bottom:30px!important;width:162vw!important;max-height:52%!important}
  .hero-person-label{right:17px!important;bottom:108px!important}
}

/* v29 FINAL – desktopmeny tilbake til høyre. Mobil beholdes fra v28. */
@media (min-width:851px){
  .site-header{
    display:flex!important;
    grid-template-columns:none!important;
    justify-content:space-between!important;
  }
  .brand-contact{justify-self:auto!important;}
  .header-right{
    display:flex!important;
    align-items:center!important;
    gap:54px!important;
    margin-left:auto!important;
  }
  .site-header nav{
    grid-column:auto!important;
    justify-self:auto!important;
    display:flex!important;
    gap:32px!important;
  }
  .header-cta{
    grid-column:auto!important;
    justify-self:auto!important;
  }
}

/* Contact form – Web3Forms v30 */
.form-botcheck{display:none!important;position:absolute!important;left:-9999px!important;opacity:0!important;pointer-events:none!important;width:0!important;height:0!important;margin:0!important;padding:0!important}
.form-result{display:none;margin-top:2px;padding:14px 16px;border:1px solid rgba(255,255,255,.18);font-size:14px;line-height:1.5}
.form-result.success{display:block;background:rgba(70,145,104,.16);border-color:rgba(116,207,155,.45);color:#e9fff2}
.form-result.error{display:block;background:rgba(177,73,73,.15);border-color:rgba(235,120,120,.42);color:#fff0f0}
#contact-submit:disabled{opacity:.72;cursor:wait}

/* v33: mobile hero quick links must never appear on desktop */
@media (min-width: 821px){
  .hero-mobile-links{display:none!important;}
}