:root{--ink:#181e2b;--paper:#fafbf8;--muted:#626b74;--yellow:#ffca32;--blue:#169bde;--green:#43863c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #007ead;outline-offset:5px}header{height:105px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid #e0e3df}.logo{font-size:36px;font-weight:800;letter-spacing:-2px;line-height:1}.brand-dot{color:#d99800}nav{display:flex;gap:35px;font-size:14px;font-weight:600}nav a:hover,.text-link:hover{color:#7a6200}.small-button{padding:11px 18px;border:1px solid #adb1b3;border-radius:5px;font-size:14px;font-weight:600}.small-button span{margin-left:25px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:680px}.hero-copy{padding:65px 9% 48px 12%}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:700;display:flex;align-items:center;gap:10px}.line{width:26px;height:2px;background:#af8100}h1{font-size:clamp(56px,6.5vw,100px);line-height:.99;letter-spacing:-5px;margin:31px 0 25px;font-weight:700}.outlined{color:transparent;-webkit-text-stroke:1.4px var(--ink)}.hero-copy>p{max-width:430px;color:#525c67;font-size:17px;line-height:1.7}.button{display:inline-flex;align-items:center;gap:35px;font-size:14px;font-weight:700;padding:17px 23px;border-radius:4px;margin-top:20px;transition:transform .2s}.button:hover{transform:translateY(-3px)}.button span{font-size:20px}.yellow{background:var(--yellow);color:var(--ink)}.dark{background:var(--ink);color:white}.hero-note{font-size:12px;color:#626b74;margin-top:28px}.hero-note strong{color:var(--ink)}.hero-diagram{background:var(--ink);color:white;display:flex;flex-direction:column;justify-content:space-between;padding:32px 32px 35px;overflow:hidden}.diagram-caption,.diagram-bottom{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.6px;color:#b9c1d1}.hero-diagram svg{width:100%;max-height:540px;overflow:visible}.ring{fill:none;stroke-width:2.5}.imperative{stroke:#ffbd25}.narrative{stroke:#86c981}.positive{stroke:#49bdf6}.svg-label{font-size:22px;font-weight:600;text-anchor:middle}.svg-sub{fill:#bac2cf;font-size:12px;text-anchor:middle}.svg-connected{font-size:18px;fill:white;text-anchor:middle;font-weight:700}.diagram-bottom{font-size:10px;line-height:1.6}.diagram-bottom span:last-child{text-align:right}.audience-strip{padding:26px 6%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dce0dc}.audience-strip>span{font-size:11px;font-weight:700;letter-spacing:1.3px}.audience-strip p{margin:0;font-size:17px;font-weight:600}.audience-strip i{font-style:normal;color:#9b9f9f;margin:0 25px}.section{padding:95px 8%}h2{font-size:clamp(38px,4vw,58px);letter-spacing:-2px;line-height:1.12;font-weight:500;margin:23px 0 30px}.muted{color:#89908e}.intro-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;margin-top:13px}.intro-grid h2{margin-top:17px}.intro-grid p{color:#626b74;font-size:16px}.intro-grid .large{color:var(--ink);font-size:22px;line-height:1.45}.text-link{display:inline-flex;gap:45px;font-size:14px;font-weight:700;border-bottom:1px solid #b9bdb8;padding:14px 0}.pins{background:#eef1ee}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px}.section-heading>p{max-width:290px;color:var(--muted);margin-bottom:35px}.pin-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.pin-switch button{cursor:pointer;text-align:left;background:transparent;border:1px solid #c7ceca;padding:23px;color:var(--ink);font-weight:600;font-size:21px;border-radius:5px 5px 0 0}.pin-switch button.active{background:var(--ink);color:white;border-color:var(--ink)}.pin-num{display:inline-flex;width:34px;height:34px;border-radius:50%;align-items:center;justify-content:center;color:var(--blue);border:1px solid currentColor;margin-right:14px;font-size:18px}.pin-switch button:nth-child(2) .pin-num{color:#ae7700}.pin-switch button:nth-child(2).active .pin-num{color:#ffca32}.pin-switch button:nth-child(3) .pin-num{color:var(--green)}.pin-switch button:nth-child(3).active .pin-num{color:#86c981}.pin-hint{display:block;font-size:13px;font-weight:400;margin:8px 0 0 50px;opacity:.7}#pin-content{background:white;padding:36px;border:1px solid #dce0dc;border-top:0;border-radius:0 0 5px 5px}.pin-summary{display:flex;gap:45px;align-items:start;border-bottom:1px solid #e4e6e3;padding-bottom:25px}.pin-summary h3{font-size:27px;font-weight:500;line-height:1.2;margin:0;min-width:35%}.pin-summary p{margin:0;color:var(--muted);max-width:560px}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:29px}.theme h4{font-size:18px;margin:0 0 8px}.theme p{font-size:14px;color:var(--muted);margin:0 0 18px}.theme .question{font-size:14px;color:var(--ink);border-left:2px solid var(--accent);padding-left:13px}.connected-note{display:flex;align-items:center;gap:20px;margin:20px auto 0;max-width:730px}.mini-rings{font-size:34px}.connected-note p{font-size:14px;color:var(--muted);line-height:1.5}.connected-note strong{color:var(--ink)}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:45px}.team-grid article{border-top:2px solid var(--ink);padding:22px 0}.team-number{font-size:11px;letter-spacing:1.4px}.team-grid h3{font-size:32px;line-height:1.15;font-weight:500;letter-spacing:-1px;margin:25px 0 18px}.team-grid p{font-size:15px;color:var(--muted);min-height:100px}.team-grid a{font-size:14px;font-weight:700;border-bottom:1px solid #bdc3bd;padding-bottom:8px}.practice{display:grid;grid-template-columns:1fr 1fr;gap:100px;border-top:1px solid #dce0dc}.practice>div>p{max-width:360px;color:var(--muted)}.steps article{display:flex;gap:25px;padding:25px 0;border-bottom:1px solid #dce0dc}.steps article>span{font-size:13px;color:#7d858a;margin-top:3px}.steps h3{font-size:21px;font-weight:500;margin:0 0 9px}.steps p{font-size:15px;color:var(--muted);margin:0}.connect{background:var(--ink);color:white;padding-top:80px;padding-bottom:80px}.connect h2{font-size:clamp(43px,5vw,72px);margin-bottom:40px}.connect em{color:var(--yellow);font-style:normal}.connect .eyebrow{color:#b4bcc8}.contact-row{display:flex;justify-content:space-between;align-items:center}.contact-row p{color:#bac2cf}.contact-row .button{margin:0}footer{display:flex;padding:35px 6%;align-items:center;justify-content:space-between;gap:25px}footer .logo{font-size:29px}footer>span{font-size:12px;color:var(--muted)}@media(min-width:1600px){body{max-width:1600px;margin:auto}}@media(max-width:1000px){header{padding:0 5%;height:90px}nav{gap:18px}.hero-copy{padding:48px 8% 40px 10%}h1{letter-spacing:-3px}.hero-diagram{padding:25px 20px}.hero{min-height:620px}.audience-strip i{margin:0 12px}.section{padding:70px 6%}.intro-grid{gap:35px}.practice{gap:45px}.pin-switch button{padding:16px}.pin-hint{margin-left:0}.pin-num{margin-right:8px}.team-grid{gap:25px}.team-grid p{min-height:145px}}@media(max-width:700px){header{height:80px}.logo{font-size:30px}nav{display:none}.small-button{font-size:12px;padding:9px 12px}.small-button span{margin-left:10px}.hero{grid-template-columns:1fr}.hero-copy{padding:45px 7%}.hero h1{font-size:68px}.hero-copy>p{font-size:16px}.hero-diagram{padding:25px 7%}.hero-diagram svg{max-height:430px}.audience-strip{display:block;padding:23px 7%}.audience-strip p{font-size:14px;margin-top:10px}.audience-strip i{margin:0 8px}.section{padding:60px 7%}h2{font-size:40px}.intro-grid,.practice{grid-template-columns:1fr;gap:15px}.intro-grid h2{margin-bottom:0}.section-heading{display:block}.section-heading>p{max-width:none}.pin-switch{gap:5px}.pin-switch button{font-size:14px;padding:14px 7px;text-align:center}.pin-num{display:flex;margin:0 auto 7px}.pin-hint{display:none}#pin-content{padding:25px 22px}.pin-summary{display:block}.pin-summary h3{font-size:25px;margin-bottom:16px}.theme-grid{grid-template-columns:1fr;gap:15px}.theme{border-bottom:1px solid #eee;padding-bottom:10px}.theme:last-child{border:0}.team-grid{grid-template-columns:1fr;gap:15px}.team-grid p{min-height:0}.team-grid h3 br{display:none}.team-grid h3{font-size:29px;margin:15px 0}.contact-row{display:block}.contact-row .button{margin-top:15px}footer{flex-wrap:wrap;padding:28px 7%}footer>span:last-child{width:100%}.connect h2{font-size:43px}.eyebrow{font-size:10px;letter-spacing:1.3px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

.diagram-link{cursor:pointer}.diagram-hit{fill:transparent;stroke:transparent;stroke-width:1.5}.diagram-link:hover .diagram-hit,.diagram-link:focus-visible .diagram-hit{fill:#ffffff08;stroke:#ffffff66}.diagram-link:hover .svg-label,.diagram-link:focus-visible .svg-label{text-decoration:underline;text-underline-offset:5px}.diagram-link:focus-visible{outline:none}

/* Cultural PINs — editorial framework panel */
.hero-diagram{background:#f0f2ee;color:var(--ink);margin:28px 28px 28px 0;padding:30px 28px 24px;border:1px solid #dce1d9;border-radius:5px;gap:16px}
.framework-heading h2{font-size:clamp(25px,2.6vw,38px);letter-spacing:-1.2px;margin:15px 0 0;line-height:1.15}
.framework-heading .eyebrow{font-size:10px;letter-spacing:1.5px}
.framework-heading .line{background:var(--yellow);height:5px;width:22px}
.hero-diagram svg{width:100%;max-height:470px;flex:1;min-height:0}
.hero-diagram .ring{stroke-width:1.5}
.hero-diagram .imperative{stroke:#c99514;fill:#ffca3212}
.hero-diagram .narrative{stroke:#65955c;fill:#86c98112}
.hero-diagram .positive{stroke:#429cc4;fill:#49bdf610}
.hero-diagram .svg-label{fill:var(--ink);font-size:21px;font-weight:600;letter-spacing:-.6px}
.hero-diagram .svg-sub{fill:#56606a;font-size:13px}
.connected-badge{fill:var(--ink)}
.hero-diagram .svg-connected{font-size:16px;font-weight:500;letter-spacing:-.2px}
.hero-diagram .diagram-bottom{border-top:1px solid #ccd3ca;padding-top:18px;align-items:center;letter-spacing:0;font-size:12px;color:#626b74;gap:15px}
.diagram-bottom p{margin:0;font-size:13px;line-height:1.65}
.diagram-bottom strong{color:var(--ink);font-weight:600}
.hero-diagram .diagram-bottom>span{font-size:12px;line-height:1.55}
.hero-diagram .diagram-link:hover .diagram-hit,.hero-diagram .diagram-link:focus-visible .diagram-hit{fill:#ffffff9c;stroke:#89948c}
@media(max-width:1000px){.hero-diagram{margin:20px 20px 20px 0;padding:25px 20px}.framework-heading h2{font-size:28px}}
@media(max-width:700px){.hero-diagram{margin:0 7% 30px;padding:24px 18px 20px;gap:22px}.hero-diagram svg{max-height:440px;flex:auto}.framework-heading h2{font-size:29px}.hero-diagram .diagram-bottom{padding-top:15px}.diagram-bottom p{font-size:12px}}

/* Three Cultural PINs form one connected system. */
.hero-diagram .culture-wheel{max-height:490px;overflow:visible}
.wheel-pin{cursor:pointer;outline:none}
.wheel-segment{stroke:#f0f2ee;stroke-width:5;stroke-linejoin:round;transition:filter .2s,stroke .2s}
.wheel-imperative .wheel-segment{fill:#ffca32}
.wheel-narrative .wheel-segment{fill:#a6c998}
.wheel-positive .wheel-segment{fill:#98cfe3}
.wheel-pin text{text-anchor:middle;fill:var(--ink);pointer-events:none}
.wheel-letter{font-size:35px;font-weight:400;letter-spacing:-1px}
.wheel-title{font-size:22px;font-weight:700;letter-spacing:-.7px}
.wheel-theme{font-size:15px;font-weight:400}
.wheel-hub{fill:var(--ink)}
.wheel-connected{fill:#fff;text-anchor:middle;font-size:23px;letter-spacing:-.7px;font-weight:500}
.wheel-caption{fill:#ffca32;text-anchor:middle;font-size:11px;letter-spacing:2px}
.wheel-pin:hover .wheel-segment{filter:brightness(1.05);stroke:#fff}
.wheel-pin:hover .wheel-title{text-decoration:underline;text-underline-offset:5px}
.wheel-pin:focus-visible .wheel-segment{stroke:var(--ink);stroke-width:3}
@media(prefers-reduced-motion:reduce){.wheel-segment{transition:none}}

.workbook{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:10%;align-items:center;background:#eef1ee;border-top:1px solid #dce0dc}
.workbook-cover{display:block;max-width:320px;justify-self:center;box-shadow:12px 18px 32px #181e2b24;transform:rotate(-3deg);transition:transform .2s}
.workbook-cover:hover{transform:rotate(0deg)}
.workbook-cover img{display:block;width:100%;height:auto}
.workbook-copy>p{color:var(--muted);max-width:490px}
.workbook-copy .workbook-lead{font-size:22px;line-height:1.4;color:var(--ink)}
.workbook-meta{font-size:13px;margin-top:25px;color:var(--muted)}
.workbook-meta span{margin:0 8px}
.workbook-actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap}
.workbook-actions .text-link{margin-top:20px;gap:20px}
.workbook-copy .workbook-note{font-size:12px;margin-top:22px}
@media(max-width:1000px){header nav{gap:16px}header nav a{font-size:13px}.workbook{gap:7%}.workbook-actions{gap:18px}}
@media(max-width:700px){.workbook{grid-template-columns:1fr;gap:45px}.workbook-cover{max-width:240px}.workbook-meta{font-size:12px}.workbook-copy .workbook-lead{font-size:20px}}
@media(prefers-reduced-motion:reduce){.workbook-cover{transition:none}}

.contact-email{display:inline-block;color:#fff;font-size:15px;text-decoration:underline;text-underline-offset:5px;margin-top:4px}
.site-footer{display:block;padding:35px 6% 25px}
.footer-main{display:flex;align-items:center;justify-content:space-between;gap:25px}
.footer-main>span,.footer-main>a:last-child{font-size:13px;color:var(--muted)}
.footer-main>a:last-child:hover{text-decoration:underline}
.footer-family{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-top:26px;padding-top:20px;border-top:1px solid #dce0dc;color:var(--muted);font-size:12px}
.footer-family strong{display:block;font-size:13px;font-weight:600;color:#505965;margin-bottom:3px}
.footer-family>div>span{display:block}
@media(max-width:700px){.footer-main{flex-wrap:wrap;gap:18px}.footer-main>a:last-child{width:100%}.footer-family{align-items:start;flex-direction:column;gap:15px}}

.footer-family .family-links{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px}.footer-family .family-links span{font-weight:700;color:var(--ink)}.footer-family a:hover{text-decoration:underline;text-underline-offset:4px}