.mb-hero{font-family:Rubik,Arial,sans-serif;color:var(--mb-ink);font-synthesis:none;-webkit-font-smoothing:antialiased}
.mb-hero *{box-sizing:border-box}
.mb-hero a{color:inherit;text-decoration:none}
.mb-hero a:focus-visible,.mb-hero button:focus-visible{outline:2px solid currentColor;outline-offset:7px}
.mb-hero{--mb-yellow:#FFF924;--mb-ink:#080808;max-width:1800px;margin:auto;padding:0 4.6vw;min-height:calc(100svh - 96px);display:flex;overflow:clip;isolation:isolate;background:var(--mb-yellow)}
.mb-hero-content{position:relative;flex:1;min-width:0;min-height:720px;display:flex;align-items:center;padding:55px 0 115px}
.mb-copy{--mb-cta-gap:25px;position:relative;z-index:3;width:57%;pointer-events:none}.mb-copy a{pointer-events:auto}
.mb-eyebrow{font-size:16px;line-height:26px;font-weight:600;letter-spacing:0;margin:0 0 30px}
.mb-hero h1{font-family:Rubik,Arial,sans-serif;font-size:clamp(85px,8.45vw,152px);line-height:.94;font-weight:700;letter-spacing:-.045em;margin:0 0 30px;color:var(--mb-ink)}
.mb-hero h1>span{display:block;white-space:nowrap}
.mb-intro{font-size:14px;font-weight:400;line-height:1.65;letter-spacing:-.2px;margin:0 0 var(--mb-cta-gap)}.mb-intro>span{color:#202015}
.mb-cta{display:flex;width:fit-content;max-width:100%;align-items:center;justify-content:center;padding:15px 40px;background:var(--mb-ink);color:#fff!important;border:1px solid transparent;border-radius:35px;font-size:14px;line-height:26px;font-weight:600;transition:background .25s,color .25s}
.mb-cta:hover,.mb-cta:focus-visible{background:#fffdb1;color:var(--mb-ink)!important}
.mb-cta-text{display:block;overflow:hidden;line-height:1.5}.mb-cta-char{display:inline-block}
@keyframes mb-cta-wave{0%{opacity:0;transform:translateY(115%)}30%{opacity:1}45%{opacity:1;transform:translateY(-25%)}100%{opacity:1;transform:translateY(0)}}
@media(min-width:1000px){.mb-cta:hover .mb-cta-char,.mb-cta:focus-visible .mb-cta-char{animation:mb-cta-wave .5s cubic-bezier(.46,.4,.56,.87) both;animation-delay:calc(var(--i)*.015s)}}
.mb-caption{font-size:9px;letter-spacing:.1px;margin:var(--mb-cta-gap) 0 0;line-height:1.4}
.mb-art{position:absolute;inset:0 -6vw 0 39%;z-index:2}
.mb-portrait-toggle{position:absolute;inset:14% 0 8%;padding:0;border:0;background:transparent;color:inherit;cursor:default;-webkit-tap-highlight-color:transparent;touch-action:manipulation;outline-offset:-14px!important}
.mb-portrait{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(7px) rotate(.5deg);transition:opacity .7s ease,transform 1s cubic-bezier(.2,.6,.2,1),visibility 0s linear .7s;pointer-events:none}
.mb-portrait.is-active{opacity:1;visibility:visible;transform:translateY(0) rotate(0);transition-delay:0s;z-index:1}
.mb-paper{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.mb-portrait img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}
.mb-orbit{position:absolute;inset:0;width:100%;height:100%;opacity:.4;pointer-events:none}
.mb-halftone{position:absolute;inset:0;width:100%;height:100%;color:var(--mb-ink);pointer-events:none}
.mb-profile-tag{position:absolute;bottom:12%;left:21%;z-index:4;display:flex;align-items:center;gap:8px;padding:13px 15px;background:#fff;border:1px solid var(--mb-ink);box-shadow:4px 4px 0 var(--mb-ink);transform:translateY(-50%) rotate(-4deg);font-size:9px;font-weight:600;letter-spacing:.5px;white-space:nowrap;pointer-events:none}
.mb-profile-name{text-transform:uppercase}.mb-tag-dot{width:6px;height:6px;border-radius:50%;background:var(--mb-ink)}.mb-tag-label{margin-left:4px;padding-left:9px;font-size:8px;font-weight:400}
.mb-hand-note{position:absolute;right:14%;bottom:4%;display:flex;align-items:flex-end;gap:5px;font-family:'Bradley Hand','Segoe Print',cursive;font-size:19px;line-height:1.15;transform:rotate(-7deg);pointer-events:none}
.mb-hand-note svg{width:90px;height:75px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-10deg)}
@media(min-width:1800px){.mb-hero{padding:0 82px}.mb-art{right:-90px}}
@media(max-width:1100px){.mb-hero{padding:0 4vw}.mb-hero-content{min-height:700px;padding-top:48px}.mb-copy{width:59%}.mb-hero h1{font-size:8.65vw}.mb-art{inset:7% -10vw 0 37%}.mb-portrait-toggle{inset:10% 0 12%}.mb-intro{font-size:12px;max-width:355px}.mb-eyebrow{font-size:14px}.mb-profile-tag{left:16%;bottom:17%;font-size:8px}.mb-hand-note{bottom:8%;font-size:16px}}
@media(max-width:999px){.mb-hero{min-height:calc(100svh - 48px)}}
@media(max-width:700px){.mb-hero{padding:0 6vw;min-height:calc(100svh - 48px)}.mb-hero-content{display:block;min-height:0;flex:none;width:100%;padding:31px 0 22px}.mb-copy{--mb-cta-gap:19px;width:100%}.mb-eyebrow{font-size:12px;line-height:20px;margin-bottom:23px}.mb-hero h1{font-size:14.8vw;line-height:.98;letter-spacing:-.045em;margin-bottom:22px}.mb-hero h1>span:nth-child(2),.mb-hero h1>span:nth-child(3){display:inline}.mb-hero h1>span:nth-child(2)::after{content:' '}.mb-intro{font-size:11px;line-height:1.65;letter-spacing:-.2px;margin-bottom:var(--mb-cta-gap);max-width:none}.mb-cta{padding:15px 32px;font-size:13px}.mb-caption{font-size:8px}.mb-art{position:relative;inset:auto;width:calc(100% + 12vw);margin-left:-6vw;height:86vw;max-height:520px;margin-top:4vw;margin-bottom:60px}.mb-portrait-toggle{inset:3% -2% 2%}.mb-profile-tag{bottom:11%;left:15%;padding:10px 11px;font-size:7px;box-shadow:3px 3px 0 var(--mb-ink);gap:7px}.mb-tag-label{font-size:6px;padding-left:5px;margin-left:0}.mb-tag-dot{width:5px;height:5px}.mb-hand-note{right:8%;top:calc(var(--mb-paper-bottom, 90%) + 28px);bottom:auto;font-size:15px;gap:0}.mb-hand-note svg{width:65px;height:50px}}
@media(min-width:701px) and (max-height:850px){.mb-hero-content{min-height:calc(100svh - 96px);padding:28px 0 58px}.mb-copy{--mb-cta-gap:20px}.mb-hero h1{font-size:clamp(74px,min(8.45vw,13.3vh),115px);margin-bottom:24px}.mb-eyebrow{margin-bottom:24px}.mb-intro{font-size:13px;margin-bottom:var(--mb-cta-gap)}.mb-hand-note{bottom:2.5%;font-size:14px;transform:rotate(-4deg)}.mb-hand-note svg{height:40px;width:70px}.mb-portrait-toggle{inset:9% 0 10%}.mb-profile-tag{bottom:12%}}
@media(min-width:701px) and (max-width:999px) and (max-height:850px){.mb-hero-content{min-height:calc(100svh - 48px)}}
@media(prefers-reduced-motion:reduce){.mb-hero *{transition:none!important;animation:none!important}}

#mybio-hero .mb-cta{border-color:transparent!important;box-shadow:none}
#mybio-hero .mb-portrait-toggle{box-shadow:none;border-radius:0;max-width:none;letter-spacing:normal;text-transform:none}
#mybio-hero p{padding:0}

/* Let Salient color-changing rows control the full visible background. */
.wpb_row[data-using-ctc="true"] #mybio-hero {
  background: transparent !important;
}