/* CORDEL — About & Contact page styles */

/* shared page header (also used by WooCommerce archive) */
.pagehead{border-bottom:1px solid var(--line);padding:clamp(40px,6vw,80px) var(--pad) clamp(28px,3.5vw,44px)}
.pagehead .crumb{margin-bottom:22px}
.crumb{font-family:var(--mono);font-size:14px;color:var(--faint);letter-spacing:.04em}
.crumb a:hover{color:var(--oxblood)}.crumb span{color:var(--txt-2)}
.pagehead h1{font-family:var(--disp);font-weight:800;letter-spacing:-.03em;font-size:clamp(38px,6vw,84px);line-height:.95}

/* about */
.page-body{padding-block:clamp(40px,5vw,72px)}
.page-hero-img{aspect-ratio:16/7;overflow:hidden;background:var(--bone-2);margin-bottom:clamp(32px,5vw,60px)}
.page-hero-img img{width:100%;height:100%;object-fit:cover}
.page-body .entry-content{max-width:68ch;color:var(--txt-2);line-height:1.8;font-size:17px}
.page-body .entry-content h2{font-family:var(--disp);color:var(--txt);font-size:clamp(24px,2.6vw,36px);letter-spacing:-.02em;margin:1.6em 0 .5em}
.page-body .entry-content h3{font-family:var(--disp);color:var(--txt);font-size:1.3em;margin:1.3em 0 .4em}
.page-body .entry-content p{margin-bottom:1.2em}
:where(.page-body .entry-content) a:not([class]){color:var(--oxblood);text-decoration:underline}

/* ============================================================
   CONTACT
   ============================================================ */
.contact-wrap{padding-block:clamp(36px,5vw,68px)}
.contact-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(28px,5vw,72px);align-items:start}

.contact-info .entry-content{color:var(--txt-2);line-height:1.75;font-size:16px;margin-bottom:28px}
.contact-details{display:flex;flex-direction:column;gap:2px;border:1px solid var(--line);background:var(--bone-2)}
.cd-row{display:flex;align-items:center;gap:14px;padding:16px 18px;border-bottom:1px solid var(--line)}
.cd-row:last-child{border-bottom:0}
.cd-ico svg{width:19px;height:19px;stroke:var(--tan);display:block}
.cd-meta{display:flex;flex-direction:column;gap:2px;min-width:0}
.cd-l{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--faint)}
.cd-v{font-size:15px;color:var(--txt);font-weight:500}
a.cd-v:hover{color:var(--oxblood)}

.contact-faq{margin-top:30px}
.cf-h{font-size:12.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--faint);padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:4px}
.cf-item{border-bottom:1px solid var(--line)}
.cf-item summary{padding:14px 0;font-family:var(--disp);font-weight:600;font-size:15.5px;color:var(--txt);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}
.cf-item summary::-webkit-details-marker{display:none}
.cf-item summary::after{content:"+";font-family:var(--mono);font-size:17px;color:var(--faint)}
.cf-item[open] summary::after{content:"−"}
.cf-item summary:hover{color:var(--oxblood)}
.cf-item p{padding:0 0 16px;font-size:14px;color:var(--txt-2);line-height:1.7}

.contact-form-wrap{border:1px solid var(--line);background:var(--bone-2);padding:clamp(22px,3vw,36px)}
.contact-form{display:flex;flex-direction:column;gap:16px}
.cf-hp{position:absolute;left:-9999px}
.contact-form .cf-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cf-field{display:flex;flex-direction:column;gap:7px}
.cf-field>span{font-family:var(--mono);font-size:12.5px;letter-spacing:.03em;color:var(--txt-2);text-transform:uppercase}
.cf-opt{font-style:normal;text-transform:none;color:var(--faint);letter-spacing:0}
.cf-field input,.cf-field textarea,.cf-field select{font-family:var(--body);font-size:16px;color:var(--txt);background:var(--bone);border:1px solid var(--line);padding:14px;transition:border-color .2s;width:100%}
.cf-field textarea{resize:vertical;min-height:120px}
.cf-field input:focus,.cf-field textarea:focus,.cf-field select:focus{outline:0;border-color:var(--oxblood)}
.cf-submit{background:var(--oxblood);color:var(--bone);border:0;font-family:var(--mono);font-size:15px;font-weight:600;letter-spacing:.02em;padding:16px;cursor:pointer;transition:background .25s;margin-top:4px}
.cf-submit:hover{background:var(--ink)}
.cf-fine{font-size:12.5px;color:var(--faint);text-align:center}
.contact-note{padding:14px 18px;font-family:var(--mono);font-size:13.5px;margin-bottom:20px}
.contact-note.ok{background:rgba(110,42,34,.06);border-left:3px solid var(--oxblood);color:var(--oxblood)}
.contact-note.err{background:var(--err-bg);border-left:3px solid var(--err);color:var(--err)}

/* ============================================================
   LEGAL / POLICY
   ============================================================ */
.legal{display:grid;grid-template-columns:230px 1fr;gap:clamp(28px,5vw,72px);align-items:start;padding-block:clamp(36px,5vw,68px)}
.legal-toc{position:sticky;top:96px;border-left:1px solid var(--line);padding-left:22px}
.lt-h{font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--faint);margin-bottom:14px}
.legal-toc ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.legal-toc a{font-size:14px;color:var(--txt-2);line-height:1.4;display:block}
.legal-toc a:hover{color:var(--oxblood)}
.lt-help{margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}
.lt-help p{font-size:13px;color:var(--faint);margin-bottom:6px}
.lt-help a{font-size:13.5px;color:var(--oxblood);font-weight:600}

.legal-body{max-width:70ch;color:var(--txt-2);line-height:1.85;font-size:16.5px}
.legal-body h2{font-family:var(--disp);color:var(--txt);font-size:clamp(21px,2.2vw,28px);font-weight:800;letter-spacing:-.02em;margin:2em 0 .6em;padding-top:.4em;scroll-margin-top:100px}
.legal-body h2:first-child{margin-top:0}
.legal-body h3{font-family:var(--disp);color:var(--txt);font-size:18px;font-weight:700;margin:1.6em 0 .4em}
.legal-body p{margin-bottom:1.15em}
.legal-body ul,.legal-body ol{margin:0 0 1.3em 1.2em}
.legal-body li{margin-bottom:.5em}
.legal-body a{color:var(--oxblood);text-decoration:underline;text-underline-offset:2px}
.legal-body strong{color:var(--txt);font-weight:600}
.legal-body table{width:100%;border-collapse:collapse;margin-bottom:1.6em;font-size:14.5px}
.legal-body th,.legal-body td{border:1px solid var(--line);padding:11px 13px;text-align:left}
.legal-body th{background:var(--bone-2);font-family:var(--mono);font-size:12.5px;text-transform:uppercase;letter-spacing:.03em;color:var(--txt-2)}

@media(max-width:900px){
	.contact-grid{grid-template-columns:1fr}
	.legal{grid-template-columns:1fr}
	.legal-toc{position:static;border-left:0;padding-left:0;border-bottom:1px solid var(--line);padding-bottom:20px}
	.legal-toc ul{flex-direction:row;flex-wrap:wrap;gap:8px 18px}
}
@media(max-width:560px){
	.contact-form .cf-row{grid-template-columns:1fr}
}