/* Public concept guides. */
.concept-guides{margin-top:64px;padding-top:34px;border-top:1px solid var(--line);scroll-margin-top:35px}.concept-guides-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:32px}.concept-guides-heading h3{font-size:42px;line-height:1.08;letter-spacing:-1.5px;margin-top:16px}.concept-guides-heading>p{max-width:370px;font-size:13px}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.guide-card{display:flex;flex-direction:column;border:1px solid var(--line);padding:20px;transition:border-color .2s,background .2s}.guide-card:hover{border-color:#8c9880;background:#f7f5ed}.guide-art{height:150px;position:relative;margin-bottom:23px;display:flex;align-items:center;justify-content:center}.guide-art svg{width:135px;height:110px}.guide-art span{position:absolute;left:12px;bottom:9px;font-size:8px;letter-spacing:1px}.guide-art-context{background:#dce1d1;color:#3e543f}.guide-art-stories{background:#ead1bd;color:#763e2f}.guide-art-design{background:#d7dfd8;color:#3b5649}.guide-card h4{font-size:24px;line-height:1.14;letter-spacing:-.6px;font-weight:400;margin:0 0 16px}.guide-card>p{font-size:13px;line-height:1.75;margin-bottom:25px}.guide-link{font-size:11px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:15px;margin-top:auto}.guide-link b{font-size:20px;font-weight:400}
.guide-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:10px;color:var(--muted);padding-top:30px}.guide-breadcrumb a{text-decoration:underline;text-underline-offset:3px}.guide-breadcrumb a:hover{color:var(--ink)}.guide-hero{display:grid;grid-template-columns:1.6fr .7fr;gap:10%;align-items:center;padding:62px 0 66px}.guide-hero .eyebrow{font-size:9px;letter-spacing:1.5px;color:#665d4e}.guide-hero h1{font-size:clamp(46px,5.8vw,80px);line-height:1.04;letter-spacing:-3.7px;margin:25px 0}.guide-hero h1 em{color:#a64c34}.guide-lead{font-size:17px;line-height:1.75;max-width:690px}.guide-hero-mark{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;border:1px solid #b7c0af;background:radial-gradient(circle,#d9dfcd 0,#e7e9de 66%,transparent 67%)}.guide-hero-mark svg{width:65%;height:auto;max-height:180px;color:#526047}.guide-hero-mark>span{font-size:9px;letter-spacing:.3px;margin-top:3px;text-align:center;max-width:75%}.concept-stories .guide-hero-mark{border-color:#ceb8a3;background:radial-gradient(circle,#e7cfb9 0,#eee0d0 66%,transparent 67%)}.concept-stories .guide-hero-mark svg{color:#87503a}.concept-design .guide-hero-mark{background:radial-gradient(circle,#cbd9ce 0,#e1e7dc 66%,transparent 67%)}
.concept-explorer{border-top:1px solid var(--line);padding-top:29px}.explorer-heading{display:flex;justify-content:space-between;align-items:start;gap:45px;margin-bottom:30px}.explorer-heading h2{max-width:600px;font-size:32px;line-height:1.2;letter-spacing:-1px}.explorer-hint{display:none;max-width:290px;font-size:12px;line-height:1.7}.concept-enhanced .explorer-hint{display:block}.explorer-board{display:grid;grid-template-columns:1.05fr 1fr;border:1px solid #b8c0b0;background:#e1e6d8}.diagram-area{padding:30px;display:flex;flex-direction:column;justify-content:center;min-width:0}.diagram-area>.eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:30px}.diagram-buttons{display:none;gap:12px}.concept-enhanced .diagram-buttons{display:grid}.perspective-button{text-align:left;padding:25px 17px;background:#eff0e7;border:1px solid #bac2b1;min-height:115px;font-size:18px;line-height:1.3;display:flex;align-items:start;flex-direction:column;position:relative;transition:background .18s,color .18s}.perspective-button>span{font-size:9px;margin-bottom:16px;letter-spacing:1px;opacity:.8}.perspective-button>b{font-size:15px;position:absolute;right:13px;top:13px;font-weight:400}.perspective-button[aria-pressed=true]{color:#f3f0e4;background:#354337;border-color:#354337}.perspective-button:hover:not([aria-pressed=true]){background:#f8f7ef;border-color:#738368}.diagram-center{display:flex;align-items:center;gap:15px;font-size:12px;line-height:1.5;border-top:1px solid #b9c3ae;padding-top:18px;margin-top:24px}.diagram-center-dot{width:11px;height:11px;border-radius:50%;background:#b35b3d;box-shadow:0 0 0 7px #cdd7c0;flex-shrink:0;margin:8px}.diagram-center br{display:none}.board-map .diagram-buttons{grid-template-columns:1fr 1fr}.board-map .perspective-button{min-height:145px}.panels{background:#f5f4ed;min-width:0}.guide-panel{padding:38px;border-bottom:1px solid var(--line);min-height:450px}.guide-panel:last-child{border-bottom:none}.guide-panel[hidden]{display:none}.guide-panel>.eyebrow{font-size:8px;letter-spacing:1.3px;color:#a04e35;margin-bottom:24px}.guide-panel h3{font-size:31px;letter-spacing:-1px;line-height:1.16;margin-bottom:20px;max-width:450px}.guide-panel>p:not(.eyebrow){font-size:14px;line-height:1.8}.panel-question{padding-top:20px;margin-top:25px;border-top:1px solid var(--line)}.panel-question>span,.panel-output>span{font-size:8px;letter-spacing:1.2px;display:block;margin-bottom:7px;color:var(--muted)}.panel-question>p{font-size:17px;line-height:1.5;color:var(--ink)}.panel-output{margin-top:24px}.panel-output>p{font-size:13px;line-height:1.7}.board-story{background:#e7d7c7;border-color:#c7b8a5}.board-story .diagram-buttons{gap:15px}.board-story .perspective-button{min-height:82px;padding:20px 26px 20px 62px;justify-content:center;font-size:23px;border-color:#c7b8a5;background:#f3e9dc}.board-story .perspective-button>span{position:absolute;left:24px;top:35px}.board-story .perspective-button>b{top:29px;right:22px}.board-story .perspective-button:nth-child(2){margin-left:20px}.board-story .perspective-button:nth-child(3){margin-left:40px}.board-story .perspective-button[aria-pressed=true]{background:#854c37;color:#fbf1e4;border-color:#854c37}.board-story .perspective-button:hover:not([aria-pressed=true]){background:#fff5e9}.board-story .diagram-center{border-color:#c7b8a5}.board-story .diagram-center-dot{box-shadow:0 0 0 7px #ddc4ae}.board-process{background:#d9e3da}.board-process .diagram-buttons{grid-template-columns:1fr 1fr}.board-process .perspective-button{min-height:130px}.board-process .perspective-button[aria-pressed=true]{background:#36574d}.board-process .diagram-center{border-color:#acbfae}
.example-section{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;padding-block:75px;border-bottom:1px solid var(--line)}.example-heading .eyebrow{font-size:8px;color:#a14b33;margin-bottom:20px}.example-heading h2{font-size:37px;line-height:1.14;letter-spacing:-1.2px;max-width:530px;margin-bottom:22px}.example-heading>p:not(.eyebrow){font-size:14px;line-height:1.8}.example-heading .example-note{font-size:11px!important;margin-top:15px}.example-steps{list-style:none;padding:0;margin:0}.example-steps li{display:flex;gap:22px;padding:23px 0;border-top:1px solid var(--line)}.example-steps li>span{font-size:10px;color:#a14b33;padding-top:4px}.example-steps h3{font-size:22px;letter-spacing:-.4px;margin-bottom:10px}.example-steps p{font-size:13px;line-height:1.7}.guide-outputs{padding:48px 0;display:grid;grid-template-columns:1fr 1.1fr;gap:10%;align-items:center}.guide-outputs .eyebrow{font-size:9px;margin-bottom:20px}.guide-outputs h2{font-size:40px;line-height:1.1;letter-spacing:-1.3px}.guide-outputs ul{list-style:none;padding:0;margin:0}.guide-outputs li{padding:15px 0;border-bottom:1px solid var(--line);font-size:17px;display:flex;gap:16px;align-items:center}.guide-outputs li:before{content:'↳';color:#a54e34;font-size:22px}.guide-takeaway{padding:30px 38px;border-left:2px solid #b45e41;background:#e4e7dc;color:var(--ink);font-family:var(--serif);font-size:23px;line-height:1.5}.guide-related{padding-top:70px}.guide-related>.eyebrow{font-size:9px;margin-bottom:23px}.guide-related>div{display:grid;grid-template-columns:1fr 1fr;gap:28px}.guide-related a{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 45px 25px 0;position:relative;display:block}.guide-related a:hover h3{color:#a64c34}.guide-related a>span{font-size:8px;letter-spacing:1px;color:var(--muted)}.guide-related h3{font-size:26px;letter-spacing:-.6px;line-height:1.2;margin-top:12px}.guide-related a>b{position:absolute;right:10px;top:50%;font-size:24px;font-weight:400}.guide-invitation{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:75px 0}.guide-invitation h2{font-size:43px;line-height:1.08;letter-spacing:-1.4px}.guide-invitation .solid-button{flex-shrink:0}.concept-page .site-footer{border-top:1px solid var(--line)}
@media(min-width:1450px){.guide-hero h1{font-size:88px}.guide-panel{min-height:460px}}
@media(max-width:1000px){.guide-grid{gap:16px}.guide-card{padding:16px}.guide-card h4{font-size:21px}.guide-hero{gap:6%;grid-template-columns:1.6fr .7fr}.guide-hero h1{font-size:58px;letter-spacing:-2.7px}.guide-hero-mark>span{font-size:8px}.guide-panel{padding:28px;min-height:490px}.guide-panel h3{font-size:28px}.diagram-area{padding:23px}.perspective-button{font-size:16px}.board-map .perspective-button{min-height:135px}.explorer-heading h2{font-size:28px}.guide-related h3{font-size:23px}}
@media(max-width:720px){.concept-guides{margin-top:40px;padding-top:27px}.concept-guides-heading{display:block;margin-bottom:26px}.concept-guides-heading h3{font-size:35px}.concept-guides-heading>p{margin-top:20px}.guide-grid{grid-template-columns:1fr;gap:20px}.guide-card{padding:20px}.guide-art{height:130px;margin-bottom:20px}.guide-card h4{font-size:25px}.guide-card>p{margin-bottom:19px}.guide-breadcrumb{gap:8px;font-size:9px;line-height:1.7;padding-top:22px}.guide-breadcrumb>span[aria-current]{flex-basis:100%}.guide-breadcrumb>span:nth-last-child(2){display:none}.guide-hero{display:block;position:relative;padding:36px 0 40px}.guide-hero .eyebrow{font-size:8px;letter-spacing:1px;max-width:275px}.guide-hero h1{font-size:47px;letter-spacing:-2.2px;margin:22px 0}.guide-lead{font-size:15px;line-height:1.8}.guide-hero-mark{display:none}.explorer-heading{display:block;margin-bottom:23px}.explorer-heading h2{font-size:28px;letter-spacing:-.8px}.explorer-hint{font-size:12px;max-width:none;margin-top:16px}.explorer-board{grid-template-columns:1fr}.diagram-area{padding:22px}.diagram-area>.eyebrow{font-size:7px;letter-spacing:.8px;line-height:1.7;margin-bottom:20px}.diagram-buttons{gap:10px}.board-map .perspective-button{min-height:120px;padding:20px 13px 14px;font-size:16px}.perspective-button>b{font-size:13px}.perspective-button>span{margin-bottom:12px}.diagram-center{margin-top:21px;font-size:11px}.guide-panel{min-height:400px;padding:26px 23px}.guide-panel>.eyebrow{margin-bottom:19px}.guide-panel h3{font-size:28px;letter-spacing:-.8px}.guide-panel>p:not(.eyebrow){font-size:13px}.panel-question{margin-top:20px;padding-top:18px}.panel-question>p{font-size:16px}.panel-output{margin-top:20px}.panel-output>p{font-size:12px}.board-story .perspective-button{min-height:75px;font-size:20px;padding-left:50px;padding-right:35px}.board-story .perspective-button>span{left:20px;top:30px}.board-story .perspective-button>b{top:25px;right:15px}.board-story .perspective-button:nth-child(2){margin-left:12px}.board-story .perspective-button:nth-child(3){margin-left:24px}.board-process .perspective-button{min-height:105px}.example-section{grid-template-columns:1fr;gap:28px;padding:48px 0 30px}.example-heading h2{font-size:31px;letter-spacing:-.8px}.example-heading>p:not(.eyebrow){font-size:13px}.example-steps h3{font-size:22px}.example-steps li{padding:20px 0}.guide-outputs{grid-template-columns:1fr;gap:25px;padding:34px 0}.guide-outputs h2{font-size:35px}.guide-outputs h2 br{display:none}.guide-outputs li{font-size:15px;padding:13px 0}.guide-takeaway{padding:25px;font-size:21px}.guide-related{padding-top:45px}.guide-related>div{grid-template-columns:1fr;gap:20px}.guide-related h3{font-size:24px}.guide-invitation{display:block;padding:50px 0}.guide-invitation h2{font-size:37px}.guide-invitation .solid-button{margin-top:27px}}
@media(prefers-reduced-motion:reduce){.guide-card,.perspective-button{transition:none}}