/* Petticrows Crew plugin – all rules scoped under #pc-dragon (base.css + crew page + form). */
/* ===== Petticrows Dragon set-up guide =====
   All rules are scoped under #pc-dragon so the block can be pasted into a
   WordPress "Custom HTML" block without affecting the rest of the site.
   Brand: Kanit headings, Open Sans body, Petticrows red #E30613. */
#pc-dragon{
  --red:#e30613; --red-dark:#b8050f; --ink:#212529; --text:#333333; --muted:#5d5d5d;
  --grey:#f4f4f4; --line:#e3e3e3; --white:#ffffff;
  --head:"Kanit","Helvetica Neue",Arial,sans-serif;
  --body:"Open Sans","Helvetica Neue",Arial,sans-serif;
  font-family:var(--body);font-size:16px;line-height:1.6;color:var(--text);background:var(--white);
  max-width:1140px;margin:0 auto;padding-inline:16px;padding-block:24px 64px;
  display:grid;gap:56px;
}
#pc-dragon *{box-sizing:border-box}
#pc-dragon h1,#pc-dragon h2,#pc-dragon h3{font-family:var(--head);color:var(--ink);margin:0;line-height:1.15;text-wrap:balance}
#pc-dragon p{margin:0}
#pc-dragon .eyebrow{font-family:var(--head);font-weight:500;font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
#pc-dragon .n{font-family:var(--head);font-variant-numeric:tabular-nums}

/* hero */
#pc-dragon .hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:32px;align-items:end;border-bottom:3px solid var(--red);padding-bottom:32px}
#pc-dragon .hero h1{font-size:clamp(40px,6vw,64px);font-weight:600;margin-top:8px}
#pc-dragon .hero p{max-width:60ch;margin-top:14px}
#pc-dragon .dl{display:grid;gap:10px;justify-items:start;background:var(--grey);padding:22px}
#pc-dragon .dl strong{font-family:var(--head);font-weight:500;font-size:20px;color:var(--ink)}
#pc-dragon .dl span{font-size:14px;color:var(--muted)}
#pc-dragon .btn{display:inline-flex;align-items:center;gap:10px;background:var(--red);color:var(--white);text-decoration:none;font-family:var(--head);font-weight:500;font-size:17px;padding:12px 22px;border-radius:2px;transition:background .2s}
#pc-dragon .btn:hover{background:var(--red-dark)}
#pc-dragon .btns{display:flex;flex-wrap:wrap;gap:10px}
#pc-dragon .btn.alt{background:var(--white);color:var(--ink);border:1px solid var(--ink)}
#pc-dragon .btn.alt:hover{background:var(--ink);color:var(--white)}
#pc-dragon .btn:focus-visible,#pc-dragon button:focus-visible,#pc-dragon input:focus-visible{outline:3px solid var(--ink);outline-offset:2px}

/* section heads */
#pc-dragon section{display:grid;gap:18px}
#pc-dragon section>h2{font-size:clamp(28px,3.5vw,36px);font-weight:600;color:var(--red)}
#pc-dragon .lede{max-width:68ch;color:var(--muted)}

