/* Integrated visual product board. The home DNA retains its quick-entry role. */
body[data-state=map] .scene{height:auto;min-height:calc(100svh - 80px);max-height:none;overflow:visible;padding-bottom:45px}
body[data-state=map] .scene-bottom,body[data-state=map] .rings,body[data-state=map] .technical-field,body[data-state=map] .horizon,body[data-state=map] .detail-field{display:none!important}
body[data-state=map] .scene:before,body[data-state=map] .scene:after{opacity:.045;pointer-events:none}
#productBoard{position:relative;z-index:5;max-width:1550px;margin:0 auto;padding:28px 5.5% 45px;color:#294a3c}
#productBoard[hidden]{display:none!important}
#productBoard button,#productBoard input,#productBoard select{font:inherit;color:inherit}
#productBoard button:focus-visible,#productBoard input:focus-visible,#productBoard select:focus-visible{outline:2px solid #5b8b6b;outline-offset:4px}
#productBoard .board-kicker{font-size:9px;letter-spacing:.17em;color:#7a9380;margin:0 0 15px}
.board-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:28px}
#productBoard h1{font-size:clamp(32px,3.2vw,48px);font-weight:500;line-height:1.3;margin:0 0 12px;letter-spacing:-.03em}
.board-lede{font-size:12px;color:#7d9180;line-height:1.9;max-width:620px;margin:0}
.board-overview{display:flex;gap:30px;padding-bottom:8px}
.board-overview strong{font:32px Georgia,serif;display:block}.board-overview span{display:block;color:#819482;font-size:9px;margin-top:8px;white-space:nowrap}
.board-categories{display:flex;gap:8px;padding-bottom:15px;border-bottom:1px solid #b8cbba}
#productBoard .board-categories button{border:1px solid #bfcebf;padding:10px 17px;font-size:11px;min-height:38px}
#productBoard button[aria-pressed=true]{background:#e7eee3;border-color:#82a48b;color:#315b40}
#productBoard .board-categories small{font-size:10px;margin-left:8px;color:#7b9280}
.board-shelf{display:grid;grid-template-columns:210px minmax(0,1fr);gap:35px;margin:35px 0 45px;align-items:center}
#productBoard h2{font-size:23px;font-weight:500;line-height:1.45;margin:0}
#productBoard .board-caption>p:not(.board-kicker){font-size:11px;color:#819380;line-height:1.9;margin:17px 0}
#productBoard #boardQuick{font-size:10px;border-bottom:1px solid #b7c9b9;padding:7px 0}
.board-pager{display:flex;align-items:center;gap:14px;margin-top:25px}
#productBoard .board-pager button{width:29px;height:29px;border:1px solid #c0cebd;font-size:13px}
.board-pager button:disabled{opacity:.25;cursor:default}.board-pager span{font-size:9px;color:#7d9280;font-variant-numeric:tabular-nums}
.board-featured{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-self:stretch}
#productBoard .board-feature{position:relative;text-align:left;padding:17px 16px 15px;border:1px solid #c3d1bf;background:linear-gradient(155deg,#eff3e965,#fafaf322);min-width:0;transition:transform .3s,border-color .3s;animation:board-appear .4s both;animation-delay:calc(var(--order)*65ms)}
.board-feature-index{font:8px ui-monospace,monospace;letter-spacing:.1em;color:#96aa96}
.board-art{display:grid;place-items:center;overflow:hidden;height:160px}
.board-art img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;min-height:0}
body[data-state=map] .board-feature .board-art img{animation:board-float 8s ease-in-out infinite;animation-delay:calc(var(--order)*-2s);padding:6px}
#productBoard .board-feature strong{display:flex;justify-content:space-between;gap:8px;font-size:16px;font-weight:500;margin-top:15px;overflow-wrap:anywhere}
.board-feature strong i{font-style:normal;font-size:13px}.board-feature>small{display:block;font-size:9px;color:#7e9280;line-height:1.6;margin-top:6px;min-height:29px;overflow-wrap:anywhere}
.board-source{font-size:8px;color:#849781;line-height:1.7;display:block;margin-top:7px}.board-pending{font-size:10px;color:#8da08b;letter-spacing:.12em}
.board-catalog-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;border-bottom:1px solid #becdbc;padding-bottom:17px}
#productBoard .board-catalog-head h2{font-size:21px}#boardResult{font-size:10px;color:#7a917d;white-space:nowrap}
.board-filters{display:flex;align-items:flex-end;gap:16px;margin:22px 0}
.board-filters label{display:grid;gap:7px;font-size:9px;color:#7e927f}
#productBoard .board-filters input,#productBoard .board-filters select{border:1px solid #c2d0be;background:transparent;border-radius:0;height:38px;padding:8px 11px;font-size:11px;min-width:200px;max-width:280px}
.board-mode{margin-left:auto;display:flex;gap:5px}
#productBoard .board-mode button{border:1px solid #c2d0be;padding:10px;font-size:10px}
.board-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#productBoard .board-card{display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:19px;border:1px solid #c5d1c0;background:#fafaf538;min-width:0;transition:transform .25s,border-color .25s,background .25s}
.board-card .board-art{height:165px;border-bottom:1px solid #d2dccb;padding-bottom:14px;margin-bottom:5px}.board-family{font-size:9px;color:#7b917c;margin:13px 0 8px}
#productBoard .board-card h3{font-size:18px;font-weight:500;margin:0 0 8px;overflow-wrap:anywhere}
.board-card>p{font-size:10px;line-height:1.65;color:#829580;margin:0 0 18px;min-height:33px;overflow-wrap:anywhere}
.board-card-foot{margin-top:auto;display:flex;justify-content:space-between;gap:10px;font-size:9px;line-height:1.6;border-top:1px solid #d3ddce;padding-top:12px}.board-card-foot span:last-child{color:#79917d}
.board-note,#boardEmpty{font-size:10px;color:#839781;line-height:1.9;margin:25px 0}
@media(hover:hover){#productBoard .board-feature:hover,#productBoard .board-card:hover{transform:translateY(-3px);border-color:#70947b;background:#edf2e55c}.board-feature:hover .board-art img{animation-play-state:paused}}
@keyframes board-float{0%,100%{transform:translateY(2px)}50%{transform:translateY(-3px)}}
@keyframes board-appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
#productBoard.board-paused *{animation-play-state:paused!important}
@media(max-width:1050px){.board-shelf{grid-template-columns:175px minmax(0,1fr);gap:20px}.board-art{height:135px}.board-featured{gap:10px}.board-overview{gap:17px}.board-filters{flex-wrap:wrap}.board-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){#productBoard{padding:15px 6% 20px}.board-intro{display:block}.board-overview{margin-top:22px;gap:34px}.board-overview strong{font-size:27px}.board-categories{gap:6px}#productBoard .board-categories button{padding:9px 10px;font-size:10px}#productBoard .board-categories small{margin-left:3px;font-size:9px}.board-shelf{display:block;margin-top:26px}.board-caption h2 br{display:none}.board-featured{margin-top:20px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}#productBoard .board-feature{padding:9px 7px}.board-feature-index{font-size:6px}.board-art{height:92px}#productBoard .board-feature strong{font-size:12px;display:block;line-height:1.6}.board-feature strong i{margin-left:6px}.board-feature>small{font-size:8px}.board-source{font-size:8px}.board-pager{margin-top:15px}#productBoard h2{font-size:21px}.board-filters label{flex:1;min-width:110px}#productBoard .board-filters input,#productBoard .board-filters select{min-width:0;max-width:100%;width:100%}.board-mode{margin-left:0;width:100%}.board-grid{gap:10px}#productBoard .board-card{padding:12px}.board-card .board-art{height:112px}#productBoard .board-card h3{font-size:15px}.board-card-foot{display:block}.board-card-foot span{display:block}#productBoard .board-catalog-head h2{font-size:18px}.board-card>p{font-size:9px}}
@media(prefers-reduced-motion:reduce){#productBoard *{animation:none!important;transition:none!important}}