@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=DM+Sans:wght@400;500;600;700&family=UnifrakturMaguntia&display=swap');
:root{color-scheme:dark;--ink:#18291f;--paper:#f5f3e9;--acid:#e9ee97;--muted:#c6cdbf;font-family:'DM Sans',Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#21392e;color:var(--paper);min-width:320px}.backdrop{position:fixed;inset:-24px;z-index:-2;background:linear-gradient(180deg,rgba(12,30,23,.48),rgba(12,30,23,.83)),url('/assets/votivkirche.jpg') center 40%/cover;filter:blur(9px);transform:scale(1.03)}body:after{content:'';position:fixed;inset:0;z-index:-1;background:rgba(18,34,26,.13);pointer-events:none}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #a1ac38;outline-offset:5px}.masthead{max-width:1320px;margin:auto;padding:27px 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff30;gap:20px}.wordmark{font-weight:700;font-size:32px;letter-spacing:-2px;text-decoration:none}.wordmark span{color:var(--acid)}.suggest-link{border:0;background:none;color:var(--paper);font-size:14px;font-weight:600;padding:12px 0}.suggest-link span{display:inline-block;margin-left:14px;color:var(--acid);font-size:22px}.suggest-link:hover{color:var(--acid)}main{max-width:920px;margin:auto;padding:36px 32px 0}.headline{text-align:center;margin-bottom:24px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-weight:700;font-size:12px}.headline .eyebrow{color:var(--acid)}h1{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-weight:800;font-size:clamp(46px,7.4vw,90px);letter-spacing:-.025em;line-height:1;margin:10px 0 0}.period{color:var(--acid)}.roast{width:min(100%,660px);margin:auto;box-shadow:0 25px 80px #07160e55}.portrait-wrap{position:relative;height:520px;overflow:hidden;background:#fafaf8}.portrait{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.seal{position:absolute;right:22px;bottom:27px;width:112px;height:112px;border:2px solid var(--acid);outline:1px solid var(--acid);outline-offset:-7px;border-radius:50%;background:var(--ink);color:var(--acid);display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(12deg);box-shadow:0 4px 20px #0003}.seal span{font-size:10px;letter-spacing:.14em;font-weight:700}.seal strong{font:44px Georgia,serif;line-height:1.1}.photo-label{position:absolute;bottom:0;left:0;background:var(--acid);color:var(--ink);padding:10px 17px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.story{background:var(--paper);color:var(--ink);padding:38px 44px 40px}.story>.eyebrow{margin:0 0 16px;color:#5a684b}h2{font:700 clamp(30px,4vw,40px)/1.08 'Barlow Condensed','Arial Narrow',Impact,sans-serif;margin:0 0 25px;letter-spacing:-.015em}.copy{font-size:17px;line-height:1.7}.copy p{margin:0 0 20px}.verdict{border-top:1px solid #25352430;padding-top:23px;margin:26px 0 0;font-size:16px;line-height:1.65;font-weight:600}.verdict em{font-weight:400}footer{padding:27px 0 32px;text-align:center;color:var(--muted);font-size:12px;line-height:1.6}footer p{margin:0 0 6px}footer a{text-underline-offset:3px;font-size:12px}dialog{border:0;border-radius:3px;padding:36px;width:min(560px,calc(100% - 28px));max-height:90dvh;overflow:auto;background:var(--paper);color:var(--ink);box-shadow:0 20px 100px #0008}dialog::backdrop{background:#071b13b8;backdrop-filter:blur(7px)}dialog h2{font-size:42px;margin:12px 0}.close{position:absolute;right:16px;top:10px;border:0;background:none;font-size:32px;color:var(--ink);width:40px;height:40px}.form-intro{font-size:16px;line-height:1.5;margin-bottom:25px}form{display:flex;flex-direction:column;gap:9px}label{font-size:14px;font-weight:700;margin-top:9px}label span{font-weight:400;color:#52614e}input,textarea{border:1px solid #adb5a3;border-radius:2px;padding:12px;color:var(--ink);background:#fffefa;width:100%;font-size:16px}textarea{resize:vertical}input[type=file]{font-size:14px;padding:10px}input::file-selector-button{padding:8px;border:0;background:#e3e8d6;color:var(--ink);margin-right:10px}small{font-size:12px;color:#52614e}#photo-preview{max-height:160px;max-width:100%;object-fit:contain;align-self:flex-start}.form-note,#form-status{font-size:13px;line-height:1.5;color:#52614e}.submit{border:0;padding:15px 18px;background:var(--ink);color:var(--acid);font-weight:700;text-align:left;display:flex;justify-content:space-between}.submit:hover{background:#304c3a}body.modal-open{overflow:hidden}@media(min-width:1400px){main{padding-top:42px}}@media(max-width:600px){.masthead{padding:17px 20px}.wordmark{font-size:27px}.suggest-link{font-size:12px;max-width:160px;text-align:right}.suggest-link span{margin-left:5px}main{padding:28px 16px 0}.headline{margin-bottom:20px}.headline .eyebrow{font-size:10px}.portrait-wrap{height:440px}.story{padding:29px 25px 31px}.copy{font-size:16px;line-height:1.65}.seal{width:94px;height:94px;right:17px;bottom:24px}.seal strong{font-size:34px}.seal span{font-size:9px}dialog{padding:32px 23px}}@media(prefers-reduced-motion:no-preference){.suggest-link,.submit{transition:color .15s,background .15s}}

/* Portrait-format rococo overlay, with both ornaments inside the photograph. */
.portrait-wrap{height:auto;aspect-ratio:3 / 4;background:transparent;overflow:visible;border:0;box-shadow:none;container-type:inline-size}
.portrait{position:absolute;left:20.5%;top:19%;width:59.8%;height:63%;object-fit:cover;object-position:center top}
.portrait-wrap:after{content:"";position:absolute;inset:0;background:url('/assets/rococo-frame-portrait.png') center / 100% 100% no-repeat;pointer-events:none;z-index:1}
.photo-label{bottom:21%;left:23%;z-index:2;width:33%;max-width:none;padding:2.2% 1.6%;text-align:center;font-family:Georgia,serif;font-size:clamp(9px,2.25cqw,15px);line-height:1.45;letter-spacing:.06em;color:#36230e;text-shadow:0 1px #ffe5a2;border:3px ridge #a57937;border-radius:3px;background:linear-gradient(115deg,#846028,#edce86 24%,#bd9652 54%,#f0d797 77%,#9b702e);box-shadow:0 4px 8px #1b140e66,inset 0 0 0 1px #f4d99a}
.seal{right:23%;bottom:20.5%;z-index:2;width:17%;height:auto;aspect-ratio:1;border:3px double #c9a45c;outline:1px solid #5d401d;outline-offset:-7px;color:#edcf8b;background:radial-gradient(circle at 35% 25%,#81613b,#4b351f 75%);box-shadow:0 4px 8px #21160d88,inset 0 0 0 5px #7d5c33,inset 0 0 12px #120c08;font-family:Georgia,serif;transform:rotate(-10deg)}
.seal span{font-size:clamp(6px,1.6cqw,11px);letter-spacing:.05em;text-shadow:0 1px 1px #201207}
.seal strong{font-family:Georgia,serif;font-size:clamp(21px,6cqw,40px);line-height:1.05;text-shadow:0 2px 1px #29190c}
@media(max-width:600px){.portrait-wrap{height:auto;aspect-ratio:3 / 4}.photo-label{border-width:2px}.seal{border-width:2px;outline-offset:-5px}}

/* Faded ink impressions, printed directly on the photograph. */
.photo-label,.seal{color:#b34f46;background:none;box-shadow:none;text-shadow:none;opacity:.9;mix-blend-mode:normal;border-color:currentColor;mask-image:repeating-linear-gradient(173deg,#000 0 3px,#000b 3.4px 4px,#000 4.6px 8px);-webkit-mask-image:repeating-linear-gradient(173deg,#000 0 3px,#000b 3.4px 4px,#000 4.6px 8px)}
.photo-label{font-family:'UnifrakturMaguntia',Georgia,serif;font-weight:400;font-size:clamp(14px,3.8cqw,25px);line-height:1.08;text-transform:none;letter-spacing:0;border:2px solid;border-radius:0;padding:1.6% 1%;outline:1px solid;outline-offset:-5px;transform:rotate(-7deg);bottom:22%;width:34%;left:22.5%}
.seal{border:3px double;outline:1px solid;outline-offset:-7px;transform:rotate(12deg);bottom:21%;right:23%}
.seal span{font-family:'UnifrakturMaguntia',Georgia,serif;font-size:clamp(10px,2.6cqw,17px);font-weight:400;text-shadow:none;letter-spacing:0;line-height:1.1}
.seal strong{font-size:clamp(20px,5.8cqw,38px);text-shadow:none;font-weight:400}
@media(max-width:600px){.seal{outline-offset:-5px;border-width:2px}.photo-label{outline-offset:-4px}}