/* A separate, illustrative connection study. Existing assembly controls stay independent. */
.facade-detail{padding:58px 5% 52px;background:#f6f3ed;color:#3c3b36;scroll-margin-top:24px}.facade-detail-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:42px;align-items:end;margin-bottom:30px}.facade-detail-heading .eyebrow{font:500 .75rem/1.6 Inter,Arial,sans-serif;letter-spacing:.1em;color:#857057}.facade-detail-heading h2{font-size:clamp(29px,3vw,42px);letter-spacing:-.045em;line-height:1.17;margin:14px 0 0;max-width:540px}.facade-detail-heading>p{font-size:1rem;line-height:1.7;color:#746959;max-width:440px;margin:0}.facade-detail-workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;border:1px solid #d7cdbf;background:#faf8f3;border-radius:5px;overflow:hidden}.facade-detail-visual{position:relative;display:flex;align-items:center;min-width:0;background:radial-gradient(ellipse at 55% 36%,#fffdf9 0,#f4eee4 90%)}.facade-detail-meta{position:absolute;top:22px;left:24px;right:24px;display:flex;justify-content:space-between;gap:18px;font:500 .75rem/1.5 Inter,Arial,sans-serif;letter-spacing:.04em;color:#8c7860}.facade-detail-meta>span:last-child{color:#5b5b50}.facade-detail-model{display:block;width:100%;height:auto;min-height:440px}.detail-part{transition:transform 950ms cubic-bezier(.22,.8,.25,1);transform-origin:0 0}.detail-callouts{opacity:1;transition:opacity 250ms ease}.detail-callouts>path{fill:none;stroke:#8f785b;stroke-width:1.2}.detail-marker circle{fill:#faf8f3;stroke:#8f785b;stroke-width:1.2}.detail-marker text{font:600 13px Inter,Arial,sans-serif;fill:#6f5a43}.facade-detail-controls{border-left:1px solid #d7cdbf;padding:26px 24px;background:#fbf9f4;min-width:0}.facade-detail-switch{display:flex;border:1px solid #b7a58f;border-radius:4px;overflow:hidden}.facade-detail-switch button{flex:1;min-height:46px;font-size:.875rem;padding:11px 12px;border:0;background:transparent;color:#705c44}.facade-detail-switch button[aria-pressed=true]{background:#77634d;color:#fff}.facade-detail-switch button:hover{box-shadow:inset 0 0 0 2px #b89b79}.facade-detail-switch button:focus-visible{outline:2px solid #302f2a;outline-offset:-4px}.facade-separation{margin:25px 0 22px}.facade-separation label{display:flex;justify-content:space-between;gap:14px;font-size:.875rem;line-height:1.5;color:#615442}.facade-separation output{font-variant-numeric:tabular-nums}.facade-separation input{display:block;width:100%;height:32px;margin:8px 0 0;accent-color:#927453;cursor:ew-resize}.facade-separation input:focus-visible{outline:2px solid #786148;outline-offset:3px}.facade-separation>p{font-size:.75rem;line-height:1.6;color:#7e705d;margin:4px 0 0}.facade-components{list-style:none;margin:0;padding:0}.facade-components li{display:flex;gap:14px;border-top:1px solid #ded5c8;padding:15px 0}.facade-components li>span{display:flex;align-items:center;justify-content:center;flex:0 0 27px;height:27px;font-size:.75rem;color:#7e6244;border:1px solid #b7a287;border-radius:50%;margin-top:1px}.facade-components h3{font-size:.875rem;line-height:1.5;margin:0;color:#514738;letter-spacing:0}.facade-components p{font-size:.875rem;line-height:1.6;margin:4px 0 0;color:#80715d}.facade-detail-note{font-size:.75rem;line-height:1.8;color:#82715c;margin:18px 0 0;max-width:960px}.facade-detail[data-scrubbing=true] .detail-part{transition:none}
@media(min-width:1500px){.facade-detail-workspace{grid-template-columns:minmax(0,1fr) 350px}.facade-detail-controls{padding:32px}.facade-detail-model{max-height:650px}.facade-components li{padding:18px 0}}
@media(max-width:1050px){.facade-detail-heading{gap:26px;grid-template-columns:1.1fr 1fr}.facade-detail-workspace{grid-template-columns:minmax(0,1fr) 285px}.facade-detail-controls{padding:24px 20px}.facade-detail-model{min-height:470px}.facade-detail-meta{font-size:.7rem;left:17px;right:17px}.facade-components li{gap:11px}}
@media(max-width:800px){.facade-detail{padding:40px 6%}.facade-detail-heading{grid-template-columns:1fr;gap:16px;margin-bottom:24px}.facade-detail-heading>p{max-width:580px}.facade-detail-workspace{grid-template-columns:1fr}.facade-detail-controls{border-left:0;border-top:1px solid #d7cdbf;display:grid;grid-template-columns:1fr 1fr;gap:20px 28px;padding:24px}.facade-detail-switch{align-self:start}.facade-separation{margin:0}.facade-components{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.facade-detail-model{min-height:0}.facade-detail-visual{padding-top:16px}.facade-detail-meta{top:18px;left:20px;right:20px;font-size:.75rem}}
@media(max-width:500px){.facade-detail-heading h2{font-size:30px;max-width:310px}.facade-detail-heading .eyebrow{font-size:.7rem;letter-spacing:.07em}.facade-detail-controls{grid-template-columns:1fr;padding:22px 20px;gap:23px}.facade-components{grid-template-columns:1fr;gap:0}.facade-detail-meta{font-size:.65rem;gap:12px;left:15px;right:15px}.facade-detail-visual{padding:22px 0 0}.facade-detail-note{font-size:.75rem}.facade-detail-switch button{min-height:48px}.facade-components li{padding:13px 0}.facade-components li:last-child{padding-bottom:0}}
@media(prefers-reduced-motion:reduce){.detail-part,.detail-callouts{transition:none!important}}