
    :root{
      --taupe:#B7957A;
      --coffee:#E6DBD7;
      --white:#F4F0F1;
      --ink:#302822;
      --muted:#75685f;
      --paper:#fffdfb;
      --line:#e7ddd6;
      --danger:#8b3f3f;
      --radius:22px;
      --shadow:0 18px 50px rgba(74,55,43,.10);
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      color:var(--ink);
      background:
        radial-gradient(circle at 0 0, rgba(183,149,122,.13), transparent 28rem),
        linear-gradient(180deg,var(--white),#fff 42%);
      font-family:"Montserrat","Poppins",Arial,sans-serif;
      line-height:1.55;
    }
    .hero{
      background:var(--taupe);
      color:white;
      padding:42px 20px 78px;
      text-align:center;
      position:relative;
      overflow:hidden;
    }
    .hero:after{
      content:"";
      position:absolute;
      width:380px;height:380px;border:1px solid rgba(255,255,255,.18);
      border-radius:50%;right:-190px;top:-190px;
    }
    .brand{
      font-family:"DM Serif Display","Playfair Display",Georgia,serif;
      font-size:38px;letter-spacing:.02em;line-height:1;
      margin:4px 0 6px;
    }
    .brand-sub{font-size:11px;letter-spacing:.28em;text-transform:uppercase;opacity:.94}
    .heart{font-size:18px;margin:15px 0 10px}
    .hero h1{
      max-width:800px;margin:12px auto 10px;
      font-family:"Playfair Display",Georgia,serif;
      font-weight:500;font-size:clamp(28px,5vw,48px);line-height:1.08;
    }
    .hero p{max-width:720px;margin:0 auto;opacity:.94;font-size:14px}
    .wrap{max-width:900px;margin:-46px auto 70px;padding:0 18px;position:relative;z-index:2}
    .intro,.section{
      background:rgba(255,253,251,.98);
      border:1px solid rgba(183,149,122,.22);
      border-radius:var(--radius);
      box-shadow:var(--shadow);
    }
    .intro{padding:24px 26px;margin-bottom:18px;text-align:center}
    .intro strong{color:var(--taupe)}
    .section{padding:28px;margin:18px 0}
    .section-kicker{
      color:var(--taupe);font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:700
    }
    h2{
      font-family:"Playfair Display",Georgia,serif;
      font-size:25px;font-weight:500;margin:3px 0 22px
    }
    .field{margin:0 0 22px}
    label.legend,.field>label:first-child{display:block;font-weight:650;font-size:14px;margin-bottom:8px}
    .req{color:var(--taupe)}
    .help{font-size:12px;color:var(--muted);margin:6px 0 0}
    input[type=text],input[type=email],input[type=tel],input[type=url],textarea,select{
      width:100%;border:1px solid #d9ccc3;background:#fff;border-radius:12px;
      padding:13px 14px;font:inherit;font-size:14px;color:var(--ink);outline:none;
      transition:.18s border,.18s box-shadow;
    }
    textarea{min-height:118px;resize:vertical}
    input:focus,textarea:focus,select:focus{border-color:var(--taupe);box-shadow:0 0 0 3px rgba(183,149,122,.14)}
    .choices{display:grid;gap:9px}
    .choices.two{grid-template-columns:repeat(2,minmax(0,1fr))}
    .choice{
      display:flex;align-items:flex-start;gap:9px;padding:11px 12px;border:1px solid var(--line);
      border-radius:12px;background:#fff;font-size:13px;
    }
    .choice input{margin-top:3px;accent-color:var(--taupe)}
    .notice{
      background:var(--white);border-left:4px solid var(--taupe);padding:17px 18px;
      border-radius:12px;font-size:13px;margin-bottom:22px;
    }
    .notice ul{margin:10px 0 0;padding-left:20px}
    input[type=file]{
      width:100%;padding:13px;border:1px dashed var(--taupe);border-radius:12px;background:#fff;
      font:inherit;font-size:13px;
    }
    .submit{
      width:100%;border:0;border-radius:14px;background:var(--taupe);color:#fff;
      padding:16px 22px;font-weight:750;letter-spacing:.05em;cursor:pointer;font-size:14px;
      box-shadow:0 10px 25px rgba(183,149,122,.28);
    }
    .submit:hover{filter:brightness(.96)}
    .fine{text-align:center;color:var(--muted);font-size:11px;margin:13px auto 0;max-width:650px}
    .footer{text-align:center;color:var(--muted);font-size:12px;padding:4px 0 20px}
    .conditional{display:none}
    @media(max-width:640px){
      .hero{padding-top:32px}
      .brand{font-size:32px}
      .wrap{padding:0 12px}
      .section{padding:22px 18px}
      .choices.two{grid-template-columns:1fr}
    }
  
    .jobs{display:grid;gap:18px}
    .job{display:block;text-decoration:none;color:inherit;padding:26px 28px}
    .job h2{margin:3px 0 8px}
    .job p{margin:0 0 16px;color:var(--muted);font-size:14px}
    .job .btn{display:inline-block;background:var(--taupe);color:#fff;border-radius:12px;padding:11px 20px;font-weight:700;font-size:13px;letter-spacing:.05em}
    .job:hover{transform:translateY(-2px);transition:.18s}
    .thanks{padding:40px 28px;text-align:center}
    .thanks a{color:var(--taupe);font-weight:700}

.logo{width:190px;max-width:60vw;height:auto;display:block;margin:4px auto 6px}
