/* extracted verbatim from sks-shopify/sections/sks-contact.liquid ({%- style -%} block; #{{ section_id }} → #sks-contact) */
#sks-contact {
    --sks-c-ivory: #F5F0E8;
    --sks-c-parch: #E8DFD0;
    --sks-c-paper: #FBFAF6;
    --sks-c-white: #FFFFFF;
    --sks-c-slate: #2C3E50;
    --sks-c-amber: #B8520A;
    --sks-c-amber-l: #D4681A;
    --sks-c-amber-p: #FEF3EC;
    --sks-c-onyx: #1A1A1A;
    --sks-c-body: #4A4440;
    --sks-c-muted: #9A9088;
    --sks-c-rule: rgba(74, 68, 64, .14);
    --sks-c-ok: #1A5C2A;
    --sks-c-r: 6px;
  }

  #sks-contact { color: var(--sks-c-body); font-family: 'Jost', 'Helvetica Neue', sans-serif; font-weight: 300; line-height: 1.55; }
  #sks-contact *, #sks-contact *::before, #sks-contact *::after { box-sizing: border-box; }
  #sks-contact h1, #sks-contact h2, #sks-contact h3 {
    font-family: 'Playfair Display', Georgia, serif;
    font-weight: 600; letter-spacing: -.01em; line-height: 1.15; margin: 0; color: var(--sks-c-onyx);
  }
  #sks-contact em { font-style: italic; color: var(--sks-c-amber); font-weight: 400; }
  #sks-contact a { color: var(--sks-c-amber); text-decoration: none; transition: color .2s; }
  #sks-contact a:hover { color: var(--sks-c-amber-l); }

  /* ── Hero ───────────────────────────────────────────────────── */
  #sks-contact .sksc-hero {
    background: var(--sks-c-ivory);
    padding: 72px 40px 64px;
    text-align: center;
  }
  #sks-contact .sksc-hero__wrap { max-width: 720px; margin: 0 auto; }
  #sks-contact .sksc-eyebrow {
    font-size: 11px;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--sks-c-amber);
    font-weight: 600;
    margin: 0 0 12px;
  }
  #sks-contact .sksc-hero__h {
    font-size: clamp(32px, 4.4vw, 46px);
    margin: 0 0 16px;
  }
  #sks-contact .sksc-hero__p {
    font-size: 15.5px;
    max-width: 56ch;
    margin: 0 auto;
    color: var(--sks-c-body);
  }

  /* ── Trust bar ──────────────────────────────────────────────── */
  #sks-contact .sksc-trust {
    background: var(--sks-c-white);
    border-top: 1px solid var(--sks-c-rule);
    border-bottom: 1px solid var(--sks-c-rule);
    padding: 22px 40px;
  }
  #sks-contact .sksc-trust__wrap {
    max-width: 1180px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    text-align: center;
  }
  #sks-contact .sksc-trust__cell {
    padding: 0 6px;
  }
  #sks-contact .sksc-trust__num {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 22px;
    font-weight: 600;
    color: var(--sks-c-amber);
    line-height: 1;
    display: block;
    margin-bottom: 6px;
  }
  #sks-contact .sksc-trust__lbl {
    font-size: 11px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--sks-c-muted);
    font-weight: 500;
  }

  /* ── Main body — 2 col ──────────────────────────────────────── */
  #sks-contact .sksc-body {
    background: var(--sks-c-white);
    padding: 72px 40px;
  }
  #sks-contact .sksc-body__wrap {
    max-width: 1180px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: 56px;
    align-items: start;
  }

  /* Form column */
  #sks-contact .sksc-form-col__eb {
    font-size: 11px;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--sks-c-amber);
    font-weight: 600;
    margin: 0 0 10px;
  }
  #sks-contact .sksc-form-col__h {
    font-size: 26px;
    margin: 0 0 8px;
  }
  #sks-contact .sksc-form-col__sub {
    font-size: 14.5px;
    color: var(--sks-c-body);
    margin: 0 0 28px;
    line-height: 1.6;
  }

  /* Form */
  #sks-contact .sksc-form { display: flex; flex-direction: column; gap: 16px; }
  #sks-contact .sksc-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
  #sks-contact .sksc-field { position: relative; }
  #sks-contact .sksc-lbl {
    display: block;
    font-size: 11px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--sks-c-body);
    font-weight: 600;
    margin-bottom: 6px;
  }
  #sks-contact .sksc-lbl .req { color: var(--sks-c-amber); }
  #sks-contact .sksc-inp,
  #sks-contact .sksc-sel,
  #sks-contact .sksc-txt {
    width: 100%;
    padding: 12px 14px;
    background: var(--sks-c-paper);
    border: 1px solid var(--sks-c-rule);
    border-radius: var(--sks-c-r);
    font-family: inherit;
    font-size: 14.5px;
    color: var(--sks-c-onyx);
    line-height: 1.4;
    transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
  }
  #sks-contact .sksc-inp:focus,
  #sks-contact .sksc-sel:focus,
  #sks-contact .sksc-txt:focus {
    outline: none;
    border-color: var(--sks-c-amber);
    background: var(--sks-c-white);
    box-shadow: 0 0 0 3px rgba(184, 82, 10, .1);
  }
  #sks-contact .sksc-txt { min-height: 140px; resize: vertical; }
  #sks-contact .sksc-sel {
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' stroke='%234A4440' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    background-repeat: no-repeat;
    background-position: right 14px center;
    padding-right: 40px;
  }
  #sks-contact .sksc-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px 28px;
    background: var(--sks-c-amber);
    color: var(--sks-c-white);
    border: none;
    border-radius: var(--sks-c-r);
    font-family: inherit;
    font-weight: 500;
    font-size: 13.5px;
    letter-spacing: .04em;
    cursor: pointer;
    transition: background .2s ease, transform .2s ease;
    margin-top: 6px;
    align-self: flex-start;
  }
  #sks-contact .sksc-submit:hover { background: var(--sks-c-amber-l); transform: translateY(-1px); }

  /* Success / error states from Shopify contact form */
  #sks-contact .sksc-msg {
    padding: 14px 18px;
    border-radius: var(--sks-c-r);
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: flex-start;
    gap: 10px;
  }
  #sks-contact .sksc-msg--ok { background: #EAF3DE; color: var(--sks-c-ok); border: 1px solid rgba(26, 92, 42, .15); }
  #sks-contact .sksc-msg--err { background: #FEF3EC; color: var(--sks-c-amber); border: 1px solid rgba(184, 82, 10, .18); }
  #sks-contact .sksc-msg svg { flex-shrink: 0; margin-top: 2px; }

  /* Info column */
  #sks-contact .sksc-info {
    background: var(--sks-c-ivory);
    border: 1px solid var(--sks-c-rule);
    border-radius: var(--sks-c-r);
    padding: 32px 28px;
    display: flex;
    flex-direction: column;
    gap: 22px;
  }
  #sks-contact .sksc-info__eb {
    font-size: 11px;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--sks-c-amber);
    font-weight: 600;
  }
  #sks-contact .sksc-info__h {
    font-size: 22px;
    margin: 4px 0 0;
  }
  #sks-contact .sksc-info__item {
    display: flex;
    gap: 14px;
    align-items: flex-start;
  }
  #sks-contact .sksc-info__ico {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--sks-c-amber-p);
    color: var(--sks-c-amber);
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  #sks-contact .sksc-info__ico svg { width: 16px; height: 16px; }
  #sks-contact .sksc-info__lbl {
    font-size: 10.5px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--sks-c-muted);
    font-weight: 600;
    display: block;
    margin-bottom: 2px;
  }
  #sks-contact .sksc-info__val {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 16px;
    font-weight: 600;
    color: var(--sks-c-onyx);
    line-height: 1.3;
    display: block;
  }
  #sks-contact .sksc-info__val a { color: var(--sks-c-onyx); }
  #sks-contact .sksc-info__val a:hover { color: var(--sks-c-amber); }
  #sks-contact .sksc-info__sub {
    font-size: 12.5px;
    color: var(--sks-c-body);
    margin-top: 3px;
    line-height: 1.5;
  }

  /* ── Quick-help panel ───────────────────────────────────────── */
  #sks-contact .sksc-help {
    background: var(--sks-c-ivory);
    padding: 64px 40px;
  }
  #sks-contact .sksc-help__wrap {
    max-width: 1180px;
    margin: 0 auto;
  }
  #sks-contact .sksc-help__head {
    text-align: center;
    max-width: 620px;
    margin: 0 auto 40px;
  }
  #sks-contact .sksc-help__h {
    font-size: clamp(24px, 3vw, 30px);
    margin: 0 0 10px;
  }
  #sks-contact .sksc-help__sub {
    font-size: 14.5px;
    color: var(--sks-c-body);
    line-height: 1.6;
    margin: 0;
  }
  #sks-contact .sksc-help__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
  }
  #sks-contact .sksc-help__tile {
    background: var(--sks-c-white);
    border: 1px solid var(--sks-c-rule);
    border-radius: var(--sks-c-r);
    padding: 22px 20px 20px;
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
    gap: 10px;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  }
  #sks-contact .sksc-help__tile:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(26, 26, 26, .07);
    border-color: rgba(184, 82, 10, .28);
  }
  #sks-contact .sksc-help__tile-t {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 17px;
    font-weight: 600;
    color: var(--sks-c-onyx);
    margin: 0;
    line-height: 1.25;
  }
  #sks-contact .sksc-help__tile-d {
    font-size: 12.5px;
    color: var(--sks-c-body);
    line-height: 1.55;
    margin: 0;
  }
  #sks-contact .sksc-help__tile-go {
    margin-top: auto;
    padding-top: 8px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--sks-c-amber);
    transition: gap .2s ease;
  }
  #sks-contact .sksc-help__tile:hover .sksc-help__tile-go { gap: 8px; }

  /* ── Signature / provenance card ────────────────────────────── */
  #sks-contact .sksc-sig {
    background: var(--sks-c-white);
    padding: 56px 40px 72px;
  }
  #sks-contact .sksc-sig__wrap {
    max-width: 720px;
    margin: 0 auto;
    text-align: center;
    padding: 32px 28px;
    border-top: 1px solid var(--sks-c-rule);
    border-bottom: 1px solid var(--sks-c-rule);
  }
  #sks-contact .sksc-sig__eb {
    font-size: 11px;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--sks-c-amber);
    font-weight: 600;
    margin: 0 0 10px;
  }
  #sks-contact .sksc-sig__h {
    font-size: clamp(22px, 2.6vw, 28px);
    margin: 0 0 12px;
  }
  #sks-contact .sksc-sig__p {
    font-size: 14.5px;
    color: var(--sks-c-body);
    line-height: 1.7;
    margin: 0;
  }

  /* ── Responsive ─────────────────────────────────────────────── */
  @media screen and (max-width: 960px) {
    #sks-contact .sksc-hero { padding: 56px 24px 48px; }
    #sks-contact .sksc-body { padding: 56px 24px; }
    #sks-contact .sksc-help { padding: 56px 24px; }
    #sks-contact .sksc-sig { padding: 48px 24px 60px; }
    #sks-contact .sksc-body__wrap { grid-template-columns: 1fr; gap: 40px; }
    #sks-contact .sksc-trust { padding: 20px 24px; }
    #sks-contact .sksc-trust__wrap { grid-template-columns: repeat(2, 1fr); gap: 20px; }
    #sks-contact .sksc-help__grid { grid-template-columns: repeat(2, 1fr); }
  }
  @media screen and (max-width: 600px) {
    #sks-contact .sksc-form__row { grid-template-columns: 1fr; }
    #sks-contact .sksc-hero__h { font-size: 28px; }
    #sks-contact .sksc-form-col__h { font-size: 22px; }
    #sks-contact .sksc-info { padding: 26px 22px; }
    #sks-contact .sksc-help__grid { grid-template-columns: 1fr; }
    #sks-contact .sksc-trust__num { font-size: 20px; }
  }