:root{--ink:#14383a;--honey:#f6b73c;--red:#d9483b;--paper:#fffaf0;--sage:#9fb0a0;--pink:#f0a79c;--r:22px}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;scroll-padding-top:84px}
body{font:17px/1.6 Figtree,system-ui,sans-serif;color:var(--ink);background:var(--paper)}
h1,h2,h3,.d b{font-family:'Bricolage Grotesque',sans-serif;line-height:1.02;letter-spacing:-.02em}
a{color:inherit}:focus-visible{outline:3px solid var(--red);outline-offset:3px}
.bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:10px 5vw;background:rgba(255,250,240,.92);backdrop-filter:blur(10px)}
.brand img{height:46px;display:block}

.burger{display:none;background:none;border:0;width:44px;height:44px;cursor:pointer}.burger span{display:block;height:3px;background:var(--ink);margin:6px 8px}
.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:4vw;align-items:center;padding:5vw 5vw 3vw;min-height:82vh}
h1{font-size:clamp(2.8rem,5.2vw,5.4rem);font-weight:800}.hero p{max-width:34em;margin:24px 0 30px;font-size:1.15rem}
.cta{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-block;padding:14px 28px;border-radius:99px;font-weight:700;text-decoration:none;border:2px solid var(--ink);transition:transform .2s}
.btn:hover{transform:translateY(-3px)}.btn.red{background:var(--red);border-color:var(--red);color:#fff}.btn.honey{background:var(--honey);border-color:var(--honey)}.btn.ghost{background:none}
.comb{position:relative;aspect-ratio:1;max-width:620px;width:100%;justify-self:center}
.comb i{--u:calc(100%/3.1);position:absolute;width:calc(var(--u)*var(--s)*1.3);aspect-ratio:1/1.1547;left:calc(50% + var(--x)*var(--u)*1.1 - var(--u)*var(--s)*.65 + var(--mx,0)*calc(var(--s)*14px));top:calc(50% + var(--y)*var(--u)*1.55 - var(--u)*var(--s)*.75 + var(--my,0)*calc(var(--s)*14px));background-size:cover;background-position:center;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);animation:pop .8s cubic-bezier(.2,1.4,.4,1) both}
.comb i:nth-child(2){animation-delay:.1s}.comb i:nth-child(3){animation-delay:.2s}.comb i:nth-child(4){animation-delay:.3s}.comb i:nth-child(5){animation-delay:.4s}.comb i:nth-child(6){animation-delay:.5s}
@keyframes pop{from{transform:scale(0) rotate(-40deg);opacity:0}}
.doors{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:0 5vw 5vw}
.d{display:flex;flex-direction:column;justify-content:flex-end;min-height:190px;padding:22px;border-radius:var(--r);text-decoration:none;transition:transform .25s,border-radius .25s}
.d:hover{transform:translateY(-8px) rotate(-1deg);border-radius:60px 14px 60px 14px}.d b{font-size:1.5rem}.d span{font-size:.95rem}
.d1{background:var(--ink);color:#fff}.d2{background:var(--honey)}.d3{background:var(--pink)}.d4{background:var(--sage)}.d5{background:var(--red);color:#fff}
.sec{padding:7vw 5vw}.alt{background:#fff3da}.head{max-width:40em;margin-bottom:34px}h2{font-size:clamp(2.2rem,4.6vw,4rem);font-weight:800}.head p{margin-top:14px}
.tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}
.tabs button{font:600 1rem Figtree;padding:12px 22px;border-radius:99px;border:2px solid var(--ink);background:none;color:var(--ink);cursor:pointer}
.tabs button[aria-selected=true]{background:var(--ink);color:#fff}
.panel{display:grid;grid-template-columns:1fr 1fr;border-radius:32px;overflow:hidden;background:var(--ink);color:#fff;min-height:340px}
.panel img{width:100%;height:100%;object-fit:cover;min-height:260px}.panel div{padding:clamp(24px,4vw,56px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:14px}
.panel h3{font-size:clamp(2rem,3.6vw,3.2rem)}.panel .time{color:var(--honey);font-weight:600}.note{margin-top:20px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.cards article{background:var(--paper);border-radius:var(--r);padding:14px 14px 26px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.cards article:nth-child(2){margin-top:28px}.cards img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:14px}
.cards h3,.cards p,.cards .btn{margin-left:10px}.cards h3{font-size:1.8rem}.cards .btn{margin-top:auto}
.give-sec{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;padding:7vw 5vw;background:var(--red);color:#fff}
.give-sec h2{max-width:14em}.give-sec p{margin-top:12px;max-width:34em}
.visit{display:grid;grid-template-columns:1fr 1fr;gap:30px}.visit h2{font-size:2.4rem;margin-bottom:12px}
footer{display:flex;align-items:center;gap:16px;padding:28px 5vw;background:var(--ink);color:#fff;font-size:.9rem}footer img{height:44px;background:#fff;border-radius:50%}
@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:0}.doors{grid-template-columns:1fr 1fr}.d5{grid-column:span 2}.panel,.cards,.visit{grid-template-columns:1fr}.cards article:nth-child(2){margin-top:0}
.burger{display:block}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto}}