/* WWW46 functional portfolio and front comparison. */
#fronten-gallery .fp-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px}
#fronten-gallery .fp-filters[hidden],#fronten-gallery .fp-card[hidden],#ff-comparator[hidden]{display:none!important}
#fronten-gallery .fp-filters button{border:1px solid #ccc;background:#fff;color:#303030;padding:10px 16px;cursor:pointer;border-radius:2px;font:600 14px/1.5 Arial,sans-serif}
#fronten-gallery .fp-filters button[aria-pressed=true]{background:#b5242d;border-color:#b5242d;color:#fff}
#fronten-gallery .fp-summary{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;border-top:1px solid #dedede;padding:18px 0;color:#606060;font-size:13px}
#fronten-gallery .fp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 26px}
#fronten-gallery .fp-card{min-width:0;padding-bottom:24px;border-bottom:1px solid #dedede;display:flex;flex-direction:column;scroll-margin-top:110px}
#fronten-gallery .fp-cover{display:block;color:#242424;text-decoration:none;font:inherit}
#fronten-gallery .fp-cover img{display:block;width:100%;height:260px;object-fit:contain;background:#f4f4f4}
#fronten-gallery .fp-meta{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#606060;margin:18px 0 10px}
#fronten-gallery .fp-card h2{font:600 24px/1.22 Arial,sans-serif;letter-spacing:-.3px;margin:0 0 12px;text-align:left}
#fronten-gallery .fp-card p{font-size:15px;line-height:1.65;margin:0}
#fronten-gallery .fp-view{display:inline-block;margin:14px 0 18px;color:#a81e27;text-decoration:underline;text-underline-offset:4px;font-size:14px}
#fronten-gallery .fp-mail{display:inline-block;border:1px solid #b5242d;color:#a81e27;padding:10px 15px;text-decoration:none;font:600 14px/1.5 Arial,sans-serif;align-self:flex-start;margin-top:auto}
#fronten-gallery .fp-mail:hover{background:#b5242d;color:#fff}
#fronten-gallery .fp-dialog{width:min(1180px,94vw);max-height:92vh;overflow:auto;background:#fff;border:0;padding:0}
#fronten-gallery .fp-top{position:sticky;top:0;background:white;z-index:2;display:flex;gap:20px;align-items:center;justify-content:space-between;border-bottom:1px solid #dedede;padding:16px 24px}
#fronten-gallery .fp-top span{font-size:13px;color:#606060}
#fronten-gallery .fp-close{font:600 14px Arial,sans-serif;padding:12px 16px;background:#fff;border:1px solid #999;cursor:pointer}
#fronten-gallery .fp-pane{padding:30px}
#fronten-gallery .fp-pane h2{font-size:clamp(26px,4vw,42px)}
#fronten-gallery .fp-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:28px 0}
#fronten-gallery .fp-media figure{margin:0;min-width:0}
#fronten-gallery .fp-media img{display:block;max-height:65vh;width:100%;height:auto;object-fit:contain;background:#f5f5f5}
#fronten-gallery .fp-media figcaption{font-size:13px;color:#606060;margin-top:10px}
#fronten-gallery .fp-note{font-size:13px;margin-top:14px;max-width:600px}
#fronten-gallery .fp-business{margin:32px 0 56px;padding:28px;background:#f4f4f4;border-left:3px solid #b5242d}
#fronten-gallery .fp-business h2{font-size:28px}
#fronten-gallery .fp-business a{color:#a81e27;text-underline-offset:4px}
#fronten-gallery a:focus-visible,#fronten-gallery button:focus-visible,#ff-comparator :focus-visible{outline:3px solid #b5242d;outline-offset:4px}
#ff-comparator{margin:32px 0;padding:28px;background:#f4f4f4;border-left:3px solid #b5242d;scroll-margin-top:120px}
#ff-comparator .fc-selectors,#ff-comparator .fc-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#ff-comparator label{display:block;font-weight:bold;font-size:14px}
#ff-comparator select{display:block;width:100%;max-width:100%;font:16px/1.5 Arial,sans-serif;padding:12px;margin:8px 0 22px;background:#fff;color:#242424;border:1px solid #999}
#ff-comparator .fc-results article{padding:24px;background:#fff;min-width:0}
#ff-comparator .fc-results h3{font-size:24px}
#ff-comparator dl{margin:18px 0}
#ff-comparator dt{font-weight:bold;margin:16px 0 4px;font-size:14px}
#ff-comparator dd{margin:0;font-size:15px}
#ff-comparator .fc-status{font-size:14px;margin:12px 0 22px}
#ff-comparator .fc-mail{display:inline-block;margin-top:24px}
@media(max-width:1000px){#fronten-gallery .fp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){#fronten-gallery .fp-grid,#fronten-gallery .fp-media,#ff-comparator .fc-selectors,#ff-comparator .fc-results{grid-template-columns:1fr}#fronten-gallery .fp-grid{gap:30px}#fronten-gallery .fp-cover img{height:290px}#fronten-gallery .fp-pane{padding:20px}#fronten-gallery .fp-top{padding:12px 16px}#fronten-gallery .fp-filters button{font-size:13px;padding:10px 12px}#ff-comparator{padding:20px}#ff-comparator .fc-selectors{gap:0}#ff-comparator .fc-results article{padding:18px}#fronten-gallery .fp-business{padding:22px}}
@media(prefers-reduced-motion:reduce){#fronten-gallery *{scroll-behavior:auto!important}}

#fronten-gallery h1{text-align:left;font-size:clamp(36px,4.8vw,64px)}#fronten-wardrobe .fw-realizations img{display:block;width:100%;height:320px;object-fit:contain;background:#f5f5f5;margin-bottom:22px}#fronten-wardrobe .fw-realizations a{color:inherit;text-decoration:none}#fronten-wardrobe .fw-realizations .fa-link{color:#a81e27;text-decoration:underline}

#fronten-wardrobe .fw-realizations .fa-cards{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:800px){#fronten-wardrobe .fw-realizations .fa-cards{grid-template-columns:1fr}}