:root{--ink:#25382e;--green:#254b3b;--deep:#17382c;--leaf:#637d5e;--cream:#f7f5ed;--paper:#fffcf5;--muted:#6d756c;--line:#d9dfd2;--gold:#d6af73;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.6 system-ui,-apple-system,'Segoe UI',sans-serif}a{color:inherit}button{font:inherit}img{max-width:100%;display:block} .container{width:min(1120px,calc(100% - 44px));margin:auto}.skip{position:absolute;left:-9999px;top:0;z-index:20;background:white;padding:12px}.skip:focus{left:12px}.topline{height:5px;background:linear-gradient(90deg,var(--deep),var(--leaf),var(--gold))}header{background:rgba(247,245,237,.95);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(10px)}.head-inner{display:flex;justify-content:space-between;align-items:center;min-height:78px;gap:20px}.brand{text-decoration:none;display:flex;align-items:center;gap:12px;color:var(--deep);font-family:Georgia,serif;font-size:1.5rem;font-weight:700;letter-spacing:-.04em}.brand-mark{width:38px;height:38px;border-radius:100%;background:var(--deep);display:grid;place-items:center;color:#f4e7c8;font-size:22px}.brand small{display:block;font:600 9px/1.2 system-ui;letter-spacing:.23em;color:var(--leaf);text-transform:uppercase}.nav{display:flex;flex-wrap:wrap;gap:7px}.nav a{text-decoration:none;padding:8px 13px;border-radius:100px;font-size:.9rem;color:#506255}.nav a:hover,.nav a[aria-current=page]{background:#e3eadc;color:var(--deep)}.hero{padding:73px 0 68px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px}.eyebrow{text-transform:uppercase;letter-spacing:.19em;font-size:11px;font-weight:750;color:#58745a}.hero h1,.page-lead h1{font:normal clamp(3.4rem,7.5vw,6.4rem)/.98 Georgia,serif;letter-spacing:-.065em;color:var(--deep);margin:20px 0 26px}.hero h1 em{color:#738c72;font-weight:normal}.hero p,.page-lead p{max-width:570px;font-size:1.1rem;color:#627266}.hero-visual{height:435px;border-radius:240px 240px 24px 24px;background:radial-gradient(circle at 75% 30%,#b3c5a6,transparent 43%),linear-gradient(140deg,#e4e8d5,#a6b7a0);position:relative;overflow:hidden;box-shadow:20px 20px 0 #e5e9d9}.hero-visual:after{content:'YOUR FAVOURITE PHOTO OF CLEM GOES HERE';position:absolute;bottom:24px;left:25px;right:25px;text-align:center;color:#345440;font-size:11px;letter-spacing:.15em;font-weight:700}.hero-visual .icon{position:absolute;font-size:125px;top:28%;left:50%;transform:translateX(-50%);filter:grayscale(1);opacity:.35}.hero-visual.has-image:after{content:''}.hero-visual.has-image{background-size:cover;background-position:center}.hero-visual.has-image .icon{display:none}.button{display:inline-flex;align-items:center;gap:8px;text-decoration:none;border-radius:100px;padding:12px 22px;font-weight:650;font-size:.94rem;background:var(--deep);color:#fff;border:1px solid var(--deep)}.button:hover{background:#315b45}.button.secondary{background:transparent;color:var(--deep);border-color:#acbca9}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.section{padding:68px 0}.section.alt{background:#eff1e9}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:29px}.section h2,.page-lead h1{font-family:Georgia,serif}.section h2{font-size:clamp(2.2rem,4vw,3.3rem);font-weight:normal;letter-spacing:-.045em;line-height:1.1;margin:8px 0}.section-heading p{color:var(--muted);max-width:450px}.text-link{text-decoration:none;font-weight:650;color:#28523b;border-bottom:1px solid currentColor;white-space:nowrap}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 6px 20px #2446300b}.card a{text-decoration:none;display:block}.card-media{height:220px;display:grid;place-items:center;background:linear-gradient(145deg,#d9e0d0,#b6c7b0);position:relative;color:#5b765e;overflow:hidden}.card-media:before{content:'';height:270px;width:270px;border:1px solid #ffffff65;position:absolute;border-radius:50%;transform:translate(28%,-20%)}.card-media span{font-size:56px;opacity:.5;filter:grayscale(1)}.card-media img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.card-body{padding:23px}.card h3{font:normal 1.45rem/1.2 Georgia,serif;letter-spacing:-.025em;margin:5px 0 12px}.card p{font-size:.93rem;color:var(--muted);margin:0}.tag{font-size:.7rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#6e8c68}.note{border:1px solid #ccd7c7;background:#f3f6eb;padding:22px 27px;border-radius:var(--radius);color:#546a58}.page-lead{padding:60px 0 36px}.page-lead h1{font-size:clamp(2.9rem,6vw,4.6rem);margin:14px 0}.page-lead p{margin:0}.bread{font-size:.83rem;color:#69766e}.bread a{color:#527257}.empty{padding:65px 25px;text-align:center;border:1px dashed #b5c6b3;border-radius:var(--radius);background:#f5f7ef}.empty-icon{font-size:45px;opacity:.65}.empty h2{font:normal 1.8rem Georgia,serif;margin:12px 0}.empty p{max-width:520px;margin:0 auto;color:var(--muted)}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.photo{padding:0;border:0;background:none;cursor:pointer;text-align:left}.photo img{width:100%;height:260px;object-fit:cover;border-radius:12px}.photo span{font-size:.84rem;color:var(--muted);margin-top:8px;display:block}.article{max-width:760px;margin:auto}.article h2{font:normal 2.1rem Georgia,serif}.article img{border-radius:12px;margin:30px 0}.article .date{color:#697969;font-size:.85rem}.journal-list{display:grid;gap:18px}.journal-item{display:block;text-decoration:none;background:var(--paper);border:1px solid var(--line);padding:25px 30px;border-radius:16px}.journal-item h2{font:normal 1.75rem Georgia,serif;margin:5px 0}.journal-item p{color:var(--muted);margin:0}.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:start}.about-grid p{font-size:1.1rem;color:#5d6e60}.about-panel{padding:40px;background:#e4eadd;border-radius:20px}.about-panel .big{font:normal 2rem Georgia,serif;margin:10px 0}.footer{background:var(--deep);color:#eaf0e5;padding:34px 0;margin-top:55px}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:18px}.footer a{color:#eaf0e5;text-decoration:none}.footer small{opacity:.7}.footer .footnav{display:flex;gap:17px;flex-wrap:wrap}.lightbox{position:fixed;inset:0;background:#0d1710f5;display:none;z-index:100;align-items:center;justify-content:center;padding:55px 18px 55px;flex-direction:column}.lightbox.open{display:flex}.lightbox img{max-height:80vh;max-width:96vw;object-fit:contain}.lightbox p{color:#fff}.lightbox button{position:absolute;right:20px;top:10px;border:0;background:none;color:#fff;font-size:36px;cursor:pointer}.sr-only{position:absolute;left:-9999px}@media(max-width:760px){.container{width:min(100% - 30px,1120px)}.head-inner{min-height:90px;align-items:flex-start;flex-direction:column;padding:13px 0;gap:5px}.nav a{padding:5px 10px;font-size:.82rem}.hero{padding:43px 0}.hero-grid,.about-grid{grid-template-columns:1fr}.hero-visual{height:320px;max-width:460px;margin:auto;width:100%;box-shadow:11px 11px 0 #e5e9d9}.cards,.photo-grid{grid-template-columns:1fr 1fr}.card-media{height:160px}.section{padding:42px 0}.section-heading{align-items:start;flex-direction:column}.photo img{height:210px}.footer-inner{flex-direction:column;align-items:start}}@media(max-width:480px){.cards,.photo-grid{grid-template-columns:1fr}.hero h1{font-size:3.7rem}.photo img{height:280px}.card-media{height:220px}}