/* The expanding control stays anchored beside the donor's name. */
.donor-with-story{display:flex;align-items:center;justify-content:center;gap:8px}
.donor-video-control{position:relative;display:inline-block;flex:0 0 28px;width:28px;height:28px}
.donor-why{position:absolute;inset:0 auto auto 0;display:flex;align-items:center;width:28px;height:28px;padding:0 12px 0 0;gap:8px;border:0;border-radius:999px;background:#e1deee;color:var(--navy);font:600 13px/1 var(--sans);cursor:pointer;transition:width .32s cubic-bezier(.22,1,.36,1),background-color .24s ease,color .24s ease,box-shadow .15s ease}
.donor-why::before{content:"";position:absolute;inset:-8px 0;border-radius:999px}
.why-icon{position:relative;display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;color:var(--navy)}
.why-icon::before{content:"";position:absolute;inset:4px;border-radius:50%;background:transparent;transition:background-color .24s ease}
.why-icon svg{position:relative;width:12px;height:12px;fill:currentColor;margin-left:2px}
.why-label{max-width:0;opacity:0;overflow:hidden;white-space:nowrap;transition:max-width .32s cubic-bezier(.22,1,.36,1),opacity .22s ease}
.donor-why:is(:hover,:focus-visible){width:112px;background:var(--navy-900);color:#fff;z-index:100}
.donor-why:is(:hover,:focus-visible) .why-icon::before{background:#fff}
.donor-why:is(:hover,:focus-visible) .why-label{max-width:70px;opacity:1}
.donor-why:active{background:#071b2d;color:#fff;box-shadow:0 4px 10px #071b2d40;font-weight:700}
.donor-why:focus-visible,.why-close:focus-visible{outline:3px solid #14756e;outline-offset:4px}
.why-modal{width:min(650px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:24px;border:0;border-radius:14px;background:#fff;color:var(--navy);box-shadow:0 28px 90px #0006;overflow:auto;container-type:inline-size}
.why-modal::backdrop{background:#101a32a6;backdrop-filter:blur(5px)}
.why-heading{position:relative;padding:0 32px 16px 0}
.why-heading h2{margin:0 0 5px;font:700 18px/1.3 var(--sans);letter-spacing:-.02em}
.why-close{position:absolute;right:-6px;top:-6px;display:grid;place-items:center;width:32px;height:32px;padding:8px;border:0;background:transparent;color:var(--ink-soft);border-radius:50%;cursor:pointer}
.why-close:hover{background:#f4f2f9;color:var(--navy)}
.why-close svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.why-player{overflow:hidden;border-radius:8px;background:#071b2d}
.why-player video{display:block;width:100%;height:min(55dvh,520px);object-fit:contain}
.why-footer{padding-top:16px}
.why-footer h3{margin:0 0 8px;font:700 clamp(9px,3cqw,18px)/1.4 var(--sans);white-space:nowrap;letter-spacing:-.025em}
.why-footer p{margin:0;font:400 14px/1.6 var(--sans);color:var(--ink-soft)}
.why-footer .why-playback-status{margin-top:10px}
.why-playback-status[hidden]{display:none}
body:has(.why-modal[open]){overflow:hidden}
@media(max-width:560px){.why-modal{padding:18px;width:calc(100% - 24px)}.why-player video{height:52dvh}.why-footer p{font-size:12px}.donor-with-story{gap:6px}}
@media(prefers-reduced-motion:reduce){.donor-why,.why-icon::before,.why-label{transition:none}}
/* Industry and medical cards: each action has its own sliding half-door.
   White edge tabs color in first, then slide over the card. */
.donor-name-tile{display:flex;align-items:center;justify-content:center;width:220px;max-width:100%;min-height:110px;padding:18px;background:#fff;border:1px solid #e3e8e3;border-radius:10px;box-shadow:0 10px 22px -18px #143a5c4d}
.donor-card-name{font:400 22px/1.3 var(--serif);color:var(--navy);text-align:center}
.donor-name-card,.donor-with-doors:not(.logo){display:flex;flex-direction:column;align-items:center;gap:10px}
.donor-card-caption{font:600 12px/1.4 var(--sans);color:var(--navy);opacity:0;transition:opacity .2s ease}
.donor-with-doors:is(:hover,:focus-within) .donor-card-caption{opacity:1}
.donor-action-tile{position:relative;overflow:visible;isolation:isolate}
/* The logo and its outside tab share a straight seam; only the outer frame
   is rounded. This avoids notches beside logos on a colored tile. */
main .donor-action-tile:has(.donor-door-left){border-top-left-radius:0;border-bottom-left-radius:0}
main .donor-action-tile:has(.donor-door-right){border-top-right-radius:0;border-bottom-right-radius:0}
/* Clip the doors in a frame extended beyond the logo by each available tab.
   The resting tabs sit entirely outside the original logo area. */
.donor-doors{--edge-width:20px;--edge-left:0px;--edge-right:0px;position:absolute;top:-1px;bottom:-1px;left:calc(-1px - var(--edge-left));right:calc(-1px - var(--edge-right));overflow:hidden;border-radius:10px;pointer-events:none}
.donor-doors:has(.donor-door-left){--edge-left:var(--edge-width)}
.donor-doors:has(.donor-door-right){--edge-right:var(--edge-width)}
.donor-doors .donor-door{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;width:50%;height:100%;margin:0;padding:10px 5px;border:0;border-radius:0;background:#fff;color:#203e65;font:700 12px/1.3 var(--sans);text-align:center;text-decoration:none;cursor:pointer;pointer-events:auto;transition:transform .42s cubic-bezier(.22,1,.36,1),background-color .18s ease .24s,color .18s ease .24s;box-shadow:none;z-index:1}
.donor-doors .donor-door-left{left:0;width:calc((100% - var(--edge-left) - var(--edge-right))/2 + var(--edge-left));transform:translateX(calc(-100% + var(--edge-width)));box-shadow:inset -1px 0 #203e6518}
.donor-doors .donor-door-right{right:0;width:calc((100% - var(--edge-left) - var(--edge-right))/2 + var(--edge-right));transform:translateX(calc(100% - var(--edge-width)));box-shadow:inset 1px 0 #203e6518}
.donor-doors .donor-door::before{content:none}
.donor-doors .why-icon{flex:0 0 36px;width:36px;height:36px;border:1px solid currentColor;border-radius:50%;color:inherit}
.donor-doors .why-icon::before{content:none}
.donor-doors .why-icon svg{width:13px;height:13px}
.donor-doors .donor-more-info svg{margin:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.donor-doors .why-label{max-width:none;opacity:1;overflow:visible;white-space:normal}
.donor-doors .donor-edge-icon{position:absolute;top:50%;display:grid;place-items:center;width:var(--edge-width);height:24px;transform:translateY(-50%);color:inherit;transition:opacity .14s ease .22s}
.donor-doors .donor-edge-icon svg{display:block;width:14px;height:14px;fill:currentColor}
.donor-doors .donor-door-left .donor-edge-icon{right:0}
.donor-doors .donor-door-right .donor-edge-icon{left:0}
.donor-doors .donor-more-info .donor-edge-icon svg{fill:none;stroke-width:1.8}
.donor-with-doors:is(:hover,:focus-within) .donor-door{transform:translateX(0);transition:transform .48s cubic-bezier(.22,1,.36,1) .12s,background-color .16s ease,color .16s ease}
.donor-with-doors:is(:hover,:focus-within) .donor-door-left{background:#203e65;color:#fff}
.donor-with-doors:is(:hover,:focus-within) .donor-door-right{background:#e8e3d7;color:#203e65}
.donor-with-doors:is(:hover,:focus-within) .donor-edge-icon{opacity:0;transition-delay:.12s}
.donor-doors .donor-door:focus-visible{outline:2px solid currentColor;outline-offset:-5px}
main .dnames.gold,main .dnames.champ .dlogos{column-gap:56px}
main .dnames.champ .dpeople{column-gap:64px;max-width:860px}
@media(hover:none){main .donor-action-tile:has(.donor-door){border-radius:10px}.donor-doors{--edge-width:0px}.donor-doors .donor-door{transform:translateX(0)}.donor-doors .donor-door-left{background:#203e65;color:#fff}.donor-doors .donor-door-right{background:#e8e3d7;color:#203e65}.donor-doors .donor-edge-icon{display:none}.donor-with-doors .donor-card-caption{opacity:1}}
@media(max-width:480px){main .dtier:has(.gold),main .dtier:has(.champ){padding-inline:24px}main .dnames.gold .n{flex-basis:calc(50% - 28px)}.donor-doors .donor-door{font-size:11px;gap:7px}.donor-doors .why-icon{flex-basis:30px;width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){.donor-doors .donor-door,.donor-with-doors:is(:hover,:focus-within) .donor-door,.donor-doors .donor-edge-icon,.donor-card-caption{transition:none}}