.mc4wp-form input[name^=_mc4wp_honey]{display:none!important}.mc4wp-form-theme{margin:1em 0}.mc4wp-form-theme label,.mc4wp-form-theme input{box-sizing:border-box;cursor:auto;vertical-align:baseline;width:auto;height:auto;line-height:normal}.mc4wp-form-theme label:after,.mc4wp-form-theme input:after{content:"";clear:both;display:table}.mc4wp-form-theme label{margin-bottom:6px;font-weight:700;display:block}.mc4wp-form-theme label+input{display:block}.mc4wp-form-theme label>input{margin-top:6px;font-weight:400;display:block}.mc4wp-form-theme input[type=text],.mc4wp-form-theme input[type=email],.mc4wp-form-theme input[type=tel],.mc4wp-form-theme input[type=url],.mc4wp-form-theme input[type=date],.mc4wp-form-theme textarea,.mc4wp-form-theme select{vertical-align:middle;width:100%;max-width:480px;height:auto;min-height:32px;text-shadow:none;background:#fff;border:1px solid #ccc;border-radius:2px;outline:0;padding:8px 16px;line-height:1.42857;color:#555!important}.mc4wp-form-theme textarea{height:auto}.mc4wp-form-theme input[readonly],.mc4wp-form-theme input[disabled]{background-color:#eee}.mc4wp-form-theme input[type=number]{min-width:40px}.mc4wp-form-theme input[type=checkbox],.mc4wp-form-theme input[type=radio]{border:0;width:13px;height:13px;margin:0 6px 0 0;padding:0;display:inline-block;position:relative}.mc4wp-form-theme label>input[type=checkbox],.mc4wp-form-theme label>input[type=radio]{margin-top:0;display:inline-block}.mc4wp-form-theme input[type=checkbox]{-webkit-appearance:checkbox;-moz-appearance:checkbox;appearance:checkbox}.mc4wp-form-theme input[type=radio]{-webkit-appearance:radio;-moz-appearance:radio;appearance:radio}.mc4wp-form-theme button,.mc4wp-form-theme input[type=submit],.mc4wp-form-theme input[type=button]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;white-space:nowrap;vertical-align:middle;user-select:none;text-shadow:none;filter:none;background:0 0;border:1px solid #0000;border-radius:2px;width:auto;height:auto;padding:8px 16px;font-weight:400;line-height:1.42857;display:inline-block}.mc4wp-form-theme button:hover,.mc4wp-form-theme input[type=submit]:hover,.mc4wp-form-theme input[type=button]:hover,.mc4wp-form-theme button:focus,.mc4wp-form-theme input[type=submit]:focus,.mc4wp-form-theme input[type=button]:focus{color:#333;background:0 0;outline:0;text-decoration:none}.mc4wp-form-theme label>span,.mc4wp-form-theme li>label{font-weight:400}.mc4wp-alert{color:#c09853;clear:both}.mc4wp-success{color:#468847}.mc4wp-notice{color:#3a87ad}.mc4wp-error{color:#cd5c5c}.rtl .mc4wp-form-theme input[type=checkbox],.rtl .mc4wp-form-theme input[type=radio]{margin:0 0 0 6px}.mc4wp-form-theme-dark button,.mc4wp-form-theme-dark input[type=submit],.mc4wp-form-theme-dark input[type=button]{border-color:#1e1e1e;color:#fff!important;background-color:#444!important}.mc4wp-form-theme-dark button:hover,.mc4wp-form-theme-dark input[type=submit]:hover,.mc4wp-form-theme-dark input[type=button]:hover,.mc4wp-form-theme-dark button:focus,.mc4wp-form-theme-dark input[type=submit]:focus,.mc4wp-form-theme-dark input[type=button]:focus{border-color:#000;color:#fff!important;background-color:#1e1e1e!important}.mc4wp-form-theme-dark input[type=text]:focus,.mc4wp-form-theme-dark input[type=email]:focus,.mc4wp-form-theme-dark input[type=tel]:focus,.mc4wp-form-theme-dark input[type=url]:focus,.mc4wp-form-theme-dark input[type=date]:focus,.mc4wp-form-theme-dark textarea:focus,.mc4wp-form-theme-dark select:focus{border-color:#6a6a6a}.mc4wp-form-theme-light button,.mc4wp-form-theme-light input[type=submit],.mc4wp-form-theme-light input[type=button]{border-color:#d9d9d9;color:#000!important;background-color:#fff!important}.mc4wp-form-theme-light button:hover,.mc4wp-form-theme-light input[type=submit]:hover,.mc4wp-form-theme-light input[type=button]:hover,.mc4wp-form-theme-light button:focus,.mc4wp-form-theme-light input[type=submit]:focus,.mc4wp-form-theme-light input[type=button]:focus{border-color:#b3b3b3;color:#000!important;background-color:#d9d9d9!important}.mc4wp-form-theme-light input[type=text]:focus,.mc4wp-form-theme-light input[type=email]:focus,.mc4wp-form-theme-light input[type=tel]:focus,.mc4wp-form-theme-light input[type=url]:focus,.mc4wp-form-theme-light input[type=date]:focus,.mc4wp-form-theme-light textarea:focus,.mc4wp-form-theme-light select:focus{border-color:#d9d9d9}.mc4wp-form-theme-red button,.mc4wp-form-theme-red input[type=submit],.mc4wp-form-theme-red input[type=button]{border-color:#b52b27;color:#fff!important;background-color:#d9534f!important}.mc4wp-form-theme-red button:hover,.mc4wp-form-theme-red input[type=submit]:hover,.mc4wp-form-theme-red input[type=button]:hover,.mc4wp-form-theme-red button:focus,.mc4wp-form-theme-red input[type=submit]:focus,.mc4wp-form-theme-red input[type=button]:focus{border-color:#761c19;color:#fff!important;background-color:#b52b27!important}.mc4wp-form-theme-red input[type=text]:focus,.mc4wp-form-theme-red input[type=email]:focus,.mc4wp-form-theme-red input[type=tel]:focus,.mc4wp-form-theme-red input[type=url]:focus,.mc4wp-form-theme-red input[type=date]:focus,.mc4wp-form-theme-red textarea:focus,.mc4wp-form-theme-red select:focus{border-color:#e7908e}.mc4wp-form-theme-blue button,.mc4wp-form-theme-blue input[type=submit],.mc4wp-form-theme-blue input[type=button]{border-color:#2a6496;color:#fff!important;background-color:#428bca!important}.mc4wp-form-theme-blue button:hover,.mc4wp-form-theme-blue input[type=submit]:hover,.mc4wp-form-theme-blue input[type=button]:hover,.mc4wp-form-theme-blue button:focus,.mc4wp-form-theme-blue input[type=submit]:focus,.mc4wp-form-theme-blue input[type=button]:focus{border-color:#193c5a;color:#fff!important;background-color:#2a6496!important}.mc4wp-form-theme-blue input[type=text]:focus,.mc4wp-form-theme-blue input[type=email]:focus,.mc4wp-form-theme-blue input[type=tel]:focus,.mc4wp-form-theme-blue input[type=url]:focus,.mc4wp-form-theme-blue input[type=date]:focus,.mc4wp-form-theme-blue textarea:focus,.mc4wp-form-theme-blue select:focus{border-color:#7eb0db}.mc4wp-form-theme-green button,.mc4wp-form-theme-green input[type=submit],.mc4wp-form-theme-green input[type=button]{border-color:#3d8b3d;color:#fff!important;background-color:#5cb85c!important}.mc4wp-form-theme-green button:hover,.mc4wp-form-theme-green input[type=submit]:hover,.mc4wp-form-theme-green input[type=button]:hover,.mc4wp-form-theme-green button:focus,.mc4wp-form-theme-green input[type=submit]:focus,.mc4wp-form-theme-green input[type=button]:focus{border-color:#255625;color:#fff!important;background-color:#3d8b3d!important}.mc4wp-form-theme-green input[type=text]:focus,.mc4wp-form-theme-green input[type=email]:focus,.mc4wp-form-theme-green input[type=tel]:focus,.mc4wp-form-theme-green input[type=url]:focus,.mc4wp-form-theme-green input[type=date]:focus,.mc4wp-form-theme-green textarea:focus,.mc4wp-form-theme-green select:focus{border-color:#91cf91}*,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
b,
strong {
font-weight: var(--wp--custom--font-weight--semi-bold);
}
ol,
ul {
padding: 0;
}
ol:where(:not([class*="wp-block"])),
ol:where(.wp-block-list),
ul:where(:not([class*="wp-block"])),
ul:where(.wp-block-list) {
padding-inline-start: var(--wp--preset--spacing--medium);
}
div[class*="wp-block-"] figcaption {
color: var(--wp--preset--color--secondary);
font-size: var(--wp--preset--font-size--x-small);
margin-bottom: 0;
margin-top: 20px;
text-align: center;
}
img,
figure {
max-width: 100%;
height: auto;
} @-moz-document url-prefix() {
a {
text-decoration-thickness: .1rem !important;
}
} input,
button,
textarea,
select {
font: inherit;
}
input[type="button"],
input[type="email"],
input[type="search"],
input[type="submit"],
input[type="text"],
textarea {
-webkit-appearance: none;
appearance: none;
}
input:not([type="submit"]):not([type="radio"]),
select,
textarea,
.wp-block-post-comments-form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.wp-block-post-comments-form textarea {
color: var(--wp--preset--color--main);
border-radius: 5px;
border: solid 1px color-mix(in srgb, var(--wp--preset--color--tertiary) 100%, var(--wp--preset--color--main) 20%);
padding: .5em 1em;
font-size: var(--wp--preset--font-size--small);
background-color: #fff;
box-shadow: 
0 1px 2px rgba(0, 0, 0, 0.02),
0 0.5px 1px rgba(0, 0, 0, 0.04);
}
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
outline-color: var(--wp--preset--color--main);
outline-offset: 1px;
}
input[type="checkbox"],
input[type="image"],
input[type="radio"] {
width: auto;
}
select {
-webkit-appearance: none;
appearance: none;
background: var(--wp--preset--color--base) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hldnJvbi1kb3duIj48cG9seWxpbmUgcG9pbnRzPSI2IDkgMTIgMTUgMTggOSI+PC9wb2x5bGluZT48L3N2Zz4=) no-repeat;
background-size: 16px;
background-position: calc(100% - 12px) 50%;
padding-right: 2.2em;
}
label {
width: 100%;
display: block;
}
::placeholder {
color: var(--wp--preset--color--secondary);
opacity: 0.75;
} a.more-link {
display: block;
} *:not(.wp-block-code) > code {
background-color: var(--wp--preset--color--tertiary);
padding: 3px 5px;
position: relative;
border-radius: 3px;
}
.wp-block-categories {
position: relative;
} .wp-block-term-description p:last-child {
margin-bottom: 0;
} .remove-border-and-padding .wp-block-post-template li:last-child .wp-block-separator {
display: none;
} .single .wp-block-group:has(> .post-meta:empty) {
display: none;
}
.wp-block-group:empty:has(+ .comment-respond) {
display: none;
}
.row-logos > figure {
flex-shrink: 1 !important;
} body:not(.wp-admin) header:has(>.is-position-sticky) {
position: sticky;
top: calc( 0px + var( --wp-admin--admin-bar--height, 0px ) );
z-index: 100;
} @media (max-width: 600px) {
header:has(>.is-position-sticky) {
top: 0;
}
} @media (max-width: 781px) {
.ollie-hide-on-mobile {
display: none;
}
.ollie-unstick-mobile {
position: static;
}
header:has(>.ollie-unstick-mobile) {
position: static;
}
} .wp-block-table table {
background: var(--wp--preset--color--base);
border-radius: 5px;
border: solid 1px var(--wp--preset--color--border-light);
font-size: var(--wp--preset--font-size--x-small);
}
.wp-block-table.is-style-stripes {
border-bottom: none;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background-color: var(--wp--preset--color--tertiary);
}
.wp-block-table td, 
.wp-block-table th,
.wp-block-table thead {
border: none;
border-bottom: solid 1px color-mix(in srgb, var(--wp--preset--color--border-light) 50%, var(--wp--preset--color--base) 5%);
}
.wp-block-table th,
.wp-block-table tfoot {
text-align: left;
background-color: color-mix(in srgb, var(--wp--preset--color--tertiary) 75%, var(--wp--preset--color--base) 5%);
}
.wp-block-table td, 
.wp-block-table th {
padding: .8em 1em;
}
.wp-block-table tfoot {
border-top: solid 1px var(--wp--preset--color--border-light);
}
.wp-block-table tfoot td {
border-bottom: none;
}:root {
--wp--style--block-gap: 0;
--melb-logo-orange: #f15a24;
--melb-flame-orange: #f15a24;
--melb-logo-gold: #f6b73c;
--melb-aubergine: #241523;
--melb-surface: #fffaf2;
--melb-surface-warm: #fff3df;
--melb-border: rgba(21, 18, 15, 0.14);
--melb-radius: 8px;
--melb-action: var(--melb-logo-orange);
--melb-action-strong: #c74417;
--melb-ink: #15120f;
--melb-paper: #fff7ed;
--melb-muted: #6c5b4e;
--melb-fire: var(--melb-logo-orange);
--melb-gold: var(--melb-logo-gold);
--melb-plum: #532b64;
--melb-teal: #0d766e;
--melb-night: var(--melb-aubergine);
--melb-header-height: 82px;
--melb-header-offset: var(--wp-admin--admin-bar--height, 0px);
--melb-content-max: 1180px;
--melb-page-gutter: clamp(1.25rem, 5vw, 5rem);
--melb-aligned-gutter: max(var(--melb-page-gutter), calc((100vw - var(--melb-content-max)) / 2));
--melb-gallery-thumb-zoom: 1.12;
}
body {
background: var(--melb-paper);
margin: 0;
padding-top: calc(var(--melb-header-height) + var(--melb-header-offset));
}
body.home {
padding-top: var(--melb-header-offset);
}
body.melb-gallery-modal-open {
overflow: hidden;
}
html {
scroll-padding-top: calc(var(--melb-header-height) + var(--melb-header-offset) + 0.75rem);
}
body .wp-site-blocks {
--wp--style--block-gap: 0;
gap: 0;
}
body .wp-site-blocks > *,
body .wp-site-blocks.is-layout-flow > * {
margin-block-start: 0;
}
body .wp-block-post-content,
body .wp-block-post-content > .melb-site-shell {
margin-block-end: 0;
margin-block-start: 0;
}
body .wp-block-post-content {
font-size: 0;
line-height: 0;
}
body .wp-block-post-content > * {
font-size: 1rem;
line-height: 1.5;
}
body .wp-block-post-content > p:empty {
display: none;
margin: 0 !important;
}
body .wp-block-post-content > .melb-site-shell > :last-child {
margin-bottom: 0;
}
body .wp-site-blocks > footer.melb-footer,
body .is-layout-flow > footer.melb-footer {
margin-block-start: 0;
margin-top: 0;
}
a {
text-underline-offset: 0.18em;
}
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
outline: 3px solid var(--melb-action);
outline-offset: 3px;
}
.melb-site-shell {
overflow-x: clip;
}
.melb-site-shell > :first-child {
margin-top: 0;
}
.melb-site-shell > p:empty {
display: none;
margin: 0 !important;
}
.melb-hero {
min-height: calc(100svh - var(--melb-header-height));
display: grid;
align-items: end;
position: relative;
isolation: isolate;
color: #fffaf2;
background: #1b1218;
padding: clamp(6rem, 9vw, 9rem) var(--melb-aligned-gutter) clamp(3rem, 6vw, 5rem);
overflow: hidden;
}
body.home .melb-hero {
min-height: calc(100svh - var(--melb-header-offset));
padding-top: calc(var(--melb-header-height) + clamp(3rem, 6vw, 5rem));
}
.melb-hero::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(120deg, rgba(21, 18, 15, 0.9) 0%, rgba(21, 18, 15, 0.62) 48%, rgba(21, 18, 15, 0.08) 100%);
z-index: 1;
}
.melb-hero::after {
content: "";
position: absolute;
inset: auto 0 0;
height: 34%;
background: linear-gradient(180deg, rgba(255, 247, 237, 0), var(--melb-paper));
z-index: 1;
}
.melb-hero__media {
position: absolute;
inset: 0;
z-index: 0;
}
.melb-hero__media br {
display: none;
}
.melb-hero__media span {
animation: melbHeroFadePrimary 28s infinite ease-in-out;
animation-fill-mode: both;
background-image: var(--melb-hero-image);
background-position: center;
background-size: cover;
inset: 0;
opacity: 0;
position: absolute;
transform: scale(1.04);
}
.melb-hero__media span:first-child {
opacity: 1;
}
.melb-hero__media span:nth-of-type(1) {
animation-delay: 0s;
}
.melb-hero__media span:nth-of-type(2) {
animation-delay: -21s;
}
.melb-hero__media span:nth-of-type(3) {
animation-delay: -14s;
}
.melb-hero__media span:nth-of-type(4) {
animation-delay: -7s;
}
@keyframes melbHeroFadePrimary {
0% {
opacity: 1;
transform: scale(1.04);
}
16% {
opacity: 1;
}
28%,
88% {
opacity: 0;
transform: scale(1.12);
}
100% {
opacity: 1;
transform: scale(1.04);
}
}
@keyframes melbHeroFadeSecondary {
0%,
18% {
opacity: 1;
}
26%,
100% {
opacity: 0;
}
}
.melb-hero__content {
max-width: 760px;
position: relative;
z-index: 2;
}
.melb-kicker {
color: var(--melb-action-strong);
font-size: 0.78rem;
font-weight: 800;
letter-spacing: 0.14em;
line-height: 1.2;
margin: 0 0 1rem;
text-transform: uppercase;
white-space: nowrap;
}
.melb-hero h1,
.melb-page-hero h1 {
font-size: clamp(3.5rem, 9vw, 8.5rem);
line-height: 0.88;
letter-spacing: 0;
margin: 0;
max-width: 10ch;
}
.melb-hero p,
.melb-page-hero p {
font-size: clamp(1.15rem, 2vw, 1.55rem);
line-height: 1.35;
max-width: 34rem;
}
.melb-hero p.melb-kicker,
.melb-page-hero p.melb-kicker {
font-size: clamp(0.72rem, 1vw, 0.95rem);
letter-spacing: 0.12em;
line-height: 1.2;
max-width: 100%;
}
.melb-actions {
display: flex;
flex-wrap: wrap;
gap: 0.85rem;
margin-top: 1.75rem;
}
.melb-button,
.melb-button-outline,
.melburners-form button,
.tribe-common .tribe-common-c-btn {
align-items: center;
border-radius: 999px;
border: 2px solid transparent;
display: inline-flex;
font-weight: 800;
justify-content: center;
min-height: 48px;
padding: 0.8rem 1.25rem;
text-decoration: none;
transition: transform 160ms ease, background 160ms ease, border-color 160ms ease;
}
.melb-button,
.melburners-form button,
.tribe-common .tribe-common-c-btn {
background: var(--melb-action);
color: var(--melb-ink);
}
.melb-button-outline {
border-color: currentColor;
color: inherit;
}
.melb-button:hover,
.melb-button-outline:hover,
.melburners-form button:hover {
transform: translateY(-1px);
}
.melb-grants-banner {
background: var(--melb-paper);
color: var(--melb-ink);
padding: clamp(1rem, 2vw, 1.4rem) var(--melb-aligned-gutter);
}
.melb-grants-banner__inner {
align-items: center;
background: linear-gradient(135deg, #fff3df 0%, #f8c95e 100%);
border: 1px solid rgba(21, 18, 15, 0.12);
border-left: 6px solid var(--melb-action);
border-radius: var(--melb-radius);
display: grid;
gap: 1.25rem;
grid-template-columns: minmax(0, 1fr) auto;
margin: 0 auto;
max-width: var(--melb-content-max);
padding: clamp(1rem, 3vw, 1.35rem);
}
.melb-grants-banner__copy {
display: grid;
gap: 0.35rem;
}
.melb-grants-banner h2,
.melb-grants-banner p {
margin: 0;
}
.melb-grants-banner h2 {
font-size: clamp(1.35rem, 2.2vw, 2rem);
line-height: 1.05;
letter-spacing: 0;
}
.melb-grants-banner .melb-kicker {
color: var(--melb-action-strong);
}
.melb-grants-banner .melb-button {
white-space: nowrap;
}
.melb-featured-event {
background: var(--melb-paper);
color: var(--melb-ink);
padding: clamp(1rem, 2vw, 1.4rem) clamp(1.25rem, 5vw, 5rem);
}
.melb-featured-event__inner {
align-items: center;
background: var(--melb-featured-event-base, #4b186d);
border: 1px solid rgba(255, 247, 237, 0.18);
border-radius: var(--melb-radius);
color: #fff7ed;
display: grid;
gap: 1rem;
grid-template-columns: minmax(0, 1fr) auto;
margin: 0 auto;
max-width: 1180px;
padding: 0.9rem 1rem;
position: relative;
}
.melb-featured-event__inner > * {
position: relative;
z-index: 1;
}
.melb-featured-event--events {
padding-block: clamp(1.3rem, 3vw, 2rem);
}
.melb-featured-event--events .melb-featured-event__inner {
background:
linear-gradient(
90deg,
var(--melb-featured-event-overlay-start, rgba(32, 4, 46, 0.94)) 0%,
var(--melb-featured-event-overlay-mid, rgba(64, 17, 95, 0.82)) 48%,
var(--melb-featured-event-overlay-end, rgba(32, 4, 46, 0.5)) 100%
),
var(--melb-featured-event-bg),
var(--melb-featured-event-base, #40115f);
background-position: center right;
background-size: cover;
border-color: var(--melb-featured-event-border, rgba(255, 247, 237, 0.18));
box-shadow: 0 18px 44px rgba(21, 18, 15, 0.18), inset 0 0 0 1px var(--melb-featured-event-border, rgba(255, 247, 237, 0.12));
gap: clamp(1rem, 4vw, 3rem);
min-height: clamp(9.5rem, 18vw, 13.25rem);
overflow: hidden;
padding: clamp(1rem, 3vw, 1.5rem) clamp(1rem, 3vw, 1.75rem);
}
.melb-featured-event--events .melb-featured-event__inner::before {
background:
radial-gradient(circle at 28% 50%, var(--melb-featured-event-glow, rgba(159, 60, 255, 0.26)), transparent 34%),
linear-gradient(180deg, rgba(255, 247, 237, 0.08), transparent 42%);
content: "";
inset: 0;
pointer-events: none;
position: absolute;
}
.melb-featured-event--events .melb-featured-event__body {
align-items: flex-start;
display: grid;
gap: 0.45rem;
max-width: min(37rem, 100%);
}
.melb-featured-event--events h2 {
color: #fff7ed;
font-size: clamp(1.45rem, 3vw, 2.45rem);
line-height: 1.02;
margin: 0;
max-width: min(18ch, 100%);
text-shadow: 0 2px 18px rgba(0, 0, 0, 0.54);
}
.melb-featured-event__title-art {
display: block;
filter: drop-shadow(0 0 14px rgba(159, 60, 255, 0.82)) drop-shadow(0 7px 22px rgba(0, 0, 0, 0.65));
height: auto;
margin: 0.05rem 0 0.15rem;
max-width: 100%;
width: min(24rem, 56vw);
}
.melb-featured-event__date {
color: var(--melb-featured-event-accent, var(--melb-gold));
font-weight: 900;
text-shadow: 0 1px 14px rgba(0, 0, 0, 0.65);
}
.melb-featured-event__venue {
color: rgba(255, 247, 237, 0.88);
font-weight: 850;
}
.melb-featured-event__copy {
max-width: 34rem;
}
.melb-section--night .melb-featured-event {
background: transparent;
margin: clamp(1.5rem, 3vw, 2rem) 0;
padding: 0;
}
.melb-section--night .melb-featured-event__inner {
box-shadow: inset 0 0 0 1px rgba(246, 183, 60, 0.22);
}
.melb-featured-event__body {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 0.45rem 0.8rem;
}
.melb-featured-event__label {
color: var(--melb-featured-event-accent, var(--melb-gold));
font-size: 0.76rem;
font-weight: 900;
letter-spacing: 0.12em;
line-height: 1.35;
margin: 0;
text-transform: uppercase;
white-space: nowrap;
}
.melb-featured-event h2 {
font-size: clamp(1rem, 1.4vw, 1.2rem);
line-height: 1.25;
letter-spacing: 0;
margin: 0;
max-width: none;
}
.melb-featured-event--events h2 {
font-size: clamp(1.45rem, 3vw, 2.45rem);
line-height: 1.02;
max-width: min(18ch, 100%);
}
.melb-featured-event p {
color: rgba(255, 247, 237, 0.78);
font-size: 0.95rem;
font-weight: 700;
line-height: 1.35;
margin: 0;
}
.melb-featured-event .melb-featured-event__label,
.melb-featured-event .melb-featured-event__date {
color: var(--melb-featured-event-accent, var(--melb-gold));
}
.melb-featured-event__link {
background: rgba(255, 247, 237, 0.92);
border: 1px solid rgba(255, 247, 237, 0.85);
border-radius: 999px;
color: #210026;
font-weight: 900;
padding: 0.7rem 1rem;
text-decoration: none;
white-space: nowrap;
}
.melb-featured-event__link:hover,
.melb-featured-event__link:focus-visible {
background: var(--melb-gold);
color: #210026;
}
.melb-event-card--featured {
background: linear-gradient(135deg, #40115f 0%, #4b186d 54%, #210026 100%);
border-top-color: var(--melb-gold);
box-shadow: inset 0 0 0 1px rgba(255, 247, 237, 0.14), 0 18px 40px rgba(21, 18, 15, 0.18);
color: #fff7ed;
}
.melb-event-card--featured h3,
.melb-event-card--featured h3 a {
color: #fff7ed;
}
.melb-event-card--featured h3 {
font-size: clamp(1.5rem, 3vw, 2.25rem);
line-height: 1.02;
margin-bottom: 0.85rem;
}
.melb-event-card--featured p {
color: rgba(255, 247, 237, 0.82);
}
.melb-event-card--featured .melb-featured-event-card__date {
color: var(--melb-gold);
font-weight: 900;
}
.melb-featured-event-card__link {
color: #fff7ed;
font-weight: 900;
}
.melb-section {
padding: clamp(4rem, 8vw, 7rem) var(--melb-aligned-gutter);
}
.melb-section--night {
background: var(--melb-night);
color: #fff7ed;
}
.melb-section--paper {
background: var(--melb-paper);
color: var(--melb-ink);
}
.melb-section--fire {
background: var(--melb-fire);
color: var(--melb-ink);
}
.melb-section__inner {
margin: 0 auto;
max-width: var(--melb-content-max);
}
.melb-section h2 {
font-size: clamp(2rem, 4.8vw, 4.75rem);
line-height: 0.98;
letter-spacing: 0;
margin-top: 0;
max-width: 12ch;
}
.melb-section .melb-featured-event h2 {
font-size: clamp(1rem, 1.4vw, 1.2rem);
line-height: 1.25;
margin: 0;
max-width: none;
}
.melb-lede {
color: var(--melb-muted);
font-size: clamp(1.05rem, 1.7vw, 1.3rem);
line-height: 1.45;
max-width: 48rem;
}
.melb-section--night .melb-lede,
.melb-hero .melb-lede,
.melb-page-hero .melb-lede {
color: rgba(255, 247, 237, 0.78);
}
.melb-section--fire .melb-lede {
color: var(--melb-ink);
}
.melb-section--night .melb-kicker,
.melb-hero .melb-kicker,
.melb-page-hero .melb-kicker {
color: var(--melb-gold);
}
.melb-section--fire .melb-kicker {
color: var(--melb-ink);
}
.melb-grid {
display: grid;
gap: clamp(1.25rem, 3vw, 2.5rem);
}
.melb-grid--2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.melb-grid--3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.melb-split + .melb-grid,
.melb-split + .melb-committee-grid,
.melb-split + .melburners-form,
.melb-split + .melb-section__inner {
margin-top: clamp(2rem, 4vw, 3rem);
}
.melb-grid + .melb-contact-newsletter {
margin-top: clamp(2.5rem, 5vw, 4rem);
}
.melb-contact-newsletter .melburners-form {
margin: 0;
max-width: none;
}
.melb-panel {
border-top: 2px solid currentColor;
padding-top: 1.1rem;
}
.melb-panel h3 {
font-size: clamp(1.25rem, 2vw, 1.75rem);
line-height: 1.1;
margin: 0 0 0.6rem;
}
.melb-panel p,
.melb-panel li {
line-height: 1.55;
}
.melb-fact-grid {
display: grid;
gap: 1rem;
grid-template-columns: repeat(4, minmax(0, 1fr));
margin: clamp(1.75rem, 4vw, 2.5rem) 0 0;
}
.melb-fact-grid div {
border-top: 2px solid currentColor;
padding-top: 1rem;
}
.melb-fact-grid dt {
color: var(--melb-muted);
font-size: 0.76rem;
font-weight: 900;
letter-spacing: 0.1em;
line-height: 1.2;
margin: 0 0 0.55rem;
text-transform: uppercase;
}
.melb-fact-grid dd {
font-size: clamp(1.05rem, 1.6vw, 1.25rem);
font-weight: 800;
line-height: 1.2;
margin: 0;
}
.melb-fact-grid--compact {
gap: 0.85rem;
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.melb-fact-grid--compact div {
background: rgba(255, 255, 255, 0.48);
border: 1px solid var(--melb-border);
border-left: 4px solid var(--melb-action);
border-radius: var(--melb-radius);
padding: 0.9rem;
}
.melb-fact-grid--compact dt {
margin-bottom: 0.45rem;
}
.melb-fact-grid--compact dd {
font-size: clamp(0.98rem, 1.35vw, 1.15rem);
}
.melb-check-columns {
display: grid;
gap: clamp(1.5rem, 4vw, 2.5rem);
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.melb-check-columns h3 {
font-size: clamp(1.25rem, 2vw, 1.7rem);
line-height: 1.1;
margin: 0 0 1rem;
}
.melb-check-list {
display: grid;
gap: 0.75rem;
list-style: none;
margin: 1.25rem 0 0;
padding: 0;
}
.melb-check-list li {
line-height: 1.5;
padding-left: 1.6rem;
position: relative;
}
.melb-check-list li::before {
background: var(--melb-action);
border-radius: 999px;
content: "";
height: 0.55rem;
left: 0;
position: absolute;
top: 0.48rem;
width: 0.55rem;
}
.melb-check-list--muted li::before {
background: rgba(108, 91, 78, 0.45);
}
.melb-deadline-note,
.melb-privacy-note {
font-size: 0.98rem;
line-height: 1.5;
}
.melb-deadline-note {
color: rgba(255, 247, 237, 0.86);
font-weight: 900;
margin-top: 1.25rem;
}
.melb-privacy-note {
color: rgba(255, 247, 237, 0.74);
margin-top: 1.4rem;
max-width: 44rem;
}
.melb-privacy-note a {
color: #fff7ed;
}
.melb-region-directory {
display: grid;
gap: clamp(2rem, 4vw, 3rem);
grid-template-columns: minmax(0, 1.55fr) minmax(280px, 0.95fr);
margin-top: clamp(2rem, 4vw, 3rem);
}
.melb-region-group {
border-top: 2px solid currentColor;
padding-top: 1.1rem;
}
.melb-region-group h3 {
font-size: clamp(1.35rem, 2.2vw, 2rem);
line-height: 1.1;
margin: 0;
}
.melb-region-group__intro {
color: var(--melb-muted);
margin: 0.55rem 0 0;
max-width: 46rem;
}
.melb-region-subgroup {
margin-top: clamp(1.25rem, 2.6vw, 2rem);
}
.melb-region-subgroup h4 {
color: var(--melb-fire);
font-size: 0.78rem;
letter-spacing: 0.12em;
margin: 0 0 0.75rem;
text-transform: uppercase;
}
.melb-org-list {
display: grid;
gap: clamp(1.25rem, 2.6vw, 2rem);
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.melb-org-list--single {
grid-template-columns: 1fr;
margin-top: 1.35rem;
}
.melb-org-list > br {
display: none;
}
.melb-org-card {
color: var(--melb-ink);
display: block;
min-height: 100%;
padding: 0;
text-decoration: none;
transition: color 160ms ease;
}
.melb-org-card:hover {
color: var(--melb-action-strong);
}
.melb-org-card:focus-visible {
outline: 3px solid var(--melb-fire);
outline-offset: 3px;
}
.melb-org-card__thumb {
align-items: start;
background: transparent;
border: 0;
color: var(--melb-fire);
display: grid;
font-size: 1rem;
font-weight: 900;
height: 100px;
justify-items: start;
letter-spacing: 0.02em;
margin-bottom: 0.75rem;
overflow: hidden;
position: relative;
text-align: left;
width: 100px;
}
.melb-org-card__thumb::before {
content: attr(data-initials);
}
.melb-org-card__thumb:has(img:not([hidden]))::before {
display: none;
}
.melb-org-card__thumb img {
height: 100px;
object-fit: contain;
object-position: left center;
position: relative;
width: 100px;
z-index: 1;
}
.melb-org-card__thumb img[hidden] {
display: none;
}
.melb-org-card__body {
display: grid;
gap: 0.25rem;
min-width: 0;
}
.melb-org-card__title {
font-weight: 850;
line-height: 1.2;
text-decoration: underline;
text-decoration-thickness: 0.08em;
text-underline-offset: 0.2em;
}
.melb-org-card__meta {
color: var(--melb-fire);
font-size: 0.78rem;
font-weight: 850;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.melb-org-card__description {
color: var(--melb-muted);
font-size: 0.92rem;
line-height: 1.4;
}
.melb-tag-list {
display: flex;
flex-wrap: wrap;
gap: 0.65rem;
list-style: none;
margin: 1.4rem 0 0;
padding: 0;
}
.melb-tag-list li,
.melb-tag-list span {
border: 1px solid currentColor;
border-radius: 999px;
display: inline-flex;
font-weight: 800;
line-height: 1.2;
padding: 0.55rem 0.8rem;
}
.melb-split {
align-items: center;
display: grid;
gap: clamp(2rem, 5vw, 5rem);
grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
}
.melb-split--top {
align-items: start;
}
.melb-image {
background: #301f26;
border-radius: var(--melb-radius);
display: block;
height: auto;
object-fit: contain;
width: 100%;
}
.melb-content-image {
background: var(--melb-night);
border-radius: var(--melb-radius);
display: block;
height: auto;
object-fit: contain;
width: 100%;
}
.melb-feature-image {
background: var(--melb-night);
border-radius: var(--melb-radius);
display: block;
height: auto;
object-fit: contain;
width: 100%;
}
.melb-media-band {
display: grid;
gap: clamp(1rem, 2vw, 1.5rem);
grid-template-columns: 1.35fr 0.65fr;
margin-top: clamp(2rem, 4vw, 3rem);
}
.melb-media-band img {
border-radius: var(--melb-radius);
height: auto;
object-fit: contain;
width: 100%;
}
.melb-media-band img:last-child {
min-height: 11rem;
}
.melb-gallery-nav {
display: flex;
flex-wrap: wrap;
gap: 0.65rem;
margin-top: clamp(1.5rem, 3vw, 2.25rem);
}
.melb-gallery-nav a {
align-items: center;
background: rgba(241, 90, 36, 0.12);
border: 1px solid rgba(241, 90, 36, 0.3);
border-radius: 999px;
color: var(--melb-ink);
display: inline-flex;
font-size: 0.88rem;
font-weight: 900;
justify-content: center;
min-height: 40px;
padding: 0.55rem 0.9rem;
text-decoration: none;
}
.melb-gallery-nav a:hover,
.melb-gallery-nav a:focus-visible {
background: var(--melb-action);
border-color: var(--melb-action);
color: var(--melb-ink);
}
.melb-event-gallery-list {
display: grid;
gap: clamp(2.25rem, 5vw, 4rem);
margin-top: clamp(2rem, 4vw, 3rem);
min-width: 0;
}
.melb-event-gallery {
border-top: 1px solid rgba(21, 18, 15, 0.18);
min-width: 0;
padding-top: clamp(1.5rem, 3vw, 2.25rem);
scroll-margin-top: calc(var(--melb-header-height) + var(--melb-header-offset) + 1rem);
}
.melb-event-gallery__header {
align-items: end;
display: grid;
gap: clamp(1rem, 3vw, 2rem);
grid-template-columns: minmax(0, 0.9fr) minmax(18rem, 0.7fr);
}
.melb-event-gallery__header h3 {
font-size: clamp(1.85rem, 4vw, 3.2rem);
line-height: 0.95;
margin: 0.15rem 0 0;
max-width: 12ch;
}
.melb-event-gallery__meta {
color: var(--melb-action-strong);
font-size: 0.86rem;
font-weight: 900;
letter-spacing: 0.06em;
line-height: 1.2;
margin: 0.65rem 0 0;
text-transform: uppercase;
}
.melb-event-gallery__header p {
color: rgba(21, 18, 15, 0.74);
margin: 0;
}
.melb-event-gallery__header .melb-event-gallery__meta {
color: var(--melb-action-strong);
margin: 0.65rem 0 0;
}
.melb-gallery-widget {
margin-top: clamp(2rem, 4vw, 3rem);
min-width: 0;
}
.melb-event-gallery .melb-gallery-widget {
margin-top: clamp(1.25rem, 3vw, 2rem);
}
.melb-gallery-widget__controls {
display: flex;
gap: 0.65rem;
justify-content: flex-end;
margin-bottom: 1rem;
}
.melb-gallery-widget__button {
align-items: center;
background: var(--melb-action);
border: 2px solid var(--melb-action);
border-radius: 999px;
color: var(--melb-ink);
cursor: pointer;
display: inline-flex;
font-size: 1.2rem;
font-weight: 900;
height: 48px;
justify-content: center;
line-height: 1;
width: 48px;
}
.melb-gallery-widget__button:hover {
background: var(--melb-ink);
border-color: var(--melb-ink);
color: var(--melb-paper);
}
.melb-photo-gallery {
display: grid;
gap: clamp(1rem, 2vw, 1.5rem);
grid-auto-columns: minmax(18rem, 38%);
grid-auto-flow: column;
margin-top: 0;
max-width: 100%;
min-width: 0;
overflow-x: auto;
overscroll-behavior-inline: contain;
padding-bottom: 0.75rem;
scroll-behavior: smooth;
scroll-snap-type: inline mandatory;
scrollbar-color: var(--melb-action) rgba(21, 18, 15, 0.14);
width: 100%;
}
.melb-photo-gallery figure {
aspect-ratio: 4 / 3;
background: transparent;
margin: 0;
overflow: hidden;
scroll-snap-align: start;
}
.melb-photo-gallery__trigger {
background: transparent;
border: 0;
border-radius: var(--melb-radius);
cursor: pointer;
display: block;
font-size: 0;
height: 100%;
line-height: 0;
overflow: hidden;
padding: 0;
position: relative;
width: 100%;
}
.melb-photo-gallery__trigger:focus-visible {
outline: 3px solid var(--melb-action);
outline-offset: 4px;
}
.melb-photo-gallery__trigger img {
display: block;
height: 100% !important;
inset: 0;
max-width: none;
min-height: 100%;
object-fit: cover !important;
object-position: center 52%;
position: absolute;
transition: transform 180ms ease;
transform: scale(var(--melb-gallery-thumb-zoom));
transform-origin: center;
width: 100%;
}
.melb-photo-gallery__trigger:hover img {
transform: scale(calc(var(--melb-gallery-thumb-zoom) + 0.04));
}
.melb-gallery-modal[hidden] {
display: none;
}
.melb-gallery-modal {
align-items: center;
display: grid;
inset: 0;
padding: clamp(0.85rem, 3vw, 2rem);
position: fixed;
z-index: 1000;
}
.melb-gallery-modal__backdrop {
background: rgba(12, 7, 11, 0.94);
border: 0;
cursor: pointer;
inset: 0;
padding: 0;
position: absolute;
}
.melb-gallery-modal__dialog {
color: #fffaf2;
display: block;
margin: 0 auto;
max-height: calc(100svh - clamp(1.7rem, 6vw, 4rem));
max-width: min(1180px, 100%);
position: relative;
width: 100%;
z-index: 1;
}
.melb-gallery-modal__close,
.melb-gallery-modal__nav {
align-items: center;
background: rgba(255, 250, 242, 0.92);
border: 1px solid rgba(255, 250, 242, 0.7);
border-radius: 999px;
color: var(--melb-ink);
cursor: pointer;
display: inline-flex;
font-weight: 900;
justify-content: center;
min-height: 48px;
min-width: 48px;
}
.melb-gallery-modal__close:hover,
.melb-gallery-modal__close:focus-visible,
.melb-gallery-modal__nav:hover,
.melb-gallery-modal__nav:focus-visible {
background: var(--melb-action);
border-color: var(--melb-action);
color: var(--melb-ink);
}
.melb-gallery-modal__close {
padding: 0.7rem 1rem;
position: absolute;
right: 0;
top: 0;
z-index: 2;
}
.melb-gallery-modal__nav {
font-size: 1.45rem;
line-height: 1;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
}
.melb-gallery-modal__nav--prev {
left: 0;
}
.melb-gallery-modal__nav--next {
right: 0;
}
.melb-gallery-modal__figure {
align-items: center;
background: rgba(0, 0, 0, 0.56);
border: 1px solid rgba(255, 250, 242, 0.16);
border-radius: var(--melb-radius);
display: grid;
justify-items: center;
margin: 4.25rem clamp(3.75rem, 6vw, 5rem) 0;
overflow: hidden;
position: relative;
}
.melb-gallery-modal__figure img {
display: block;
height: auto;
max-height: min(72svh, 760px);
max-width: 100%;
object-fit: contain;
width: auto;
}
.melb-gallery-modal__figure figcaption {
background: linear-gradient(180deg, rgba(12, 7, 11, 0), rgba(12, 7, 11, 0.86));
bottom: 0;
color: #fffaf2;
font-weight: 800;
justify-self: stretch;
line-height: 1.35;
padding: 2.2rem 1rem 1rem;
position: absolute;
text-shadow: 0 1px 12px rgba(0, 0, 0, 0.65);
}
.melb-gallery-modal__count {
color: rgba(255, 250, 242, 0.82);
font-size: 0.9rem;
font-weight: 800;
margin: 0.75rem 0 0;
text-align: center;
}
.melb-finance-charts {
display: grid;
gap: clamp(1rem, 2vw, 1.5rem);
margin-top: clamp(2rem, 4vw, 3rem);
}
.melb-finance-chart {
margin: 0;
}
.melb-finance-chart img {
background: #fff;
border: 1px solid var(--melb-border);
border-radius: var(--melb-radius);
display: block;
height: auto;
object-fit: contain;
width: 100%;
}
.melb-page-hero {
background: var(--melb-night);
color: #fff7ed;
margin-top: 0;
padding: clamp(5rem, 8vw, 8rem) var(--melb-aligned-gutter) clamp(3rem, 6vw, 5rem);
}
.melb-page-hero--image {
background-color: var(--melb-night);
background-image:
var(--melb-page-hero-overlay, linear-gradient(120deg, rgba(21, 18, 15, 0.94) 0%, rgba(21, 18, 15, 0.68) 48%, rgba(21, 18, 15, 0.18) 100%)),
var(--melb-page-hero-image);
background-position: var(--melb-page-hero-position, center);
background-size: cover;
display: flex;
flex-direction: column;
justify-content: flex-end;
min-height: clamp(24rem, 44vw, 36rem);
position: relative;
}
.melb-page-hero--image > * {
position: relative;
z-index: 1;
}
.melb-page-hero--image .melb-kicker,
.melb-page-hero--image h1,
.melb-page-hero--image p {
text-shadow: 0 2px 18px rgba(0, 0, 0, 0.4);
}
.melb-page-hero--compact {
padding-bottom: clamp(2rem, 4vw, 3.5rem);
padding-top: clamp(3.5rem, 6vw, 5rem);
}
.melb-page-hero--compact h1 {
font-size: clamp(3rem, 6vw, 5.8rem);
max-width: 12ch;
}
.melb-page-hero--compact p {
max-width: 42rem;
}
.melb-preferences-section {
padding-top: clamp(2rem, 4vw, 3.25rem);
}
.melb-preferences-section .melb-section__inner {
max-width: 1080px;
}
.melb-page-hero--media {
align-items: end;
display: grid;
gap: clamp(2rem, 5vw, 5rem);
grid-template-columns: minmax(0, 0.8fr) minmax(320px, 1.1fr);
padding-bottom: clamp(2rem, 5vw, 4rem);
}
.melb-page-hero__content {
max-width: 46rem;
min-width: 0;
}
.melb-page-hero--media h1 {
font-size: clamp(3.6rem, 6.2vw, 6.4rem);
max-width: none;
}
.melb-page-hero__figure {
margin: 0;
}
.melb-page-hero__figure img {
background: rgba(255, 247, 237, 0.08);
border-radius: var(--melb-radius);
display: block;
height: auto;
object-fit: contain;
width: 100%;
}
.melb-page-nav {
align-items: center;
background: var(--melb-paper);
border-bottom: 1px solid rgba(21, 18, 15, 0.14);
border-top: 1px solid rgba(21, 18, 15, 0.14);
display: flex;
flex-wrap: wrap;
gap: 0.55rem;
justify-content: center;
padding: 0.8rem clamp(1.25rem, 5vw, 5rem);
position: sticky;
top: calc(var(--melb-header-height) + var(--melb-header-offset));
z-index: 40;
}
.melb-page-nav br {
display: none;
}
.melb-page-nav a {
border: 1px solid rgba(21, 18, 15, 0.18);
border-radius: 999px;
color: var(--melb-ink);
font-size: 0.88rem;
font-weight: 850;
line-height: 1.1;
padding: 0.55rem 0.8rem;
text-decoration: none;
}
.melb-page-nav a:hover,
.melb-page-nav a:focus-visible {
background: var(--melb-fire);
border-color: var(--melb-fire);
color: var(--melb-ink);
}
#overview,
#regional-links,
#photo-gallery,
#principles,
#channels {
scroll-margin-top: calc(var(--melb-header-height) + var(--melb-header-offset) + 4.5rem);
}
.melb-pr-page {
--pr-purple: #40115f;
--pr-violet: #9f3cff;
--pr-gold: #e7b750;
--pr-ink: #08030d;
--pr-paper: #fff3df;
background: var(--pr-ink);
color: var(--pr-paper);
}
.melb-pr-hero {
align-items: center;
background-color: var(--pr-ink);
background-image:
radial-gradient(circle at 50% 44%, rgba(159, 60, 255, 0.24), transparent 42%),
linear-gradient(180deg, rgba(8, 3, 13, 0.12), rgba(8, 3, 13, 0.78)),
var(--melb-pr-hero-landscape);
background-attachment: fixed, fixed, fixed;
background-position: center bottom;
background-size: cover, cover, cover;
color: var(--pr-paper);
display: flex;
justify-content: center;
min-height: calc(100svh - var(--melb-header-height) - var(--melb-header-offset));
overflow: hidden;
padding: clamp(5rem, 8vw, 8rem) clamp(1.25rem, 5vw, 5rem) clamp(4rem, 7vw, 7rem);
position: relative;
text-align: center;
}
.melb-pr-hero__content {
max-width: min(56rem, 100%);
position: relative;
text-align: center;
text-shadow: 0 2px 18px rgba(0, 0, 0, 0.82), 0 0 24px rgba(159, 60, 255, 0.58);
z-index: 2;
}
.melb-pr-hero::after {
background:
radial-gradient(circle at 50% 45%, rgba(159, 60, 255, 0.16), transparent 36%),
linear-gradient(180deg, rgba(8, 3, 13, 0.12) 0%, rgba(8, 3, 13, 0.66) 100%);
content: "";
inset: 0;
pointer-events: none;
position: absolute;
}
.melb-pr-title-art {
display: block;
filter: drop-shadow(0 0 18px rgba(159, 60, 255, 0.82)) drop-shadow(0 7px 28px rgba(0, 0, 0, 0.82));
height: auto;
margin: clamp(0.35rem, 2vw, 1rem) auto clamp(1rem, 2.5vw, 1.6rem);
max-width: 100%;
width: min(42rem, 92vw);
}
.melb-pr-hero p:not(.melb-kicker) {
color: rgba(255, 247, 237, 0.86);
font-size: clamp(1.05rem, 1.7vw, 1.35rem);
line-height: 1.35;
margin: 0.75rem 0 1.25rem;
text-align: center;
}
.melb-pr-intro,
.melb-pr-lineup {
background: var(--pr-ink);
color: var(--pr-paper);
padding: clamp(4rem, 8vw, 7rem) clamp(1.25rem, 5vw, 5rem);
}
.melb-pr-lineup {
scroll-margin-top: calc(var(--melb-header-height) + var(--melb-header-offset) + 1.5rem);
}
.melb-pr-intro__inner,
.melb-pr-lineup__inner,
.melb-pr-details__inner,
.melb-pr-final__inner {
margin: 0 auto;
max-width: 1180px;
}
.melb-pr-intro__inner,
.melb-pr-lineup__inner {
align-items: start;
display: grid;
gap: clamp(2rem, 5vw, 5rem);
grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
}
.melb-pr-page .melb-kicker {
color: var(--pr-gold);
}
.melb-pr-page h2 {
color: #fff7ed;
font-size: clamp(2.4rem, 6vw, 6rem);
letter-spacing: 0;
line-height: 0.92;
margin: 0;
max-width: 10ch;
}
.melb-pr-intro h2 {
font-size: clamp(2.15rem, 4.8vw, 4.9rem);
line-height: 0.98;
max-width: 12ch;
}
.melb-pr-page .melb-lede {
color: rgba(255, 247, 237, 0.82);
}
.melb-pr-intro-quote {
border-left: 3px solid var(--pr-gold);
color: #fff7ed;
font-size: clamp(1.2rem, 2.4vw, 1.75rem);
font-weight: 800;
line-height: 1.42;
margin: 0 0 1.1rem;
padding: 0 0 0 1rem;
text-shadow: 0 0 22px rgba(159, 60, 255, 0.26);
}
.melb-pr-page p {
line-height: 1.55;
}
.melb-pr-actions {
display: flex;
flex-wrap: wrap;
gap: 0.85rem;
margin-top: 1.5rem;
}
.melb-pr-page .melb-button {
background: var(--pr-gold);
color: var(--pr-ink);
}
.melb-pr-page .melb-button-outline {
color: var(--pr-paper);
}
.melb-pr-details {
background: linear-gradient(135deg, #16061f 0%, #40115f 54%, #15071b 100%);
color: var(--pr-paper);
padding: clamp(3.5rem, 7vw, 6rem) clamp(1.25rem, 5vw, 5rem);
}
.melb-pr-date-art {
display: block;
height: auto;
margin: 0 auto clamp(2rem, 5vw, 4rem);
max-width: 920px;
width: 100%;
}
.melb-pr-detail-list {
display: grid;
gap: clamp(1rem, 3vw, 2rem);
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.melb-pr-detail-list div {
border-top: 2px solid rgba(231, 183, 80, 0.8);
padding-top: 1rem;
}
.melb-pr-detail-list span {
color: var(--pr-gold);
display: block;
font-size: 0.78rem;
font-weight: 900;
letter-spacing: 0.14em;
margin-bottom: 0.7rem;
text-transform: uppercase;
}
.melb-pr-detail-list strong {
color: #fff7ed;
display: block;
font-size: clamp(1.35rem, 2.7vw, 2.25rem);
line-height: 1.05;
}
.melb-pr-detail-list p {
color: rgba(255, 247, 237, 0.78);
margin: 0.65rem 0 0;
}
.melb-pr-detail-list a,
.melb-pr-final a:not(.melb-button) {
color: var(--pr-paper);
}
.melb-pr-details__interest {
margin-top: clamp(1.25rem, 3vw, 2rem);
}
.melb-pr-artist-list {
display: grid;
gap: 0.55rem 1.1rem;
grid-template-columns: repeat(2, minmax(0, 1fr));
list-style: none;
margin: 2rem 0 0;
padding: 0;
}
.melb-pr-artist-list li {
border-top: 1px solid rgba(255, 247, 237, 0.22);
color: #fff7ed;
font-weight: 800;
line-height: 1.25;
padding-top: 0.55rem;
}
.melb-pr-lineup__poster {
margin: 0;
}
.melb-pr-lineup__poster img {
border-radius: 8px;
display: block;
height: auto;
width: 100%;
}
.melb-pr-final {
background: linear-gradient(135deg, #16061f 0%, #40115f 56%, #08030d 100%);
color: var(--pr-paper);
padding: clamp(4rem, 8vw, 7rem) clamp(1.25rem, 5vw, 5rem);
}
.melb-pr-final h2,
.melb-pr-final .melb-kicker {
color: #fff7ed;
}
.melb-pr-final p {
color: rgba(255, 247, 237, 0.82);
font-size: clamp(1.05rem, 1.7vw, 1.3rem);
max-width: 40rem;
}
.melb-pr-final .melb-button {
background: var(--pr-gold);
color: var(--pr-ink);
}
.melburners-form {
background: #fffaf2;
border: 1px solid rgba(21, 18, 15, 0.14);
border-radius: 8px;
color: var(--melb-ink);
display: grid;
gap: 1.15rem;
margin: 2rem 0;
max-width: 920px;
padding: clamp(1.25rem, 3vw, 2rem);
}
.melburners-form .field-group {
display: grid;
gap: 0.45rem;
}
.melburners-form .field-row {
display: grid;
gap: 1rem;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.melburners-form label {
font-weight: 800;
}
.melburners-label-note {
color: var(--melb-muted);
font-size: 0.86em;
font-weight: 600;
}
.melburners-fieldset {
border: 0;
margin: 0;
padding: 0;
}
.melburners-fieldset legend {
font-weight: 800;
margin-bottom: 0.25rem;
padding: 0;
}
.melburners-form input,
.melburners-form select,
.melburners-form textarea {
background: #fff;
border: 1px solid rgba(21, 18, 15, 0.2);
border-radius: 6px;
font: inherit;
min-height: 46px;
padding: 0.75rem;
transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
width: 100%;
}
.melburners-form input:focus,
.melburners-form select:focus,
.melburners-form textarea:focus {
border-color: var(--melb-action);
box-shadow: 0 0 0 3px rgba(241, 90, 36, 0.2);
outline: 2px solid transparent;
}
.melburners-form textarea {
min-height: 150px;
}
.melburners-form .helper {
color: var(--melb-muted);
font-size: 0.92rem;
}
.melburners-form .consent {
align-items: start;
color: var(--melb-muted);
display: grid;
font-size: 0.86rem;
font-weight: 500;
gap: 0.65rem;
grid-template-columns: auto minmax(0, 1fr);
line-height: 1.4;
}
.melburners-form .consent input {
min-height: auto;
width: auto;
margin-top: 0.25rem;
}
.melburners-form .checkbox-grid {
display: grid;
gap: 0.7rem;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.melburners-form .checkbox-option {
align-items: center;
background: #fffdf8;
border: 1px solid rgba(21, 18, 15, 0.14);
border-radius: 8px;
display: grid;
gap: 0.55rem;
grid-template-columns: auto minmax(0, 1fr);
min-height: 48px;
padding: 0.72rem 0.8rem;
transition: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}
.melburners-form .checkbox-option input {
accent-color: var(--melb-action);
min-height: auto;
width: auto;
}
.melburners-form .checkbox-option:hover,
.melburners-form .checkbox-option:focus-within {
border-color: rgba(241, 90, 36, 0.55);
box-shadow: 0 0 0 3px rgba(241, 90, 36, 0.12);
}
.melburners-form .checkbox-option:has(input:checked) {
background: #fff1e8;
border-color: rgba(241, 90, 36, 0.58);
}
.melburners-notice {
border-radius: 8px;
font-weight: 700;
margin: 1rem 0;
padding: 1rem;
}
.melburners-newsletter-signup {
scroll-margin-top: calc(var(--melb-header-height) + 1.5rem);
}
.melburners-newsletter-signup:focus {
outline: 0;
}
.melburners-notice--success {
background: rgba(13, 118, 110, 0.12);
color: var(--melb-teal);
}
.melburners-newsletter-signup .melburners-notice--success,
.melburners-notice--newsletter {
background: var(--melb-surface);
border: 2px solid var(--melb-night);
border-left: 8px solid var(--melb-gold);
box-shadow: 0 0 0 4px rgba(255, 250, 242, 0.35);
color: var(--melb-night);
font-size: clamp(1rem, 1.6vw, 1.2rem);
line-height: 1.45;
padding: clamp(1rem, 2vw, 1.35rem);
}
.melburners-newsletter-signup .melburners-notice--success *,
.melburners-notice--newsletter * {
color: inherit;
}
.melburners-confirmation-panel .melburners-notice {
display: grid;
gap: 0.7rem;
margin-bottom: 1.25rem;
}
.melburners-confirmation-panel .melburners-notice h2,
.melburners-confirmation-panel .melburners-notice p {
margin: 0;
}
.melburners-confirmation-panel .melburners-notice h2 {
font-size: clamp(2rem, 4vw, 3.2rem);
line-height: 1;
}
.melburners-notice:focus {
outline: 3px solid var(--melb-fire);
outline-offset: 3px;
}
.melburners-notice--error {
background: rgba(241, 90, 36, 0.12);
color: #9b2f10;
}
.melburners-follow-panel,
.melburners-event-host,
.melburners-host-events,
.melburners-follow-preferences,
.melburners-preferences-centre,
.melburners-host-dashboard__profile,
.melburners-host-dashboard__venues,
.melburners-host-dashboard__submission {
margin-block: clamp(2rem, 4vw, 3rem);
}
.melburners-follow-panel {
background: var(--melb-surface);
border: 1px solid var(--melb-border);
border-left: 8px solid var(--melb-action);
border-radius: var(--melb-radius);
padding: clamp(1.25rem, 3vw, 2rem);
}
.melburners-interest-panel {
background:
linear-gradient(135deg, rgba(255, 191, 63, 0.12), rgba(241, 90, 36, 0.08)),
var(--melb-surface);
}
.melburners-follow-panel h2,
.melburners-event-host h2,
.melburners-host-events h2,
.melburners-follow-preferences h2 {
font-size: clamp(1.6rem, 3vw, 2.35rem);
line-height: 1;
margin: 0 0 0.8rem;
}
.melburners-follow-panel .melburners-form,
.melburners-follow-preferences .melburners-form {
margin-bottom: 0;
margin-top: 1.5rem;
}
.melburners-interest-panel__actions {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 1rem;
}
.melburners-interest-panel__actions a {
color: var(--melb-ink);
font-weight: 850;
}
.melburners-interest-control {
align-items: center;
color: #4a4642;
display: inline-flex;
flex-wrap: wrap;
gap: 0.55rem;
margin: 0.75rem 0 1rem;
max-width: 100%;
scroll-margin-top: calc(var(--melb-header-height) + 1.5rem);
}
.melburners-interest-control--detail {
margin: 0 0 1.15rem;
}
.melburners-interest-control.is-saved {
color: var(--melb-action);
}
.melburners-interest-control__form {
margin: 0;
}
.melburners-interest-control__button {
align-items: center;
background: #eeeae4;
border: 1px solid rgba(74, 70, 66, 0.2);
border-radius: 999px;
box-shadow: 0 1px 3px rgba(21, 18, 15, 0.08);
color: #4a4642;
cursor: pointer;
display: inline-flex;
gap: 0.5rem;
font-size: 0.92rem;
font-weight: 900;
justify-content: center;
line-height: 1.1;
min-height: 44px;
min-width: 44px;
padding: 0.55rem 0.95rem;
text-decoration: none;
white-space: nowrap;
}
.melburners-heart-icon {
display: block;
fill: currentColor;
flex: 0 0 auto;
height: 1.1rem;
stroke: currentColor;
stroke-linejoin: round;
stroke-width: 1.8;
width: 1.1rem;
}
.melburners-interest-control.is-saved .melburners-interest-control__button {
background: #fff;
border-color: var(--melb-action);
color: var(--melb-action);
}
.melburners-interest-control__button:hover,
.melburners-interest-control__button:focus-visible {
outline: 3px solid var(--melb-gold);
outline-offset: 2px;
}
.melburners-interest-control .melburners-notice {
background: transparent;
border: 0;
border-left: 3px solid var(--melb-action);
border-radius: 0;
box-shadow: none;
color: var(--melb-ink);
flex-basis: 100%;
font-size: 0.9rem;
font-weight: 800;
line-height: 1.3;
margin: 0 0 0.35rem;
max-width: 18rem;
padding: 0.12rem 0 0.12rem 0.6rem;
}
.melb-pr-page .melburners-interest-control .melburners-notice {
color: var(--pr-paper);
}
.melburners-interest-control__message {
flex-basis: 100%;
font-size: 0.9rem;
font-weight: 800;
line-height: 1.3;
max-width: 18rem;
}
.melburners-interest-control__message:empty,
.melburners-interest-control__message[hidden] {
display: none;
}
.melburners-interest-control__message.is-error {
color: #8a1f0f;
}
.melburners-interest-control.is-updating {
opacity: 0.78;
}
.melburners-interest-control__helper,
.melburners-interest-control__manage {
color: var(--melb-muted);
font-size: 0.9rem;
font-weight: 800;
line-height: 1.25;
}
.melburners-interest-control__manage {
color: var(--melb-ink);
}
.melb-pr-final a.melburners-interest-control__manage,
.melburners-interest-control a.melburners-interest-control__manage {
color: var(--melb-ink);
text-decoration-color: currentColor;
}
.melb-pr-page .melburners-interest-control a.melburners-interest-control__manage {
color: var(--pr-paper);
text-decoration-color: rgba(255, 247, 237, 0.72);
}
.melb-pr-page .melburners-interest-control a.melburners-interest-control__manage:hover,
.melb-pr-page .melburners-interest-control a.melburners-interest-control__manage:focus-visible {
color: var(--pr-gold);
text-decoration-color: currentColor;
}
.melburners-account-panel,
.melburners-my-events-page {
background: transparent;
border: 0;
margin: 0;
padding: 0;
}
.melburners-account-summary strong {
overflow-wrap: anywhere;
}
.melburners-account-entry,
.melburners-account-dashboard {
display: grid;
gap: clamp(1rem, 2vw, 1.35rem);
width: 100%;
}
.melb-account-page .melb-section__inner {
width: min(var(--melb-content-max), calc(100% - 2rem));
}
.melburners-account-entry__intro {
display: grid;
gap: 0.55rem;
max-width: 58rem;
}
.melburners-account-entry__intro h2 {
font-size: clamp(2rem, 4vw, 3.6rem);
line-height: 0.98;
margin: 0;
max-width: 12ch;
}
.melburners-account-entry__intro p {
font-size: clamp(1rem, 1.7vw, 1.2rem);
margin: 0;
max-width: 46rem;
}
.melburners-account-entry__saving,
.melburners-account-check-email__list {
background: #fffaf2;
border-left: 6px solid var(--melb-action);
padding: 0.85rem 1rem;
}
.melburners-account-entry__path {
display: grid;
gap: 0.7rem;
grid-template-columns: repeat(3, minmax(0, 1fr));
list-style: none;
margin: 0;
padding: 0;
}
.melburners-account-entry__path li {
align-items: center;
background: #fffaf2;
border: 1px solid var(--melb-border);
border-radius: 8px;
color: var(--melb-muted);
display: flex;
font-size: 0.92rem;
font-weight: 850;
gap: 0.65rem;
line-height: 1.25;
min-height: 3.4rem;
padding: 0.75rem;
}
.melburners-account-entry__path span {
align-items: center;
background: var(--melb-night);
border-radius: 999px;
color: var(--melb-surface);
display: inline-flex;
flex: 0 0 auto;
font-size: 0.78rem;
font-weight: 950;
height: 1.7rem;
justify-content: center;
width: 1.7rem;
}
.melburners-account-start {
align-items: start;
background: transparent;
border: 0;
display: grid;
gap: clamp(1rem, 2vw, 1.35rem);
grid-template-columns: minmax(0, 1fr) minmax(22rem, 0.42fr);
margin: 0;
max-width: none;
padding: 0;
width: 100%;
}
.melburners-account-intent {
display: grid;
gap: 0.85rem;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.melburners-account-intent__option {
align-items: start;
background: var(--melb-surface);
border: 1px solid var(--melb-border);
border-left: 6px solid transparent;
border-radius: 8px;
display: grid;
gap: 0.85rem;
grid-template-columns: auto minmax(0, 1fr);
min-height: 10.5rem;
padding: clamp(1rem, 2vw, 1.25rem);
transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}
.melburners-account-intent__option:hover,
.melburners-account-intent__option:focus-within {
border-color: rgba(241, 90, 36, 0.42);
box-shadow: 0 12px 28px rgba(21, 18, 15, 0.08);
transform: translateY(-1px);
}
.melburners-account-intent__option:has(input:checked) {
background: #fffaf2;
border-left-color: var(--melb-action);
border-color: rgba(241, 90, 36, 0.56);
box-shadow: 0 14px 32px rgba(21, 18, 15, 0.08);
}
.melburners-account-intent__option input {
margin-top: 0.25rem;
}
.melburners-account-intent__option strong,
.melburners-account-intent__option small {
display: block;
}
.melburners-account-intent__option strong {
font-size: clamp(1.05rem, 1.6vw, 1.25rem);
line-height: 1.15;
}
.melburners-account-intent__option small {
color: var(--melb-muted);
font-size: 0.95rem;
line-height: 1.45;
margin-top: 0.25rem;
}
.melburners-account-auth-panel,
.melburners-account-check-email__panel,
.melburners-account-primary-task,
.melburners-account-secondary-status {
background: var(--melb-surface);
border: 1px solid var(--melb-border);
border-radius: 8px;
padding: clamp(1rem, 2vw, 1.3rem);
}
.melburners-account-auth-panel {
display: grid;
gap: 0.85rem;
}
.melburners-account-auth-panel h3 {
font-size: clamp(1.35rem, 2vw, 1.8rem);
line-height: 1.05;
margin: 0;
}
.melburners-account-auth-divider {
align-items: center;
color: var(--melb-muted);
display: grid;
font-size: 0.82rem;
font-weight: 900;
grid-template-columns: 1fr auto 1fr;
gap: 0.65rem;
text-transform: uppercase;
}
.melburners-account-auth-divider::before,
.melburners-account-auth-divider::after {
background: var(--melb-border);
content: "";
height: 1px;
}
.melburners-account-check-email__panel {
display: grid;
gap: 1rem;
max-width: 45rem;
}
.melburners-account-check-email__panel h2,
.melburners-account-primary-task h3 {
font-size: clamp(1.6rem, 2.6vw, 2.25rem);
line-height: 1;
margin: 0;
}
.melburners-account-check-email__list {
display: grid;
gap: 0.35rem;
margin: 0;
padding-left: 2rem;
}
.melburners-account-task-home {
align-items: start;
display: grid;
gap: 1rem;
grid-template-columns: minmax(0, 1.05fr) minmax(17rem, 0.95fr);
}
.melburners-account-primary-task {
border-left: 6px solid var(--melb-action);
display: grid;
gap: 0.85rem;
}
.melburners-account-primary-task p {
max-width: 38rem;
}
.melburners-account-task-actions {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 0.7rem;
}
.melburners-account-task-actions a:not(.melb-button):not(.melb-button-outline) {
color: var(--melb-action-strong);
font-weight: 900;
}
.melburners-account-access-cue {
background: #fffaf2;
border-left: 5px solid var(--melb-action);
color: var(--melb-ink);
font-size: 0.95rem;
font-weight: 850;
line-height: 1.35;
margin: 0;
padding: 0.75rem 0.9rem;
}
.melburners-account-status-pills {
display: grid;
gap: 0.6rem;
}
.melburners-account-status-pills a {
align-items: center;
border-bottom: 1px solid var(--melb-border);
color: var(--melb-ink);
display: flex;
gap: 1rem;
justify-content: space-between;
padding: 0.65rem 0;
text-decoration: none;
}
.melburners-account-status-pills a:last-child {
border-bottom: 0;
}
.melburners-account-status-pills span {
color: var(--melb-muted);
}
.melburners-account-status-pills strong {
text-align: right;
}
.melburners-account-entry__hero,
.melburners-account-dashboard__hero {
background: #fffaf2;
border: 1px solid var(--melb-border);
border-radius: var(--melb-radius);
padding: clamp(1rem, 2vw, 1.35rem);
}
.melburners-account-entry__hero h2,
.melburners-account-dashboard__hero h2 {
font-size: clamp(1.8rem, 3vw, 2.6rem);
line-height: 1;
margin: 0 0 0.7rem;
}
.melburners-account-entry__hero p:last-child,
.melburners-account-dashboard__hero p:last-child {
margin-bottom: 0;
}
.melburners-account-entry__layout {
align-items: start;
display: block;
gap: clamp(1rem, 2vw, 1.25rem);
width: 100%;
}
.melburners-account-entry__primary,
.melburners-account-entry__guide {
background: var(--melb-surface);
border: 1px solid var(--melb-border);
border-radius: var(--melb-radius);
padding: clamp(1rem, 2vw, 1.25rem);
}
.melburners-account-panel__event {
background: var(--melb-surface);
border-left: 6px solid var(--melb-action);
padding: 0.75rem 0.9rem;
}
.melburners-account-panel__actions {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 0.8rem;
}
.melburners-account-panel__newsletter {
background: #fffaf2;
border: 1px solid var(--melb-border);
border-radius: 8px;
padding: 0.8rem;
}
.melburners-account-providers {
display: grid;
gap: 0.65rem;
margin-top: 1rem;
}
.melburners-account-providers > span:first-child {
color: var(--melb-muted);
font-size: 0.86rem;
font-weight: 900;
text-transform: uppercase;
}
.melburners-provider-button {
align-items: center;
background: var(--melb-surface);
border: 1px solid rgba(21, 18, 15, 0.2);
border-radius: 8px;
color: var(--melb-ink);
display: inline-flex;
font-weight: 900;
justify-content: center;
min-height: 46px;
padding: 0.75rem 1rem;
text-decoration: none;
width: min(100%, 22rem);
}
.melburners-provider-button:hover,
.melburners-provider-button:focus-visible {
background: var(--melb-action);
border-color: var(--melb-action);
color: var(--melb-ink);
}
.melburners-provider-button.is-disabled {
color: rgba(74, 70, 66, 0.64);
cursor: not-allowed;
}
.melburners-account-providers small {
color: var(--melb-muted);
line-height: 1.45;
}
.melburners-onboarding-preview {
display: grid;
gap: 0.8rem;
list-style: none;
margin: 0;
padding: 0;
}
.melburners-onboarding-preview li {
background: #fffaf2;
border: 1px solid var(--melb-border);
border-radius: 8px;
display: grid;
gap: 0.25rem;
padding: 0.85rem;
}
.melburners-onboarding-preview span {
color: var(--melb-muted);
}
.melburners-account-dashboard__hero {
align-items: start;
display: grid;
gap: 1rem;
grid-template-columns: minmax(0, 1fr) auto;
}
.melburners-account-dashboard__email {
background: var(--melb-surface);
border: 1px solid var(--melb-border);
border-radius: 999px;
display: inline-block;
font-size: 0.9rem;
font-weight: 800;
margin-top: 0.2rem;
max-width: 100%;
overflow-wrap: anywhere;
padding: 0.45rem 0.7rem;
}
.melburners-account-dashboard__actions {
align-items: stretch;
display: flex;
flex-direction: column;
gap: 0.55rem;
min-width: min(100%, 13rem);
}
.melburners-account-dashboard__signout {
color: var(--melb-muted);
font-weight: 800;
text-align: center;
}
.melburners-account-dashboard__grid {
display: grid;
gap: 0.85rem;
grid-template-columns: repeat(auto-fit, minmax(13.5rem, 1fr));
}
.melburners-account-status-card {
background: var(--melb-surface);
border: 1px solid var(--melb-border);
border-radius: 8px;
display: grid;
gap: 1rem;
min-height: 13.25rem;
padding: 1rem;
}
.melburners-account-status-card h3 {
font-size: clamp(1.1rem, 1.4vw, 1.25rem);
line-height: 1.15;
margin: 0 0 0.4rem;
}
.melburners-account-status-card p {
margin-bottom: 0;
}
.melburners-account-status-card__footer {
align-items: center;
align-self: end;
display: flex;
flex-wrap: wrap;
gap: 0.55rem;
justify-content: space-between;
}
.melburners-account-status-card__footer span {
background: #fffaf2;
border: 1px solid var(--melb-border);
border-radius: 999px;
font-size: 0.78rem;
font-weight: 900;
padding: 0.3rem 0.55rem;
text-transform: uppercase;
}
.melburners-account-status-card__footer a {
color: var(--melb-action-strong);
font-weight: 900;
}
.melburners-account-dashboard__venues {
background: #fffaf2;
border: 1px solid var(--melb-border);
border-radius: var(--melb-radius);
display: grid;
gap: 0.75rem;
padding: clamp(1rem, 2vw, 1.25rem);
}
.melburners-account-dashboard__venues > div {
display: flex;
flex-wrap: wrap;
gap: 0.55rem;
}
.melburners-account-dashboard__venues a {
background: var(--melb-night);
border-radius: 999px;
color: var(--melb-surface);
font-weight: 900;
padding: 0.45rem 0.75rem;
text-decoration: none;
}
.melburners-account-portal {
display: grid;
gap: clamp(1rem, 2vw, 1.5rem);
}
.melburners-account-nav {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 0.55rem;
}
.melburners-account-nav a {
border: 1px solid var(--melb-border);
border-radius: 999px;
color: var(--melb-ink);
font-size: 0.92rem;
font-weight: 800;
padding: 0.55rem 0.8rem;
text-decoration: none;
}
.melburners-account-nav a[aria-current="page"],
.melburners-account-nav a:hover,
.melburners-account-nav a:focus-visible {
background: var(--melb-night);
border-color: var(--melb-night);
color: var(--melb-surface);
}
.melburners-account-profile,
.melburners-account-overview,
.melburners-account-section {
background: var(--melb-surface);
border: 1px solid var(--melb-border);
border-radius: var(--melb-radius);
padding: clamp(1.1rem, 2.4vw, 1.6rem);
}
.melburners-event-create-intro {
display: grid;
gap: 0.75rem;
max-width: 56rem;
}
.melburners-event-create-intro h2 {
font-size: clamp(1.6rem, 2.7vw, 2.35rem);
line-height: 1;
margin: 0;
}
.melburners-event-create-form {
background: transparent;
border: 0;
padding: 0;
}
.melburners-event-create-form .melburners-form {
margin: 0;
max-width: none;
}
.melburners-account-section {
display: grid;
gap: 1rem;
}
.melburners-onboarding-steps {
display: grid;
gap: 1rem;
}
.melburners-onboarding-flow {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 0.55rem;
list-style: none;
margin: 0;
padding: 0;
}
.melburners-onboarding-flow li {
align-items: center;
background: var(--melb-surface);
border: 1px solid var(--melb-border);
border-radius: 999px;
color: var(--melb-muted);
display: inline-flex;
font-size: 0.9rem;
font-weight: 800;
gap: 0.45rem;
padding: 0.45rem 0.75rem 0.45rem 0.45rem;
}
.melburners-onboarding-flow span {
align-items: center;
background: #fffaf2;
border-radius: 999px;
color: var(--melb-ink);
display: inline-flex;
font-size: 0.78rem;
font-weight: 900;
height: 1.55rem;
justify-content: center;
width: 1.55rem;
}
.melburners-onboarding-flow li.is-current {
background: var(--melb-night);
border-color: var(--melb-night);
color: var(--melb-surface);
}
.melburners-onboarding-flow li.is-complete {
color: var(--melb-ink);
}
.melburners-onboarding-step-heading {
align-items: start;
display: grid;
gap: 0.75rem;
grid-template-columns: auto minmax(0, 1fr);
}
.melburners-onboarding-step-heading > span {
background: var(--melb-night);
border-radius: 999px;
color: var(--melb-surface);
font-size: 0.78rem;
font-weight: 900;
padding: 0.4rem 0.65rem;
text-transform: uppercase;
}
.melburners-onboarding-step-heading h3 {
font-size: clamp(1.15rem, 1.6vw, 1.45rem);
line-height: 1.15;
margin: 0;
}
.melburners-onboarding-review {
display: grid;
gap: 0.5rem;
margin: 0;
padding: 0;
}
.melburners-onboarding-review div {
border-bottom: 1px solid var(--melb-border);
display: grid;
gap: 0.5rem;
grid-template-columns: minmax(8rem, 0.4fr) minmax(0, 1fr);
padding: 0.65rem 0;
}
.melburners-onboarding-review div:last-child {
border-bottom: 0;
}
.melburners-onboarding-review dt {
color: var(--melb-muted);
font-weight: 800;
}
.melburners-onboarding-review dd {
font-weight: 900;
margin: 0;
}
.melburners-account-setup-form {
display: grid;
gap: 1rem;
margin: 0;
max-width: none;
}
.melburners-account-setup-grid,
.melburners-account-choice-grid {
display: grid;
gap: 0.85rem;
grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
}
.melburners-account-choice {
background: #fffaf2;
border: 1px solid var(--melb-border);
border-radius: 8px;
display: grid;
gap: 0.4rem;
padding: 0.95rem;
}
.melburners-account-choice input {
inline-size: 1rem;
}
.melburners-account-choice strong,
.melburners-account-choice span {
display: block;
}
.melburners-account-choice span {
color: var(--melb-muted);
line-height: 1.4;
}
@media (max-width: 760px) {
.melburners-account-entry__path,
.melburners-account-intent {
grid-template-columns: 1fr;
}
.melburners-account-entry__layout,
.melburners-account-dashboard__hero,
.melburners-account-start,
.melburners-account-task-home {
grid-template-columns: 1fr;
}
.melburners-account-dashboard__actions {
min-width: 0;
}
.melburners-account-status-card {
min-height: auto;
}
.melburners-onboarding-review div {
grid-template-columns: 1fr;
}
}
.melburners-status-list {
display: grid;
gap: 0.65rem;
}
.melburners-status-list article {
align-items: center;
background: #fffaf2;
border: 1px solid var(--melb-border);
border-radius: 8px;
display: flex;
flex-wrap: wrap;
gap: 0.65rem;
justify-content: space-between;
padding: 0.85rem 1rem;
}
.melburners-status-list span {
background: rgba(241, 90, 36, 0.12);
border-radius: 999px;
font-size: 0.82rem;
font-weight: 900;
padding: 0.4rem 0.65rem;
text-transform: capitalize;
}
.melburners-event-steps {
display: grid;
gap: 0.7rem;
grid-template-columns: repeat(4, minmax(0, 1fr));
list-style: none;
margin: 0;
padding: 0;
}
.melburners-event-steps li {
border-top: 3px solid var(--melb-action);
color: var(--melb-muted);
font-size: 0.92rem;
font-weight: 800;
line-height: 1.35;
padding-top: 0.55rem;
}
@media (max-width: 760px) {
.melburners-event-steps {
grid-template-columns: 1fr;
}
}
.melburners-event-host {
background: var(--melb-night);
border: 0;
border-radius: var(--melb-radius);
color: var(--melb-surface);
padding: clamp(1.25rem, 3vw, 2rem);
}
.melburners-event-host a {
color: var(--melb-gold);
}
.melburners-host-dashboard {
display: grid;
gap: clamp(1.5rem, 3vw, 2rem);
}
.melburners-host-dashboard__profile {
background: var(--melb-surface);
border: 1px solid var(--melb-border);
border-radius: var(--melb-radius);
padding: clamp(1.25rem, 3vw, 2rem);
}
.melburners-host-dashboard__profile h2,
.melburners-host-dashboard__venues h2,
.melburners-host-dashboard__submission h2 {
font-size: clamp(1.7rem, 3vw, 2.6rem);
line-height: 1;
margin: 0 0 0.8rem;
}
.melburners-host-dashboard__profile > .melburners-form:last-child {
margin-bottom: 0;
}
.melburners-managed-venue-list {
display: grid;
gap: 1rem;
}
.melburners-managed-venue {
background: #fffaf2;
border: 1px solid var(--melb-border);
border-radius: 8px;
display: grid;
gap: 1rem;
padding: clamp(1rem, 2.4vw, 1.5rem);
}
.melburners-managed-venue__summary {
align-items: start;
display: flex;
flex-wrap: wrap;
gap: 1rem;
justify-content: space-between;
}
.melburners-managed-venue__summary h3 {
font-size: clamp(1.35rem, 2.3vw, 1.9rem);
line-height: 1.08;
margin: 0 0 0.3rem;
}
.melburners-managed-venue__summary p {
margin: 0;
}
.melburners-managed-venue__actions {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 0.65rem;
justify-content: flex-end;
}
.melburners-status-pill {
background: rgba(241, 90, 36, 0.12);
border: 1px solid rgba(241, 90, 36, 0.24);
border-radius: 999px;
color: var(--melb-ink);
display: inline-flex;
font-size: 0.82rem;
font-weight: 900;
line-height: 1;
padding: 0.45rem 0.7rem;
text-transform: capitalize;
}
.melburners-venue-form {
margin: 0;
max-width: none;
}
.melburners-venue-form input[readonly] {
background: #f0ebe3;
color: var(--melb-muted);
}
.melburners-follow-preferences {
background: var(--melb-surface);
border: 1px solid var(--melb-border);
border-radius: var(--melb-radius);
padding: clamp(1.25rem, 3vw, 2rem);
}
.melburners-preferences-centre {
background: transparent;
border: 0;
margin-block: 0;
padding: 0;
scroll-margin-top: calc(var(--melb-header-height) + 1.5rem);
}
.melburners-preferences-centre h2 {
font-size: clamp(2rem, 4vw, 3.5rem);
line-height: 1;
margin: 0 0 0.8rem;
}
.melburners-preferences-access,
.melburners-preferences-summary {
display: grid;
gap: clamp(1.25rem, 3vw, 2rem);
grid-template-columns: minmax(0, 1.15fr) minmax(260px, 0.85fr);
}
.melburners-preferences-access__copy p {
color: var(--melb-muted);
font-size: clamp(1.02rem, 1.6vw, 1.2rem);
line-height: 1.55;
}
.melburners-preferences-access__list {
display: grid;
gap: 0.5rem;
list-style: none;
margin: 1.25rem 0 0;
padding: 0;
}
.melburners-preferences-access__list li {
border-top: 1px solid var(--melb-border);
font-weight: 800;
padding-top: 0.55rem;
}
.melburners-preferences-summary {
align-items: start;
background: #fffaf2;
border: 1px solid var(--melb-border);
border-left: 8px solid var(--melb-action);
border-radius: var(--melb-radius);
margin-bottom: clamp(1.5rem, 3vw, 2rem);
padding: clamp(1.25rem, 3vw, 2rem);
}
.melburners-preferences-summary h2 {
max-width: 12ch;
}
.melburners-preferences-summary p {
color: var(--melb-muted);
line-height: 1.5;
margin: 0;
}
.melburners-preferences-account {
align-items: baseline;
background: var(--melb-surface);
border: 1px solid var(--melb-border);
border-radius: 999px;
display: inline-flex;
flex-wrap: wrap;
gap: 0.35rem 0.65rem;
margin-top: 1rem !important;
max-width: 100%;
padding: 0.55rem 0.85rem;
}
.melburners-preferences-account span {
color: var(--melb-muted);
font-size: 0.78rem;
font-weight: 900;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.melburners-preferences-account strong {
color: var(--melb-ink);
font-size: clamp(1rem, 1.4vw, 1.15rem);
line-height: 1.2;
overflow-wrap: anywhere;
word-break: break-all;
}
.melburners-preferences-summary__status {
background: var(--melb-surface);
border: 1px solid var(--melb-border);
border-radius: var(--melb-radius);
display: grid;
gap: 0.25rem;
justify-self: end;
min-width: 11rem;
padding: 1rem;
}
.melburners-preferences-summary__status span {
color: var(--melb-muted);
font-size: 0.85rem;
font-weight: 800;
text-transform: uppercase;
}
.melburners-preferences-summary__status strong {
font-size: 1.45rem;
line-height: 1;
}
.melburners-preferences-centre .melburners-form {
background: transparent;
border: 0;
border-radius: 0;
gap: 1.25rem;
margin-bottom: 0;
margin-top: 0;
max-width: none;
padding: 0;
}
.melburners-preferences-access__form .melburners-preferences-request-form {
background: #fffaf2;
border: 1px solid var(--melb-border);
border-radius: var(--melb-radius);
margin: 0;
padding: clamp(1.1rem, 2vw, 1.5rem);
}
.melburners-preferences-form .melburners-fieldset,
.melburners-preferences-empty,
.melburners-preferences-stop {
background: #fffaf2;
border: 1px solid var(--melb-border);
border-radius: var(--melb-radius);
padding: clamp(1rem, 2vw, 1.35rem);
}
.melburners-preferences-form .melburners-fieldset legend {
font-size: 1.12rem;
line-height: 1.2;
}
.melburners-my-events {
background: #fffaf2;
border: 1px solid var(--melb-border);
border-radius: var(--melb-radius);
display: grid;
gap: 1rem;
padding: clamp(1rem, 2vw, 1.35rem);
}
.melburners-my-events__heading {
max-width: 48rem;
}
.melburners-my-events__heading h3 {
font-size: clamp(1.55rem, 3vw, 2.35rem);
line-height: 1;
margin: 0 0 0.55rem;
}
.melburners-my-events__heading p:last-child {
color: var(--melb-muted);
margin-bottom: 0;
}
.melburners-my-events__group {
display: grid;
gap: 0.75rem;
}
.melburners-my-events__group h4 {
font-size: 1.05rem;
line-height: 1.2;
margin: 0;
}
.melburners-my-events__list {
display: grid;
gap: 0.75rem;
}
.melburners-my-events__item {
align-items: start;
background: var(--melb-surface);
border: 1px solid var(--melb-border);
border-radius: var(--melb-radius);
display: grid;
gap: 1rem;
grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.9fr);
padding: 1rem;
}
.melburners-my-events__item-copy {
align-self: start;
min-width: 0;
}
.melburners-my-events__item h5 {
font-size: clamp(1.15rem, 2vw, 1.45rem);
line-height: 1.1;
margin: 0 0 0.35rem;
}
.melburners-my-events__item h5 a {
color: inherit;
}
.melburners-my-events__item p {
color: var(--melb-muted);
line-height: 1.45;
margin: 0;
}
.melburners-my-events__status {
color: var(--melb-action-strong) !important;
font-size: 0.62rem;
font-weight: 900;
letter-spacing: 0.1em;
margin-bottom: 0.4rem !important;
text-transform: uppercase;
}
.melburners-my-events__controls {
display: grid;
gap: 0.45rem;
}
.melburners-my-events__controls label {
align-items: center;
border: 1px solid var(--melb-border);
border-radius: 8px;
display: grid;
font-size: 0.8rem;
gap: 0.44rem;
grid-template-columns: auto minmax(0, 1fr);
line-height: 1.2;
padding: 0.52rem 0.6rem;
}
.melburners-my-events__controls input {
min-height: auto;
width: auto;
}
.melburners-my-events__controls label:has(input:checked) {
border-color: var(--melb-action);
box-shadow: inset 0 0 0 2px rgba(241, 90, 36, 0.16);
}
.melburners-preference-grid {
display: grid;
gap: 0.85rem;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.melburners-preference-grid--frequency {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.melburners-preference-card {
align-items: flex-start;
background: var(--melb-surface);
border: 1px solid var(--melb-border);
border-radius: var(--melb-radius);
display: grid;
gap: 0.75rem;
grid-template-columns: auto minmax(0, 1fr);
padding: 0.95rem;
}
.melburners-preference-card:has(input:checked) {
border-color: var(--melb-action);
box-shadow: inset 0 0 0 2px rgba(241, 90, 36, 0.18);
}
.melburners-preference-card input {
margin-top: 0.2rem;
min-height: auto;
width: auto;
}
.melburners-preference-card strong,
.melburners-preference-card small {
display: block;
}
.melburners-preference-card small {
color: var(--melb-muted);
font-size: 0.9rem;
font-weight: 500;
line-height: 1.4;
margin-top: 0.25rem;
}
.melburners-preference-card--danger {
border-color: rgba(155, 47, 16, 0.38);
}
.melburners-preferences-empty h3 {
font-size: 1.2rem;
line-height: 1.1;
margin: 0 0 0.35rem;
}
.melburners-preferences-empty p {
color: var(--melb-muted);
margin: 0 0 0.75rem;
}
.melburners-preferences-actions {
align-items: center;
border-top: 1px solid var(--melb-border);
display: flex;
flex-wrap: wrap;
gap: 1rem;
padding-top: 1rem;
}
.melburners-preferences-actions a {
color: var(--melb-ink);
font-weight: 800;
}
.melburners-preferences-list {
display: grid;
gap: 0.7rem;
}
.melb-nav-note {
background: #fffaf2;
border-left: 4px solid var(--melb-fire);
padding: 1rem 1.2rem;
}
.melb-principle-grid {
display: grid;
gap: clamp(1rem, 2vw, 1.5rem);
grid-template-columns: repeat(4, minmax(0, 1fr));
margin-top: clamp(2rem, 4vw, 3rem);
}
.melb-principle {
align-content: start;
background: var(--melb-surface);
border: 1px solid var(--melb-border);
border-radius: var(--melb-radius);
color: var(--melb-ink);
display: grid;
gap: 0.7rem;
padding: 1rem;
}
.melb-principle img {
height: 68px;
object-fit: contain;
object-position: left center;
width: 68px;
}
.melb-principle h3 {
font-size: 1.05rem;
line-height: 1.12;
margin: 0;
}
.melb-principle p {
color: var(--melb-muted);
font-size: 0.92rem;
line-height: 1.45;
margin: 0;
}
.melb-principle-credit {
border-top: 1px solid rgba(255, 247, 237, 0.22);
color: rgba(255, 247, 237, 0.78);
font-size: 0.86rem;
line-height: 1.55;
margin: 2rem 0 0;
max-width: 920px;
padding-top: 1rem;
}
.melb-principle-credit a {
color: var(--melb-gold);
}
.melb-calendar-toolbar {
align-items: start;
display: flex;
flex-wrap: wrap;
gap: 1rem;
justify-content: space-between;
margin-bottom: 0.85rem;
}
.melb-calendar-tabs {
align-items: center;
display: inline-flex;
gap: 0.25rem;
margin-bottom: 0;
padding: 0.25rem;
background: rgba(21, 18, 15, 0.08);
border-radius: 999px;
}
.melb-calendar-tab {
border-radius: 999px;
color: var(--melb-ink);
font-weight: 800;
min-width: 5.2rem;
padding: 0.65rem 1rem;
text-align: center;
text-decoration: none;
}
.melb-calendar-tab.is-active,
.melb-calendar-tab:hover {
background: var(--melb-action);
color: var(--melb-ink);
}
.melb-calendar-subscribe {
align-items: center;
background: #fffaf2;
border: 1px solid rgba(21, 18, 15, 0.14);
border-left: 4px solid var(--melb-action);
border-radius: var(--melb-radius);
display: grid;
gap: 1rem;
grid-template-columns: minmax(0, 1fr) auto;
justify-content: space-between;
margin: clamp(1.5rem, 4vw, 3rem) 0 0;
padding: 1rem 1rem 1rem 1.15rem;
width: 100%;
}
.melb-calendar-subscribe__eyebrow,
.melb-calendar-subscribe__title,
.melb-calendar-subscribe__copy,
.melb-calendar-subscribe__note {
margin: 0;
}
.melb-calendar-subscribe__eyebrow {
color: var(--melb-action-strong);
font-size: 0.72rem;
font-weight: 900;
letter-spacing: 0.08em;
line-height: 1.2;
margin-bottom: 0.32rem;
text-transform: uppercase;
white-space: nowrap;
}
.melb-calendar-subscribe__title {
color: var(--melb-ink);
font-size: clamp(1.1rem, 1.4vw, 1.28rem);
font-weight: 900;
line-height: 1.2;
}
.melb-calendar-subscribe__copy {
color: var(--melb-muted);
font-size: 0.94rem;
line-height: 1.35;
margin-top: 0.22rem;
}
.melb-calendar-subscribe__note {
color: rgba(74, 70, 66, 0.74);
font-size: 0.78rem;
font-weight: 700;
line-height: 1.3;
margin-top: 0.35rem;
}
.melb-calendar-subscribe__actions {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
justify-content: flex-end;
}
.melb-calendar-subscribe__actions a {
align-items: center;
border: 1px solid rgba(21, 18, 15, 0.22);
border-radius: 999px;
color: var(--melb-ink);
display: inline-flex;
font-size: 0.84rem;
font-weight: 850;
justify-content: center;
line-height: 1.1;
min-height: 40px;
padding: 0.55rem 0.82rem;
text-decoration: none;
white-space: nowrap;
}
.melb-calendar-subscribe__actions a:first-child {
background: var(--melb-action);
border-color: var(--melb-action);
}
.melb-calendar-subscribe__actions a:hover,
.melb-calendar-subscribe__actions a:focus-visible {
background: var(--melb-action);
border-color: var(--melb-action);
color: var(--melb-ink);
}
.melb-calendar-subscribe__manual,
.melb-calendar-subscribe__staging-note {
grid-column: 1 / -1;
}
.melb-calendar-subscribe__manual {
border-top: 1px solid rgba(21, 18, 15, 0.12);
padding-top: 0.85rem;
}
.melb-calendar-subscribe__manual label {
color: var(--melb-muted);
display: block;
font-size: 0.78rem;
font-weight: 900;
letter-spacing: 0.06em;
line-height: 1.2;
margin-bottom: 0.45rem;
text-transform: uppercase;
}
.melb-calendar-subscribe__manual-row {
display: grid;
gap: 0.5rem;
grid-template-columns: minmax(0, 1fr) auto;
}
.melb-calendar-subscribe__manual input {
background: rgba(255, 250, 242, 0.9);
border: 1px solid rgba(21, 18, 15, 0.18);
border-radius: 999px;
color: var(--melb-muted);
font: inherit;
font-size: 0.84rem;
min-height: 40px;
min-width: 0;
padding: 0.55rem 0.8rem;
width: 100%;
}
.melb-calendar-subscribe__manual button {
background: #eeeae4;
border: 1px solid rgba(21, 18, 15, 0.16);
border-radius: 999px;
color: #4a4642;
cursor: pointer;
font: inherit;
font-size: 0.84rem;
font-weight: 850;
min-height: 40px;
padding: 0.55rem 0.8rem;
white-space: nowrap;
}
.melb-calendar-subscribe__manual button:hover,
.melb-calendar-subscribe__manual button:focus-visible {
background: var(--melb-action);
border-color: var(--melb-action);
color: var(--melb-ink);
}
.melb-calendar-subscribe__status {
color: var(--melb-action-strong);
font-size: 0.78rem;
font-weight: 800;
line-height: 1.2;
margin: 0.4rem 0 0;
min-height: 1rem;
}
.melb-calendar-subscribe__help {
color: rgba(74, 70, 66, 0.78);
font-size: 0.78rem;
font-weight: 700;
line-height: 1.35;
margin: 0.25rem 0 0;
}
.melb-calendar-subscribe__staging-note {
background: rgba(241, 90, 36, 0.09);
border-radius: 8px;
color: #7b351d;
font-size: 0.84rem;
font-weight: 800;
line-height: 1.35;
margin: -0.15rem 0 0;
padding: 0.65rem 0.75rem;
}
.melb-filter-bar {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 0.65rem;
margin-bottom: clamp(2rem, 5vw, 4rem);
}
.melb-filter-chip {
border: 1px solid rgba(21, 18, 15, 0.24);
border-radius: 999px;
color: var(--melb-ink);
font-weight: 800;
padding: 0.65rem 0.95rem;
text-decoration: none;
}
.melb-filter-chip.is-active,
.melb-filter-chip:hover {
background: var(--melb-action);
color: var(--melb-ink);
}
.melb-event-calendar {
scroll-margin-top: 0;
}
.melb-event-month-group + .melb-event-month-group {
margin-top: clamp(2.5rem, 5vw, 4rem);
}
.melb-event-month-heading {
align-items: center;
color: var(--melb-night);
display: flex;
font-size: clamp(1.6rem, 3.4vw, 3rem);
gap: 1rem;
letter-spacing: 0;
line-height: 1.05;
margin: 0 0 0.75rem;
max-width: none;
white-space: nowrap;
}
.melb-event-month-heading::after {
background: var(--melb-action);
content: "";
flex: 1;
height: 3px;
min-width: 3rem;
}
.melb-event-list {
display: grid;
gap: 1.15rem;
}
.melb-event-card {
align-items: start;
border-top: 2px solid rgba(21, 18, 15, 0.88);
padding: 1.25rem 0 1.6rem;
}
.melb-event-card h2 {
font-size: clamp(1.4rem, 3vw, 2.25rem);
line-height: 1.05;
margin: 0 0 0.65rem;
max-width: none;
}
.melb-event-card h2 a {
color: inherit;
text-decoration: none;
}
.melb-event-card h2 a:hover,
.melb-event-card h2 a:focus-visible {
text-decoration: underline;
text-decoration-color: var(--melb-action);
text-decoration-thickness: 0.08em;
text-underline-offset: 0.12em;
}
.melb-event-card__body {
align-items: start;
display: grid;
gap: clamp(1rem, 3vw, 1.5rem);
grid-template-columns: 15rem minmax(0, 1fr);
}
.melb-event-card__content {
min-width: 0;
}
.melb-event-card--text-only .melb-event-card__body {
grid-template-columns: minmax(0, 1fr);
}
.melb-event-card--text-only .melb-event-card__content {
max-width: 54rem;
}
.melb-event-card--text-only h2 {
font-size: clamp(1.55rem, 3vw, 2.35rem);
}
.melb-event-card--text-only p {
font-size: clamp(1rem, 1.4vw, 1.12rem);
line-height: 1.45;
max-width: 42rem;
}
.melb-event-card__media {
align-self: start;
aspect-ratio: 16 / 9;
background: var(--melb-night);
border-radius: 8px;
display: block;
overflow: hidden;
}
.melb-event-card__media img {
display: block;
height: 100%;
object-fit: cover;
width: 100%;
}
.melb-event-info {
color: var(--melb-muted);
display: grid;
gap: 0.42rem;
margin: 0 0 0.85rem;
}
.melb-event-info__item {
align-items: start;
display: grid;
font-size: 0.95rem;
font-weight: 750;
gap: 0.48rem;
grid-template-columns: 1.1rem minmax(0, 1fr);
line-height: 1.35;
}
.melb-event-info__item a,
.melb-event-info__item span {
min-width: 0;
}
.melb-event-info__item a {
color: inherit;
text-decoration-color: rgba(108, 91, 78, 0.45);
text-underline-offset: 0.14em;
}
.melb-event-info__icon {
fill: none;
height: 1.05rem;
margin-top: 0.08rem;
stroke: currentColor;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 2;
width: 1.05rem;
}
.melb-event-tags {
display: flex;
flex-wrap: wrap;
gap: 0.55rem;
margin: 0.9rem 0 0;
}
.melb-event-tags a,
.melb-event-tags span {
align-items: center;
background: rgba(241, 90, 36, 0.12);
border: 1px solid rgba(241, 90, 36, 0.22);
border-radius: 999px;
color: #7b351d;
display: inline-flex;
font-size: 0.86rem;
font-weight: 800;
line-height: 1.1;
min-height: 40px;
padding: 0.48rem 0.75rem;
text-decoration: none;
}
.melb-event-tags a:hover,
.melb-event-tags a:focus-visible,
.melb-event-tags a.is-active,
.melb-event-tags a[aria-current="true"] {
background: var(--melb-action);
border-color: var(--melb-action);
color: var(--melb-ink);
}
.melb-event-card__actions {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 0.55rem;
margin-top: 0.95rem;
}
.melb-event-card__actions .melb-event-tags,
.melb-event-card__actions .melburners-interest-control {
margin: 0;
}
.melb-event-card__actions .melburners-interest-control__button,
.melb-event-card__actions .melburners-interest-control__manage {
align-items: center;
display: inline-flex;
min-height: 40px;
padding-block: 0.48rem;
}
.melb-filter-bar--venues {
margin-top: -1.2rem;
}
.melb-venue-grid {
display: grid;
gap: 1rem;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
}
.melb-venue-card {
background: var(--melb-surface);
border: 1px solid var(--melb-border);
border-radius: 8px;
display: grid;
gap: 0.65rem;
padding: clamp(1rem, 2.2vw, 1.35rem);
}
.melb-venue-card h3 {
font-size: clamp(1.25rem, 2vw, 1.65rem);
line-height: 1.1;
margin: 0;
}
.melb-venue-card h3 a {
color: inherit;
text-decoration-color: rgba(241, 90, 36, 0.42);
text-underline-offset: 0.12em;
}
.melb-venue-card p {
margin: 0;
}
.melb-venue-card__meta,
.melb-venue-card__count {
color: var(--melb-muted);
font-size: 0.95rem;
font-weight: 800;
line-height: 1.35;
}
.melb-venue-detail__layout {
align-items: start;
display: grid;
gap: clamp(1.25rem, 3vw, 2rem);
grid-template-columns: minmax(0, 1.55fr) minmax(16rem, 0.75fr);
}
.melb-venue-detail__content {
display: grid;
gap: 1rem;
min-width: 0;
}
.melb-venue-detail__content > :first-child {
margin-top: 0;
}
.melb-venue-detail__panel {
margin: 0;
}
.melb-venue-detail__meta {
background: var(--melb-night);
border-radius: 8px;
color: var(--melb-surface);
padding: clamp(1rem, 2.4vw, 1.5rem);
}
.melb-venue-detail__meta h2 {
color: inherit;
font-size: clamp(1.45rem, 2.4vw, 2rem);
line-height: 1.05;
margin: 0 0 1rem;
}
.melb-venue-detail__meta dl {
display: grid;
gap: 0.95rem;
margin: 0;
}
.melb-venue-detail__meta dt {
color: var(--melb-gold);
font-size: 0.78rem;
font-weight: 900;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.melb-venue-detail__meta dd {
line-height: 1.4;
margin: 0;
}
.melburners-event-benefit {
background: #fffaf2;
border-left: 6px solid var(--melb-action);
margin-top: 1.25rem;
}
.melburners-event-benefit__note {
color: var(--melb-muted);
font-size: 0.95rem;
font-weight: 800;
}
.melb-month-nav {
align-items: center;
display: flex;
gap: 1rem;
justify-content: space-between;
margin-bottom: 1rem;
}
.melb-month-nav h2 {
font-size: clamp(1.6rem, 3vw, 2.5rem);
margin: 0;
max-width: none;
white-space: nowrap;
}
.melb-month-nav a {
border: 1px solid rgba(21, 18, 15, 0.24);
border-radius: 999px;
color: var(--melb-ink);
font-weight: 800;
padding: 0.65rem 0.95rem;
text-decoration: none;
}
.melb-month-grid {
display: grid;
grid-template-columns: repeat(7, minmax(0, 1fr));
overflow: hidden;
border: 1px solid rgba(21, 18, 15, 0.16);
border-radius: 8px;
}
.melb-month-weekday {
background: var(--melb-night);
color: #fff7ed;
font-size: 0.8rem;
font-weight: 800;
letter-spacing: 0.08em;
padding: 0.75rem;
text-transform: uppercase;
}
.melb-month-day {
background: #fffaf2;
border-right: 1px solid rgba(21, 18, 15, 0.12);
border-top: 1px solid rgba(21, 18, 15, 0.12);
min-height: 8rem;
padding: 0.65rem;
}
.melb-month-day:nth-child(7n + 7) {
border-right: 0;
}
.melb-month-day--muted {
background: rgba(255, 250, 242, 0.48);
color: rgba(21, 18, 15, 0.68);
}
.melb-month-day--today {
background: #fff3df;
box-shadow: inset 0 0 0 3px var(--melb-action);
color: var(--melb-ink);
position: relative;
}
.melb-month-day__number {
display: block;
font-weight: 800;
margin-bottom: 0.55rem;
}
.melb-month-day__number span {
color: var(--melb-ink);
display: block;
font-size: 0.68rem;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.melb-month-day__events {
display: grid;
gap: 0.35rem;
}
.melb-month-event {
background: rgba(241, 90, 36, 0.12);
border-radius: 6px;
color: var(--melb-ink);
display: grid;
font-size: 0.82rem;
font-weight: 800;
line-height: 1.2;
padding: 0.45rem;
text-decoration: none;
}
.melb-month-event .melb-month-event__image {
aspect-ratio: 4 / 3;
border-radius: 4px;
display: block;
margin: 0 0 0.4rem;
overflow: hidden;
width: 100%;
}
.melb-month-event__image img {
display: block;
height: 100%;
object-fit: cover;
width: 100%;
}
.melb-month-event span {
color: var(--melb-ink);
font-size: 0.74rem;
margin-bottom: 0.15rem;
}
.melb-news-topic-grid,
.melb-news-list {
display: grid;
gap: clamp(1rem, 2vw, 1.5rem);
margin-top: clamp(2rem, 4vw, 3rem);
}
.melb-news-topic-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.melb-news-list {
align-items: stretch;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.melb-news-topic,
.melb-news-card {
background: var(--melb-surface);
border: 1px solid var(--melb-border);
border-radius: var(--melb-radius);
overflow: hidden;
}
.melb-news-card {
display: grid;
grid-template-rows: auto 1fr;
height: 100%;
}
.melb-news-topic img {
display: block;
height: auto;
object-fit: contain;
width: 100%;
}
.melb-news-card__image {
aspect-ratio: 1918 / 870;
background: var(--melb-paper);
display: block;
overflow: hidden;
width: 100%;
}
.melb-news-card__image img {
display: block;
height: 100%;
object-fit: cover;
width: 100%;
}
.melb-news-topic div,
.melb-news-card__body {
padding: 1rem;
}
.melb-news-card__body {
display: flex;
flex-direction: column;
}
.melb-news-card__meta {
align-items: center;
color: var(--melb-action-strong);
display: flex;
flex-wrap: wrap;
font-size: 0.78rem;
font-weight: 900;
gap: 0.45rem 0.75rem;
letter-spacing: 0.08em;
line-height: 1.2;
margin: 0 0 0.7rem;
text-transform: uppercase;
}
.melb-news-card__meta span + span::before {
content: "/";
margin-right: 0.75rem;
}
.melb-news-topic h3,
.melb-news-card h3 {
font-size: clamp(1.2rem, 1.8vw, 1.55rem);
line-height: 1.12;
margin: 0 0 0.55rem;
}
.melb-news-card h3 a {
color: inherit;
}
.melb-news-card__image:focus-visible,
.melb-news-card h3 a:focus-visible {
outline-offset: 4px;
}
.melb-news-topic p,
.melb-news-card p {
line-height: 1.5;
}
.melb-news-intro {
border-bottom: 1px solid var(--melb-border);
border-top: 1px solid var(--melb-border);
margin: clamp(2rem, 4vw, 3rem) 0;
padding: clamp(1rem, 2vw, 1.5rem) 0;
}
.melb-news-intro p {
font-size: clamp(1.05rem, 1.5vw, 1.25rem);
line-height: 1.55;
margin: 0;
max-width: 820px;
}
.melb-news-detail {
background: var(--melb-paper);
color: var(--melb-ink);
}
.melb-news-detail-hero {
align-items: end;
background: var(--melb-night);
color: #fffaf2;
display: grid;
gap: clamp(2rem, 5vw, 4rem);
grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
padding: clamp(4rem, 8vw, 7rem) clamp(1.25rem, 5vw, 5rem);
}
.melb-news-detail-hero h1 {
font-size: clamp(3rem, 7vw, 6rem);
letter-spacing: 0;
line-height: 0.95;
margin: 0;
}
.melb-news-detail-hero .melb-kicker {
color: var(--melb-gold);
}
.melb-news-detail-hero img {
border-radius: var(--melb-radius);
height: auto;
object-fit: contain;
width: 100%;
}
.melb-news-detail__layout {
display: grid;
gap: clamp(2rem, 5vw, 4rem);
grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.34fr);
margin: 0 auto;
max-width: 1180px;
padding: clamp(3rem, 6vw, 5rem) clamp(1.25rem, 5vw, 5rem);
}
.melb-news-detail__content {
font-size: clamp(1.05rem, 1.5vw, 1.2rem);
line-height: 1.62;
}
.melb-news-detail__content > *:first-child {
margin-top: 0;
}
.melb-news-detail__meta {
align-self: start;
background: var(--melb-surface);
border: 1px solid var(--melb-border);
border-top: 4px solid var(--melb-action);
border-radius: var(--melb-radius);
padding: 1.25rem;
}
.melb-event-detail {
background: var(--melb-paper);
color: var(--melb-ink);
}
.melb-event-detail-hero {
color: #fffaf2;
display: grid;
min-height: clamp(28rem, 72svh, 42rem);
overflow: hidden;
position: relative;
}
.melb-event-detail-hero::after {
background: linear-gradient(120deg, rgba(21, 18, 15, 0.92), rgba(21, 18, 15, 0.62) 48%, rgba(21, 18, 15, 0.1));
content: "";
inset: 0;
position: absolute;
z-index: 1;
}
.melb-event-detail-hero__media {
inset: 0;
overflow: hidden;
position: absolute;
transform: scale(1.02);
}
.melb-event-detail-hero__media img {
display: block;
height: 100%;
object-fit: cover;
width: 100%;
}
.melb-event-detail-hero__content {
align-self: end;
box-sizing: border-box;
margin: 0;
max-width: none;
padding: clamp(5rem, 9vw, 9rem) var(--melb-aligned-gutter) clamp(3rem, 6vw, 5rem);
position: relative;
width: 100%;
z-index: 2;
}
.melb-event-detail-hero h1 {
font-size: clamp(3rem, 8vw, 7rem);
letter-spacing: 0;
line-height: 0.92;
margin: 0;
max-width: 12ch;
}
.melb-event-info--hero {
color: rgba(255, 250, 242, 0.92);
gap: 0.5rem;
margin: 1.35rem 0 0;
max-width: 42rem;
}
.melb-event-info--hero .melb-event-info__item {
color: inherit;
font-size: 1rem;
text-shadow: 0 1px 10px rgba(21, 18, 15, 0.55);
}
.melb-event-detail__layout {
display: grid;
gap: clamp(2rem, 5vw, 4rem);
grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.36fr);
margin: 0 auto;
box-sizing: border-box;
max-width: none;
padding: clamp(3rem, 6vw, 5rem) var(--melb-aligned-gutter);
width: 100%;
}
.melb-event-detail__content {
font-size: clamp(1.05rem, 1.5vw, 1.2rem);
line-height: 1.62;
}
.melb-event-detail__content > *:first-child {
margin-top: 0;
}
.melb-event-detail__meta {
align-self: start;
background: var(--melb-surface);
border: 1px solid var(--melb-border);
border-top: 4px solid var(--melb-action);
border-radius: var(--melb-radius);
padding: 1.25rem;
}
.melb-event-detail__meta h2 {
font-size: 1.35rem;
line-height: 1.1;
margin: 0 0 1rem;
}
.melb-event-detail__meta .melb-event-info {
margin-bottom: 1rem;
}
.melb-event-detail__meta .melb-event-tags {
margin-bottom: 1.15rem;
}
.melb-event-detail__meta .melburners-interest-control {
margin-bottom: 0;
}
.melb-committee-grid {
display: grid;
gap: clamp(1rem, 2vw, 1.5rem);
grid-template-columns: repeat(3, minmax(0, 1fr));
margin-top: clamp(2rem, 4vw, 3rem);
}
.melb-committee-card {
background: var(--melb-surface);
border: 1px solid var(--melb-border);
border-radius: var(--melb-radius);
overflow: hidden;
}
.melb-committee-card img,
.melb-profile-fallback {
aspect-ratio: 1 / 1;
background: var(--melb-night);
color: var(--melb-gold);
display: grid;
font-size: 2rem;
font-weight: 900;
height: auto;
object-fit: cover;
object-position: center;
place-items: center;
width: 100%;
}
.melb-committee-card__body {
padding: 1rem;
}
.melb-committee-card h3 {
font-size: 1.3rem;
line-height: 1.1;
margin: 0.15rem 0 0.35rem;
}
.melb-committee-card p {
line-height: 1.45;
margin: 0.4rem 0;
}
.melb-committee-card a {
overflow-wrap: anywhere;
}
.melb-role {
color: var(--melb-action-strong);
font-size: 0.78rem;
font-weight: 900;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.site-logo img,
.custom-logo,
.wp-block-site-logo img {
height: 72px;
max-height: 72px;
width: auto !important;
}
.wp-block-site-logo {
flex-shrink: 0;
line-height: 0;
}
.custom-logo-link {
display: inline-block;
position: relative;
}
.melb-header {
align-items: center;
background: var(--melb-paper);
border-bottom: 1px solid rgba(21, 18, 15, 0.1);
box-sizing: border-box;
display: flex;
gap: 1rem;
height: var(--melb-header-height);
justify-content: space-between;
left: 0;
min-height: var(--melb-header-height);
padding: 0.25rem var(--melb-aligned-gutter);
position: fixed !important;
right: 0;
top: var(--melb-header-offset);
width: 100%;
z-index: 100;
}
.melb-header .wp-block-navigation {
font-weight: 800;
}
.melb-header .wp-block-navigation-item.has-child {
position: relative;
}
.melb-skip-link {
background: var(--melb-night);
color: #fffaf2;
font-weight: 900;
left: 1rem;
padding: 0.75rem 1rem;
position: fixed;
top: 1rem;
transform: translateY(-150%);
z-index: 1000;
}
.melb-skip-link:focus:not(:focus-visible) {
transform: translateY(-150%);
}
.melb-skip-link:focus-visible {
transform: translateY(-150%);
}
body.melb-keyboard-user .melb-skip-link:focus-visible {
transform: translateY(0);
}
.melb-header .wp-block-navigation-item__content {
border-radius: 6px;
min-height: 44px;
padding: 0.55rem 0.35rem;
position: relative;
text-decoration: none;
}
.melb-header .wp-block-navigation__submenu-container {
background: var(--melb-surface);
border: 1px solid var(--melb-border);
border-radius: var(--melb-radius);
box-shadow: 0 16px 40px rgba(21, 18, 15, 0.12);
color: var(--melb-ink);
min-width: 14rem !important;
padding: 0.45rem;
z-index: 1002;
}
.melb-header .wp-block-navigation-item.has-child:hover > .wp-block-navigation__submenu-container,
.melb-header .wp-block-navigation-item.has-child:focus-within > .wp-block-navigation__submenu-container,
.melb-header .wp-block-navigation-submenu__toggle[aria-expanded="true"] + .wp-block-navigation__submenu-container {
display: flex;
height: auto;
min-width: 14rem !important;
opacity: 1;
overflow: visible;
visibility: visible;
width: auto;
}
.melb-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
padding: 0.65rem 0.8rem;
}
.melb-header .wp-block-navigation-submenu > .wp-block-navigation-item__content[aria-current="page"],
.melb-header .wp-block-navigation-item__content[aria-current="page"],
.melb-header .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content,
body.melb-nav-about .melb-header .wp-block-navigation-submenu > a[href$="/about/"],
body.melb-nav-events .melb-header .wp-block-navigation-submenu > a[href$="/events/"],
body.melb-nav-getinvolved .melb-header .wp-block-navigation-submenu > a[href$="/getinvolved/"],
body.melb-nav-community .melb-header .wp-block-navigation-submenu > a[href$="/community/"],
body.melb-nav-moments .melb-header a[href$="/moments/"],
body.page-slug-melburners-committee .melb-header a[href$="/melburners-committee/"],
body.page-slug-finances .melb-header a[href$="/finances/"],
body.page-slug-contact .melb-header a[href$="/contact/"],
body.melb-events-view-list .melb-header a[href$="/events/"],
body.melb-events-view-month .melb-header a[href*="event_view=month"],
body.event-slug-purple-reign-the-regal-underground .melb-header a[href$="/event/purple-reign-the-regal-underground/"],
body.page-slug-getinvolved .melb-header a[href$="/getinvolved/"],
body.page-slug-community .melb-header a[href$="/community/"],
body.page-slug-moments .melb-header a[href$="/moments/"] {
color: var(--melb-action-strong);
}
.melb-header .wp-block-navigation-submenu > .wp-block-navigation-item__content[aria-current="page"]::after,
.melb-header .wp-block-navigation-item__content[aria-current="page"]::after,
.melb-header .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content::after,
body.melb-nav-about .melb-header .wp-block-navigation-submenu > a[href$="/about/"]::after,
body.melb-nav-events .melb-header .wp-block-navigation-submenu > a[href$="/events/"]::after,
body.melb-nav-getinvolved .melb-header .wp-block-navigation-submenu > a[href$="/getinvolved/"]::after,
body.melb-nav-community .melb-header .wp-block-navigation-submenu > a[href$="/community/"]::after,
body.melb-nav-moments .melb-header a[href$="/moments/"]::after,
body.page-slug-melburners-committee .melb-header a[href$="/melburners-committee/"]::after,
body.page-slug-finances .melb-header a[href$="/finances/"]::after,
body.page-slug-contact .melb-header a[href$="/contact/"]::after,
body.melb-events-view-list .melb-header a[href$="/events/"]::after,
body.melb-events-view-month .melb-header a[href*="event_view=month"]::after,
body.event-slug-purple-reign-the-regal-underground .melb-header a[href$="/event/purple-reign-the-regal-underground/"]::after,
body.page-slug-getinvolved .melb-header a[href$="/getinvolved/"]::after,
body.page-slug-community .melb-header a[href$="/community/"]::after,
body.page-slug-moments .melb-header a[href$="/moments/"]::after {
background: var(--melb-action);
border-radius: 999px;
bottom: 0.25rem;
content: "";
height: 3px;
left: 0.35rem;
position: absolute;
right: 0.35rem;
}
.melb-footer {
background: var(--melb-ink);
color: #fff7ed;
padding: clamp(3rem, 6vw, 5rem) var(--melb-aligned-gutter);
}
.melb-footer a {
color: inherit;
}
.melb-footer .melb-kicker {
color: var(--melb-gold);
}
.melb-footer__inner {
display: grid;
gap: 2rem;
grid-template-columns: 1.3fr 1fr;
margin: 0 auto;
max-width: var(--melb-content-max);
}
.melb-footer__acknowledgement {
border-top: 1px solid rgba(255, 247, 237, 0.2);
grid-column: 1 / -1;
padding-top: 1.25rem;
}
.melb-footer__acknowledgement p {
color: rgba(255, 247, 237, 0.82);
line-height: 1.55;
margin: 0;
max-width: 860px;
}
@media (max-width: 1050px) {
.melb-header {
flex-wrap: nowrap !important;
}
.melb-header .wp-block-navigation {
display: flex;
flex: 0 0 auto;
justify-content: flex-end;
}
.melb-header .wp-block-navigation__responsive-container:not(.is-menu-open) {
display: none !important;
}
.melb-header .wp-block-navigation__responsive-container-open {
align-items: center;
color: var(--melb-ink);
display: flex !important;
justify-content: center;
min-height: 44px;
min-width: 44px;
}
.melb-header .wp-block-navigation__responsive-container.is-menu-open {
background: var(--melb-paper) !important;
bottom: 0;
box-sizing: border-box;
color: var(--melb-ink);
height: calc(100svh - var(--melb-header-offset));
left: 0;
margin: 0 !important;
min-height: calc(100svh - var(--melb-header-offset));
overflow-y: auto;
padding: 0 !important;
right: 0;
top: var(--melb-header-offset);
width: 100%;
}
.melb-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close {
box-sizing: border-box;
min-height: 100%;
padding: 1.25rem var(--melb-page-gutter) 2rem;
}
.melb-header .wp-block-navigation__responsive-dialog {
margin-top: 0;
}
.melb-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
align-items: stretch;
gap: clamp(1rem, 2.6vw, 1.6rem);
}
.melb-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
font-size: clamp(1.4rem, 3.2vw, 2rem);
min-height: 48px;
padding: 0.45rem 0;
}
.melb-region-directory {
grid-template-columns: 1fr;
}
.melb-org-list--single {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.melb-news-list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.melb-fact-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 800px) {
body {
--melb-header-height: 68px;
}
.melb-kicker,
.melb-featured-event__label,
.melb-calendar-subscribe__eyebrow {
font-size: clamp(0.62rem, 2.35vw, 0.76rem);
letter-spacing: 0.08em;
}
.melb-hero p.melb-kicker,
.melb-page-hero p.melb-kicker {
font-size: clamp(0.62rem, 2.35vw, 0.76rem);
letter-spacing: 0.08em;
}
.melb-grid--2,
.melb-grid--3,
.melb-principle-grid,
.melb-split,
.melb-media-band,
.melb-committee-grid,
.melb-news-topic-grid,
.melb-news-list,
.melb-news-detail-hero,
.melb-news-detail__layout,
.melb-org-list,
.melb-org-list--single,
.melb-footer__inner,
.melb-event-card,
.melb-event-detail__layout,
.melb-pr-intro__inner,
.melb-pr-lineup__inner,
.melb-pr-detail-list,
.melburners-my-events__item,
.melburners-preferences-access,
.melburners-preferences-summary,
.melburners-preference-grid,
.melburners-preference-grid--frequency,
.melb-check-columns,
.melb-fact-grid,
.melburners-form .checkbox-grid,
.melburners-form .field-row {
grid-template-columns: 1fr;
}
.melb-grants-banner__inner {
grid-template-columns: 1fr;
}
.melb-grants-banner .melb-button {
justify-self: start;
white-space: normal;
}
.melburners-preferences-summary__status {
justify-self: stretch;
}
.melb-event-card__body {
grid-template-columns: 1fr;
}
.melb-event-card--text-only h2 {
font-size: clamp(1.35rem, 7vw, 2rem);
}
.melb-pr-hero {
background-attachment: scroll, scroll, scroll;
background-image:
radial-gradient(circle at 50% 44%, rgba(159, 60, 255, 0.28), transparent 42%),
linear-gradient(180deg, rgba(8, 3, 13, 0.1), rgba(8, 3, 13, 0.82)),
var(--melb-pr-hero-portrait);
min-height: 76svh;
padding: clamp(4rem, 12vw, 6rem) 1.25rem clamp(3rem, 10vw, 5rem);
}
.melb-pr-hero__content {
max-width: none;
padding: 0;
}
.melb-pr-hero::after {
display: none;
}
.melb-pr-title-art {
width: min(24rem, 94vw);
}
.melb-pr-artist-list {
grid-template-columns: 1fr;
}
.melb-featured-event__inner {
grid-template-columns: 1fr;
justify-items: start;
}
.melb-featured-event--events .melb-featured-event__inner {
background:
linear-gradient(
180deg,
var(--melb-featured-event-overlay-end, rgba(32, 4, 46, 0.86)) 0%,
var(--melb-featured-event-overlay-start, rgba(32, 4, 46, 0.94)) 100%
),
var(--melb-featured-event-bg),
var(--melb-featured-event-base, #40115f);
background-position: center bottom;
min-height: 0;
}
.melb-featured-event__body {
align-items: flex-start;
flex-direction: column;
}
.melb-featured-event__title-art {
width: min(18rem, 86vw);
}
.melb-featured-event__link {
justify-self: start;
}
.melb-event-month-heading {
gap: 0.7rem;
}
.melb-event-month-heading::after {
min-width: 1rem;
}
.melb-calendar-subscribe {
align-items: stretch;
grid-template-columns: 1fr;
width: 100%;
}
.melb-calendar-subscribe__actions {
justify-content: flex-start;
}
.melb-calendar-subscribe__actions a {
flex: 1 1 auto;
}
.melb-calendar-subscribe__manual-row {
grid-template-columns: 1fr;
}
.melb-month-nav {
gap: 0.65rem;
}
.melb-month-nav h2 {
font-size: 1.5rem;
}
.melb-venue-detail__layout {
grid-template-columns: 1fr;
}
.melb-hero {
min-height: 78svh;
}
.melb-page-hero--media {
align-items: start;
grid-template-columns: 1fr;
}
.melb-page-nav {
flex-wrap: nowrap;
justify-content: flex-start;
overflow-x: auto;
padding: 0.7rem 1.25rem;
}
.melb-page-nav a {
flex: 0 0 auto;
}
.melb-gallery-nav {
flex-wrap: nowrap;
margin-inline: calc(var(--melb-aligned-gutter) * -1);
overflow-x: auto;
padding-inline: var(--melb-aligned-gutter);
scrollbar-width: none;
}
.melb-gallery-nav::-webkit-scrollbar {
display: none;
}
.melb-gallery-nav {
align-items: stretch;
flex-direction: column;
}
.melb-gallery-nav a {
width: 100%;
}
.melb-event-gallery__header {
align-items: start;
grid-template-columns: 1fr;
}
.melb-event-gallery__header h3 {
max-width: 100%;
}
.melb-photo-gallery {
grid-auto-columns: minmax(16rem, 82%);
}
.melb-gallery-widget__controls {
justify-content: flex-start;
}
.melb-gallery-modal {
padding: 0.75rem;
}
.melb-gallery-modal__figure {
margin: 4.25rem 0 0;
}
.melb-gallery-modal__figure img {
max-height: min(62svh, 560px);
}
.melb-gallery-modal__nav--prev {
left: 0.35rem;
}
.melb-gallery-modal__nav--next {
right: 0.35rem;
}
.melb-hero h1,
.melb-page-hero h1,
.melb-event-detail-hero h1 {
font-size: clamp(3rem, 17vw, 5.2rem);
}
.melb-page-hero--compact {
padding-bottom: 2rem;
padding-top: 3rem;
}
.melb-page-hero--compact h1 {
font-size: clamp(2.7rem, 13vw, 4.4rem);
}
.melburners-preferences-account {
border-radius: var(--melb-radius);
display: grid;
}
.melb-header {
align-items: center;
height: var(--melb-header-height);
min-height: var(--melb-header-height);
}
.melb-header .wp-block-navigation__responsive-container.is-menu-open {
background: var(--melb-paper);
bottom: 0;
color: var(--melb-ink);
left: 0;
margin: 0 !important;
min-height: calc(100svh - var(--melb-header-offset));
padding: 1.25rem;
right: 0;
top: var(--melb-header-offset);
width: 100%;
}
.site-logo img,
.custom-logo,
.wp-block-site-logo img {
height: 58px;
max-height: 58px;
}
.melb-month-nav {
align-items: stretch;
flex-direction: column;
}
.melb-month-grid {
display: block;
border-radius: 8px;
}
.melb-month-weekday {
display: none;
}
.melb-month-day {
border-right: 0;
min-height: 0;
}
.melb-month-day--muted {
display: none;
}
.melb-month-day--muted.melb-month-day--today {
display: block;
}
.melb-committee-grid {
gap: 0.85rem;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.melb-committee-card__body {
padding: 0.75rem;
}
.melb-committee-card h3 {
font-size: 1rem;
}
.melb-committee-card p {
font-size: 0.86rem;
}
}
@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation-duration: 0.001ms !important;
animation-iteration-count: 1 !important;
scroll-behavior: auto !important;
transition-duration: 0.001ms !important;
}
} .melb-account-form-surface {
background: var(--melb-surface);
border: 1px solid var(--melb-border);
box-sizing: border-box;
color: var(--melb-ink);
margin-inline: auto;
max-width: 42rem;
min-inline-size: 0;
padding: clamp(1.25rem, 3vw, 2rem);
width: 100%;
}
.melb-account-access-band {
background: var(--melb-night);
color: var(--melb-paper);
padding: clamp(2.5rem, 7vw, 6rem) var(--wp--preset--spacing--40, 1.25rem);
}
.melb-account-access-band__inner {
align-items: start;
display: grid;
gap: clamp(2rem, 6vw, 6rem);
grid-template-columns: minmax(0, 0.85fr) minmax(21rem, 31rem);
margin-inline: auto;
max-width: 76rem;
}
.melb-account-access-band__inner:has(.melburners-account-dashboard) {
grid-template-columns: 1fr;
}
.melb-account-access-band__inner:has(.melburners-account-dashboard) .melb-account-access-band__intro {
display: none;
}
.melb-account-access-band__intro {
max-width: 38rem;
padding-top: clamp(0rem, 2vw, 1.5rem);
}
.melb-account-access-band__intro h1 {
color: var(--melb-paper);
font-size: clamp(2.7rem, 5.5vw, 5rem);
line-height: 0.98;
margin: 0.55rem 0 1.15rem;
max-width: 9ch;
}
.melb-account-access-band__intro > p:last-child {
color: rgba(255, 248, 238, 0.82);
font-size: clamp(1rem, 1.5vw, 1.2rem);
line-height: 1.55;
max-width: 35rem;
}
.melb-account-access-band__content {
min-width: 0;
}
.melb-account-form-surface--access {
box-shadow: 0 1.25rem 3.5rem rgba(0, 0, 0, 0.22);
margin: 0;
max-width: none;
}
.melb-account-form-surface--access h2 {
font-size: 1.55rem;
line-height: 1.2;
margin: 0 0 0.75rem;
}
.melb-account-provider {
align-items: center;
background: #fff;
border: 1px solid var(--melb-ink);
border-radius: 4px;
color: var(--melb-ink);
display: flex;
font-weight: 800;
justify-content: center;
min-height: 3rem;
padding: 0.65rem 1rem;
text-decoration: none;
}
.melb-account-provider:hover,
.melb-account-provider:focus-visible {
background: var(--melb-night);
color: var(--melb-paper);
}
.melb-account-divider {
align-items: center;
color: var(--melb-muted);
display: grid;
font-size: 0.82rem;
gap: 0.75rem;
grid-template-columns: 1fr auto 1fr;
margin: 1rem 0;
text-transform: uppercase;
}
.melb-account-divider::before,
.melb-account-divider::after {
background: var(--melb-border);
content: "";
height: 1px;
}
.melb-account-email-destination {
background: var(--melb-surface-warm);
border-left: 4px solid var(--melb-action);
margin: 0.75rem 0 1rem;
padding: 0.8rem 1rem;
}
.melb-account-checkmark {
align-items: center;
background: var(--melb-action);
border-radius: 50%;
color: var(--melb-ink);
display: flex;
font-size: 1.25rem;
font-weight: 900;
height: 2.75rem;
justify-content: center;
margin-bottom: 1rem;
width: 2.75rem;
}
.melb-account-progress {
display: grid;
gap: 0.5rem;
grid-template-columns: repeat(3, minmax(0, 1fr));
list-style: none;
margin: 1.5rem 0;
padding: 0;
}
.melb-account-progress li {
border-top: 3px solid var(--melb-border);
color: var(--melb-muted);
display: grid;
font-size: 0.78rem;
gap: 0.35rem;
line-height: 1.3;
padding-top: 0.65rem;
}
.melb-account-progress li.is-complete,
.melb-account-progress li.is-current {
border-top-color: var(--melb-action);
color: var(--melb-ink);
}
.melb-account-progress li span {
align-items: center;
border: 1px solid currentColor;
border-radius: 50%;
display: flex;
font-weight: 850;
height: 1.4rem;
justify-content: center;
width: 1.4rem;
}
.melb-account-review-note {
background: var(--melb-surface-warm);
border-left: 4px solid var(--melb-action);
display: grid;
gap: 0.25rem;
line-height: 1.45;
margin: 1rem 0 1.5rem;
padding: 0.8rem 1rem;
}
.melb-account-review-note span,
.melb-optional {
color: var(--melb-muted);
font-size: 0.88rem;
font-weight: 500;
}
.melb-account-form,
.melb-account-field,
.melb-account-actions,
.melb-account-links {
display: grid;
gap: 1rem;
}
.melb-account-form {
min-inline-size: 0;
}
.melb-account-notice {
background: var(--melb-surface-warm);
border-left: 4px solid var(--melb-action);
color: var(--melb-ink);
margin: 0 0 1.25rem;
padding: 0.8rem 1rem;
}
.melb-account-notice[role="alert"],
.melb-account-field__error {
background: #fff0eb;
border-left-color: #8a1f0f;
color: #6d1a0e;
}
.melb-account-field {
align-items: stretch;
}
.melb-account-field > label,
.melb-account-field > legend {
color: var(--melb-ink);
font-size: 0.94rem;
font-weight: 850;
line-height: 1.3;
}
.melb-account-field input,
.melb-account-field select,
.melb-account-field textarea {
background: #fff;
border: 1px solid rgba(21, 18, 15, 0.3);
border-radius: 4px;
box-sizing: border-box;
color: var(--melb-ink);
font: inherit;
line-height: 1.3;
min-block-size: 3rem;
min-inline-size: 0;
padding: 0.7rem 0.8rem;
width: 100%;
}
.melb-account-field textarea {
min-block-size: 7rem;
resize: vertical;
}
.melb-account-field input[type="checkbox"],
.melb-account-field input[type="radio"] {
accent-color: var(--melb-action-strong);
min-block-size: 1.25rem;
min-inline-size: 1.25rem;
width: 1.25rem;
}
.melb-account-field input:focus-visible,
.melb-account-field select:focus-visible,
.melb-account-field textarea:focus-visible,
.melb-account-password button:focus-visible,
.melb-account-choice-group .melb-account-field:focus-within,
.melb-account-actions button:focus-visible,
.melb-account-actions a:focus-visible,
.melb-account-links a:focus-visible {
outline: 3px solid var(--melb-action);
outline-offset: 3px;
}
.melb-account-field__help,
.melb-account-field__error {
font-size: 0.88rem;
line-height: 1.45;
}
.melb-account-field__help {
color: var(--melb-muted);
}
.melb-account-field__error {
border-left: 3px solid #8a1f0f;
padding: 0.45rem 0.65rem;
}
.melb-account-choice-group {
border: 0;
display: grid;
gap: 0.65rem;
grid-template-columns: repeat(2, minmax(0, 1fr));
margin: 0;
min-inline-size: 0;
padding: 0;
}
.melb-account-choice-group > legend,
.melb-account-choice-group > .melb-account-field__help {
grid-column: 1 / -1;
}
.melb-account-choice-group > legend {
color: var(--melb-ink);
font-size: 0.94rem;
font-weight: 850;
line-height: 1.3;
}
.melb-account-choice-group > .melb-account-field {
align-items: start;
background: #fff;
border: 1px solid var(--melb-border);
border-radius: 4px;
cursor: pointer;
display: grid;
gap: 0.55rem;
grid-template-columns: auto minmax(0, 1fr);
min-block-size: 3.5rem;
padding: 0.8rem;
}
.melb-account-choice-group > .melb-account-field:has(input:checked) {
border-color: var(--melb-action-strong);
box-shadow: inset 4px 0 0 var(--melb-action);
}
.melb-account-choice-group > .melb-account-field label {
align-self: center;
display: grid;
gap: 0.25rem;
}
.melb-account-choice-description {
color: var(--melb-muted);
font-size: 0.88rem;
font-weight: 500;
line-height: 1.4;
}
.melb-account-intro {
color: var(--melb-muted);
line-height: 1.55;
margin: 0 0 1.25rem;
}
.melb-account-consent {
align-items: start;
grid-template-columns: auto minmax(0, 1fr);
}
.melb-account-consent label {
font-weight: 600;
}
.melb-account-choice-group > .melb-account-field input {
margin: 0.1rem 0 0;
}
.melb-account-password {
align-items: stretch;
display: flex;
min-inline-size: 0;
}
.melb-account-password input {
border-end-end-radius: 0;
border-start-end-radius: 0;
flex: 1 1 auto;
}
.melb-account-password button,
.melb-account-actions button,
.melb-account-actions a {
align-items: center;
border: 1px solid var(--melb-ink);
border-radius: 4px;
box-sizing: border-box;
display: inline-flex;
font: inherit;
font-weight: 850;
justify-content: center;
line-height: 1.2;
min-block-size: 2.75rem;
padding: 0.65rem 0.9rem;
text-align: center;
text-decoration: none;
}
.melb-account-password button {
background: var(--melb-paper);
border-end-start-radius: 0;
border-start-start-radius: 0;
flex: 0 0 auto;
}
.melb-account-password button:hover,
.melb-account-password button:focus-visible,
.melb-account-actions a:hover,
.melb-account-actions a:focus-visible {
background: var(--melb-night);
color: var(--melb-paper);
}
.melb-account-actions {
align-items: start;
grid-template-columns: repeat(auto-fit, minmax(10rem, max-content));
margin-top: 0.35rem;
}
.melb-account-actions button,
.melb-account-actions a:first-child {
background: var(--melb-action);
border-color: var(--melb-action);
color: var(--melb-ink);
}
.melb-account-form-surface--access .melb-account-actions,
.melb-account-form-surface--access .melb-account-actions button {
width: 100%;
}
.melb-account-form-surface--access .melb-account-actions {
grid-template-columns: 1fr;
}
.melb-account-actions button:disabled {
background: #d9d2c9;
border-color: #d9d2c9;
color: #5f5953;
cursor: wait;
}
.melb-account-actions button:hover,
.melb-account-actions button:focus-visible,
.melb-account-actions a:first-child:hover,
.melb-account-actions a:first-child:focus-visible {
background: var(--melb-night);
border-color: var(--melb-night);
color: var(--melb-paper);
}
.melb-account-links {
color: var(--melb-muted);
font-size: 0.92rem;
gap: 0.45rem;
margin-top: 0.25rem;
}
.melb-account-links a {
color: var(--melb-action-strong);
font-weight: 800;
overflow-wrap: anywhere;
}
@media (max-width: 600px) {
.melb-account-access-band {
padding: 2.25rem 1rem 3rem;
}
.melb-account-access-band__inner {
gap: 1.75rem;
grid-template-columns: 1fr;
}
.melb-account-access-band__intro h1 {
font-size: 3rem;
}
.melb-account-form-surface--access {
box-shadow: none;
padding: 1.25rem;
}
.melb-account-choice-group,
.melb-account-actions {
grid-template-columns: 1fr;
}
.melb-account-actions button,
.melb-account-actions a {
width: 100%;
}
}*,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
b,
strong {
font-weight: var(--wp--custom--font-weight--semi-bold);
}
ol,
ul {
padding: 0;
}
ol:where(:not([class*="wp-block"])),
ol:where(.wp-block-list),
ul:where(:not([class*="wp-block"])),
ul:where(.wp-block-list) {
padding-inline-start: var(--wp--preset--spacing--medium);
}
div[class*="wp-block-"] figcaption {
color: var(--wp--preset--color--secondary);
font-size: var(--wp--preset--font-size--x-small);
margin-bottom: 0;
margin-top: 20px;
text-align: center;
}
img,
figure {
max-width: 100%;
height: auto;
} @-moz-document url-prefix() {
a {
text-decoration-thickness: .1rem !important;
}
} input,
button,
textarea,
select {
font: inherit;
}
input[type="button"],
input[type="email"],
input[type="search"],
input[type="submit"],
input[type="text"],
textarea {
-webkit-appearance: none;
appearance: none;
}
input:not([type="submit"]):not([type="radio"]),
select,
textarea,
.wp-block-post-comments-form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.wp-block-post-comments-form textarea {
color: var(--wp--preset--color--main);
border-radius: 5px;
border: solid 1px color-mix(in srgb, var(--wp--preset--color--tertiary) 100%, var(--wp--preset--color--main) 20%);
padding: .5em 1em;
font-size: var(--wp--preset--font-size--small);
background-color: #fff;
box-shadow: 
0 1px 2px rgba(0, 0, 0, 0.02),
0 0.5px 1px rgba(0, 0, 0, 0.04);
}
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
outline-color: var(--wp--preset--color--main);
outline-offset: 1px;
}
input[type="checkbox"],
input[type="image"],
input[type="radio"] {
width: auto;
}
select {
-webkit-appearance: none;
appearance: none;
background: var(--wp--preset--color--base) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hldnJvbi1kb3duIj48cG9seWxpbmUgcG9pbnRzPSI2IDkgMTIgMTUgMTggOSI+PC9wb2x5bGluZT48L3N2Zz4=) no-repeat;
background-size: 16px;
background-position: calc(100% - 12px) 50%;
padding-right: 2.2em;
}
label {
width: 100%;
display: block;
}
::placeholder {
color: var(--wp--preset--color--secondary);
opacity: 0.75;
} a.more-link {
display: block;
} *:not(.wp-block-code) > code {
background-color: var(--wp--preset--color--tertiary);
padding: 3px 5px;
position: relative;
border-radius: 3px;
}
.wp-block-categories {
position: relative;
} .wp-block-term-description p:last-child {
margin-bottom: 0;
} .remove-border-and-padding .wp-block-post-template li:last-child .wp-block-separator {
display: none;
} .single .wp-block-group:has(> .post-meta:empty) {
display: none;
}
.wp-block-group:empty:has(+ .comment-respond) {
display: none;
}
.row-logos > figure {
flex-shrink: 1 !important;
} body:not(.wp-admin) header:has(>.is-position-sticky) {
position: sticky;
top: calc( 0px + var( --wp-admin--admin-bar--height, 0px ) );
z-index: 100;
} @media (max-width: 600px) {
header:has(>.is-position-sticky) {
top: 0;
}
} @media (max-width: 781px) {
.ollie-hide-on-mobile {
display: none;
}
.ollie-unstick-mobile {
position: static;
}
header:has(>.ollie-unstick-mobile) {
position: static;
}
} .wp-block-table table {
background: var(--wp--preset--color--base);
border-radius: 5px;
border: solid 1px var(--wp--preset--color--border-light);
font-size: var(--wp--preset--font-size--x-small);
}
.wp-block-table.is-style-stripes {
border-bottom: none;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background-color: var(--wp--preset--color--tertiary);
}
.wp-block-table td, 
.wp-block-table th,
.wp-block-table thead {
border: none;
border-bottom: solid 1px color-mix(in srgb, var(--wp--preset--color--border-light) 50%, var(--wp--preset--color--base) 5%);
}
.wp-block-table th,
.wp-block-table tfoot {
text-align: left;
background-color: color-mix(in srgb, var(--wp--preset--color--tertiary) 75%, var(--wp--preset--color--base) 5%);
}
.wp-block-table td, 
.wp-block-table th {
padding: .8em 1em;
}
.wp-block-table tfoot {
border-top: solid 1px var(--wp--preset--color--border-light);
}
.wp-block-table tfoot td {
border-bottom: none;
}