
:root{--brown:#231913;--ivory:#fff1da;--paper:#fbf8f2;--red:#cd4c28;--muted:#8a6a50}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--brown);font:17px/1.75 Arial,sans-serif}a{color:inherit;text-underline-offset:5px}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}header{height:105px;background:var(--brown);display:flex;align-items:center;justify-content:space-between;padding:16px 5vw;gap:35px;color:var(--ivory)}.brand{width:250px;flex-shrink:0}.brand img{width:100%;height:75px;object-fit:contain}nav{display:flex;align-items:center;gap:32px;font-size:14px}nav a{text-decoration:none}nav a:hover,nav a[aria-current=page]{color:#e29273}.family-link{border-left:1px solid #ffffff36;padding-left:30px}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.12}h1{font-size:clamp(44px,6vw,90px);margin:12px 0 26px;letter-spacing:-.04em}h2{font-size:clamp(32px,4vw,54px);margin:12px 0 28px;letter-spacing:-.025em}h3{font-size:28px;margin:15px 0}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:12px;line-height:1.8;color:var(--muted)}.hero{min-height:calc(100svh - 105px);height:760px;max-height:1050px;position:relative;color:var(--ivory);display:flex;align-items:flex-end;background:url(assets/hero.jpg) center 57%/cover}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#170d08d9,transparent 68%)}.hero-content{position:relative;width:100%;padding:60px 7vw 65px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.hero h1{font-size:clamp(44px,6vw,82px);max-width:780px;margin:10px 0 0}.hero .eyebrow{color:var(--ivory)}.hero-link{padding-bottom:8px;white-space:nowrap;border-bottom:1px solid #fff8;text-decoration:none;font-size:14px}.section{padding:100px 7vw;max-width:1600px;margin:auto}.intro{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:start}.intro p{max-width:560px;margin:4px 0 20px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:45px}.card{border-top:1px solid #ad9c88;padding-top:20px;text-decoration:none}.card span{color:var(--red);font-size:13px}.card p{font-size:15px;line-height:1.65}.card:hover h3{color:var(--red)}.wide-photo{width:100%;height:550px;object-fit:cover}.dark{background:var(--brown);color:var(--ivory)}.dark .eyebrow{color:#c4ab90}.split{display:grid;grid-template-columns:1.15fr 1fr}.split img{height:620px;width:100%;object-fit:cover}.split .copy{padding:80px 8vw 60px 6vw;align-self:center}.split p{max-width:500px}.textlink{font-size:14px;display:inline-block;margin-top:20px}.pagehead{padding:75px 7vw 55px;max-width:1500px;margin:auto}.pagehead p{max-width:740px;font-size:20px;color:#6c5848}.subnav{display:flex;gap:25px;flex-wrap:wrap;margin:30px 0 0;border-top:1px solid #d4c5b3;padding-top:25px;font-size:14px}.subnav a{text-decoration:none}.subnav .active{color:var(--red);border-bottom:1px solid}.article{max-width:850px;padding:65px 25px 90px;margin:auto}.article p{margin:0 0 25px}.article h2{font-size:36px;margin-top:50px}.article .note{border-left:2px solid var(--red);padding:18px 25px;background:#eee5d7;font-size:15px}.article .source{font-size:14px;color:#776351;border-top:1px solid #d4c5b3;padding-top:25px;margin-top:50px}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:45px 28px;padding:0 7vw 100px}.gallery figure{margin:0}.gallery figure:nth-child(3n+1){grid-column:1/-1}.gallery button{border:0;padding:0;background:none;width:100%}.gallery img{width:100%;height:470px;object-fit:cover}.gallery figure:nth-child(3n+1) img{height:650px}.gallery figcaption{font-size:14px;margin-top:14px;color:#715a45}.facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #c9b7a2;border-bottom:1px solid #c9b7a2;padding:30px 0;gap:20px;margin-top:40px}.facts strong{font-family:Georgia;font-size:34px;font-weight:400;display:block}.facts span{font-size:13px;color:#715a45}.links{display:flex;gap:20px;flex-wrap:wrap}.button{display:inline-block;text-decoration:none;background:var(--brown);color:var(--ivory);padding:14px 24px;font-size:14px}.familybox{max-width:850px;padding:90px 30px 140px;margin:auto}.familybox img{width:110px;background:var(--brown);padding:18px;margin-bottom:40px}.familybox p{max-width:650px}footer{padding:45px 7vw;background:var(--brown);color:#c4ab90;display:flex;justify-content:space-between;gap:30px;font-size:12px;align-items:center}footer img{width:90px}footer a{margin-left:20px}.mobile-toggle{display:none}dialog{border:0;padding:0;background:#18100b;color:var(--ivory);max-width:94vw;max-height:94vh}dialog::backdrop{background:#000d}dialog img{max-height:80vh;max-width:90vw;object-fit:contain;margin:auto}dialog p{padding:0 24px;font-size:14px}dialog button{position:absolute;right:12px;top:12px;background:#231913;color:white;border:1px solid #fff7;padding:8px 16px}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:white;padding:10px;z-index:100}:focus-visible{outline:3px solid var(--red);outline-offset:5px}@media(max-width:850px){header{height:90px;padding:12px 6vw;position:relative;z-index:10}.brand{width:210px}.brand img{height:65px}.mobile-toggle{display:block;background:none;border:1px solid #fff5;color:var(--ivory);padding:6px 12px}nav{display:none;position:absolute;top:90px;left:0;right:0;background:var(--brown);padding:25px 6vw;flex-direction:column;align-items:flex-start;gap:20px}nav.open{display:flex}.family-link{border:0;padding:0}.hero{min-height:640px;height:calc(100svh - 90px);background-position:47% center}.hero-content{padding:35px 7vw;display:block}.hero-link{margin-top:25px;display:inline-block}.intro,.split{grid-template-columns:1fr}.section{padding:60px 7vw}.cards{grid-template-columns:1fr 1fr;gap:25px}.split img{height:420px}.split .copy{padding:50px 7vw}.gallery{gap:25px}.gallery img,.gallery figure:nth-child(3n+1) img{height:350px}.wide-photo{height:370px}.pagehead{padding:50px 7vw 35px}footer{flex-wrap:wrap}.facts{grid-template-columns:1fr}.subnav{gap:16px}.article{padding-top:35px}}@media(max-width:480px){.cards,.gallery{grid-template-columns:1fr}.gallery figure{grid-column:auto!important}.hero h1{font-size:44px}.gallery img,.gallery figure:nth-child(3n+1) img{height:320px}footer a{margin-left:0;margin-right:15px}}
/* Avondrood: a narrow horizon beneath the dark masthead. */
header{border-bottom:3px solid #a9432d}nav a[aria-current=page]{text-decoration:underline;text-decoration-color:#cd4c28;text-decoration-thickness:2px;text-underline-offset:9px}.eyebrow::before{content:'';display:inline-block;width:28px;height:2px;background:var(--red);vertical-align:middle;margin-right:12px}footer{border-top:2px solid #a9432d}

header{gap:20px}nav{gap:22px}.brand{width:230px}.family-link{padding-left:22px}.archive-lead{max-width:1400px;margin:0 auto;padding:0 7vw}.archive-figure{margin:35px 0}.archive-figure button{display:block;border:0;padding:0;background:#ede5d9;width:100%;cursor:zoom-in}.archive-figure img{width:100%;max-height:680px;object-fit:contain}.archive-lead .archive-figure img{max-height:610px}.archive-figure figcaption{font-size:13px;line-height:1.6;color:#76614e;margin:12px 0}.article .archive-figure{margin:40px -6vw}.archive-callout{background:#eee5d7;border-left:3px solid var(--red);padding:28px 34px;margin:45px 0}.archive-callout h3{margin-top:4px}.archive-callout p{font-size:16px}.history-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:55px}.history-card{text-decoration:none;border-bottom:1px solid #c4ab90}.history-card img{height:300px;width:100%;object-fit:cover;background:#ede5d9}.history-card div{padding:15px 0 25px}.history-card p{font-size:16px}.history-card span{font-size:14px;color:#a9432d}.timeline{list-style:none;padding:0;margin:40px 0 0;max-width:950px}.timeline li{display:grid;grid-template-columns:150px 1fr;gap:30px;padding:20px 0;border-top:1px solid #d4c5b3}.timeline time{color:#a9432d;font-size:17px}.archive-links{display:grid;gap:0}.archive-links a{display:block;text-decoration:none;border-top:1px solid #d4c5b3;padding:20px 0}.archive-links strong{font-size:18px;font-weight:400}.archive-links span{display:block;font-size:14px;color:#76614e;margin-top:6px}.map-section{border-top:1px solid #d4c5b3;padding-top:65px}.map-section .archive-figure img{max-height:850px}.location-card{margin-top:40px;padding:40px;background:var(--brown);color:var(--ivory);border-bottom:3px solid var(--red)}.location-card span{font-size:12px;text-transform:uppercase;letter-spacing:.15em}.location-card p{font-size:14px}.book-section{padding-top:0}.book-section object{width:100%;height:85vh;border:1px solid #c4ab90}.article .source p{font-size:14px}.note{margin:30px 0}#tijdlijn{padding-top:50px}dialog{width:auto}dialog img{width:auto;height:auto}.map-section figure button{padding:15px}@media(max-width:1100px){header{gap:20px}.brand{width:210px}nav{gap:16px;font-size:12px}.family-link{padding-left:16px}}@media(max-width:950px){header{height:90px;position:relative;z-index:10}.mobile-toggle{display:block;background:none;border:1px solid #fff5;color:var(--ivory);padding:6px 12px}nav{display:none;position:absolute;top:90px;left:0;right:0;background:var(--brown);padding:25px 6vw;flex-direction:column;align-items:flex-start;gap:20px;font-size:15px}nav.open{display:flex}.family-link{border:0;padding:0}}@media(max-width:600px){.history-grid{grid-template-columns:1fr}.history-card img{height:260px}.timeline li{grid-template-columns:95px 1fr;gap:15px}.archive-callout{padding:24px}.article .archive-figure{margin:30px 0}.map-section .archive-figure img{max-height:none}.location-card{padding:28px}.archive-lead{padding:0 7vw}}

dialog .full-image{display:block;padding:0 24px 20px;font-size:14px;color:var(--ivory)}
