/* A single editorial hierarchy, four destinations and tangible service outputs. */
body.page-mode #main :is(.profile-kicker,.folio-overline,.page-kicker,.ip-eyebrow){font-size:12px;letter-spacing:.09em;font-weight:750;color:#4b463d}
body.page-mode #main :is(.multipage-selected,.multipage-offers) .profile-kicker{font-size:15px;color:#272521;border-bottom:1px solid #27252124;padding-bottom:15px;margin-bottom:22px;display:block}
body.page-mode .multipage-home .multipage-about-teaser{grid-template-columns:minmax(270px,.8fr) 1fr;gap:clamp(35px,6vw,88px);padding-block:75px;align-items:center}
body.page-mode .multipage-home .multipage-about-portrait{border-radius:120px 120px 18px 18px;aspect-ratio:4/4.4;max-height:480px;box-shadow:12px 15px 0 #e8e2d4}
body.page-mode .multipage-home .multipage-about-portrait img{object-position:center 36%}
body.page-mode .multipage-about-mark{display:none}
body.page-mode #main .multipage-home .multipage-about-teaser h2{font-size:clamp(34px,4.2vw,56px);max-width:17ch;line-height:1.08}
body.page-mode .multipage-home .multipage-about-teaser p:not(.profile-kicker){max-width:43ch;margin-block:24px;font-size:17px!important}
body.page-mode .profile-project-number{display:flex;gap:10px;align-items:center;font-family:var(--font-body);font-size:12px;font-weight:700;color:#39372e;line-height:1.5;letter-spacing:.035em}
body.page-mode .profile-project-number>span{display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;height:28px;background:#e6ebd9;border-radius:50%;font-size:11px}
body.page-mode .multipage-case-summary{font:400 14px/1.65 var(--font-body);color:#635e54;margin-block:16px 20px}
body.page-mode .profile-work-filters{gap:9px;flex-wrap:wrap}
body.page-mode .profile-work-filters button{font-size:13px;min-height:44px;border:1px solid #9d9789}
body.page-mode .multipage-offer-content h3{font-size:22px;line-height:1.2}
body.page-mode .multipage-offer-output{font-size:14px;line-height:1.6;color:#625d53}
body.page-mode .journey-offer-copy h4{font-size:13px;letter-spacing:.06em;color:#484537;margin:24px 0 14px;text-transform:uppercase}
body.page-mode .journey-offer-copy ul{padding-inline-start:18px;line-height:1.75}
body.page-mode .journey-offer-copy>p:not(.journey-meta){max-width:45ch}
body.page-mode .service-studio-copy h1{white-space:pre-line;max-width:17ch;line-height:1.08!important}
body.page-mode .service-studio-hero{padding-block:40px 54px;gap:6%}
body.page-mode .journey-offer-tabs button strong{line-height:1.35}
body.page-mode #main .conversion-next{margin-block:60px;padding:45px clamp(24px,5vw,60px);border-top:1px solid #d6cebd;background:#efeddf;border-radius:24px}
body.page-mode #main .conversion-next h2{max-width:21ch;margin:15px 0 27px;font-size:clamp(30px,4vw,46px)}
body.page-mode #main .contact-person{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:22px;background:transparent;border:0}
body.page-mode .contact-person img{width:100px;height:132px;object-fit:cover;border-radius:50px 50px 12px 12px}
body.page-mode #main .contact-person h2{font-size:24px;line-height:1.25;margin:10px 0 12px;letter-spacing:-.03em}
body.page-mode .contact-person p:not(.profile-kicker){font-size:14px;line-height:1.7;color:#625c52}
body.page-mode .contact-direct{padding-block:25px;border-bottom:1px solid #d9d3c5}
body.page-mode .contact-direct>a:first-child{font-size:clamp(13px,1.3vw,17px);color:#29271f;text-decoration:underline;text-underline-offset:5px;overflow-wrap:anywhere}
body.page-mode .contact-direct p{font-size:14px;margin-top:26px}
body.page-mode .contact-next{margin-top:23px}
body.page-mode #main .contact-next .what{font-size:14px;line-height:1.65}
body.page-mode #main .contact-required-note{font-size:12px;color:#655f56;margin-bottom:25px}
body.page-mode .contact-optional{margin:17px 0 25px;border-block:1px solid #ded8cc;padding-block:16px}
body.page-mode .contact-optional summary{font-size:14px;font-weight:600;cursor:pointer}
body.page-mode .contact-optional[open] summary{margin-bottom:24px}
body.page-mode #main .conversion-contact .page-head{padding-bottom:35px}
body.page-mode .conversion-contact .contact-side{gap:20px}
body.page-mode #main .conversion-contact .form{padding:clamp(24px,3vw,42px)}
body.page-mode .conversion-contact .form textarea{min-height:145px}
body.page-mode .conversion-contact .journey-details{display:none}
body.page-mode .contact-person .profile-kicker{font-size:10px!important}
@media(max-width:760px){
 body.page-mode .multipage-home .multipage-about-teaser{grid-template-columns:minmax(130px,.8fr) 1fr;gap:24px;padding-block:45px}
 body.page-mode .multipage-home .multipage-about-portrait{aspect-ratio:3/4;border-radius:85px 85px 12px 12px;box-shadow:7px 9px 0 #e8e2d4}
 body.page-mode #main .multipage-home .multipage-about-teaser h2{font-size:30px}
 body.page-mode .multipage-home .multipage-about-teaser p:not(.profile-kicker){font-size:14px!important;margin-block:17px}
 body.page-mode .multipage-home .multipage-about-teaser .profile-kicker{font-size:10px!important}
 body.page-mode .service-studio-hero{padding-block:24px 35px}
 body.page-mode #main .conversion-next{padding:30px 24px;margin-block:38px}
 body.page-mode #main .contact-person{grid-template-columns:80px 1fr;gap:20px}
 body.page-mode .contact-person img{width:80px;height:105px}
 body.page-mode .conversion-contact .contact{display:flex;flex-direction:column;gap:35px}
 body.page-mode .conversion-contact .contact-side{width:100%}
 body.page-mode .conversion-contact .form{width:100%}
}
@media(max-width:480px){
 body.page-mode .multipage-home .multipage-about-teaser{grid-template-columns:1fr;gap:30px}
 body.page-mode .multipage-home .multipage-about-portrait{width:min(85%,310px);aspect-ratio:4/4.5;max-height:355px;margin:auto}
 body.page-mode #main .multipage-home .multipage-about-teaser h2{font-size:36px}
 body.page-mode #main :is(.multipage-selected,.multipage-offers) .profile-kicker{font-size:13px}
}
/* Contact already has a direct conversation path; no floating widget over fields. */
body:has(#main:is([data-page=contact],[data-page=offers],[data-page=projects],[data-page=project])) #concierge-fab{display:none!important}
body.page-mode .case-demo-guide{padding:20px 24px;border:1px solid #d8d1bf;border-radius:14px;background:#f1eedf;margin-block:24px;color:#39362d}
body.page-mode .case-demo-guide p{font-size:14px;line-height:1.65;max-width:70ch}
body.page-mode .case-demo-guide .profile-kicker{font-size:11px;letter-spacing:.05em}

/* Disciplines remain identifiable before opening a case study. */
body.page-mode .profile-filters{padding-block:15px 22px;gap:10px;border-block:1px solid #d9d3c6;margin-block:16px 20px}
body.page-mode .profile-filters button{min-height:44px;font-weight:650;border-color:#a49b89}
body.page-mode .profile-project-number{flex-wrap:wrap;row-gap:8px}
body.page-mode .project-category{display:inline-flex;align-items:center;max-width:100%;padding:6px 11px;border:1px solid #d3cfb9;border-radius:30px;background:#f0f0df;color:#35372b;font:650 12px/1.45 var(--font-body);letter-spacing:.01em}
body.page-mode .case-category-line{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
body.page-mode .case-category-line>span{font-size:10px;letter-spacing:.06em}
body.page-mode .multipage-project-index .multipage-case-summary{margin-top:0}
body.page-mode .project-next-paths{grid-template-columns:1fr}
body.page-mode #main :is(.service-studio-copy,.multipage-page-head,.conversion-contact .page-head) .profile-kicker{display:inline-flex;gap:12px;align-items:center;font-size:13px}
body.page-mode #main :is(.service-studio-copy,.multipage-page-head) .profile-kicker::before{content:"";width:8px;height:8px;background:#bce929;border-radius:50%;flex:none}

@media(max-width:760px){
 body.page-mode .conversion-contact .contact-side{display:contents}
 body.page-mode .conversion-contact .contact-side>.contact-intent{order:0;width:100%}
 body.page-mode .conversion-contact .form{order:1}
 body.page-mode .conversion-contact .contact-person{order:2}
 body.page-mode .conversion-contact .contact-direct{order:3}
 body.page-mode .conversion-contact .contact-next{order:4}
}