/* ============================================================
   Inner marketing pages: Services, About, Content Strategy, Contact
   Builds on blog.css (fonts, cream bg, bnav, bfoot, bcta).
   ============================================================ */

/* ---- shared page hero ---- */
.cpage-hero{max-width:920px;margin:0 auto;padding:82px 40px 8px;text-align:center}
.cpage-eyebrow{font-family:'DM Sans',system-ui,sans-serif;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#CC7A5E;margin-bottom:18px}
.cpage-title{font-family:'Fraunces','Georgia',serif;font-weight:900;font-size:clamp(38px,5.4vw,62px);line-height:1.04;letter-spacing:-.015em;color:#1c1a17;margin:0 0 20px}
.cpage-title em{font-style:italic;color:#CC7A5E}
.cpage-lead{font-family:'Lora','Georgia',serif;font-size:19px;line-height:1.72;color:#5a5249;max-width:660px;margin:0 auto 30px}
.cpage-cta{display:inline-block;background:linear-gradient(135deg,#E8A083 0%,#CC7A5E 100%);color:#fff;text-decoration:none;font-family:'DM Sans',system-ui,sans-serif;font-weight:600;font-size:15px;padding:14px 32px;border-radius:100px;box-shadow:0 10px 26px rgba(204,122,94,.4);transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s}
.cpage-cta:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(204,122,94,.5)}

/* ---- three-up value row ---- */
.cs-why{max-width:1000px;margin:58px auto 0;padding:0 40px;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.cs-why-item{text-align:left}
.cs-why-k{font-family:'DM Sans',system-ui,sans-serif;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#085F6B;margin-bottom:12px}
.cs-why-h{font-family:'Fraunces','Georgia',serif;font-weight:700;font-size:20px;color:#1c1a17;margin:0 0 8px;line-height:1.25}
.cs-why-p{font-family:'Lora','Georgia',serif;font-size:15.5px;line-height:1.62;color:#5a5249;margin:0}

/* ---- process band (teal) ---- */
.cproc{margin-top:82px;padding:78px 40px;background:linear-gradient(160deg,#0A6672 0%,#07535E 55%,#05454E 100%);position:relative;overflow:hidden}
.cproc-inner{max-width:1080px;margin:0 auto;position:relative;z-index:1}
.cproc-head{text-align:center;max-width:640px;margin:0 auto 52px}
.cproc-eyebrow{font-family:'DM Sans',system-ui,sans-serif;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#E8A083;margin-bottom:14px}
.cproc-title{font-family:'Fraunces','Georgia',serif;font-weight:900;font-size:clamp(28px,3.4vw,40px);line-height:1.1;color:#fff;margin:0 0 14px}
.cproc-sub{font-family:'Lora','Georgia',serif;font-size:16.5px;line-height:1.65;color:rgba(237,246,249,.82);margin:0}
.cproc-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.cstep{background:rgba(255,255,255,.05);border:1px solid rgba(237,246,249,.14);border-radius:14px;padding:30px 30px 32px}
.cstep-n{font-family:'Fraunces','Georgia',serif;font-weight:900;font-size:42px;line-height:1;color:rgba(226,149,120,.6);margin-bottom:14px}
.cstep-name{font-family:'Fraunces','Georgia',serif;font-weight:700;font-size:22px;color:#fff;margin:0 0 10px}
.cstep-desc{font-family:'Lora','Georgia',serif;font-size:15.5px;line-height:1.65;color:rgba(237,246,249,.82);margin:0}
.cproc::after{content:'';position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(226,149,120,.14),transparent 62%);top:-160px;right:-120px;pointer-events:none}

@media(max-width:760px){
 .cpage-hero{padding:56px 24px 4px}
 .cs-why{grid-template-columns:1fr;gap:30px;margin-top:44px;padding:0 24px}
 .cproc{margin-top:56px;padding:56px 22px}
 .cproc-grid{grid-template-columns:1fr}
}

/* ---- Services page: editorial service list ---- */
.svc2-list{max-width:1000px;margin:60px auto 0;padding:0 40px}
.svc2-row{display:grid;grid-template-columns:110px 1fr;gap:30px;padding:38px 0;border-top:1px solid rgba(8,95,107,.14)}
.svc2-row:last-child{border-bottom:1px solid rgba(8,95,107,.14)}
.svc2-n{font-family:'Fraunces','Georgia',serif;font-weight:900;font-size:46px;line-height:1;color:rgba(8,95,107,.20)}
.svc2-name{font-family:'Fraunces','Georgia',serif;font-weight:700;font-size:26px;color:#1c1a17;margin:0 0 12px}
.svc2-desc{font-family:'Lora','Georgia',serif;font-size:16.5px;line-height:1.7;color:#5a5249;margin:0;max-width:640px}
.svc2-link{display:inline-block;margin-top:14px;font-family:'DM Sans',system-ui,sans-serif;font-size:13px;font-weight:600;color:#085F6B;text-decoration:none;border-bottom:1.5px solid rgba(8,95,107,.3);padding-bottom:2px}
.svc2-link:hover{color:#CC7A5E;border-color:#CC7A5E}
.svc2-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.svc2-tag{font-family:'DM Sans',system-ui,sans-serif;font-size:12.5px;color:#085F6B;background:rgba(8,95,107,.07);border:1px solid rgba(8,95,107,.12);padding:5px 12px;border-radius:100px}

/* ---- About page: brown story band ---- */
.ab-story{margin-top:72px;padding:80px 40px;background:linear-gradient(155deg,#6B3A1F 0%,#5A3018 60%,#4A2712 100%);position:relative;overflow:hidden}
.ab-inner{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center;position:relative;z-index:1}
.ab-eyebrow{font-family:'DM Sans',system-ui,sans-serif;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#FBF0E6;margin-bottom:16px}
.ab-h{font-family:'Fraunces','Georgia',serif;font-weight:900;font-size:clamp(30px,3.6vw,44px);line-height:1.1;color:#FBF0E6;margin:0 0 22px}
.ab-h em{font-style:italic;color:#E8A083}
.ab-p{font-family:'Lora','Georgia',serif;font-size:16.5px;line-height:1.78;color:rgba(251,240,230,.9);margin:0 0 18px}
.ab-p strong{color:#fff;font-weight:600}
.ab-pull{font-family:'Fraunces','Georgia',serif;font-style:italic;font-size:20px;line-height:1.4;color:#FBF0E6;border-left:3px solid #E8A083;padding-left:22px;margin:26px 0 0}
.ab-photo{width:100%;border-radius:14px;display:block;box-shadow:0 24px 60px rgba(0,0,0,.35)}
.ab-facts{max-width:1080px;margin:44px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;position:relative;z-index:1}
.ab-fact{background:rgba(251,240,230,.07);border:1px solid rgba(251,240,230,.16);border-radius:12px;padding:22px}
.ab-fact-q{font-family:'Fraunces','Georgia',serif;font-weight:700;font-size:16px;color:#FBF0E6;margin:0 0 8px}
.ab-fact-l{font-family:'Lora','Georgia',serif;font-size:14px;line-height:1.55;color:rgba(251,240,230,.82);margin:0}
.ab-story::after{content:'';position:absolute;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(226,149,120,.16),transparent 62%);bottom:-160px;left:-120px;pointer-events:none}

/* ---- Contact page ---- */
.ct-wrap{max-width:1040px;margin:52px auto 0;padding:0 40px;display:grid;grid-template-columns:1.25fr .75fr;gap:52px;align-items:start}
.ct-form{background:#fff;border:1px solid rgba(8,95,107,.12);border-radius:16px;padding:36px}
.ct-slot-label{font-family:'DM Sans',system-ui,sans-serif;font-size:11px;font-weight:700;letter-spacing:.10em;text-transform:uppercase;color:#B08968;background:#FBF0E6;border:1px dashed #C9956A;border-radius:8px;padding:9px 12px;margin-bottom:22px;text-align:center}
.ct-field{margin-bottom:20px}
.ct-label{display:block;font-family:'DM Sans',system-ui,sans-serif;font-size:13px;font-weight:600;color:#3a352f;margin-bottom:7px}
.ct-input,.ct-textarea{width:100%;font-family:'Lora','Georgia',serif;font-size:15.5px;color:#2A2622;background:#FBF7F1;border:1px solid rgba(8,95,107,.18);border-radius:10px;padding:12px 14px}
.ct-input:focus,.ct-textarea:focus{outline:none;border-color:#085F6B;box-shadow:0 0 0 3px rgba(8,95,107,.12)}
.ct-textarea{min-height:130px;resize:vertical}
.ct-submit{font-family:'DM Sans',system-ui,sans-serif;font-weight:600;font-size:15px;color:#fff;background:linear-gradient(135deg,#E8A083,#CC7A5E);border:none;border-radius:100px;padding:13px 30px;cursor:pointer;box-shadow:0 10px 26px rgba(204,122,94,.4);transition:transform .25s}
.ct-submit:hover{transform:translateY(-2px)}
.ct-details{padding-top:6px}
.ct-d-item{margin-bottom:26px}
.ct-d-k{font-family:'DM Sans',system-ui,sans-serif;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#CC7A5E;margin-bottom:7px}
.ct-d-v{font-family:'Lora','Georgia',serif;font-size:16.5px;color:#2A2622}
.ct-d-v a{color:#085F6B;text-decoration:none}
.ct-d-v a:hover{color:#CC7A5E}

@media(max-width:820px){
 .ab-inner{grid-template-columns:1fr;gap:36px}
 .ab-facts{grid-template-columns:1fr 1fr}
 .ct-wrap{grid-template-columns:1fr;gap:36px}
}
@media(max-width:760px){
 .svc2-row{grid-template-columns:1fr;gap:10px;padding:30px 0}
 .svc2-n{font-size:36px}
 .ab-story{padding:56px 22px}
 .ab-facts{grid-template-columns:1fr}
 .ct-wrap{padding:0 24px}
}

/* ---- Fluent Forms, restyled to match inside the contact card ---- */
.ct-form .fluentform,.ct-form .frm-fluent-form{margin:0}
.ct-form .ff-el-group{margin-bottom:20px}
.ct-form .ff-el-input--label label,.ct-form .ff-el-input--label{font-family:'DM Sans',system-ui,sans-serif !important;font-size:13px !important;font-weight:600 !important;color:#3a352f !important;margin-bottom:7px !important;display:block}
.ct-form input[type=text],.ct-form input[type=email],.ct-form input[type=tel],.ct-form input[type=url],.ct-form input[type=number],.ct-form textarea,.ct-form select,.ct-form .ff-el-form-control{width:100% !important;font-family:'Lora','Georgia',serif !important;font-size:15.5px !important;color:#2A2622 !important;background:#FBF7F1 !important;border:1px solid rgba(8,95,107,.18) !important;border-radius:10px !important;padding:12px 14px !important;box-shadow:none !important;line-height:1.4 !important}
.ct-form input:focus,.ct-form textarea:focus,.ct-form select:focus,.ct-form .ff-el-form-control:focus{outline:none !important;border-color:#085F6B !important;box-shadow:0 0 0 3px rgba(8,95,107,.12) !important}
.ct-form textarea,.ct-form textarea.ff-el-form-control{min-height:130px !important;resize:vertical !important}
.ct-form .ff-el-form-control::placeholder{color:#a79f95 !important}
.ct-form .ff-btn-submit,.ct-form button.ff-btn,.ct-form .ff_btn_style,.ct-form .ff-btn.ff-btn-submit{font-family:'DM Sans',system-ui,sans-serif !important;font-weight:600 !important;font-size:15px !important;color:#fff !important;background:linear-gradient(135deg,#E8A083,#CC7A5E) !important;border:none !important;border-radius:100px !important;padding:13px 30px !important;cursor:pointer;box-shadow:0 10px 26px rgba(204,122,94,.4) !important;transition:transform .25s;width:auto !important}
.ct-form .ff-btn-submit:hover,.ct-form button.ff-btn:hover{transform:translateY(-2px)}
.ct-form .ff-message-success{font-family:'Lora','Georgia',serif;color:#085F6B;background:rgba(8,95,107,.06);border:1px solid rgba(8,95,107,.18);border-radius:10px;padding:14px 16px}
.ct-form .error,.ct-form .text-danger,.ct-form .ff-el-is-error .text-danger{font-family:'DM Sans',system-ui,sans-serif !important;font-size:12.5px !important;color:#c0492b !important}
.ct-form .ff-el-is-error input,.ct-form .ff-el-is-error textarea{border-color:#c0492b !important}