/* BayRanks Studio Phase D: ten WordPress-native, independent service pages.
 * Same trusted Ink & Ivory design language; variable editorial composition.
 * No React, animation library or external page builder.
 */
.brs-page{--brs-ink:#242321;--brs-cream:#fbfaf7;--brs-stone:#f1efe9;--brs-accent:#836735;--brs-line:#dad7d0;background:var(--brs-cream);color:var(--brs-ink)}
.brs-page *{box-sizing:border-box}
.brs-page .brs-container{width:min(calc(100% - 88px),1210px);margin:0 auto}
.brs-hero{border-bottom:1px solid var(--brs-line);background:linear-gradient(115deg,#faf9f6 30%,#efede6)}
.brs-breadcrumb{font-size:11px;padding:23px 0;color:#746e62;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.brs-breadcrumb a{text-decoration:underline;text-underline-offset:4px;text-decoration-color:#d1cdc6}
.brs-breadcrumb a:hover{color:#80602b}
.brs-breadcrumb span[aria-current]{font-weight:600;color:#423e37}
.brs-hero-grid{display:grid;grid-template-columns:minmax(0,1.44fr) minmax(285px,.78fr);align-items:stretch;gap:65px;padding:50px 0 74px}
.brs-hero-main{min-width:0}
.brs-kicker{font-size:11px;letter-spacing:.085em;font-weight:800;color:#80602b}
.brs-hero h1{font-size:clamp(47px,5.4vw,77px);font-weight:800;letter-spacing:-.067em;line-height:1.1;margin:22px 0 27px;max-width:800px}
.brs-hero-dek{font-size:17px;line-height:1.82;max-width:750px;color:#56514b;margin:0 0 30px}
.brs-hero-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap}
.brs-primary{display:inline-flex;gap:40px;align-items:center;justify-content:space-between;background:#282725;color:white!important;padding:15px 18px;font-weight:750;font-size:13px}
.brs-primary:hover{background:#514835;color:white!important}
.brs-secondary{font-size:13px;font-weight:700;border-bottom:1px solid #928e86;padding-bottom:7px}
.brs-secondary:hover{color:#80602b}
.brs-hero-figure{min-width:0;background:#282724;color:#f6f3ea;align-self:stretch;padding:26px 27px 22px;display:flex;flex-direction:column}
.brs-figure-top{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;letter-spacing:.08em;color:#c9c3b7;border-bottom:1px solid #747064;padding-bottom:16px}
.brs-hero-figure ol{list-style:none;counter-reset:figure;margin:30px 0 20px;padding:0}
.brs-hero-figure ol li{counter-increment:figure;display:flex;flex-direction:column;gap:4px;border-bottom:1px solid #615e55;padding:14px 0 15px 36px;position:relative}
.brs-hero-figure ol li:before{position:absolute;left:0;top:16px;content:counter(figure,decimal-leading-zero);font:11px 'DM Sans',sans-serif;color:#d6b980}
.brs-hero-figure ol strong{font-size:16px;line-height:1.3}
.brs-hero-figure ol span{font-size:11px;color:#c0bcb2}
.brs-hero-figure>p{font-size:11px;margin:auto 0 0;color:#b7b2a6;line-height:1.7}
.brs-content-layout{padding-top:65px;padding-bottom:95px;display:grid;grid-template-columns:minmax(0,1fr) 252px;gap:75px;align-items:start}
.brs-article{min-width:0;font-size:16px;line-height:1.85}
.brs-article>.wp-block-heading,.brs-article>h2{font-size:clamp(29px,3.2vw,43px);line-height:1.19;letter-spacing:-.051em;font-weight:790;margin:46px 0 17px;color:#2b2925;max-width:800px;scroll-margin-top:105px}
.brs-article>.wp-block-heading:first-child,.brs-article>h2:first-child{margin-top:0}
.brs-article>h3{font-size:21px;font-weight:760;letter-spacing:-.03em;margin:30px 0 10px}
.brs-article>p{font-size:16px;line-height:1.9;margin:0 0 21px;color:#504d47;max-width:810px}
.brs-article>p strong{font-weight:750;color:#292724}
.brs-article>ul,.brs-article>ol{padding:0 0 0 23px;margin:15px 0 28px;line-height:1.9}
.brs-article>ul li,.brs-article>ol li{margin:8px 0;color:#514d44}
.brs-article a{color:#6d542e;text-decoration:underline;text-underline-offset:4px}
.brs-article a:hover{color:#292724}
.brs-sidebar{position:sticky;top:112px}
.brs-sidebar-inner{border-top:2px solid #30302c;padding-top:22px}
.brs-sidebar-inner>span{font-size:10px;letter-spacing:.055em;font-weight:800;color:#756237}
.brs-sidebar-inner h2{font-size:26px;letter-spacing:-.052em;margin:15px 0;font-weight:800;line-height:1.2}
.brs-sidebar-inner>p{font-size:13px;line-height:1.8;color:#6c6559;margin:0 0 18px}
.brs-sidebar-inner>a{font-size:12px;display:flex;justify-content:space-between;gap:15px;color:#fff!important;background:#272622;padding:13px 14px;font-weight:750}
.brs-sidebar-inner>a:hover{background:#6a5737}
.brs-sidebar-links{margin-top:36px;border-top:1px solid #c9c5bc;padding-top:17px}
.brs-sidebar-links>strong{font-size:10px;letter-spacing:.08em;color:#74675a}
.brs-sidebar-links>a{display:flex;justify-content:space-between;gap:13px;border-bottom:1px solid #d7d2c8;padding:12px 0;font-size:12px;font-weight:650}
.brs-sidebar-links>a span{color:#796334}
.brs-visual{background:#f0eee7;border:1px solid #d5d1c7;padding:24px;margin:31px 0 41px;max-width:890px}
.brs-visual figcaption{display:flex;justify-content:space-between;gap:18px;align-items:start;margin-bottom:22px}
.brs-visual figcaption strong{font-size:15px;line-height:1.35}
.brs-visual figcaption span{font-size:11px;line-height:1.55;color:#776e63;max-width:320px;text-align:right}
.brs-visual-path{display:flex;gap:0;align-items:stretch;justify-content:space-between}
.brs-v-step{flex:1;min-width:0;background:#fff;padding:17px 13px;border:1px solid #d5d0c7}
.brs-v-count{display:block;font-size:10px;font-weight:800;color:#856637;margin-bottom:12px}
.brs-v-step strong{display:block;font-size:13px;line-height:1.3}
.brs-v-step p{font-size:11px;line-height:1.65;color:#756d61;margin:8px 0 0}
.brs-v-arrow{flex:0 0 19px;font-size:21px;text-align:center;align-self:center;color:#a38b68}
.brs-annotated{margin:30px 0 40px;border-top:2px solid #302e2a}
.brs-annotated-head{display:flex;align-items:baseline;justify-content:space-between;gap:22px;padding:17px 0}
.brs-annotated-head span{font-size:10px;color:#867044;font-weight:800;white-space:nowrap}
.brs-annotated-head strong{font-size:18px}
.brs-annotated-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.brs-annotated-grid>div{padding:22px;background:#f2f1ed;border:1px solid #e3e0da}
.brs-annotated-grid>div>span{font-size:10px;font-weight:750;color:#947447}
.brs-annotated-grid h3{font-size:20px;line-height:1.25;letter-spacing:-.04em;margin:14px 0 8px}
.brs-annotated-grid p{font-size:12px;line-height:1.8;margin:0;color:#676157}
.brs-table-wrap{overflow-x:auto;margin:25px 0 40px;border:1px solid #d4d0c7}
.brs-table{width:100%;border-collapse:collapse;min-width:510px;text-align:left}
.brs-table caption{text-align:left;background:#eeeae1;padding:15px 18px;font-size:12px;font-weight:800;color:#574e42}
.brs-table thead{background:#262724;color:#fff}
.brs-table th,.brs-table td{padding:15px 18px;border-bottom:1px solid #ddd9d1;vertical-align:top;font-size:12px;line-height:1.7}
.brs-table tbody th{width:38%;font-weight:700}
.brs-table tbody tr:nth-child(even){background:#f6f5f1}
.brs-advice{border-left:4px solid #8b6c3c;padding:25px 30px;background:#f2f0e9;margin:34px 0}
.brs-advice>span{font-size:10px;color:#907443;font-weight:800;letter-spacing:.06em}
.brs-advice h3{font-size:24px;letter-spacing:-.04em;margin:14px 0}
.brs-advice p{font-size:14px;line-height:1.82;color:#625d53;margin:0}
.brs-dual{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:30px 0 38px}
.brs-dual>div{background:#efeee8;border:1px solid #dedbd2;padding:22px}
.brs-dual>div:last-child{background:#e8e6dc}
.brs-dual span{font-size:10px;color:#94774a;font-weight:800}
.brs-dual h3{margin:13px 0;font-size:21px;letter-spacing:-.04em}
.brs-dual p{font-size:13px;color:#635e55;line-height:1.75;margin:0}
.brs-process{margin:33px 0 46px;background:#272824;color:#f9f8f1;padding:26px}
.brs-process-label{font-size:11px;color:#ceb181;font-weight:800;letter-spacing:.055em}
.brs-process ol{padding:0;list-style:none;margin:18px 0 0}
.brs-process li{display:grid;grid-template-columns:43px 1fr;gap:16px;border-top:1px solid #67665b;padding:17px 0}
.brs-process li>span{color:#d4bc93;font-size:12px;font-weight:750}
.brs-process li strong{display:block;font-size:17px}
.brs-process li p{color:#d4d0c5;font-size:12px;line-height:1.8;margin:6px 0 0}
.brs-faq{margin:45px 0 42px}
.brs-faq h2{font-size:clamp(30px,3vw,40px);letter-spacing:-.05em;margin:0 0 20px}
.brs-faq-list{border-top:2px solid #33312e}
.brs-faq details{border-bottom:1px solid #d8d5ce}
.brs-faq summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;padding:17px 0;font-size:15px;font-weight:730}
.brs-faq summary::-webkit-details-marker{display:none}
.brs-faq summary span{color:#856335;font-size:20px;flex-shrink:0}
.brs-faq details[open] summary span{transform:rotate(45deg)}
.brs-faq details p{font-size:13px;line-height:1.85;color:#625b50;margin:0 30px 19px 0}
.brs-finish{background:#2c2924;color:white;padding:40px;margin:54px 0 8px}
.brs-finish>span{font-size:10px;font-weight:750;color:#d7be94;letter-spacing:.06em}
.brs-finish h2{font-size:clamp(29px,3vw,42px);line-height:1.15;letter-spacing:-.055em;margin:14px 0 15px}
.brs-finish p{font-size:14px;line-height:1.8;color:#dcd5c9;margin:0 0 24px}
.brs-finish>div{display:flex;flex-wrap:wrap;gap:13px 24px;align-items:center}
.brs-finish .brs-cta{background:#f7f2e9;color:#282724!important;text-decoration:none;padding:13px 16px;font-size:12px;font-weight:800;display:inline-flex;gap:20px;justify-content:space-between}
.brs-finish .brs-ctalink{font-size:12px;color:#e2d0b3;border-bottom:1px solid #948772;text-decoration:none;padding-bottom:5px}
.brs-finish a:hover{color:#fff}
/* The hero compositions differ in layout and treatment by page family. */
.brs-page--local-seo .brs-hero-figure{background:#edf0e8;color:#263528;border:1px solid #cad2c4}
.brs-page--local-seo .brs-figure-top,.brs-page--local-seo .brs-hero-figure ol li{border-color:#c5d0c2;color:#4e5e50}
.brs-page--local-seo .brs-hero-figure ol span,.brs-page--local-seo .brs-hero-figure>p{color:#596859}
.brs-page--google-ads .brs-hero-figure{background:#2e3032;border-top:5px solid #ba9a6b}
.brs-page--google-ads .brs-visual--paid-gates .brs-v-step{background:#292a27;color:#fff}
.brs-page--google-ads .brs-visual--paid-gates .brs-v-step p{color:#d3d0c7}
.brs-page--ai-seo .brs-hero-figure{background:#e6e3da;border:1px solid #c9c5b9;color:#302b26}
.brs-page--ai-seo .brs-figure-top,.brs-page--ai-seo .brs-hero-figure ol li{color:#5a554b;border-color:#bdb8ae}
.brs-page--ai-seo .brs-hero-figure ol span,.brs-page--ai-seo .brs-hero-figure>p{color:#68635a}
.brs-page--technical-seo .brs-hero-figure{border:1px solid #645f57;background:#30302d}
.brs-page--technical-seo .brs-hero-figure ol strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px}
.brs-page--website-design .brs-hero-grid{grid-template-columns:minmax(0,1fr) minmax(340px,1fr)}
.brs-page--website-design .brs-hero-figure{background:#f1ebe1;color:#42372e;border:1px solid #d0c7b9}
.brs-page--website-design .brs-figure-top,.brs-page--website-design .brs-hero-figure ol li{border-color:#c5bba8;color:#554d41}
.brs-page--website-design .brs-hero-figure ol span,.brs-page--website-design .brs-hero-figure>p{color:#5f574c}
.brs-page--seo-audit .brs-hero-figure{background:#eceae4;color:#33302a;border:1px solid #c4bfb4}
.brs-page--seo-audit .brs-figure-top,.brs-page--seo-audit .brs-hero-figure ol li{color:#73634b;border-color:#c6c0b6}
.brs-page--seo-audit .brs-hero-figure ol span,.brs-page--seo-audit .brs-hero-figure>p{color:#5e584d}
.brs-page--wordpress-seo .brs-hero-figure{background:#eaeceb;color:#283c34;border:1px solid #c2c9c5}
.brs-page--wordpress-seo .brs-figure-top,.brs-page--wordpress-seo .brs-hero-figure ol li{border-color:#b5c2bb;color:#5b6e60}
.brs-page--wordpress-seo .brs-hero-figure ol span,.brs-page--wordpress-seo .brs-hero-figure>p{color:#5d6e62}
.brs-page--bay-area-seo .brs-hero-figure{background:#ede9dd;border:1px solid #c9c3b1;color:#363128}
.brs-page--bay-area-seo .brs-figure-top,.brs-page--bay-area-seo .brs-hero-figure ol li{color:#655b49;border-color:#c5bfb1}
.brs-page--bay-area-seo .brs-hero-figure ol span,.brs-page--bay-area-seo .brs-hero-figure>p{color:#686052}
.brs-page--google-business-profile .brs-hero-figure{background:#ededec;border:1px solid #d2d4d1;color:#30342d}
.brs-page--google-business-profile .brs-figure-top,.brs-page--google-business-profile .brs-hero-figure ol li{color:#656e5d;border-color:#c7cdc2}
.brs-page--google-business-profile .brs-hero-figure ol span,.brs-page--google-business-profile .brs-hero-figure>p{color:#687061}
@media(max-width:1100px){.brs-page .brs-container{width:calc(100% - 65px)}.brs-hero-grid{gap:35px;grid-template-columns:minmax(0,1fr) minmax(260px,.75fr)}.brs-content-layout{gap:38px;grid-template-columns:minmax(0,1fr) 210px}}
@media(max-width:840px){.brs-hero-grid,.brs-page--website-design .brs-hero-grid{grid-template-columns:1fr;gap:23px;padding:25px 0 50px}.brs-hero-figure{max-width:800px}.brs-hero-figure ol{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.brs-hero-figure ol li{border-bottom:0;border-right:1px solid #746e65;min-width:0;padding-right:8px}.brs-hero-figure>p{margin-top:12px}.brs-content-layout{grid-template-columns:1fr}.brs-sidebar{position:static;max-width:550px}.brs-sidebar-inner{padding-top:20px}}
@media(max-width:600px){.brs-page .brs-container{width:calc(100% - 38px)}.brs-breadcrumb{font-size:10px;padding:18px 0}.brs-hero h1{font-size:clamp(40px,9vw,57px);margin:18px 0}.brs-hero-dek{font-size:15px}.brs-hero-actions{align-items:flex-start;gap:16px}.brs-hero-figure{padding:20px}.brs-hero-figure ol{grid-template-columns:1fr;gap:0}.brs-hero-figure ol li{border-right:0;border-bottom:1px solid #79736a}.brs-content-layout{padding-top:35px;padding-bottom:55px}.brs-article>p{font-size:15px}.brs-article>.wp-block-heading,.brs-article>h2{font-size:clamp(29px,7vw,38px);margin-top:32px}.brs-annotated-grid,.brs-dual{grid-template-columns:1fr}.brs-visual{padding:15px;margin:25px 0}.brs-visual figcaption{display:block}.brs-visual figcaption span{display:block;text-align:left;margin-top:7px}.brs-visual-path{flex-direction:column}.brs-v-arrow{transform:rotate(90deg);align-self:center}.brs-v-step{padding:13px 15px}.brs-finish{padding:25px 23px}.brs-process{padding:20px}.brs-table{min-width:490px}}
@media(prefers-reduced-motion:reduce){.brs-faq summary span{transition:none!important}}