/* Shared presentation branding — sourced from the Arvyn Digital identity. */
.client-logo{display:inline-flex;align-items:center;flex:0 0 auto;text-decoration:none}
.client-logo img{display:block;width:auto;height:54px}
.arvyn-lockup{display:inline-flex;align-items:center;gap:11px;color:inherit;text-decoration:none}
.arvyn-lockup img{display:block;width:116px;height:auto}
.arvyn-lockup small{font:700 8px/1.3 Arial,Helvetica,sans-serif;letter-spacing:.14em;text-transform:uppercase;opacity:.62;max-width:90px}
.studio-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid currentColor;font:700 8px/1 Arial,Helvetica,sans-serif;letter-spacing:.15em;text-transform:uppercase}
.studio-chip::before{content:"A";display:grid;place-items:center;width:19px;height:19px;background:#6366f1;color:#fff;font-size:10px;letter-spacing:0}

.chooser-page .topbar{height:88px}
.chooser-page .topbar .brand{display:inline-flex;align-items:center;padding:8px 12px 8px 8px;background:#111219;border:1px solid #2f3040}
.chooser-page .topbar .brand img{width:145px;height:auto;display:block}
.chooser-page .top-note{display:flex;align-items:center;gap:18px;text-align:right}
.chooser-page .top-note>span{font:700 9px/1 Arial,Helvetica,sans-serif;letter-spacing:.17em;text-transform:uppercase;color:#686e68}
.chooser-page .top-note p{margin:0}
.chooser-page .intro .eyebrow{color:#818cf8}
.chooser-page .choice .studio-signature{position:absolute;z-index:2;right:28px;top:24px;padding:7px 9px;background:rgba(8,9,8,.72);backdrop-filter:blur(8px);font:700 8px/1 Arial,Helvetica,sans-serif;letter-spacing:.15em;text-transform:uppercase}
.chooser-page footer{align-items:center}
.chooser-page .footer-brand{display:flex;align-items:center;gap:15px;color:#777e77;text-decoration:none}
.chooser-page .footer-brand img{width:128px;height:auto;padding:7px;background:#111219;border:1px solid #2f3040}

.michael-page header{gap:30px}
.michael-page header nav{margin-left:auto}
.michael-page header .client-logo img{height:58px}
.michael-page .header-arvyn{padding:6px 8px 6px 6px;background:#111713;color:#fff;border-color:#111713}
.michael-page .header-arvyn img{width:86px}
.michael-page .header-arvyn small{color:#fff;opacity:.7;max-width:64px}
.michael-page footer .client-logo img{height:66px}
.michael-page footer .footer-note{margin-left:auto;text-align:right;color:#58625f}
.michael-page footer .footer-arvyn{padding:8px 10px 8px 8px;background:#111713;color:#fff}
.michael-page footer .footer-arvyn img{width:112px}
.michael-page .back{display:flex;align-items:center;gap:8px}
.michael-page .back::before{content:"A";display:grid;place-items:center;width:18px;height:18px;background:#6366f1;color:#fff;font-weight:900;writing-mode:horizontal-tb}

.mikelow-page header{grid-template-columns:auto 1fr auto auto;column-gap:28px}
.mikelow-page header nav{justify-self:center}
.mikelow-page header .client-logo img{height:52px}
.mikelow-page .header-arvyn{color:#fff;opacity:.9}
.mikelow-page .header-arvyn img{width:92px}
.mikelow-page .header-arvyn small{display:none}
.mikelow-page .side{display:flex;align-items:center;gap:14px}
.mikelow-page .side::after{content:"ARVYN DIGITAL / PRIVATE DIRECTION";color:#a8a8a8}
.mikelow-page footer .client-logo img{height:58px}
.mikelow-page footer .footer-arvyn{padding:7px 9px;background:#111219;border:1px solid #2b2d36}
.mikelow-page footer .footer-arvyn img{width:112px}

@media(max-width:1050px){
  .michael-page .header-arvyn,.mikelow-page .header-arvyn{display:none}
  .mikelow-page header{grid-template-columns:1fr auto auto}
}
@media(max-width:800px){
  .client-logo img{max-width:215px;height:auto!important}
  .chooser-page .top-note>span{display:none}
  .chooser-page .topbar .brand img{width:126px}
  .chooser-page .choice .studio-signature{right:18px;top:19px}
  .chooser-page footer{gap:18px}
  .michael-page header{gap:12px;padding-left:18px;padding-right:18px}
  .michael-page header .client-logo img{width:205px}
  .michael-page footer .client-logo img,.mikelow-page footer .client-logo img{width:230px}
  .michael-page footer .footer-note{margin-left:0;text-align:left}
  .mikelow-page header{grid-template-columns:1fr auto}
  .mikelow-page header .client-logo img{width:190px}
  .mikelow-page footer{gap:24px}
}
@media(max-width:430px){
  .chooser-page .top-note p{display:none}
  .michael-page header .client-logo img{width:176px}
  .mikelow-page header .client-logo img{width:168px}
}