/* Four ways of working. Editorial content, without sample exercises. */
.pillar-page #main {
 --pillar-paper:#f3f4ee;--pillar-panel:#e7e9df;--pillar-raised:#fbfcf7;
 --pillar-ink:#243129;--pillar-muted:#536153;--pillar-rule:#bbc5b7;--pillar-accent:#983e27;
 --sheet:var(--pillar-paper);--panel:var(--pillar-panel);--raised:var(--pillar-raised);
 --ink:var(--pillar-ink);--ink-2:var(--pillar-muted);--ink-3:var(--pillar-muted);
 --oxide:var(--pillar-accent);--rule:var(--pillar-rule);--rule-2:var(--pillar-rule);
 --paper:var(--sheet);--paper-2:var(--panel);--paper-3:var(--panel);--surface:var(--raised);--line:var(--rule);--line-strong:var(--rule);
 color-scheme:light;background:var(--pillar-paper);color:var(--pillar-ink);padding-top:clamp(145px,11vw,175px);
}
.pillar-page #main :where(h1,h2,h3,h4){font-family:'Archivo',Arial,sans-serif;font-weight:400;line-height:1.2;text-wrap:balance}
.pillar-page #main h1{font-size:clamp(2.8rem,5.7vw,6.25rem);letter-spacing:-.055em;line-height:1.055}
.pillar-page #main h2{font-size:clamp(1.85rem,3.05vw,3.1rem);letter-spacing:-.045em;line-height:1.14}
.pillar-page #main h3{font-size:clamp(1.2rem,1.55vw,1.65rem);letter-spacing:-.025em;line-height:1.3}
.pillar-page #main p{line-height:1.75}
.pillar-page :where(#main) :where(ol,ul,dl,dd){margin:0;padding:0;list-style:none}
.pillar-page #main :where(article,li,section,div){min-width:0}
.pillar-page #main a:focus-visible{outline:2px solid var(--pillar-accent);outline-offset:5px}
.pillar-page .pillar-wayfinding{padding-bottom:clamp(2.2rem,4.5vw,4.6rem)}
.pillar-page .pillar-wayfinding .chapter-wayfinding{padding:0;flex-wrap:wrap;gap:1rem 2rem}
.pillar-page .pillar-wayfinding .stage-nav{flex-wrap:wrap;gap:.6rem 1.35rem;font-size:.875rem}
.pillar-page .pillar-wayfinding .stage-nav a{min-height:44px}
.pillar-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(2rem,8vw,9rem);align-items:end;padding-bottom:clamp(3.75rem,7vw,7.5rem)}
.pillar-hero h1{max-width:18ch}.pillar-hero h1>span,.pillar-hero h1>em{display:block}
.pillar-hero h1>em{font-family:'Newsreader',Georgia,serif;font-weight:400;letter-spacing:-.045em;color:var(--pillar-accent)}
.pillar-hero .pillar-lead{font-size:clamp(1.0625rem,1.4vw,1.25rem);color:var(--pillar-muted);max-width:42ch;padding-bottom:.3rem}
.pillar-what{display:grid;grid-template-columns:1fr 1.55fr;gap:clamp(2rem,8vw,8rem);padding-bottom:clamp(4rem,7vw,7rem)}
.pillar-what>h2{max-width:14ch;padding-top:1.55rem;border-top:1px solid var(--pillar-rule)}
.pillar-offerings{border-top:1px solid var(--pillar-rule)}
.pillar-offering{display:grid;grid-template-columns:.86fr 1fr;gap:2rem;padding-block:1.6rem;border-bottom:1px solid var(--pillar-rule)}
.pillar-offering>p,.pillar-process p{font-size:1rem;color:var(--pillar-muted);max-width:48ch}
.pillar-why{background:var(--pillar-panel);padding-block:clamp(3.5rem,6vw,6rem)}
.pillar-why-layout{display:grid;grid-template-columns:1fr 1.55fr;gap:clamp(2rem,8vw,8rem)}
.pillar-why h2{max-width:15ch}.pillar-why-copy{max-width:64ch}
.pillar-why-copy p{font:400 clamp(1.18rem,1.6vw,1.48rem)/1.7 'Newsreader',Georgia,serif;letter-spacing:-.005em}.pillar-why-copy p+p{margin-top:1.25rem}
.pillar-how{padding-block:clamp(3.75rem,6vw,6rem)}.pillar-how>h2{margin-bottom:2.4rem}
.pillar-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.75rem,4vw,4.5rem)}
.pillar-process>li{border-top:1px solid var(--pillar-rule);padding-top:1.35rem;display:grid;grid-template-columns:2rem 1fr;gap:1rem}
.pillar-step-number{font-size:.875rem;line-height:1.8;color:var(--pillar-accent)}.pillar-process h3{margin-bottom:.85rem}
.pillar-implementation .pillar-what{display:block}.pillar-implementation .pillar-what>h2{max-width:none;border:0;padding-top:0;margin-bottom:2.3rem}
.pillar-implementation .pillar-offerings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.75rem,4vw,4.5rem);border:0}
.pillar-implementation .pillar-offering{display:block;border-top:1px solid var(--pillar-rule);border-bottom:0}.pillar-implementation .pillar-offering>h3{margin-bottom:.8rem}
.pillar-engineering .pillar-hero{grid-template-columns:1.45fr 1fr}.pillar-engineering .pillar-hero h1{max-width:20ch}
.pillar-education .pillar-what>h2{max-width:16ch}
/* The added detail is the actual engagement: decisions, tool choice, quality and learning. */
.pillar-practice{padding-block:clamp(3.5rem,6vw,6rem);background:#e8e7dc}
.practice-layout{display:grid;grid-template-columns:1fr 1.55fr;gap:clamp(2rem,8vw,8rem)}
.practice-layout>header h2{max-width:16ch}.practice-layout>header>p{font-size:1rem;max-width:34ch;margin-top:1.75rem;color:var(--pillar-muted)}
.practice-item{padding-block:1.8rem;border-top:1px solid var(--pillar-rule)}.practice-item:first-child{padding-top:0;border:0}.practice-item:last-child{padding-bottom:0}
.practice-item h3{margin-bottom:.85rem}.practice-item p{font-size:1rem;color:var(--pillar-muted);max-width:60ch}
.practice-link{display:inline-flex;align-items:center;gap:1.75rem;min-height:44px;margin-top:1.2rem;border-bottom:1px solid var(--pillar-rule);font-size:.9375rem;transition:color .25s ease}.practice-link:hover{color:var(--pillar-accent)}
.practice-review_cycle{background:#edece2;border-top:1px solid var(--pillar-rule)}
.practice-tool_selection{background:#e5e9de}.practice-tool_selection .practice-item{display:grid;grid-template-columns:.7fr 1fr;gap:2rem}.practice-tool_selection .practice-item h3{max-width:17ch}
.practice-engineering_quality{--pillar-ink:#f0f2e9;--pillar-muted:#c1cebe;--pillar-rule:#60715e;--pillar-accent:#efb090;--ink:var(--pillar-ink);--ink-2:var(--pillar-muted);--ink-3:var(--pillar-muted);--oxide:var(--pillar-accent);--rule:var(--pillar-rule);background:#20362a;color:var(--pillar-ink)}
.practice-engineering_quality .practice-item:nth-child(2){margin-block:1.8rem;padding:1.8rem 2rem;background:#2c4435;border:0;border-left:2px solid var(--pillar-accent)}
.practice-engineering_quality .practice-item:nth-child(3){padding-top:0;border:0}
.practice-learning_formats{background:#e9e2d7}.practice-learning_formats .practice-items{border-top:2px solid var(--pillar-accent)}
.practice-learning_formats .practice-item{padding-block:1.8rem}.practice-learning_formats .practice-item:first-child h3{font-size:clamp(2rem,3vw,3rem)!important;letter-spacing:-.06em!important}
.practice-learning_formats .practice-item:first-child{padding-bottom:2.2rem}.practice-learning_formats .practice-item:first-child .practice-link{color:var(--pillar-accent)}
/* Linked product identities. Brand artwork keeps its original colors. */
.pillar-toolkit{padding-block:clamp(3.75rem,6vw,6rem)}
.toolkit-heading{display:flex;align-items:end;justify-content:space-between;gap:3rem;margin-bottom:2.5rem}.toolkit-heading p{font-size:1rem;color:var(--pillar-muted);max-width:37ch}
.tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--pillar-rule);border-left:1px solid var(--pillar-rule)}
.tool-brand{position:relative;display:flex;flex-direction:column;justify-content:center;gap:1rem;border-right:1px solid var(--pillar-rule);border-bottom:1px solid var(--pillar-rule);padding:2rem 2.1rem;background:#fbfcf7;min-height:10rem;transition:background .25s ease}
.tool-brand:hover{background:#e9ede2}.tool-identity{display:flex;align-items:center;gap:.8rem;min-height:2.6rem}.tool-identity img{width:2.25rem;height:2.25rem;object-fit:contain;flex-shrink:0}.tool-name{font-size:1.25rem;letter-spacing:-.04em;color:#243129}
.tool-wordmark .tool-identity img{width:9rem;height:2.6rem;object-position:left center}.tool-wordmark .tool-name{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.tool-openai .tool-identity{gap:.1rem;margin-left:-1.125rem;min-height:2.6rem}.tool-openai .tool-identity img{width:4.5rem;height:4.5rem;margin-block:-.95rem}.tool-text .tool-name{font-size:1.7rem}.tool-use{font-size:.875rem;color:#536153;padding-right:.8rem;max-width:26ch}.tool-out{position:absolute;right:1.2rem;top:1.1rem;font-size:1rem;color:#68745f}
.pillar-education .tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pillar-education .tool-brand{padding:2rem 2.1rem}.pillar-education .tool-identity{flex-wrap:wrap}
.pillar-related{padding-block:clamp(3.75rem,6vw,6rem)}.pillar-related-heading{display:flex;justify-content:space-between;gap:2rem;align-items:baseline;margin-bottom:2rem}
.pillar-related-links{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.pillar-related-link{display:flex;justify-content:space-between;gap:1.5rem;align-items:baseline;border-top:1px solid var(--pillar-rule);padding-block:1.8rem;transition:color .25s ease}.pillar-related-link:hover{color:var(--pillar-accent)}
.pillar-related-link p{font-size:1rem;color:var(--pillar-muted);max-width:42ch;margin-top:.8rem}.pillar-link-arrow{font-size:1.4rem}
.pillar-contact{display:inline-flex;align-items:baseline;gap:1.25rem;font-size:1rem;line-height:1.6;min-height:44px;padding-block:.6rem;text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--pillar-rule)}
@media(max-width:1000px){
 .pillar-page #main{padding-top:145px}.pillar-page .pillar-wayfinding{padding-bottom:2.5rem}.pillar-page .pillar-wayfinding .chapter-wayfinding{display:block}.pillar-page .pillar-wayfinding .stage-nav{margin-top:.8rem}
 .pillar-page #main .pillar-hero{grid-template-columns:1fr;gap:1.7rem;padding-bottom:3.5rem}.pillar-hero .pillar-lead{max-width:58ch}.pillar-hero h1{max-width:21ch}
 .pillar-what,.pillar-why-layout,.practice-layout{grid-template-columns:1fr 1.5fr;gap:3rem}.pillar-offering{grid-template-columns:1fr;gap:.65rem}.pillar-what>h2{max-width:17ch}
 .pillar-process{display:block}.pillar-process>li{padding-block:1.5rem;grid-template-columns:2.5rem 1fr}.pillar-process p{max-width:65ch}
 .practice-tool_selection .practice-item{display:block}.practice-layout>header h2{max-width:17ch}.practice-item p{max-width:60ch}
 .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-brand{padding:1.7rem 1.4rem}.toolkit-heading{align-items:start;gap:2rem}.toolkit-heading p{max-width:33ch}
 .pillar-education .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pillar-related-links{gap:2rem}
}
@media(max-width:700px){
 .pillar-page #main h1{font-size:clamp(2.7rem,8.5vw,4rem)}.pillar-page #main h2{font-size:2.1rem}.pillar-page #main h3{font-size:1.3rem}
 .pillar-what,.pillar-why-layout,.practice-layout{display:block}.pillar-what>h2{padding-top:0;border:0;margin-bottom:1.7rem;max-width:22ch}.pillar-offering{padding-block:1.35rem}
 .pillar-implementation .pillar-offerings{display:block}.pillar-implementation .pillar-offering+.pillar-offering{margin-top:.2rem}
 .pillar-why h2{max-width:22ch;margin-bottom:1.7rem}.pillar-why-copy p{font-size:1.25rem}.pillar-what{padding-bottom:3rem}.pillar-why,.pillar-how,.pillar-practice,.pillar-toolkit,.pillar-related{padding-block:3rem}
 .practice-layout>header h2{max-width:22ch}.practice-layout>header>p{max-width:50ch;margin-top:1.25rem}.practice-items{margin-top:2rem}.practice-item:first-child{padding-top:1.5rem;border-top:1px solid var(--pillar-rule)}
 .practice-engineering_quality .practice-item:nth-child(2){padding:1.5rem;margin-block:1.5rem}.practice-learning_formats .practice-item:first-child{border-top:0}
 .toolkit-heading{display:block;margin-bottom:1.75rem}.toolkit-heading p{max-width:48ch;margin-top:1.3rem}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-brand{min-height:9rem;padding:1.4rem 1.1rem}.tool-identity{gap:.6rem;flex-wrap:wrap}.tool-name{font-size:1.15rem}.tool-wordmark .tool-identity img{width:100px;height:2.1rem}.tool-use{font-size:.875rem;max-width:100%}.tool-out{top:.65rem;right:.7rem}.tool-identity img{width:2rem;height:2rem}
 .pillar-education .tool-brand{padding:1.4rem 1.1rem}.pillar-related-heading{display:block}.pillar-related-heading h2{margin-bottom:1rem}.pillar-related-links{display:block}.pillar-related-link{padding-block:1.5rem}
}
@media(max-width:560px){.pillar-page #main{--gut:1.25rem}.pillar-page .pillar-wayfinding .stage-nav{display:grid;grid-template-columns:1fr 1fr;gap:0 .9rem;font-size:.875rem}.pillar-page .pillar-wayfinding .stage-nav a{gap:.5rem}}
@media(prefers-reduced-motion:reduce){.pillar-page #main *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}