:root{--ink:#183b28;--cream:#fff9e9;--green:#35581e;--gold:#ac7c39}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;color:var(--ink);background:var(--cream);font-family:Georgia,'Times New Roman',serif}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid #b46918;outline-offset:5px}.skip{position:absolute;top:-100px}.skip:focus{top:10px;z-index:20;background:white;padding:15px}header{max-width:1320px;margin:auto;background:#fffaf0f5;position:relative;z-index:3;border-radius:0 0 26px 26px;display:flex;align-items:center;justify-content:space-between;padding:20px 30px;gap:25px;box-shadow:0 3px 20px #19351a24}.brand{font-size:25px;text-decoration:none;display:flex;align-items:center;white-space:nowrap}.brand img{width:35px;margin-right:10px}.brand sup{font-size:10px}nav{display:flex;gap:25px;flex-wrap:wrap;font-size:15px}nav a{text-decoration:none;padding:8px 0}nav [aria-current]{border-bottom:2px solid var(--green)}.splash{margin-top:-95px;padding:170px max(5vw,24px) 110px;min-height:710px;position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4vw;background:url('/assets/gerald/pond.webp') center/cover}.splash:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fff8e8f5 0%,#fff8e8e8 32%,#fff8e842 65%,#fff8e800)}.welcome{max-width:610px}.eyebrow{font:700 11px/1.5 Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#6c622f}.welcome h1{font-size:clamp(45px,5.4vw,78px);line-height:1.04;letter-spacing:-.04em;margin:15px 0}.welcome h1 span{display:block;font-size:.45em;font-style:italic;letter-spacing:0;margin-bottom:10px}.welcome p{font-size:18px;line-height:1.55;max-width:540px}.welcome .motto{font-size:22px;font-style:italic}.button{display:inline-block;background:var(--green);color:#fffced;border:1px solid #233f15;border-radius:35px;padding:15px 28px;font-size:19px;text-decoration:none;cursor:pointer;box-shadow:inset 0 1px 0 #ffffff55}.button:hover{background:#234319}.gerald-hello{justify-self:center;max-width:360px;margin:0 0 80px;transform:rotate(3deg);padding:10px 10px 16px;background:#fffaeb;box-shadow:0 14px 35px #152d2355;border-radius:48% 48% 8px 8px}.gerald-hello img{width:100%;display:block;border-radius:48% 48% 3px 3px}.gerald-hello figcaption{text-align:center;font-style:italic;margin-top:10px}.wood-sign{position:absolute;right:7%;bottom:38px;text-align:center;background:repeating-linear-gradient(3deg,#b8854b 0,#e3bd83 5px,#d8ab71 8px,#e8c794 25px);color:#352511;border:3px solid #79542c;border-radius:5px;padding:16px 32px;box-shadow:4px 7px 0 #49341b66;transform:rotate(-3deg);font-size:21px;text-shadow:0 1px #fff6}.wood-sign b{display:block;font-size:29px}.wood-sign span{font-size:12px;display:block;margin-top:8px;letter-spacing:.04em}.section{max-width:1320px;margin:auto;padding:65px 30px}h2{font-size:clamp(30px,3.2vw,46px);line-height:1.12;margin:10px 0 18px;font-weight:normal;letter-spacing:-.025em}.residents{text-align:center}.section-intro{font-size:18px;line-height:1.6;max-width:730px;margin:0 auto 34px}.gallery{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:16px}.resident{border:0;border-bottom:2px solid #d7ba7b;background:transparent;padding:0 0 12px;color:var(--ink);cursor:pointer;min-width:0;transition:transform .2s}.resident:hover{transform:translateY(-5px)}.resident img{width:100%;aspect-ratio:1/1.1;object-fit:cover;border-radius:48% 48% 15% 15%;border:4px solid #ecdcba;display:block}.resident strong{display:block;font-size:24px;margin-top:12px}.resident span{display:block;font-size:13px;min-height:32px;margin-top:5px;font-style:italic}.resident small{font:11px Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase}.book{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:center;border-top:1px solid #d9caa7;border-bottom:1px solid #d9caa7}.book-image{max-width:400px;justify-self:center;transform:rotate(-3deg);padding:10px;background:#f7e8c3;box-shadow:12px 15px 25px #20301b30}.book-image img{width:100%;display:block}.book-copy{max-width:610px}.book p{font-size:19px;line-height:1.65}.badge{display:inline-block;border:1px solid #b1b68e;border-radius:20px;padding:7px 13px;font:11px Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#3f542c;background:#f4f1df}.text-link{display:block;margin-top:22px;text-underline-offset:6px}.next{display:grid;grid-template-columns:1fr 1fr;gap:30px}.next article{border:1px solid #dacaa4;border-radius:18px;overflow:hidden;background:#fffcf4;box-shadow:0 6px 20px #21371b0d}.next img{width:100%;aspect-ratio:2/1;object-fit:cover;display:block}.next article>div{padding:30px}.next h2{font-size:32px}.next p{font-size:17px;line-height:1.6;margin-bottom:0}.farewell{text-align:center;background:#263f2c;color:#fff6df;padding:45px 20px}.farewell p{font-size:27px;font-style:italic}.farewell .button{background:#f5e5ba;color:#233f27}footer{text-align:center;padding:35px 20px;font:13px/1.6 Arial,sans-serif}footer>a{font:25px Georgia,serif;text-decoration:none}dialog{padding:0;border:1px solid #ccb882;border-radius:20px;max-width:720px;width:90vw;color:var(--ink);background:var(--cream);max-height:90vh;overflow:auto;box-shadow:0 20px 70px #0008}dialog[open]{display:grid;grid-template-columns:1fr 1fr}dialog::backdrop{background:#122b22bd}dialog>img{width:100%;height:100%;object-fit:cover;min-height:340px}.dialog-copy{padding:40px 25px}.dialog-copy p{line-height:1.65}.dialog-copy h2{font-size:40px}.close{position:absolute;top:8px;right:8px;background:var(--cream);border:1px solid #b6a77c;border-radius:50%;height:35px;width:35px;font:25px Arial;cursor:pointer}.close-bottom{font-size:15px;padding:12px 18px}@media(max-width:1000px){header{flex-direction:column;gap:10px;padding:15px}.splash{margin-top:-125px;padding-top:185px}.gallery{grid-template-columns:repeat(4,1fr);gap:24px}.wood-sign{right:4%;font-size:16px}.wood-sign b{font-size:23px}.book{gap:35px}}@media(max-width:620px){html{scroll-padding-top:15px}header{border-radius:0;padding:15px 12px}.brand{font-size:23px}nav{gap:16px;justify-content:center;font-size:13px}.splash{margin-top:0;padding:38px 22px 155px;grid-template-columns:1fr;gap:25px;background-position:65% center}.splash:before{background:linear-gradient(#fff8e8f5,#fff8e8d9 50%,#fff8e800)}.welcome{text-align:center}.welcome h1{font-size:48px}.welcome p{font-size:17px}.welcome .motto{font-size:20px}.gerald-hello{max-width:230px;margin:0}.wood-sign{bottom:30px;right:50%;transform:translateX(50%) rotate(-3deg);width:290px;padding:12px}.wood-sign b{font-size:24px}.section{padding:44px 20px}.gallery{grid-template-columns:repeat(2,1fr);gap:23px 17px}.resident:last-child{grid-column:1/-1;width:50%;justify-self:center}.resident strong{font-size:24px}.book{grid-template-columns:1fr;gap:35px}.book-image{max-width:280px}.book-copy{text-align:center}.next{grid-template-columns:1fr}.next article>div{padding:23px}.farewell p{font-size:23px}dialog[open]{grid-template-columns:1fr}dialog>img{height:260px;min-height:0;object-fit:contain;background:#e4dbc2}.dialog-copy{padding:20px}.dialog-copy h2{font-size:32px;margin:8px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.resident{transition:none}}
