/* =====================================================================
   lock-in 2026-10-18: enquiry form · Made in Joburg · footer socials
   Large, dark type throughout (readable for older visitors).
   ===================================================================== */
/* ---- enquiry modal ---- */
.enq{position:fixed;inset:0;z-index:350;display:none;align-items:flex-start;justify-content:center;background:rgba(17,17,17,.55);padding:4vh 20px;overflow:auto;-webkit-overflow-scrolling:touch}
.enq.open,.enq:target{display:flex}
html.enq-lock{overflow:hidden}
.enq-in{position:relative;width:100%;max-width:880px;background:var(--bg);color:var(--ink);border:1px solid var(--hair);box-shadow:0 30px 80px rgba(0,0,0,.28);margin:auto 0;animation:enqIn .45s cubic-bezier(.2,1.1,.3,1)}
@keyframes enqIn{from{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:none}}
.enq-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 28px;border-bottom:1px solid var(--hair)}
.enq-top .mono{color:var(--dim);font-size:13px}
.enq-x{font-size:17px;font-weight:500;padding:8px 2px;border-bottom:1px solid currentColor;line-height:1.1}
.enq-x:hover{color:var(--m)}
.enq-body{padding:34px 40px 40px}
.enq h2{font-family:Cinzel,serif;font-weight:500;font-size:clamp(32px,4.2vw,52px);line-height:1.05;margin:0 0 14px}
.enq-intro{font-size:20px;line-height:1.5;max-width:44ch;margin:0 0 30px;color:var(--ink)}
.enq-form{display:grid;grid-template-columns:1fr 1fr;gap:24px 26px;max-width:none}
.enq-form .full{grid-column:1/-1}
.enq-form label.enq-f{display:flex;flex-direction:column;gap:8px;font-family:"Inter Tight",sans-serif;font-size:18px;font-weight:500;letter-spacing:0;color:var(--ink)}
.enq [hidden],.enq-thanks[hidden],.enq-form[hidden]{display:none!important}
.enq-hint{font-size:17px;font-weight:400;color:var(--dim);line-height:1.4}
.enq-form input,.enq-form select,.enq-form textarea{font:400 19px/1.4 "Inter Tight",sans-serif;color:var(--ink);background:var(--bg);border:1.5px solid rgba(17,17,17,.45);border-radius:6px;padding:13px 14px;width:100%;min-height:52px;transition:border-color .2s,box-shadow .2s}
.enq-form textarea{resize:vertical;min-height:130px}
.enq-form select{appearance:auto}
.enq-form input:focus,.enq-form select:focus,.enq-form textarea:focus{border-color:var(--m);box-shadow:0 0 0 3px rgba(122,38,50,.18);outline:none}
.enq-form input[type=file]{padding:12px;font-size:17px;cursor:pointer}
.enq-form input[type=file]::file-selector-button{font:500 17px "Inter Tight",sans-serif;margin-right:14px;padding:9px 16px;border-radius:30px;border:1.5px solid var(--ink);background:transparent;color:var(--ink);cursor:pointer}
.enq-err{margin:0;padding:12px 16px;border-left:4px solid var(--m);background:rgba(122,38,50,.08);font-size:18px;color:var(--ink)}
.enq-act{display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px;margin-top:6px}
.enq-form button.enq-send{justify-self:start;font:500 20px "Inter Tight",sans-serif;letter-spacing:0;background:var(--ink);color:var(--bg);border:2px solid var(--ink);border-radius:40px;padding:16px 34px;transition:background .25s,border-color .25s,transform .3s cubic-bezier(.2,1.8,.4,1)}
.enq-form button.enq-send:hover{background:var(--m);border-color:var(--m);color:#fff;transform:scale(1.03)}
.enq-form button.enq-send:disabled{opacity:.6;transform:none}
.enq-alt{margin:0;font-size:17px;line-height:1.5;color:var(--ink)}
.enq-alt a,.enq-t-mail a{border-bottom:1px solid currentColor}.enq-alt a:hover{color:var(--m)}
.enq-thanks{padding:10px 0 6px;outline:none}
.enq-heart{width:54px;height:50px;display:block;margin-bottom:18px}.enq-heart path{fill:#8E1F33}
.enq-t-h{font-family:Cinzel,serif;font-weight:500;font-size:clamp(30px,3.6vw,46px);margin:0 0 14px}
.enq-thanks p{font-size:20px;line-height:1.55;max-width:46ch;color:var(--ink)}
.enq-done{display:inline-block;margin-top:26px;font-size:19px}
@media(max-width:700px){.enq{padding:0}.enq-in{min-height:100%;border:0;margin:0}.enq-top{padding:14px 18px}.enq-body{padding:24px 18px 34px}.enq-form{grid-template-columns:1fr;gap:20px}.enq-intro{font-size:19px}}
[data-theme=dark] .enq-form input,[data-theme=dark] .enq-form select,[data-theme=dark] .enq-form textarea{border-color:rgba(236,231,223,.45)}

/* ---- home: commission section (button that opens the form) ---- */
.comm-g{display:grid;grid-template-columns:1.2fr 1fr;gap:6vw;align-items:start}
.comm-g .lead{margin-bottom:28px}
.comm-p{font-size:20px;line-height:1.55;max-width:42ch;color:var(--ink);margin:0 0 34px}
.comm-btn{display:inline-flex;align-items:center;gap:12px;background:var(--ink);color:var(--bg);font-size:21px;font-weight:500;padding:18px 36px;border-radius:40px;border:2px solid var(--ink);transition:background .25s,border-color .25s,transform .3s cubic-bezier(.2,1.8,.4,1)}
.comm-btn:hover{background:var(--m);border-color:var(--m);color:#fff;transform:scale(1.03)}
.comm-dl{display:grid;grid-template-columns:120px 1fr;gap:16px 20px;font-size:18px;line-height:1.45;margin:0}
.comm-dl dt{font-family:"JetBrains Mono",monospace;font-size:14px;letter-spacing:.06em;font-weight:500;color:var(--dim);padding-top:3px}
.comm-dl dd{margin:0;color:var(--ink)}.comm-dl a{border-bottom:1px solid currentColor}.comm-dl a:hover{color:var(--m)}
@media(max-width:800px){.comm-g{grid-template-columns:1fr;gap:44px}}
/* contact card: button into the form */
.card-enq{display:block!important;margin:6px 0 4px;text-align:center;background:var(--ink);color:var(--bg)!important;border-radius:40px;padding:12px 18px!important;font-size:16px!important;font-weight:500!important;border:0!important}
.card-enq:hover{background:var(--m)}

/* ---- home: Made in Joburg ---- */
.mij-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:6vw;align-items:start}
.mij .lead{margin-bottom:0;max-width:22ch}
.mij-intro{font-size:20px;line-height:1.55;max-width:38ch;color:var(--ink);margin:28px 0 0}
.mij-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.mij-list li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:4px 18px;padding:22px 0;border-bottom:1px solid var(--hair)}
.mij-list .mono{color:var(--m);font-size:14px;padding-top:8px;grid-row:span 2}
.mij-list h3{font-family:Cinzel,serif;font-weight:500;font-size:clamp(24px,2.4vw,32px);line-height:1.1;margin:0}
.mij-list p{margin:6px 0 0;font-size:19px;line-height:1.55;color:var(--ink);max-width:50ch}
@media(max-width:800px){.mij-g{grid-template-columns:1fr;gap:36px}.mij-list li{grid-template-columns:44px minmax(0,1fr)}}

/* ---- footer socials: bigger, clearer ---- */
.foot-soc{font-size:16px;gap:14px 26px;margin-top:40px}
.foot-soc .soc-a{font-family:"Inter Tight",sans-serif;font-size:17px;font-weight:500;letter-spacing:0;padding:8px 0}
.foot-soc .si,.menu-soc .si{width:24px;height:24px;flex:none}
.foot-soc .soc-h{font-size:15px}
.enq.sent .enq-intro{display:none}