.case-study,.cl-scene{--cl-line:#d5d0c7;--cl-muted:#625e56}.cl-photo{margin:0}.cl-photo picture{display:block;overflow:hidden;background:#e9e5dd}.cl-photo img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:cover}.cl-photo figcaption{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;padding:15px 0;border-bottom:1px solid var(--cl-line);font-size:13px;line-height:1.7;color:var(--cl-muted)}.cl-photo figcaption p{margin:0;max-width:78ch}.cl-zoom{display:inline-flex;align-items:center;justify-content:center;gap:12px;flex:none;min-height:44px;padding:9px 12px;border:1px solid #8a857c;background:#faf9f6;color:#242421;font:inherit;cursor:pointer}.cl-zoom:hover{background:#252522;color:#fff}.cl-zoom:focus-visible,.cl-chapters a:focus-visible,.cl-related-card:focus-visible{outline:3px solid #62523e;outline-offset:5px}.cl-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:24px;margin:0;padding:28px 0}.cl-facts dt{font-size:11px;text-transform:uppercase;letter-spacing:.11em;color:var(--cl-muted);margin-bottom:9px}.cl-facts dd{margin:0;font-size:14px;line-height:1.6}.cl-chapters{display:flex;flex-wrap:wrap;gap:0;border-block:1px solid var(--cl-line);padding:8px 0;margin:0 0 20px}.cl-chapters a{min-height:46px;padding:12px 22px 12px 0;margin-right:22px;display:flex;gap:10px;align-items:center;font-size:13px;text-decoration:none}.cl-chapters a span{font-size:10px;color:var(--cl-muted)}.cl-section{padding-top:80px;padding-bottom:0;scroll-margin-top:110px}.cl-heading{margin-bottom:30px;max-width:790px}.cl-heading h2{font-size:clamp(30px,3.6vw,48px);line-height:1.15;letter-spacing:-.035em;margin:12px 0 20px}.cl-heading>p:not(.cl-kicker){max-width:72ch;font-size:16px;line-height:1.8;color:var(--cl-muted)}.cl-kicker{font-size:11px;line-height:1.6;letter-spacing:.13em;text-transform:uppercase;margin:0}.cl-intro{display:grid;grid-template-columns:1fr 1.35fr;gap:65px}.cl-lede{font-size:19px;line-height:1.85;margin:0}.cl-two{display:grid;grid-template-columns:1fr 1fr;gap:30px}.cl-two h3,.cl-three h3,.cl-materials h3{font-size:21px;line-height:1.35;letter-spacing:-.02em;margin:0 0 14px}.cl-two p,.cl-three p,.cl-materials p{font-size:15px;line-height:1.85;color:var(--cl-muted);margin:0}.cl-scene{padding-top:65px}.cl-drawing{position:relative;background:#faf9f6;border:1px solid var(--cl-line);margin:0;padding-bottom:55px;overflow:hidden}.cl-plan-svg{width:100%;height:auto;display:block}.cl-drawing .drawing-open{top:auto;bottom:12px;display:flex;gap:12px;align-items:center;min-height:44px}.cl-notes{list-style:none;padding:22px 0 0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.cl-notes li{display:flex;gap:15px}.cl-notes span{font-size:11px;padding-top:4px}.cl-notes p{font-size:14px;line-height:1.85;margin:0;color:var(--cl-muted)}.cl-three{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:32px}.cl-index{display:block;font-size:11px;letter-spacing:.1em;margin-bottom:18px;color:var(--cl-muted)}.cl-three article{border-top:1px solid var(--cl-line);padding-top:22px}.cl-materials{list-style:none;padding:0;margin:24px 0 0}.cl-materials li{display:grid;grid-template-columns:.85fr 1.1fr 1.1fr;gap:32px;padding:26px 0;border-bottom:1px solid var(--cl-line)}.cl-materials .cl-index{margin-bottom:7px}.cl-materials h3{margin-bottom:5px}.cl-materials .cl-use{font-size:12px}.cl-check strong{display:block;font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#302e29;margin-bottom:9px}.cl-development{padding-bottom:12px}.cl-actions{display:flex;flex-wrap:wrap;gap:26px;align-items:center;margin-top:36px}.cl-actions a,.cl-related-card>span{display:inline-flex;gap:15px;align-items:center}.cl-related{padding-bottom:75px}.cl-related-card{display:block;text-decoration:none}.cl-related-card img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:cover;margin-bottom:24px}.cl-related-card>span{font-size:13px;margin-top:16px;padding-bottom:9px;border-bottom:1px solid #928a7e}.cl-related-card:hover h3{text-decoration:underline;text-underline-offset:5px}.study-results{font-size:13px;color:#625e56;margin:0 0 28px}.case-study svg{max-width:100%}
@media(max-width:1000px){.cl-intro{grid-template-columns:1fr;gap:30px}.cl-materials li{grid-template-columns:.8fr 1fr;gap:22px}.cl-materials .cl-check{grid-column:2}.cl-section{padding-top:60px}.cl-chapters a{margin-right:12px;padding-right:12px}}
@media(max-width:720px){.cl-photo figcaption{display:block;padding-top:13px}.cl-photo figcaption p{font-size:13px}.cl-zoom{margin-top:12px}.cl-two,.cl-three,.cl-notes{grid-template-columns:1fr;gap:25px}.cl-facts{grid-template-columns:1fr 1fr;gap:22px 18px;padding:24px 0}.cl-chapters{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.cl-chapters a{margin:0;padding:9px 3px;gap:7px;font-size:12px}.cl-heading h2{font-size:32px}.cl-heading{margin-bottom:24px}.cl-section{padding-top:50px;scroll-margin-top:95px}.cl-scene{padding-top:40px}.cl-intro .cl-lede{font-size:17px}.cl-materials li{grid-template-columns:1fr;gap:13px}.cl-materials .cl-check{grid-column:auto}.cl-three h3,.cl-two h3,.cl-materials h3{font-size:21px}.cl-drawing{padding-bottom:60px}.cl-drawing .drawing-open{bottom:10px;font-size:12px}.cl-related{padding-bottom:30px}.cl-related .cl-two{gap:38px}.cl-actions{align-items:stretch;flex-direction:column;gap:20px}.cl-actions .text-link{align-self:flex-start}.cl-plan-svg{min-width:0}.cl-related-card img{margin-bottom:18px}}
/* Compare two layouts within one unchanged study footprint. */
.cl-comparison{min-width:0}.cl-option-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:32px}.cl-option-button{appearance:none;display:flex;align-items:center;gap:18px;width:100%;min-height:100px;padding:20px 24px;text-align:left;border:1px solid #a7a095;border-radius:0;background:transparent;color:#302e29;font:inherit;cursor:pointer;min-width:0}.cl-option-button:hover{background:#eeeae3}.cl-option-button[aria-pressed="true"]{background:#292925;border-color:#292925;color:#fff}.cl-option-button:focus-visible{outline:3px solid #62523e;outline-offset:5px}.cl-option-letter{font-size:34px;line-height:1;flex:none;font-weight:400}.cl-option-name{display:block;min-width:0;flex:1}.cl-option-name strong{display:block;font-size:18px;font-weight:500;line-height:1.4}.cl-option-name>span{display:block;margin-top:6px;font-size:11px;line-height:1.5}.cl-option-mark{width:20px;flex:none;opacity:0}.cl-option-button[aria-pressed="true"] .cl-option-mark{opacity:1}.cl-option-panel[hidden]{display:none!important}.cl-option-intro{max-width:820px;margin:0 0 24px}.cl-option-intro h3{font-size:25px;line-height:1.3;font-weight:500;letter-spacing:-.025em;margin:10px 0 13px}.cl-option-intro>p:last-child{font-size:16px;line-height:1.85;color:var(--cl-muted);margin:0}.cl-option-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:32px 0 0;padding:0}.cl-option-points>div{border-top:1px solid var(--cl-line);padding-top:19px;min-width:0}.cl-option-points dt{font-size:12px;font-weight:500;letter-spacing:.04em;margin:0 0 10px}.cl-option-points dd{margin:0;font-size:14px;line-height:1.85;color:var(--cl-muted)}.cl-comparison-table-wrap{margin-top:48px;min-width:0}.cl-comparison-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:14px;line-height:1.8;overflow-wrap:anywhere}.cl-comparison-table caption{text-align:left;font-size:25px;line-height:1.35;letter-spacing:-.025em;margin-bottom:24px;color:#302e29}.cl-comparison-table th,.cl-comparison-table td{vertical-align:top;text-align:left;border-bottom:1px solid var(--cl-line);padding:19px 22px 19px 0}.cl-comparison-table th:first-child{width:22%}.cl-comparison-table th{font-weight:500;color:#302e29}.cl-comparison-table td{color:var(--cl-muted)}.cl-comparison-table thead th{border-top:1px solid #a7a095;font-size:12px}.cl-comparison-table thead th span{display:block;font-size:15px;font-weight:400;margin-top:5px}.cl-comparison-table th:last-child,.cl-comparison-table td:last-child{padding-right:0}.cl-mobile-option{display:none}.cl-comparison-conclusion{display:grid;grid-template-columns:1fr 2.5fr;gap:32px;padding:26px 0 0}.cl-comparison-conclusion h3{font-size:19px;line-height:1.5;font-weight:500;margin:0}.cl-comparison-conclusion p{font-size:15px;line-height:1.85;color:var(--cl-muted);margin:0}.cl-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:720px){.cl-option-switch{gap:10px;margin-bottom:25px}.cl-option-button{padding:16px 12px;min-height:120px;gap:10px;align-items:flex-start;position:relative}.cl-option-letter{font-size:25px;line-height:1.2}.cl-option-name strong{font-size:14px;line-height:1.5}.cl-option-name>span{font-size:10px;line-height:1.6}.cl-option-mark{display:none}.cl-option-intro h3{font-size:23px}.cl-option-intro>p:last-child{font-size:15px}.cl-option-points{grid-template-columns:1fr;gap:19px;margin-top:26px}.cl-option-points>div{padding-top:15px}.cl-option-points dt{margin-bottom:7px}.cl-comparison-table-wrap{margin-top:36px}.cl-comparison-table,.cl-comparison-table tbody{display:block}.cl-comparison-table caption{display:block;font-size:23px;margin-bottom:18px}.cl-comparison-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.cl-comparison-table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--cl-line)}.cl-comparison-table tbody th:first-child{grid-column:1/-1;width:auto;border:0;padding:18px 0 0;font-size:14px}.cl-comparison-table tbody td{border:0;padding:10px 14px 19px 0;font-size:13px;line-height:1.8}.cl-comparison-table tbody td:last-child{padding-right:0;padding-left:9px}.cl-mobile-option{display:block;font-size:10px;letter-spacing:.07em;color:#302e29;font-weight:500;margin-bottom:7px}.cl-comparison-table tbody tr:last-child{border-bottom:1px solid var(--cl-line)}.cl-comparison-conclusion{grid-template-columns:1fr;gap:10px;padding-top:23px}}
@media(prefers-contrast:more){.cl-option-button{border:2px solid currentColor}.cl-option-button[aria-pressed="true"]{outline:2px solid #292925;outline-offset:3px}}