@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@400;500;600&display=swap');
:root{--ink:#30352e;--muted:#73756b;--olive:#777b61;--paper:#f6f2eb;--cream:#fbfaf7;--line:#dedbd2;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:15px;line-height:1.8}.site-header{height:108px;padding:0 clamp(24px,7vw,112px);display:flex;align-items:center;justify-content:space-between;background:var(--paper);position:relative;z-index:3}.brand{display:flex;width:72px;height:84px;overflow:hidden;align-items:center}.brand img{width:100%;height:100%;object-fit:cover}.nav{display:flex;gap:clamp(20px,3.5vw,58px);align-items:center}.nav a{text-decoration:none;color:#43463d;font-size:11px;letter-spacing:.13em;font-weight:600;transition:color .2s}.nav a:hover,.nav a.active{color:#a47761}.menu-toggle{display:none}.page{min-height:calc(100vh - 180px)}.intro{max-width:1120px;margin:0 auto;padding:63px 28px 82px;text-align:center}.eyebrow{font-size:10px;letter-spacing:.25em;color:#a17e69;font-weight:600;margin:0 0 17px;text-transform:uppercase}.intro h1,.page-heading h1,.article-title{font:400 clamp(37px,5vw,63px)/1.2 var(--serif);letter-spacing:-.035em;margin:0;color:#30352e}.intro .subline{font:italic 17px var(--serif);color:#79796e;margin:15px 0 38px}.hero-photo{width:min(100%,1000px);height:clamp(250px,43vw,480px);object-fit:cover;display:block;margin:0 auto 41px}.intro-copy{max-width:690px;margin:auto;text-align:left;font-size:15px;line-height:2.05;color:#57594f}.intro-copy p{margin:0 0 17px}.script{font:italic 27px var(--serif);color:#a47761;text-align:center;margin:37px 0 0}.section{padding:66px 28px 80px;background:var(--cream)}.section-head{max-width:1120px;margin:0 auto 34px;display:flex;justify-content:space-between;align-items:end}.section-head h2,.page-heading h1{font:400 35px/1.3 var(--serif);margin:0}.section-head p{font-size:11px;letter-spacing:.14em;color:var(--muted);margin:0;text-transform:uppercase}.post-grid{max-width:1120px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px}.post-card{background:var(--paper);text-decoration:none;color:inherit;display:block;transition:transform .25s,box-shadow .25s}.post-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #3a35220c}.post-card img{width:100%;height:230px;object-fit:cover;display:block;background:#e4e0d8}.card-copy{padding:22px 23px 25px}.card-meta{font-size:10px;letter-spacing:.13em;color:#a17e69;text-transform:uppercase}.post-card h3{font:400 24px/1.35 var(--serif);margin:8px 0 9px}.post-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.75}.read-more{display:inline-block;margin-top:16px;color:#747860;font-size:10px;letter-spacing:.16em;font-weight:700}.page-heading{text-align:center;padding:70px 24px 48px}.page-heading .eyebrow{margin-bottom:12px}.archive-note{font:italic 16px var(--serif);color:var(--muted);margin:15px auto 0}.archive .post-grid{padding:0 28px 90px}.article{max-width:880px;margin:0 auto;padding:52px 28px 100px}.article-header{text-align:center;margin-bottom:40px}.article-title{font-size:clamp(38px,5vw,58px)}.article-meta{font-size:10px;letter-spacing:.16em;color:#a17e69;text-transform:uppercase;margin-top:18px}.article-cover{width:100%;max-height:520px;object-fit:cover;margin:0 0 35px}.article-body{font:400 16px/1.95 var(--serif);color:#484a42}.article-body p{margin:0 0 20px}.article-body h2,.article-body h3{font-weight:400;line-height:1.3;margin:36px 0 16px}.article-body img{display:block;max-width:100%;width:auto;max-height:680px;height:auto;object-fit:cover;margin:28px auto}.article-body figure{margin:30px auto;text-align:center}.article-body figure img{margin:0 auto}.article-body a{color:#777b61}.article-body ul,.article-body ol{padding-left:25px}.article-footer{margin-top:50px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:11px;letter-spacing:.09em}.article-footer a{color:var(--olive);text-decoration:none}.about-layout{max-width:980px;margin:0 auto 90px;padding:0 28px;display:grid;grid-template-columns: .9fr 1.1fr;gap:55px;align-items:center}.about-layout img{width:100%;max-height:470px;object-fit:cover}.about-layout p{font-size:15px;line-height:2;color:#57594f}.about-layout h2{font:400 31px var(--serif)}.site-footer{background:#e9e5dc;color:#76766a;font-size:11px;letter-spacing:.04em}.footer-inner{max-width:1120px;margin:auto;padding:23px 28px;display:flex;justify-content:space-between;align-items:center}.to-top{border:0;background:transparent;color:#777b61;font-size:19px;cursor:pointer}.empty-image{background:linear-gradient(135deg,#e8e1d5,#b7b5a4);height:230px}.not-found{text-align:center;padding:110px 24px}.not-found a{color:var(--olive)}
@media(max-width:760px){.site-header{height:82px;padding:0 22px}.brand{width:58px;height:66px}.menu-toggle{display:flex;width:42px;height:42px;background:transparent;border:0;flex-direction:column;justify-content:center;gap:6px;align-items:center;cursor:pointer}.menu-toggle span{width:22px;height:1px;background:var(--ink)}.nav{display:none;position:absolute;top:82px;left:0;right:0;background:var(--paper);padding:14px 25px 25px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 16px 24px #302b1a10}.nav.open{display:flex}.nav a{padding:12px 0;border-bottom:1px solid var(--line)}.intro{padding:45px 22px 58px}.intro .subline{margin-bottom:25px}.intro-copy{text-align:center}.section{padding:52px 21px 62px}.section-head{display:block;margin-bottom:22px}.section-head p{margin-top:5px}.post-grid{grid-template-columns:1fr;gap:19px}.post-card{display:grid;grid-template-columns:36% 64%;min-height:155px}.post-card img,.post-card .empty-image{height:100%;min-height:155px}.card-copy{padding:14px 15px}.post-card h3{font-size:20px}.post-card p{font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.page-heading{padding:49px 20px 33px}.page-heading h1{font-size:34px}.archive .post-grid{padding:0 20px 60px}.article{padding:40px 22px 70px}.article-body{font-size:15px}.about-layout{display:block;padding:0 22px;margin-bottom:60px}.about-layout img{margin-bottom:23px;max-height:350px}.footer-inner{padding:19px 22px;gap:8px}.footer-inner span:nth-child(2){display:none}}
/* Route and image changes should enter quietly instead of popping into view. */
#app{view-transition-name:servus-page}
::view-transition-old(servus-page){animation:servus-page-out 120ms ease-in both}
::view-transition-new(servus-page){animation:servus-page-in 190ms 40ms ease-out both}
@keyframes servus-page-out{to{opacity:0;transform:translateY(-3px)}}
@keyframes servus-page-in{from{opacity:0;transform:translateY(3px)}}
#app img[loading]{opacity:0;transition:opacity 500ms ease-out}
#app img[loading].is-loaded{opacity:1}
@media(prefers-reduced-motion:reduce){::view-transition-old(servus-page),::view-transition-new(servus-page){animation-duration:1ms!important;animation-delay:0ms!important}#app img[loading]{transition:none}}
:root{--soft:#57594f;--accent:#a17e69;--footer:#e9e5dc;color-scheme:light}
.theme-toggle{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border:1px solid transparent;border-radius:50%;background:transparent;color:var(--ink);cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}
.theme-toggle img{width:19px;height:19px;display:block}
.theme-toggle:hover{background:#e9e5dc;border-color:var(--line);transform:rotate(-8deg)}
.theme-toggle:focus-visible,.menu-toggle:focus-visible,.to-top:focus-visible,.nav a:focus-visible,.post-card:focus-visible{outline:2px solid var(--olive);outline-offset:3px}
.menu-toggle{margin-left:auto}.theme-toggle{margin-left:12px}.nav{margin-left:auto;margin-right:22px}
.intro-copy{color:var(--soft)}.article-body{color:var(--soft)}.about-layout p{color:var(--soft)}.site-footer{background:var(--footer)}.card-meta,.eyebrow,.article-meta{color:var(--accent)}
.article-body img{background-color:#e8e4db}
html[data-theme="dark"]{color-scheme:dark;--ink:#efeee8;--muted:#b8b9ae;--olive:#c2c7a4;--paper:#191a17;--cream:#22231f;--line:#3a3c35;--soft:#c8c8be;--accent:#d4ad93;--footer:#24251f}
html[data-theme="dark"] body,html[data-theme="dark"] .site-header,html[data-theme="dark"] .nav{background:var(--paper);color:var(--ink)}
html[data-theme="dark"] .nav a{color:var(--ink)}html[data-theme="dark"] .nav a:hover,html[data-theme="dark"] .nav a.active{color:var(--accent)}
html[data-theme="dark"] .section{background:var(--cream)}html[data-theme="dark"] .post-card{background:#292a25;color:var(--ink)}
html[data-theme="dark"] .post-card p,html[data-theme="dark"] .archive-note{color:var(--muted)}
html[data-theme="dark"] .theme-toggle:hover{background:#30312b;border-color:var(--line)}
html[data-theme="dark"] .theme-toggle img{filter:invert(1)}html[data-theme="dark"] .menu-toggle span{background:var(--ink)}
html[data-theme="dark"] .site-footer{background:var(--footer);color:var(--muted)}
html[data-theme="dark"] .article-body a,html[data-theme="dark"] .article-footer a{color:var(--olive)}
html[data-theme="dark"] .article-body img{background-color:#34352f}
@media(max-width:760px){.nav{margin:0}.menu-toggle{margin-left:auto}.theme-toggle{margin-left:10px}}
@media(prefers-reduced-motion:reduce){.theme-toggle{transition:none}}

html[data-theme="dark"] .intro h1,html[data-theme="dark"] .page-heading h1,html[data-theme="dark"] .article-title{color:var(--ink)}
html[data-theme="dark"] .intro .subline{color:var(--muted)}html[data-theme="dark"] .script,html[data-theme="dark"] .read-more{color:var(--olive)}
html[data-theme="dark"] .brand img,html[data-theme="dark"] .about-layout img{filter:invert(1);mix-blend-mode:screen}

a,button{touch-action:manipulation;-webkit-tap-highlight-color:rgba(119,123,97,.18)}

/* Keep navigation available while scrolling, reclaiming vertical space below the hero. */
body{padding-top:108px}
.site-header{position:fixed;top:0;left:0;right:0;z-index:100;transition:height .24s ease,padding .24s ease,box-shadow .24s ease,background-color .24s ease}
.site-header.is-compact{height:72px;box-shadow:0 5px 18px rgba(36,33,22,.09)}
.brand{transition:width .24s ease,height .24s ease}
.site-header.is-compact .brand{width:48px;height:56px}
html[data-theme="dark"] .site-header.is-compact{box-shadow:0 5px 18px rgba(0,0,0,.32)}
@media(max-width:760px){
 body{padding-top:82px}
 .site-header{height:82px}
 .site-header.is-compact{height:64px}
 .site-header.is-compact .brand{width:42px;height:49px}
 .nav{top:82px}
 .site-header.is-compact .nav{top:64px}
}
@media(prefers-reduced-motion:reduce){.site-header,.brand{transition:none}}