.floc-footer { background: #082014; color: rgba(255,255,255,.75); padding-top: 80px; }
.floc-footer__grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 70px; padding-bottom: 70px; }
.floc-footer__logo { width: 105px; margin-bottom: 20px; }
.floc-footer__statement { max-width: 300px; font-family: Georgia,serif; font-size: 20px; line-height: 1.35; }
.floc-footer__label { margin: 0 0 16px; color: var(--floc-green-bright); font-size: 11px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.floc-footer ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
.floc-footer a:hover { color: #fff; }
.floc-footer__bottom { border-top: 1px solid rgba(255,255,255,.1); }
.floc-footer__bottom .floc-container { min-height: 70px; display: flex; align-items: center; justify-content: space-between; gap: 20px; font-size: 11px; text-transform: uppercase; letter-spacing: .1em; }

.floc-image-placeholder {
    min-height:340px;
    display:grid;
    place-items:center;
    padding:30px;
    border:1px solid var(--floc-border);
    background:
        linear-gradient(135deg, rgba(0,74,28,.94), rgba(92,46,119,.92)),
        radial-gradient(circle at 20% 20%, rgba(40,254,142,.3), transparent 30%);
    color:#fff;
    text-align:center;
}
.floc-image-placeholder span {
    display:block;
    max-width:300px;
    font-family:var(--floc-serif);
    font-size:34px;
    line-height:1;
}
.floc-page-hero {
    padding:180px 0 100px;
    color:#fff;
    background:linear-gradient(125deg,#003D18,#005520 55%,#5C2E77);
}
.floc-page-hero h1 {
    max-width:900px;
    margin:0;
    font-family:var(--floc-serif);
    font-size:clamp(58px,8vw,110px);
    line-height:.9;
    font-weight:400;
    letter-spacing:-.06em;
}
.floc-page-hero h1 em { color:var(--floc-green-bright); }
.floc-page-hero p { max-width:700px; margin:28px 0 0; font-size:19px; color:rgba(255,255,255,.78); }
.floc-gallery-grid { display:grid; grid-template-columns:repeat(12,1fr); gap:10px; }
.floc-gallery-grid figure { margin:0; min-height:220px; background:#e9eee9; overflow:hidden; }
.floc-gallery-grid figure:nth-child(1) { grid-column:span 7; min-height:430px; }
.floc-gallery-grid figure:nth-child(2) { grid-column:span 5; }
.floc-gallery-grid figure:nth-child(3), .floc-gallery-grid figure:nth-child(4) { grid-column:span 5; }
.floc-gallery-grid figure:nth-child(5) { grid-column:span 7; }
.floc-gallery-grid img { width:100%; height:100%; object-fit:cover; transition:transform 900ms cubic-bezier(.22,1,.36,1); }
.floc-gallery-grid figure:hover img { transform:scale(1.04); }
.floc-programme-list { border-top:1px solid var(--floc-border); }
.floc-programme-row { display:grid; grid-template-columns:130px 1fr 260px; gap:30px; padding:28px 0; border-bottom:1px solid var(--floc-border); align-items:start; }
.floc-programme-row time { color:var(--floc-orange); font-size:13px; font-weight:900; }
.floc-programme-row h3 { margin:0 0 8px; font-family:var(--floc-serif); font-size:27px; font-weight:400; line-height:1.1; }
.floc-programme-row p { margin:0; color:var(--floc-grey); font-size:14px; }
.floc-programme-row small { color:var(--floc-grey); font-size:12px; text-transform:uppercase; letter-spacing:.1em; }
@media(max-width:780px){
    .floc-gallery-grid { grid-template-columns:1fr 1fr; }
    .floc-gallery-grid figure,.floc-gallery-grid figure:nth-child(1),.floc-gallery-grid figure:nth-child(2),.floc-gallery-grid figure:nth-child(3),.floc-gallery-grid figure:nth-child(4),.floc-gallery-grid figure:nth-child(5) { grid-column:auto; min-height:180px; }
    .floc-programme-row { grid-template-columns:1fr; gap:10px; }
}


/* Icon markers in programme/event format */
.floc-format article > .floc-format-icon { display:inline-grid; place-items:center; width:42px; height:42px; border:1px solid rgba(40,254,142,.35); border-radius:50%; color:#28fe8e; }
.floc-format article > .floc-format-icon svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }

/* Footer refinement */
.floc-footer { padding-top: 76px; }
.floc-footer__grid { grid-template-columns: minmax(260px, 1.7fr) repeat(2, minmax(150px, .8fr)) minmax(220px, 1.15fr); gap: 48px; }
.floc-footer__brand-link { display: inline-block; }
.floc-footer__logo { width: 128px; height: auto; max-height: 74px; object-fit: contain; object-position: left center; border-radius: 0; margin-bottom: 22px; }
.floc-footer__statement { max-width: 390px; margin-bottom: 22px; }
.floc-footer__home-link { display: inline-flex; align-items: center; gap: 9px; color: #fff; font-size: 13px; font-weight: 700; }
.floc-footer__home-link:hover { color: var(--floc-green-bright); }
.floc-footer__column li a { display: inline-flex; align-items: center; gap: 6px; line-height: 1.45; }
.floc-footer__event { padding-left: 10px; border-left: 1px solid rgba(255,255,255,.12); }
.floc-footer__event-title { margin: 0 0 10px; color: #fff; font-family: Georgia,serif; font-size: 22px; line-height: 1.2; }
.floc-footer__event-theme { max-width: 310px; margin: 0 0 20px; font-size: 13px; line-height: 1.7; color: rgba(255,255,255,.66); }
.floc-footer__event-meta { display: grid; gap: 6px; font-size: 11px; font-weight: 700; line-height: 1.5; text-transform: uppercase; letter-spacing: .08em; color: rgba(255,255,255,.82); }
.floc-footer__bottom .floc-container { flex-wrap: wrap; }
.floc-footer__credit { margin-left: auto; }
.floc-footer__credit a { color: #fff; font-weight: 700; }
.floc-footer__credit a:hover { color: var(--floc-green-bright); }

/* FLOC 2026 — photographic inner-page heroes */
.floc-page-hero {
    position: relative;
    isolation: isolate;
    min-height: clamp(480px, 58vh, 660px);
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    padding: 170px 0 92px;
    background-color: #003d18;
    background-size: cover;
    background-position: center;
}
.floc-page-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(90deg, rgba(0,39,19,.96) 0%, rgba(0,52,24,.78) 44%, rgba(0,52,24,.34) 100%),
        linear-gradient(0deg, rgba(0,25,13,.68), rgba(0,25,13,.08) 70%);
}
.floc-page-hero .floc-container { position: relative; z-index: 1; }
.floc-page-hero--about,
.floc-page-hero--speakers,
.floc-page-hero--contact { background-image: url("../images/hero-01-keynote.webp"); }
.floc-page-hero--programme,
.floc-page-hero--faq { background-image: url("../images/hero-02-education.webp"); }
.floc-page-hero--impact,
.floc-page-hero--partnership,
.floc-partnership-hero { background-image: url("../images/hero-03-industry.webp"); }
.floc-page-hero h1,
.floc-page-hero p { position: relative; z-index: 1; }
.floc-page-hero p { text-wrap: pretty; }

@media (max-width: 780px) {
    .floc-page-hero {
        min-height: 520px;
        padding: 150px 0 68px;
        background-position: 65% center;
    }
    .floc-page-hero::before {
        background: linear-gradient(180deg, rgba(0,39,19,.72) 0%, rgba(0,39,19,.84) 48%, rgba(0,29,14,.98) 100%);
    }
    .floc-page-hero h1 { font-size: clamp(46px, 13vw, 70px); line-height: .94; }
    .floc-page-hero p { max-width: 100%; font-size: 16px; line-height: 1.65; }
}