:root{color-scheme:light;--space-x-1:.5rem;--space-x-2:1rem;--space-x-3:2rem;--space-y-1:.5rem;--space-y-2:1.5rem;--space-y-3:3rem;--x-s:var(--space-x-1);--x-m:var(--space-x-2);--x-l:var(--space-x-3);--y-s:var(--space-y-1);--y-m:var(--space-y-2);--y-l:var(--space-y-3);--paper:#f6f7f2;--white:#fff;--ink:#222c28;--muted:#59655e;--line:#d7ded4;--control:#788574;--lime:#dced69;--lime-dark:#4e630d;--soft:#e9ede3;--link:#4e630d;--radius:.75rem;--max:82.5rem;font-family:'Segoe UI',Arial,sans-serif;color:var(--ink);font-synthesis:none}
:root[data-theme=dark]{color-scheme:dark;--paper:#171e1a;--white:#222c28;--ink:#f6f7f2;--muted:#b9c6b8;--line:#46564b;--control:#82917d;--lime:#dced69;--lime-dark:#dced69;--soft:#2d3830;--link:#dced69}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:7rem}body{margin:0;background:var(--paper);font-size:1rem;line-height:1.5}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:.2em}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit;border:0}button:disabled{cursor:not-allowed;opacity:.55}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent;outline-offset:4px}:focus-visible{outline:3px solid var(--lime-dark)}img,svg{display:block;max-width:100%}img{height:auto}figure{margin:0}button svg{flex:none}h1,h2,h3,h4,h5,h6,p{margin:0}h1,h2{font-weight:700;letter-spacing:-.035em}h3,h4,h5,h6{font-weight:600;letter-spacing:-.02em}h1{font-size:3rem;line-height:3.5rem}h2{font-size:2rem;line-height:2.5rem}h3{font-size:1.5rem;line-height:2rem}h4{font-size:1.25rem;line-height:1.75rem}h5{font-size:1.125rem;line-height:1.625rem}h6{font-size:1rem;line-height:1.5rem}p{color:var(--muted)}[hidden]{display:none!important}.container{width:100%;max-width:var(--max);margin:0 auto;padding:0 var(--x-l)}.section{padding-top:var(--y-l);padding-bottom:var(--y-l)}.eyebrow{font-size:.75rem;line-height:1.125rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;display:flex;gap:var(--x-s);align-items:center;margin-bottom:var(--y-m);color:var(--muted)}.eyebrow:before{content:'';width:.5rem;height:.5rem;background:var(--lime-dark);flex:none}.tag,.number{font-size:.75rem;line-height:1.125rem;color:var(--muted)}.tag{letter-spacing:.04em;text-transform:uppercase}.number{font-variant-numeric:tabular-nums}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--x-s);padding:var(--y-s) var(--x-m);min-height:44px;background:#222c28;color:#fff;border-radius:.4rem;font-size:.875rem;line-height:1.25rem;font-weight:600;border:1px solid transparent;text-decoration:none}.button:hover{background:#3c493f;text-decoration:none}.button.lime{background:#dced69;color:#222c28}.button.lime:hover{background:#cddd58}.button.outline{background:transparent;border-color:var(--line);color:var(--ink)}.button.outline:hover{background:var(--soft)}.text-link{min-height:44px;display:inline-flex;align-items:center;gap:var(--x-s);font-size:.875rem;line-height:1.25rem;font-weight:600;padding:var(--y-s) 0;text-decoration:underline;text-underline-offset:.25em}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--y-s) var(--x-s);margin-top:var(--y-m)}.small{font-size:.75rem;line-height:1.125rem}.muted{color:var(--muted)}.skip{position:fixed;top:-5rem;left:1rem;z-index:100;background:var(--ink);color:var(--paper);padding:var(--y-s) var(--x-m)}.skip:focus{top:1rem}
.site-header{position:sticky;top:0;z-index:30;background:var(--paper);border-bottom:1px solid var(--line)}.header-inner{min-height:5.5rem;display:flex;align-items:center;justify-content:space-between;gap:var(--x-m);padding-top:var(--y-s);padding-bottom:var(--y-s)}.brand{display:flex;align-items:center;gap:var(--x-s);flex:none;color:var(--ink);text-decoration:none!important}.brand-icon{width:2rem;height:2.125rem;color:inherit}.brand-name{font-size:1.5rem;font-weight:700;letter-spacing:-.06em;line-height:1.15}.brand-name small{display:block;font-size:.625rem;letter-spacing:.07em;font-weight:600;margin-top:var(--y-s)}.nav{display:flex;align-items:center;gap:var(--x-m);font-size:.875rem;line-height:1.25rem}.nav>a{padding:var(--y-s) 0;min-height:44px;display:flex;align-items:center;color:var(--ink)}.nav>a.active{color:var(--link);text-decoration:underline;text-underline-offset:.35em}.header-tools{display:flex;gap:var(--x-s);align-items:center}.theme-toggle,.menu-toggle{width:44px;height:44px;background:var(--soft);border:1px solid var(--line);border-radius:.4rem;display:grid;place-items:center;flex:none}.menu-toggle{display:none}.mobile-nav{border-top:1px solid var(--line);padding:var(--y-m) var(--x-l);max-height:70dvh;overflow-y:auto}.mobile-nav a{display:block;min-height:44px;padding:var(--y-s) 0;color:var(--ink)}
.hero{padding:var(--y-l) 0 0}.hero-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:var(--x-l);align-items:start}.hero-copy{min-width:0}.hero h1 em{font-style:normal;color:var(--link);display:block;margin-top:var(--y-s);font-size:.8em;line-height:1.25}.hero .lead{max-width:32rem;margin-top:var(--y-s)}.hero-small{display:flex;gap:var(--x-m);flex-wrap:wrap;margin-top:var(--y-m);color:var(--muted);font-size:.75rem;line-height:1.125rem}.hero-small span:before{content:'+';margin-right:var(--x-s);color:var(--link)}.hero-visual{width:100%;min-width:0;align-self:start}.scene{width:100%;min-width:0}.scene picture{display:block;overflow:hidden;border-radius:var(--radius);background:var(--soft)}.scene img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.scene figcaption{margin-top:var(--y-s);color:var(--muted);font-size:.75rem;line-height:1.125rem}.scene.compact figcaption{display:none}.hero-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--y-m) var(--x-m);border-top:1px solid var(--line);padding:var(--y-m) 0;margin-top:var(--y-l)}.hero-bottom>div{display:flex;align-items:center;gap:var(--x-m);font-size:.875rem;line-height:1.25rem}.hero-bottom svg{width:2rem;height:2rem;flex:none}.hero-bottom strong,.hero-bottom small{display:block}.hero-bottom small{font-size:.75rem;color:var(--muted);margin-top:var(--y-s)}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--x-l);margin-bottom:var(--y-m)}.section-head h2{max-width:44rem}.section-head>p{max-width:23rem}.catalog,.knowledge{background:var(--white);border-top:1px solid var(--line)}.type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--y-m) var(--x-m)}.type-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--paper);display:flex;flex-direction:column;min-width:0;color:var(--ink)}.type-card:hover{border-color:var(--link);text-decoration:none}.card-art{aspect-ratio:3/2;display:flex;align-items:center;justify-content:center;background:var(--soft);border-bottom:1px solid var(--line)}.card-art svg{width:100%;height:100%;object-fit:contain}.card-art .scene{height:100%}.card-art picture{border-radius:0;height:100%}.card-art img{height:100%;object-fit:cover}.card-text{padding:var(--y-m) var(--x-m);display:flex;flex-direction:column;flex:1}.card-text .tag{margin-bottom:var(--y-s)}.card-text h3{font-size:1.25rem;line-height:1.75rem}.card-text p{margin-top:var(--y-s);font-size:.875rem;line-height:1.25rem}.card-link{padding-top:var(--y-m);margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:var(--x-s);font-size:.875rem;line-height:1.25rem;font-weight:600}.catalog-help{display:flex;justify-content:space-between;align-items:center;gap:var(--x-m);border-top:1px solid var(--line);padding-top:var(--y-m);margin-top:var(--y-m)}
.task-layout,.faq-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:var(--x-l)}.task-list{margin-top:var(--y-m);display:flex;flex-direction:column}.task-button{display:flex;align-items:center;gap:var(--x-m);min-height:44px;text-align:left;padding:var(--y-m) 0;background:none;border-bottom:1px solid var(--line);font-weight:600}.task-button[aria-selected=true]{color:var(--link)}.task-button .number{width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;flex:none}.task-button[aria-selected=true] .number{background:var(--lime);color:#222c28}.task-panel{background:var(--soft);border-radius:var(--radius);padding:var(--y-m) var(--x-m);display:flex;flex-direction:column}.task-panel .tag{align-self:flex-end}.scheme-wrap{aspect-ratio:1.5;display:flex;align-items:center;justify-content:center;margin-bottom:var(--y-m)}.scheme-wrap .scene{width:100%}.task-panel p,.task-panel .text-link{margin-top:var(--y-m)}.task-panel .text-link{align-self:flex-start}.structure{background:#222c28;color:#f6f7f2;padding:var(--y-l) 0}.structure p,.structure .eyebrow,.structure figcaption{color:#c2cdc1}.structure .eyebrow:before{background:#dced69}.structure-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--x-l);align-items:center}.structure-art{min-width:0}.structure-list{margin-top:var(--y-m)}.structure-item{display:grid;grid-template-columns:2rem 1fr;gap:var(--x-s);padding:var(--y-m) 0;border-bottom:1px solid #6c7a6b}.structure-item>span{color:#dced69;font-size:.875rem}.structure-item h3{font-size:1.25rem;line-height:1.75rem}.structure-item p{margin-top:var(--y-s)}.structure .text-link{color:#dced69;margin-top:var(--y-m)}
.compare-wrap{width:100%}.compare{background:var(--white);border-collapse:collapse;width:100%;font-size:.875rem;line-height:1.25rem;text-align:left;table-layout:fixed}.compare th,.compare td{padding:var(--y-m) var(--x-m);border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere}.compare th{font-weight:600;background:transparent}.compare td{color:var(--muted)}.compare caption{caption-side:bottom;text-align:left;padding-top:var(--y-m);font-size:.75rem;line-height:1.125rem;color:var(--muted)}.compare a{display:inline-block;margin-top:var(--y-m);text-decoration:underline}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--y-m) var(--x-m);margin-top:var(--y-l)}.step{border-top:1px solid var(--line);padding-top:var(--y-m)}.step .number{display:block;margin-bottom:var(--y-m)}.step h3{font-size:1.25rem;line-height:1.75rem;margin-bottom:var(--y-s)}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--y-m) var(--x-m)}.article-card{border-top:1px solid var(--line);padding:var(--y-m) 0;display:flex;flex-direction:column;color:var(--ink)}.article-card .scene{margin-bottom:var(--y-m)}.article-card .tag{margin-bottom:var(--y-s)}.article-card h3{font-size:1.25rem;line-height:1.75rem}.faq{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;min-height:44px;padding:var(--y-m) var(--x-l) var(--y-m) 0;font-size:1rem;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:0;top:1.2rem;font-size:1.5rem}details[open] summary:after{content:'−'}details p{padding:0 var(--x-m) var(--y-m) 0}details a{text-decoration:underline}
.project-cta{background:#dced69;color:#222c28;border-radius:var(--radius);display:grid;grid-template-columns:1.4fr 1fr;gap:var(--x-l);align-items:center;padding:var(--y-l) var(--x-l);margin-bottom:var(--y-l)}.project-cta p{color:#46522b;margin-top:var(--y-m)}.project-cta .eyebrow{color:#46522b}.project-cta .eyebrow:before{background:#222c28}.project-cta .button{justify-self:end}.footer{background:#222c28;color:#f6f7f2;padding:var(--y-l) 0 var(--y-m)}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:var(--y-l) var(--x-l)}.footer .brand{color:#f6f7f2}.footer .brand-icon{color:#dced69}.footer p{color:#c2cdc1;font-size:.875rem;line-height:1.25rem;max-width:20rem;margin-top:var(--y-m)}.footer h2,.footer h3{font-size:.875rem;line-height:1.25rem;font-weight:600;color:#c2cdc1;margin-bottom:var(--y-s)}.footer a:not(.brand){display:block;font-size:.875rem;line-height:1.25rem;padding:var(--y-s) 0;color:#f6f7f2}.footer a:hover{color:#dced69}.footer-bottom{display:flex;justify-content:space-between;gap:var(--x-l);margin-top:var(--y-l);padding-top:var(--y-m);border-top:1px solid #6c7a6b;font-size:.75rem;line-height:1.125rem;color:#c2cdc1}.footer-bottom>span{max-width:42rem}.mobile-cta{display:none}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:var(--y-s) var(--x-s);align-items:center;font-size:.875rem;line-height:1.25rem;padding-top:var(--y-m);color:var(--muted)}.breadcrumbs [aria-current]{color:var(--ink)}.inner-hero{padding-top:var(--y-l);padding-bottom:var(--y-l)}.inner-hero h1{max-width:50rem}.inner-hero .lead{max-width:44rem;margin-top:var(--y-s)}.with-scene,.product-hero{display:grid;grid-template-columns:1fr 1fr;gap:var(--x-l);align-items:start}.with-scene>div,.product-hero>div{min-width:0}.feature-line{display:flex;flex-wrap:wrap;gap:var(--y-m) var(--x-m);margin-top:var(--y-m)}.feature-line>span{font-size:.875rem;line-height:1.25rem;border-bottom:1px solid var(--line);padding-bottom:var(--y-s)}.product-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--x-l);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:var(--y-m);padding-bottom:var(--y-m);margin-bottom:var(--y-l)}.product-strip strong{display:block;margin-top:var(--y-s)}.article-body{display:grid;grid-template-columns:15rem minmax(0,1fr);gap:var(--x-l);align-items:start;padding-bottom:var(--y-l)}.side-nav{position:sticky;top:7rem;border-top:1px solid var(--line);padding-top:var(--y-m);font-size:.875rem;line-height:1.25rem}.side-nav strong{display:block;margin-bottom:var(--y-s)}.side-nav a{display:block;min-height:44px;padding:var(--y-s) 0}.prose-section{border-top:1px solid var(--line);padding-top:var(--y-m);margin-bottom:var(--y-l)}.prose-section h2{margin-bottom:var(--y-s)}.prose-section p+p{margin-top:var(--y-m)}.prose-section ul,.prose-section ol{margin:var(--y-m) 0 0;padding-left:var(--x-l);color:var(--muted)}.prose-section li+li{margin-top:var(--y-s)}.prose-section a{text-decoration:underline;text-underline-offset:.15em}.related{padding:var(--y-m) var(--x-m);background:var(--soft);border-radius:var(--radius);margin-top:var(--y-l)}.related h2{font-size:1.5rem;line-height:2rem;margin-bottom:var(--y-s)}.related a{display:flex;justify-content:space-between;gap:var(--x-m);border-bottom:1px solid var(--line);padding:var(--y-m) 0;font-size:.875rem;line-height:1.25rem}.related a:last-child{border-bottom:0}.link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--y-m) var(--x-m)}.link-card{padding:var(--y-m) var(--x-m);border:1px solid var(--line);border-radius:var(--radius);background:var(--white);color:var(--ink)}.link-card:hover{border-color:var(--link)}.link-card .scene{margin-bottom:var(--y-m)}.link-card h2,.link-card h3{font-size:1.25rem;line-height:1.75rem}.link-card p{margin-top:var(--y-s)}.hub-section{padding-bottom:var(--y-l)}.hub-section>h2{margin-bottom:var(--y-m)}.blank-note,.answer-box{border-left:3px solid var(--lime-dark);padding:var(--y-m) var(--x-m);background:var(--soft);margin-bottom:var(--y-l)}.answer-box h2{font-size:1.25rem;line-height:1.75rem;margin-bottom:var(--y-s)}.article-meta{font-size:.75rem;line-height:1.125rem;color:var(--muted);margin-top:var(--y-m)}.brief-page{display:grid;grid-template-columns:1fr 1fr;gap:var(--x-l);align-items:center;padding-bottom:var(--y-l)}.brief-page .small{margin-top:var(--y-m)}
dialog{width:min(58.75rem,calc(100% - 2rem));max-height:calc(100dvh - 2rem);padding:0;border:1px solid var(--line);border-radius:1rem;background:var(--paper);color:var(--ink);overflow:auto;box-shadow:0 1.5rem 6rem #08130744}dialog::backdrop{background:#142015b8;backdrop-filter:blur(4px)}body.modal-open{overflow:hidden}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:var(--x-m);padding:var(--y-m) var(--x-l);border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:3}.dialog-top h2{font-size:1.5rem;line-height:2rem}.close-button{width:44px;height:44px;flex:none;border:1px solid var(--line);border-radius:50%;background:transparent;font-size:1.5rem}.brief-layout{display:grid;grid-template-columns:14.375rem minmax(0,1fr)}.brief-sidebar{padding:var(--y-m) var(--x-m);background:var(--soft)}.brief-sidebar ol{list-style:none;margin:0;padding:0;display:grid;gap:var(--y-m)}.brief-sidebar li{display:flex;align-items:center;gap:var(--x-s);font-size:.875rem;line-height:1.25rem;color:var(--muted)}.brief-sidebar li span{width:2rem;height:2rem;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;flex:none}.brief-sidebar li.current{font-weight:600;color:var(--ink)}.brief-sidebar li.current span{background:#222c28;color:#dced69}.brief-sidebar p{font-size:.75rem;line-height:1.125rem;margin-top:var(--y-l)}.brief-form{padding:var(--y-m) var(--x-l);min-width:0}.form-step h3{margin-bottom:var(--y-s)}.form-step>p{margin-bottom:var(--y-m)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--y-m) var(--x-m)}.field{display:flex;flex-direction:column;gap:var(--y-s);font-size:.875rem;line-height:1.25rem}.field.full{grid-column:1/-1}.field input,.field select,.field textarea{width:100%;min-width:0;min-height:44px;border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:.4rem;padding:var(--y-s) var(--x-m);font-size:1rem;line-height:1.5rem}.field textarea{min-height:6rem;resize:vertical}.field [aria-invalid=true]{border-color:#b53e31}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--y-m) var(--x-m)}.choice{display:flex;gap:var(--x-s);align-items:flex-start;min-height:44px;padding:var(--y-m) var(--x-m);border:1px solid var(--line);border-radius:.4rem;background:var(--white);font-size:.875rem;line-height:1.25rem;cursor:pointer}.choice:has(input:checked){border-color:var(--link);background:var(--soft)}.choice input{accent-color:#52630e;flex:none;width:1.125rem;height:1.125rem;margin:0}.choice small{display:block;color:var(--muted);font-size:.75rem;line-height:1.125rem;margin-top:var(--y-s)}.file-label{display:block;border:1px dashed var(--line);border-radius:.4rem;padding:var(--y-m) var(--x-m);background:var(--soft)}.file-label input{display:block;width:100%;max-width:100%;margin-top:var(--y-m)}.file-hint{font-size:.75rem;line-height:1.125rem;margin-top:var(--y-s)}.form-actions{display:flex;justify-content:space-between;gap:var(--x-m);border-top:1px solid var(--line);padding-top:var(--y-m);margin-top:var(--y-m)}.form-error{color:#a02e24;font-size:.875rem;line-height:1.25rem}.form-error:not(:empty){margin-top:var(--y-m)}[data-theme=dark] .form-error{color:#ffb3a8}.summary-data{display:grid;grid-template-columns:1fr 1fr;gap:var(--y-m) var(--x-m);margin:var(--y-m) 0}.summary-data div{border-bottom:1px solid var(--line);padding-bottom:var(--y-s)}.summary-data dt{color:var(--muted);font-size:.75rem;line-height:1.125rem}.summary-data dd{margin:var(--y-s) 0 0;overflow-wrap:anywhere}.demo-note{font-size:.875rem;line-height:1.25rem;background:var(--soft);padding:var(--y-m) var(--x-m);border-radius:.4rem}.success-view{text-align:center;padding:var(--y-m) 0}.success-icon{width:4rem;height:4rem;border-radius:50%;display:grid;place-items:center;background:#dced69;color:#222c28;margin:0 auto var(--y-m);font-size:2rem}.success-view p{margin:var(--y-m) auto;max-width:25rem}.success-view .button{margin:var(--y-s) 0}.spec-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--y-m) var(--x-m)}.swatch{height:9.375rem;border-radius:.5rem;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--y-m) var(--x-m)}.design-table{width:100%;border-collapse:collapse;margin-top:var(--y-m)}.design-table td,.design-table th{padding:var(--y-m) var(--x-m);border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.design-table th{font-size:.875rem;line-height:1.25rem;color:var(--muted)}.diagram-detail{max-width:48rem;margin:0 auto var(--y-m);padding:var(--y-m) var(--x-m);background:#e9ede3;border-radius:var(--radius)}.diagram-detail svg{width:100%;height:auto}.spaced{margin-top:var(--y-m)}.section-zero-top{padding-top:0}
@media(max-width:1150px){.nav{display:none}.menu-toggle{display:grid}.type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.article-body{grid-template-columns:12rem minmax(0,1fr)}.header-inner{min-height:4.5rem}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.hero-grid,.with-scene,.product-hero,.task-layout,.faq-layout,.structure-grid,.brief-page{grid-template-columns:1fr;gap:var(--y-l)}.hero-visual,.inner-hero>.scene,.brief-page>.scene{max-width:44rem;width:100%;justify-self:center}.hero h1 br{display:none}.hero h1 em{display:block}.article-body{display:block}.side-nav{position:static;display:flex;flex-wrap:wrap;gap:var(--y-s) var(--x-m);margin-bottom:var(--y-l)}.side-nav strong{flex-basis:100%;margin:0}.side-nav a{padding:var(--y-s) 0}.project-cta{grid-template-columns:1fr;gap:var(--y-m)}.project-cta .button{justify-self:start}.compare thead{display:none}.compare,.compare tbody,.compare tr,.compare th,.compare td{display:block;width:100%}.compare tr{border:1px solid var(--line);border-radius:.5rem;margin-bottom:var(--y-m);overflow:hidden}.compare td{display:grid;grid-template-columns:minmax(7rem,1fr) minmax(0,1.2fr);gap:var(--x-m);border-bottom:1px solid var(--line)}.compare td:last-child{border-bottom:0}.compare td:before{content:attr(data-label);font-weight:600;color:var(--ink)}.compare th{border-bottom:1px solid var(--line)}.compare caption{display:block}.design-table th,.design-table td{overflow-wrap:anywhere}}
@media(max-width:720px){:root{--space-x-3:1.5rem;--space-y-2:1rem;--space-y-3:2rem}.container{padding-left:var(--x-m);padding-right:var(--x-m)}h1{font-size:2rem;line-height:2.5rem}h2{font-size:1.75rem;line-height:2.25rem}h3{font-size:1.375rem;line-height:1.875rem}.header-inner{flex-wrap:wrap}.brand-name{font-size:1.375rem}.header-cta{display:none}.hero h1 em{font-size:1em}.section-head{flex-direction:column;align-items:flex-start;gap:var(--y-m)}.section-head>p{max-width:100%}.hero-bottom{grid-template-columns:1fr}.catalog-help{flex-direction:column;align-items:flex-start;gap:var(--y-m)}.article-grid,.link-grid{grid-template-columns:1fr}.product-strip{grid-template-columns:1fr;gap:var(--y-m)}.footer-grid{grid-template-columns:1fr 1fr;gap:var(--y-l) var(--x-m)}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:var(--y-m)}.project-cta{width:calc(100% - 2rem);padding:var(--y-l) var(--x-m)}.brief-layout{grid-template-columns:1fr}.brief-sidebar{padding:var(--y-m) var(--x-m)}.brief-sidebar ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--x-s)}.brief-sidebar li{flex-direction:column;align-items:flex-start;font-size:.75rem;line-height:1.125rem}.brief-sidebar p{display:none}.brief-form{padding:var(--y-m) var(--x-m)}.dialog-top{padding:var(--y-m) var(--x-m)}.spec-grid{grid-template-columns:1fr 1fr}.design-table{font-size:.875rem;line-height:1.25rem}.design-table th,.design-table td{padding:var(--y-m) var(--x-s)}}
@media(max-width:480px){.type-grid,.steps,.form-grid,.choice-grid,.summary-data{grid-template-columns:1fr}.field.full{grid-column:auto}.footer-grid{grid-template-columns:1fr}.brand-name small{font-size:.5625rem}.header-tools{margin-left:auto}.brief-sidebar li{font-size:.6875rem}.compare td{grid-template-columns:1fr;gap:var(--y-s)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.site-header,.footer,.mobile-cta,.brief-sidebar,.form-actions,.skip{display:none!important}dialog[open]{position:static;width:100%;max-height:none;box-shadow:none}dialog::backdrop{display:none}.brief-layout{display:block}.brief-form{padding:0}body:has(dialog[open])>main{display:none}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
fieldset.choice-grid{margin:0;padding:0;border:0;min-width:0}

.field input,.field select,.field textarea,.button.outline,.theme-toggle,.menu-toggle,.close-button{border-color:var(--control)}
[data-theme=dark] .button:not(.lime){border-color:var(--control)}

.article-body>div:last-child{max-width:80ch;min-width:0}.section-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--y-s) var(--x-m);align-items:center}.section-head>div{display:contents}.section-head .eyebrow{grid-column:1/-1;margin:0}.section-head h2{grid-column:1;grid-row:2}.section-head>.text-link{grid-column:2;grid-row:2;align-self:center}.section-head>p{grid-column:1/-1;max-width:65ch}.design-table{background:var(--white)}.form-actions{flex-wrap:wrap}.field-error{font-size:.875rem;line-height:1.25rem;color:#a02e24}.form-error a{text-decoration:underline;color:inherit}.form-error ul{padding-left:var(--x-l);margin:var(--y-s) 0 0}
@media(max-width:720px){.section-head{grid-template-columns:1fr}.section-head>.text-link{grid-column:1;grid-row:3;justify-self:start}.section-head>p{grid-row:4}}
@media(max-height:600px){.dialog-top{position:static}}
[data-theme=dark] .field-error{color:#ffb3a8}

.footer-group{border:0}.footer-group summary{padding:var(--y-s) var(--x-l) var(--y-s) 0;min-height:44px}.footer-group summary h2{margin:0}.footer-group summary:after{top:.25rem;color:#dced69}.footer a:not(.brand){min-height:44px;display:flex;align-items:center}.brand{min-height:44px}.scheme-wrap{background:#e9ede3;border-radius:var(--radius)}.form-actions{position:sticky;bottom:0;z-index:2;background:var(--paper);padding-bottom:var(--y-m)}
@media(max-height:600px){.form-actions{position:static}}

/* Owner-supplied identity; original PNG is displayed without recolouring or distortion. */
.brand{width:14rem;max-width:100%;padding:var(--y-s) var(--x-s);border-radius:.4rem;background:#f6f7f2;min-width:0}
.site-header .brand{flex:0 1 14rem}
.brand-logo{display:block;width:100%;height:auto;object-fit:contain;aspect-ratio:298/88}
.related a>span:first-child{min-width:0}.related a strong{display:block;font-weight:600;color:var(--ink)}
.related a small{display:block;margin-top:var(--y-s);font-size:.875rem;line-height:1.25rem;color:var(--muted)}.section-links{margin-top:var(--y-m)}
@media(max-width:720px){.site-header .brand{width:10rem;flex-basis:10rem}}

/* Landscape construction scenes */
.scheme-wrap{aspect-ratio:auto;margin-top:var(--y-m)}.construction-scene img{height:auto;aspect-ratio:3/2;object-fit:contain}.diagram-detail{max-width:48rem;width:100%;margin-top:var(--y-m)}


.research-block h2{max-width:38ch}.research-intro{max-width:74ch;margin-top:var(--y-s);margin-bottom:var(--y-m)}.research-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--y-m) var(--x-m)}.research-card{display:flex;flex-direction:column;min-width:0;padding:var(--y-m) var(--x-m);background:var(--white);border:1px solid var(--line);border-radius:var(--radius)}.research-card>.number{color:var(--link);font-size:.875rem;line-height:1.25rem}.research-card h3{font-size:1.25rem;line-height:1.75rem;margin:var(--y-s) 0}.research-card p{font-size:.9375rem;line-height:1.5rem}.research-card .text-link{margin-top:auto;padding-top:var(--y-m);font-size:.875rem;line-height:1.25rem;min-height:44px;white-space:normal}.research-all{margin-top:var(--y-m);min-height:44px}.research-block+.research-block{border-top:1px solid var(--line)}
@media(min-width:1100px){.research-block.container .research-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:720px){.research-grid{grid-template-columns:1fr}}

@media(min-width:901px){.side-nav{max-height:calc(100dvh - 8rem);overflow-y:auto;overscroll-behavior:contain;padding-right:var(--x-s)}}

/* R5: theme-aware identity, focused card hover, and contact forms. */
.brand{padding:0;background:transparent;border-radius:0;width:14rem}.brand-logo{aspect-ratio:600/128;width:100%;height:auto;object-fit:contain}.brand .logo-dark{display:none}[data-theme=dark] .brand .logo-light{display:none}[data-theme=dark] .brand .logo-dark{display:block}.footer .brand .logo-light{display:none}.footer .brand .logo-dark{display:block}.header-contact-row{display:flex;justify-content:flex-end;padding-top:var(--y-s);font-size:.875rem;line-height:1.25rem}.header-contact-row .contact-email{min-height:1.5rem;overflow-wrap:anywhere}.header-inner{min-height:4.5rem}.site-header .brand{flex:0 1 14rem}.contact-email{overflow-wrap:anywhere}.footer .contact-email{font-size:.875rem}.hero-bottom>div{align-items:flex-start}.hero-bottom svg{width:2.5rem;height:2.5rem;padding:.25rem;background:var(--soft);color:var(--link);border-radius:.4rem}.hero-bottom strong{font-size:1rem;line-height:1.5rem}.hero-bottom small{font-size:.875rem;line-height:1.25rem;margin-top:var(--y-s);max-width:30ch}
:is(.type-card,.link-card,.article-card,.related a):is(:hover,:focus-visible){text-decoration:none}:is(.type-card,.link-card,.article-card):is(:hover,:focus-visible) :is(h2,h3),.related a:is(:hover,:focus-visible) strong{text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1px}.task-button:hover span:not(.number){text-decoration:underline;text-underline-offset:.2em}
.cta-contact{display:flex;flex-direction:column;align-items:flex-end;gap:var(--y-m);min-width:0}.project-cta .contact-email{color:#222c28;font-size:.875rem;text-decoration:underline;text-underline-offset:.2em}.contact-dialog{width:min(44rem,calc(100% - 2rem))}.contact-form{padding:var(--y-s) var(--x-m)}.contact-form>p:first-child{margin-bottom:var(--y-s)}.contact-form .optional{font-size:.75rem;color:var(--muted)}.contact-consent{display:flex;gap:var(--x-s);align-items:flex-start;margin-top:var(--y-s);min-height:44px;font-size:.875rem;line-height:1.25rem}.contact-consent input{width:1.125rem;height:1.125rem;accent-color:#52630e;flex:none;margin:0}.contact-consent a{text-decoration:underline;text-underline-offset:.15em}.contact-status:empty{display:none}.contact-status{margin-top:var(--y-m);padding:var(--y-m) var(--x-m);background:var(--soft);color:var(--ink);border-radius:.4rem;font-size:.875rem;line-height:1.5rem;overflow-wrap:anywhere}.contact-status[data-state=error]{border-left:3px solid #a02e24}.contact-status[data-state=success]{border-left:3px solid var(--link)}.contact-form-actions{display:flex;flex-wrap:wrap;gap:var(--x-s);margin-top:var(--y-s)}.contact-fallback{font-size:.875rem;line-height:1.25rem;margin-top:var(--y-s)}.contact-fallback a{display:inline;margin:0}.contact-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.brief-send{margin-top:var(--y-m)}.brief-send:has([hidden]){display:none}html{scroll-padding-top:9rem}@media(min-width:901px){.side-nav{top:9rem;max-height:calc(100dvh - 10rem)}}
@media(max-width:900px){.cta-contact{align-items:flex-start}}
@media(max-width:720px){.site-header .brand{width:11rem;flex:0 1 11rem}.header-contact-row{justify-content:flex-start;font-size:.75rem;line-height:1.125rem}.header-inner{flex-wrap:nowrap;gap:var(--x-s)}.header-tools{gap:var(--x-s)}.contact-form{padding:var(--y-s) var(--x-m)}.hero-bottom svg{width:2.5rem;height:2.5rem}.hero-bottom small{max-width:none}.cta-contact{width:100%}.project-cta .contact-email{font-size:.75rem}.contact-form-actions .button{width:100%}}
@media(max-width:360px){.site-header .brand{width:10rem;flex-basis:10rem}}

/* R6: compact contact dialog and verified company contacts. */
.contact-dialog .dialog-top{padding:var(--y-s) var(--x-m)}.contact-form .form-grid{gap:var(--y-s) var(--x-m)}.contact-form .field textarea{height:6rem;min-height:6rem}.contact-form .optional{white-space:nowrap}.contact-dialog .contact-status{margin-top:var(--y-s);padding:var(--y-s) var(--x-m)}.header-contact-row{gap:0 var(--x-m);flex-wrap:wrap;align-items:center}.header-contact-row a{min-height:1.5rem}.contact-phone{white-space:nowrap;font-variant-numeric:tabular-nums}.footer-contacts{font-style:normal;font-size:.875rem;line-height:1.25rem}.footer-contacts a{overflow-wrap:anywhere}.contacts-hero{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:var(--y-m) var(--x-l);padding-top:var(--y-m);padding-bottom:var(--y-m)}.contacts-hero h1{max-width:16ch}.contacts-hero .lead{margin-top:var(--y-s);max-width:42ch}.contacts-hero .eyebrow{margin-bottom:var(--y-s)}.contacts-hero>.scene{align-self:center}.contact-channel-list{display:grid;gap:var(--y-s);margin:var(--y-m) 0 0}.contact-channel-list>div{display:grid;grid-template-columns:11rem minmax(0,1fr);column-gap:var(--x-m);align-items:baseline}.contact-channel-list dt{font-size:.875rem;line-height:1.25rem;color:var(--muted)}.contact-channel-list dd{margin:0;font-weight:600;overflow-wrap:anywhere}.contact-channel-list a{display:inline-block;min-height:44px;padding:var(--y-s) 0}.contacts-sections{display:flex;gap:var(--y-s) var(--x-l);flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.contacts-sections a{display:flex;align-items:center;min-height:44px;padding:var(--y-s) 0;font-size:.875rem;font-weight:600}.contacts-section{padding-top:var(--y-l);padding-bottom:var(--y-l)}.production-stages{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--y-m) var(--x-m);margin:0;padding:0}.production-stages li{padding:var(--y-m) var(--x-m);background:var(--white);border:1px solid var(--line);border-radius:var(--radius);min-width:0}.production-stages .number{color:var(--link);font-size:.875rem}.production-stages h3{font-size:1.25rem;line-height:1.75rem;margin:var(--y-s) 0}.production-stages p{font-size:.9375rem;line-height:1.5rem}.production-followup{display:flex;flex-wrap:wrap;align-items:center;gap:var(--y-s) var(--x-m);margin-top:var(--y-m)}.production-followup p{flex-basis:100%;max-width:76ch}.contacts-details{display:grid;grid-template-columns:1fr 1fr;gap:var(--y-m) var(--x-m)}.contacts-panel{min-width:0;background:var(--soft);padding:var(--y-m) var(--x-m);border-radius:var(--radius)}.contacts-panel h2{font-size:1.5rem;line-height:2rem}.contacts-panel .company-name{font-size:1.125rem;font-weight:600;color:var(--ink);margin-top:var(--y-m)}.company-identifiers{display:grid;gap:var(--y-s);margin:var(--y-m) 0}.company-identifiers>div{display:grid;grid-template-columns:4rem minmax(0,1fr);gap:var(--x-m)}.company-identifiers dt{color:var(--muted)}.company-identifiers dd{margin:0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.contact-source{font-size:.875rem;line-height:1.25rem}.contact-source a{text-decoration:underline;text-underline-offset:.2em}.contacts-panel ul{padding-left:var(--x-m);margin:var(--y-m) 0}.contacts-panel li+li{margin-top:var(--y-s)}.contacts-related{padding-bottom:var(--y-l)}
@media(max-width:1150px){.contact-channel-list>div{grid-template-columns:1fr;gap:0}.contact-channel-list a{padding:0;min-height:32px}.production-stages{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.contacts-hero{grid-template-columns:1fr}.contacts-hero>.scene{max-width:44rem;justify-self:center}.contacts-hero h1{max-width:none}.contacts-details{grid-template-columns:1fr}.contact-channel-list>div{grid-template-columns:11rem minmax(0,1fr);gap:0 var(--x-m)}}
@media(max-width:720px){.header-contact-page{display:none}.header-contact-row{justify-content:flex-start;gap:0 var(--x-m)}.contacts-hero{padding-top:var(--y-s)}.contacts-section{padding-top:var(--y-l);padding-bottom:var(--y-l)}}
@media(max-width:480px){.contact-channel-list>div{grid-template-columns:1fr}.contact-channel-list a{min-height:44px;padding:var(--y-s) 0}.production-stages{grid-template-columns:1fr}.contacts-sections{gap:0 var(--x-m)}}

/* R7: whole-card navigation and the solutions directory. */
.production-stages li{padding:0;background:transparent;border:0;display:flex}
.production-card{display:block;width:100%;padding:var(--y-m) var(--x-m);background:var(--white);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink)}
:is(.production-card,.solution-card,.selection-card,.research-card[href]):is(:hover,:focus-visible){border-color:var(--link);text-decoration:none}
:is(.production-card,.solution-card,.selection-card,.research-card[href]):is(:hover,:focus-visible) :is(h2,h3){text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1px}
.research-card[href]{color:var(--ink);text-decoration:none}
.research-card-action{display:block;color:var(--link);font-size:.875rem;line-height:1.25rem;margin-top:auto;padding-top:var(--y-m)}
.production-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--y-s) var(--x-m);padding-top:var(--y-m);border-top:1px solid var(--line)}
.production-navigation>.text-link{grid-column:1/-1;justify-self:start;min-height:44px;display:flex;align-items:center}
.stage-link{display:flex;flex-direction:column;gap:var(--y-s);padding:var(--y-m) var(--x-m);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink)}
.stage-link span{font-size:.875rem;line-height:1.25rem;color:var(--muted)}
.stage-link:is(:hover,:focus-visible){text-decoration:none;border-color:var(--link)}
.stage-link:is(:hover,:focus-visible) strong{text-decoration:underline;text-underline-offset:.2em}
.solutions-hero{padding-top:var(--y-m);padding-bottom:var(--y-m)}
.solution-sections{display:flex;flex-wrap:wrap;gap:0 var(--x-l);border-block:1px solid var(--line)}
.solution-sections a{display:flex;align-items:center;min-height:44px;padding:var(--y-s) 0;font-size:.875rem;font-weight:600}
.solution-group,.solution-selection,.solution-use{padding-top:var(--y-l)}
.solution-grid,.selection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--y-m) var(--x-m)}
.solution-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);color:var(--ink)}
.solution-card>.scene{border:0;border-radius:var(--radius) var(--radius) 0 0;margin:0}
.solution-card-body{display:flex;flex-direction:column;flex:1;padding:var(--y-m) var(--x-m);gap:var(--y-s)}
.solution-card h3,.selection-card h3{font-size:1.25rem;line-height:1.75rem}
.solution-card-meta{display:block;margin-top:auto;padding-top:var(--y-s);font-size:.875rem;line-height:1.25rem;color:var(--link)}
.selection-card{padding:var(--y-m) var(--x-m);border:1px solid var(--line);border-radius:var(--radius);background:var(--soft);color:var(--ink)}
.selection-card p{margin-top:var(--y-s)}
/* R8: prices, verified catalogue configurations and contextual selection. */
.price-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--y-s) var(--x-m);margin-top:var(--y-m);max-width:42rem}.price-line strong{color:var(--ink);font-size:1.5rem;line-height:2rem;white-space:nowrap}.price-line span{flex-basis:100%;font-size:.875rem;line-height:1.25rem}.price-line a{font-size:.875rem;line-height:1.25rem;min-height:44px;display:inline-flex;align-items:center}
.configuration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--y-m) var(--x-m);margin-top:var(--y-m)}.section.catalog-configurations .configuration-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.configuration-card{display:flex;flex-direction:column;gap:var(--y-s);min-width:0;padding:var(--y-m) var(--x-m);border:1px solid var(--line);border-radius:var(--radius);background:var(--white);color:var(--ink);text-decoration:none}.configuration-card h3{font-size:1.25rem;line-height:1.75rem}.configuration-card dl{margin:0;font-size:.875rem;line-height:1.25rem}.configuration-card dl div{display:flex;justify-content:space-between;gap:var(--x-m);padding:var(--y-s) 0;border-bottom:1px solid var(--line)}.configuration-card dt{color:var(--muted)}.configuration-card dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.configuration-action{font-size:.875rem;line-height:1.25rem;color:var(--link);padding-top:var(--y-s);margin-top:auto}.configuration-card:is(:hover,:focus-visible){text-decoration:none;border-color:var(--link)}.configuration-card:is(:hover,:focus-visible) h3{text-decoration:underline;text-underline-offset:.2em}.catalog-intro{margin-top:var(--y-s);max-width:74ch}.catalog-terms{font-size:.875rem;line-height:1.25rem;margin-top:var(--y-m);max-width:92ch}.catalog-configurations>.actions{margin-top:var(--y-m)}
.route-journey ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--y-m) var(--x-l);padding-left:var(--x-l)}.route-journey li+li{margin-top:0}.route-journey li span{display:block;font-size:.875rem;line-height:1.25rem;margin-top:var(--y-s)}.route-journey li a{font-weight:600;display:inline-block;min-height:44px}
.document-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--y-m) var(--x-m);margin:var(--y-m) 0}.document-link{display:flex;flex-direction:column;gap:var(--y-s);padding:var(--y-m) var(--x-m);border:1px solid var(--line);border-radius:var(--radius);background:var(--white);text-decoration:none!important}.document-link strong{color:var(--ink)}.document-link span{font-size:.875rem;line-height:1.25rem;color:var(--muted)}.document-link:is(:hover,:focus-visible) strong{text-decoration:underline;text-underline-offset:.2em}.footer-legal{font-size:.75rem;line-height:1.125rem;margin-top:var(--y-m);padding-top:var(--y-m);border-top:1px solid var(--line)}
@media(max-width:900px){.section.catalog-configurations .configuration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.configuration-grid,.section.catalog-configurations .configuration-grid,.document-links,.route-journey ol{grid-template-columns:1fr}.configuration-card dd{overflow-wrap:anywhere}.price-line{gap:var(--y-s) var(--x-s)}}
.solution-use>p{max-width:80ch;margin-top:var(--y-s)}
.solution-use .section-links{display:flex;flex-wrap:wrap;gap:var(--y-s) var(--x-m);margin-top:var(--y-m)}
.solution-use .section-links a{display:flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:.2em}
.solutions-related{padding-bottom:var(--y-l)}
@media(max-width:1024px){.solution-grid,.selection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.solution-grid,.selection-grid,.production-navigation{grid-template-columns:1fr}.solution-sections{gap:0 var(--x-m)}}