.portfolio-title{margin:0 0 12px;font:400 clamp(28px,3.8vw,40px)/1.15 Georgia,'Times New Roman',serif;letter-spacing:-.035em;color:#000080}
.portfolio-title+.portfolio-leadership{font-size:12px;line-height:1.7;padding-bottom:18px;margin-bottom:24px}
body#top>header .xp-desktop>.hero-actions{grid-column:2;grid-row:2;align-self:end;justify-self:end;display:flex;flex-wrap:wrap;align-items:stretch;gap:8px;max-width:100%}
.hero-actions>.studio-cta{margin:0!important;justify-self:auto;align-self:stretch}
.hero-actions>.studio-cta .cta-label{height:100%}
.hero-actions>.contacts-trigger .cta-label{min-height:42px;padding:11px 18px;background:#eaeade;color:#172b49;border:1px solid #617a9c;box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 0 #b4b4a4,1px 1px 1px #002b5280;font:700 13px/1.4 Tahoma,Verdana,sans-serif;text-shadow:none}
.hero-actions>.contacts-trigger:hover .cta-label,.hero-actions>.contacts-trigger:focus-visible .cta-label{background:#fff;color:#000080;border-color:#17468a}
body.contacts-open{overflow:hidden}
#contacts-dialog{width:min(500px,calc(100vw - 32px));max-width:500px;max-height:calc(100dvh - 32px);padding:0;margin:auto;border:1px solid #17468a;border-radius:0;background:#fff;color:#171717;box-shadow:4px 4px 0 #0005;overflow:auto;font-family:Verdana,Tahoma,sans-serif}
#contacts-dialog::backdrop{background:#0007}
.contacts-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 16px;background:linear-gradient(180deg,#539af5 0%,#2268d8 15%,#0755c6 75%,#0645a8 100%);border-bottom:1px solid #003987;color:#fff}
.contacts-dialog-head h2{font:700 17px/1.4 Tahoma,Verdana,sans-serif;letter-spacing:0;margin:0;color:#fff;text-shadow:1px 1px 0 #003887}
#contacts-close{flex:none;width:32px;height:32px;padding:0;border:1px solid #6b7f9b;border-radius:0;background:#ededdf;color:#111;box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 0 #b4b4a4;font:24px/1 Tahoma,sans-serif;cursor:pointer}
#contacts-close:hover{background:#fff;color:#000080}
.contacts-list{padding:8px 24px 14px;margin:0}
.contacts-row{padding:20px 0;border-bottom:1px solid #bbb}
.contacts-row:last-child{border-bottom:0}
.contacts-row dt{color:#555;font:11px/1.5 Verdana,sans-serif;margin-bottom:7px}
.contacts-row dd{margin:0}
.contacts-row a{display:inline-block;color:#0000c8;text-decoration:underline;text-underline-offset:4px;font:15px/1.65 Verdana,Tahoma,sans-serif;overflow-wrap:anywhere}
.contacts-row a:hover{color:#551a8b}
#contacts-dialog :focus-visible{outline:2px solid #0000c8;outline-offset:4px}
@media(max-width:800px){.hero-actions>.contacts-trigger .cta-label{font-size:12px;padding:10px 14px}}
@media(max-width:600px){body#top>header .xp-desktop>.hero-actions{grid-column:1;grid-row:4;justify-self:start;gap:8px}.hero-actions>.contacts-trigger .cta-label{min-height:38px;padding:9px 15px;font-size:12px}.portfolio-title{font-size:29px}.portfolio-title+.portfolio-leadership{font-size:11px;margin-bottom:20px}.contacts-dialog-head{padding:12px 14px}.contacts-dialog-head h2{font-size:16px}.contacts-list{padding:4px 20px 10px}.contacts-row{padding:18px 0}.contacts-row a{font-size:14px}}
@media(prefers-reduced-motion:no-preference){#contacts-dialog[open]{animation:contacts-enter .2s ease-out}@keyframes contacts-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}}
