/* Yellowstone Local service examples */
.service-hero { background:#101010; color:#fff; padding:10rem 0 5.5rem; position:relative; overflow:hidden; }
.service-hero::before { content:''; position:absolute; width:600px; height:600px; right:-200px; top:-280px; background:radial-gradient(circle,#d9d9d917,transparent 68%); pointer-events:none; }
.service-hero .crumbs { color:#aaa; margin-bottom:2.5rem; }
.service-hero .crumbs a { color:#ddd; }
.service-hero-grid { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr); gap:5rem; align-items:center; position:relative; }
.service-hero h1 { font-size:clamp(2.7rem,5vw,4.9rem); max-width:14ch; line-height:1.07; }
.service-hero h1 span { color:var(--yellow); }
.service-hero .lede { color:#bababa; max-width:58ch; margin:1.6rem 0 2rem; font-size:1.1rem; }
.service-actions { display:flex; flex-wrap:wrap; gap:.8rem; }
.service-hero .btn-secondary { color:#fff; border-color:#777; }
.playbook-cover { transform:rotate(3deg); background:#ffd60a; color:#101010; border-radius:4px 18px 18px 4px; padding:2rem 2rem 2rem 2.6rem; box-shadow:-12px 12px 0 #707070,0 30px 70px #0008; min-height:410px; display:flex; flex-direction:column; border-left:9px solid #d2af00; }
.cover-brand { display:flex; align-items:center; font-size:.85rem; font-weight:900; gap:.6rem; }
.cover-brand img { width:36px; height:36px; object-fit:contain; filter:drop-shadow(0 0 5px #0003); }
.cover-code { margin-top:3rem; font-size:.68rem; font-weight:800; text-transform:uppercase; letter-spacing:.15em; }
.playbook-cover h2 { font-size:clamp(2.1rem,3vw,3.1rem); line-height:1.1; margin:1rem 0 1.5rem; }
.cover-rule { width:55px; height:5px; background:#121212; margin-bottom:1rem; }
.playbook-cover p { font-size:.85rem; max-width:25ch; }
.cover-bottom { border-top:1px solid #15151555; margin-top:auto; padding-top:1rem; display:flex; justify-content:space-between; gap:1rem; font-size:.68rem; font-weight:800; }
.service-intro { padding:5rem 0; }
.service-intro-grid { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:start; }
.service-intro h2 { font-size:clamp(2.1rem,3.4vw,3rem); max-width:20ch; }
.service-intro p { color:#5b5b5b; line-height:1.8; }
.ownership-points { display:flex; flex-wrap:wrap; gap:1.6rem; margin-top:1.7rem; }
.ownership-points strong { display:block; font-size:.85rem; color:#171717; }
.ownership-points span { font-size:.75rem; color:#666; }
.example-section { background:#f4f4f4; padding:5.5rem 0; scroll-margin-top:85px; }
.lab-section-heading { display:flex; align-items:end; justify-content:space-between; gap:2rem; margin-bottom:2rem; }
.lab-section-heading h2 { font-size:clamp(2.2rem,4vw,3.5rem); max-width:19ch; margin-bottom:1rem; }
.lab-section-heading p { max-width:62ch; color:#666; font-size:.98rem; }
.lab-download { display:inline-flex; align-items:center; justify-content:center; gap:.5rem; border:1px solid #aaa; padding:.8rem 1rem; border-radius:6px; font-size:.8rem; font-weight:800; white-space:nowrap; margin-bottom:1rem; }
.lab-download:hover { background:#fff; border-color:#141414; }
.example-context { border:1px solid #dddddd; border-bottom:0; background:#fff; border-radius:15px 15px 0 0; padding:1.2rem 1.6rem; display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.example-context strong { display:block; font-size:.92rem; }
.example-context small { color:#717171; font-size:.72rem; }
.example-label { background:#f3f3f3; border:1px solid #d4d4d4; border-radius:4px; padding:.3rem .55rem; text-transform:uppercase; letter-spacing:.09em; font-size:.6rem; font-weight:900; color:#464646; flex-shrink:0; }
.playbook-lab { border:1px solid #dddddd; border-radius:0 0 15px 15px; background:#fff; display:grid; grid-template-columns:270px minmax(0,1fr); overflow:hidden; box-shadow:0 20px 50px -30px #0003; }
.playbook-tabs { background:#171717; color:#d3d3d3; padding:1rem .75rem; display:flex; flex-direction:column; gap:.2rem; }
.playbook-tabs button { display:flex; align-items:center; text-align:left; gap:.9rem; padding:.85rem .8rem; border-radius:6px; color:inherit; font-size:.78rem; line-height:1.3; font-weight:700; }
.playbook-tabs button>span { color:#767676; font-size:.6rem; font-variant-numeric:tabular-nums; }
.playbook-tabs button[aria-selected=true] { background:#ffd60a; color:#151515; }
.playbook-tabs button[aria-selected=true]>span { color:#535353; }
.playbook-tabs button:hover:not([aria-selected=true]) { background:#2b2b2b; color:#fff; }
.playbook-tabs button:focus-visible,.brand-tabs button:focus-visible,.lab-page-control:focus-visible { outline:2px solid #ff9800; outline-offset:2px; }
.chapter-select { display:none; }
.playbook-reading { min-width:0; display:flex; flex-direction:column; }
.playbook-panel { padding:2.3rem 2.6rem; min-height:650px; scroll-margin-top:105px; }
.playbook-panel[hidden],.brand-panel[hidden] { display:none; }
.chapter-kicker { color:#6f6f6f; text-transform:uppercase; font-size:.63rem; letter-spacing:.15em; font-weight:900; display:block; margin-bottom:1.3rem; }
.playbook-panel h3 { font-size:2rem; max-width:26ch; }
.chapter-intro { color:#6a6a6a; font-size:.95rem; line-height:1.8; margin:0 0 1.8rem; max-width:68ch; }
.playbook-panel h4 { font-size:1rem; letter-spacing:-.015em; margin:1.4rem 0 .7rem; }
.playbook-panel p,.playbook-panel li { font-size:.87rem; line-height:1.8; color:#505050; }
.playbook-panel ul,.playbook-panel ol { padding-left:1.2rem; }
.playbook-panel li { margin:.5rem 0; padding-left:.25rem; }
.profile-halves { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.profile-half { background:#f6f6f6; padding:1.4rem; border-radius:8px; border-top:4px solid #ffd60a; }
.profile-half:nth-child(2) { background:#171717; border-top-color:#ff8a00; }
.profile-half h4 { margin:0 0 .5rem; font-size:1.2rem; }
.profile-half p { margin:0 0 1rem; font-size:.75rem; }
.profile-half li { font-size:.78rem; }
.profile-half:nth-child(2) h4 { color:#fff; }
.profile-half:nth-child(2) p,.profile-half:nth-child(2) li { color:#c5c5c5; }
.chapter-note { background:#f9f9f9; border-left:3px solid #ffd60a; padding:1rem 1.2rem; margin-top:1.4rem; font-size:.8rem; color:#535353; line-height:1.8; }
.evidence-table { width:100%; border-collapse:collapse; font-size:.78rem; }
.evidence-table th { padding:.8rem .6rem; text-align:left; background:#f4f4f4; font-size:.65rem; letter-spacing:.03em; }
.evidence-table td { border-bottom:1px solid #e8e8e8; padding:.85rem .6rem; vertical-align:top; color:#575757; line-height:1.7; }
.evidence-table td strong { display:block; color:#151515; }
.evidence-table .weight { color:#111; font-size:.95rem; font-weight:900; white-space:nowrap; }
.evidence-table caption { text-align:left; color:#767676; margin:0 0 1rem; font-size:.75rem; }
.evp-statement { font-size:1.3rem!important; color:#151515!important; line-height:1.6!important; border-left:4px solid #ffd60a; padding:0 0 0 1.2rem; }
.offer-grid { display:grid; grid-template-columns:1fr 1fr; gap:.8rem; margin-top:1.3rem; }
.offer-item { border:1px solid #e5e5e5; padding:1rem; border-radius:6px; }
.offer-item strong { display:block; font-size:.8rem; margin-bottom:.4rem; }
.offer-item p { font-size:.76rem; margin:0; }
.job-ad-paper { border:1px solid #e3e3e3; border-radius:8px; padding:1.7rem; box-shadow:0 12px 25px -22px #0005; }
.job-ad-paper .ad-role { font-size:1.6rem; margin:0 0 .5rem; color:#171717; }
.ad-pay { display:inline-flex; background:#eeeeee; font-size:.8rem; font-weight:900; padding:.35rem .6rem; border-radius:4px; margin-bottom:1.3rem; }
.question-list { counter-reset:questions; list-style:none; padding:0!important; }
.question-list li { padding:1rem 0 1rem 2.4rem; border-top:1px solid #e5e5e5; position:relative; }
.question-list li::before { counter-increment:questions; content:counter(questions,decimal-leading-zero); font-weight:900; color:#8c8c8c; position:absolute; left:0; font-size:.7rem; }
.question-list strong { display:block; color:#151515; font-weight:700; }
.question-list small { display:block; color:#727272; font-size:.74rem; margin-top:.3rem; }
.script-row { display:grid; grid-template-columns:70px 1fr; gap:1rem; border-bottom:1px solid #e5e5e5; padding:1rem 0; }
.script-row>span { font-size:.7rem; font-weight:900; color:#737373; }
.script-row strong { font-size:.85rem; }
.script-row p { font-size:.8rem; margin:.4rem 0 0; }
.process-example { list-style:none; padding:0!important; }
.process-example li { position:relative; padding:0 0 1rem 1.2rem; border-left:2px solid #ffd60a; }
.process-example strong { color:#171717; display:block; }
.process-example span { color:#898989; display:block; font-size:.73rem; margin-top:.2rem; }
.offer-letter { padding:1.5rem; border:1px solid #e3e3e3; background:#fafafa; border-radius:8px; }
.offer-letter .letter-label { text-transform:uppercase; letter-spacing:.1em; font-size:.6rem; color:#737373; font-weight:900; }
.lab-footer { margin-top:auto; padding:1.1rem 2.6rem; border-top:1px solid #e4e4e4; display:flex; justify-content:space-between; gap:.7rem; align-items:center; background:#fcfcfc; }
.lab-page-control { border:1px solid #c5c5c5; border-radius:5px; padding:.5rem .85rem; font-size:.75rem; font-weight:800; color:#171717; }
.lab-page-control:hover { background:#ffd60a; border-color:#ffd60a; }
.lab-page-control:disabled { opacity:.35; cursor:default; background:transparent; border-color:#c5c5c5; }
.chapter-progress { font-size:.7rem; font-weight:800; color:#777; }
.example-disclosure { color:#7b7b7b; font-size:.72rem; line-height:1.8; margin:1rem 0 0; max-width:110ch; }
.service-bridge { padding:5.5rem 0; }
.service-bridge-box { display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:center; padding:3rem; border:1px solid #ddd; border-radius:12px; background:#f8f8f8; }
.service-bridge h2 { font-size:clamp(1.9rem,3vw,2.7rem); }
.service-bridge p { color:#666; line-height:1.8; font-size:.94rem; }
.service-close { padding:5.5rem 0; background:#111; color:#fff; text-align:center; }
.service-close h2 { max-width:23ch; margin:0 auto 1.4rem; }
.service-close p { color:#bbb; max-width:65ch; margin:0 auto 2rem; }
.brand-hero-art { background:#ffd60a; color:#151515; border-radius:15px; padding:1.6rem; transform:rotate(2deg); box-shadow:0 30px 70px #0008; }
.brand-hero-art .brand-sample-logo { font-size:.75rem; font-weight:900; letter-spacing:.02em; }
.brand-hero-art h2 { font-size:2.2rem; margin:2rem 0; max-width:10ch; }
.brand-hero-strip { display:flex; flex-wrap:wrap; gap:.45rem; margin:2rem 0 0; }
.brand-hero-strip span { font-size:.62rem; border:1px solid #15151577; padding:.4rem .5rem; border-radius:4px; }
.brand-work-row { display:grid; grid-template-columns:repeat(4,1fr); gap:1.3rem; margin-top:3rem; }
.brand-work-row article { border-top:2px solid #151515; padding-top:1rem; }
.brand-work-row article>span { font-size:.65rem; color:#787878; font-weight:900; }
.brand-work-row h3 { font-size:1.1rem; margin:1rem 0 .65rem; }
.brand-work-row p { font-size:.85rem; color:#666; line-height:1.8; }
.brand-tabs { display:flex; flex-wrap:wrap; gap:.5rem; margin:0 0 1.5rem; }
.brand-tabs button { border:1px solid #c7c7c7; padding:.65rem 1.1rem; border-radius:100px; font-size:.78rem; font-weight:800; }
.brand-tabs button[aria-selected=true] { background:#171717; border-color:#171717; color:#ffd60a; }
.brand-panel { background:#fff; border:1px solid #dddddd; border-radius:12px; overflow:hidden; }
.brand-panel-copy { padding:1.8rem 2rem; border-top:1px solid #dddddd; display:grid; grid-template-columns:1fr 1fr; gap:3rem; }
.brand-panel-copy h3 { font-size:1.4rem; margin:0; }
.brand-panel-copy p { font-size:.85rem; color:#646464; line-height:1.8; margin:0; }
.brand-preview { padding:2.5rem; background:#eaeaea; min-height:480px; display:flex; align-items:center; justify-content:center; }
.sample-window { max-width:900px; width:100%; background:#fff; border:1px solid #d3d3d3; border-radius:10px; overflow:hidden; box-shadow:0 25px 60px -35px #0008; }
.sample-browserbar { padding:.6rem 1rem; background:#f7f7f7; display:flex; gap:.35rem; align-items:center; color:#999; font-size:.55rem; }
.sample-browserbar i { height:6px; width:6px; background:#d0d0d0; border-radius:50%; }
.sample-browserbar span { margin-left:1rem; }
.sample-nav { padding:1rem 1.5rem; display:flex; justify-content:space-between; gap:1rem; font-size:.64rem; color:#151515; align-items:center; }
.sample-nav strong { font-size:.8rem; }
.sample-career-hero { display:grid; grid-template-columns:1.1fr .8fr; gap:1.5rem; padding:2.5rem; background:#1b1b1b; color:#fff; }
.sample-career-hero h4 { font-size:clamp(1.6rem,3vw,2.7rem); line-height:1.1; margin:1rem 0; }
.sample-career-hero p { color:#c5c5c5; font-size:.72rem; line-height:1.7; max-width:43ch; }
.sample-career-hero .sample-kicker { font-size:.5rem; text-transform:uppercase; color:#ffd60a; letter-spacing:.12em; }
.sample-career-hero a { display:inline-block; color:#171717; background:#ffd60a; border-radius:4px; font-size:.6rem; font-weight:900; padding:.65rem .8rem; margin-top:.8rem; }
.craft-art { display:flex; flex-direction:column; justify-content:center; align-items:center; background:linear-gradient(135deg,#ffd60a,#e7a600); padding:1.5rem; border-radius:80px 80px 8px 8px; color:#222; min-height:220px; }
.craft-art svg { width:90%; max-width:150px; }
.craft-art span { font-size:.64rem; text-transform:uppercase; letter-spacing:.15em; font-weight:900; margin-top:1rem; text-align:center; }
.sample-perks { padding:1.5rem; display:flex; justify-content:space-around; gap:1rem; font-size:.62rem; font-weight:800; }
.indeed-preview { max-width:820px; width:100%; background:#fff; border:1px solid #dedede; border-radius:12px; overflow:hidden; box-shadow:0 25px 60px -35px #0008; }
.indeed-top { background:#f0f0f0; padding:1.4rem 1.7rem; color:#484848; font-size:.67rem; font-weight:800; }
.indeed-cover { background:#212121; padding:2.2rem 1.8rem; color:#fff; display:flex; justify-content:space-between; gap:1rem; }
.indeed-cover strong { font-size:1.4rem; max-width:18ch; line-height:1.2; }
.indeed-cover>span { font-size:.63rem; color:#ffd60a; align-self:end; }
.indeed-content { padding:1.7rem; }
.indeed-content h4 { font-size:1.25rem; margin:.8rem 0; }
.indeed-content>p { color:#666; font-size:.78rem; line-height:1.8; max-width:70ch; }
.indeed-menu { display:flex; flex-wrap:wrap; gap:1.5rem; border-bottom:1px solid #ddd; padding:0 0 .8rem; font-size:.68rem; font-weight:800; color:#777; margin:1rem 0 1.5rem; }
.indeed-menu strong { color:#171717; }
.review-concept { border:1px solid #e4e4e4; padding:1.2rem; border-radius:7px; display:grid; grid-template-columns:35px 1fr; gap:1rem; }
.review-concept>span { border-radius:50%; width:32px; height:32px; background:#f2f2f2; display:grid; place-items:center; font-size:1.1rem; color:#808080; }
.review-concept h5 { margin:0 0 .4rem; font-size:.8rem; }
.review-concept p { margin:0; font-size:.73rem; line-height:1.7; color:#666; }
.billboard-scene { background:linear-gradient(#d9d9d9 0%,#ebebeb 75%,#a2a2a2 75%,#858585 100%); min-height:500px; position:relative; overflow:hidden; width:100%; display:flex; justify-content:center; align-items:start; padding:2rem 1rem 5rem; }
.billboard { position:relative; background:#171717; color:#fff; padding:2.2rem 2.6rem; max-width:830px; width:100%; border:8px solid #4a4a4a; box-shadow:12px 18px 25px #0003; display:grid; grid-template-columns:1.2fr .7fr; gap:2rem; z-index:1; }
.billboard::before,.billboard::after { content:''; position:absolute; top:100%; width:18px; height:260px; background:linear-gradient(90deg,#555555,#7b7b7b,#515151); z-index:-1; }
.billboard::before { left:20%; }.billboard::after { right:20%; }
.billboard h4 { font-size:clamp(2rem,4vw,3.7rem); margin:1rem 0; line-height:1; max-width:12ch; }
.billboard h4 span { color:#ffd60a; }
.billboard small { font-size:.58rem; letter-spacing:.1em; color:#ddd; }
.billboard-side { border-left:1px solid #ffffff44; padding-left:1.6rem; display:flex; flex-direction:column; justify-content:center; align-items:start; gap:1.1rem; }
.billboard-side strong { font-size:.95rem; color:#ffd60a; line-height:1.5; }
.billboard-side span { font-size:.65rem; color:#bbb; line-height:1.7; }
.billboard-side b { background:#ffd60a; color:#171717; padding:.7rem .8rem; border-radius:4px; font-size:.62rem; }
.story-studio { width:100%; max-width:900px; display:grid; grid-template-columns:1.2fr 1fr; gap:2rem; align-items:center; }
.video-concept { min-height:310px; border-radius:12px; background:linear-gradient(125deg,#292929,#111111); color:#fff; padding:1.8rem; display:flex; flex-direction:column; justify-content:space-between; align-items:start; position:relative; overflow:hidden; }
.video-concept::after { content:''; position:absolute; width:170px; height:170px; border:35px solid #ffd60a; border-radius:50%; right:-60px; bottom:-40px; opacity:.7; }
.video-concept small { font-size:.6rem; color:#c0c0c0; text-transform:uppercase; letter-spacing:.15em; }
.video-concept strong { font-size:1.8rem; line-height:1.2; max-width:12ch; margin:2rem 0; position:relative; z-index:1; }
.storyboard-toggle { background:#ffd60a; color:#151515; border-radius:5px; padding:.7rem .9rem; font-size:.7rem; font-weight:900; z-index:1; }
.story-studio h4 { font-size:1.2rem; }
.story-studio p { color:#656565; font-size:.82rem; line-height:1.8; }
.real-review { padding:1.3rem; border:1px solid #cdcdcd; border-radius:8px; background:#fff; margin-top:1.2rem; }
.real-review blockquote { margin:.7rem 0; font-size:1.1rem; font-weight:800; }
.real-review small,.real-review a { font-size:.67rem; color:#747474; line-height:1.7; display:block; }
.real-review a { color:#1d1d1d; text-decoration:underline; margin-top:.5rem; }
.storyboard { margin-top:1rem; background:#fff; border:1px solid #ccc; border-radius:8px; padding:1rem; }
.storyboard[hidden] { display:none; }
.storyboard p { font-size:.74rem; margin-bottom:.5rem; }
.brand-example-note { font-size:.7rem; color:#777; line-height:1.8; margin-top:1rem; }
@media(max-width:1000px) { .service-hero-grid { gap:2.5rem; } .service-intro-grid { gap:2rem; } .playbook-lab { grid-template-columns:225px minmax(0,1fr); } .playbook-panel { padding:1.8rem; } .lab-footer { padding:1rem 1.8rem; } .profile-halves { grid-template-columns:1fr; } .brand-work-row { grid-template-columns:1fr 1fr; } }
@media(max-width:760px) { .service-hero { padding:8rem 0 4rem; } .service-hero-grid { grid-template-columns:1fr; gap:3.5rem; } .service-hero h1 { max-width:17ch; } .playbook-cover { max-width:430px; margin:0 auto; width:90%; min-height:370px; } .service-intro-grid { grid-template-columns:1fr; } .service-intro,.example-section,.service-bridge { padding:3.5rem 0; } .lab-section-heading { flex-direction:column; align-items:start; gap:0; } .example-context { padding:1rem; align-items:start; } .example-context small { display:block; margin-top:.35rem; line-height:1.6; } .playbook-lab { display:block; } .playbook-tabs { display:none; } .chapter-select { display:block; padding:1rem; background:#171717; color:#fff; font-size:.7rem; font-weight:700; } .chapter-select select { width:100%; padding:.8rem; background:#fff; border:0; border-radius:5px; color:#171717; margin-top:.5rem; font:inherit; font-size:.85rem; } .playbook-panel { padding:1.6rem 1.2rem; min-height:0; } .playbook-panel h3 { font-size:1.7rem; } .lab-footer { padding:1rem 1.2rem; } .evidence-table th,.evidence-table td { padding:.7rem .4rem; font-size:.68rem; } .evidence-table .weight { font-size:.8rem; } .offer-grid { grid-template-columns:1fr; } .script-row { grid-template-columns:55px 1fr; gap:.6rem; } .service-bridge-box { grid-template-columns:1fr; padding:1.7rem; gap:1.5rem; } .brand-work-row { gap:1.5rem; } .brand-preview { padding:1rem; min-height:0; } .brand-panel-copy { padding:1.4rem; grid-template-columns:1fr; gap:1rem; } .sample-career-hero { padding:1.5rem; grid-template-columns:1fr; } .craft-art { min-height:130px; flex-direction:row; gap:1rem; border-radius:8px; padding:1rem; } .craft-art svg { max-width:80px; } .craft-art span { font-size:.55rem; margin:0; max-width:12ch; } .sample-perks { flex-direction:column; gap:.5rem; } .sample-nav { padding:.8rem; } .sample-nav>span { display:none; } .indeed-cover { padding:1.4rem; flex-direction:column; } .indeed-cover>span { align-self:start; } .indeed-content { padding:1.2rem; } .billboard-scene { min-height:360px; padding:.8rem .3rem 6rem; } .billboard { padding:1rem; border-width:5px; grid-template-columns:1fr; gap:.5rem; } .billboard h4 { font-size:2.2rem; } .billboard-side { border-left:0; padding:0; gap:.5rem; } .billboard-side span { display:none; } .billboard-side strong { font-size:.75rem; } .billboard-side b { padding:.45rem; } .story-studio { grid-template-columns:1fr; gap:1.5rem; } .video-concept { min-height:260px; } .brand-tabs button { padding:.6rem .9rem; font-size:.7rem; } }
@media(prefers-reduced-motion:reduce) { .playbook-cover,.brand-hero-art { transform:none; } }
@media(max-width:760px) {
  #example-scorecard .evidence-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
  #example-scorecard .evidence-table tbody { display:block; }
  #example-scorecard .evidence-table tr { display:grid; grid-template-columns:minmax(0,1fr) 55px; padding:.8rem 0; border-top:1px solid #e5e5e5; }
  #example-scorecard .evidence-table td { border:0; padding:.4rem; font-size:.8rem; }
  #example-scorecard .evidence-table td:nth-child(3) { grid-column:1/-1; }
  #example-scorecard .evidence-table .weight { font-size:1.1rem; text-align:right; }
}