.site-header nav a[aria-current="page"]{color:#97733d}.screens-main{max-width:1224px;margin:auto;padding:35px 0 65px}.screens-breadcrumb{display:flex;gap:12px;align-items:center;font-size:10px;color:#92968e}.screens-breadcrumb a{color:#5e6b57}.screens-heading{text-align:center;padding:42px 0 24px}.screens-heading .eyebrow{color:#9c7a42;font-size:9px;letter-spacing:1.8px}.screens-heading h1{font-size:29px;font-weight:500;letter-spacing:1.4px;line-height:1.4;margin:14px 0 16px}.screens-heading>p:last-child{font-size:11px;line-height:1.9;color:#808678}.system-filters{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin:15px 0 30px}.system-filters button{font-size:10px;text-transform:uppercase;font-weight:600;letter-spacing:1.2px;padding:12px 18px;background:transparent;border:1px solid #a4aa9b;color:#747f6b;min-height:41px;transition:.2s}.system-filters button:hover{color:#273022;border-color:#5e6a54}.system-filters button[aria-pressed="true"]{background:#c8a56a;border-color:#c8a56a;color:#252d21}.screens-results-line{display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#92998b;margin-bottom:24px;padding-top:10px;border-top:1px solid #e9ece3}.screens-results-line>span:first-child{color:#69745f}.screens-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 30px}.screen-card{display:block;background:#fff;padding:0;min-width:0;text-align:center;border:1px solid transparent}.screen-card-image{display:block;width:100%;aspect-ratio:3/4;position:relative;overflow:hidden;background:#fff}.screen-card-image img{width:100%;height:100%;object-fit:contain;transition:transform .25s}.screen-card:hover .screen-card-image img{transform:scale(1.035)}.screen-open{position:absolute;right:19px;bottom:17px;width:31px;height:31px;display:grid;place-items:center;border:1px solid #cbd2bf;border-radius:50%;font-size:16px;background:#fffffff0;color:#59684a}.screen-card-title{display:block;font-size:14px;line-height:1.7;font-weight:500;letter-spacing:.25px;margin:17px 10px 5px}.screen-card:hover .screen-card-title{text-decoration:underline;text-underline-offset:5px}.screen-card-family{display:block;font-size:9px;line-height:1.7;color:#707b63}.screens-reference-note{font-size:9px;line-height:1.9;text-align:center;color:#6d7762;padding-top:27px;margin-top:40px;border-top:1px solid #e7ebdf}.screen-project-banner{max-width:1224px;margin:0 auto 65px;padding:35px 42px;background:#ede3cf;border-radius:21px;display:flex;justify-content:space-between;align-items:center;gap:35px}.screen-project-banner .eyebrow{font-size:8px;color:#8f744c}.screen-project-banner h2{font-size:26px;letter-spacing:-.8px;margin:11px 0}.screen-project-banner p:not(.eyebrow){font-size:11px;line-height:1.9;color:#6f725f}.screen-project-banner .button{border-radius:6px;white-space:nowrap;font-size:9px;flex-shrink:0}.system-dialog{width:min(1000px,calc(100% - 40px));padding:40px;max-height:calc(100dvh - 40px);background:white}.system-dialog-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:45px;align-items:center}.system-large-view{min-width:0}.system-zoom{display:block;width:100%;height:510px;overflow:hidden;position:relative;background:#fff;padding:0;cursor:zoom-in}.system-zoom img{width:100%;height:100%;object-fit:contain;transition:transform .25s}.system-zoom[aria-pressed="true"]{cursor:zoom-out}.system-zoom[aria-pressed="true"] img{transform:scale(1.75)}.system-zoom>span{position:absolute;right:12px;bottom:12px;background:#f1f3e9;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:23px;color:#667358}.system-image-note{font-size:8px;text-align:center;color:#707b63;margin-top:12px}.system-detail>.eyebrow{font-size:8px;color:#9b7d49}.system-detail h2{font-size:27px;letter-spacing:-.7px;line-height:1.45;margin:15px 0 25px}.system-detail dl{margin:0}.system-detail dl>div{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;font-size:11px;line-height:1.8;padding:14px 0;border-top:1px solid #e4e8dc}.system-detail dt{color:#8c9581}.system-detail dd{margin:0;text-align:right;color:#4d5d3e}.system-detail-description{font-size:11px;color:#738064;line-height:1.95;margin-top:19px}.system-detail-note{font-size:9px;line-height:1.9;color:#727d64;margin-top:17px}.system-detail>.button{width:100%;font-size:10px;border-radius:6px;margin-top:23px}.system-detail>.fine-print{font-size:9px;margin-top:10px}.system-detail-navigation{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:9px;color:#828e73;margin-top:20px}.system-detail-navigation button{width:30px;height:30px;border-radius:50%;background:#edf1e4;font-size:15px}
@media(max-width:1350px){.screens-main{padding-inline:5%}.screen-project-banner{margin-inline:5%}}
@media(max-width:900px){.screens-grid{gap:32px 23px}.system-filters{gap:9px}.system-filters button{padding:11px 13px;font-size:9px;letter-spacing:.7px}.screen-card-title{font-size:12px}.system-dialog{padding:32px}.system-dialog-grid{gap:25px}.system-zoom{height:430px}.system-detail h2{font-size:23px}.screen-project-banner{padding:30px;gap:25px}}
@media(max-width:760px){.screens-main{padding:25px 6% 40px}.screens-breadcrumb{font-size:8px;gap:10px}.screens-heading{padding:32px 0 20px}.screens-heading h1{font-size:25px;letter-spacing:.7px;margin:11px 0}.screens-heading .eyebrow{font-size:8px}.screens-heading>p:last-child{font-size:10px}.system-filters{gap:9px;margin:8px 0 25px;justify-content:center}.system-filters button{padding:10px 12px;font-size:8px;letter-spacing:.5px;min-height:38px}.screens-results-line{font-size:8px;line-height:1.8;gap:15px;margin-bottom:15px}.screens-results-line>span:last-child{text-align:right;max-width:160px}.screens-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 14px}.screen-card-title{font-size:10px;line-height:1.8;margin:12px 2px 4px}.screen-card-family{font-size:8px}.screen-open{width:25px;height:25px;font-size:13px;right:8px;bottom:8px}.screens-reference-note{font-size:8px;margin-top:30px;padding-top:20px}.screen-project-banner{margin:0 6% 45px;padding:26px;flex-direction:column;align-items:flex-start;gap:20px;border-radius:17px}.screen-project-banner h2{font-size:24px}.screen-project-banner p:not(.eyebrow){font-size:10px}.screen-project-banner .button{font-size:9px;min-height:43px}.system-dialog{width:calc(100% - 26px);padding:35px 22px 25px;border-radius:14px;max-height:calc(100dvh - 26px)}.system-dialog-grid{grid-template-columns:1fr;gap:22px}.system-zoom{height:42dvh;min-height:220px}.system-detail h2{font-size:23px;margin:12px 0 20px}.system-detail dl>div{font-size:10px}.system-detail-description{font-size:10px}.system-detail-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){.system-filters button,.screen-card-image img,.system-zoom img{transition:none}}