/* The directory uses the same quiet paper and ink as the individual services. */
.services-paper{--ink:#26322d;--forest:#26322d;--plum:#26322d;--rust:#425c53;--blue:#425c53;--ochre:#425c53;--red:#425c53;--teal:#425c53;--muted:#59625b;--rule:#7a85714a;--sheet:#f7f6ed}
.services-paper .review-bar{background:transparent;color:#536359;border-bottom:1px solid var(--rule)}
.services-paper header{background:#edf0e8a6}.services-paper .intro h1 em{color:var(--ink)}
.services-paper .intro-note .hand{color:var(--ink)}
.services-paper .category-tabs{gap:20px;border-block:1px solid var(--rule);padding:0;margin-bottom:28px}
.services-paper .category-tabs button{background:transparent;border:0;padding:22px 0;box-shadow:none;min-height:0;transform:none}
.services-paper .category-tabs button[aria-selected=true]{color:var(--ink);background:transparent;border-bottom:3px solid var(--ink);box-shadow:none}
.services-paper [data-paper-sheet]{padding:44px clamp(24px,4vw,52px) 88px;margin-bottom:28px}
.services-paper [data-paper-sheet].wrap{width:88%;margin-inline:auto;max-width:1162px}
.services-paper .section-title>div{background:none;box-shadow:none;border:0;padding:0;max-width:none}
.services-paper .section-title h2,.services-paper .website-intro h2{font-size:clamp(30px,3.3vw,43px);color:var(--ink)}
.services-paper .section-title .eyebrow{color:#56665b;font-weight:400}
.services-paper .plan-options{grid-template-columns:repeat(2,minmax(0,1fr))}
.services-paper .plan-options button{background:transparent;box-shadow:none;border:1px solid var(--rule);transform:none}
.services-paper .plan-options button[aria-checked=true]{background:#dce6df;color:var(--ink);border-color:#50685b;box-shadow:2px 3px 0 #abbab333}
.services-paper .build-detail,.services-paper .paper-demo,.services-paper .process-detail,.services-paper .bundle{background:transparent;box-shadow:none;border-color:var(--rule)}
.services-paper .paper-demo{padding:30px;min-height:350px}.services-paper .demo-browser{background:#f8f7ef}
.services-paper .care-card{background:transparent;border:1px solid var(--rule);box-shadow:none;padding:24px 18px;transform:none}
.services-paper .care-card[aria-checked=true]{background:#dce6df;box-shadow:2px 3px 0 #abbab333;border-color:#50685b}
.services-paper .care-card h3,.services-paper .care-card:nth-child(n) h3{color:var(--ink)}
.services-paper .directory-role,.services-paper .directory-heading,.services-paper .directory-row{background:transparent;box-shadow:none}
.services-paper .copy-url{border:0;background:transparent;box-shadow:none;color:var(--ink)}
.services-paper .all-service-budgets .rate-flexibility{margin:0;padding:0;border:0}
.services-paper .conversation{background:transparent;color:var(--ink);box-shadow:none}.services-paper .conversation p{color:var(--muted)}
.services-paper .work-grid figure{background:#f4f5ed;box-shadow:2px 5px 8px #22332915}
@media(max-width:800px){.services-paper .build-detail{grid-template-columns:1fr}.services-paper .paper-demo{min-height:320px;border:0}.services-paper .care-options{grid-template-columns:1fr}.services-paper .section-title{align-items:start;gap:18px;flex-wrap:wrap}.services-paper [data-paper-sheet]{padding:30px 24px 72px}.services-paper .category-tabs{gap:8px}.services-paper .category-tabs button{font-size:13px}}
@media(max-width:560px){.services-paper .category-tabs{grid-template-columns:1fr 1fr}.services-paper [data-paper-sheet]{padding:26px 20px 66px}.services-paper .website-intro{grid-template-columns:1fr}.services-paper .plan-options button{padding:14px}.services-paper .section-title>p{max-width:none}.services-paper .rate-contact{gap:12px}}

/* Real work and straightforward typography, without decorative browser mockups. */
.services-paper .intro{grid-template-columns:1fr}
.services-paper .hand{font-family:var(--sans);font-style:normal}
.services-paper .intro h1 em{color:var(--ink)!important}
.services-paper .category-tabs button small,.services-paper .category-tabs button>span{color:var(--muted)}
.services-paper .section-title>div:before{display:none}
.services-paper .section-title>div{transform:none}
.services-paper .website-intro{display:block}
.services-paper .website-intro>div:first-child{max-width:760px}
.website-screenshots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:36px}
.website-screenshots a{min-width:0;display:block}
.website-screenshots img{width:100%;aspect-ratio:1.35;object-fit:cover;object-position:top;box-shadow:0 4px 12px #26322d16}
.website-screenshots span{display:block;padding-top:10px;font-size:12px;color:var(--ink)}
.services-paper .build-detail{display:block;min-height:0;border-inline:0}
.services-paper .plan-description{padding:28px 0 12px;max-width:800px}
.services-paper .plan-description ul{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px}
.services-paper .price-line{margin-top:16px;flex-direction:row;align-items:end}
.services-paper .work-grid figure{background:none;border:0;box-shadow:none}
.services-paper .work-grid figure>figcaption{padding-inline:0}
@media(max-width:560px){.website-screenshots{grid-template-columns:1fr;gap:24px}.website-screenshots img{aspect-ratio:1.55}.services-paper .plan-description ul{grid-template-columns:1fr}.services-paper .price-line{flex-wrap:wrap}}

/* Equal, compact preview windows regardless of source-image dimensions. */
.services-paper .website-screenshots{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:900px}
.services-paper .website-screenshots img{width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;object-position:top;max-height:180px}
.services-paper .website-screenshots span{font:12px/1.5 var(--sans);padding-top:9px}
@media(max-width:560px){.services-paper .website-screenshots{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}.services-paper .website-screenshots img{max-height:140px}.services-paper .website-screenshots span{font-size:11px}}

/* Consistent vanilla rectangles, without cutout edges or rotation. */
.services-paper .category-tabs{gap:14px;border:0;padding:12px 0 22px;perspective:none}
.services-paper .category-tabs button{position:relative;background:#eee8d7;background-image:none;border:1px solid #c7c1b1;border-radius:2px;padding:22px 18px;min-height:82px;transform:none;clip-path:none;box-shadow:none;transition:background 180ms,border-color 180ms,box-shadow 180ms;color:var(--ink)}
.services-paper .category-tabs button[aria-selected=true]{background:#eee8d7;border-color:#65675c;box-shadow:inset 0 -3px #535b50;transform:none}
.services-paper .category-tabs button small,.services-paper .category-tabs button[aria-selected=true] small,.services-paper .category-tabs button>span,.services-paper .category-tabs button[aria-selected=true]>span{color:#485046;opacity:1}
.services-paper .category-tabs button:focus-visible{outline:2px solid #535b50;outline-offset:4px}
@media(hover:hover){.services-paper .category-tabs button:hover{background:#f5efdf;border-color:#8d917f;transform:none;box-shadow:0 3px 9px #26322d12}}
@media(max-width:760px){.services-paper .category-tabs{gap:12px}.services-paper .category-tabs button{min-height:76px;padding:18px 13px;font-size:13px;gap:9px}}
@media(prefers-reduced-motion:reduce){.services-paper .category-tabs button{transition:none}}

.services-paper #build .section-title h2{color:#222;max-width:700px;font-style:normal}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .services-paper .plan-options button:hover,.services-paper .care-card:hover{transform:translateY(-5px);box-shadow:1px 8px 15px #26322d1a;border-color:#617269}
 .services-paper :is(.website-screenshots a,.work-grid a){transition:transform 250ms cubic-bezier(.2,.7,.2,1)}
 .services-paper :is(.website-screenshots a,.work-grid a):hover{transform:translateY(-5px)}
 .services-paper .process-steps button{transition:transform 220ms,color 220ms}
 .services-paper .process-steps button:hover{transform:translateY(-3px);color:#425c53}
}

.web-rate-downloads{margin-top:24px;border-top:1px solid #c7c1b1;padding-top:16px}.web-rate-downloads summary{cursor:pointer;font-size:14px}.web-rate-downloads ul{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;padding:18px 0 0;list-style:none;font-size:13px}.web-rate-downloads a{text-decoration:underline;text-underline-offset:4px}@media(max-width:600px){.web-rate-downloads ul{grid-template-columns:1fr}}

/* Embossed black label tape: raised pale lettering and narrow plastic edges. */
.services-paper .eyebrow.embossed-label{
 display:inline-block;position:relative;width:fit-content;max-width:100%;
 padding:9px 14px 8px;margin:0 0 22px;border:1px solid #070707;border-radius:1px;
 background:linear-gradient(180deg,#41413f 0%,#242423 11%,#171716 43%,#222221 91%,#0b0b0b 100%);
 color:#f6f4eb;font:700 11px/1.45 'Courier New',Courier,monospace;
 text-transform:uppercase;letter-spacing:.17em;white-space:normal;
 text-shadow:0 -1px 0 #fff,0 1px 0 #8b8b85,1px 2px 1px #000,-1px 0 1px #000;
 box-shadow:inset 0 1px 0 #ffffff37,inset 0 -1px 0 #000,0 2px 2px #00000030,0 5px 7px #0000000d;
}
.services-paper .directory-panel>.embossed-label+h2{margin-top:0}
.services-paper .website-intro .embossed-label+h2{margin-top:0}

/* The process is a visible sequence, with each step large enough to select. */
.services-paper .process-steps{
 display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;border:0;margin:8px 0 22px;
}
.services-paper .process-steps button{
 display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:18px;
 min-width:0;min-height:130px;padding:20px 16px;text-align:left;
 background:#efebde;border:1px solid #c7c0b1;border-radius:2px;color:#282926;
 font:500 14px/1.3 var(--sans);box-shadow:0 2px 3px #332f2010;
 transition:transform 220ms,box-shadow 220ms,background 220ms,border-color 220ms;
}
.services-paper .process-steps button>span{
 display:block;margin:0;font:700 29px/1 'Courier New',Courier,monospace;
 color:#353631;letter-spacing:-.04em;
}
.services-paper .process-steps button:after{display:none}
.services-paper .process-steps button[aria-selected=true]{
 background:#292a27;color:#fffdf4;border-color:#292a27;
 box-shadow:0 5px 10px #292a2726;transform:translateY(-4px);
}
.services-paper .process-steps button[aria-selected=true]>span{color:#fffdf4;text-shadow:0 1px 1px #000}
.services-paper .process-steps button:focus-visible{outline:2px solid #292a27;outline-offset:5px}
.services-paper .process-detail{
 align-items:flex-start;gap:24px;padding:30px;background:#fcfaf3;
 border:1px solid #c7c0b1;border-left:3px solid #292a27;min-height:190px;
 box-shadow:0 4px 9px #332f2010;
}
.services-paper .process-folio{font:400 44px/1 var(--serif);color:#69695f;font-style:normal;flex:none}
.services-paper .process-detail h3{color:#292a27;font-size:30px;line-height:1.2;margin-bottom:14px}
.services-paper .process-detail p{font-size:14px;line-height:1.8;color:#50524b}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .services-paper .process-steps button:hover{transform:translateY(-5px);background:#f8f5eb;border-color:#75756b;box-shadow:0 8px 14px #332f2020;color:#292a27}
 .services-paper .process-steps button[aria-selected=true]:hover{background:#383a35;color:#fffdf4}
}
@media(max-width:700px){
 .services-paper .process-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .services-paper .process-steps button{min-height:90px;padding:15px;gap:12px}
 .services-paper .process-steps button:last-child{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:flex-start;gap:18px;min-height:70px}
 .services-paper .process-steps button>span{font-size:25px}
 .services-paper .process-detail{padding:24px 18px;gap:15px}
 .services-paper .process-folio{font-size:34px}
 .services-paper .process-detail h3{font-size:26px}
}
@media(prefers-reduced-motion:reduce){.services-paper .process-steps button{transition:none;transform:none!important}}

/* Simple navigation stays visible at every width. */
.services-paper .service-site-header{background:#fffdf6;border-bottom:1px solid #d3cec1;padding:14px 5%;gap:24px;height:auto;backdrop-filter:none}
.services-paper .service-site-header #main-nav{display:flex;position:static;align-items:center;justify-content:flex-end;flex-direction:row;gap:28px;padding:0;border:0;background:transparent;box-shadow:none}
.services-paper .service-site-header #main-nav a{display:inline-flex;align-items:center;font-size:13px;min-height:44px;padding:0;border:0;color:#292a27}
.services-paper .service-site-header #main-nav a:hover{text-decoration:underline;text-underline-offset:6px}
.services-paper .page-context{color:#222;font-weight:700;white-space:nowrap}
@media(max-width:600px){.services-paper .service-site-header{flex-wrap:wrap;gap:8px;padding-bottom:0}.services-paper .service-site-header #main-nav{width:100%;justify-content:flex-start;gap:32px;border-top:1px solid #ded9ce;padding-top:2px}.services-paper .service-site-header #main-nav a{font-size:13px}.services-paper .intro>.eyebrow{line-height:1.8}}

/* Compact plan selectors share a clear selected state and a single detail area. */
.services-paper .selector-instruction{font-size:13px;margin:0 0 14px;color:#55564e}
.services-paper .plan-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.services-paper .care-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.services-paper :is(.plan-options button,.care-card.compact-choice){
 display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px;
 min-width:0;min-height:0;padding:20px 16px;background:#efebde;border:1px solid #c7c0b1;
 border-radius:2px;box-shadow:0 2px 3px #332f2010;transform:none;text-align:left;color:#292a27;
 transition:background 180ms,transform 180ms,box-shadow 180ms;
}
.services-paper .option-icon{display:block;width:28px;height:28px;flex:none;margin:0 0 7px}
.services-paper .plan-options button>span:not(.selector-action),.services-paper .care-name{font:500 15px/1.3 var(--sans);margin:0;color:inherit}
.services-paper .plan-options button>small{font:11px/1.4 var(--sans);margin:0 0 4px;color:inherit;opacity:.8}
.services-paper .plan-options button>b{font:400 18px/1.3 var(--serif);margin:0 0 8px;color:inherit}
.services-paper .selector-action{display:block;font:11px/1.3 var(--sans);margin-top:auto;padding-top:10px;border-top:1px solid #292a2729;width:100%;color:inherit}
.services-paper :is(.plan-options button,.care-card.compact-choice)[aria-checked=true]{background:#292a27;border-color:#292a27;color:#fffdf4;box-shadow:0 4px 8px #292a2723;transform:translateY(-3px)}
.services-paper :is(.plan-options button,.care-card.compact-choice)[aria-checked=true] .selector-action{border-color:#ffffff42}
.services-paper .care-card.compact-choice .care-price{font:400 25px/1.2 var(--serif);display:block;letter-spacing:0;margin:0 0 4px;text-align:left;color:inherit}
.services-paper .care-card.compact-choice .care-price small{display:inline;font:11px var(--sans);margin-left:4px;color:inherit}
.services-paper .care-details{display:grid;grid-template-columns:1fr 1.5fr;gap:28px;background:#fcfaf3;border:1px solid #c7c0b1;border-left:3px solid #292a27;margin-top:18px;padding:24px}
.services-paper .care-details h3{font:30px/1.1 var(--serif);margin:0 0 12px;color:#292a27}.services-paper .care-details p{font-size:13px;color:#55564e}
.services-paper .care-details dl{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:0}.services-paper .care-details dt{font-size:11px;color:#55564e;margin-bottom:8px}.services-paper .care-details dd{font-size:16px;line-height:1.4;margin:0;color:#292a27}
.services-paper .care-common{margin:18px 0 28px;max-width:none}
.services-paper #care .section-title h2{font-style:normal;white-space:normal}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.services-paper :is(.plan-options button,.care-card.compact-choice):hover{transform:translateY(-4px);box-shadow:0 7px 12px #292a2726;border-color:#75756b}}
@media(max-width:850px){.services-paper .plan-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){
 .services-paper .care-options{gap:8px}.services-paper .care-card.compact-choice{padding:14px 9px;gap:8px}.services-paper .care-name{font-size:12px;white-space:nowrap}.services-paper .care-card.compact-choice .care-price{font-size:21px}.services-paper .care-card.compact-choice .care-price small{font-size:9px;margin-left:1px}
 .services-paper .care-card.compact-choice .selector-action{font-size:10px}.services-paper .care-details{grid-template-columns:1fr;gap:20px;padding:22px 18px}.services-paper .care-details h3{font-size:27px}.services-paper .care-details dd{font-size:14px}.services-paper #care .section-title h2{font-size:clamp(24px,6.6vw,34px);white-space:nowrap}
}
@media(prefers-reduced-motion:reduce){.services-paper :is(.plan-options button,.care-card.compact-choice){transition:none;transform:none!important}}

/* A personal pen note on neutral handled paper. */
.services-paper #project-budgets{--paper-tone:#fffdf8;--paper-wash:#fffdf8ed;max-width:850px}
.handwritten-rate-note{width:min(100%,220px);aspect-ratio:1061/1265;margin:0 auto 28px;background:url('/assets/handwriting/rate-note-pen-v1.png') 44% 67.75956% / 102.35627% 114.46640% no-repeat}
.services-paper .rate-note-transcript{max-width:560px;margin:0 auto 25px;font-size:13px}.rate-note-transcript summary{cursor:pointer;font-size:12px;color:#55564e}.rate-note-transcript[open] summary{margin-bottom:16px}
.services-paper #project-budgets .rate-contact{justify-content:center;border-top:1px solid #d2cfc6;padding-top:20px;max-width:620px;margin:0 auto;font-size:13px}