@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');
:root{--cream:#f4ebdd;--paper:#fbf8f1;--green:#425b45;--green2:#526a51;--rust:#a9624c;--brown:#725641;--ink:#34382f;--muted:#746e60;--line:#ddd2c0}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;line-height:1.7}
a{color:inherit}
.skip-link{position:absolute;left:-999px;top:0;background:white;padding:.75rem;z-index:20}
.skip-link:focus{left:1rem;top:1rem}
.site-header{max-width:1180px;margin:auto;padding:1.1rem 5vw;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}
.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none;color:var(--green)}
.brand-mark{width:46px;height:46px;border:1px solid #b8a68b;border-radius:50%;display:grid;place-items:center;font-size:1.8rem;color:var(--rust)}
.brand strong{display:block;letter-spacing:.09em;font-size:.98rem}
.brand small{display:block;letter-spacing:.08em;font-size:.61rem;color:var(--muted)}
nav{display:flex;gap:1.4rem;flex-wrap:wrap}
nav a{text-decoration:none;font-size:.92rem;color:#5d6257}
nav a:hover,nav a[aria-current=page]{color:var(--rust)}
.hero{display:grid;grid-template-columns:1fr 1fr;min-height:560px;background:var(--cream)}
.hero-copy{padding:clamp(2.5rem,6vw,5.5rem) max(2rem,7vw);align-self:center}
.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.74rem;font-weight:700;color:var(--rust);margin:0 0 .8rem}
h1,h2,h3{font-family:"Playfair Display",Georgia,serif;line-height:1.13;color:var(--green);font-weight:600}
h1{font-size:clamp(3.5rem,7vw,6.4rem);letter-spacing:.025em;margin:.2rem 0 1rem}
h1 span{color:var(--rust)}
h2{font-size:clamp(2rem,4vw,3.1rem);margin:.2rem 0 1rem}
h3{font-size:1.4rem;margin:.6rem 0}
p{margin:.65rem 0 1rem}
.hero-lead{font-family:"Playfair Display",Georgia,serif;font-size:1.45rem;color:var(--brown)}
.hero-copy>p:not(.eyebrow){max-width:590px}
.button-row{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.5rem}
.button{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:.75rem 1.1rem;border-radius:5px;text-decoration:none;font-weight:700;font-size:.9rem;transition:transform .15s ease,background .15s ease}
.button:hover{transform:translateY(-2px)}
.button-primary{background:var(--green2);color:white}
.button-primary:hover{background:var(--green)}
.button-outline{border:1px solid var(--green);color:var(--green);background:transparent}
.hero-art{position:relative;overflow:hidden;min-height:420px;background:linear-gradient(#f0d9ac 0%,#d9d8b9 55%,#8aa18a 56%,#48674f 100%)}
.sun{position:absolute;width:90px;height:90px;border-radius:50%;background:#dca878;top:14%;right:19%;opacity:.9}
.hills{position:absolute;left:-10%;width:125%;border-radius:50% 50% 0 0}
.hill-back{height:42%;bottom:31%;background:#9eb09a;transform:rotate(-7deg)}
.hill-front{height:38%;bottom:22%;background:#617e62;transform:rotate(7deg)}
.water{position:absolute;bottom:0;height:34%;width:100%;background:linear-gradient(#78968a,#385e5b)}
.dock{position:absolute;bottom:22%;left:15%;width:43%;height:13px;background:#8a6c4f;transform:rotate(-3deg);box-shadow:0 9px 0 #70543d}
.rod{position:absolute;width:4px;height:42%;background:#574b3d;left:35%;bottom:31%;transform:rotate(24deg);transform-origin:bottom;border-radius:3px}
.line{position:absolute;left:54%;top:29%;height:39%;width:1px;background:#f8f0df;transform:rotate(-6deg);transform-origin:top}
.art-caption{position:absolute;bottom:1.2rem;left:1rem;right:1rem;text-align:center;color:#fffaf0;font-weight:700;letter-spacing:.16em;font-size:.73rem;text-shadow:0 1px 5px #233b30}
.section{padding:clamp(3.5rem,7vw,6rem) 6vw;max-width:1180px;margin:auto}
.intro{text-align:center;max-width:900px}
.section-lead{font-family:"Playfair Display",Georgia,serif;font-size:1.35rem;color:var(--brown);max-width:780px;margin:1.1rem auto}
.intro>p:last-child{max-width:720px;margin:1rem auto}
.work{max-width:none;background:#e9eee4}
.section-heading{text-align:center;margin-bottom:2.2rem}
.card-grid{max-width:1080px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}
.info-card{background:var(--paper);padding:1.6rem;border:1px solid #dce2d6;border-radius:10px}
.card-icon{font-size:1.7rem}
.info-card p{color:var(--muted);margin-bottom:0}
.scripture{padding:4rem 1.5rem;background:#e5d6bf;text-align:center}
.scripture blockquote{font-family:"Playfair Display",Georgia,serif;font-size:clamp(1.5rem,3.5vw,2.4rem);color:var(--green);max-width:850px;margin:1rem auto}
.scripture-ref{font-weight:700;color:var(--rust)}
.scripture>p:last-child{max-width:650px;margin:1.2rem auto 0}
.cta{text-align:center;max-width:850px}
.cta>p:not(.eyebrow){max-width:650px;margin:1rem auto}
.centered{justify-content:center}
.service-area{font-size:.86rem;color:var(--muted);margin-top:2rem}
.site-footer{background:#334b3a;color:#f5eddf;text-align:center;padding:2.8rem 1.2rem}
.footer-brand{font-family:"Playfair Display",Georgia,serif;font-size:1.35rem;letter-spacing:.1em;text-decoration:none}
.site-footer p{max-width:650px;margin:.7rem auto}
.footer-small{font-size:.76rem;color:#d5ddcf}
.page-hero{padding:5rem 1.5rem;text-align:center;background:var(--cream)}
.page-hero h1{font-size:clamp(2.8rem,6vw,5rem)}
.page-hero h1 span{font-size:.78em}
.page-hero>p:last-child{font-family:"Playfair Display",Georgia,serif;font-size:1.3rem;color:var(--brown)}
.story-content{max-width:790px;padding:3.5rem 1.5rem 2rem;margin:auto;font-size:1.04rem}
.story-content h2{font-size:2rem;margin-top:2.8rem}
.story-content blockquote{border-left:4px solid var(--rust);padding:1rem 1.4rem;margin:2rem 0;background:var(--cream);font-family:"Playfair Display",Georgia,serif;font-size:1.4rem;color:var(--green)}
.story-content cite{display:block;margin-top:.7rem;font-family:"DM Sans",Arial,sans-serif;font-size:.85rem;font-style:normal;color:var(--muted)}
.closing-line{font-family:"Playfair Display",Georgia,serif;font-size:1.35rem;color:var(--rust);font-weight:600}
@media(max-width:760px){.site-header{align-items:flex-start;flex-direction:column}.site-header nav{gap:.9rem 1.1rem}.hero{grid-template-columns:1fr}.hero-copy{padding:3rem 1.5rem}.hero-art{min-height:330px}.card-grid{grid-template-columns:1fr}.section{padding:3.4rem 1.3rem}.brand small{font-size:.56rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Original-artwork identity */
:root{--cream:#f4e7d1;--paper:#fffaf0;--green:#304b37;--green2:#3c5a41;--rust:#a4491c;--brown:#78482b}
.site-header{max-width:1400px;background:#fffaf0}
.wordmark{display:block;line-height:1;text-align:center;min-width:165px}
.wordmark strong{font-family:Georgia,serif;display:block;font-size:1.42rem;letter-spacing:-.04em;color:#241e17}
.wordmark em{font-size:.73em;letter-spacing:.17em;font-style:normal}
.wordmark small{font-family:cursive;display:block;font-size:1.16rem;letter-spacing:0;color:#56301c;transform:rotate(-3deg);margin-top:.2rem}
.hero{grid-template-columns:43% 57%;background:linear-gradient(135deg,#fff9ec,#e9d3b1)}
.hero-copy{padding:clamp(2rem,5vw,5rem) clamp(1.5rem,4vw,4rem)}
.hero-photo{position:relative;min-height:540px;overflow:hidden;background:#342c28}
.hero-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}
.photo-ribbon{position:absolute;bottom:0;left:0;right:0;padding:1rem;text-align:center;color:#fff8e9;background:linear-gradient(transparent,#1d281ecc);font-size:.75rem;letter-spacing:.18em;font-weight:700}
.verse-short{font-family:Georgia,serif;font-style:italic;color:#63482f;max-width:420px}
.verse-short strong{display:block;font-size:.75rem;font-style:normal;letter-spacing:.1em;margin-top:.4rem}
.button-primary{background:#a4491c}.button-primary:hover{background:#7d3517}
@media(max-width:760px){.hero{grid-template-columns:1fr}.hero-photo{min-height:420px}.hero-photo img{object-fit:contain;background:#2e2522}}