/* Independent B review: keep the steel palette, fonts and 1440 × 900 composition. */
/* Quiet secondary headings; the primary headline keeps its condensed capitals. */
.b3 :is(h2,h3,h4),.b3 .next-link,.b3 .contact-form legend{text-transform:none;line-height:1.08}
.b3 .fullbleed-photo figcaption>span:first-child{text-transform:none}
/* Feedback belongs to the clickable itself, including whole cards and logos. */
a[href]:hover,button:not(:disabled):hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.25em}
.b3 :is(.product-card,.project-card,.brand,.footer-brand,.next-link,.maker-name,.process-maker):hover,.home-hero .mark:hover{color:#d3977b}
.b3 :is(.product-card,.project-card):hover{outline:1px solid #d3977b;outline-offset:7px}
.b3 summary:hover{color:var(--b-accent);background-color:#d3977b12}
.b3 .field :is(input,textarea,select):hover{border-color:#d3977b}
.b3 .angle-control input:hover{outline:1px solid #d3977b;outline-offset:4px}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #d3977b;outline-offset:5px}
.b3 .b-daylight :is(a,button,summary):focus-visible{outline-color:#8a4b35}
.b-skip{z-index:10001}
/* Small supporting copy is still reading matter. */
.b3 .spec-table dt,.b3 .form-help,.b3 .field label,.b3 .field-error,.b3 .contact-note,.b3 .maker-note,.b3 .team-grid article>p.b-mono,.b3 .footer-bottom{font-size:13px;line-height:1.7}
.b3 .spec-table dd,.b3 .footer-grid>div>a:not(.footer-brand),.b3 .footer-grid p{font-size:14px}
.b3 .contact-card dt,.b3 .product-photo figcaption,.b3 .image-slot figcaption,.b3 .material-caption,.b3 .swatches span,.b3 .glass-swatches span{font-size:12px;line-height:1.7}
.b3 .form-confirmation small{font-size:13px;line-height:1.7;color:#b4b3b0;border-color:#ece8e14d}
.b3 .b-daylight .product-purpose{color:#252623}
.b3 .b-daylight :is(.product-card p,.price-note){color:#626158}
.b3 .contact-form a{text-decoration:underline;text-underline-offset:.2em}
.b3 .field :is(input,select,textarea){border-color:#898985}
.b3 .angle-control input{min-height:44px}
.b3 .footer-grid>div>a:not(.footer-brand){padding-block:8px;min-height:40px}
/* Each numbered opening gets its own design reasoning and an honest schematic. */
.b3 .case-detail{border-top:1px solid var(--b-line)}
.b3 .case-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:8%;align-items:start}
.b3 .case-detail h2{font-size:clamp(42px,4.4vw,64px);margin-bottom:32px}
.b3 .case-decisions{display:grid;gap:26px}
.b3 .case-decisions h3{font:400 13px/1.6 'IBM Plex Mono',monospace;color:#d3977b;letter-spacing:.02em;margin-bottom:8px}
.b3 .case-decisions p,.b3 .case-drawing figcaption{font-size:14px;line-height:1.8;color:var(--b-muted)}
.b3 .case-drawing img{display:block;width:100%;height:auto;border:1px solid var(--b-line);background:#202123}
.b3 .case-drawing figcaption{margin:18px 0}
.b3 .case-drawing .b-link{font-size:14px}
.b3 .case-detail .case-cta{margin-top:32px}
.b3 .visit-details{border-top:1px solid var(--b-line);padding-top:24px;margin-top:24px}
.b3 .visit-details h3{font-size:30px;margin-bottom:12px}
.b3 .visit-details p{font-size:14px;line-height:1.8;color:var(--b-muted)}
.b3 .visit-details .b-link{margin-top:16px;font-size:14px}
@media(max-width:800px){.b3 .case-layout{grid-template-columns:minmax(0,1fr);gap:36px}.b3 .case-detail h2{font-size:46px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.b3 *, .b3 *::before,.b3 *::after{transition:none!important}}