:root{--forest:#263b33;--forest2:#344c42;--paper:#f7f3eb;--paper2:#eee7da;--ink:#25332d;--muted:#6b7169;--rust:#a56e52;--line:#d9d0c1;--gold:#c8a16c}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{background:#5d5d5d;color:#fff;position:sticky;top:0;z-index:20;box-shadow:0 3px 18px #1e2b251c}.nav-wrap{width:min(1280px,calc(100% - 64px));min-height:94px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:block;flex:0 0 auto;width:250px}.brand img{width:100%;height:auto}nav{display:flex;align-items:center;gap:clamp(14px,2.1vw,30px)}nav a{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#f7f5ef;white-space:nowrap}nav a:hover{color:#e6c79a}.menu-toggle{display:none;background:transparent;border:1px solid #ffffff70;color:#fff;border-radius:999px;padding:10px 14px}
.hero{width:min(1280px,calc(100% - 64px));margin:0 auto;padding:62px 0 76px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:clamp(36px,7vw,100px)}.hero-copy{padding:10px 0}.eyebrow{margin:0 0 14px;font-size:10px;letter-spacing:.23em;text-transform:uppercase;color:var(--rust);font-weight:700}h1,h2,h3,p{margin-top:0}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(42px,5vw,72px);font-weight:400;line-height:1.05;letter-spacing:-.04em;margin:0 0 24px;max-width:620px}.hero-copy .lead{font-family:Georgia,'Times New Roman',serif;font-size:clamp(18px,2vw,22px);line-height:1.65;max-width:580px;color:#48564d}.hero-copy .sublead{max-width:550px;color:var(--muted);font-size:15px;line-height:1.9}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:13px 21px;background:var(--forest);color:#fff;border:1px solid var(--forest);font-size:11px;letter-spacing:.12em;text-transform:uppercase;transition:background .2s}.button:hover{background:var(--forest2)}.button.secondary{background:transparent;color:var(--forest)}.hero-portrait{position:relative;max-width:550px;margin-left:auto;width:100%}.hero-portrait:before{content:"";position:absolute;inset:18px -18px -18px 18px;border:1px solid #c9b99f;z-index:0}.hero-portrait img{position:relative;z-index:1;width:100%;height:clamp(400px,48vw,610px);object-fit:cover;object-position:center 30%;filter:saturate(.88)}.hero-note{position:absolute;z-index:2;bottom:20px;left:-28px;background:var(--paper);padding:16px 22px;box-shadow:0 8px 25px #1e2b2515;font-family:Georgia,serif;font-size:15px;line-height:1.4;max-width:210px}
.intro-band{background:var(--forest);color:#f7f3eb;padding:44px 32px}.intro-band-inner{width:min(1050px,100%);margin:auto;display:grid;grid-template-columns:1fr 1.4fr;gap:42px;align-items:center}.intro-band h2{font:400 clamp(28px,3vw,42px)/1.15 Georgia,serif;margin:0}.intro-band p{margin:0;color:#e0e4dc;line-height:1.85;font-size:14px}
main{width:min(1280px,calc(100% - 64px));margin:auto}.collection{padding:80px 0 16px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px;border-bottom:1px solid var(--line);padding-bottom:22px}.section-head h2{font:400 clamp(32px,4vw,48px)/1.1 Georgia,serif;letter-spacing:-.025em;margin:0}.section-intro{max-width:380px;margin:0;color:var(--muted);font-size:14px;line-height:1.8}.art-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}.art-card{padding:0;border:0;background:transparent;text-align:left;cursor:zoom-in;min-width:0;color:inherit;display:flex;flex-direction:column}.art-image{height:clamp(200px,24vw,330px);display:flex;align-items:center;justify-content:center;background:#e9e3d7;overflow:hidden;position:relative}.art-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.art-card:hover .art-image img{transform:scale(1.035)}.art-card.contain .art-image,.art-card.book .art-image,.art-card.drawing .art-image{background:#e7e0d3}.art-card.contain .art-image img,.art-card.book .art-image img,.art-card.drawing .art-image img{object-fit:contain;padding:8px}.art-card.book .art-image{background:#263b33}.art-card.book .art-image img{padding:0;object-fit:contain}.art-card.drawing .art-image{background:#ede7da}.art-card.drawing .art-image img{padding:12px}.art-card.portrait .art-image img{object-fit:cover;object-position:center 25%}.art-meta{display:flex;flex-direction:column;gap:7px;padding:13px 2px 0}.art-title{font-family:Georgia,'Times New Roman',serif;font-size:20px;line-height:1.2}.art-caption{font-size:11px;letter-spacing:.03em;color:var(--muted);line-height:1.5}.collection:nth-of-type(even){}
.about{margin:90px 0 72px;background:var(--paper2);padding:clamp(28px,5vw,58px);display:grid;grid-template-columns:.7fr 1.3fr;gap:40px;align-items:start}.about h2{font:400 clamp(32px,4vw,46px)/1.12 Georgia,serif;margin:0}.about p{font-size:14px;line-height:1.9;color:#525d54;margin:0 0 12px}.about .eyebrow{margin-bottom:16px}.footer{background:var(--forest);color:#f8f3e9;padding:34px 32px}.footer-inner{width:min(1280px,100%);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.footer img{width:180px;height:auto;flex-shrink:0}.footer p{margin:0;color:#d9dfd6;font-size:12px;line-height:1.7;text-align:right}
.lightbox{position:fixed;inset:0;z-index:100;background:rgba(15,22,18,.92);display:none;align-items:center;justify-content:center;padding:24px}.lightbox.open{display:flex}.lightbox-inner{width:min(1100px,100%);max-height:94vh;display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:22px;align-items:center}.lightbox img{max-height:86vh;width:100%;object-fit:contain}.lightbox-info{color:#f8f3e9}.lightbox-info h2{font:400 28px Georgia,serif;margin:0 0 10px}.lightbox-info p{font-size:13px;line-height:1.7;color:#d2d8cf}.close-lightbox{position:absolute;top:20px;right:24px;border:1px solid #ffffff70;border-radius:50%;width:44px;height:44px;color:#fff;background:transparent;font-size:24px;cursor:pointer}
@media(max-width:900px){.nav-wrap{width:calc(100% - 36px);min-height:82px}.brand{width:210px}nav{gap:13px}nav a{font-size:9px;letter-spacing:.08em}.hero,main{width:calc(100% - 40px)}.hero{gap:34px;padding:48px 0 60px}.hero-portrait img{height:470px}.art-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}.art-image{height:clamp(190px,35vw,300px)}.section-head{align-items:start;flex-direction:column;gap:12px}.intro-band-inner{grid-template-columns:1fr;gap:14px}.about{grid-template-columns:1fr;gap:20px}}
@media(max-width:620px){.nav-wrap{min-height:76px;gap:10px}.brand{width:185px}.menu-toggle{display:block;font-size:10px;letter-spacing:.1em;text-transform:uppercase}nav{display:none;position:absolute;top:76px;left:0;right:0;background:#5d5d5d;padding:16px 22px 22px;flex-direction:column;align-items:flex-start;gap:17px}nav.open{display:flex}nav a{font-size:11px}.hero,main{width:calc(100% - 36px)}.hero{grid-template-columns:1fr;gap:34px;padding:36px 0 52px}h1{font-size:45px}.hero-copy .lead{font-size:19px}.hero-portrait{max-width:none;margin:0 8px 0 0}.hero-portrait:before{inset:12px -10px -12px 10px}.hero-portrait img{height:460px;object-position:center 25%}.hero-note{left:-8px;bottom:14px;max-width:185px;padding:12px 15px;font-size:13px}.intro-band{padding:34px 22px}.collection{padding-top:58px}.section-head h2{font-size:35px}.art-grid{gap:22px 12px}.art-image{height:clamp(150px,56vw,250px)}.art-title{font-size:17px}.art-caption{font-size:10px}.art-meta{padding-top:10px}.about{margin:58px 0;padding:26px 22px}.footer-inner{align-items:flex-start;flex-direction:column}.footer p{text-align:left}.lightbox{padding:16px}.lightbox-inner{grid-template-columns:1fr;gap:12px;max-height:90vh;overflow:auto}.lightbox img{max-height:65vh}.lightbox-info h2{font-size:22px}.close-lightbox{top:10px;right:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.art-image img{transition:none}}


.ore-project{grid-column:1 / -1;border-top:1px solid #d9d0c1;margin-top:8px;padding-top:24px}
.ore-project>h3{font-family:Georgia,serif;font-weight:400;font-size:clamp(25px,3vw,36px);margin:0 0 10px}
.ore-project>p{font-size:14px;color:#6b7169;margin:0 0 24px;line-height:1.6}
.ore-project-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ore-project-gallery .art-image{height:260px}
.ore-project-gallery .art-image img{object-fit:contain;background:#e9e3d7}
@media(max-width:690px){.ore-project-gallery{grid-template-columns:1fr}.ore-project-gallery .art-image{height:250px}}

/* Accessible category browsing and full artwork presentation. */
[hidden]{display:none!important}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #a56e52;outline-offset:5px}.skip-link{position:fixed;left:12px;top:-100px;z-index:200;padding:14px 20px;background:#fff;color:#263b33}.skip-link:focus{top:12px}.menu-toggle{cursor:pointer;min-height:44px}nav a{min-height:44px;display:inline-flex;align-items:center}.hero-portrait img{filter:none}.portfolio-browser{padding:64px 0 0;scroll-margin-top:20px}.browser-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:24px}.browser-heading h2{font:400 clamp(32px,4vw,48px)/1.1 Georgia,serif;margin:0}.browser-heading #result-count{margin:0;color:#525d54;font-size:13px}.category-nav{display:flex;gap:10px;flex-wrap:wrap}.category-nav a{padding:11px 16px;min-height:48px;border:1px solid #bdb4a5;border-radius:3px;font-size:13px;letter-spacing:0;text-transform:none;white-space:normal;color:#263b33;background:transparent;gap:9px}.category-nav a span{font-size:11px;color:#687067}.category-nav a:hover{border-color:#263b33;background:#eee7da;color:#263b33}.category-nav a[aria-current="true"]{background:#263b33;color:#fff;border-color:#263b33}.category-nav a[aria-current="true"] span{color:#e0e4dc}.collection{padding-top:42px}.art-image{height:clamp(230px,27vw,350px);background:#e9e3d7}.art-image img,.art-card.portrait .art-image img{object-fit:contain}.art-card.drawing .art-image img{padding:10px}.view-hint{position:absolute;bottom:10px;right:10px;background:#f7f3ebee;color:#263b33;padding:7px 10px;font-size:11px;opacity:0;transition:opacity .15s}.art-card:hover .view-hint,.art-card:focus-visible .view-hint{opacity:1}.art-caption{font-size:12px}.viewer{width:min(1200px,calc(100% - 48px));max-height:calc(100dvh - 40px);padding:0;border:1px solid #ffffff25;background:#17251f;color:#f7f3eb;margin:auto;overflow:auto;box-shadow:0 16px 70px #0009}.viewer::backdrop{background:#07100de8}.viewer-panel{padding:14px 24px 20px}.viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;z-index:1}.viewer-bar p{font-size:12px;color:#d2d8cf;margin:0}.viewer button{cursor:pointer;background:transparent;color:inherit;border:1px solid #ffffff55;border-radius:3px;padding:10px 16px;min-height:46px;font-size:13px}.viewer button:hover{background:#ffffff14}.viewer-close{display:flex;align-items:center;gap:12px}.viewer-close span{font-size:24px;line-height:1}.viewer-figure{margin:10px 0 16px}.viewer-image-wrap{display:flex;align-items:center;justify-content:center;min-height:120px}.viewer-image-wrap img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 270px)}.viewer figcaption{text-align:center;padding-top:16px}.viewer figcaption h2{font:400 clamp(21px,3vw,29px)/1.25 Georgia,serif;margin:0 0 8px}.viewer figcaption p{font-size:13px;line-height:1.5;margin:0;color:#d2d8cf}.viewer-controls{display:flex;justify-content:space-between;align-items:center;gap:12px}.viewer-tip{font-size:11px;color:#d2d8cf}html.viewer-open{overflow:hidden}body.viewer-open{overflow:hidden}.footer{margin-top:50px}
@media(max-width:1100px){.menu-toggle{display:block}.nav-wrap{min-height:80px}.brand{width:210px}#main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#5d5d5d;padding:12px 24px 20px;flex-direction:column;align-items:stretch;gap:2px;max-height:calc(100dvh - 80px);overflow:auto}#main-nav.open{display:flex}#main-nav a{font-size:12px;letter-spacing:.06em;padding:5px 0}}
@media(max-width:620px){.nav-wrap{min-height:76px}.brand{width:185px}.portfolio-browser{padding-top:42px}.browser-heading{align-items:start;flex-direction:column;gap:12px}.category-nav{position:static;padding:0;background:transparent;display:flex;flex-direction:row;gap:8px}.category-nav a{font-size:12px;padding:10px 12px;min-height:46px}.art-grid{grid-template-columns:1fr;gap:30px}.art-image{height:auto;min-height:160px;max-height:500px;aspect-ratio:4/3}.art-title{font-size:21px}.art-caption{font-size:12px}.art-card.drawing .art-image,.art-card.book .art-image{aspect-ratio:1/1}.view-hint{opacity:1}.hero-portrait img{height:auto;max-height:550px;object-fit:contain}.hero-note{bottom:14px}.viewer{width:calc(100% - 16px);max-height:calc(100dvh - 16px)}.viewer-panel{padding:10px 12px 14px}.viewer-image-wrap img{max-height:calc(100dvh - 280px)}.viewer-tip{display:none}.viewer figcaption{padding-top:14px}.viewer button{padding:10px 12px}.collection{padding-top:32px}.ore-project-gallery{gap:26px}.ore-project-gallery .art-image{height:auto;aspect-ratio:4/3}.about{margin-bottom:40px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Smaller thumbnails for the children's gallery. */
#barnens-bilder .art-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 18px}
#barnens-bilder .art-image{width:50%;height:110px;min-height:0;aspect-ratio:auto;align-self:center}
#barnens-bilder .art-image img{padding:5px}
#barnens-bilder .art-title{font-size:18px}
#barnens-bilder .view-hint{width:22px;height:22px;padding:0;font-size:0;bottom:5px;right:5px;display:grid;place-items:center}
#barnens-bilder .view-hint::after{content:'+';font-size:16px}

.about-photo{width:100%;max-width:300px;justify-self:start}
.about-photo .art-image{width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:935/1400;background:transparent}
.about-photo .art-image img{padding:0;object-fit:contain}
.about-copy h2{margin-bottom:20px}
.project-description{max-width:850px;font-size:16px;line-height:1.85;margin-bottom:36px;color:#48564d}
.project-description>p:first-child{font:400 23px/1.6 Georgia,serif;color:var(--forest)}
.project-description p{margin-bottom:18px}
.project-description h3{font:400 28px/1.2 Georgia,serif;margin:30px 0 16px;color:var(--ink)}
#bocker-illustration .art-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
.book-entry{min-width:0}
.book-entry .art-card{width:100%}
.book-entry .art-image{width:100%;height:clamp(280px,32vw,400px)}
.book-description{margin-top:20px;font-size:16px;line-height:1.85;color:#48564d}
.book-description p{margin:0 0 18px}
.book-press{margin-top:44px}
.book-press h3{font:400 28px/1.3 Georgia,serif;margin:0 0 20px;color:var(--forest)}
@media(max-width:620px){#bocker-illustration .art-grid{grid-template-columns:1fr}.book-description{font-size:15px}}
#mars-utopia .art-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:620px){.project-description{font-size:15px}#mars-utopia .art-grid{grid-template-columns:1fr}}
@media(max-width:900px){.about-copy{grid-row:1}.about-photo{grid-row:2;max-width:260px}}
@media(max-width:900px){
  #barnens-bilder .art-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  #barnens-bilder .art-image{height:90px}
}
@media(max-width:620px){
  #barnens-bilder .art-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}
  #barnens-bilder .art-image{height:auto;aspect-ratio:1/1;max-height:110px}
  #barnens-bilder .art-title{font-size:16px;line-height:1.35}
  #barnens-bilder .art-caption{font-size:11px}
}
#mars-utopia .svt-button{max-width:100%;min-height:68px;padding:18px 28px;border:2px solid var(--forest);border-radius:4px;background:var(--forest);color:#fff;font-size:18px;font-weight:700;line-height:1.4;letter-spacing:.02em;text-transform:none;text-align:center;box-shadow:0 4px 0 #263b3326}
#mars-utopia .svt-button:hover{background:var(--forest2);border-color:var(--forest2)}
@media(max-width:620px){#mars-utopia .svt-button{width:100%;min-height:72px;padding:18px 20px}}

.art-credit,.photo-credit{display:inline-flex;align-items:center;gap:9px;width:fit-content;max-width:100%}
.credit-label{font:600 9px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#687467}
.credit-name{font:italic 16px/1.3 Georgia,'Times New Roman',serif;letter-spacing:.01em;color:var(--forest)}
.art-credit{align-self:flex-start;margin-top:3px;padding:4px 0 4px 10px;border-left:2px solid #b7a88a}
.hero-portrait .photo-credit{position:absolute;top:12px;right:12px;z-index:2;padding:0;gap:6px;border:0;background:transparent;box-shadow:none}
.photo-credit .credit-label{color:#526056;font-size:9px}
.photo-credit .credit-name{color:#263b33;font-size:15px}

.press-entry{min-width:0}.press-entry .art-card{width:100%}.press-link{margin:12px 0 0}.press-link a{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;color:var(--forest);font-size:14px;line-height:1.5;text-decoration:underline;text-underline-offset:4px}.press-link a:hover{text-decoration-thickness:2px}