:root{--paper:#faf9f5;--ink:#292f2a;--muted:#666b63;--line:#dcded5;--olive:#46523f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}a:focus-visible{outline:2px solid var(--olive);outline-offset:6px}img{max-width:100%;display:block}header{min-height:102px;padding:22px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:30px;background:var(--paper)}.brand{font-family:Georgia,serif;letter-spacing:2px;font-size:22px;line-height:1.3}.brand span{display:block;font-family:Arial,sans-serif;letter-spacing:4px;font-size:9px;margin-bottom:5px}nav{display:flex;gap:27px;font-size:12px}.wrap{width:min(1320px,90%);margin:auto}.hero{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;padding-top:54px;padding-bottom:72px}.portrait{height:540px;background:#e5e1d6}.portrait img{width:100%;height:100%;object-fit:contain;background:#e3e0d5}.label{text-transform:uppercase;font-size:10px;letter-spacing:2px;line-height:1.5;color:var(--muted);margin:0 0 23px}h1,h2,h3,.lead{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:70px;letter-spacing:-3px;line-height:1.1;margin:0 0 27px}h1 span{display:block;font-size:40px;letter-spacing:-1px;line-height:1.2;margin-top:21px;color:var(--olive);font-style:italic}.hero-copy>p:not(.label){color:var(--muted)}.button{display:inline-flex;gap:44px;align-items:center;padding:14px 24px;background:var(--olive);color:white;font-size:12px;margin-top:22px}.small-note{font-size:11px;margin-top:30px}.sales{border-top:1px solid var(--line);padding-top:66px;padding-bottom:75px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:48px}.section-head>p{color:var(--muted);font-size:13px;max-width:380px}h2{font-size:43px;line-height:1.17;letter-spacing:-1px;margin:0}h3{font-size:25px;line-height:1.3;margin:0}.works{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 42px}.art{display:flex;align-items:center;justify-content:center;padding:27px;background:#eeeee7;aspect-ratio:1.22}.art img{width:100%;height:100%;object-fit:contain;filter:none;transition:transform .25s}.art:hover img{transform:scale(1.015)}.work-info{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-top:23px}.work-info .label{font-size:9px;margin-bottom:7px;letter-spacing:1.1px}.price{white-space:nowrap;font-size:14px;margin:0 0 3px}.work-bottom{border-top:1px solid var(--line);margin-top:20px;padding-top:13px;display:flex;justify-content:space-between;gap:12px;font-size:11px}.work-bottom>span{color:var(--muted)}.work-bottom a{font-weight:bold}.sales-note{font-size:12px;color:var(--muted);margin-top:38px}.quiet{background:#eeefe8;padding:65px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:9%}.split>div>p:not(.label):not(.lead){max-width:460px;color:var(--muted)}.lead{font-size:29px;line-height:1.4;margin:0 0 17px}.about{padding-top:88px;padding-bottom:90px}.text-link{display:inline-block;border-bottom:1px solid var(--ink);font-size:12px;margin-top:16px}.archive{padding-top:64px;padding-bottom:85px;border-top:1px solid var(--line)}.archive h2{font-size:35px}.past{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px}.past figure{margin:0}.past a{height:195px;display:flex;align-items:center;justify-content:center;background:#eeeee8;padding:14px}.past img{width:100%;height:100%;object-fit:contain}.past figcaption{font-size:10px;color:var(--muted);padding-top:10px}.sold{float:right;text-transform:uppercase;letter-spacing:1px}.contact{background:#e7eadf;padding:75px 0}.phone{display:inline-flex;gap:35px;align-items:center;font-family:Georgia,serif;font-size:34px;border-bottom:1px solid #9aa18f;margin:12px 0}.contact-name{font-size:11px}.chosen{font-size:13px;border-left:2px solid var(--olive);padding-left:12px}footer{display:flex;justify-content:space-between;gap:20px;padding-top:28px;padding-bottom:28px;font-size:10px;letter-spacing:.6px}.skip{position:absolute;top:-100px;left:15px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}@media(min-width:1500px){.portrait{height:600px}}@media(max-width:1000px){nav{gap:15px}.hero{gap:6%}.portrait{height:460px}h1{font-size:58px}h1 span{font-size:32px}.work-info{display:block}.price{margin-top:8px}.work-bottom{flex-wrap:wrap}.past a{height:160px}}@media(max-width:700px){html{scroll-padding-top:20px}header{padding:20px 5%;display:block}.brand{font-size:20px}nav{margin-top:20px;gap:10px 21px;flex-wrap:wrap;font-size:11px}.hero{grid-template-columns:1fr;padding-top:28px;gap:32px;padding-bottom:45px}.portrait{height:390px}.hero-copy{padding-bottom:4px}h1{font-size:55px}h1 span{font-size:33px}.hero .label{font-size:9px}.hero-copy>p{font-size:14px}.small-note{margin-bottom:0}.section-head{display:block;margin-bottom:30px}.section-head>p{margin-top:22px}h2{font-size:35px}.sales{padding-top:44px;padding-bottom:44px}.works{grid-template-columns:1fr;gap:40px}.art{padding:18px}.work-info{display:flex}h3{font-size:22px}.price{font-size:13px}.split{grid-template-columns:1fr;gap:30px}.quiet,.contact{padding:45px 0}.about{padding-top:50px;padding-bottom:50px}.archive{padding-top:45px;padding-bottom:50px}.archive h2{font-size:32px}.past{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.past a{height:145px;padding:8px}.past figcaption{font-size:12px}.phone{font-size:29px}footer{flex-wrap:wrap;font-size:9px}.desktop{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.art img{transition:none}}
[hidden]{display:none!important}.biography{max-width:65ch;min-width:0}.about .biography>p{max-width:none;line-height:1.85;margin:0 0 1.35em}.biography>p:first-child{font-family:Georgia,"Times New Roman",serif;font-size:25px;line-height:1.45;color:var(--olive);margin-bottom:1.5em}.biography h3{margin:1.8em 0 .8em}.biography strong{font-weight:600;color:var(--ink)}.photograph-size{font-size:12px;color:var(--muted);margin:8px 0 0}@media(max-width:700px){.biography>p:first-child{font-size:23px}}

.about-portrait{display:block;width:100%;max-width:360px;height:auto;margin-top:32px;object-fit:contain}@media(max-width:700px){.about-portrait{max-width:300px;margin-top:26px}}

/* Om David Hav: introduktion og fire tekstblokke i læserækkefølge. */
#om .about-heading{margin-bottom:36px}
#om .about-intro{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:clamp(36px,6vw,80px);align-items:center}
#om .about-portrait{margin:0;width:100%;height:auto;max-width:360px}
#om .about-intro-copy{max-width:65ch}
#om .about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px clamp(36px,6vw,80px);margin-top:56px}
#om .about-block{max-width:none}
#om .about-block h3{margin:0 0 22px}
#om .biography p{color:var(--muted);line-height:1.85}
#om .biography p:last-child{margin-bottom:0}
#om .about-intro-copy>p:first-child{color:var(--olive);line-height:1.45}
@media(max-width:700px){#om .about-heading{margin-bottom:28px}#om .about-intro,#om .about-grid{grid-template-columns:1fr;gap:30px}#om .about-portrait{max-width:300px}#om .about-grid{margin-top:40px;gap:36px}#om .about-block h3{margin:0 0 18px}}

/* Sektionsbaggrunde og fuld kunstnerbeskrivelse. */
body{background:#F4F0E9}
header{background:#F4F0E9}
footer{--section-background:#F4F0E9}
#vaerker,#tidligere,#kontakt{--section-background:#F7F5F0}
#forside{--section-background:#493B32}
#forside h1,#forside h1 span,#forside .hero-copy>p{color:#F5F0E6}
#fotografier{--section-background:#FFFFFF}
#om{--section-background:#293F35}
#om-david-fuld{--section-background:#354957}
main>section[id],footer{background:var(--section-background);box-shadow:0 0 0 100vmax var(--section-background);clip-path:inset(0 -100vmax)}
#om .about-photo{width:100%;max-width:360px;text-align:center}
#om .about-button{margin-top:18px}
.about-full{max-width:65ch;border-top:1px solid var(--line)}
.about-full h2{margin-bottom:36px}
.about-full .about-block{max-width:none}
.about-full .about-block h3{margin:0 0 22px}
.about-full .about-block+.about-block{margin-top:36px}
.about-full .biography p{color:var(--muted);line-height:1.85}
.about-full .biography p:last-child{margin-bottom:0}
@media(max-width:700px){#om .about-photo{max-width:300px}.about-full h2{margin-bottom:28px}.about-full .about-block h3{margin-bottom:18px}}

/* Kontrast paa moerke sektioner og kontaktoplysninger. */
#forside h1,#forside h1 span,#forside .hero-copy>p,
#om,#om .label,#om .biography p,#om .about-intro-copy>p:first-child,
#om-david-fuld,#om-david-fuld .biography p,#om-david-fuld .biography strong{color:#F7F5F0}
#om a:focus-visible,#om-david-fuld a:focus-visible{outline-color:#F7F5F0}
.sales-contact{background:#326745;color:#F7F5F0;margin-top:8px}
.contact-details{margin-top:24px;font-style:normal}
.contact-details p{margin:0 0 12px}
.contact-details a{text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}

/* Laesevenlig broedtekst i de to kunstnersektioner. */
#om .about-intro-copy{max-width:73ch}
#om .about-intro-copy>p:not(:first-child),#om-david-fuld .biography>p{font-size:17.5px}
#om-david-fuld{max-width:73ch}
@media(max-width:700px){
#om .about-intro-copy>p:not(:first-child),#om-david-fuld .biography>p{font-size:16px}
}

/* Godkendt afgraenset navigation- og typografijustering; afventer visuel godkendelse. */
html{scroll-padding-top:calc(var(--header-height,140px) + 20px)}
header{position:sticky;top:0;z-index:50;min-height:102px;gap:24px}
.header-links{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
header nav{font-size:13.8px;font-weight:600;flex-wrap:wrap;justify-content:flex-end}
.header-contact{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px 22px;font-size:13px;line-height:1.5}
.header-contact a{white-space:nowrap}
#vaerker .section-head>p{font-size:15px;font-weight:500;line-height:1.7}
#vaerker .work-info .label{font-size:11.25px}
#vaerker .price{font-size:16.8px}
#vaerker .work-bottom>span{font-size:14px}
#vaerker .work-bottom a{font-size:13.2px;font-weight:600}
#vaerker .work-bottom{flex-wrap:wrap;align-items:baseline}
@media(max-width:1000px){header nav{gap:10px 18px}.header-contact{gap:6px 16px}}
@media(max-width:700px){
header{padding:12px 5%;min-height:0}
header .brand{font-size:18px;line-height:1.2}
header .brand span{display:inline;font-size:10px;letter-spacing:2px;margin:0 7px 0 0}
.header-links{align-items:flex-start;gap:8px;margin-top:12px}
header nav{margin:0;font-size:12.65px;gap:8px 16px;justify-content:flex-start;line-height:1.5}
.header-contact{justify-content:flex-start;font-size:12px;gap:6px 16px}
#vaerker .price{font-size:15.6px}
}

/* Samlet typografisk finjustering; afventer visuel godkendelse. */
header nav{font-size:19px;gap:18px;font-weight:600}
.header-contact{font-size:16px;gap:8px 18px}
@media(min-width:1300px){header{gap:24px}.header-links{flex-direction:row;align-items:center;gap:26px}.header-contact{flex-wrap:nowrap;gap:16px}header nav{flex-wrap:nowrap}}
#vaerker>.section-head .label,#om>.about-heading .label,#tidligere>.section-head .label,#kontakt .label{font-size:19px;font-weight:500;letter-spacing:1.5px}
#vaerker .section-head>p{max-width:460px;font-size:21px;font-weight:400;line-height:1.55}
.sales-intro-title{display:block;font-family:Georgia,'Times New Roman',serif;font-size:34px;line-height:1.2;margin-bottom:16px}
.sales-intro-detail{display:block}
#vaerker .work-info .label{font-size:15px;line-height:1.5}
#vaerker .price{font-size:20px}
#vaerker .work-bottom>span,#vaerker .work-bottom a{font-size:17px}
#vaerker .work-bottom a{font-weight:600}
#om .about-intro-copy>p:first-child{font-size:25px;line-height:1.45}
#om .about-intro-copy>p:not(:first-child){font-size:18.5px;line-height:1.6}
#tidligere .section-head>p{max-width:420px;font-size:19px;line-height:1.6}
.archive-intro-title{display:block;font-size:23px;line-height:1.4;margin-bottom:12px}
.archive-intro-detail{display:block}
#kontakt .split>div>p:not(.label):not(.lead):not(.chosen){font-size:21px;line-height:1.6}
#kontakt .contact-details{font-size:18.5px;line-height:1.6}
.button{font-size:17px;line-height:1.5;gap:24px}
#forside .hero-copy>p:not(.label):not(.small-note){font-size:18px;line-height:1.7}
@media(max-width:1000px){header nav{gap:8px 16px;font-size:17px}.header-contact{font-size:16px}.section-head{align-items:flex-start}#vaerker .section-head>p{max-width:350px}.sales-intro-title{font-size:30px}}
@media(max-width:700px){
header nav{font-size:14px;gap:8px 14px}.header-contact{font-size:14px;gap:6px 16px}
#vaerker>.section-head .label,#om>.about-heading .label,#tidligere>.section-head .label,#kontakt .label{font-size:17px}
.sales-intro-title{font-size:29px}#vaerker .section-head>p{font-size:19px}
#vaerker .work-info .label{font-size:13px}#vaerker .price{font-size:18px}
#vaerker .work-bottom>span,#vaerker .work-bottom a{font-size:16px}
#om .about-intro-copy>p:not(:first-child){font-size:18px}
#tidligere .section-head>p{font-size:18px}.archive-intro-title{font-size:22px}
#kontakt .split>div>p:not(.label):not(.lead):not(.chosen){font-size:20px}
#kontakt .contact-details{font-size:18px}.button{font-size:16px;padding:14px 20px}
}

/* Sidste afgraensede designjustering: fjern skillelinjer under salgsmalerier. */
#vaerker .work-bottom{border-top:0}

/* Laesevenlig signatur- og kontakttekst ved salgsmalerier. */
#vaerker .sales-note{font-size:20px;line-height:1.6}
@media(max-width:700px){#vaerker .sales-note{font-size:18px}}

/* Fire afgraensede layout- og typografijusteringer; afventer visuel godkendelse. */
#vaerker>.section-head,#tidligere>.section-head{display:block;text-align:left}
#vaerker>.section-head>p,#tidligere>.section-head>p{max-width:760px;margin:24px 0 0;font-size:21px;line-height:1.6}
#vaerker>.section-head .label,#tidligere>.section-head .label{font-size:27px;font-weight:600;line-height:1.35;margin-bottom:20px}
#vaerker .sales-intro-title{font-size:28px;line-height:1.4;margin-bottom:12px}
#vaerker .sales-note{font-size:22px;line-height:1.6;max-width:72ch}
#kontakt .label{font-size:29px;font-weight:600;line-height:1.35;margin-bottom:22px}
@media(max-width:700px){
#vaerker>.section-head>p,#tidligere>.section-head>p{font-size:19px;margin-top:20px}
#vaerker>.section-head .label,#tidligere>.section-head .label{font-size:23px;margin-bottom:16px}
#vaerker .sales-intro-title{font-size:25px}
#vaerker .sales-note{font-size:19px}
#kontakt .label{font-size:24px;margin-bottom:18px}
}

/* Overskriftsfarver fra den eksisterende palette; afventer visuel godkendelse. */
#forside .hero-copy>.label{font-size:18px;letter-spacing:2.2px;line-height:1.5}
#vaerker>.section-head .label,#tidligere>.section-head .label,#kontakt .label{color:#293F35}
#vaerker>.section-head h2,#tidligere>.section-head h2,#kontakt .lead{color:#493B32}
@media(max-width:700px){#forside .hero-copy>.label{font-size:16px}}

/* Afventer godkendelse: tydeligere afsluttende tekst paa forsiden. */
#forside .hero-copy>.small-note{font-size:32px;font-weight:500;line-height:1.4}
@media(max-width:1000px){#forside .hero-copy>.small-note{font-size:28px}}
@media(max-width:700px){#forside .hero-copy>.small-note{font-size:25px}}