*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f7f7;color:#252724;font:17px/1.6 'Century Gothic','Avenir Next', 'Trebuchet MS',sans-serif}body:before{content:'';position:fixed;inset:0;z-index:-1;background-image:var(--wall);background-size:cover;background-position:center;opacity:.07;pointer-events:none}body[data-background=wall]:before{opacity:.55}body[data-background=plain]:before,body.home:before{opacity:0}button,a,select{touch-action:manipulation}button,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button{cursor:pointer}button:disabled{cursor:default}img{max-width:100%;display:block}h1,h2,p,figure{margin:0}h1{font-weight:400;font-size:clamp(34px,3.7vw,58px);line-height:1.2;letter-spacing:-1.2px}h2{font-weight:400}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible{outline:2px solid #506a71;outline-offset:5px}.skip{position:absolute;left:20px;top:-100px;background:white;z-index:20;padding:10px}.skip:focus{top:10px}.back{display:flex;gap:18px;align-items:center;max-width:1600px;margin:0 auto;padding:25px 5vw;font-size:15px}.back span{color:#8a8c84}.back a{padding:7px 0}main{max-width:1600px;margin:auto;padding:40px 5vw 80px}.credits{font-size:15px;color:#5f635e;margin-top:14px}.banner{width:100%;height:auto;object-fit:cover}.overview-top{display:grid;grid-template-columns:.7fr 1.8fr;gap:6%;align-items:center}.overview-top .banner{aspect-ratio:4.4;object-fit:cover}blockquote{margin:30px 0 0;font-size:20px;font-weight:400;line-height:1.65}cite{display:block;font-size:13px;margin-top:12px;color:#666;font-style:italic}.overview-body{display:grid;grid-template-columns:230px 1fr;gap:30px;margin-top:75px}.series-list{display:flex;flex-direction:column;align-items:start;gap:13px;font-size:19px}.cover-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.cover img{width:100%;aspect-ratio:1.15;object-fit:cover}.cover span{display:block;margin-top:10px;font-size:16px}.section-link{display:inline-block;margin-top:45px;border-bottom:1px solid #999;font-size:15px;padding:8px 0}.text-overview{max-width:1250px}.text-overview>.banner{width:90%;margin:auto;aspect-ratio:4.2}.text-overview blockquote{text-align:center;margin:28px auto 55px;max-width:900px;font-size:19px}.theme-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:25px;margin-top:40px}.theme-grid img{aspect-ratio:1.1}.theme-grid span{text-align:center}.gallery h1{margin-bottom:35px}.gallery-layout{display:grid;grid-template-columns:minmax(0,3.2fr) minmax(200px,1fr);gap:7%;align-items:start}.featured{position:sticky;top:25px;min-width:0}.zoom{border:0;padding:0;background:transparent;display:block;width:100%}.featured img{width:100%;max-height:73vh;object-fit:contain;object-position:left top}.featured figcaption{display:flex;justify-content:space-between;align-items:start;gap:15px;margin-top:15px;font-size:18px}.featured figcaption span:last-child{font-size:13px;white-space:nowrap;color:#6c706b}.browse{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:12px;color:#636960;margin-top:20px}.browse button{border:0;background:transparent;padding:10px 0;font-size:14px}.thumbnails{display:grid;grid-template-columns:1fr;gap:22px}.thumb{border:0;padding:0;background:transparent;text-align:left;min-width:0}.thumb img{width:100%;max-height:230px;object-fit:contain;object-position:left center}.thumb span{font-size:14px;line-height:1.5;display:block;margin-top:8px}.thumb[aria-pressed=true] span:after{content:' · ausgewählt';font-size:11px;color:#69746d}.poetry{max-width:1250px}.poetry>.banner{max-height:250px;width:100%;object-fit:cover;margin-bottom:30px}.poem-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px 9%;margin-top:45px;align-items:start}.poem-grid .zoom img{width:100%;height:auto}.poem-grid details{margin-top:15px}summary{cursor:pointer;font-size:17px;line-height:1.5;padding:10px 0;list-style:none;display:flex;justify-content:space-between;gap:18px}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:22px;color:#6e786c;flex:none}details[open] summary:after{content:'−'}.verse{white-space:pre-line;font-size:16px;line-height:1.9;margin-top:10px;max-width:39em}#appearance{display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px;margin:20px auto 30px;padding:0 20px;color:#656a64}select{border:1px solid #c9cec6;background:#fafbf8;padding:6px 9px;border-radius:0;font-size:12px}footer{text-align:center;font-size:11px;color:#73786e;padding:20px}dialog{width:min(1200px,96vw);max-height:96vh;border:0;padding:20px;background:#f7f7f7;color:#292c28}dialog::backdrop{background:#f7f7f7}dialog>img{max-width:100%;max-height:77vh;object-fit:contain;margin:auto}#close{display:block;margin:0 0 15px auto;background:none;border:1px solid #b6bdb4;padding:7px 13px;font-size:14px}.lightcaption{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;font-size:15px}.lightcaption button{background:none;border:1px solid #bbc2b8;padding:5px 18px;font-size:20px}.home main{padding:0;max-width:none}.home-scene{position:relative;aspect-ratio:2048/1094;background-size:100% 100%;overflow:hidden}.home h1{position:absolute;left:11.5%;top:18%;font-size:clamp(30px,4.8vw,90px);transform:rotate(19.6deg);transform-origin:left center;letter-spacing:-2px;z-index:2;white-space:nowrap}.maurice{position:absolute;right:-1%;bottom:0;width:52%;height:auto}.home-menu{position:absolute;left:5%;top:61%;display:flex;flex-direction:column;gap:8px;font-size:clamp(15px,1.8vw,32px);line-height:1.35}.home-menu a{width:fit-content}.coming{max-width:900px;min-height:70vh}.coming p{margin-top:25px}.coming section{margin-top:35px}.home #appearance{display:none}@media(min-width:1700px){.home-scene{max-height:1000px;aspect-ratio:auto;height:90vh;background-size:cover}.home h1{font-size:85px}.home-menu{font-size:28px}}@media(max-width:850px){.overview-top{grid-template-columns:1fr;gap:30px}.overview-top blockquote{margin-top:20px}.overview-body{grid-template-columns:1fr;margin-top:40px}.series-list{flex-direction:row;flex-wrap:wrap;gap:10px 22px;font-size:15px}.cover-grid{gap:25px}.theme-grid{grid-template-columns:repeat(3,1fr)}.gallery-layout{gap:5%;grid-template-columns:minmax(0,2.5fr) minmax(150px,1fr)}.browse>span{display:none}.back{font-size:13px}.poem-grid{gap:45px 6%}}@media(max-width:560px){body{font-size:16px}main{padding:20px 6vw 50px}.back{padding:15px 6vw;gap:12px;flex-wrap:wrap}.gallery h1{margin-bottom:25px}.gallery-layout{display:flex;flex-direction:column;gap:30px}.featured{position:static;width:100%}.featured img{max-height:65vh;object-position:center}.featured figcaption{font-size:16px}.thumbnails{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:25px 20px}.thumb img{height:115px;object-fit:contain;object-position:left center}.thumb span{font-size:12px}.cover-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 20px}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 20px}.poem-grid{grid-template-columns:1fr;gap:40px}.poetry>.banner{margin-bottom:25px}.credits{font-size:13px}.text-overview blockquote{font-size:17px;margin-bottom:35px}.text-overview>.banner{width:100%}#appearance{flex-wrap:wrap}.home-scene{min-height:760px;height:100svh;aspect-ratio:auto;background-size:auto 100%;background-position:center}.home h1{left:8%;top:14%;font-size:9vw;transform:rotate(13deg);letter-spacing:-1px}.maurice{width:92%;right:-20%;bottom:0}.home-menu{left:7%;top:32%;font-size:21px;gap:16px;z-index:3}.home-menu a{background:#eeefeaac;padding:2px 5px}.lightcaption{font-size:12px}dialog{padding:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Keep Maurice within the first screen instead of sizing him from screen width. */
.home-scene{height:calc(100svh - 48px);min-height:540px;max-height:none;aspect-ratio:auto;background-size:100% 100%}
.maurice{right:0;bottom:0;width:auto;height:55.8%;max-width:42.6%;object-fit:contain;object-position:right bottom}
.home footer{height:48px;padding:14px 10px}
@media(max-width:560px){.home-scene{min-height:620px;background-size:auto 100%}.maurice{right:0;width:auto;height:33.3%;max-width:73.6%}.home-menu{top:32%;font-size:19px;gap:12px}}

