/* ============================================================================
   RUDQP, contact-page concepts (contact.css) — pairs with light.css
   ========================================================================== */
.cwrap{max-width:var(--wrap);margin:0 auto;padding:0 28px}
@media(max-width:600px){.cwrap{padding:0 18px}}

/* form fields (light) */
.field{width:100%;border:1px solid var(--line-2);background:var(--paper);border-radius:12px;padding:13px 16px;font:inherit;color:var(--ink);transition:border-color .2s}
.field::placeholder{color:var(--muted)}
.field:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(199,91,67,.12)}
textarea.field{min-height:130px;resize:vertical}
.flabel{display:block;font-size:13px;font-weight:600;margin:0 0 6px}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:600px){.fgrid{grid-template-columns:1fr}}
.fnote{font-size:12px;color:var(--muted)}
.fok{display:none;background:var(--sage);border-radius:12px;padding:14px 16px;font-weight:600;margin-top:12px}
.fok.show{display:block}
.fcard{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:30px}

/* details list */
.cdet{list-style:none;display:flex;flex-direction:column;gap:18px}
.cdet li .lab{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.cdet li a,.cdet li span.v{font-family:var(--display);font-size:20px;color:var(--ink);display:block;margin-top:2px}
.cdet li a:hover{color:var(--accent)}
.csoc{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.csoc a{border:1px solid var(--line-2);border-radius:999px;padding:9px 16px;font-size:13px;font-weight:600}
.csoc a:hover{border-color:var(--accent);color:var(--accent)}

/* map */
.cmap{border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line)}
.cmap iframe{display:block;width:100%;height:100%;min-height:280px;border:0}
.cmap--full iframe{min-height:420px}

/* layouts */
.csplit{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:start}
@media(max-width:880px){.csplit{grid-template-columns:1fr}}

/* pastel hero */
.chero{background:radial-gradient(120% 100% at 50% 0,var(--blush),var(--cream) 65%)}

/* big-type contact methods (C6) */
.cmethods{display:flex;flex-direction:column}
.cmethod{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 0;border-bottom:1px solid var(--line);font-family:var(--display);font-size:clamp(28px,5vw,60px);color:var(--ink);transition:color .3s,padding .3s}
.cmethod:hover{color:var(--accent);padding-left:12px}
.cmethod small{font-family:var(--sans);font-size:13px;color:var(--muted);font-weight:600}

/* bento (C8) */
.cbento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(120px,auto);gap:16px}
.cbento>*{border-radius:var(--r);padding:24px}
.cb-form{grid-column:span 2;grid-row:span 2;background:var(--paper);border:1px solid var(--line)}
.cb-map{grid-column:span 2;grid-row:span 2;padding:0;overflow:hidden;border:1px solid var(--line)}
.cb-map iframe{width:100%;height:100%;min-height:260px;border:0;display:block}
.cb-a{background:var(--blush)}.cb-b{background:var(--sky)}.cb-c{background:var(--peach);grid-column:span 2}
.cbento .lab{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.cbento .v{font-family:var(--display);font-size:20px;margin-top:6px}
@media(max-width:880px){.cbento{grid-template-columns:1fr 1fr}.cb-form,.cb-map,.cb-c{grid-column:span 2}}
@media(max-width:520px){.cbento{grid-template-columns:1fr}.cb-form,.cb-map,.cb-c{grid-column:span 1}}

/* booking chips (C9) */
.cchips{display:flex;flex-wrap:wrap;gap:10px}
.cchip{border:1px solid var(--line-2);border-radius:999px;padding:10px 18px;font-weight:600;font-size:14px;cursor:pointer;user-select:none;transition:.2s}
.cchip.on{background:var(--ink);color:#fff;border-color:var(--ink)}

/* chat stepped (C5) */
.chat{max-width:620px;margin:0 auto;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:30px}
.chat__dots{display:flex;gap:8px;justify-content:center;margin-bottom:22px}
.chat__dots span{width:8px;height:8px;border-radius:50%;background:var(--line-2)}
.chat__dots span.on{background:var(--accent)}
.cstep{display:none}.cstep.on{display:block;animation:pfade .4s var(--ease)}
@keyframes pfade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.cstep .q{font-family:var(--display);font-size:24px;margin-bottom:14px}
.chat__nav{display:flex;justify-content:space-between;margin-top:18px}

/* editorial (C10) */
.ced{display:grid;grid-template-columns:1.1fr .9fr;gap:0;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line)}
.ced__img{position:relative;min-height:480px}
.ced__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ced__form{background:var(--paper);padding:36px}
@media(max-width:880px){.ced{grid-template-columns:1fr}.ced__img{min-height:300px}}

/* pastel detail cards (finalized "Reach me directly") */
.dcards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.dcards>div{border-radius:var(--r);padding:24px}
.dcards .lab{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.dcards .v{font-family:var(--display);font-size:20px;margin-top:6px}
.dcards .v a:hover{color:var(--accent)}
.dc-soc{grid-column:span 3;background:var(--sage)}
.dc-1{background:var(--blush)}.dc-2{background:var(--peach)}.dc-3{background:var(--sky)}
@media(max-width:820px){.dcards{grid-template-columns:1fr}.dc-soc{grid-column:span 1}}

/* concept frame */
.copt{padding:46px 0;border-top:1px solid var(--line)}
.copt__head{display:flex;flex-wrap:wrap;gap:12px;align-items:baseline;justify-content:space-between;margin-bottom:26px}
.copt__head .num{font-family:var(--display);font-size:clamp(28px,4vw,46px);color:var(--accent)}
.copt__head .nm{font-family:var(--display);font-size:clamp(20px,2.2vw,26px)}
.copt__head .ds{color:var(--muted);font-size:14px;max-width:48ch}