/* ---------------------------------------------------------------------------
 * LCA! Film Festival 2026 — refinement layer
 *
 * Ported into this repository under LCA2026-SITE-010 (decision D-018) from the
 * Living Experience workspace. Design language adopted by the owner.
 *
 * AUTHORITY
 *   assets/css/tokens.css owns every design value. This file consumes tokens
 *   and defines none. It must never redefine a --color-*, --font-*, --duration-*,
 *   --easing-*, --space-* or --display-* custom property.
 *
 * CASCADE CONTRACT
 *   This layer SUPPLEMENTS production CSS; it never replaces it. It is linked
 *   AFTER the page's own stylesheet so it wins only where specificity is equal
 *   or higher. `.btn` itself stays owned by assets/css/components.css.
 *
 * Namespace is `.r06-`. Every rule below is as authored in the source layer
 * except this comment block.
 * ------------------------------------------------------------------------ */

.r06-contact-cover { background:var(--color-aqua); padding-block:3.5rem; --r06-texture-opacity:.11; overflow:hidden; }
.r06-contact-title{display:flex;align-items:center;justify-content:space-between;gap:3rem}
.r06-contact-title .r06-lead{margin-top:1.5rem}
.r06-contact-title .contact-email{display:inline-block;margin-top:1.5rem;font-weight:700;text-underline-offset:.5rem}
.r06-contact-postmark{border:2px solid var(--color-ink);border-radius:50%;width:15rem;height:15rem;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-12deg);background:var(--color-yellow);outline:1px solid var(--color-ink);outline-offset:9px}
.r06-contact-postmark span:first-child{font:700 3rem/1.2 var(--font-body);letter-spacing:-.04em}.r06-contact-postmark span+span{font:700 .7rem/2 var(--font-body);letter-spacing:.2em}
.r06-contact #contact-options { background:var(--color-paper-warm); }
.r06-contact .contact-section { border-bottom:0; padding:2.5rem; position:relative; background:var(--color-paper-warm); }
.r06-contact .contact-section::before{content:'';position:absolute;left:0;top:0;bottom:0;width:7px;background:var(--color-yellow)}
.r06-contact #partnership::before{background:var(--color-aqua)}
.r06-contact #feedback::before{background:var(--color-coral)}
.r06-contact .contact-section+.contact-section{margin-top:2rem;padding-top:2.5rem}
.r06-contact .contact-section .form-card{background:var(--color-paper)}
.r06-contact #film-submission,.r06-contact #volunteer{background:var(--color-mist)}
.r06-contact #film-submission::before,.r06-contact #volunteer::before{background:var(--color-line)}
@media(max-width:700px){.r06-contact-postmark{width:9rem;height:9rem}.r06-contact-postmark span:first-child{font-size:2rem}.r06-contact-postmark span+span{font-size:.55rem}.r06-contact-title{gap:1.5rem}.r06-contact .contact-section{padding:1.3rem}.r06-contact .contact-section+.contact-section{padding-top:1.3rem}}
@media(max-width:480px){.r06-contact-title{display:block}.r06-contact-postmark{width:6.5rem;height:6.5rem;float:right;margin-top:1.5rem;outline-offset:5px}.r06-contact-cover{padding-block:2rem}.r06-contact-postmark span:first-child{font-size:1.5rem}.r06-contact-postmark span+span{font-size:.45rem}}
/* Colour surrounds the existing form. Form markup, fields and controls are untouched. */
.r06-contact #general{background:var(--color-yellow)}
.r06-contact #partner{background:var(--color-aqua)}
.r06-contact #feedback{background:var(--color-coral)}
.r06-contact :is(#general,#partner,#feedback)>.lca-form{background:var(--color-paper);padding:1.75rem;position:relative}
.r06-contact :is(#general,#partner,#feedback)>:is(h2,.intro,.eyebrow){position:relative;z-index:1}
.r06-contact :is(#general,#partner,#feedback)::after{content:'';position:absolute;inset:0 0 auto auto;width:40%;height:11rem;background:url('../../images/tile-c-wall.png') right/130px auto;opacity:.07;pointer-events:none}
.r06-contact #submit-film,.r06-contact #volunteer{background:var(--color-mist)}
@media(max-width:700px){.r06-contact :is(#general,#partner,#feedback)>.lca-form{padding:1rem}.r06-contact .contact-section{padding:1.1rem}.r06-contact .contact-section+.contact-section{padding-top:1.5rem}}