@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}}