@import '_content/Elixir.Web.UI/Elixir.Web.UI.0j37y6wuwi.bundle.scp.css';

/* /Components/Contact/ContactSection.razor.rz.scp.css */
.contact-section[b-fhxx6qjrl0] { background: var(--color-surface); padding-block: clamp(var(--space-12), 10vw, 6rem); }
.contact-section__grid[b-fhxx6qjrl0] { display: grid; gap: clamp(var(--space-8), 7vw, var(--space-16)); }
.contact-section__intro[b-fhxx6qjrl0] { align-self: start; }
.contact-section__intro p:not(.eyebrow)[b-fhxx6qjrl0] { color: var(--color-muted); max-width: 34rem; }
.contact-details[b-fhxx6qjrl0] { display: grid; gap: var(--space-4); margin: var(--space-8) 0 0; }
.contact-details div[b-fhxx6qjrl0] { border-top: 1px solid var(--color-border); padding-top: var(--space-3); }
.contact-details dt[b-fhxx6qjrl0] { color: var(--color-muted); font-size: .8rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.contact-details dd[b-fhxx6qjrl0] { font-size: 1.1rem; margin: .15rem 0 0; }

.contact-form[b-fhxx6qjrl0] { background: white; border: 1px solid rgb(16 37 42 / 8%); border-radius: 1rem; box-shadow: var(--shadow-card); display: grid; gap: clamp(var(--space-5), 3vw, var(--space-7)); padding: clamp(var(--space-6), 5vw, var(--space-8)); }
.contact-form__heading h3[b-fhxx6qjrl0] { font-size: clamp(1.5rem, 3vw, 2rem); letter-spacing: -.025em; margin-bottom: var(--space-2); }
.contact-form__heading p:last-child[b-fhxx6qjrl0] { color: var(--color-muted); font-size: .95rem; margin-bottom: 0; }
.contact-form__validation-summary[b-fhxx6qjrl0] { background: #fff4f1; border-left: 3px solid #b5473c; color: #681d17; padding: var(--space-4) var(--space-5); }
.contact-form__validation-summary strong[b-fhxx6qjrl0] { display: block; }
.contact-form__validation-summary ul[b-fhxx6qjrl0] { margin: var(--space-2) 0 0; padding-left: 1.2rem; }
.contact-form__fields[b-fhxx6qjrl0] { border: 0; display: grid; gap: clamp(1rem, 2vw, 1.25rem); margin: 0; min-inline-size: 0; padding: 0; }
.form-field[b-fhxx6qjrl0] { align-content: start; display: grid; gap: .5rem; min-inline-size: 0; }
.form-field label[b-fhxx6qjrl0] { font-weight: 750; line-height: 1.35; }
.form-field__required[b-fhxx6qjrl0] { color: #b42318; }
.form-field__control[b-fhxx6qjrl0] { min-inline-size: 0; }
.form-field__control[b-fhxx6qjrl0]  > input, .form-field__control[b-fhxx6qjrl0]  > textarea { background: white; border: 1px solid var(--color-border); border-radius: .6rem; color: var(--color-ink); font: inherit; min-block-size: 3rem; padding: .8rem .9rem; transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease; width: 100%; }
.form-field__control[b-fhxx6qjrl0]  > textarea { min-block-size: 9rem; resize: vertical; }
.form-field__control[b-fhxx6qjrl0]  > input::placeholder, .form-field__control[b-fhxx6qjrl0]  > textarea::placeholder { color: #587077; opacity: 1; }
.form-field__control[b-fhxx6qjrl0]  > input:hover, .form-field__control[b-fhxx6qjrl0]  > textarea:hover { border-color: #94abb0; }
.form-field__control[b-fhxx6qjrl0]  > input:focus, .form-field__control[b-fhxx6qjrl0]  > textarea:focus { border-color: var(--color-brand); box-shadow: 0 0 0 3px rgb(0 123 137 / 16%); outline: 0; }
.form-field--error .form-field__control[b-fhxx6qjrl0]  > input, .form-field--error .form-field__control[b-fhxx6qjrl0]  > textarea { background: #fff0ed; border-color: #b5473c; }
.form-field--error .form-field__control[b-fhxx6qjrl0]  > input:focus, .form-field--error .form-field__control[b-fhxx6qjrl0]  > textarea:focus { box-shadow: 0 0 0 3px rgb(181 71 60 / 18%); }
.form-field__error[b-fhxx6qjrl0] { color: #8e3028; display: block; font-size: .9rem; font-weight: 650; line-height: 1.4; margin-top: .35rem; }
.contact-attachment-field[b-fhxx6qjrl0] { --elx-ui-file-upload-border: var(--color-border); --elx-ui-file-upload-border-hover: #94abb0; --elx-ui-file-upload-bg: #f8fbfb; --elx-ui-file-upload-radius: .6rem; --elx-ui-file-upload-padding: 1rem; }
.contact-attachment-field.form-field--error[b-fhxx6qjrl0] { --elx-ui-file-upload-border: #b5473c; --elx-ui-file-upload-border-hover: #8e3028; --elx-ui-file-upload-bg: #fff0ed; }
.contact-attachment-field[b-fhxx6qjrl0]  .elx-ui-file-upload { font: inherit; }
.contact-attachment-field[b-fhxx6qjrl0]  .elx-ui-file-upload__title { color: var(--color-ink); font-weight: 750; }
.contact-attachment-field[b-fhxx6qjrl0]  .elx-ui-file-upload__helper { color: var(--color-muted); line-height: 1.45; }
.contact-attachment-field[b-fhxx6qjrl0]  .elx-ui-file-upload__surface:focus-within { outline: 3px solid var(--color-focus); outline-offset: 3px; }

.form-status[b-fhxx6qjrl0] { align-items: flex-start; border: 1px solid transparent; border-radius: .75rem; display: grid; gap: .75rem; grid-template-columns: auto minmax(0, 1fr); margin: 0; padding: 1rem; }
.form-status:focus[b-fhxx6qjrl0] { outline: 3px solid var(--color-focus); outline-offset: 3px; }
.form-status__icon[b-fhxx6qjrl0] { block-size: 1.5rem; border-radius: 50%; display: block; inline-size: 1.5rem; position: relative; }
.form-status__content[b-fhxx6qjrl0] { display: block; line-height: 1.4; }
.form-status__content strong[b-fhxx6qjrl0] { display: block; font-size: 1rem; }
.form-status__message[b-fhxx6qjrl0] { display: block; margin-top: .15rem; }
.form-status--success[b-fhxx6qjrl0] { background: #dcfae6; border-color: #9edcb6; color: #075b2d; }
.form-status__icon--success[b-fhxx6qjrl0] { background: #0b6b34; }
.form-status__icon--success[b-fhxx6qjrl0]::after { border: solid white; border-width: 0 .14rem .14rem 0; content: ""; block-size: .65rem; inline-size: .32rem; inset: .31rem .55rem; position: absolute; transform: rotate(45deg); }
.form-status--error[b-fhxx6qjrl0] { background: #fffaf8; border-color: #f0c5bf; color: #7a160f; }
.form-status__icon--error[b-fhxx6qjrl0] { background: #a4241d; }
.form-status__icon--error[b-fhxx6qjrl0]::before, .form-status__icon--error[b-fhxx6qjrl0]::after { background: white; content: ""; block-size: .14rem; inline-size: .72rem; inset: .68rem .39rem; position: absolute; transform: rotate(45deg); }
.form-status__icon--error[b-fhxx6qjrl0]::after { transform: rotate(-45deg); }

.contact-form__actions[b-fhxx6qjrl0] { border-top: 1px solid var(--color-border); display: grid; gap: var(--space-5); padding-top: var(--space-6); }
.contact-form__verification[b-fhxx6qjrl0] { display: grid; gap: .35rem; max-inline-size: 20rem; }
.contact-form__verification--error .form-field__control[b-fhxx6qjrl0] { background: #fff0ed; border: 1px solid #b5473c; border-radius: .6rem; padding: .35rem; }
.contact-form__submit[b-fhxx6qjrl0] { display: grid; gap: var(--space-3); }
.contact-form__submit > .button[b-fhxx6qjrl0] { justify-self: start; min-inline-size: min(100%, 12rem); }
.contact-form__submit > .button:disabled[b-fhxx6qjrl0] { background: #176c75; cursor: wait; }
.contact-form__submit > p[b-fhxx6qjrl0] { color: var(--color-muted); font-size: .92rem; margin: 0; }

@media (min-width: 37rem) {
  .contact-form__fields[b-fhxx6qjrl0] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .form-field--wide[b-fhxx6qjrl0] { grid-column: 1 / -1; }
}

@media (min-width: 55rem) {
  .contact-section__grid[b-fhxx6qjrl0] { grid-template-columns: minmax(16rem, .82fr) minmax(0, 1.18fr); }
}

@media (max-width: 30rem) {
  .contact-form[b-fhxx6qjrl0] { border-radius: .75rem; padding: var(--space-4); }
  .contact-form__submit > .button[b-fhxx6qjrl0] { justify-self: stretch; }
}
/* /Components/Gallery/GalleryBrowser.razor.rz.scp.css */
.gallery-section[b-ps1jvlhtph] { padding-block: var(--space-16); }
.gallery-showcase + .gallery-showcase[b-ps1jvlhtph] { border-top: 1px solid var(--color-border); margin-top: var(--space-16); padding-top: var(--space-16); }
.gallery-showcase__heading[b-ps1jvlhtph] { margin-bottom: var(--space-8); max-width: 44rem; }
.gallery-showcase__heading p:last-child[b-ps1jvlhtph] { color: var(--color-muted); }
.gallery-grid[b-ps1jvlhtph] { columns: 3 18rem; column-gap: var(--space-4); }
.gallery-card[b-ps1jvlhtph] { background: var(--color-surface); border: 1px solid transparent; border-radius: .75rem; break-inside: avoid; color: inherit; cursor: pointer; display: block; margin: 0 0 var(--space-4); overflow: hidden; padding: 0; text-align: left; transition: transform .18s ease; width: 100%; }
.gallery-card:focus-visible[b-ps1jvlhtph] { outline: 3px solid var(--color-brand); outline-offset: 4px; }
.gallery-card img[b-ps1jvlhtph] { display: block; height: auto; width: 100%; }
.gallery-card__content[b-ps1jvlhtph] { display: grid; gap: .2rem; padding: 1rem; }
.gallery-dialog[b-ps1jvlhtph] { background: white; border: 1px solid var(--color-border); border-radius: 1rem; box-shadow: 0 1.5rem 5rem rgb(0 0 0 / .55); color: var(--color-ink); margin: auto; max-height: calc(100dvh - 2rem); max-width: min(78rem, calc(100vw - 2rem)); overscroll-behavior: contain; overflow: auto; padding: 0; width: min(78rem, calc(100vw - 2rem)); }
.gallery-dialog[b-ps1jvlhtph]::backdrop { background: rgb(5 19 24 / .88); }
.gallery-dialog__content[b-ps1jvlhtph] { color: var(--color-ink); max-width: min(78rem, calc(100vw - 2rem)); width: 100%; }
.gallery-dialog__header[b-ps1jvlhtph] { align-items: center; background: var(--color-surface); border-bottom: 1px solid var(--color-border); display: flex; gap: 1rem; justify-content: space-between; padding: .75rem .75rem .75rem 1.25rem; }
.gallery-dialog__header p[b-ps1jvlhtph] { line-height: 1.35; margin: 0; max-width: 60ch; }
.gallery-dialog__image-frame[b-ps1jvlhtph] { align-items: center; background: var(--color-surface); display: grid; justify-items: center; min-height: min(32rem, calc(100dvh - 12rem)); overflow: hidden; position: relative; }
.gallery-dialog img[b-ps1jvlhtph] { display: block; grid-area: 1 / 1; max-height: calc(100dvh - 12rem); max-width: 100%; object-fit: contain; transition: opacity .15s ease; width: auto; }
.gallery-dialog__image--loading[b-ps1jvlhtph] { opacity: 0; }
.gallery-dialog__image-loader[b-ps1jvlhtph], .gallery-dialog__image-error[b-ps1jvlhtph] { align-items: center; color: var(--color-muted); display: flex; font-weight: 700; gap: .75rem; grid-area: 1 / 1; margin: 1rem; text-align: center; }
.gallery-dialog__image-error[b-ps1jvlhtph] { max-width: 32rem; }
.gallery-dialog__spinner[b-ps1jvlhtph] { animation: gallery-dialog-spin-b-ps1jvlhtph .75s linear infinite; border: 3px solid var(--color-border); border-radius: 50%; border-top-color: var(--color-brand); height: 1.5rem; width: 1.5rem; }
.gallery-dialog__footer[b-ps1jvlhtph] { align-items: center; background: var(--color-surface); border-top: 1px solid var(--color-border); display: flex; gap: 1rem; justify-content: space-between; padding: .75rem 1.25rem; }
.gallery-dialog__footer p[b-ps1jvlhtph] { color: var(--color-muted); line-height: 1.45; margin: 0; min-width: 0; }
.gallery-dialog__image-link[b-ps1jvlhtph] { align-items: center; border-radius: .5rem; color: var(--color-brand-deep); display: inline-flex; flex: 0 0 auto; font-weight: 700; justify-content: center; min-block-size: 2.75rem; padding-inline: .65rem; }
.gallery-dialog__close[b-ps1jvlhtph] { background: white; border: 1px solid var(--color-border); border-radius: 50%; color: var(--color-ink); cursor: pointer; flex: 0 0 auto; font-size: 1.5rem; height: 2.75rem; width: 2.75rem; }
.gallery-dialog__close:focus-visible[b-ps1jvlhtph], .gallery-dialog__image-link:focus-visible[b-ps1jvlhtph] { outline: 3px solid var(--color-brand); outline-offset: 4px; }

@keyframes gallery-dialog-spin-b-ps1jvlhtph {
  to { transform: rotate(1turn); }
}

@media (hover: hover) {
  .gallery-card:hover[b-ps1jvlhtph] { border-color: var(--color-border); box-shadow: var(--shadow-card); transform: translateY(-.2rem); }
  .gallery-dialog__close:hover[b-ps1jvlhtph] { background: var(--color-brand); border-color: var(--color-brand); color: white; }
}

@media (max-width: 35rem) {
  .gallery-grid[b-ps1jvlhtph] { column-gap: var(--space-3); }
  .gallery-card[b-ps1jvlhtph] { margin-bottom: var(--space-3); }
  .gallery-dialog[b-ps1jvlhtph] { max-height: calc(100dvh - 1rem); max-width: calc(100vw - 1rem); width: calc(100vw - 1rem); }
  .gallery-dialog__content[b-ps1jvlhtph] { max-width: calc(100vw - 1rem); }
  .gallery-dialog__header[b-ps1jvlhtph] { padding-left: 1rem; }
  .gallery-dialog__image-frame[b-ps1jvlhtph] { min-height: min(20rem, calc(100dvh - 13rem)); }
  .gallery-dialog img[b-ps1jvlhtph] { max-height: calc(100dvh - 13rem); }
  .gallery-dialog__footer[b-ps1jvlhtph] { align-items: flex-start; flex-direction: column; gap: .5rem; padding: .75rem 1rem 1rem; }
}