@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400&display=swap');
:root{--ink:#202721;--paper:#f7f3e9;--gold:#ad7c42;--green:#263c31;--border:#d7d6c7;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.7}a{color:inherit;text-underline-offset:5px}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b57330;outline-offset:4px}.wrap{width:min(1220px,88%);margin:auto}.section{padding:88px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.eyebrow{font-size:11px;letter-spacing:.22em;font-weight:700;color:var(--gold);text-transform:uppercase;margin:0 0 20px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:400;line-height:1.12;letter-spacing:-.045em}h1{font-size:clamp(48px,6vw,88px)}h2{font-size:clamp(34px,4.3vw,58px);margin-bottom:25px}h3{font-family:var(--serif);font-size:24px;line-height:1.3;font-weight:400}.intro{font-size:clamp(19px,2vw,24px);line-height:1.5;max-width:700px}.small{font-size:13px;color:#686d61}.mt{margin-top:45px}.actions,.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{background:var(--green);color:#fff;display:inline-flex;align-items:center;justify-content:space-between;gap:20px;text-decoration:none;border:1px solid var(--green);font-size:11px;font-weight:700;letter-spacing:.07em;padding:16px 22px;cursor:pointer;margin:5px 5px 5px 0}.button:hover{background:#405442;color:white}.button.outline{background:transparent;color:var(--green)}.button.outline:hover{background:#e8e5d8}.text-link{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.06em;margin:15px 15px 15px 0}.site-header{position:sticky;top:0;z-index:20;background:var(--paper);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:18px 4%;gap:25px}.brand{font-family:var(--serif);font-size:18px;letter-spacing:.04em;line-height:1.3;text-decoration:none;white-space:nowrap}.brand small{display:block;font-family:var(--sans);font-size:9px;letter-spacing:.07em;margin-top:5px}.site-header nav{display:flex;align-items:center;gap:19px;font-size:11px;line-height:1.4}.site-header nav>a:not(.button){text-decoration:none;padding:5px 0}.site-header nav>a[aria-current=page]{border-bottom:2px solid var(--gold)}.nav-cta{font-size:9px;padding:12px 15px;gap:8px;margin:0}.more{position:relative}.more summary{cursor:pointer}.more>div{position:absolute;right:0;top:30px;background:var(--paper);border:1px solid var(--border);padding:15px;width:200px;box-shadow:0 10px 30px #0001}.more>div a{display:block;padding:10px;text-decoration:none}.more>div a:hover{background:#ebe8dc}.menu-toggle{display:none}.skip{position:fixed;left:10px;top:-100px;z-index:99;padding:10px;background:white}.skip:focus{top:10px}.home-hero{display:grid;grid-template-columns:54% 46%;min-height:730px}.hero-text{padding:75px 9% 50px 11%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.hero-text h1{font-size:clamp(42px,4.5vw,68px);margin-bottom:30px}.hero-text .role{display:block;font-family:var(--sans);font-size:clamp(10px,1vw,14px);letter-spacing:.01em;margin-top:20px}.hero-text .intro{font-family:var(--serif);font-size:28px}.hero-text>p:not(.intro):not(.eyebrow){font-size:14px;max-width:460px}.hero-actions{gap:5px;margin-top:10px}.hero-actions .button{padding:14px 16px;gap:10px;font-size:9px}.hero-note{margin-top:40px;font-size:9px;letter-spacing:.12em;color:#777b6d}.hero-portrait{margin:0;position:relative;overflow:hidden}.hero-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 37%}.hero-portrait figcaption{position:absolute;bottom:26px;left:30px;font-size:9px;letter-spacing:.22em;color:white;background:#25382cd9;padding:8px 13px}.statement{font-family:var(--serif);font-size:32px;line-height:1.5;padding:35px;border-left:2px solid var(--gold)}.statement p{font-family:var(--sans);margin-top:25px}.book-feature,.warm{background:#e9e8da}.book-feature h2{font-size:clamp(40px,5vw,70px)}.book-cover{background:url('../assets/asanda-portrait.jpeg') no-repeat;background-size:533% auto;background-position:55.5% 81%;width:min(285px,100%);aspect-ratio:285/425;margin:0 auto;box-shadow:16px 18px 30px #20272122;transform:rotate(-3deg)}.subtitle{font-family:var(--serif);font-size:23px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:30px 0}.card{border:1px solid var(--border);padding:30px;background:#faf8f0}.card p{font-size:14px}.event-band{background:var(--green);padding:65px 0;color:var(--paper)}.event-band .button{background:#e5ccb0;color:var(--green)}.page-intro{padding:75px 0 50px;border-bottom:1px solid var(--border)}.page-intro h1{margin-bottom:25px}.editorial-photo{width:100%;max-height:750px;object-fit:cover;object-position:center}.prose{max-width:750px}.prose p{line-height:1.9}.tags{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-start}.tags span{border:1px solid var(--border);padding:10px 18px;font-size:13px;background:#eeeee4}.enquiry-form{max-width:930px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.enquiry-form label{display:block;font-size:13px;font-weight:500;margin-bottom:20px}.enquiry-form input,.enquiry-form select,.enquiry-form textarea{width:100%;display:block;background:#fffcf5;border:1px solid #aeb2a5;border-radius:0;padding:12px;margin-top:8px;color:var(--ink)}.enquiry-form .small{max-width:750px}.form-status{font-size:13px}.notice{border-left:2px solid var(--gold);padding:25px;background:#eeeee5}.empty{padding:25px 0;color:#62695d;font-size:14px;border-top:1px solid var(--border)}.filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:30px}.filter{border:1px solid var(--border);background:transparent;padding:10px 18px;cursor:pointer;font-size:13px}.filter.active{background:var(--green);color:white}.event-card img{height:230px;object-fit:cover;width:100%;object-position:center 35%}.event-card{padding:0}.event-card .card-body{padding:25px}.event-date{color:var(--gold);font-size:12px;letter-spacing:.05em}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.gallery-item{border:0;padding:0;background:none;text-align:left;cursor:pointer}.gallery-item img{height:420px;width:100%;object-fit:cover}.gallery-item p{font-size:13px;margin:12px 0}.gallery-item small{color:var(--gold)}dialog{border:0;padding:30px;max-width:90vw;max-height:94vh;background:var(--paper)}dialog::backdrop{background:#000c}dialog img{max-height:75vh;margin:auto}dialog p{text-align:center;margin:15px 0 0}.close-dialog{position:absolute;right:3px;top:0;border:0;background:var(--paper);font-size:25px;cursor:pointer}.products .book-cover{width:180px;margin-bottom:30px}.product-image{height:260px;width:100%;object-fit:cover;margin-bottom:20px}.product-label{font-size:12px;color:var(--gold);text-transform:uppercase;letter-spacing:.08em}.product-icon{font-size:15px;letter-spacing:.18em;padding:65px 20px;background:#e6e8dc;text-align:center;color:var(--green);margin-bottom:25px;border:1px solid var(--border)}.faq{max-width:900px}.faq details{border-bottom:1px solid var(--border);padding:23px 0}.faq summary{font-family:var(--serif);font-size:22px;cursor:pointer}.faq details p{margin:20px 0 0}.contact-routes{display:flex;flex-wrap:wrap;gap:12px}.contact-details{display:flex;flex-direction:column;gap:15px}.contact-details a{font-size:20px}footer{background:#202d24;color:#f2ebdb;padding:60px 0 20px}.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px}.footer-top p{font-size:12px;margin-top:20px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:12px}.social-links{display:flex;gap:15px;flex-wrap:wrap;font-size:13px;margin-bottom:20px}.footer-bottom{border-top:1px solid #ffffff2a;padding-top:20px;margin-top:40px;font-size:11px}.whatsapp-float{position:fixed;bottom:18px;right:18px;background:#263c31;color:white;padding:12px 18px;border:1px solid #f0ecdc;text-decoration:none;font-size:12px;z-index:15;box-shadow:0 4px 15px #0002}blockquote{font-family:var(--serif);font-size:22px;margin:0 0 20px}video{width:100%}
@media(min-width:1500px){.home-hero{max-height:900px}.hero-text{padding-left:max(11%,calc((100vw - 1220px)/2))}}
@media(max-width:1200px){.site-header nav{gap:12px}.nav-cta{display:none}.brand{font-size:16px}.hero-text{padding:55px 8%}.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){.site-header{flex-wrap:wrap;padding:18px 6%}.menu-toggle{display:block;background:transparent;border:1px solid var(--border);padding:8px 12px;font-size:12px}.site-header nav{display:none;width:100%;flex-wrap:wrap;gap:20px;padding:15px 0}.site-header nav.open{display:flex}.more>div{right:auto;left:0}.home-hero{grid-template-columns:1fr 1fr;min-height:650px}.hero-text h1{font-size:40px}.hero-text .intro{font-size:23px}.split{gap:35px}.gallery-grid{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.home-hero{grid-template-columns:1fr}.hero-text{padding:55px 6%}.hero-text h1{font-size:44px}.hero-portrait{height:540px}.hero-portrait img{object-position:center 40%}.hero-actions .button{font-size:10px}.split,.cards,.form-grid,.gallery-grid,.footer-top{grid-template-columns:1fr}.section{padding:60px 0}.wrap{width:88%}.page-intro{padding:50px 0 35px}.statement{font-size:26px;padding:25px}.gallery-item img{height:500px}.book-cover{width:240px}.whatsapp-float{font-size:11px;padding:10px 13px}.contact-details a{font-size:17px}.site-header .brand{font-size:15px}.brand small{font-size:8px}.hero-note{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
:root{--ink:#1a1a1a;--paper:#fdf8f0;--gold:#8a6d3b}
.event-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.event-photo-grid img{width:100%;aspect-ratio:1;object-fit:cover}
.event-photo-grid img:nth-child(-n+2){height:auto;aspect-ratio:auto;object-fit:contain}
.event-poster{width:min(100%,760px);height:auto;margin:0 auto}
.photo-count{color:var(--gold);font-weight:600}