/* Shared editorial finish. The portrait and embedded prototypes keep their own styles. */
body.page-mode{
 --font-body:Inter,"Helvetica Neue",Arial,sans-serif;
 --finish-ink:#272521;--finish-copy:#655f57;--finish-paper:#fcfaf6;
 --finish-soft:#f1ece3;--finish-line:#27252124;--finish-lime:#c9ff24;
 --brand-ink:#272521;--brand-secondary:#655f57;--brand-muted:#70685f;
 --brand-paper:#fcfaf6;--brand-line:#27252124;
 color:var(--finish-ink);background:var(--finish-paper);font-family:var(--font-body);
 -webkit-font-smoothing:antialiased;
}
html[lang=ar] body.page-mode{--font-body:Tahoma,Arial,sans-serif}
body.page-mode :is(.multipage-portfolio,.profile-portfolio,.journey-portfolio){--mp-line:var(--finish-line);--profile-line:var(--finish-line);--journey-line:var(--finish-line);--profile-ink:var(--finish-ink);--profile-muted:var(--finish-copy);--profile-paper:var(--finish-paper);--mp-paper:var(--finish-paper)}
body.page-mode :is(.multipage-home,.multipage-projects,.multipage-about,.journey-offers-page,.journey-library-page,.service-contact-page){background:var(--finish-paper);color:var(--finish-ink)}
body.page-mode #main :is(h1,h2,h3){color:var(--finish-ink)!important}
body.page-mode #main h1{font-weight:650!important;line-height:1.12!important;letter-spacing:-.045em!important}
body.page-mode #main h2{font-weight:650!important;line-height:1.16!important;letter-spacing:-.035em!important}
body.page-mode #main h3{font-weight:620!important;letter-spacing:-.025em!important}
body.page-mode #main :is(.service-studio-copy h1,.multipage-page-head h1,.profile-intro h1,.library-material-copy h1,.journey-page-heading h1,.premium-case-head h1,.work-case-head h1,.page-head h1){font-size:clamp(36px,4.7vw,66px)!important}
body.page-mode #main :is(.multipage-section-head h2,.profile-section-heading h2,.journey-heading h2,.service-next h2,.lc-heading h2,.journey-library-access h2){font-size:clamp(29px,3.2vw,45px)!important}
body.page-mode #main :is(p,li,dd){font-family:var(--font-body);font-weight:400}
body.page-mode #main :is(.service-studio-copy>p:not(.profile-kicker),.multipage-page-head>div>p:not(.profile-kicker),.profile-intro>p:not(.profile-kicker),.journey-page-heading>p:last-child,.library-material-lead,.premium-deck,.page-head>.lead){font-size:16px!important;line-height:1.75!important;color:var(--finish-copy)!important;max-width:52ch}
body.page-mode #main :is(.multipage-section-head>p,.profile-section-heading>p,.journey-heading>p,.multipage-about-teaser p:not(.profile-kicker),.multipage-contact p:not(.profile-kicker),.journey-modes article p,.service-next li p,.journey-offer-copy>p:not(.journey-meta),.contact-intent>p:not(.profile-kicker),.lc-heading>p:last-child){font-size:15px!important;line-height:1.75!important;color:var(--finish-copy)!important}
body.page-mode #main :is(.profile-kicker,.folio-overline,.page-kicker,.ip-eyebrow){font-family:var(--font-label);font-size:10px;line-height:1.6;letter-spacing:.085em;font-weight:600;color:var(--finish-copy)}
body.page-mode :is(.multipage-section-head,.multipage-page-head,.profile-intro,.service-studio-copy,.library-material-copy,.journey-page-heading,.premium-case-head)>.profile-kicker::before,
body.page-mode .multipage-section-head>div>.profile-kicker::before,
body.page-mode .multipage-page-head>div>.profile-kicker::before{content:"";display:inline-block;width:7px;height:7px;margin-inline-end:10px;background:var(--finish-lime);border-radius:50%;box-shadow:0 0 0 3px #c9ff241b;vertical-align:1px}
body.page-mode .studio-heading-accent{background:linear-gradient(var(--finish-lime),var(--finish-lime)) no-repeat 0 94%/100% .10em;color:inherit;box-decoration-break:clone;-webkit-box-decoration-break:clone}
/* Primary invitations echo the hero; the arrow is decorative, the label stays intact. */
body.page-mode #main .profile-button:not(.secondary):not(:disabled){display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:48px;padding:9px 22px;background:var(--finish-lime);border:1px solid #27252126;border-radius:999px;color:#272521;font-family:var(--font-label);font-size:13px;line-height:1.45;font-weight:650;letter-spacing:-.015em;text-decoration:none;box-shadow:inset 0 1px 0 #ffffff70;transition:background .22s,box-shadow .22s,transform .22s}
body.page-mode #main a.studio-action{padding:7px 8px 7px 20px;justify-content:space-between}
body.page-mode .studio-action-arrow{display:inline-grid;place-items:center;width:32px;height:32px;flex:none;border-radius:50%;background:#272521;color:#c9ff24;font:400 20px/1 Arial,sans-serif;transition:transform .22s}
@media(hover:hover){body.page-mode #main .profile-button:not(.secondary):not(:disabled):hover{background:#d4ff55;box-shadow:0 5px 18px #4b502015;transform:translateY(-1px)}body.page-mode .studio-action:hover .studio-action-arrow{transform:translate(1px,-1px)}}
body.page-mode #main :is(.profile-button.secondary,.btn-ghost){border:1px solid var(--finish-line);border-radius:999px;background:transparent;color:var(--finish-ink);font-family:var(--font-label);font-size:13px;min-height:44px;box-shadow:none}
body.page-mode #main :is(.multipage-text-link,.journey-text-link,.journey-section-link,.profile-project-actions>a:not(.work-demo-button)){color:var(--finish-ink);font-family:var(--font-label);font-weight:550;font-size:13px;letter-spacing:-.015em;text-decoration-thickness:1px;text-decoration-color:#8e817570;text-underline-offset:6px}
body.page-mode #main :is(.multipage-breadcrumb,.journey-breadcrumb,.premium-breadcrumb){color:var(--finish-copy);font-size:11px;letter-spacing:.015em}
body.page-mode #main :is(.multipage-breadcrumb,.journey-breadcrumb,.premium-breadcrumb) a{color:inherit;border-color:var(--finish-line)}
/* Project contact sheets and the home page. */
body.page-mode #main :is(.multipage-proof-result,.multipage-project-total>span,.multipage-project-total>p,.multipage-case-notes dd){color:var(--finish-ink)}
body.page-mode #main :is(.multipage-proof-context,.multipage-proof-action,.multipage-proof-note,.multipage-case-notes dt,.profile-project-status,.profile-project-number,.work-selection-count,.multipage-project-total small){color:var(--finish-copy)}
body.page-mode .profile-work-card .profile-project-image{background:#ede7db;border:1px solid var(--finish-line);border-radius:18px;padding:24px}
body.page-mode .profile-work-card:nth-child(3n+2) .profile-project-image{background:#e9eddd}
body.page-mode .profile-work-card:nth-child(3n+3) .profile-project-image{background:#f0e4dc}
body.page-mode .profile-work-card .profile-project-image img{box-shadow:0 16px 30px -19px #40382e70;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
@media(hover:hover){body.page-mode .profile-work-card .profile-project-image:hover img{transform:translateY(-3px)}}
body.page-mode #main .work-demo-button{border-radius:999px;background:#272521;color:#fcfaf6;border-color:#272521;font-size:13px;line-height:1.45;min-height:44px;box-shadow:none}
body.page-mode #main .profile-filters{gap:9px}
body.page-mode #main .profile-filters button{background:transparent;border:1px solid var(--finish-line);color:var(--finish-copy);border-radius:999px;padding:10px 17px;font-size:12px;min-height:44px}
body.page-mode #main .profile-filters button[aria-pressed=true]{background:#272521;border-color:#272521;color:#fcfaf6}
body.page-mode .multipage-offer{border-color:var(--finish-line);box-shadow:0 3px 12px #493a2405;border-radius:18px}
body.page-mode .multipage-offer-cta{font-family:var(--font-label);font-size:13px;color:var(--finish-ink);border-color:var(--finish-line)}
body.page-mode .multipage-offer-arrow{background:#272521;border-color:#272521;color:#c9ff24}
body.page-mode .multipage-offer:is(:hover,:focus-visible) .multipage-offer-arrow{color:#272521;background:#c9ff24;border-color:#c9ff24}
body.page-mode .multipage-contact{background:#f0ecdf;border-color:var(--finish-line);padding-block:48px}
/* Services: keep the visual examples, with quieter frames and readable supporting copy. */
body.page-mode .service-studio-exhibit{background:#f0eadf;border-color:var(--finish-line);box-shadow:0 22px 50px -38px #55432e80}
body.page-mode .service-studio-disciplines{font-family:var(--font-label);font-size:10px;letter-spacing:.12em;color:var(--finish-copy)}
body.page-mode .journey-offers-page .journey-offer-workbench{background:#fffdf9;border-color:var(--finish-line);border-radius:20px}
body.page-mode .journey-offer-tabs{background:var(--finish-soft);border-color:var(--finish-line)}
body.page-mode .journey-offer-tabs>button{border-color:var(--finish-line);color:var(--finish-ink);border-radius:12px}
body.page-mode .journey-offer-tabs>button[aria-selected=true]{border-color:#817858;box-shadow:inset 0 0 0 1px #817858}
body.page-mode .journey-offer-tabs strong{font-family:var(--font-label);font-size:15px;font-weight:600}
body.page-mode .service-choice-selected{background:var(--finish-lime);color:#272521}
body.page-mode :is(.service-fit,.service-next ol,.service-gallery,.service-mode-image){background:#f1ece2;border-color:var(--finish-line)}
body.page-mode .service-fit{border-inline-start:2px solid #b7cc6c;border-radius:0 12px 12px 0;padding:17px 20px}
body.page-mode .service-fit p{font-size:12px;color:var(--finish-copy)}
body.page-mode .service-fit strong{font-size:15px;font-weight:500;color:var(--finish-ink);line-height:1.65}
body.page-mode :is(.journey-offer-copy li,.journey-offer-copy h4,.service-gallery-heading p,.service-gallery-open,.service-gallery figcaption>p,.service-gallery figcaption>a){color:var(--finish-ink)}
body.page-mode :is(.journey-meta,.service-gallery figcaption>span,.service-gallery-heading>span,.journey-offer-tabs small,.service-next li>span){color:var(--finish-copy)}
body.page-mode .service-next ol{border-radius:18px;padding:30px;gap:30px;background:#f3efe6}
body.page-mode .service-next h3{font-size:24px}
body.page-mode .service-gallery-main,.service-gallery-open{background:#fffdf9}
/* The Library is a warm, dark studio; light document panels explicitly reset the ink. */
body.page-mode :is(.journey-library,.multipage-library,.project-next,.ip-lab,.contact-library-mark,.library-material-hero,.profile-results){--finish-ink:#fcfaf4;--finish-copy:#d0cabe;--finish-line:#fff5de2a;background:#292a24;color:#fcfaf4}
body.page-mode :is(.library-commerce,.lc-dialog,.ip-dialog,.library-output-page,.profile-results-grid article){--finish-ink:#272521;--finish-copy:#655f57;--finish-line:#27252124;color:#272521}
body.page-mode .page:not([data-page=events]) .band{--finish-ink:#fcfaf4;--finish-copy:#d0cabe;--finish-line:#fff5de2a}
body.page-mode .journey-library{background:radial-gradient(ellipse at 85% 0%,#c9ff240b,transparent 55%),#292a24}
body.page-mode #main :is(.library-material-lead,.journey-library-heading>p:last-child,.journey-pack-intro p,.multipage-library-copy>p:not(.profile-kicker),.project-next-intro>p:not(.folio-overline)){color:var(--finish-copy)!important;font-size:15px;line-height:1.75}
body.page-mode :is(.journey-library,.multipage-library,.project-next) :is(.profile-kicker,.folio-overline){color:#d5e4a6}
body.page-mode .library-chapter-nav{border-color:#fff5de2a}
body.page-mode .library-chapter-nav a{font-family:var(--font-label);font-size:12px;color:#e4dfd1;border-color:#fff5de2a;border-radius:999px}
body.page-mode .journey-pack-tabs button{border-radius:999px;color:#ded9ce;font-size:13px}
body.page-mode .journey-pack-tabs button[aria-selected=true]{background:#c9ff24;color:#272521}
body.page-mode .library-output-sheet{background:#33352c;border-color:#fff5de2a;border-radius:18px}
body.page-mode .library-output-page{background:#f3efe5;color:#272521;border-color:#f3efe5}
body.page-mode .library-output-page:nth-child(2){background:#e9ecdb;border-color:#e9ecdb}
body.page-mode .library-output-page:nth-child(3){background:#eee2d6;border-color:#eee2d6}
body.page-mode .library-commerce{background:#fcfaf6;border-color:#27252124;border-radius:20px;--lc-ink:#272521;--lc-line:#27252124}
body.page-mode .lc-level{border-radius:12px;border-color:#27252124}
body.page-mode .lc-levels input:checked+.lc-level{background:#edf5d6;border-color:#69704c}
body.page-mode :is(.lc-level>span,.lc-tags,.lc-note,.lc-requirements,.lc-currency-note,.lc-heading>p:last-child){color:#655f57}
body.page-mode .lc-level-price{color:#272521}.lc-outputs>span{border-radius:7px;background:#f0ecdf}
body.page-mode :is(.lc-product-visual,.lc-dialog,.ip-dialog){border-radius:16px}
/* Experience, skills and contact use the same paper, lines and type. */
body.page-mode :is(.profile-chapter,.profile-career-chapter,.profile-contact){background:#f4f0e8;color:var(--finish-ink)}
body.page-mode :is(.profile-results-grid article,.profile-education-grid article,.profile-skills article,.profile-career-chapter .profile-timeline>li){background:#fffdf9;border:1px solid var(--finish-line);border-radius:16px;box-shadow:0 5px 18px #493a2405}
body.page-mode :is(.profile-intro,.profile-role,.skill-copy,.profile-education-grid){color:var(--finish-ink)}
body.page-mode :is(.profile-role>p,.skill-copy>p,.profile-education-grid p,.profile-date,.profile-shortcuts a,.profile-origin){color:var(--finish-copy)}
body.page-mode .profile-shortcuts a{border-color:var(--finish-line);border-radius:999px;font-size:12px;min-height:44px;display:inline-flex;align-items:center}
body.page-mode #main h2.profile-small-heading{font-family:var(--font-label)!important;font-size:11px!important;font-weight:600!important;letter-spacing:.075em!important;line-height:1.5!important;color:var(--finish-copy)!important;margin-top:28px}
body.page-mode .profile-role .profile-contribution{background:#f0f4e1;color:#484d38;border-radius:8px}
body.page-mode .skill-tags span{background:#f3f0e8;color:#5a544d;border-color:var(--finish-line);border-radius:999px}
body.page-mode .page[data-page=contact] .service-contact-page :is(.form,.contact-book,.contact-intent){background:#fffdf9;border-color:var(--finish-line);border-radius:18px;box-shadow:0 6px 24px #493a2405}
body.page-mode .page[data-page=contact] .service-contact-page .contact-intent{background:var(--finish-soft)}
body.page-mode #main[data-page=contact] .service-contact-page{background:var(--finish-paper)}
body.page-mode #main[data-page=contact] .page-head{background:#f1eedf}
body.page-mode #main[data-page=contact] .page-head::before{background:#f1eedf;box-shadow:0 0 0 100vmax #f1eedf}
body.page-mode #main[data-page=contact] .form h2{font-size:clamp(27px,2.7vw,36px)!important;margin-bottom:20px}
body.page-mode .page[data-page=contact] .service-contact-page .form .field label{font-family:var(--font-label);font-size:12px;font-weight:600;color:#514b43}
body.page-mode .page[data-page=contact] .service-contact-page .form :is(input,select,textarea){background:#fcfaf6;border:1px solid #92887966;border-radius:10px;color:#272521;font-family:var(--font-body);font-size:16px;box-shadow:none}
body.page-mode .page[data-page=contact] .service-contact-page .form .btn-solid{border-radius:999px;background:#c9ff24;border-color:#27252126;color:#272521;font-family:var(--font-label);font-weight:650;min-height:48px}
body.page-mode :is(.contact-draft-preview,.page[data-page=contact] .service-contact-page .journey-details){background:#f3efe6;border-color:var(--finish-line);color:#272521}
body.page-mode .footer{background:#272521;border-top:1px solid #514b43;color:#fcfaf6}
body.page-mode .footer :is(.footer-line,.footer-note){font-family:var(--font-body);font-size:12px;line-height:1.75;color:#c8c1b4}
body.page-mode .footer :is(.footer-nav a,.footer-link){font-family:var(--font-label);font-size:13px;color:#f3eee3}
body.page-mode :is(a,button,summary,input,select,textarea):focus-visible{outline:2px solid #8b814e;outline-offset:4px}
body.page-mode :is(.journey-library,.multipage-library,.project-next) :focus-visible{outline-color:#c9ff24}
html[lang=ar] body.page-mode #main :is(h1,h2,h3){letter-spacing:0!important;line-height:1.45!important}
@media(max-width:760px){
 body.page-mode #main :is(.service-studio-copy h1,.multipage-page-head h1,.profile-intro h1,.library-material-copy h1,.journey-page-heading h1,.premium-case-head h1,.work-case-head h1,.page-head h1){font-size:clamp(33px,8.5vw,47px)!important}
 body.page-mode #main :is(.multipage-section-head h2,.profile-section-heading h2,.journey-heading h2,.service-next h2,.lc-heading h2,.journey-library-access h2){font-size:clamp(28px,7.2vw,36px)!important}
 body.page-mode #main :is(.service-studio-copy>p:not(.profile-kicker),.multipage-page-head>div>p:not(.profile-kicker),.profile-intro>p:not(.profile-kicker),.library-material-lead,.premium-deck){font-size:15px!important;line-height:1.7!important}
 body.page-mode .profile-work-card .profile-project-image{padding:18px;border-radius:14px}
 body.page-mode #main .profile-button:not(.secondary):not(:disabled){font-size:12px;min-height:46px}
 body.page-mode #main a.studio-action{gap:16px;padding-inline-start:17px}
 body.page-mode .studio-action-arrow{width:30px;height:30px;font-size:18px}
 body.page-mode .service-next ol{padding:12px 22px;gap:0}
 body.page-mode .multipage-contact{padding-block:34px}
}
@media(prefers-reduced-motion:reduce){body.page-mode :is(.studio-action,.studio-action-arrow,.profile-work-card .profile-project-image img){transition:none!important;transform:none!important}}
body.portfolio-motion-paused :is(.studio-action,.studio-action-arrow,.profile-work-card .profile-project-image img){transition:none!important;transform:none!important}