/* Platform pages keep the shared Website story while showing the work differently. */
#main#main[data-dn-platform-story] .wd-story-section{padding-block:46px}
#main#main[data-dn-platform-story] .wd-story-section .dn-section-opening{margin-bottom:22px}
#main#main[data-dn-platform-story] .wpf-interview-copy{max-width:59ch;color:#d7e1e4}
#main#main[data-dn-platform-story] .wpf-interview-copy p{margin:0 0 18px;color:inherit}
#main#main[data-dn-platform-story] .wpf-interview-copy .wpf-agreement{border-top:1px solid #f5f2e93b;padding-top:18px;margin:0;color:#83ddd1;font-size:13px;font-weight:700}
#main#main[data-dn-platform-story] .wpf-portfolio{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:32px}
#main#main[data-dn-platform-story] .wpf-portfolio .website-showcase{margin:0;min-width:0;max-width:none;box-shadow:none;transform:none}
#main#main[data-dn-platform-story] .wpf-portfolio .showcase-viewport{height:260px;aspect-ratio:auto}
#main#main[data-dn-platform-story] .wpf-client-copy .brand-prose{max-width:none;padding:0;background:transparent;border:0;color:#42556a}
#main#main[data-dn-platform-story] .wpf-client-copy p{margin:0 0 15px}
#main#main[data-dn-platform-story] .evidence-note{margin:16px 0 0;padding:14px 0 0;border:0;border-top:1px solid #c0d0c7;background:transparent;color:#006c65;font-size:13px;line-height:1.6}
#main#main[data-dn-platform-story] .wpf-real-proof .site-proof-grid{grid-template-columns:1fr;max-width:none;margin-top:20px}
#main#main[data-dn-platform-story] .wpf-real-proof .site-proof{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
#main#main[data-dn-platform-story] .wpf-local-proof{display:grid;grid-template-columns:1fr 1fr;gap:28px;border-top:1px solid #cad5cf;margin-top:24px;padding-top:22px}
#main#main[data-dn-platform-story] .wpf-local-proof h3{font-size:20px;margin-bottom:10px}
#main#main[data-dn-platform-story] .wpf-local-proof p{font-size:14px;margin:0 0 10px}
#main#main[data-dn-platform-story] .wpf-local-proof .brand-prose{padding:0;max-width:none;background:transparent;color:#42556a}
#main#main[data-dn-platform-story] .wpf-local-proof .evidence-note{font-size:12px}
#main#main[data-dn-platform-story] .wpf-flow{margin:0;padding:22px;background:#fffdf8;border:1px solid #cad5cf;border-radius:5px 42px 5px 5px;min-width:0}
#main#main[data-dn-platform-story] .wpf-flow figcaption{font-size:11px;line-height:1.5;color:#42556a;margin:0 0 18px}
#main#main[data-dn-platform-story] .wpf-flow-brand{display:flex;align-items:center;gap:10px;margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid #cad5cf}
#main#main[data-dn-platform-story] .wpf-flow-brand strong{font-size:22px;letter-spacing:-.025em}
#main#main[data-dn-platform-story] .wpf-flow ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;list-style:none;padding:0;margin:0}
#main#main[data-dn-platform-story] .wpf-flow li{min-width:0;padding-left:12px;border-left:3px solid #00b2a9}
#main#main[data-dn-platform-story] .wpf-flow li>span{display:block;font-size:11px;font-weight:800;color:#006c65;margin-bottom:10px}
#main#main[data-dn-platform-story] .wpf-flow li h3{font-size:15px;line-height:1.3;margin:0 0 8px}
#main#main[data-dn-platform-story] .wpf-flow li p{font-size:12px;line-height:1.6;color:#42556a;margin:0}
#main#main[data-dn-platform-story] .wpf-flow-note{font-size:11px;line-height:1.6;color:#42556a;padding-top:18px;margin:18px 0 0;border-top:1px solid #cad5cf}
#main#main[data-dn-platform-story] .wpf-search-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #f5f2e940;border-bottom:1px solid #f5f2e940}
#main#main[data-dn-platform-story] .wpf-search-path>span{display:flex;align-items:center;gap:16px;min-width:0;padding:22px;border-left:1px solid #f5f2e940;font-size:22px;font-weight:800}
#main#main[data-dn-platform-story] .wpf-search-path>span:first-child{border-left:0;padding-left:0}
#main#main[data-dn-platform-story] .wpf-search-path img{display:block;width:32px;height:32px;padding:4px;object-fit:contain;background:#fffdf8;border-radius:6px}
#main#main[data-dn-platform-story] .wpf-quote{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:32px;padding:24px 28px;border:1px solid #007e7659;background:#fffdf8;border-radius:5px 34px 5px 5px;color:#0b1d3a}
#main#main[data-dn-platform-story] .wpf-quote p{font-size:15px;line-height:1.65;margin:0}
#main#main[data-dn-platform-story] .wpf-quote-label{display:block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#006c65;margin-bottom:12px}
#main#main[data-dn-platform-story] .wpf-quote-next{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px}
#main#main[data-dn-platform-story] .wpf-quote-next p{width:100%;margin-bottom:3px}
#main#main[data-dn-platform-story] .wpf-quote .button{background:#0b1d3a;color:#fffdf8;padding:12px 18px;min-height:46px;font-size:13px}
#main#main[data-dn-platform-story] .wpf-quote .text-link{font-size:13px;line-height:1.5;color:#0b1d3a}
#main#main[data-dn-platform-story] .wpf-care-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#main#main[data-dn-platform-story] .wpf-care-plan{padding:22px;background:#fffdf8;border:1px solid #007e7645;border-radius:5px;color:#0b1d3a;min-width:0}
#main#main[data-dn-platform-story] .wpf-care-plan>h3{font-size:23px;line-height:1.3;margin:0 0 16px;letter-spacing:-.035em}
#main#main[data-dn-platform-story] .wpf-care-plan .cp-scope-copy{padding:0;margin:0;max-width:none}
#main#main[data-dn-platform-story] .wpf-care-plan p{font-size:14px;line-height:1.65;color:#42556a;margin:0}
@media(max-width:900px){
 #main#main[data-dn-platform-story] .wpf-portfolio{gap:24px}
 #main#main[data-dn-platform-story] .wpf-flow{padding:18px}
 #main#main[data-dn-platform-story] .wpf-flow ol{gap:9px}
 #main#main[data-dn-platform-story] .wpf-flow li{padding-left:9px}
 #main#main[data-dn-platform-story] .wpf-flow li h3{font-size:13px}
 #main#main[data-dn-platform-story] .wpf-search-path>span{font-size:18px;gap:10px;padding:18px 14px}
 #main#main[data-dn-platform-story] .wpf-quote{gap:24px;padding:22px}
 #main#main[data-dn-platform-story] .wpf-care-plan{padding:18px}
 #main#main[data-dn-platform-story] .wpf-care-plan>h3{font-size:20px}
}
@media(max-width:700px){
 #main#main[data-dn-platform-story] .wd-story-section{padding-block:34px}
 #main#main[data-dn-platform-story] .wpf-portfolio,#main#main[data-dn-platform-story] .wpf-local-proof,#main#main[data-dn-platform-story] .wpf-quote,#main#main[data-dn-platform-story] .wpf-care-plans{grid-template-columns:1fr;gap:22px}
 #main#main[data-dn-platform-story] .wpf-portfolio .showcase-viewport{height:230px}
 #main#main[data-dn-platform-story] .wpf-real-proof .site-proof{grid-template-columns:1fr}
 #main#main[data-dn-platform-story] .wpf-local-proof p{font-size:14px}
 #main#main[data-dn-platform-story] .wpf-flow-brand strong{font-size:21px}
 #main#main[data-dn-platform-story] .wpf-search-path{grid-template-columns:1fr}
 #main#main[data-dn-platform-story] .wpf-search-path>span{padding:16px 0;border-left:0;border-top:1px solid #f5f2e940;font-size:20px}
 #main#main[data-dn-platform-story] .wpf-search-path>span:first-child{border-top:0}
 #main#main[data-dn-platform-story] .wpf-quote{padding:22px 20px}
 #main#main[data-dn-platform-story] .wpf-quote .button{width:100%}
 #main#main[data-dn-platform-story] .wpf-care-plan{padding:22px}
}
@media(max-width:360px){
 #main#main[data-dn-platform-story] .wpf-flow{padding:18px 14px}
 #main#main[data-dn-platform-story] .wpf-flow ol{grid-template-columns:1fr;gap:16px}
 #main#main[data-dn-platform-story] .wpf-flow li{padding-left:14px}
 #main#main[data-dn-platform-story] .wpf-flow li h3{font-size:16px}
 #main#main[data-dn-platform-story] .wpf-flow li p{font-size:13px}
}

