/* Stable, drawn CTA icons: independent of Unicode glyph metrics on mobile. */
body.page-mode{
 --action-arrow85:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 18 18 6M6 6h12v12'/%3E%3C/svg%3E");
 --action-down85:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v16m-6-6 6 6 6-6'/%3E%3C/svg%3E");
}
body.page-mode :is(.studio-action-arrow,.multipage-offer-arrow,.multipage-text-link>span[aria-hidden=true],.profile-project-image>span[aria-hidden=true],.service-choice-explore>i,.hr-interest>span[aria-hidden=true],.hr-study-caption>i){
 position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;
 font-size:0!important;line-height:0!important;font-style:normal;text-decoration:none;vertical-align:middle;
}
body.page-mode :is(.studio-action-arrow,.multipage-offer-arrow,.multipage-text-link>span[aria-hidden=true],.profile-project-image>span[aria-hidden=true],.service-choice-explore>i,.hr-interest>span[aria-hidden=true],.hr-study-caption>i)::before{
 content:"";position:absolute;inset:50% auto auto 50%;width:16px;height:16px;
 transform:translate(-50%,-50%);background:currentColor;
 -webkit-mask:var(--action-arrow85) center/contain no-repeat;mask:var(--action-arrow85) center/contain no-repeat;
}
body.page-mode #main .studio-action-arrow[data-direction="↓"]::before{-webkit-mask-image:var(--action-down85);mask-image:var(--action-down85)}
body.page-mode #main .studio-action-arrow[data-direction="↑"]::before{-webkit-mask-image:var(--action-down85);mask-image:var(--action-down85);transform:translate(-50%,-50%) rotate(180deg)}
body.page-mode #main .studio-action-arrow[data-direction="→"]::before{-webkit-mask-image:var(--action-down85);mask-image:var(--action-down85);transform:translate(-50%,-50%) rotate(-90deg)}
body.page-mode #main .studio-action-arrow[data-direction="←"]::before{-webkit-mask-image:var(--action-down85);mask-image:var(--action-down85);transform:translate(-50%,-50%) rotate(90deg)}
body.page-mode #main .studio-action-arrow[data-direction="↖"]::before{transform:translate(-50%,-50%) scaleX(-1)}
body.page-mode :is(.studio-action-arrow,.multipage-offer-arrow){width:32px;height:32px;min-width:32px;min-height:32px}
body.page-mode .profile-project-image>span[aria-hidden=true]{position:absolute;width:32px;height:32px;padding:0}
body.page-mode :is(.multipage-text-link>span[aria-hidden=true],.service-choice-explore>i,.hr-interest>span[aria-hidden=true],.hr-study-caption>i){width:20px;height:20px;min-width:20px;min-height:20px}
body.page-mode #main :is(.multipage-text-link,.hr-interest){display:inline-flex;align-items:center;gap:12px;min-height:44px;max-width:100%;line-height:1.5}
body.page-mode #main :is(a.profile-button,button.profile-button,.work-demo-button,.lc-primary,.lc-secondary){max-width:100%;white-space:normal;overflow-wrap:normal;word-break:normal;text-align:start}
body.page-mode #main a.studio-action{gap:14px;min-height:48px;padding:7px 8px 7px 18px;line-height:1.5}
body.page-mode .profile-project-actions{align-items:center;flex-wrap:wrap;gap:12px 18px}
body.page-mode .profile-project-actions>a{display:inline-flex;align-items:center;min-height:44px}
body.page-mode .work-play{position:relative;flex:0 0 22px;font-size:0!important;line-height:0!important}
body.page-mode .work-play::before{content:"";position:absolute;left:9px;top:7px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid currentColor}

