/* Canopy Village — Bo showroom and shared website information, October 2026. */
html{scroll-padding-top:5rem}
.bo-showroom{padding:5rem 1.25rem;background:#f4f1e9;color:#223d32}
.bo-showroom__inner{max-width:1152px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:center}
.bo-showroom__eyebrow{font:700 .75rem/1.6 system-ui,sans-serif;letter-spacing:.13em;text-transform:uppercase;margin:0 0 1rem}
.bo-showroom h2{font-size:clamp(2rem,4vw,3.3rem);line-height:1.12;margin:0 0 1.25rem}
.bo-showroom p{line-height:1.75;margin-bottom:1rem}
.bo-showroom__intro{font-size:1.1rem}
.bo-showroom__topics{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:1.5rem 0}
.bo-showroom__topics li{padding:.4rem .75rem;border:1px solid #bdc7b1;border-radius:2rem;font-size:.85rem}
.bo-showroom__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.5rem 0 1rem}
.bo-showroom__link{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:.75rem 1.15rem;border:1px solid #223d32;border-radius:.5rem;background:#223d32;color:#fff;font:600 .9rem/1.4 system-ui,sans-serif;text-decoration:none}
.bo-showroom__link:hover{background:#365540}
.bo-showroom__link--secondary{background:transparent;color:#223d32}
.bo-showroom__link--secondary:hover{background:#e4e7d8}
.bo-showroom__note{font-size:.85rem;color:#515b4e}
.bo-showroom figure{margin:0}
.bo-showroom figure img{display:block;width:100%;height:430px;object-fit:cover;border-radius:1rem}
.bo-showroom figcaption{margin-top:.8rem;font-size:.8rem;line-height:1.6;color:#515b4e}
.bo-showroom a:focus-visible,.cv-cookie-button:focus-visible,.cv-cookie-settings:focus-visible,.cv-info a:focus-visible{outline:3px solid #b66c3d;outline-offset:4px}
.cv-inline-link{text-decoration:underline;text-underline-offset:3px;color:#805032}
.cv-cookie-panel{position:fixed;z-index:1000;left:1rem;bottom:1rem;box-sizing:border-box;width:min(440px,calc(100% - 2rem));max-height:calc(100dvh - 2rem);overflow:auto;padding:1.25rem;background:#fff;color:#1f2937;border:1px solid #d5dcd0;border-radius:1rem;box-shadow:0 8px 38px #0003;font:14px/1.6 system-ui,sans-serif}
.cv-cookie-panel[hidden]{display:none}
.cv-cookie-panel h2{font:700 1.1rem/1.4 system-ui,sans-serif;margin:0 0 .5rem}
.cv-cookie-panel p{margin:0 0 .85rem}
.cv-cookie-panel a{text-decoration:underline}
.cv-cookie-actions{display:flex;flex-wrap:wrap;gap:.65rem}
.cv-cookie-button{flex:1;min-height:44px;padding:.65rem 1rem;border:1px solid #223d32;border-radius:.4rem;background:#fff;color:#223d32;cursor:pointer;font:600 .875rem/1.4 system-ui,sans-serif}
.cv-cookie-button:hover{background:#edf0e7}
.cv-cookie-settings{font:inherit;color:inherit;background:none;border:0;padding:0;text-decoration:underline;cursor:pointer}
.cv-info{margin:0;background:#faf8f4;color:#243128;font:16px/1.75 system-ui,sans-serif}
.cv-info *{box-sizing:border-box}
.cv-info-header,.cv-info-footer{padding:1.5rem max(1.25rem,calc((100% - 1000px)/2));background:#fff;border-bottom:1px solid #deded4;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.cv-info-header img{width:160px;height:auto;display:block}
.cv-info-header nav,.cv-info-footer nav{display:flex;flex-wrap:wrap;gap:1.25rem}
.cv-info a{color:#684326;text-underline-offset:3px}
.cv-info main{max-width:800px;margin:0 auto;padding:3.5rem 1.25rem 5rem}
.cv-info h1{font:700 clamp(2rem,6vw,3.3rem)/1.15 Georgia,serif;color:#223d32;margin:0 0 1rem}
.cv-info h2{font:700 1.4rem/1.4 Georgia,serif;margin:2rem 0 .65rem}
.cv-info p{margin:0 0 1rem}
.cv-info ul{padding-left:1.5rem}
.cv-info address{font-style:normal}
.cv-info-date{font-size:.85rem;color:#586253}
.cv-info-footer{font-size:.85rem;border-top:1px solid #deded4}
.cv-info-skip{position:absolute;left:-10000px}
.cv-info-skip:focus{left:1rem;top:1rem;padding:1rem;background:#fff;z-index:1100}
@media(max-width:767px){.bo-showroom{padding:3.5rem 1.25rem}.bo-showroom__inner{grid-template-columns:1fr;gap:2rem}.bo-showroom figure img{height:300px}.bo-showroom__actions{flex-direction:column}.bo-showroom__link{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}