.overview-top .banner{object-position:center 20%}body:before{filter:grayscale(1)}

.poetry-overview>.credits{margin-top:30px}.poetry-overview .overview-body{margin-top:50px}.poetry-overview .overview-top .banner{object-position:center}

:root{color-scheme:only light}html{background:#f7f7f7}body{color-scheme:only light}img{-webkit-user-drag:none}.art-intro{max-width:65ch;margin:35px 0 0 auto}.art-overview .cover img{object-fit:contain;aspect-ratio:1}.art-detail{display:grid;grid-template-columns:minmax(180px, .65fr) minmax(0,2.4fr);gap:5%}.art-context h1{font-size:clamp(30px,3vw,48px)}.art-context blockquote{font-size:17px}.art-context .series-list{font-size:14px;margin-top:35px}.art-detail .gallery-layout{grid-template-columns:minmax(0,2fr) minmax(130px,1fr);gap:7%}.art-detail .featured img{max-height:75vh}.art-essay{grid-column:1/-1;max-width:850px;margin-top:45px}.art-essay .verse{max-width:65ch;white-space:pre-line}@media(max-width:850px){.art-detail{grid-template-columns:1fr}.art-context{margin-bottom:35px}.art-context .series-list{display:none}}@media(max-width:560px){.art-detail .gallery-layout{display:flex}.art-detail .thumbnails{grid-template-columns:repeat(2,minmax(0,1fr))}.art-intro{margin-top:25px}}

.site-header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:15px 5vw;border-bottom:1px solid #ddd;background:#f7f7f7;color:#252724}.site-brand{font-size:16px;white-space:nowrap}.site-menu>summary{font-size:14px}.site-menu nav{display:flex;gap:18px;flex-wrap:wrap;font-size:13px}.site-menu[open] nav{padding-top:10px}.site-menu{max-width:75%}.info-page h2{font-size:23px;margin-bottom:15px}.about-layout{display:grid;grid-template-columns:1fr .8fr 1.4fr;gap:5%;align-items:start;margin-top:70px}.about-layout p+p{margin-top:18px}.about-layout figure{max-width:310px}.about-layout figcaption{font-size:12px;margin-top:10px}.contact-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:12%;margin-top:55px}.contact-layout form{margin-top:25px;display:grid;gap:9px}.contact-layout input,.contact-layout textarea{width:100%;padding:10px;border:1px solid #aaa;background:#fff;color:#252724;font:inherit}.contact-layout form button{justify-self:start;padding:10px 18px;background:#e9ece7;border:1px solid #9ba397;color:#252724;margin-top:12px}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-note{padding:15px 18px;border-left:2px solid #9ca49a;background:#eceeea;margin:20px 0;font-size:14px}address{font-style:normal}.link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:65px 45px;margin-top:70px}.external-card{display:flex;flex-direction:column;align-items:start;gap:16px}.external-card img{width:100%;height:150px;object-fit:contain;object-position:left center}.external-card span{font-size:15px;overflow-wrap:anywhere}.legal-content{max-width:800px;margin:50px auto}.legal-content h2{margin-top:30px}.legal-content p{margin-top:18px}.legal-content details{margin-top:25px}.legal-content details p{font-size:15px;line-height:1.8}.home footer{height:auto;min-height:48px}.home-scene{height:calc(100svh - 145px)}footer nav{font-size:13px;line-height:2.2;margin-bottom:10px}.info-page .banner{max-height:230px;object-fit:contain}@media(min-width:1200px){.site-menu>summary{display:none}.site-menu:not([open]) nav{display:flex}.site-menu{max-width:none}.site-header{align-items:center}.site-menu nav{padding:0!important;gap:15px}}@media(max-width:850px){.about-layout{grid-template-columns:1fr 1fr;gap:35px}.about-layout figure{grid-column:2;grid-row:1}.about-layout section:last-child{grid-column:1/-1}.contact-layout{gap:8%}.link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.site-header{align-items:start}.site-menu{position:relative}.site-menu[open]{max-width:65%}.site-menu nav{flex-direction:column;gap:12px}.about-layout,.contact-layout{display:flex;flex-direction:column;gap:35px;margin-top:35px}.about-layout figure{order:0}.link-grid{gap:35px 22px;margin-top:35px}.external-card img{height:100px}.external-card span{font-size:12px}.home-scene{min-height:620px}.legal-content{margin-top:30px}}

/* Keep the texture above the page canvas and beneath the content. */
body{isolation:isolate}body[data-background=soft]:before{opacity:.14}.art-overview .cover img{object-position:left center}.art-detail .featured .art-essay{margin-top:18px;max-width:100%}.art-detail .featured:has(.art-essay){position:static}

@media(max-width:560px){.contact-page .overview-top .banner{width:100%;height:clamp(190px,52vw,250px);max-height:none;aspect-ratio:auto;object-fit:cover;object-position:55% center}.contact-page .overview-top{gap:20px}}

@media(min-width:561px){.contact-page .overview-top{grid-template-columns:.55fr 2fr;gap:4%}.contact-page .overview-top .banner{max-height:320px;width:100%;height:auto;object-fit:contain}}

.link-grid{max-width:1000px;margin:45px auto 0;gap:35px 24px}.external-card{gap:10px}@media(max-width:560px){.link-grid{gap:24px 16px;margin-top:30px}}

/* Readable, consistent navigation across photography and art. */
.site-brand{font-size:18px}.site-menu>summary,.site-menu nav,footer nav{font-size:17px}.site-menu nav a,footer nav a{display:inline-block;padding:4px 0}.back{font-size:17px}.art-context .series-list{font-size:19px;gap:13px}
@media(max-width:850px){.art-context .series-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px 22px;font-size:17px}.overview-body>.series-list{font-size:17px}}
@media(max-width:560px){.site-menu[open]{max-width:65%}.site-menu nav{font-size:17px}.back{font-size:16px}footer nav{font-size:16px}.site-brand{white-space:normal}.site-menu{flex-shrink:0}}