/* Section labels and project disciplines are distinct from descriptive copy. */
body.page-mode #main :is(.multipage-section-head,.service-studio-copy,.multipage-page-head,.l83-intro,.conversion-contact .page-head) .profile-kicker{
 display:inline-flex;align-items:center;gap:10px;width:fit-content;max-width:100%;
 margin-block:0 20px;padding:7px 12px;border:1px solid #d9ddc7;border-radius:6px;
 background:#edf0df;color:#34372c;font-size:12px;font-weight:750;line-height:1.5;letter-spacing:.065em;
}
body.page-mode #main :is(.multipage-section-head,.service-studio-copy,.multipage-page-head,.l83-intro,.conversion-contact .page-head) .profile-kicker::before{margin-inline-end:0;box-shadow:none;background:#789044}
body.page-mode .project-category{padding:7px 12px;border-color:#b8c29a;background:#eaf0d9;color:#303827;font-size:12px;font-weight:700;line-height:1.45;letter-spacing:.015em}
body.page-mode #main .profile-filters{align-items:center;gap:9px;padding-block:20px;border-color:#d3cebf}
body.page-mode #main .profile-filters button{min-height:44px;padding:10px 15px;background:#fffdf8;border:1px solid #c4bcac;color:#454137;font-size:13px;font-weight:600;line-height:1.4}
body.page-mode #main .profile-filters button[aria-pressed=true]{background:#303528;border-color:#303528;color:#fffdf8;box-shadow:0 2px 5px #30352813}
body.page-mode .multipage-offer-topline{font-size:12px;font-weight:700;letter-spacing:.06em}
body.page-mode .service-studio-disciplines{gap:8px;flex-wrap:wrap;letter-spacing:.05em}
body.page-mode .service-studio-disciplines>span{padding:6px 9px;border:1px solid #d5cfbe;border-radius:5px;background:#f3efe5;font-size:11px;font-weight:650;color:#504b40}

@media(max-width:760px){
 body.page-mode #main :is(.profile-container,.journey-offer-copy,.journey-offer-panel,.lc-product,.lc-details,.form,.contact-side){min-width:0}
 body.page-mode #main :is(.profile-button,.work-demo-button,.hr-interest){font-size:13px;min-height:48px}
 body.page-mode #main :is(.multipage-contact,.conversion-next) .studio-action{width:fit-content;max-width:100%}
 body.page-mode :is(.studio-action-arrow,.multipage-offer-arrow){width:32px;height:32px;min-width:32px;min-height:32px;transform:none!important}
 body.page-mode #main .profile-project-actions .work-demo-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;line-height:1.4;padding:11px 16px}
 body.page-mode #main :is(.multipage-section-head,.service-studio-copy,.multipage-page-head,.l83-intro,.conversion-contact .page-head) .profile-kicker{font-size:11px;padding:7px 10px;letter-spacing:.055em}
 body.page-mode .project-category{font-size:12px;max-width:100%;white-space:normal}
 body.page-mode #main :is(input,select,textarea){max-width:100%}
 body.page-mode .footer-link{overflow-wrap:anywhere}
 body.page-mode .library-demo-actions{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;padding:12px}
 body.page-mode .journey-library-page .library-demo-actions button{min-width:0;min-height:44px;padding:9px 7px;font-size:12px;white-space:normal;line-height:1.4}
 body.page-mode .profile-education-grid{grid-template-columns:minmax(0,1fr)}
 body.page-mode :is(.education-cards,.profile-languages,.profile-education-grid article>div){min-width:0}
}
@media(max-width:480px){
 body.page-mode .profile-education-grid article{display:block;padding:22px}
 body.page-mode .profile-education-grid article>span:not(.education-glyph){margin-bottom:18px}
 body.page-mode .profile-education-grid .education-glyph{position:absolute;inset-block-start:16px;inset-inline-end:18px;font-size:26px}
 body.page-mode .profile-education-grid article h3{max-width:100%;font-size:23px}
}
@media(max-width:380px){
 body.page-mode #main .profile-project-actions{align-items:stretch;gap:10px}
 body.page-mode #main .profile-project-actions .work-demo-button{max-width:100%;font-size:12px;padding-inline:12px}
 body.page-mode #main .profile-filters button{padding-inline:12px;font-size:12px}
}