@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@1,600&display=swap');
:root{--ink:#29221f;--cream:#fffaf1;--paper:#fffdf9;--saffron:#ec8b2c;--coral:#d9583f;--plum:#6c3155;--sage:#dfe9d8;--line:rgba(41,34,31,.14);--radius:30px}*{box-sizing:border-box}html{scroll-behavior:smooth}body.srm{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}button{font:inherit}.skip{position:fixed;top:-5rem;left:1rem;z-index:1000;background:#fff;padding:1rem}.skip:focus{top:1rem}.loader{position:fixed;inset:0;z-index:999;background:var(--cream);display:grid;place-content:center;transition:.6s}.loader.done{opacity:0;visibility:hidden}.loader img{width:88px;height:auto}.loader span{display:block;width:88px;height:3px;margin-top:20px;background:linear-gradient(90deg,var(--coral) 50%,#eadfd1 50%);background-size:200%;animation:load 1s infinite}.nav{position:fixed;top:18px;left:3vw;right:3vw;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:12px 14px 12px 18px;border:1px solid rgba(255,255,255,.7);border-radius:22px;background:rgba(255,250,241,.84);backdrop-filter:blur(18px);box-shadow:0 10px 40px rgba(65,38,21,.08)}.brand{display:flex;align-items:center;gap:11px}.brand img{width:42px;height:42px;object-fit:contain}.brand span{display:grid}.brand b{font-size:.92rem}.brand small{font-size:.68rem;opacity:.6}.nav nav{display:flex;align-items:center;gap:2rem;font-size:.84rem;font-weight:600}.nav nav a{transition:.25s}.nav nav a:hover{color:var(--coral)}.pill,.button.primary{background:var(--ink);color:#fff!important;border-radius:100px;padding:.85rem 1.2rem}.menu{display:none;border:0;background:none}.hero{min-height:100svh;padding:150px 6vw 70px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);align-items:center;gap:6vw;position:relative}.hero-copy{max-width:660px}.eyebrow,.section-tag{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:700;color:var(--coral)}h1,h2{font-size:clamp(3.5rem,7.5vw,8rem);line-height:.88;letter-spacing:-.065em;margin:.22em 0;font-weight:600}h2{font-size:clamp(2.8rem,5vw,6rem)}h1 em,h2 em{font-family:'Playfair Display',serif;color:var(--coral);font-weight:600}.intro{max-width:540px;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.7}.actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2rem}.button{display:inline-flex;gap:1.5rem;align-items:center;justify-content:center;padding:1rem 1.35rem;border-radius:100px;font-weight:700;font-size:.87rem;border:1px solid var(--line);transition:.25s}.button:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(54,32,20,.12)}.ghost{background:rgba(255,255,255,.5)}.live{display:flex;align-items:center;gap:12px;margin-top:2.5rem}.live i{width:11px;height:11px;background:#888;border-radius:50%;box-shadow:0 0 0 7px rgba(0,0,0,.06)}.live.open i{background:#268653;box-shadow:0 0 0 7px rgba(38,134,83,.13);animation:pulse 2s infinite}.live span{display:grid}.live small{opacity:.55}.hero-visual{height:min(70vh,700px);position:relative}.photo{margin:0;overflow:hidden}.photo-main{position:absolute;inset:0 8% 0 5%;border-radius:46% 46% 24px 24px;transform:rotate(2deg)}.photo-float{position:absolute;width:38%;height:38%;left:-4%;bottom:-2%;border:8px solid var(--cream);border-radius:50%;overflow:hidden}.welcome{position:absolute;right:0;top:9%;background:var(--saffron);color:#fff;width:145px;height:145px;border-radius:50%;display:grid;place-content:center;text-align:center;transform:rotate(8deg);box-shadow:0 15px 40px rgba(91,48,22,.2)}.welcome span{font-size:2rem}.welcome b{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.orb{position:absolute;border-radius:50%;filter:blur(2px);z-index:-1}.orb-a{width:320px;height:320px;background:#f8d4af;left:-130px;top:20%}.orb-b{width:240px;height:240px;background:#dfe6c7;right:-100px;bottom:3%}.marquee{overflow:hidden;background:var(--plum);color:#fff;padding:17px 0;transform:rotate(-1deg);width:102%;margin-left:-1%}.marquee div{white-space:nowrap;font-family:'Playfair Display',serif;font-style:italic;font-size:1.25rem;animation:marquee 25s linear infinite}.section{padding:clamp(80px,10vw,150px) 6vw}.section-tag{padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:70px}.about{display:grid;grid-template-columns:1.2fr .8fr;gap:35px}.about .section-tag,.about .wide-photo{grid-column:1/-1}.about-copy{font-size:clamp(1.15rem,2vw,1.6rem);line-height:1.55;align-self:end}.text-link{display:inline-block;font-size:.85rem;margin-top:1rem;border-bottom:1px solid}.stat{border-top:1px solid var(--line);padding-top:22px;display:grid}.stat strong{font-size:2.4rem;color:var(--coral)}.wide-photo{height:min(65vw,650px);margin:35px 0 0;border-radius:var(--radius);overflow:hidden}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:50px}.section-head p:last-child{max-width:380px;line-height:1.6}.event-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.event-card{min-height:330px;padding:28px;border-radius:var(--radius);background:var(--paper);border:1px solid var(--line);display:flex;flex-direction:column;transition:.3s}.event-card:hover{transform:translateY(-8px) rotate(-1deg);box-shadow:0 20px 45px rgba(53,30,17,.12)}.event-card.next{background:var(--coral);color:#fff;transform:rotate(-1deg)}.event-meta{display:flex;justify-content:space-between;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.event-card h3{font-size:clamp(1.5rem,2.3vw,2.3rem);margin:auto 0 .3rem}.event-card a{margin-top:2rem;font-weight:700}.gallery{background:#f3eadc}.mosaic{display:grid;grid-template-columns:1.15fr .85fr .85fr;grid-template-rows:300px 300px;gap:16px}.tile{position:relative;border:0;padding:0;border-radius:24px;overflow:hidden;cursor:zoom-in}.tile.tall{grid-row:span 2}.tile.wide{grid-column:span 2}.tile img{transition:.6s}.tile:hover img{transform:scale(1.06)}.tile span{position:absolute;left:18px;bottom:18px;background:#fff;padding:.65rem 1rem;border-radius:100px;font-weight:600}.visit{display:grid;grid-template-columns:1.1fr .9fr .8fr;gap:22px;background:var(--sage)}.visit .section-tag{margin-bottom:70px}.visit-copy>p:not(.eyebrow){font-size:1.2rem;line-height:1.7}.hours,.contact-card{background:var(--paper);border-radius:var(--radius);padding:30px;align-self:end}.hours>div{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:20px 0}.hours b{text-align:right}.hours small{opacity:.6}.contact-card a{display:grid;border-top:1px solid var(--line);padding:20px 0}.contact-card b{word-break:break-word}.contact-card a span{font-size:.75rem;margin-top:8px;color:var(--coral)}.support{background:var(--plum);color:#fff;display:grid;grid-template-columns:1fr .6fr 1fr;gap:50px;align-items:center}.support .eyebrow{color:#ffc87f}.support-links{display:grid;gap:12px}.support-links a,.link-grid a{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:15px;background:#fff;color:var(--ink);border-radius:20px;padding:14px;transition:.25s}.support-links a:hover,.link-grid a:hover{transform:translateX(6px)}.support-links img,.link-grid img{width:50px;height:50px;object-fit:contain;border-radius:12px}.support-links span,.link-grid span{display:grid}.support-links small,.link-grid small{opacity:.6}.link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.connect{background:#fffaf1}footer{padding:45px 6vw;display:grid;grid-template-columns:1fr 1fr auto;gap:30px;align-items:center;border-top:1px solid var(--line);font-size:.8rem}.to-top{position:fixed;right:24px;bottom:24px;width:50px;height:50px;border:0;border-radius:50%;background:var(--coral);color:#fff;z-index:90;opacity:0;transform:translateY(15px);transition:.3s}.to-top.show{opacity:1;transform:none}.lightbox{position:fixed;inset:0;background:rgba(20,13,10,.92);z-index:200;display:none;place-items:center;padding:5vw}.lightbox.open{display:grid}.lightbox img{max-width:100%;max-height:85vh;object-fit:contain}.lightbox button{position:absolute;top:20px;right:25px;border:0;background:none;color:#fff;font-size:3rem}.reveal{opacity:0;transform:translateY(35px);transition:.8s}.reveal.seen{opacity:1;transform:none}
@keyframes load{to{background-position:-200%}}@keyframes pulse{50%{box-shadow:0 0 0 12px rgba(38,134,83,0)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:1000px){.hero{grid-template-columns:1fr;padding-top:135px}.hero-visual{height:570px}.about,.visit,.support{grid-template-columns:1fr 1fr}.visit-copy,.support>div:first-child{grid-column:1/-1}.event-grid{overflow-x:auto;grid-template-columns:repeat(3,minmax(290px,1fr));padding-bottom:15px}.link-grid{grid-template-columns:1fr}.support-links{grid-column:1/-1;grid-template-columns:1fr 1fr}}
@media(max-width:720px){.nav{top:10px;left:10px;right:10px}.nav nav{position:absolute;top:70px;left:0;right:0;background:var(--paper);border-radius:20px;padding:20px;display:none;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 20px 50px rgba(0,0,0,.12)}.nav.open nav{display:flex}.nav nav a{padding:14px}.menu{display:grid;gap:6px}.menu span{width:24px;height:2px;background:var(--ink)}.hero{padding:125px 20px 65px;gap:35px}.hero-visual{height:430px}.photo-main{inset:0 2%}.photo-float{width:42%;height:38%;left:-2%}.welcome{width:110px;height:110px}.section{padding:75px 20px}.section-tag{margin-bottom:40px}.about,.visit,.support{grid-template-columns:1fr}.about-title,.about-copy,.about .wide-photo,.visit-copy,.support>div:first-child{grid-column:auto}.section-head{display:block}.mosaic{grid-template-columns:1fr 1fr;grid-template-rows:330px 220px 260px}.tile.tall{grid-column:span 2;grid-row:auto}.tile.wide{grid-column:span 2}.support-links{grid-column:auto;grid-template-columns:1fr}footer{grid-template-columns:1fr}.to-top{bottom:16px;right:16px}}
@media(max-width:420px){h1{font-size:3.35rem}.hero-visual{height:350px}.welcome{top:-10px}.actions .button{width:100%}.hours>div{display:grid}.hours b{text-align:left}.contact-card,.hours{padding:22px}.mosaic{grid-template-columns:1fr;grid-template-rows:repeat(4,280px)}.tile.tall,.tile.wide{grid-column:auto}.brand small{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
