/* Website redesign cases only. Uses the site's existing font and .wrap. */
#b3h-website-redesigns{--wb-radius:24px;--wb-peek:116px;--wb-gap:16px;background:#f3f1eb;color:#182a22;color-scheme:light;overflow:hidden;scroll-margin-top:140px}
#b3h-website-redesigns *,#b3h-website-redesigns *::before,#b3h-website-redesigns *::after{box-sizing:border-box}
#b3h-website-redesigns [hidden]{display:none!important}
#b3h-website-redesigns .wb-page{padding-top:72px;padding-bottom:72px;font-family:var(--body,Arial,sans-serif)}
#b3h-website-redesigns h2,#b3h-website-redesigns h3,#b3h-website-redesigns strong{font-family:inherit;font-weight:700}
#b3h-website-redesigns button{font-family:inherit;cursor:pointer;box-shadow:none;text-transform:none;letter-spacing:normal}
#b3h-website-redesigns button:focus-visible,#b3h-website-redesigns .wb-viewport:focus-visible{outline:3px solid #08775c;outline-offset:4px}
#b3h-website-redesigns .wb-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-right:20px;margin-bottom:26px}
#b3h-website-redesigns .wb-eyebrow{font-size:11px;letter-spacing:.17em;font-weight:600;color:#076850;margin:0 0 12px;text-transform:uppercase}
#b3h-website-redesigns .wb-head h2{font-size:clamp(32px,4.2vw,58px);line-height:1.04;letter-spacing:-.045em;margin:0}
#b3h-website-redesigns .wb-head h2 span{color:#08775c}
#b3h-website-redesigns .wb-count{font-size:13px;color:#566e60;white-space:nowrap;padding-bottom:4px}
#b3h-website-redesigns .wb-viewport{position:relative;overflow:hidden;width:100%;border-radius:var(--wb-radius) 0 0 var(--wb-radius);touch-action:pan-y pinch-zoom;scroll-margin-top:140px}
#b3h-website-redesigns .wb-track{position:relative;width:100%}
#b3h-website-redesigns .wb-card{width:calc(100% - var(--wb-peek));margin:0;border-radius:var(--wb-radius);overflow:hidden;background:#e7ece4;border:1px solid #c5d4c8}
#b3h-website-redesigns .wb-next-peek{position:absolute;left:calc(100% - var(--wb-peek) + var(--wb-gap));top:0;bottom:0;pointer-events:none;user-select:none}
#b3h-website-redesigns .wb-brand-head{padding:25px 28px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}
#b3h-website-redesigns .wb-comparison{padding:0 28px 28px;background:#e7ece4;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}
#b3h-website-redesigns .wb-shot{margin:0;min-width:0}
#b3h-website-redesigns .wb-shot-label{font-size:12px;font-weight:600;line-height:1.25;margin:0 0 12px;color:#425a4a;display:flex;align-items:center;gap:7px}
#b3h-website-redesigns .wb-shot-label::before{content:"";height:6px;width:6px;border-radius:50%;background:#97a89c}
#b3h-website-redesigns .wb-shot-after .wb-shot-label,#b3h-website-redesigns [data-chapter-shot="after"] .wb-shot-label{color:#06634c}
#b3h-website-redesigns .wb-shot-after .wb-shot-label::before,#b3h-website-redesigns [data-chapter-shot="after"] .wb-shot-label::before{background:#21b98f}
#b3h-website-redesigns .wb-browser{border:1px solid #bdcbbf;border-radius:9px;overflow:hidden;background:#fafbf7;box-shadow:0 8px 18px #1933290b}
#b3h-website-redesigns .wb-overview-image{display:block;width:100%;padding:0;margin:0;color:inherit;text-align:left;font-size:inherit;line-height:inherit;appearance:none}
#b3h-website-redesigns .wb-overview-image:hover{border-color:#08775c}
#b3h-website-redesigns .wb-browser-bar{height:25px;background:#f9faf6;display:flex;align-items:center;gap:4px;padding:0 9px;border-bottom:1px solid #dbe2d9}
#b3h-website-redesigns .wb-browser-bar i{width:4px;height:4px;border-radius:50%;background:#cbd5cb;flex:none}
#b3h-website-redesigns .wb-address{font-size:9px;letter-spacing:.01em;color:#5f7164;margin:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1}
#b3h-website-redesigns .wb-capture{display:block;width:100%;aspect-ratio:1.58;overflow:hidden;background:#fff;position:relative}
#b3h-website-redesigns .wb-capture img{display:block;width:100%;height:auto;max-width:none;transform:translateY(var(--crop,0%));pointer-events:none}
#b3h-website-redesigns .wb-story{padding:26px 28px 28px;color:#182a22;display:flex;align-items:center;justify-content:space-between;gap:40px;background:#fbfcf8;border-top:1px solid #cfdbcf}
#b3h-website-redesigns .wb-brand{min-width:0;font-size:30px;line-height:1.15;letter-spacing:-.035em;margin:0;color:#182a22;overflow-wrap:anywhere}
#b3h-website-redesigns .wb-tags{display:flex;gap:7px;flex-wrap:wrap;margin:0;flex-shrink:0}
#b3h-website-redesigns .wb-tag{font-size:12px;color:#426250;border:1px solid #b8ccbd;border-radius:6px;padding:6px 8px;line-height:1.1;background:#f9fbf52e}
#b3h-website-redesigns .wb-copy{min-width:0;max-width:790px}
#b3h-website-redesigns .wb-copy h3{font-size:31px;line-height:1.1;letter-spacing:-.035em;color:#182a22;margin:0 0 12px}
#b3h-website-redesigns .wb-copy p{font-size:16px;line-height:1.6;color:#566e60;margin:0;max-width:670px}
#b3h-website-redesigns .wb-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;border:0;border-radius:12px;background:#076850;color:#fff;padding:8px 8px 8px 20px;margin:0;font-size:16px;font-weight:600;line-height:1.2;min-height:56px;text-align:left;flex:none;white-space:nowrap}
#b3h-website-redesigns .wb-cta-icon{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:9px;color:#076850;background:#f7f7f4}
#b3h-website-redesigns .wb-cta-icon svg{width:19px;height:19px}
#b3h-website-redesigns .wb-cta:hover{background:#098165}
#b3h-website-redesigns .wb-cta:hover .wb-cta-icon{background:#fff}
#b3h-website-redesigns .wb-nav{width:100%;display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:22px}
#b3h-website-redesigns .wb-nav button{border:0;border-radius:0;background:none;color:#076850;padding:4px 0;display:flex;align-items:center;gap:14px;min-height:48px;max-width:48%;text-align:left}
#b3h-website-redesigns .wb-nav button:last-child{margin-left:auto;text-align:right}
#b3h-website-redesigns .wb-nav small{display:block;font-size:12px;line-height:1.4;font-weight:400;color:#7b8d81;margin-bottom:3px}
#b3h-website-redesigns .wb-nav strong{display:block;font-size:17px;line-height:1.3;font-weight:600;overflow-wrap:anywhere;color:#076850}
#b3h-website-redesigns .wb-arrow{font-family:Arial,sans-serif;font-size:34px;line-height:1;flex:none}
#b3h-website-redesigns .wb-mobile-toggle{display:none}
#b3h-website-redesigns .wb-switch{display:inline-flex;border:1px solid #34564b;background:#f8faf5;border-radius:99px;padding:3px;gap:2px}
#b3h-website-redesigns .wb-switch button{border:0;border-radius:99px;background:none;color:#53695c;padding:10px 20px;font-size:12px;font-weight:600;line-height:1.2;min-height:44px}
#b3h-website-redesigns .wb-switch button[aria-pressed="true"]{background:#076850;color:#fff}
#b3h-website-redesigns .wb-detail{width:calc(100% - 38px);font-size:16px;line-height:1.6;scroll-margin-top:140px}
#b3h-website-redesigns .wb-detail-back{display:inline-flex;align-items:center;gap:12px;background:none;border:0;border-radius:0;padding:6px 0;min-height:44px;color:#076850;font-size:14px;margin:0 0 28px}
#b3h-website-redesigns .wb-detail-back span{font:25px Arial,sans-serif}
#b3h-website-redesigns .wb-detail-label{font-size:11px;color:#076850;letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px}
#b3h-website-redesigns .wb-detail-name{font-weight:700;color:#076850;font-size:18px;line-height:1.2;margin:0 0 14px}
#b3h-website-redesigns .wb-detail h2{font-size:clamp(30px,4.5vw,42px);line-height:1.08;letter-spacing:-.035em;margin:0 0 26px;color:#182a22}
#b3h-website-redesigns .wb-detail-intro{color:#566e60;font-size:16px;line-height:1.6;max-width:680px;margin:0 0 34px}
#b3h-website-redesigns .wb-chapter{border-top:1px solid #cedbd1;padding:28px 0 32px}
#b3h-website-redesigns .wb-chapter-head{display:flex;align-items:flex-start;gap:16px;margin-bottom:18px}
#b3h-website-redesigns .wb-chapter-number{color:#08775c;font-size:12px;padding-top:4px}
#b3h-website-redesigns .wb-chapter h3{font-size:26px;line-height:1.15;letter-spacing:-.03em;color:#182a22;margin:0 0 10px}
#b3h-website-redesigns .wb-chapter-copy{font-size:15px;line-height:1.55;color:#566e60;margin:0;max-width:680px}
#b3h-website-redesigns .wb-chapter-images{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
#b3h-website-redesigns .wb-chapter-images img{display:block;width:100%;height:auto;max-width:none;transform:translateY(var(--crop,0%))}
#b3h-website-redesigns .wb-chapter-shot{margin:0;min-width:0}
#b3h-website-redesigns .wb-chapter-image{display:block;position:relative;width:100%;padding:0;text-align:left;overflow:hidden;border:1px solid #bdcbbf;border-radius:10px;background:#fff;aspect-ratio:1.4;cursor:zoom-in}
#b3h-website-redesigns .wb-zoom-hint{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:38px;height:38px;border:1px solid #d5e0d8;border-radius:50%;background:#f9faf6f2;color:#076850;box-shadow:0 2px 10px #132d2520;pointer-events:none}
#b3h-website-redesigns .wb-zoom-hint svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
#b3h-website-redesigns .wb-chapter-image:hover .wb-zoom-hint{background:#076850;color:#fff}
#b3h-website-redesigns .wb-zoom{position:fixed;inset:0;width:min(88vw,1280px,max(720px,calc((100vh - 118px)*var(--wb-zoom-ratio,1.4) + 26px)));width:min(88vw,1280px,max(720px,calc((100dvh - 118px)*var(--wb-zoom-ratio,1.4) + 26px)));max-width:calc(100vw - 32px);height:calc(100vh - 32px);height:calc(100dvh - 32px);max-height:none;margin:auto;padding:0;border:1px solid #cbd6cc;border-radius:18px;background:#f3f1eb;color:#182a22;box-shadow:0 25px 100px #0005;overflow:hidden;font-family:var(--body,Arial,sans-serif)}
#b3h-website-redesigns .wb-zoom[open]{display:flex;flex-direction:column}
#b3h-website-redesigns .wb-zoom::backdrop{background:#091713b3;backdrop-filter:blur(3px)}
#b3h-website-redesigns .wb-zoom-head{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(32px,1fr);align-items:center;gap:18px;padding:10px 16px 10px 22px;flex:none;border-bottom:1px solid #d2dcd3;background:#f3f1eb}
#b3h-website-redesigns .wb-zoom-head h3{font-size:16px;line-height:1.35;letter-spacing:-.01em;margin:0;color:#182a22}
#b3h-website-redesigns .wb-zoom-close{display:grid;place-items:center;justify-self:end;width:32px;height:32px;padding:0;border:1px solid #c4d2c8;border-radius:50%;background:#fff;color:#076850;font:22px/1 Arial,sans-serif}
#b3h-website-redesigns .wb-zoom-close:hover{background:#076850;color:#fff}
#b3h-website-redesigns .wb-zoom-close:focus-visible{outline:2px solid #08775c;outline-offset:2px}
#b3h-website-redesigns .wb-zoom-controls{display:flex;justify-content:center;min-width:0}
#b3h-website-redesigns .wb-zoom-switch{display:flex;width:252px;max-width:100%;gap:4px;padding:3px;border:1px solid #c4d2c8;border-radius:10px;background:#e5ebe4}
#b3h-website-redesigns .wb-zoom-switch button{flex:1;min-height:32px;padding:6px 16px;border:1px solid transparent;border-radius:7px;background:transparent;color:#365b4d;font:700 14px/1.2 var(--body,Arial,sans-serif);cursor:pointer}
#b3h-website-redesigns .wb-zoom-switch button:hover{background:#d6e3d9}
#b3h-website-redesigns .wb-zoom-switch button[aria-pressed=true]{background:#076850;color:#fff;box-shadow:0 2px 6px #163a2826}
#b3h-website-redesigns .wb-zoom-body{position:relative;min-height:0;min-width:0;flex:1 1 0;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);padding:12px;background:#fff}
#b3h-website-redesigns .wb-zoom-body:focus-visible{outline:3px solid #08775c;outline-offset:-3px}
#b3h-website-redesigns .wb-zoom-body img{display:block;grid-area:1/1;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain;object-position:center;transform:none}
#b3h-website-redesigns .wb-zoom-status{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);z-index:1;width:max-content;max-width:calc(100% - 32px);margin:0;padding:9px 14px;border:1px solid #c4d2c8;border-radius:10px;background:#f3f1ebf5;color:#365b4d;box-shadow:0 2px 12px #182a2212;font:14px/1.4 var(--body,Arial,sans-serif);text-align:center}
#b3h-website-redesigns .wb-chapter.is-stacked .wb-chapter-images{grid-template-columns:minmax(0,1fr);gap:24px}
#b3h-website-redesigns .wb-chapter.is-stacked .wb-chapter-image{aspect-ratio:auto}
#b3h-website-redesigns .wb-chapter-switch{display:none;margin:0 0 18px}
#b3h-website-redesigns .wb-drag-preview{position:absolute;top:0;pointer-events:none}
#b3h-website-redesigns.is-dragging .wb-track{will-change:transform;user-select:none;-webkit-user-select:none}
#b3h-website-redesigns.is-previewing .wb-next-peek{visibility:hidden}
#b3h-website-redesigns .wb-viewport img{-webkit-user-drag:none}
#b3h-website-redesigns .wb-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(hover:hover) and (pointer:fine){#b3h-website-redesigns .wb-viewport{cursor:grab}#b3h-website-redesigns.is-dragging .wb-viewport,#b3h-website-redesigns.is-dragging .wb-viewport *{cursor:grabbing!important}}
@media(min-width:761px) and (max-width:1000px){
 #b3h-website-redesigns .wb-zoom-head{grid-template-columns:minmax(0,1fr) 32px;gap:6px 12px}
 #b3h-website-redesigns .wb-zoom-close{grid-column:2;grid-row:1}
 #b3h-website-redesigns .wb-zoom-controls{grid-column:1/-1;grid-row:2}
}
@media(max-width:760px){
 #b3h-website-redesigns{--wb-radius:20px;--wb-peek:46px;--wb-gap:12px}
 #b3h-website-redesigns .wb-page{padding-top:48px;padding-bottom:48px}
 #b3h-website-redesigns .wb-head{gap:10px;padding-right:0;margin-bottom:22px}
 #b3h-website-redesigns .wb-head h2{font-size:clamp(30px,7vw,42px)}
 #b3h-website-redesigns .wb-eyebrow{font-size:10px;letter-spacing:.13em}
 #b3h-website-redesigns .wb-brand-head{display:block;padding:22px 20px 20px}
 #b3h-website-redesigns .wb-comparison{display:block;padding:0 16px 22px}
 #b3h-website-redesigns .wb-mobile-toggle{display:flex;justify-content:center;margin-bottom:16px}
 #b3h-website-redesigns .wb-shot{display:none}
 #b3h-website-redesigns .wb-shot.is-mobile-visible{display:block}
 #b3h-website-redesigns .wb-shot-label{display:none}
 #b3h-website-redesigns .wb-capture{aspect-ratio:1.28}
 #b3h-website-redesigns .wb-capture img{height:100%;object-fit:cover;object-position:top}
 #b3h-website-redesigns .wb-story{display:block;padding:24px 20px 26px}
 #b3h-website-redesigns .wb-brand{font-size:25px;margin-bottom:12px}
 #b3h-website-redesigns .wb-copy h3{font-size:26px;margin-bottom:14px}
 #b3h-website-redesigns .wb-copy p{font-size:14px;line-height:1.6}
 #b3h-website-redesigns .wb-tags{gap:5px}
 #b3h-website-redesigns .wb-tag{font-size:10px;padding:5px 6px}
 #b3h-website-redesigns .wb-nav{gap:16px;margin-top:20px}
 #b3h-website-redesigns .wb-nav button{gap:7px;max-width:49%}
 #b3h-website-redesigns .wb-nav strong{font-size:12px;max-width:133px}
 #b3h-website-redesigns .wb-nav small{font-size:10px}
 #b3h-website-redesigns .wb-arrow{font-size:26px}
 #b3h-website-redesigns .wb-cta{width:100%;gap:10px;margin-top:22px;font-size:14px;padding-left:16px;min-height:52px}
 #b3h-website-redesigns .wb-cta-icon{width:36px;height:36px;flex-basis:36px}
 #b3h-website-redesigns .wb-detail{width:100%}
 #b3h-website-redesigns .wb-detail h2{font-size:31px}
 #b3h-website-redesigns .wb-chapter-images{display:block}
 #b3h-website-redesigns .wb-chapter-shot{display:none}
 #b3h-website-redesigns .wb-chapter-shot.is-mobile-visible{display:block}
 #b3h-website-redesigns .wb-chapter-switch{display:flex}
 #b3h-website-redesigns .wb-zoom{width:calc(100vw - 16px);max-width:none;height:calc(100vh - 16px);height:calc(100dvh - 16px);max-height:none;border-radius:14px}
 #b3h-website-redesigns .wb-zoom-body{padding:6px}
 #b3h-website-redesigns .wb-zoom-head{grid-template-columns:minmax(0,1fr) 36px;padding:8px 12px;gap:6px 10px}
 #b3h-website-redesigns .wb-zoom-head h3{font-size:13px}
 #b3h-website-redesigns .wb-zoom-close{grid-column:2;grid-row:1;width:36px;height:36px}
 #b3h-website-redesigns .wb-zoom-controls{grid-column:1/-1;grid-row:2}
 #b3h-website-redesigns .wb-zoom-switch{width:200px}
 #b3h-website-redesigns .wb-zoom-switch button{min-height:36px;font-size:14px}
 #b3h-website-redesigns .wb-chapter h3{font-size:25px}
}
@media(max-width:380px){
 #b3h-website-redesigns .wb-story{padding:22px 16px}
 #b3h-website-redesigns .wb-copy h3{font-size:25px}
 #b3h-website-redesigns .wb-comparison{padding:0 12px 22px}
 #b3h-website-redesigns .wb-count{font-size:11px}
}
@media(prefers-reduced-motion:no-preference){#b3h-website-redesigns .wb-switch button{transition:background .16s,color .16s}}

/* Standalone redesign pages retain the approved visual chapters and zoom. */
#b3h-website-redesigns[data-view="detail"] .wb-page{padding-top:160px}
#b3h-website-redesigns[data-view="detail"] .wb-detail h1{font-family:inherit;font-weight:700;font-size:clamp(34px,3.6vw,54px);line-height:1.08;letter-spacing:-.035em;color:#182a22;margin:0 0 22px}
#b3h-website-redesigns[data-view="detail"] [data-chapter-title]{font-size:26px;line-height:1.15;letter-spacing:-.03em;color:#182a22;margin:0 0 10px}
#b3h-website-redesigns a.wb-overview-image{text-decoration:none}
#b3h-website-redesigns a.wb-cta{text-decoration:none}
#b3h-website-redesigns a.wb-detail-back{text-decoration:none;font-family:inherit}
#b3h-website-redesigns a:focus-visible{outline:3px solid #08775c;outline-offset:4px}
#b3h-website-redesigns[data-view="detail"]:not([data-ready]) .wb-chapter-switch,
#b3h-website-redesigns[data-view="detail"]:not([data-ready]) .wb-zoom-hint{display:none}
#b3h-website-redesigns[data-view="detail"]:not([data-ready]) .wb-chapter-shot{display:block;margin-bottom:20px}
#b3h-website-redesigns[data-view="detail"]:not([data-ready]) .wb-shot-label{display:flex}
@media(max-width:760px){
 #b3h-website-redesigns[data-view="detail"] .wb-page{padding-top:112px}
 #b3h-website-redesigns[data-view="detail"] .wb-detail h1{font-size:31px}
 #b3h-website-redesigns[data-view="detail"] [data-chapter-title]{font-size:25px}
}

/* Keep the websites headline phrasing together on desktop. */
@media (min-width: 761px) { .refined .service-hero h1 br.b3h-websites-title-break { display: block; } }