:root{color-scheme:light;--cream:#fcfaf4;--green:#203e28;--gold:#ba8c43;--border:#e0d9ca}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(ellipse at center,#fffdf8 10%,var(--cream) 90%);color:#172c1c;font-family:Georgia,'Times New Roman',serif;min-width:280px}
a{color:inherit}
a:focus-visible{outline:3px solid var(--gold);outline-offset:5px}
.masthead{text-align:center;padding:16px 20px 0;position:relative}
.brand{text-decoration:none;font-size:clamp(34px,3.7vw,57px);letter-spacing:-2px;display:inline-flex;align-items:center;line-height:1.2}
.leaf{display:inline-block;width:47px;height:62px;background-image:url('assets/artwork.png');background-size:1536px 1024px;background-position:-928px -18px;flex:none}
.gold-rule{width:188px;height:1px;background:var(--gold);margin:12px auto 0}
.corner{position:absolute;top:0;width:245px;height:200px;background-image:url('assets/artwork.png');background-size:1536px 1024px;pointer-events:none}
.corner-left{left:0;background-position:left top}
.corner-right{right:0;background-position:right top}
main,footer{width:calc(100% - 8.8%);max-width:1400px;margin:auto}
.intro{text-align:center;margin:22px 0 25px;position:relative}
h1{font-size:clamp(30px,4.1vw,63px);font-weight:400;letter-spacing:-1.8px;line-height:1.13;margin:0 0 10px}
.intro p{font-size:clamp(18px,1.9vw,29px);line-height:1.35;margin:0;color:#3e5137}
.websites{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}
.website-card{border:1px solid var(--border);border-radius:12px;padding:12px 16px 18px;background:rgba(255,253,247,.55);box-shadow:0 8px 28px #59442e05;display:flex;flex-direction:column;min-width:0}
.picture-link{display:block;border-radius:9px;overflow:hidden}
.site-picture{width:100%;aspect-ratio:647/447;background-image:url('assets/artwork.png');background-size:237.4034% 229.0828%;background-repeat:no-repeat}
.olive-picture{background-position:9.5613% 44.1941%}
.enthusiast-picture{background-position:90.6637% 44.1941%}
.card-content{text-align:center;display:flex;flex-direction:column;align-items:center;flex:1}
h2{font-size:clamp(25px,2.7vw,42px);font-weight:400;letter-spacing:-1.2px;line-height:1.14;margin:15px 0 8px}
.card-content p{font-size:clamp(18px,1.45vw,23px);line-height:1.25;margin:0 auto 16px;max-width:580px}
.button{display:inline-flex;justify-content:center;align-items:center;gap:30px;background:var(--green);color:#fffdf5;text-decoration:none;border-radius:10px;padding:10px 28px;font-size:24px;width:min(100%,305px);margin-top:auto;transition:background .15s ease}
.button:hover{background:#31573b}
footer{text-align:center;padding:10px 0 20px}
.footer-divider{display:flex;align-items:center;gap:18px;height:42px;margin-top:2px}
.footer-divider:before,.footer-divider:after{content:'';height:1px;background:var(--gold);flex:1}
.footer-divider .leaf{transform:scale(.78);transform-origin:center}
.footer-brand{font-size:26px;margin:0;line-height:1.2}
.footer-note{font-size:15px;color:#77756a;margin:3px 0 0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1600px){.corner{background-size:1536px 1024px}}
@media(max-width:1100px){.corner{width:145px;height:135px;background-size:1075.2px 716.8px}.websites{gap:24px}.brand{letter-spacing:-1px}.intro{margin-top:26px}h1{letter-spacing:-1px}.button{font-size:21px}}
@media(max-width:700px){.corner{width:85px;height:105px;background-size:768px 512px}.masthead{padding-top:25px}.brand{font-size:36px}.brand .leaf{width:42px;transform:scale(.7);transform-origin:left center;margin-right:-15px}.gold-rule{width:130px;margin-top:8px}main,footer{width:calc(100% - 32px)}.intro{margin:25px 0 24px}.intro h1{font-size:36px;max-width:500px;margin:0 auto 12px}.intro p{font-size:20px;max-width:470px;margin:auto}.websites{grid-template-columns:1fr;gap:24px}.website-card{padding:10px 10px 21px}h2{font-size:32px;letter-spacing:-.8px;margin-top:17px}.card-content p{font-size:20px;padding:0 8px;max-width:430px}.button{font-size:22px}.footer-divider{margin-top:10px}.footer-note{font-size:14px}}