/* The experiment keeps the current site's typography, artwork and native toggles. */
.experiment-page .experiment-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px 24px;margin-top:28px}
.experiment-page .experiment-actions .button{margin:0}
.experiment-page .experiment-work{display:grid;grid-template-columns:1fr 1.5fr;column-gap:70px;row-gap:52px}
.experiment-page .experiment-work h2{margin:0}
.experiment-page .experiment-work p:first-child{margin-top:0}
.experiment-page .experiment-work p{max-width:65ch}
.experiment-page .experiment-experience{border-top:1px solid var(--line);padding-top:24px;margin-top:28px}
.experiment-page .experiment-outcomes-label,.experiment-page .experiment-outcomes{border-top:1px solid var(--line);padding-top:24px}
.experiment-page .experiment-outcomes-label span{font-size:.8rem;font-weight:650;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.experiment-page .experiment-outcomes-label p{font-family:var(--heading);font-size:clamp(1.45rem,2.1vw,2rem);font-weight:600;line-height:1.2;letter-spacing:-.03em;margin:14px 0 0;max-width:16ch;color:var(--ink)}
.experiment-page .experiment-outcomes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 34px}
.experiment-page .experiment-outcomes>div{display:flex;flex-direction:column;gap:5px;min-width:0}
.experiment-page .experiment-outcomes strong{font-family:var(--heading);font-size:clamp(2.3rem,3.8vw,3.5rem);font-weight:600;line-height:1.05;letter-spacing:-.045em;color:var(--ink)}
.experiment-page .experiment-outcomes .experiment-outcome-words{font-size:clamp(1.4rem,2.4vw,2.1rem);line-height:1.3}
.experiment-page .experiment-outcomes span{font-size:.9rem;line-height:1.5;color:var(--muted)}
.experiment-page .experiment-problems{border-top:1px solid var(--line)}
.experiment-page .experiment-problems>.text-link{margin-top:24px}
.experiment-page .service-grid h3 a{text-decoration:none}
.experiment-page .service-grid h3 a:hover{text-decoration:underline;text-underline-offset:5px}
.experiment-page .case-hero .wrap{max-width:960px}
.experiment-page .case-hero .text-link{margin-bottom:20px}
.experiment-page .case-intro{max-width:65ch;font-size:var(--intro-size);line-height:var(--intro-leading);margin-top:28px}
.experiment-page .case-library{max-width:960px;padding-block:35px var(--section-space)}
.experiment-page .case-filters{display:flex;flex-wrap:wrap;gap:10px}
.experiment-page .case-filters button{font:inherit;font-size:.9rem;line-height:1.4;border:1px solid var(--line);border-radius:24px;background:transparent;color:var(--ink);padding:11px 18px;min-height:44px;cursor:pointer}
.experiment-page .case-filters button:hover{border-color:var(--ink)}
.experiment-page .case-filters button[aria-pressed="true"]{background:var(--ink);color:var(--wash);border-color:var(--ink)}
.experiment-page .case-filters button:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.experiment-page .case-count{font-size:.875rem;color:var(--muted);margin:18px 0 0}
.experiment-page .mentoring-situation{scroll-margin-top:110px}
.experiment-page .case-summary{display:block;min-width:0}
.experiment-page .case-categories{display:block;font-family:var(--sans);font-size:.8rem;font-weight:500;line-height:1.5;letter-spacing:0;color:var(--muted);margin-bottom:12px}
.experiment-page .case-title{display:block}
.experiment-page .case-description{display:block;font-family:var(--sans);font-size:1rem;font-weight:400;line-height:1.7;letter-spacing:0;color:var(--muted);margin-top:14px;max-width:70ch}
.experiment-page .mentoring-situation summary:hover>.case-summary{text-decoration:none}
.experiment-page .mentoring-situation summary:hover .case-title{text-decoration:underline;text-underline-offset:5px}
.experiment-page .mentoring-situation .situation-content{display:block;max-width:72ch;padding:0 0 36px}
.experiment-page .situation-content p{color:var(--ink)}
.experiment-page [hidden]{display:none!important}
@media(max-width:800px){.experiment-page .experiment-work{grid-template-columns:minmax(0,1fr);gap:22px}.experiment-page .experiment-outcomes-label{margin-top:12px}.experiment-page .experiment-outcomes{padding-top:4px;border-top:0;gap:24px 20px}.experiment-page .case-hero{text-align:left}.experiment-page .case-library{padding-top:20px}}
html body.playroom.experiment-page .case-library{max-width:960px}
html body.experiment-page[data-page="experimental-case-studies"]{--hero-heading-size:clamp(2.75rem,calc(1.75rem + 3vw),4.5rem)}
@media(max-width:800px){
 .experiment-page .landing-about figure{width:min(280px,85%)}
 .experiment-page .landing-hero h1 br{display:none}
 html body.experiment-page .case-hero{text-align:left}
}
/* Carry the current homepage's narrower reading column into the experiment. */
html body.playroom.experiment-page[data-page="experimental-homepage"] .landing-references>.wrap,
html body.playroom.experiment-page[data-page="experimental-homepage"] #writing{max-width:960px}
html body.playroom.experiment-page[data-page="experimental-homepage"] .recommendations{max-width:none;width:100%}