/* Shared final type layer for the portfolio and its portrait iframe.
   Manrope and Instrument Sans are served locally; licenses are in assets/fonts. */
@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url('assets/fonts/manrope-latin-variable.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url('assets/fonts/manrope-latin-ext-variable.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0300-0303,U+0305-0307,U+0309-0328,U+032A-036F,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url('assets/fonts/instrument-sans-latin-variable.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url('assets/fonts/instrument-sans-latin-ext-variable.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0300-0303,U+0305-0307,U+0309-0328,U+032A-036F,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url('assets/fonts/inter-latin-variable.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url('assets/fonts/inter-latin-ext-variable.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0300-0303,U+0305-0307,U+0309-0328,U+032A-036F,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--font-display:Manrope,'IBM Plex Sans','Helvetica Neue',Arial,sans-serif;--font-label:Manrope,'IBM Plex Sans',Arial,sans-serif;--font-body:'Instrument Sans','Helvetica Neue',Arial,sans-serif}
/* Older editorial modules carry their own font shorthands. These rules
   give all portfolio routes one hierarchy without altering demo iframes. */
body.page-mode :is(h1,h2,h3),body.character-embed h1{font-family:var(--font-display)!important;font-style:normal!important;font-weight:650!important;letter-spacing:-.035em!important;text-wrap:balance;overflow-wrap:normal}
body.page-mode h1{font-weight:700!important;line-height:1.1!important}
body.page-mode h2{line-height:1.15!important}
body.page-mode h3{font-weight:620!important;line-height:1.22!important;letter-spacing:-.025em!important}
body.page-mode :is(h1,h2,h3) em,body.character-embed h1 em{font-family:inherit!important;font-style:normal!important;font-weight:inherit!important;font-size:inherit!important;letter-spacing:inherit!important;line-height:inherit!important}
body.page-mode .topbar .wordmark{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding-block:5px;text-decoration:none;flex:none}
body.page-mode .topbar .wordmark-mark{display:flex!important;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:#1b1b1f;color:#c9ff24;font:800 14px/1 Manrope,Arial,sans-serif;letter-spacing:-.055em;direction:ltr}
body.page-mode .topbar .wordmark-mark::before{display:none}
body.page-mode .topbar .wordmark-name{font-family:var(--font-display);font-size:12px;font-weight:650;letter-spacing:-.025em;line-height:1.25;direction:ltr}
body.page-mode .topbar :is(.pro-primary a,.lang-btn){font-family:var(--font-label);font-weight:600;letter-spacing:-.015em}
body.page-mode :is(.btn,.profile-button,.work-demo-button,.profile-filters button,.lc-level strong,.journey-tab,.career-subnav a){font-family:var(--font-label);font-weight:600;letter-spacing:-.015em}
body.page-mode :is(.eyebrow,.profile-kicker,.page-kicker,.lc-tags,.ip-eyebrow){font-family:var(--font-label);font-weight:650;letter-spacing:.065em}
body.page-mode :is(.multipage-proof-result strong,.profile-results-grid strong,.multipage-project-total>span){font-family:var(--font-display);font-weight:700;letter-spacing:-.055em;font-variant-numeric:lining-nums}
body.page-mode :is(.profile-project-copy h3,.multipage-offer h3,.ip-asset h3){font-size:clamp(22px,2.1vw,27px)}
body.page-mode :is(.profile-role h3,.profile-education-grid h3){font-size:clamp(21px,2.1vw,28px)}
body.page-mode .profile-languages strong{font-family:var(--font-display);font-size:23px;font-weight:600}
body.page-mode :is(.multipage-section-head h2,.multipage-library h2,.multipage-about-teaser h2,.multipage-contact h2,.profile-section-heading h2){font-size:clamp(31px,3.25vw,48px)}
body.page-mode :is(.multipage-page-head h1,.profile-intro h1){font-size:clamp(40px,5.4vw,74px)}
body.page-mode .multipage-proof h2{font-size:clamp(27px,2.75vw,39px)}
body.page-mode :is(.lc-dialog h2,.ip-dialog h2){font-size:clamp(27px,3vw,39px)}
body.page-mode .multipage-about-mark{font-family:var(--font-display);font-style:normal;font-weight:700}
body.character-embed .intro h1{font-size:clamp(34px,4.15vw,64px)!important;font-weight:700!important;line-height:1.1!important;letter-spacing:-.05em!important;max-width:11ch;white-space:pre-line}
body.character-embed .intro .eyebrow{font-family:var(--font-label);font-weight:650;font-size:11px;letter-spacing:.075em}
body.character-embed .intro .role{font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-weight:500;font-size:16px!important;line-height:1.65!important;letter-spacing:-.012em;font-optical-sizing:auto}
body.character-embed :is(.story-launch,.hero-book){font-family:var(--font-label);font-weight:650;font-size:14px;letter-spacing:-.02em}
body.character-embed .comic-bubble p{font-family:var(--font-display);font-style:normal;font-size:17px;font-weight:650;line-height:1.35;letter-spacing:-.025em}
body.character-embed :is(.portrait-discovery-toggle,.portrait-actions button,.hello-trigger){font-family:var(--font-body);font-weight:500}
html[lang=ar] body.character-embed .intro .role{font-family:Tahoma,Arial,sans-serif;letter-spacing:0}
html[lang=ar]{--font-display:Tahoma,Arial,sans-serif;--font-label:Tahoma,Arial,sans-serif;--font-body:Tahoma,Arial,sans-serif}
html[lang=ar] body :is(h1,h2,h3,.eyebrow,.profile-kicker,.page-kicker,.lc-tags){letter-spacing:0!important;line-height:1.45!important}
@media(max-width:760px){
 body.page-mode .topbar .wordmark-mark{width:42px;height:42px;font-size:11.5px}
 body.page-mode .topbar .wordmark-name{font-size:11px;letter-spacing:-.025em}
 body.page-mode :is(.multipage-section-head h2,.multipage-library h2,.multipage-about-teaser h2,.multipage-contact h2,.profile-section-heading h2){font-size:30px}
 body.page-mode :is(.multipage-page-head h1,.profile-intro h1){font-size:38px}
}
@media(max-width:700px){
 body.character-embed .intro h1{font-size:clamp(32px,8.8vw,49px)!important;max-width:16ch;margin-inline:auto;line-height:1.13!important;letter-spacing:-.045em!important}
 body.character-embed .intro .role{font-size:15px!important;line-height:1.6!important}
 body.character-embed .comic-bubble p{font-size:14px}
}

/* Warm ink replaces the old blue UI; dark sections keep their light copy. */
:root{--brand-ink:#272521;--brand-secondary:#5a544d;--brand-muted:#70685f;--brand-line:#27252126;--studio-ink:#272521;--studio-paper:#fcfaf6;--studio-nude:#f1e9df;--studio-lavender:#eee8de}
body.character-embed .intro h1{color:var(--brand-ink)!important}
body.character-embed :is(.intro .role,.intro .eyebrow,.hero-edition,.comic-bubble #reaction-caption,.portrait-discovery-hint){color:var(--brand-secondary)}
body.character-embed :is(.comic-bubble p,.hello-trigger,.portrait-actions button,.portrait-actions .portrait-surprise,.hero-book,.portrait-discovery-toggle,.portrait-discovery .hello-trigger){color:var(--brand-ink);border-color:#8e81754d}
body.character-embed :is(.hero-book:hover,.portrait-discovery-toggle:hover,.portrait-discovery[open]>.portrait-discovery-toggle,.portrait-discovery .hello-trigger:hover){color:var(--brand-ink);border-color:#7d6e605c}
body.character-embed .hero-bottomline{color:var(--brand-secondary)!important;border-color:#8e817536!important}
body.character-embed .hello-trigger>span:first-child{background:var(--brand-ink)}
body.character-embed :is(.portrait-actions .portrait-surprise,.portrait-discovery .hello-trigger,.portrait-discovery-toggle:hover,.portrait-discovery[open]>.portrait-discovery-toggle){background:#f7f2eb}
body.character-embed .portrait-interactions .comic-bubble,body.character-embed .portrait-discovery-panel{border-color:#9c8b7333;box-shadow:0 10px 35px #604b3510}
body.character-embed .comic-bubble::before{border-color:#9c8b7333}
body.character-embed :is(.hero-book,.hero-edition){border-color:#8e81754d}
body.character-embed .studio-backdrop{background:radial-gradient(ellipse at 66% 47%,#ece7c466,transparent 65%)}
body.character-embed :is(a,button,summary):focus-visible{outline-color:#615547}
body.page-mode .btn-solid,body.page-mode .btn-solid:hover{background:var(--brand-ink);border-color:var(--brand-ink);color:#fcfaf6}
body.page-mode .footer{background:var(--brand-ink)}
body.page-mode :is(a,button,summary,input,select,textarea):focus-visible{outline-color:#74654e}
body.page-mode .case-conversation .btn-solid,body.page-mode .case-conversation .btn-solid:hover{color:var(--brand-ink)!important;border-color:var(--brand-ink)!important}
body.page-mode :is(.work-exhibit-tabs button,.work-exhibit-tabs [aria-selected=true],.work-demo-dialog,.work-demo-loading,.work-demo-route select,.journey-offer-proof>a){color:var(--brand-ink)}
body.page-mode :is(.work-demo-notice,.work-demo-route>span){color:var(--brand-secondary)}
body.page-mode :is(.work-demo-button,.work-demo-button:hover){background:var(--brand-ink);border-color:var(--brand-ink);color:#fcfaf6}
body.page-mode .motion-project[data-selected-work] .motion-project-copy :is(h3,a){color:var(--brand-ink)!important}
body.page-mode .motion-project[data-selected-work] .motion-project-copy :is(p,.folio-overline){color:var(--brand-secondary)}