/* One or two verified client brands are clearer than filling a loop with copies. */
#main#main[data-dn-platform="shopify"] #client-businesses .client-logo-window,
#main#main[data-dn-platform="hosting"] #client-businesses .client-logo-window{mask-image:none;-webkit-mask-image:none;overflow:visible}
#main#main[data-dn-platform="shopify"] #client-businesses .client-logo-track,
#main#main[data-dn-platform="hosting"] #client-businesses .client-logo-track{animation:none!important;transform:none!important;width:auto;min-width:0;max-width:100%;gap:0}
#main#main[data-dn-platform="shopify"] #client-businesses .client-logo-group,
#main#main[data-dn-platform="hosting"] #client-businesses .client-logo-group{padding-right:0;gap:28px;flex-wrap:wrap;width:auto;min-width:0}
#main#main[data-dn-platform="shopify"] #client-businesses .client-logo-group[aria-hidden="true"],
#main#main[data-dn-platform="hosting"] #client-businesses .client-logo-group[aria-hidden="true"],
#main#main[data-dn-platform="shopify"] #client-businesses .client-logo-group>li[aria-hidden="true"],
#main#main[data-dn-platform="hosting"] #client-businesses .client-logo-group>li[aria-hidden="true"]{display:none}

#main#main[data-dn-platform-story] .wpf-related{display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;margin-top:20px;padding-top:16px;border-top:1px solid #007e765c}
#main#main[data-dn-platform-story] .wpf-related a{font-size:13px;line-height:1.5;font-weight:700;padding-block:8px;color:#0b1d3a}