body[data-state=home] #art>video,body[data-state=map] #art>video,body[data-state=home] #art>.still,body[data-state=map] #art>.still{filter:url(#glass-paper-alpha)!important;animation:none!important;translate:none!important}
body[data-state=map] #art.home-video-ready>video{opacity:1!important;visibility:visible!important;mask-image:linear-gradient(180deg,transparent,#000 10%,#000 87%,transparent)}
body[data-state=map] #art.home-video-ready>.still{opacity:0!important}
body[data-state=map] .wayfinding{height:54px;padding-top:0}
body[data-state=map] #dnaProductEntry{height:max(610px,calc(100svh - 170px));margin:0}
body[data-state=map] #dnaProductEntry .map-intro{top:26px;left:5.5%;width:22%}
body[data-state=map] #dnaProductEntry .map-intro h2{font-size:clamp(26px,2.6vw,38px);margin:16px 0}
body[data-state=map] #dnaProductEntry .map-lede{font-size:14px;line-height:1.7}
body[data-state=map] #dnaProductEntry .catalog-matrix{top:26px;left:31%;width:35%;max-height:calc(100% - 90px)}
body[data-state=map] #dnaProductEntry #art{top:48%;right:-8%;width:53%;aspect-ratio:4/3;transform:translateY(-50%);opacity:1;mix-blend-mode:normal}
body[data-state=map] #dnaProductEntry .hotspot>i,body[data-state=map] #dnaProductEntry .map-lines{display:none!important}
body[data-state=map] #dnaProductEntry .hotspot>span{min-width:180px;width:180px;padding:8px 10px;right:20px;top:-12px;text-align:left;background:#f6f5efb8}
body[data-state=map] #dnaProductEntry .hotspot small{font-size:10px;letter-spacing:.035em;white-space:nowrap}
body[data-state=map] #dnaProductEntry .hotspot b{font-size:18px;line-height:1.2;margin:5px 0}
body[data-state=map] #dnaProductEntry .hotspot em{font-size:11px}
.matrix-items>button{position:relative!important;padding-left:56px!important;min-height:72px!important}
.catalog-thumb33{position:absolute;left:0;top:14px;width:44px;height:44px;border-radius:50%;object-fit:contain;background:#eeeee7;border:1px solid #c5cdc2;padding:3px}
.catalog-placeholder33{display:grid;place-items:center;color:#718375;font-size:23px}
body[data-state=map] .matrix-items small{font-size:12px;line-height:1.4}
body[data-state=map] .matrix-items>button>span:not(.catalog-thumb33){font-size:15px}
body[data-state=map] .matrix-tabs button{font-size:13px;padding:9px 8px}
#preview29{display:none!important}
@media(max-width:1000px) and (min-width:651px){body[data-state=map] #dnaProductEntry .catalog-matrix{left:30%;width:38%}body[data-state=map] #dnaProductEntry #art{right:-15%;width:57%}.matrix-items{grid-template-columns:1fr!important}}
@media(max-width:650px){body[data-state=map] #dnaProductEntry{height:auto;padding-bottom:390px}body[data-state=map] #dnaProductEntry .map-intro,body[data-state=map] #dnaProductEntry .catalog-matrix{position:relative;top:auto;left:auto;width:auto;margin:20px 7%}body[data-state=map] #dnaProductEntry #art{top:auto;bottom:15px;right:-8%;width:100%;transform:none;pointer-events:auto}body[data-state=map] #dnaProductEntry .hotspot>span{min-width:155px;width:155px}body[data-state=map] #dnaProductEntry .hotspot b{font-size:16px}body[data-state=map] #dnaProductEntry .hotspot small{font-size:9px}.dna-board-link{bottom:0}.matrix-items{grid-template-columns:1fr!important}}