@layer components{:where(.resource-art){border-radius:var(--radius);background:#f4eee7;min-width:0;max-width:100%;display:block;overflow:hidden}:where(.resource-art) img{width:100%}.art-hero{isolation:isolate;background:var(--paper,Canvas);align-items:center;min-height:clamp(640px,56.25vw,720px);padding-block:64px 88px;display:grid;position:relative;overflow:hidden}.art-hero-copy{background:var(--paper,Canvas);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.art-hero-text{min-width:0}.art-hero-copy .breadcrumbs{color:var(--muted);margin-bottom:28px;font-size:11px}.art-hero h1{font-size:clamp(48px,5vw,80px)}.art-hero-copy .lede{max-width:760px;font-size:clamp(17px,1.6vw,21px);line-height:1.55}.art-hero-copy .resource-byline{margin-block:24px 0}.art-hero-visual{inset-block:0;border:0;width:50%;min-width:0;height:100%;margin:0;padding:0;position:absolute;right:0;overflow:hidden;mask-image:linear-gradient(90deg,#0000,#000 24%),linear-gradient(#0000,#000 10%,#000);mask-composite:intersect}.art-hero-visual .resource-art{background:0 0;border-radius:0;width:100%;max-width:none;height:100%;display:block;position:absolute;top:0;right:0}.art-hero-visual img{object-fit:cover;object-position:right bottom;width:auto;max-width:none;height:100%;display:block;position:absolute;top:0;right:0}:root[data-theme=dark] .art-hero-visual{mask-image:linear-gradient(90deg,#0000,#000 24%),linear-gradient(#0000,#000 10%,#000)}:root[data-theme=dark] .art-hero-visual img{filter:invert()hue-rotate(180deg)saturate(1.15)brightness(.62)contrast(1.08);mix-blend-mode:lighten}.art-hero-illustrated .art-hero-copy{grid-template-columns:repeat(2,minmax(0,1fr))}.art-hero{overflow-wrap:anywhere}.art-hero .breadcrumbs{flex-wrap:wrap;gap:8px;display:flex}.art-hero .meta-row{flex-wrap:wrap;gap:8px;margin-top:25px;display:flex}.art-hero .meta-row span{border:1px solid var(--line);border-radius:var(--radius-pill);padding:7px 10px;font-size:11px}@media (prefers-color-scheme:dark){:root:not([data-theme]) .art-hero-visual{mask-image:linear-gradient(90deg,#0000,#000 24%),linear-gradient(#0000,#000 10%,#000)}:root:not([data-theme]) .art-hero-visual img{filter:invert()hue-rotate(180deg)saturate(1.15)brightness(.62)contrast(1.08);mix-blend-mode:lighten}}@media (width>=1100px){.art-hero-visual--contain img{object-fit:contain;width:100%;height:100%}}@media (width<=1099px){.art-hero{grid-template-columns:minmax(0,1fr);min-height:0;padding-bottom:0}.art-hero-copy{padding-bottom:24px;display:block}.art-hero-visual{width:100%;height:auto;position:relative;inset:auto;mask-image:linear-gradient(#0000,#000 10%,#000)}.art-hero-visual .resource-art,.art-hero-visual img{width:100%;height:auto;position:static}:root[data-theme=dark] .art-hero-visual{mask-image:linear-gradient(#0000,#000 10%,#000)}@media (prefers-color-scheme:dark){:root:not([data-theme]) .art-hero-visual{mask-image:linear-gradient(#0000,#000 10%,#000)}}.art-hero:not(.art-hero-illustrated){padding-bottom:64px}}@media (width<=680px){.art-hero{padding-top:58px}.art-hero h1{font-size:clamp(32px,5.4vw,96px)}.art-hero:not(.art-hero-illustrated){padding-bottom:58px}}.art-hero-image{display:contents}.art-hero-visual:has(.art-hero-overlay){container:hero-art/inline-size}.art-hero-image--bridge-sign{aspect-ratio:900/710;width:auto;height:100%;display:block;position:absolute;top:0;right:0;container:hero-image/inline-size}.art-hero-visual .art-hero-image--bridge-sign .resource-art,.art-hero-visual .art-hero-image--bridge-sign img{width:100%;height:100%;position:absolute;inset:0}.art-hero-overlay{color:var(--ink);text-align:center;white-space:nowrap;flex-direction:column;justify-content:center;align-items:center;gap:.3cqw;font-size:2cqw;font-weight:600;line-height:1.05;display:flex;position:absolute}.art-hero-overlay-figure{letter-spacing:-.04em;font-size:6cqw;font-weight:700}.art-hero-overlay--sign-face{border-radius:50%;width:22.4444%;height:28.4507%;top:8.38028%;left:56.1667%}.art-hero-overlay--sign-plate{width:22.2222%;height:7.1831%;top:41.5493%;left:56.1111%}.art-hero-caption{background:var(--paper);width:76%;color:var(--muted);text-align:right;margin:0;padding:0 20px;font-size:11px;line-height:1.4;position:absolute;bottom:0;right:0}.art-hero-overlay-fallback{color:var(--ink);font-size:14px;display:none}.art-hero-conditions{display:block}@container hero-art (width<550px){.art-hero-overlay{display:none}.art-hero-overlay-fallback{display:block}}@media (width<=1099px){.art-hero-image--bridge-sign{width:100%;height:auto;position:relative}.art-hero-caption{text-align:left;width:100%;padding:12px 0 20px;position:static}}}