/* Thread visual library. Shared identity and navigation live in thread-refined.css. */
.b-hero{padding-top:70px}
.b-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:100px;align-items:end;margin-bottom:52px}
.b-intro h1{font-size:clamp(60px,6.3vw,88px);line-height:1.02;margin-top:22px;letter-spacing:-.035em}
.b-intro-note{max-width:430px;justify-self:end;padding-bottom:5px}
.b-intro-note p{font-size:17px;line-height:1.75;color:var(--q)}
.b-intro-note .tr-text-link{margin-top:26px}
.b-hero-art{border-radius:24px;overflow:hidden;background:#172220}
.b-hero-art img{display:block;width:100%;height:auto}
.b-index{display:flex;flex-wrap:wrap;gap:20px 32px;padding-block:26px;border-bottom:1px solid var(--tr-line)}
.b-index a{font-size:12px;color:var(--q)}
.b-index a:hover{color:var(--i)}
.b-section{padding-block:92px 0;scroll-margin-top:110px}
.b-heading{display:grid;grid-template-columns:1.15fr 1fr;align-items:end;gap:100px;margin-bottom:42px}
.b-heading h2{font-size:clamp(39px,4.1vw,57px);line-height:1.05;margin-top:19px}
.b-heading>p{max-width:440px;justify-self:end;font-size:16px;line-height:1.75;color:var(--q)}
.b-marks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.b-asset{border:1px solid var(--tr-line);border-radius:18px;overflow:hidden}
.b-mark-face{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;background:#F2F3EF}
.b-mark-face img{width:36%;height:auto;border-radius:0}
.b-mark-face.b-dark{background:#0A0A0A}
.b-tile-face img{width:32%;border-radius:18%}
.b-asset-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;padding:16px 18px}
.b-asset-meta>span{color:var(--q)}
.b-asset-meta a:hover,.b-image figcaption a:hover,.b-banner-meta a:hover{text-decoration:underline;text-underline-offset:4px}
.b-lockup{border:1px solid var(--tr-line);border-radius:18px;padding:45px;display:flex;align-items:center;justify-content:space-between;gap:50px;margin-top:22px}
.b-lockup img{width:min(340px,50%);height:auto}
.b-details{border-block:1px solid var(--tr-line);margin-top:30px;font-size:14px}
.b-details summary{padding-block:22px;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px}
.b-details summary::-webkit-details-marker{display:none}
.b-details summary:after{content:'+';font-size:22px;font-weight:300}
.b-details[open] summary:after{content:'−'}
.b-rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px 64px;margin-top:32px}
.b-rule-grid p{font-size:14px;line-height:1.8;color:var(--q);max-width:60ch}
.b-rule-grid b{display:block;font-weight:500;color:var(--i);margin-bottom:5px}
.b-details .b-rule-grid{margin:0 0 28px}
.b-type-row{display:grid;grid-template-columns:1fr 1.75fr;gap:50px;padding:32px 0;border-top:1px solid var(--tr-line);align-items:center}
.b-type-row>div:first-child{font-size:13px;line-height:1.7}
.b-type-row>div:first-child b{display:block;font-weight:500}
.b-type-row>div:first-child span{display:block;color:var(--q);max-width:260px;margin-top:5px}
.b-display{font:400 clamp(39px,4.1vw,57px)/1.1 var(--serif);letter-spacing:-.025em}
.b-body-spec{font-size:18px;line-height:1.7}
.b-body-spec span{font-size:15px;color:var(--q)}
.b-product-spec p{font:400 20px/1.6 'Thread App',Arial,sans-serif}
.b-product-spec code{display:block;font:400 12px/1.7 'Thread App Mono',monospace;color:var(--v);margin-top:12px}
.b-subhead{display:grid;grid-template-columns:1fr 1.75fr;gap:50px;border-top:1px solid var(--tr-line);padding-top:30px;margin:45px 0 28px}
.b-subhead h3{font-size:30px;line-height:1.15}
.b-subhead p{font-size:14px;line-height:1.75;color:var(--q);max-width:620px}
.b-swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.b-swatch{appearance:none;padding:0;border:1px solid var(--tr-line);border-radius:12px;background:transparent;overflow:hidden;text-align:left;color:var(--i);font-family:var(--sans);cursor:pointer}
.b-swatch-color{display:block;height:80px;border-bottom:1px solid var(--tr-line)}
.b-swatch-label{display:block;padding:14px 16px;font-size:12px;line-height:1.6}
.b-swatch-label b{display:block;font-weight:500}
.b-swatch-label>span{display:block;color:var(--q);font-variant-numeric:tabular-nums}
.b-swatch:hover{border-color:#8D9690}
.b-small{font-size:12px;line-height:1.8;color:var(--q);margin-top:18px!important}
.b-small a{border-bottom:1px solid #BAC1BA}
.b-spacing{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:35px;padding-block:28px;border-block:1px solid var(--tr-line)}
.b-spacing p b{display:block;font:400 32px/1.3 var(--serif)}
.b-spacing p span{display:block;font-size:12px;color:var(--q);margin-top:8px}
.b-image-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px 24px}
.b-image img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block;border-radius:18px!important}
.b-image figcaption{display:flex;justify-content:space-between;gap:20px;padding:17px 2px 0}
.b-image h3{font:500 14px/1.5 var(--sans);letter-spacing:0}
.b-image p{font-size:12px;color:var(--q);margin-top:4px;line-height:1.7}
.b-image figcaption a{font-size:12px;white-space:nowrap;align-self:start;padding-top:3px}
.b-recipe{font-size:14px;line-height:1.8;color:var(--q);max-width:850px;margin-bottom:26px!important}
.b-product-example figcaption{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--q);padding-top:16px}
.b-motion{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center;background:#F1F3EF;border-radius:24px;padding:35px;margin-top:45px}
.b-motion img{width:100%;height:auto;border-radius:16px!important}
.b-motion h3{font-size:36px;line-height:1.1;margin-top:15px}
.b-motion div>p:not(.tr-eyebrow){font-size:14px;line-height:1.8;color:var(--q);margin-top:18px}
.b-motion a{margin-top:18px}
.b-social-example{display:grid;grid-template-columns:1.6fr 1fr;gap:48px;align-items:start}
.b-social-example>figure>img{display:block;width:100%;height:auto;border-radius:20px!important}
.b-social-example figcaption{font-size:12px;color:var(--q);margin-top:14px}
.b-crop-example{display:grid;grid-template-columns:160px 1fr;gap:22px;align-items:center}
.b-crop-example>div{width:160px;height:160px;overflow:hidden;border-radius:16px}
.b-crop-example img{width:100%;height:100%;object-fit:cover;object-position:center;max-width:none;border-radius:0!important}
.b-crop-example p{font-size:13px;color:var(--q);line-height:1.7}
.b-crop-example b{display:block;color:var(--i);font-weight:500;margin-bottom:7px}
.b-banner-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px 24px}
.b-banner{min-width:0}
.b-banner>img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid var(--tr-line)}
.b-banner-meta{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 2px 0}
.b-banner-meta h4{font:500 13px/1.5 var(--sans);margin:0}
.b-banner-meta p{font-size:12px;color:var(--q);margin-top:3px}
.b-banner-meta a{display:inline-flex;align-items:center;min-height:44px}
.b-banner-meta>div:last-child{display:flex;gap:18px;font-size:12px}
.b-downloads{padding-bottom:100px}
.b-downloads .tr-button{margin-bottom:35px}
.b-download-list{border-top:1px solid var(--tr-line)}
.b-download-list>a{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;border-bottom:1px solid var(--tr-line);font-size:16px}
.b-download-list>a:hover{color:#515F55}
.b-download-list small{display:block;font-size:12px;color:var(--q);margin-top:6px;line-height:1.6}
@media(max-width:1120px){.b-intro,.b-heading{gap:50px}.b-social-example{grid-template-columns:1.5fr 1fr;gap:30px}.b-crop-example{grid-template-columns:1fr}.b-crop-example p{max-width:30ch}.b-motion{gap:30px}.b-asset-meta{font-size:11px;padding:14px}.b-lockup{padding:30px}}
@media(max-width:760px){.b-hero{padding-top:38px}.b-intro{display:block;margin-bottom:30px}.b-intro h1{font-size:56px;margin-top:18px}.b-intro-note{margin-top:25px;max-width:100%;padding:0}.b-intro-note p{font-size:16px}.b-intro-note .tr-text-link{margin-top:20px}.b-hero-art{border-radius:16px}.b-index{gap:19px 0;display:grid;grid-template-columns:1fr 1fr;padding-block:24px}.b-index a{font-size:11px}.b-section{padding-top:55px;scroll-margin-top:90px}.b-heading{display:block;margin-bottom:28px}.b-heading h2{font-size:40px}.b-heading>p{margin-top:23px;font-size:15px}.b-marks{grid-template-columns:1fr;gap:18px}.b-mark-face{aspect-ratio:1.65}.b-mark-face img{width:26%}.b-tile-face img{width:24%}.b-asset-meta{font-size:12px;padding:16px}.b-lockup{display:block;text-align:center;padding:32px 20px}.b-lockup img{display:block;width:210px;max-width:90%;margin:auto}.b-lockup .tr-text-link{font-size:12px;margin-top:28px}.b-rule-grid{grid-template-columns:1fr;gap:22px;margin-top:25px}.b-type-row{grid-template-columns:1fr;gap:22px;padding:25px 0}.b-display{font-size:42px}.b-body-spec{font-size:17px}.b-product-spec p{font-size:18px}.b-type-row>div:first-child span{max-width:100%}.b-subhead{grid-template-columns:1fr;gap:17px;margin-top:30px}.b-swatches{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.b-swatch-label{padding:12px;font-size:11px}.b-spacing{grid-template-columns:1fr 1fr;gap:25px}.b-spacing p b{font-size:28px}.b-image-grid{grid-template-columns:1fr;gap:28px}.b-image img{border-radius:16px!important}.b-motion{grid-template-columns:1fr;padding:20px;gap:28px;margin-top:32px}.b-motion h3{font-size:33px}.b-motion>div{padding:0 5px 8px}.b-product-example figcaption{font-size:10px;line-height:1.6}.b-product-example figcaption span:last-child{max-width:40%;text-align:right}.b-social-example{grid-template-columns:1fr;gap:28px}.b-crop-example{grid-template-columns:140px 1fr;gap:20px}.b-crop-example>div{width:140px;height:140px}.b-crop-example p{font-size:12px}.b-banner-grid{grid-template-columns:1fr;gap:25px}.b-downloads{padding-bottom:65px}.b-download-list>a{font-size:15px}.b-download-list small{font-size:11px}}