/* Dotless identity V3. Deliberately scoped to the homepage brand placements. */
.brand.bw-brand{gap:13px;min-height:52px;flex-shrink:0}
.bw-brand-symbol{width:46px;height:auto;aspect-ratio:232/160;flex:0 0 auto;overflow:visible}
.bw-brand-wordmark{display:block;width:128px;height:auto}
.bw-footer-brand{display:block;width:184px;max-width:100%;height:auto;margin-bottom:18px}
.bw-footer-credit{min-width:184px}
.bw-brand:focus-visible{outline-color:#d8fa73}
.bw-brand,.bw-footer-trigger{padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.bw-footer-trigger{display:block;max-width:100%}
.bw-footer-trigger:focus-visible{outline:3px solid #111410;outline-offset:6px}
.bw-about{width:min(580px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:clamp(26px,5vw,46px);border:0;border-top:5px solid #d8fa73;border-radius:3px;background:#fff;color:#111410;overflow:auto;box-shadow:0 28px 100px #0008}
.bw-about::backdrop{background:#080a08bf;backdrop-filter:blur(8px)}
.bw-about-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:34px}
.bw-about-logo{width:148px;height:auto}
.bw-about-close{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;margin:-10px -10px 0 0;border:1px solid #11141030;border-radius:50%;background:transparent;color:#111410}
.bw-about-close:hover{background:#111410;color:#fff}
.bw-about-close:focus-visible{outline:3px solid #111410;outline-offset:4px}
.bw-about h2{font-size:clamp(40px,7vw,66px);line-height:.96;letter-spacing:-.015em;margin:0 0 24px;color:#111410}
.bw-about h2 span{color:#111410;text-decoration:underline;text-decoration-color:#d8fa73;text-decoration-thickness:.09em;text-underline-offset:.08em}
.bw-about p{font-size:17px;line-height:1.65;margin:0 0 20px;color:#41473d}
.bw-about .bw-about-what{font-weight:600;color:#111410;line-height:1.5}
.bw-about .bw-about-payoff{margin:25px 0 0;padding-top:22px;border-top:1px solid #11141025;font-size:20px;font-weight:600;line-height:1.45;letter-spacing:-.02em;color:#111410}
@media(max-width:600px){.bw-about-top{margin-bottom:28px}.bw-about p{font-size:16px}.bw-about .bw-about-payoff{font-size:18px}}
@media(max-width:600px){.brand.bw-brand{gap:0}.bw-brand-symbol{width:36px;height:auto}.bw-brand-wordmark{display:none}.bw-footer-brand{width:160px}.bw-footer-credit{min-width:160px}}
@media print{.bw-footer-brand{width:140px}.bw-about{display:none!important}}

/* Recognition at the introduction, the point of view, and the contact decision. */
.bw-placement-trigger{display:block;max-width:100%;padding:0;border:0;background:none;cursor:pointer}
.bw-placement-trigger img{display:block;width:100%;height:auto}
.bw-opening-trigger{display:none}
.bw-thread-heading{display:flex;align-items:center;gap:24px;margin-bottom:26px}
.bw-thread-trigger{width:108px;flex:0 0 108px}
.bw-thread-heading .eyebrow{margin:0;font-size:12px;line-height:1.6}
.bw-contact-identity{display:grid;gap:22px;min-width:0;flex:1 1 370px}
.bw-contact-trigger{width:clamp(240px,26vw,344px)}
.bw-contact-trigger:focus-visible{outline:3px solid #111410;outline-offset:7px}
@media(max-width:600px){
 .bw-opening-trigger{display:block;width:176px;margin-top:22px}
 .bw-thread-heading{gap:18px;margin-bottom:22px}
 .bw-thread-trigger{width:72px;flex-basis:72px}
 .bw-thread-heading .eyebrow{font-size:12px}
 .bw-contact-identity{gap:20px;flex-basis:100%}
 .bw-contact-trigger{width:260px;max-width:100%}
}
@media print{.bw-opening-trigger,.bw-thread-heading,.bw-contact-trigger{display:none!important}.bw-contact-identity{display:block}}

.bw-live-trigger{position:absolute;left:clamp(20px,4.5vw,80px);bottom:70px;width:clamp(80px,7.5vw,112px);z-index:1;filter:drop-shadow(0 3px 12px #0006)}
.bw-screen-footer{display:flex;align-items:center;gap:28px;flex-shrink:0}
.bw-screen-trigger{width:168px;flex:0 0 auto}
.bw-screen-footer>a{margin-top:0}
@media(max-width:760px){
 .bw-live-trigger{left:20px;bottom:75px;width:72px}
 .bw-screen-footer{margin-top:24px;gap:16px;justify-content:space-between;flex-wrap:wrap}
 .bw-screen-trigger{width:140px}
}

/* A fabric detail within How I Work; no card or additional merchandise section. */
.bw-embroidery{width:min(100%,360px);margin:26px auto 0}
.bw-embroidery a{display:block;color:var(--muted);text-decoration:none}
.bw-embroidery img{display:block;width:100%;height:auto;aspect-ratio:1000/667;object-fit:cover;mask-image:radial-gradient(ellipse at center,#000 40%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse at center,#000 40%,transparent 72%);transition:transform .7s cubic-bezier(.2,.65,.3,1)}
.bw-embroidery figcaption{text-align:center;font-size:14px;line-height:1.5;margin-top:-6px}
.bw-embroidery a:focus-visible{outline:2px solid var(--lime);outline-offset:8px}
@media(hover:hover){.bw-embroidery a:hover img{transform:scale(1.035)}.bw-embroidery:hover figcaption{color:var(--cream)}}
@media(max-width:760px){.bw-embroidery{width:min(100%,300px);margin-top:24px}}
@media(prefers-reduced-motion:reduce){.bw-embroidery img{transition:none!important;transform:none!important}}
.paused .bw-embroidery img{transition:none!important;transform:none!important}
@media print{.bw-embroidery{display:none}}