@charset "UTF-8";
:root{--chalk:#f4f1ea;--coal:#292b27;--oak:#b6a48c;--stone:#d6d0c5;--olive:#737968;--line:rgba(41,43,39,.2)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--chalk);color:var(--coal);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid currentColor;outline-offset:6px}img{max-width:100%;display:block}p{line-height:1.65}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400}::selection{background:var(--oak);color:var(--coal)}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:block;width:112px}.brand img{width:100%;height:auto}.header nav{display:flex;gap:38px;font-size:14px}.header nav a{padding-block:10px}.header nav a:hover{text-decoration:underline;text-underline-offset:6px}.header nav span{margin-left:16px}.hero{padding-top:66px;display:grid;grid-template-columns:1fr 340px;gap:34px 70px}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.16em;line-height:1.5;margin-bottom:26px}h1{font-size:clamp(64px,6.6vw,96px);letter-spacing:-.065em;line-height:1.02}.dot{color:var(--olive)}.hero-intro{align-self:end;padding-bottom:8px}.hero-intro p{font-size:18px;max-width:30ch;line-height:1.5}.hero-link{display:inline-flex;gap:60px;align-items:center;border-bottom:1px solid var(--coal);padding:19px 0 9px;margin-top:13px;font-size:14px}.hero-link span{transition:transform .2s}.hero-link:hover span{transform:translate(3px,-3px)}.architecture{grid-column:1/-1;margin-top:18px;position:relative}.architecture img{width:100%;height:clamp(280px,36vw,470px);object-fit:cover}.architecture figcaption{font-size:10px;color:var(--chalk);background:var(--coal);padding:6px 10px;position:absolute;bottom:10px;left:12px}.hero-baseline{grid-column:1/-1;display:flex;justify-content:space-between;font-size:11px;gap:20px;margin-top:-18px}.approach{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:130px}h2{font-size:clamp(36px,4vw,58px);letter-spacing:-.05em;line-height:1.08}.section-heading>p:last-child{max-width:33ch;margin-top:28px;font-size:17px}.principles article{border-top:1px solid var(--line);padding:23px 0 26px}.principles article:last-child{border-bottom:1px solid var(--line)}h3{font-size:23px;letter-spacing:-.025em}.principles p{font-size:15px;margin-top:12px;max-width:49ch}.material-section{background:#e9e5dc;padding-block:74px}.material-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:center}.material-art{height:440px;position:relative;background:var(--stone);overflow:hidden}.wood{position:absolute;inset:0 35% 0 0;background:repeating-linear-gradient(90deg,#a99a81 0,#b6a48c 5px,#c4b297 16px,#ac9a80 27px,#756b5d 28px,#756b5d 31px);box-shadow:8px 0 20px #292b2725}.stone{position:absolute;inset:45% 0 0 38%;background:linear-gradient(125deg,#d6d0c5,#bdb8ae);box-shadow:-10px -8px 30px #292b2712}.material-caption{position:absolute;bottom:20px;left:20px;background:var(--chalk);padding:10px 15px;font-size:12px}.material-copy p{max-width:35ch;font-size:17px;margin-top:24px}.about{padding-block:130px;display:grid;grid-template-columns:1fr 1fr;gap:100px}.about-copy>p{font-size:16px;margin-bottom:23px;max-width:48ch}.about-copy .lead{font-size:23px;line-height:1.4;letter-spacing:-.02em}.facts{display:grid;grid-template-columns:1fr 1.5fr;gap:24px;border-top:1px solid var(--line);margin-top:42px;padding-top:28px}.facts strong{font-size:25px;font-weight:400;letter-spacing:-.03em;display:block}.facts span{font-size:11px;display:block;margin-top:9px}.contact{background:var(--coal);color:var(--chalk);padding-block:85px}.contact h2{font-size:clamp(54px,7vw,96px);letter-spacing:-.06em}.contact h2 span{color:var(--oak)}.contact-bottom{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-top:48px}.contact-bottom>p{font-size:16px;color:var(--stone)}.contact-links{display:flex;flex-direction:column;align-items:start;gap:18px}.email{font-size:clamp(22px,3vw,36px);letter-spacing:-.03em;border-bottom:1px solid #f4f1ea66;padding-bottom:12px;display:flex;gap:42px}.email:hover{border-color:var(--chalk)}.phone{font-size:17px}.phone:hover{text-decoration:underline;text-underline-offset:5px}.footer{min-height:140px;display:flex;align-items:center;justify-content:space-between;gap:24px}.footer .brand{width:100px}.footer p,.footer>span{font-size:12px}.skip-link{position:fixed;left:20px;top:15px;z-index:10;background:var(--coal);color:var(--chalk);padding:14px;transform:translateY(-180%)}.skip-link:focus{transform:none}a:active{opacity:.75}
@media(min-width:1500px){.hero{padding-top:80px}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.hero{grid-template-columns:1fr 260px;gap:30px}.approach,.about{gap:50px;padding-block:90px}.material-layout{gap:45px}.material-art{height:360px}.hero-intro p{font-size:16px}.facts strong{font-size:21px}}
@media(max-width:650px){.wrap{width:calc(100% - 40px)}.header{height:85px}.brand{width:100px}.header nav{gap:16px;font-size:12px}.header nav span{display:none}.hero{padding-top:44px;grid-template-columns:1fr;gap:27px}h1{font-size:64px}.eyebrow{margin-bottom:20px}.hero-intro{padding:0}.hero-intro p{max-width:34ch;font-size:17px}.hero-link{margin-top:6px;gap:90px}.architecture{margin-top:0}.architecture img{height:310px;object-position:54% center}.hero-baseline{font-size:10px;line-height:1.5;margin-top:-15px}.hero-baseline span:first-child{max-width:21ch}.hero-baseline span:last-child{text-align:right}.approach,.about{grid-template-columns:1fr;gap:38px;padding-block:72px}h2{font-size:42px}.principles article{padding-block:21px}.material-section{padding-block:40px}.material-layout{grid-template-columns:1fr;gap:34px}.material-art{height:330px}.material-copy p{font-size:16px}.about-copy .lead{font-size:22px}.facts{margin-top:30px;gap:16px}.facts strong{font-size:21px}.contact{padding-block:60px}.contact h2{font-size:58px}.contact-bottom{flex-direction:column;align-items:start;margin-top:30px;gap:32px}.email{font-size:27px;gap:24px}.footer{min-height:145px;flex-wrap:wrap;justify-content:space-between;padding-block:25px;gap:8px}.footer p{width:100%;order:3}.footer>span{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* Infoside for Eikes egne projekter. Ingen billedanimationer. */
.hero{padding-bottom:65px;border-bottom:1px solid var(--line)}
.hero-baseline{margin-top:44px;padding-top:24px;border-top:1px solid var(--line)}
.development{background:#e9e5dc;padding-block:78px}
.development-intro{font-size:18px;max-width:48ch;margin-top:28px}
.development-stages{margin:48px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px}
.development-stages>div{border-top:1px solid var(--line);padding-top:22px}
.development-stages dt{font-size:24px;letter-spacing:-.025em}
.development-stages dd{margin:15px 0 0;font-size:15px;line-height:1.65;max-width:36ch}
@media(max-width:650px){.hero{padding-bottom:40px}.hero-baseline{margin-top:16px}.development{padding-block:50px}.development-stages{grid-template-columns:1fr;gap:28px;margin-top:35px}.development-intro{font-size:17px}.development-stages dd{max-width:48ch}}
/* Statiske projektbilleder fra Pannerupvej. */
.project-hero{grid-column:1/-1;margin-top:16px}
.project-hero img{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;object-position:center 48%}
.project-hero figcaption,.project-gallery figcaption{font-size:11px;margin-top:10px;line-height:1.5}
.hero:has(.project-hero) .hero-baseline{margin-top:0}
.project{padding-top:85px}
.project-heading p{font-size:17px;max-width:44ch;margin-top:20px}
.project-gallery{display:grid;grid-template-columns:1fr 1fr;gap:36px 26px;margin-top:36px}
.project-gallery img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.project-exterior{grid-column:1/-1}
.project-exterior img{aspect-ratio:2/1;object-position:center 42%}
@media(max-width:650px){.project-hero img{aspect-ratio:4/3}.project{padding-top:55px}.project-gallery{grid-template-columns:1fr;gap:28px;margin-top:28px}.project-exterior img{aspect-ratio:4/3}.project-heading p{font-size:16px}}
.quiet-images{display:grid;grid-template-columns:1fr 1.35fr;gap:28px;padding-bottom:90px;align-items:center}
.quiet-images img{width:100%;height:auto;display:block}
@media(max-width:650px){.quiet-images{grid-template-columns:1fr;gap:28px;padding-bottom:55px}}
/* Ét roligt materialebillede, uden case- eller dronepræsentation. */
.quiet-images{display:block;width:min(800px,calc(100% - 112px));margin-inline:auto}
@media(max-width:1000px){.quiet-images{width:calc(100% - 64px)}}
@media(max-width:650px){.quiet-images{width:calc(100% - 40px)}}
/* Tre billeder: oprindeligt forsidebillede og et roligt interiørpar. */
.quiet-images{display:grid;grid-template-columns:1fr 1fr;width:min(1280px,calc(100% - 112px));gap:28px;align-items:start}
.quiet-images img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
@media(max-width:1000px){.quiet-images{width:calc(100% - 64px)}}
@media(max-width:650px){.quiet-images{width:calc(100% - 40px);grid-template-columns:1fr}}
.current-projects{padding-top:90px}
.current-project{display:grid;grid-template-columns:1fr 1fr;gap:100px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:35px;margin-top:36px}
.project-status{font-size:12px;color:var(--coal);margin-bottom:14px}
.current-project h3{font-size:38px;letter-spacing:-.04em}
.current-project-copy p{max-width:43ch;font-size:16px}
.current-project-link{display:inline-flex;gap:35px;border-bottom:1px solid var(--coal);padding-block:10px;margin-top:16px;font-size:14px}
.current-project-link:hover{text-decoration:underline;text-underline-offset:5px}
@media(max-width:1000px){.current-project{gap:50px}.header nav{gap:22px}}
@media(max-width:650px){.current-projects{padding-top:55px}.current-project{grid-template-columns:1fr;gap:25px;padding-block:28px}.header{height:auto;min-height:85px;flex-wrap:wrap;gap:8px;padding-block:16px}.header nav{width:100%;justify-content:space-between;gap:10px;font-size:11px}.current-project h3{font-size:32px}}
.development-promise{max-width:65ch;font-size:19px;line-height:1.6;border-top:1px solid var(--line);padding-top:30px;margin-top:40px}
@media(max-width:650px){.development-promise{font-size:17px}}

.project-plan{margin:36px 0 0}.project-plan img{display:block;width:100%;max-width:850px;height:auto;margin-inline:auto}.project-plan figcaption{font-size:12px;margin-top:16px;color:var(--coal)}

/* Mobil: større billedflader og tydelige skift mellem tekst, materiale og proces. */
@media(max-width:650px){
  .wrap{width:calc(100% - 48px)}
  .header{padding-block:22px 14px;gap:20px}
  .header .brand{width:108px}
  .header nav{font-size:11px;gap:8px;border-top:1px solid var(--line);padding-top:8px}
  .header nav a{min-height:44px;display:flex;align-items:center}
  .hero{padding-top:36px;gap:26px;padding-bottom:32px}
  h1{font-size:clamp(48px,14.5vw,82px);line-height:.98}
  .hero-heading .eyebrow{margin-bottom:22px}
  .hero-heading{order:0}
  .project-hero{order:1;width:calc(100% + 48px);margin:8px -24px 0}
  .project-hero img{aspect-ratio:1/1;object-position:62% center}
  .hero-intro{order:2;border-left:2px solid var(--olive);padding-left:18px}
  .hero-intro p{font-size:17px;line-height:1.55;max-width:34ch}
  .hero-baseline{order:3;padding-top:18px}
  h2{font-size:clamp(34px,10.6vw,48px);line-height:1.05}
  .approach{padding-block:64px;gap:32px}
  .section-heading>p:last-child{font-size:17px;max-width:34ch;margin-top:22px}
  .principles{display:grid;grid-template-columns:1fr 1fr;gap:24px 20px;counter-reset:principle}
  .principles article,.principles article:last-child{padding:16px 0 0;border-top:1px solid var(--line);border-bottom:0}
  .principles article::before{counter-increment:principle;content:'0' counter(principle);display:block;color:var(--olive);font-size:11px;letter-spacing:.12em;margin-bottom:18px}
  .principles h3{font-size:20px;line-height:1.18}
  .principles p{font-size:14px;line-height:1.6}
  .quiet-images{width:100%;grid-template-columns:1fr;gap:24px;padding-bottom:64px}
  .quiet-images img:first-child{width:100%;aspect-ratio:4/3;object-position:center}
  .quiet-images img:last-child{width:100%;margin-left:0;aspect-ratio:4/3}
  .development{background:var(--coal);color:var(--chalk);padding-block:58px}
  .development-intro{color:var(--stone);margin-top:24px;line-height:1.6}
  .development-stages{counter-reset:stage;gap:0;margin-top:36px}
  .development-stages>div{position:relative;padding:24px 0 26px 42px;border-color:#f4f1ea33}
  .development-stages>div::before{counter-increment:stage;content:'0' counter(stage);position:absolute;left:0;top:29px;font-size:11px;color:var(--oak)}
  .development-stages dt{font-size:25px}
  .development-stages dd{font-size:15px;color:var(--stone);margin-top:12px}
  .development-promise{font-size:20px;line-height:1.5;border-color:#f4f1ea33;margin-top:10px;padding-top:28px;letter-spacing:-.02em}
  .current-projects{padding-top:64px}
  .current-project{margin-top:28px;gap:22px}
  .project-status{display:inline-block;background:#73796818;padding:8px 12px;font-size:11px;letter-spacing:.04em;margin-bottom:20px}
  .current-project h3{font-size:40px}
  .current-project-link{min-height:48px;width:100%;justify-content:space-between}
  .project-plan{margin-top:26px}
  .project-plan figcaption{font-size:11px;line-height:1.5}
  .about{padding-block:64px;gap:28px}
  .about-copy .lead{font-size:24px;max-width:22ch}
  .about-copy>p{font-size:15px;line-height:1.65}
  .facts{background:#e9e5dc;border:0;padding:24px 18px;grid-template-columns:1fr 1.25fr}
  .facts strong{font-size:23px}
  .contact{padding-block:54px}
  .contact h2{font-size:clamp(43px,12.8vw,64px)}
  .contact-links{width:100%;gap:22px}
  .email{font-size:clamp(22px,6.8vw,30px);width:100%;justify-content:space-between;gap:8px;min-height:48px}
  .phone{min-height:44px;display:flex;align-items:center}
}
@media(max-width:350px){.principles{grid-template-columns:1fr}.header nav{font-size:10px}.facts strong{font-size:20px}}