/* Blender-rendered directory hardware. Live lettering preserves sharpness and accessibility. */
.hero__actions .hero__work-plaque{position:relative;display:block;flex:none;width:300px;max-width:100%;aspect-ratio:3;min-height:0;padding:0;border:0;border-radius:4px;background:transparent url("img/hero/work-directory.webp?v=1") center/100% 100% no-repeat;color:#f0ecdb;text-decoration:none;filter:drop-shadow(0 3px 2px #0006);transition:filter .16s,transform .16s}
.hero__work-plaque .hero__plaque-level{position:absolute;left:11%;top:50%;width:14%;transform:translateY(-50%);color:#d1bb85;text-align:center;font:600 27px/1 var(--display);letter-spacing:.01em;text-shadow:0 -1px 1px #000,0 1px 0 #ffffff18}
.hero__work-plaque .hero__plaque-title{position:absolute;left:33%;top:50%;transform:translateY(-50%);font:750 29px/.95 var(--display);text-transform:uppercase;letter-spacing:.015em;text-shadow:0 -1px 1px #000,0 1px 0 #ffffff18}
.hero__plaque-call{display:none}
@media(hover:hover){.hero__actions .hero__work-plaque:hover{filter:drop-shadow(0 3px 2px #0006) brightness(1.12)}}
.hero__actions .hero__work-plaque:active{transform:translateY(1px);filter:drop-shadow(0 1px 1px #0006)}
.hero__actions .hero__work-plaque:focus-visible{outline:2px solid #151818;outline-offset:3px}
@media(max-width:819px){.hero__actions .hero__work-plaque{width:246px}.hero__work-plaque .hero__plaque-title{font-size:24px}.hero__work-plaque .hero__plaque-level{font-size:23px}}
@media(max-width:359px){.hero__actions .hero__work-plaque{width:228px}.hero__work-plaque .hero__plaque-title{font-size:22px}.hero__work-plaque .hero__plaque-level{font-size:21px}}
@media(prefers-reduced-motion:reduce){.hero__actions .hero__work-plaque{transition:none}.hero__actions .hero__work-plaque:active{transform:none}}

/* Compact desktops reserve the lift shaft width instead of drawing copy underneath it. */
@media(min-width:820px) and (max-width:1099px){html .hero .hero__intro{max-width:calc(100% - 178px);align-self:start}.hero__actions .hero__work-plaque{width:246px}.hero__work-plaque .hero__plaque-title{font-size:24px}.hero__work-plaque .hero__plaque-level{font-size:23px}}
@media(min-width:820px) and (max-width:1099px){html.glass-on .roller-spot{transform:scale(.65);transform-origin:100% 100%}}