@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,700;12..96,800&family=Figtree:wght@400;500;600&display=swap');
/* FGC brand tokens: colours and fonts taken from the logo */
:root{--navy:#0b2a52;--navy-2:#16396b;--orange:#f46a0c;--orange-d:#c9540a;--ink:#14233a;--mute:#5b6b82;--line:#e3e8ef;--soft:#f5f7fa;--peach:#fff1e6;--ok:#12805c;--bad:#c0392b;--font-head:'Bricolage Grotesque',sans-serif;--font-body:Figtree,system-ui,sans-serif}
.brand{display:flex;align-items:center;gap:10px}
.brand-logo{width:48px;height:48px;border-radius:50%;object-fit:cover}
.brand-text{display:flex;flex-direction:column;line-height:1.15}
.brand-text strong{font:800 1.05rem var(--font-head);color:var(--navy)}
.brand-text small{font-size:.72rem;color:var(--mute)}
.hero{position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;right:6%;top:50%;transform:translateY(-50%);width:340px;height:340px;border-radius:50%;background:url(../img/logo.jpeg) center/cover;box-shadow:0 30px 60px -20px rgba(0,0,0,.5)}
.hero.small::after{display:none}
.shop-btn,.vendor-link{background:var(--orange);color:#fff}
.shop-btn:hover,.vendor-link:hover{background:var(--orange-d)}
.seller-section{background:linear-gradient(120deg,var(--orange-d),var(--orange))}
@media(max-width:900px){.hero::after{display:none}}