/* Brisbane Beacon festivals, parties and nightlife directory */
.bb-fg{max-width:1180px;margin:0 auto;padding:2.5rem 1rem 4rem}
.bb-fg *{box-sizing:border-box}
.bb-fg-hero{padding:clamp(1.6rem,5vw,3.3rem);border-radius:20px;
  background:radial-gradient(circle at 90% 12%,#dfa96039,transparent 35%),
    linear-gradient(120deg,#102c3e,#164d62 62%,#235c69);color:#fff;overflow:hidden}
.bb-fg-hero .bb-fg-kicker{font-size:.72rem;letter-spacing:.16em;font-weight:800;
  color:#f1d295;text-transform:uppercase;margin:0 0 .7rem}
.bb-fg-hero h1{color:#fff;font:700 clamp(2.25rem,5vw,4rem)/1.06 Georgia,serif;
  margin:0 0 .85rem;max-width:800px;letter-spacing:-.04em}
.bb-fg-hero p{max-width:720px;color:#e4f0f0;font-size:1.06rem;line-height:1.7;margin:0}
.bb-fg-hero-links{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.45rem}
.bb-fg-hero-links a{display:inline-flex;padding:.72rem 1rem;border-radius:10px;
  border:1px solid #a5c7ce;color:#fff;font-size:.85rem;font-weight:800;text-decoration:none}
.bb-fg-hero-links a:first-child{background:#f0dcad;color:#143448;border-color:#f0dcad}
.bb-fg-intro{max-width:900px;line-height:1.75;color:#4b6571;margin:1.4rem 0 1.8rem}
.bb-fg-controls{display:flex;justify-content:space-between;flex-wrap:wrap;
  gap:1rem;align-items:flex-end;margin:2rem 0 1.35rem;padding:1.2rem;
  background:#f0f5f5;border-radius:13px;border:1px solid #dce8e8}
.bb-fg-controls label{display:block;font-size:.74rem;font-weight:800;color:#315461;margin-bottom:.35rem}
.bb-fg-controls input,.bb-fg-controls select{min-height:45px;padding:.7rem .8rem;
  border-radius:9px;border:1px solid #bdd1d5;background:#fff;color:#16384a;font:600 .87rem system-ui}
.bb-fg-controls input{width:min(100%,360px);min-width:220px}
.bb-fg-controls select{min-width:210px}
.bb-fg-controls input:focus-visible,.bb-fg-controls select:focus-visible,.bb-fg a:focus-visible{outline:3px solid #d19c47;outline-offset:2px}
.bb-fg-section{margin:2.5rem 0 3rem;scroll-margin-top:110px}
.bb-fg-heading{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;
  margin-bottom:1.1rem;padding-bottom:.7rem;border-bottom:1px solid #dbe6e7}
.bb-fg-heading h2{font:700 clamp(1.55rem,2.7vw,2.3rem)/1.17 Georgia,serif;
  color:#183c4e;margin:0}
.bb-fg-heading span{font-size:.75rem;color:#65828b;font-weight:700}
.bb-fg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;
  padding:0;margin:0;list-style:none;align-items:stretch}
.bb-fg-card{min-width:0;border:1px solid #dce7e7;border-radius:13px;background:#fff;
  padding:1.2rem;display:flex;flex-direction:column;gap:.38rem;box-shadow:0 8px 22px #193d4a08}
.bb-fg-card--festival{background:linear-gradient(170deg,#fff 0%,#fbf8f0 100%)}
.bb-fg-card--venue{background:linear-gradient(175deg,#fff 0%,#f7faf9 100%)}
.bb-fg-card .bb-fg-type{font-size:.67rem;font-weight:800;color:#0a6880;text-transform:uppercase;letter-spacing:.11em}
.bb-fg-card h3{font:700 1.22rem/1.3 Georgia,serif;color:#183647;margin:.15rem 0 .15rem}
.bb-fg-card .bb-fg-date{font-weight:800;color:#a04d2d;font-size:.84rem;margin:.2rem 0}
.bb-fg-card .bb-fg-place{font-size:.84rem;color:#26728a;font-weight:750;margin:.2rem 0}
.bb-fg-card .bb-fg-description{font-size:.86rem;line-height:1.58;color:#475e67;margin:.4rem 0}
.bb-fg-card .bb-fg-note{font-size:.76rem;line-height:1.55;color:#72858a;margin:.4rem 0 1rem}
.bb-fg-card .bb-fg-link{display:inline-flex;align-items:center;color:#076784;font-size:.86rem;
  font-weight:800;text-decoration:none;margin-top:auto;padding-top:.65rem;
  border-top:1px solid #e3ebec}
.bb-fg-card .bb-fg-link:hover{text-decoration:underline;text-underline-offset:3px}
.bb-fg-empty{padding:1.4rem;border:1px dashed #bed2d6;color:#496b75;border-radius:12px;
  background:#f5f8f8;grid-column:1/-1}
.bb-fg-status{padding:1rem 1.2rem;border-radius:10px;background:#edf4f4;
  color:#476671;font-size:.82rem;line-height:1.65;margin-top:1.6rem}
.bb-fg-closer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:center;
  margin-top:3rem;padding:1.5rem 1.8rem;background:#ecf4f1;border-radius:14px}
.bb-fg-closer h2{font:700 1.5rem/1.25 Georgia,serif;margin:0 0 .5rem;color:#1b4453}
.bb-fg-closer p{margin:0;color:#5b7580;font-size:.9rem;line-height:1.6}
.bb-fg-closer a{display:inline-flex;min-height:45px;align-items:center;justify-content:center;
  padding:.7rem 1rem;background:#164f66;border-radius:9px;color:#fff;font-weight:800;
  text-decoration:none;white-space:nowrap}
@media(max-width:900px){.bb-fg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
 .bb-fg{padding:1.2rem .85rem 3rem}
 .bb-fg-grid{grid-template-columns:1fr}
 .bb-fg-controls{flex-direction:column;align-items:stretch;padding:1rem}
 .bb-fg-controls>div{width:100%}
 .bb-fg-controls input,.bb-fg-controls select{min-width:0;width:100%}
 .bb-fg-heading{flex-direction:column;align-items:start;gap:.2rem}
 .bb-fg-closer{grid-template-columns:1fr}
 .bb-fg-closer a{white-space:normal}
}
/* Featured conscious culture discovery — distinct from normal editorial cards */
.bb-fg-discovery{margin:1.45rem 0 2rem}
.bb-fg-discovery-heading{padding:1.6rem 1.3rem 1.3rem;border-radius:17px 17px 0 0;background:linear-gradient(110deg,#1b3545,#543c6b);color:#fff}
.bb-fg-discovery-heading p{margin:0 0 .6rem;font-size:.7rem;font-weight:850;letter-spacing:.13em;color:#e7c6b3}
.bb-fg-discovery-heading h2{font:750 clamp(1.6rem,4vw,2.6rem)/1.18 Georgia,serif;margin:0 0 .5rem;color:white}
.bb-fg-discovery-heading span{font-size:.85rem;color:#e9e6ef}
.bb-fg-feature-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;background:#e4e5ec;padding:.8rem;border-radius:0 0 16px 16px}
.bb-fg-spotlight{padding:1.25rem;border-radius:13px;display:flex;flex-direction:column;gap:.55rem;background:linear-gradient(155deg,#273c4f,#52395e);color:#fff;min-width:0;box-shadow:0 3px 12px rgba(15,31,45,.08)}
.bb-fg-spotlight:nth-child(2){background:linear-gradient(155deg,#394c3d,#6c533a)}
.bb-fg-spotlight:nth-child(3){background:linear-gradient(155deg,#385158,#28596a)}
.bb-fg-spotlight-tag{font-size:.7rem;letter-spacing:.1em;font-weight:850;color:#ffddaa}
.bb-fg-spotlight h3{font:760 1.35rem/1.2 Georgia,serif;color:#fff;margin:0}
.bb-fg-spotlight .bb-fg-date{color:#ffddaa}
.bb-fg-spotlight p{line-height:1.55;color:#e9eef0;margin:0}
.bb-fg-spotlight>a{color:#fff;text-underline-offset:4px;font-weight:800;margin-top:.4rem}
.bb-fg-discovery-foot{margin:.7rem 0 0;color:#415a64;font-weight:650;font-size:.9rem}
@media(max-width:790px){.bb-fg-feature-row{grid-template-columns:1fr}}


/* Verified Commons photo treatment: festival photography stays matched to
   venue, archive festival, or genre, with clear factual labels and credits. */
.bb-fg-feature-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1rem}
.bb-fg-spotlight.bb-fg-with-image,
.bb-fg-card.bb-fg-with-image{
 padding:0;
 overflow:hidden;
 gap:0;
}
.bb-fg-photo{display:block;position:relative;overflow:hidden;margin:0;background:linear-gradient(135deg,#214959,#774e68);min-width:0}
.bb-fg-photo img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center}
.bb-fg-photo figcaption{
 position:absolute;bottom:0;left:0;right:0;
 z-index:1;padding:1.3rem .85rem .65rem;
 color:#fff;font-size:.68rem;line-height:1.48;
 background:linear-gradient(transparent,rgba(8,25,35,.94) 44%);
 text-shadow:0 1px 2px rgba(0,0,0,.3);
}
.bb-fg-photo figcaption a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.bb-fg-card.bb-fg-with-image{transition:box-shadow .2s ease,transform .2s ease}
.bb-fg-card.bb-fg-with-image:hover{box-shadow:0 13px 28px rgba(19,48,60,.14);transform:translateY(-2px)}
.bb-fg-card.bb-fg-with-image>:not(.bb-fg-photo),
.bb-fg-spotlight.bb-fg-with-image:not(:first-child)>:not(.bb-fg-photo){
 margin-left:1.15rem;margin-right:1.15rem;
}
.bb-fg-card.bb-fg-with-image>.bb-fg-type{margin-top:1.05rem}
.bb-fg-card.bb-fg-with-image>.bb-fg-note{margin-bottom:.8rem}
.bb-fg-card.bb-fg-with-image>.bb-fg-link{
 margin-top:auto;margin-bottom:1.05rem;padding-top:.85rem
}
.bb-fg-spotlight.bb-fg-with-image:not(:first-child)>.bb-fg-spotlight-tag{
 margin-top:1.1rem
}
.bb-fg-spotlight.bb-fg-with-image:not(:first-child)>h3{margin-top:.5rem}
.bb-fg-spotlight.bb-fg-with-image:not(:first-child)>p{margin-top:.65rem}
.bb-fg-spotlight.bb-fg-with-image:not(:first-child)>a{
 margin-top:auto;margin-bottom:1.1rem;padding-top:1rem
}
.bb-fg-spotlight.bb-fg-with-image:not(:first-child)>.bb-share-strip,
.bb-fg-card.bb-fg-with-image>.bb-share-strip{
 border-top:1px solid rgba(20,60,75,.17);
 padding:.85rem 0 1.1rem;
 margin-top:auto;
}
.bb-fg-spotlight.bb-fg-with-image:not(:first-child)>.bb-share-strip{border-color:rgba(255,255,255,.22)}
.bb-fg-spotlight:first-child.bb-fg-with-image{
 grid-column:1/-1;
 display:grid;
 grid-template-columns:minmax(0,46%) minmax(0,54%);
 grid-template-rows:minmax(0,1fr) auto;
 align-items:stretch;
 min-height:380px;
 background:linear-gradient(120deg,#23394c,#49345b);
}
.bb-fg-spotlight:first-child>.bb-fg-photo{
 grid-column:1;grid-row:1/3;
 height:100%;align-self:stretch;
}
.bb-fg-spotlight:first-child>.bb-fg-photo img{
 position:absolute;inset:0;width:100%;height:100%;
 aspect-ratio:auto;object-fit:cover;object-position:center;
}
.bb-fg-spotlight-copy{
 grid-column:2;grid-row:1;
 display:flex;flex-direction:column;gap:.7rem;
 padding:clamp(1.25rem,3vw,2.3rem) clamp(1.2rem,3vw,2.3rem) .9rem;
 min-width:0;
}
.bb-fg-spotlight-copy .bb-fg-spotlight-tag{font-size:.71rem;letter-spacing:.14em}
.bb-fg-spotlight-copy h3{
 font:750 clamp(1.8rem,3vw,2.45rem)/1.12 Georgia,serif;
 margin:.3rem 0 0;letter-spacing:-.027em;color:#fff
}
.bb-fg-spotlight-copy .bb-fg-date{color:#ffe2ad;font-weight:800}
.bb-fg-spotlight-copy p{font-size:1rem;line-height:1.66}
.bb-fg-spotlight-copy>a{
 align-self:flex-start;background:#fff;border-radius:8px;
 padding:.75rem .95rem;color:#183e53;text-decoration:none;
 margin-top:auto
}
.bb-fg-spotlight:first-child>.bb-share-strip{
 grid-column:2;grid-row:2;
 margin:0;padding:1rem clamp(1.2rem,3vw,2.3rem) 1.35rem;
 border-top:1px solid rgba(255,255,255,.16);
 min-width:0
}
.bb-fg-spotlight:first-child .bb-share-hint{color:#f6f7f5}
.bb-fg-spotlight:first-child .bb-share-option{min-height:36px}
.bb-fg-spotlight.bb-fg-with-image:not(:first-child)>.bb-fg-photo img{aspect-ratio:16/9}
.bb-fg-card.bb-fg-with-image>.bb-fg-photo img{aspect-ratio:16/9}
@media(max-width:760px){
 .bb-fg-feature-row{grid-template-columns:1fr;gap:.85rem}
 .bb-fg-spotlight:first-child.bb-fg-with-image{display:flex;flex-direction:column;min-height:0}
 .bb-fg-spotlight:first-child>.bb-fg-photo{height:auto;min-height:0}
 .bb-fg-spotlight:first-child>.bb-fg-photo img{position:static;aspect-ratio:16/9;height:auto}
 .bb-fg-spotlight-copy{padding:1.3rem 1.15rem}
 .bb-fg-spotlight:first-child>.bb-share-strip{padding:.9rem 1.15rem 1.35rem}
}
@media(prefers-reduced-motion:reduce){.bb-fg-card.bb-fg-with-image{transition:none;transform:none!important}}