/* Stage 11: brochure-derived type, with a readable interface companion. */
:root{font-synthesis:none}
h1,h2,h3{font-weight:800;letter-spacing:-.035em;line-height:1.13;text-wrap:balance;overflow-wrap:anywhere}
h3{font-weight:700;line-height:1.25;letter-spacing:-.025em}
.hero{height:auto;min-height:max(50rem,100svh);max-height:none;display:flex;flex-direction:column}
.hero-content{flex:1;padding-top:clamp(10rem,18vh,15rem);padding-bottom:4.5rem}
.hero h1{font-weight:800;font-size:clamp(3.125rem,5.8vw,6rem);letter-spacing:-.035em;line-height:1.095;margin-block:1.5rem 1.75rem}
.hero-copy{font-size:clamp(1.0625rem,1.3vw,1.25rem);line-height:1.65}
.hero-foot{position:relative;bottom:auto;padding-bottom:1.75rem;font-size:.75rem;line-height:1.6}
.header{height:auto;min-height:6.25rem;padding-block:1.25rem;flex-wrap:wrap}
.brand{letter-spacing:-.045em;font-weight:800}
.brand small{font-size:.625rem;letter-spacing:.19em;line-height:1.35}
.header nav{flex-wrap:wrap;gap:1rem 2rem;font-weight:500}
.nav-cta{font-weight:600}
.button,.text-button,.text-link,.layout-tabs button,.space-buttons button{font-weight:600;line-height:1.5}
.button,.nav-cta{gap:1.5rem}
.eyebrow{font-weight:600;font-size:.75rem;letter-spacing:.13em;line-height:1.6}
.venue-tabs button{font-family:var(--font);font-weight:600;letter-spacing:-.02em;line-height:1.35;min-width:0;overflow-wrap:anywhere}
.venue-detail h3{font-size:clamp(1.5rem,2vw,2rem)}
summary{font-family:var(--font);font-weight:600;letter-spacing:-.015em;min-width:0}
.section-intro,.walnut-introduction{column-gap:6%}
.section-intro>* ,.system-grid>* ,.contact-grid>* ,.finance-description>* ,.control-workspace>* ,.walnut-introduction>*{min-width:0}
.contact-name{font-weight:700;letter-spacing:-.025em}
.contact-links a{overflow-wrap:anywhere}
.contact-grid h2{font-size:clamp(2.75rem,5.2vw,5rem)}
.fineprint,.product figcaption,.footer-note,.qualification,.resource-link p{font-size:.8125rem;line-height:1.75}
.board-top,.board-top>.eyebrow,.board-footer{font-size:.75rem;letter-spacing:.05em;flex-wrap:wrap}
.screen-info{font-size:.875rem;font-weight:500;line-height:1.55}
.screen-info>span:last-child{font-size:.8125rem;font-weight:400}
.screen-image[data-source=signage]{min-height:8em}
.screen-image[data-source=signage] strong{font-weight:700;overflow-wrap:anywhere}
.finance-options button{font-weight:700;line-height:1.1;min-width:0}
.finance-options button>span{font-size:.6875rem;letter-spacing:.07em}
.space-number{font-weight:700}
.control-inputs select,select,input,textarea{font-size:1rem;line-height:1.5}
.status{font-size:.875rem;line-height:1.65}
.venue-photo figcaption{flex-wrap:wrap;font-size:.8125rem;line-height:1.6}
@media(max-width:1000px){
 .system-grid>div:first-child{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .control-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}
 .viewing-board{padding:1rem}
 .screen-board{gap:1rem}
}
@media(max-width:760px){
 .hero{min-height:max(46.25rem,100svh)}
 .hero-content{padding-top:9.5rem;padding-bottom:3rem}
 .hero h1{font-size:clamp(2.25rem,8.25vw,4.25rem);line-height:1.12;letter-spacing:-.035em}
 .hero-copy{font-size:1.0625rem;max-width:30ch}
 .hero-foot{gap:.75rem;padding-bottom:1.5rem}
 .hero-foot>span:first-child{font-size:.6875rem;max-width:none}
 .hero-foot>span:nth-child(2){font-size:.75rem}
 .header{min-height:5.125rem;padding-block:1rem;gap:.75rem}
 .brand{font-size:1.5rem}
 .nav-cta{font-size:.8125rem}
 .section-intro h2,h2,.walnut-introduction h2{font-size:clamp(2rem,8vw,3.125rem);line-height:1.16}
 .venue-tabs button{font-size:1rem;padding-right:.625rem}
 .venue-tabs button>span:last-child{display:none}
 .venue-photo figcaption{font-size:.75rem}
 .venue-photo figcaption>span:last-child{font-size:.75rem}
 .control-workspace{display:block}
 .control-inputs{display:block}
 .control-inputs label{font-size:.875rem}
 .control-inputs select{font-size:1rem;padding: .875rem 2rem .875rem .75rem;margin-bottom:1.25rem}
 .screen-board{grid-template-columns:repeat(auto-fit,minmax(min(100%,7rem),1fr))}
 .board-top,.board-top>.eyebrow,.board-footer{font-size:.6875rem}
 .screen-info>span:last-child{font-size:.8125rem}
 .system-grid>div:first-child{display:block}
 .finance-options{grid-template-columns:repeat(auto-fit,minmax(min(100%,4rem),1fr))}
 .finance-options button{font-size:2rem;padding-inline:.25rem}
 .finance-options button>span{font-size:.6875rem}
 .contact-grid h2{font-size:clamp(2.5rem,10vw,4rem)}
 .contact-links{font-size:1rem}
 .contact-resources{min-width:0}
}
/* Natural wrapping provides a usable layout when only text is enlarged. */
button,a,summary,label,dd{overflow-wrap:anywhere}
.demo-actions,.layout-tabs{flex-wrap:wrap}
.screen-board,.control-inputs,.space-detail{min-width:0}

.system-details summary{flex-wrap:wrap;gap:.5rem}

.select-value-caption{display:block;font:400 .8125rem/1.6 Inter,"Inter Fallback",Arial,sans-serif;overflow-wrap:anywhere;margin:.375rem 0 1rem;color:inherit}.select-value-caption[hidden]{display:none}
summary>b{display:grid;place-items:center;width:1em;height:1em;line-height:1;margin-right:.25em}