/* ===== Crew members page ===== */
#pc-dragon a{color:var(--red)}
#pc-dragon .btn,#pc-dragon .btn:hover{color:var(--white)}
#pc-dragon h1,#pc-dragon h2,#pc-dragon h3{color:#2e376a}
#pc-dragon .cw-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:24px 40px;align-items:end}
#pc-dragon .cw-hero-txt{display:grid;gap:12px}
#pc-dragon .cw-hero h1{font-size:clamp(36px,5vw,56px);font-weight:600}
#pc-dragon .cw-hero p{max-width:60ch}
#pc-dragon .cw-join{display:grid;gap:2px;background:var(--grey);padding:18px 20px;text-decoration:none;border-top:3px solid #2e376a}
#pc-dragon .cw-join:hover{background:#ececec}
#pc-dragon .cw-join .k{font-family:var(--head);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--red)}
#pc-dragon .cw-join strong{font-family:var(--head);font-weight:500;font-size:22px;color:#2e376a}
#pc-dragon .cw-join em{font-style:normal;font-size:14px;color:var(--muted)}
#pc-dragon .cw-list{gap:14px}
#pc-dragon .cw-tools{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between}
#pc-dragon .cw-chips{display:flex;flex-wrap:wrap;gap:8px}
#pc-dragon .cw-chip{border:1px solid var(--line);background:#fff;color:var(--ink);font:500 14px var(--head);padding:6px 12px;border-radius:999px;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none;line-height:1.2;margin:0}
#pc-dragon .cw-chip span{color:var(--muted);font-weight:400;margin-left:2px}
#pc-dragon .cw-chip:hover{border-color:#2e376a}
#pc-dragon .cw-chip[aria-pressed="true"]{background:#2e376a;border-color:#2e376a;color:#fff}
#pc-dragon .cw-chip[aria-pressed="true"] span{color:#c9cfe6}
#pc-dragon .cw-q{font:15px var(--body);padding:9px 12px;border:1px solid #cfcfcf;border-radius:2px;width:260px;max-width:100%;margin:0;background:#fff;color:var(--ink);height:auto}
#pc-dragon .cw-count{font-size:14px;color:var(--muted)}
#pc-dragon .cw-wait{color:var(--muted)}
#pc-dragon .cw-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:start}
#pc-dragon .cw-grid>.cw-wait{grid-column:1/-1}
#pc-dragon .cw-card{display:grid;border:1px solid var(--line);background:#fff}
#pc-dragon .cw-card[hidden],#pc-dragon .cw-det[hidden],#pc-dragon .cw-wait[hidden]{display:none}
#pc-dragon .cw-ph{aspect-ratio:1/1;overflow:hidden;background:var(--grey)}
#pc-dragon .cw-ph img{width:100%;height:100%;object-fit:cover;object-position:center 25%;display:block}
#pc-dragon .cw-tx{display:grid;gap:2px;padding:12px 14px 14px;align-content:start}
#pc-dragon .cw-tx h3{font-size:19px;font-weight:500}
#pc-dragon .cw-loc{font-size:14px;color:var(--muted)}
#pc-dragon .cw-ic{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:13px;margin-top:4px}
#pc-dragon .cw-ic a{color:var(--muted);text-decoration:none}
#pc-dragon .cw-ic a:hover{color:var(--red)}
#pc-dragon .cw-btn{justify-self:start;border:0;background:none;padding:0;margin:6px 0 0;font:500 15px var(--head);color:var(--red);cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none}
#pc-dragon .cw-btn::after{content:" +"}
#pc-dragon .cw-btn[aria-expanded="true"]::after{content:" \2013"}
#pc-dragon .cw-det{display:grid;gap:10px;margin-top:10px;padding-top:12px;border-top:1px solid var(--line);font-size:14px;line-height:1.5}
#pc-dragon .cw-pill{justify-self:start;font:500 12px var(--head);letter-spacing:.08em;text-transform:uppercase;color:#2e376a;background:#e9ebf4;padding:3px 8px;border-radius:2px}
#pc-dragon .cw-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}
#pc-dragon .cw-facts div{display:grid}
#pc-dragon .cw-facts dt{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:400}
#pc-dragon .cw-facts dd{margin:0;font-family:var(--head);font-weight:500;font-size:17px;color:var(--ink);white-space:nowrap}
#pc-dragon .cw-tel span{color:var(--muted)}
#pc-dragon .cw-tel a{color:var(--ink);text-decoration:none}
#pc-dragon .cw-prof{white-space:pre-line;color:var(--text)}
#pc-dragon .cw-more-links{display:flex;flex-wrap:wrap;gap:4px 14px;font-family:var(--head);font-weight:500}
#pc-dragon .cw-more-links a{text-decoration:none}
#pc-dragon .cw-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 32px;align-items:center;background:#2e376a;color:#d6dbef;padding:24px 28px}
#pc-dragon .cw-cta h2{color:#fff;font-size:clamp(22px,2.8vw,28px);font-weight:600;margin-bottom:4px}
#pc-dragon .cw-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#pc-dragon .cw-links a{display:grid;gap:2px;border:1px solid var(--line);padding:14px 16px;text-decoration:none}
#pc-dragon .cw-links a:hover{border-color:#2e376a}
#pc-dragon .cw-links strong{font-family:var(--head);font-weight:500;color:#2e376a}
#pc-dragon .cw-links span{font-size:13px;color:var(--muted)}
@media (min-width:1100px){#pc-dragon .cw-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (max-width:980px){#pc-dragon .cw-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#pc-dragon .cw-hero{grid-template-columns:1fr}}
@media (max-width:700px){#pc-dragon .cw-grid{grid-template-columns:1fr 1fr;gap:12px}#pc-dragon .cw-cta,#pc-dragon .cw-links{grid-template-columns:1fr}#pc-dragon .cw-q{width:100%}#pc-dragon .cw-facts dd{font-size:15px}#pc-dragon .cw-tx h3{font-size:17px}#pc-dragon .cw-card.open{grid-column:1/-1;grid-template-columns:1fr}#pc-dragon .cw-card.open .cw-ph{aspect-ratio:auto;height:240px}}

/* ===== Plugin additions: filters, tags, contact, form ===== */
#pc-dragon button{font-family:var(--head);text-transform:none;letter-spacing:normal;box-shadow:none;line-height:1.2;margin:0}
#pc-dragon .btn{border:0;cursor:pointer;background:#2e376a}
#pc-dragon .btn:hover{background:#232a54}
#pc-dragon .cw-cta .btn{background:#fff;color:#2e376a}
#pc-dragon .cw-cta .btn:hover{background:#e9ebf4;color:#2e376a}
#pc-dragon .cw-cta p{color:#d6dbef}
#pc-dragon .cw-tools{align-items:end}
#pc-dragon .cw-filters{display:grid;gap:10px;min-width:0}
#pc-dragon .cw-fgroup{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}
#pc-dragon .cw-flab{font:500 12px var(--head);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);min-width:64px}
#pc-dragon .cw-ph{position:relative}
#pc-dragon .cw-initials{position:absolute;inset:0;display:grid;place-items:center;font:500 44px var(--head);color:#2e376a;background:#e9ebf4}
#pc-dragon .cw-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
#pc-dragon .cw-tags span{font:500 11px var(--head);letter-spacing:.08em;text-transform:uppercase;color:#2e376a;border:1px solid #c9cfe6;padding:2px 7px;border-radius:2px}
#pc-dragon .cw-contact{display:grid;gap:4px;font-size:14px}
#pc-dragon .cw-contact .btn{justify-self:start;font-size:15px;padding:8px 16px}
#pc-dragon .cw-contact a{color:var(--ink);text-decoration:none;overflow-wrap:anywhere}
#pc-dragon .cw-contact a[href^="tel:"]{white-space:nowrap}
#pc-dragon .cw-contact a:hover{color:#2e376a;text-decoration:underline}
#pc-dragon .cw-contact span{color:var(--muted)}
#pc-dragon .cw-more-links a{font-size:14px}

/* application form */
#pc-dragon .cw-form{display:grid;gap:22px;background:var(--grey);padding:28px}
#pc-dragon .cw-form fieldset{border:1px solid var(--line);background:#fff;margin:0;padding:20px 22px 22px;min-width:0;display:grid;gap:12px}
#pc-dragon .cw-form legend{font:600 20px var(--head);color:#2e376a;padding:0 6px;margin-left:-6px;float:left;width:100%;margin-bottom:6px}
#pc-dragon .cw-form legend+*{clear:both}
#pc-dragon .cf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 22px}
#pc-dragon .cf-f{display:grid;gap:5px;margin:0;align-content:start}
#pc-dragon .cf-wide{grid-column:1/-1}
#pc-dragon .cf-pair{grid-template-columns:1fr 1fr;gap:14px}
#pc-dragon .cf-pair span{display:grid;gap:5px}
#pc-dragon .cf-f label,#pc-dragon .cf-l{font:500 15px var(--head);color:var(--ink)}
#pc-dragon .cf-f b,#pc-dragon .cf-consent b{color:var(--red);font-weight:500}
#pc-dragon .cw-form input[type=text],#pc-dragon .cw-form input[type=email],#pc-dragon .cw-form input[type=tel],#pc-dragon .cw-form input[type=url],#pc-dragon .cw-form input[type=number],#pc-dragon .cw-form select,#pc-dragon .cw-form textarea{width:100%;font:15px var(--body);color:var(--ink);background:#fff;border:1px solid #cfcfcf;border-radius:2px;padding:10px 12px;margin:0;height:auto;box-shadow:none;line-height:1.4}
#pc-dragon .cw-form textarea{resize:vertical;min-height:130px}
#pc-dragon .cw-form input:focus,#pc-dragon .cw-form select:focus,#pc-dragon .cw-form textarea:focus{border-color:#2e376a;outline:2px solid #c9cfe6;outline-offset:0}
#pc-dragon .cw-form input[type=file]{font:14px var(--body);padding:8px 0;border:0;background:none}
#pc-dragon .cf-checks{display:flex;flex-wrap:wrap;gap:8px 22px;padding-top:4px}
#pc-dragon .cf-check{display:inline-flex;gap:8px;align-items:flex-start;font:15px var(--body);color:var(--text);cursor:pointer}
#pc-dragon .cf-check input{width:18px;height:18px;margin:2px 0 0;accent-color:#2e376a;flex:none}
#pc-dragon .cf-small{font-size:14px;margin-top:4px}
#pc-dragon .cf-note{font-size:14px;color:var(--muted)}
#pc-dragon .cf-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
#pc-dragon .cf-send{display:grid;gap:18px;justify-items:start}
#pc-dragon .cf-consent{font-size:14px;max-width:80ch}
#pc-dragon .cf-send .btn{font-size:18px;padding:13px 28px}
#pc-dragon .cf-errors{background:#fff;border:1px solid var(--red);padding:14px 18px;font-size:15px}
#pc-dragon .cf-errors strong{font-family:var(--head);font-weight:500;color:var(--red)}
#pc-dragon .cf-errors ul{margin:6px 0 0;padding-left:20px}
#pc-dragon .cw-done{background:var(--grey);padding:32px 28px;display:grid;gap:10px}
#pc-dragon .cw-done h2{font-size:clamp(24px,3vw,30px);font-weight:600}
#pc-dragon .cw-done a{font-family:var(--head);font-weight:500;text-decoration:none}

@media (max-width:700px){
  #pc-dragon .cw-form{padding:14px}
  #pc-dragon .cw-form fieldset{padding:16px}
  #pc-dragon .cf-grid{grid-template-columns:1fr}
  #pc-dragon .cw-flab{min-width:0;width:100%}
}