.expertise-page { --ink:#1c2b33; --muted:#5c6b72; --red:#9a2e24; --paper:#faf8f3; --sand:#eae2d3; color:var(--ink); background:#f4f3ef; overflow:hidden; }
.expertise-container { width:min(100% - clamp(2rem,6vw,6rem), 1240px); margin-inline:auto; }
.expertise-hero { padding:clamp(6rem,10vw,10rem) 0 5rem; background:radial-gradient(circle at 88% 26%,rgba(154,46,36,.12),transparent 22rem),#f4f3ef; }
.expertise-hero-grid { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(260px,.55fr); align-items:end; gap:clamp(2rem,7vw,7rem); }
.expertise-eyebrow { margin:0 0 1rem; color:var(--red); font-size:.76rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.expertise-page h1,.expertise-page h2,.expertise-page h3 { letter-spacing:-.055em; }
.expertise-page h1 { max-width:15ch; margin:0 0 1.4rem; font-size:clamp(2.8rem,3.6rem + 2.4vw,5.7rem); font-weight:500; line-height:.96; }
.expertise-page h2 { max-width:17ch; margin:0; font-size:clamp(2rem,1.6rem + 1.6vw,3.4rem); font-weight:500; line-height:1; }
.expertise-page h3 { margin:.75rem 0; font-size:1.28rem; }
.expertise-lead { max-width:44rem; margin:0; color:var(--muted); font-size:1.1rem; line-height:1.7; }
.expertise-actions { display:flex; flex-wrap:wrap; align-items:center; gap:1.1rem; margin-top:2rem; }
.expertise-button { display:inline-flex; min-height:52px; align-items:center; justify-content:center; padding:.85rem 1.25rem; border:1px solid var(--ink); border-radius:999px; color:#fff; background:var(--ink); font-weight:700; text-decoration:none; transition:transform .2s ease,background .2s ease; }
.expertise-button:hover { background:var(--red); border-color:var(--red); transform:translateY(-2px); }
.expertise-text-link { color:var(--ink); font-weight:700; text-decoration:underline; text-decoration-color:rgba(154,46,36,.45); text-underline-offset:.25em; }
.expertise-hero-card { position:relative; padding:1.6rem; border:1px solid rgba(28,43,51,.12); border-radius:1.2rem; background:rgba(250,248,243,.9); box-shadow:0 20px 50px rgba(28,43,51,.1); transform:rotate(2deg); }
.expertise-hero-card::before { content:""; position:absolute; top:-.7rem; right:-.5rem; width:3rem; height:3rem; border-radius:50%; background:#c97a6e; opacity:.6; }
.expertise-hero-card > span,.guide-aside > span { display:block; margin-bottom:2rem; color:var(--red); font-size:.75rem; font-weight:800; letter-spacing:.14em; }
.expertise-hero-card strong { display:block; font-size:1.65rem; letter-spacing:-.05em; line-height:1; }
.expertise-hero-card p { color:var(--muted); line-height:1.55; }
.expertise-hero-card em { color:var(--red); font-family:Caveat,cursive; font-size:1.35rem; font-weight:700; }
.expertise-section { padding:clamp(4.5rem,8vw,7rem) 0; border-top:1px solid rgba(28,43,51,.12); }
.expertise-section--ink { color:#fff; background:var(--ink); }
.expertise-section--ink .expertise-eyebrow { color:#c97a6e; }.expertise-section--ink h2 { color:#fff; }
.expertise-two-columns,.expertise-points-grid,.expertise-faq { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:clamp(2rem,8vw,8rem); }
.expertise-checks { display:grid; gap:1rem; margin:0; padding:0; list-style:none; }.expertise-checks li { padding:1rem 0 1rem 2rem; border-bottom:1px solid rgba(255,255,255,.18); line-height:1.55; }.expertise-checks li::before { content:"↗"; position:absolute; margin-left:-2rem; color:#c97a6e; font-weight:800; }
.expertise-method { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-top:3rem; }.expertise-method article { min-height:220px; padding:1.4rem; border:1px solid rgba(28,43,51,.12); border-radius:1rem; background:#fff; }.expertise-method span { color:var(--red); font-size:.82rem; font-weight:800; letter-spacing:.1em; }.expertise-method p,.expertise-points-grid p { color:var(--muted); line-height:1.6; }
.expertise-section--paper { background:var(--paper); }.expertise-tag-list { display:flex; flex-wrap:wrap; align-content:start; gap:.7rem; margin:0; padding:0; list-style:none; }.expertise-tag-list li { padding:.65rem .85rem; border:1px solid rgba(28,43,51,.12); border-radius:999px; background:#fff; font-weight:600; }
.expertise-faq details { padding:1.15rem 0; border-bottom:1px solid rgba(28,43,51,.16); }.expertise-faq summary { cursor:pointer; font-weight:700; }.expertise-faq p { max-width:58rem; color:var(--muted); line-height:1.6; }
.expertise-section--links { background:#f7ede9; }.expertise-resource-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-top:2rem; }.expertise-resource-grid a { display:flex; min-height:180px; flex-direction:column; justify-content:space-between; padding:1.3rem; border:1px solid rgba(28,43,51,.12); border-radius:1rem; color:var(--ink); background:#fff; text-decoration:none; }.expertise-resource-grid span { color:var(--red); font-size:.72rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }.expertise-resource-grid strong { font-size:1.15rem; letter-spacing:-.03em; }.expertise-resource-grid b { color:var(--red); }
.expertise-cta { padding:5rem 0; color:#fff; background:var(--ink); }.expertise-cta h2 { max-width:15ch; color:#fff; }.expertise-cta p { max-width:43rem; color:rgba(255,255,255,.72); line-height:1.65; }.expertise-button--light { border-color:#fff; color:var(--ink); background:#fff; }
@media (max-width:980px) { .expertise-hero-grid,.expertise-two-columns,.expertise-points-grid,.expertise-faq { grid-template-columns:1fr; }.expertise-hero-card { max-width:420px; }.expertise-method,.expertise-resource-grid { grid-template-columns:1fr 1fr; } }
@media (max-width:640px) { .expertise-hero { padding-top:4.5rem; }.expertise-page h1 { font-size:clamp(2.65rem,11vw,3.8rem); }.expertise-method,.expertise-resource-grid { grid-template-columns:1fr; }.expertise-hero-card { transform:none; }.expertise-actions { align-items:stretch; }.expertise-button { width:100%; }.expertise-two-columns,.expertise-points-grid,.expertise-faq { gap:2rem; } }