/* Conferences & Brand Experiences. Shared type, spacing, colours and buttons come from the homepage. */
.cye-conferences { overflow-wrap: anywhere; }
.cye-conferences .conferences-hero { position: relative; isolation: isolate; overflow: hidden; border-bottom: 1px solid var(--line); background: var(--surface); }
.cye-conferences .conferences-hero-media { position: absolute; z-index: -2; inset: 0; }
.cye-conferences .conferences-hero-media img { width: 100%; height: 100%; object-fit: cover; object-position: var(--conferences-image-focus, center); }
.cye-conferences .conferences-hero::after { position: absolute; z-index: -1; inset: 0; content: ""; background: linear-gradient(90deg, rgba(4,17,15,.97) 0%, rgba(4,17,15,.87) 36%, rgba(4,17,15,.45) 69%, rgba(4,17,15,.18) 100%), linear-gradient(0deg, rgba(4,17,15,.45), transparent 45%); }
.cye-conferences .conferences-hero-inner { min-height: 620px; display: flex; align-items: center; padding-block: var(--section-space); }
.cye-conferences .conferences-hero-copy { max-width: 800px; min-width: 0; }
.cye-conferences .conferences-hero h1 { font-size: var(--heading-feature); line-height: 1.06; font-weight: 800; letter-spacing: -.04em; }
.cye-conferences .conferences-hero h1 span { display: block; color: var(--green); }
.cye-conferences .conferences-hero-intro { max-width: 590px; margin-top: 24px; color: #e2eae6; }
.cye-conferences .conferences-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; margin-top: 32px; }
.cye-conferences .conferences-actions .button-outline { background: rgba(4,17,15,.55); }
.cye-conferences .conferences-section-intro { max-width: 800px; margin-bottom: var(--heading-space); }
.cye-conferences .conferences-section-intro > p:last-child { max-width: 680px; margin-top: 18px; }
.cye-conferences .conferences-format-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--grid-gap); }
.cye-conferences .conferences-format { min-width: 0; overflow: hidden; border: 1px solid var(--line-strong); border-radius: var(--radius); background: var(--surface); }
.cye-conferences .conferences-format-media { aspect-ratio: 16 / 9; background: var(--raised); }
.cye-conferences .conferences-format-media img { height: 100%; width: 100%; object-fit: cover; }
.cye-conferences .conferences-format-copy { padding: var(--card-pad); }
.cye-conferences .conferences-format-heading { display: flex; align-items: flex-start; gap: 14px; }
.cye-conferences .conferences-format-heading .icon { color: var(--green); margin-top: 1px; }
.cye-conferences .conferences-format h3,
.cye-conferences .conferences-support-item h3,
.cye-conferences .conferences-project h3,
.cye-conferences .conferences-step h3 { font-size: var(--heading-card); line-height: 1.25; }
.cye-conferences .conferences-format-copy > p { margin-top: 14px; }
.cye-conferences .conferences-delivery { background: #071713; }
.cye-conferences .conferences-delivery-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: 72px; align-items: start; }
.cye-conferences .conferences-delivery-intro { margin-top: 20px; }
.cye-conferences .conferences-delivery-photo { margin-top: 32px; aspect-ratio: 4 / 3; overflow: hidden; border-radius: var(--radius); background: var(--raised); }
.cye-conferences .conferences-delivery-photo img { height: 100%; width: 100%; object-fit: cover; }
.cye-conferences .conferences-support-item { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 16px; padding-block: 20px; border-top: 1px solid var(--line-strong); }
.cye-conferences .conferences-support-item > .icon { color: var(--green); margin-top: 2px; }
.cye-conferences .conferences-support-item p { margin-top: 8px; }
.cye-conferences .conferences-support-item:last-child { border-bottom: 1px solid var(--line-strong); }
.cye-conferences .conferences-delivery-detail > .button { margin-top: 28px; }
.cye-conferences .conferences-work-heading { display: flex; gap: 40px; align-items: flex-end; justify-content: space-between; margin-bottom: var(--heading-space); }
.cye-conferences .conferences-work-heading .conferences-section-intro { max-width: 760px; margin-bottom: 0; }
.cye-conferences .conferences-work-heading > .text-link { flex-shrink: 0; padding-bottom: 4px; }
.cye-conferences .conferences-project-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--grid-gap); }
.cye-conferences .conferences-project { min-width: 0; border: 1px solid var(--line-strong); border-radius: var(--radius); background: var(--surface); transition: border-color .2s; }
.cye-conferences .conferences-project:hover,
.cye-conferences .conferences-project:focus-within { border-color: #24d18680; }
.cye-conferences .conferences-project > a { display: flex; flex-direction: column; height: 100%; border-radius: inherit; }
.cye-conferences .conferences-project-media { aspect-ratio: 3 / 2; overflow: hidden; border-radius: var(--radius) var(--radius) 0 0; background: var(--raised); }
.cye-conferences .conferences-project-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }
.cye-conferences .conferences-project:hover img { transform: scale(1.025); }
.cye-conferences .conferences-project-copy { display: flex; flex-direction: column; flex-grow: 1; align-items: flex-start; padding: var(--card-pad); }
.cye-conferences p.conferences-project-label { color: var(--green); font-size: 13px; line-height: 1.5; margin-bottom: 12px; }
.cye-conferences .conferences-project-description { margin-top: 14px; }
.cye-conferences .conferences-project-link { display: flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%; margin-top: auto; padding-top: 24px; color: var(--green); font-size: 14px; font-weight: 600; }
.cye-conferences .conferences-project-link .icon { width: 20px; height: 20px; }
.cye-conferences .conferences-process { background: #071713; }
.cye-conferences .conferences-process-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--grid-gap); list-style: none; padding: 0; margin: 0; }
.cye-conferences .conferences-step { min-width: 0; padding: var(--card-pad); border: 1px solid var(--line-strong); border-radius: var(--radius); }
.cye-conferences .conferences-step-icon { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; margin-bottom: 24px; color: var(--green); border: 1px solid #24d18645; border-radius: 8px; background: #24d1860a; }
.cye-conferences .conferences-step p { margin-top: 14px; }
.cye-conferences .conferences-closing { background: #0b261c; border-top: 1px solid #24d18635; }
.cye-conferences .conferences-closing-inner { display: flex; align-items: center; justify-content: space-between; gap: 64px; }
.cye-conferences .conferences-closing-inner > div { max-width: 800px; min-width: 0; }
.cye-conferences .conferences-closing-intro { max-width: 650px; margin-top: 20px; }
.cye-conferences .conferences-closing-inner > .button { flex-shrink: 0; }

@media (max-width: 1100px) {
    .cye-conferences .conferences-delivery-grid { gap: 40px; }
    .cye-conferences .conferences-closing-inner { gap: 32px; }
}
@media (max-width: 1000px) {
    .cye-conferences .conferences-project-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .cye-conferences .conferences-project:last-child:nth-child(odd) { grid-column: 1 / -1; }
    .cye-conferences .conferences-project:last-child:nth-child(odd) > a { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .cye-conferences .conferences-project:last-child:nth-child(odd) .conferences-project-media { height: 100%; min-height: 240px; aspect-ratio: auto; border-radius: var(--radius) 0 0 var(--radius); }
    .cye-conferences .conferences-work-heading { display: block; }
    .cye-conferences .conferences-work-heading > .text-link { margin-top: 24px; }
    .cye-conferences .conferences-closing-inner { display: block; }
    .cye-conferences .conferences-closing-inner > .button { margin-top: 28px; }
}
@media (max-width: 900px) {
    .cye-conferences .conferences-hero-inner { min-height: 560px; }
    .cye-conferences .conferences-hero::after { background: linear-gradient(90deg, rgba(4,17,15,.92), rgba(4,17,15,.58)), linear-gradient(0deg, rgba(4,17,15,.5), transparent); }
    .cye-conferences .conferences-delivery-grid { grid-template-columns: 1fr; gap: 32px; }
    .cye-conferences .conferences-delivery-photo { aspect-ratio: 16 / 9; }
    .cye-conferences .conferences-process-grid { grid-template-columns: 1fr; }
    .cye-conferences .conferences-step { display: grid; grid-template-columns: 48px minmax(0, 1fr); column-gap: 24px; }
    .cye-conferences .conferences-step-icon { grid-column: 1; grid-row: 1 / 3; margin-bottom: 0; }
    .cye-conferences .conferences-step h3, .cye-conferences .conferences-step p { grid-column: 2; }
}
@media (max-width: 700px) {
    .cye-conferences .conferences-hero-inner { min-height: 540px; }
    .cye-conferences .conferences-hero-copy { width: 100%; }
    .cye-conferences .conferences-hero-intro { margin-top: 20px; }
    .cye-conferences .conferences-actions { align-items: stretch; gap: 12px; margin-top: 28px; }
    .cye-conferences .conferences-actions > .button { width: 100%; }
    .cye-conferences .conferences-format-grid, .cye-conferences .conferences-project-grid { grid-template-columns: 1fr; }
    .cye-conferences .conferences-format-media { aspect-ratio: 3 / 2; }
    .cye-conferences .conferences-project:last-child:nth-child(odd) { grid-column: auto; }
    .cye-conferences .conferences-project:last-child:nth-child(odd) > a { display: flex; }
    .cye-conferences .conferences-project:last-child:nth-child(odd) .conferences-project-media { height: auto; min-height: 0; aspect-ratio: 3 / 2; border-radius: var(--radius) var(--radius) 0 0; }
    .cye-conferences .conferences-delivery-photo { margin-top: 24px; }
    .cye-conferences .conferences-closing-inner > .button { width: 100%; }
}
@media (max-width: 400px) {
    .cye-conferences .conferences-step { display: block; }
    .cye-conferences .conferences-step-icon { margin-bottom: 20px; }
}