/* R3e / §6B: one square photograph and its ink share one local coordinate space.
   Printable widths exclude edges, holes and worn corners before adding 6px inset. */
#object-menu .talon-face{position:absolute;inset:0;width:100%;height:100%;container-type:inline-size;container-name:talon;isolation:isolate;pointer-events:none;--ink-x:57.5%;--paper-width:50%;--label-y:72%;--prop-y:37.5%;--prop-size:28%}
#object-menu .tag-2 .talon-face{--ink-x:50%;--paper-width:30%;--label-y:68%;--prop-y:38%;--prop-size:26%}
#object-menu .tag-3 .talon-face{--ink-x:44%;--paper-width:38%;--label-y:70%;--prop-y:36%;--prop-size:30%}
#object-menu .tag-4 .talon-face{--ink-x:56.5%;--paper-width:49%;--label-y:70%;--prop-y:36%;--prop-size:29%}
#object-menu .tag-5 .talon-face{--ink-x:46.5%;--paper-width:37%;--label-y:68%;--prop-y:36%;--prop-size:27%}
#object-menu .tag-6 .talon-face{--ink-x:49%;--paper-width:78%;--label-y:70%;--prop-y:43%;--prop-size:23%}
#object-menu .talon-face .tag-material{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain;z-index:-1}
#object-menu .talon-face .nav-prop{position:absolute!important;inset:auto!important;left:var(--ink-x)!important;top:var(--prop-y)!important;width:var(--prop-size)!important;height:var(--prop-size)!important;max-width:none;transform:translateX(-50%)}
#object-menu .talon-face .nav-label{position:absolute!important;inset:auto!important;left:var(--ink-x)!important;top:var(--label-y)!important;width:calc(var(--paper-width) - 12px)!important;height:auto;max-width:none;margin:0!important;padding:0!important;transform:translateX(-50%);font:600 13px/1.25 Arial!important;letter-spacing:0;white-space:normal;text-align:center;text-wrap:balance;border:0!important}
#object-menu .nav-name{display:block}#object-menu .nav-short{display:none}
.js #object-menu .talon-face:not([data-art-ready]) :is(.nav-prop,.nav-label){visibility:hidden}
#object-menu [aria-current] .nav-name{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
@container talon (max-width:210px){#object-menu .tag-2 .nav-full{display:none}#object-menu .tag-2 .nav-short{display:block}}
@container talon (max-width:230px){#object-menu .tag-4 .nav-full{display:none}#object-menu .tag-4 .nav-short{display:block}}
@media(min-width:901px){
 .compact #object-menu .talon-face{inset:auto;top:-59px;left:calc(50% - 95px);width:190px;height:190px;--label-y:75%;--prop-y:49%;--prop-size:23%}
 .compact #object-menu .tag-1 .talon-face{--prop-y:46%}
 .compact #object-menu .tag-2 .talon-face{width:256px;height:256px;top:-122px;left:calc(50% - 128px);--label-y:78%;--prop-y:51%;--prop-size:23%}
 .compact #object-menu .tag-5 .talon-face{--label-y:72%;--prop-y:46%;--prop-size:23%}
 .compact #object-menu .nav-label small{display:none!important}
}
@media(min-width:901px) and (max-width:1199px){
 #object-menu .nav-label small{display:none!important}
 .compact #object-menu .tag-6 .talon-face{width:180px;height:180px;top:-47px;left:calc(50% - 90px)}
}
@media(min-width:1200px){
 .masthead:not(.compact) #object-menu .tag-2 .talon-face{width:240px;height:240px;top:-10px;left:calc(50% - 120px)}
 .masthead:not(.compact) #object-menu .tag-6 .talon-face{--label-y:69%}
}
@media(max-width:900px){
 #object-menu .talon-face{inset:auto;top:0;left:calc(50% - 105px);width:210px;height:210px}
 #object-menu .tag-2 .talon-face{top:-40px;left:calc(50% - 128px);width:256px;height:256px;--label-y:73%;--prop-y:40%;--prop-size:26%}
 #object-menu .tag-6 .talon-face{--label-y:75%;--prop-y:45%;--prop-size:26%}
 #object-menu .talon-face .nav-label{font-size:14px!important}
 #object-menu .nav-label small{display:none!important}
 .menu-toggle,.js .menu-toggle{width:112px;padding-left:30px;padding-right:14px}
 .masthead .brand,.masthead.compact .brand{padding:8px 20px 6px}
 .masthead .brand b,.masthead.compact .brand b{font-size:22px;line-height:1}
 .masthead .brand span,.masthead.compact .brand span{font-size:12px;line-height:1;margin-top:2px}
}