/* Restore source round41 map layout within its own first-screen region.
   The source still, map paths and hotspot interactions remain intact. */
#dnaProductEntry{position:relative;height:max(760px,calc(100svh - 146px));overflow:clip}
#dnaProductEntry[hidden]{display:none!important}
body[data-state=map] #dnaProductEntry .map-intro{display:block;top:15%;left:5.5%;width:23%;max-width:none}
body[data-state=map] #dnaProductEntry .catalog-matrix{display:block;left:33%;top:15%;width:31%;max-height:73%}
body[data-state=map] #dnaProductEntry #art{display:block;top:52%;right:-3vw;width:54vw;transform:translateY(-50%) scale(.87);mask-image:none}
body[data-state=map] #dnaProductEntry #art>.still{mask-image:linear-gradient(180deg,transparent,#000 12%,#000 83%,transparent)}
.dna-board-link{position:absolute;left:5.5%;bottom:25px;font-size:11px;padding:12px 0;border-bottom:1px solid #a9bbaa;color:#55775f;z-index:8}
.dna-board-link:focus-visible{outline:2px solid #5b8b6b;outline-offset:4px}
body[data-state=map] #productBoard{border-top:1px solid #c8d3c2;scroll-margin-top:90px}
@media(max-width:1000px) and (min-width:651px){body[data-state=map] #dnaProductEntry .map-intro{width:27%;left:5%}body[data-state=map] #dnaProductEntry .catalog-matrix{left:37%;width:35%}body[data-state=map] #dnaProductEntry #art{right:-28vw;width:67vw;transform:translateY(-50%) scale(.83);opacity:.65}}
@media(max-width:650px){#dnaProductEntry{height:auto;min-height:620px;padding-bottom:70px}body[data-state=map] #dnaProductEntry .map-intro{position:relative;top:auto;left:auto;width:auto;margin:30px 7% 0}body[data-state=map] #dnaProductEntry .catalog-matrix{position:relative;left:auto;top:auto;width:auto;margin:34px 7% 10px;max-height:none}body[data-state=map] #dnaProductEntry #art{top:160px;right:-45vw;width:110vw;opacity:.16;pointer-events:none;transform:translateY(-35%) scale(.83)}.dna-board-link{left:7%;bottom:20px}}
