:root{--ink:#172033;--purple:#7e3f8f;--teal:#179b8f;--orange:#e89a3b;--coral:#ef6e6e;--line:#dbe3e9;--muted:#4e5c6d;--serif:"Playfair Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:16px/1.6 var(--sans)}a{color:inherit;text-decoration:none}.shell{width:min(1180px,calc(100% - 40px));margin:auto}
.hero{padding:100px 0 65px;border-top:7px solid var(--accent,var(--purple));border-bottom:1px solid var(--line);background:linear-gradient(120deg,#fff 45%,var(--tint,#f8f2fa))}
.eyebrow{color:var(--accent,var(--purple));font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
h1,h2,h3{font-family:var(--serif);line-height:1.1;margin:0}h1{font-size:clamp(3.2rem,6.6vw,6rem);letter-spacing:-.045em;margin:14px 0 22px}h1 em,h2 em{color:var(--accent,var(--purple));font-weight:600}.hero p{max-width:820px;color:#495769;font-size:1.16rem;margin:0}
.jump{display:flex;gap:10px;flex-wrap:wrap;padding:25px 0;border-bottom:1px solid var(--line)}.jump a{border:1px solid var(--line);border-radius:10px;padding:8px 13px;font-size:14px;font-weight:700}.jump a:hover{border-color:var(--accent,var(--purple));color:var(--accent,var(--purple))}
.section{padding:66px 0;border-bottom:1px solid var(--line)}.section h2{font-size:clamp(2.2rem,4vw,3.5rem);margin:8px 0 16px}.section-lead{max-width:800px;color:var(--muted);margin:0 0 25px}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.card{display:flex;flex-direction:column;align-items:flex-start;gap:11px;padding:25px;border:1px solid var(--line);border-top:5px solid var(--card-accent,var(--purple));border-radius:16px;background:#fff}.card h3{font-size:1.5rem}.card p{color:var(--muted);margin:0;flex:1}.card small{color:var(--card-accent,var(--purple));text-transform:uppercase;font-weight:800;letter-spacing:.1em;font-size:12px}.card b{color:var(--card-accent,var(--purple));font-size:14px}.card:hover,.card:focus-visible{transform:translateY(-3px);box-shadow:0 12px 28px rgba(30,31,50,.09)}.card{transition:transform .2s,box-shadow .2s}
.missing{padding:25px 28px;border:1px dashed #ba9ec4;border-radius:15px;background:#faf6fb;color:#443852}.missing strong{display:block;font:700 1.5rem var(--serif);color:var(--purple);margin-bottom:7px}.missing p{margin:0}footer{padding:38px 0 58px;color:#697283;font-size:14px}
.dashboard{padding:56px 0;margin:0}.dashboard-head{display:grid;grid-template-columns:1fr .85fr;gap:35px;align-items:end;border-bottom:1px solid var(--line);padding-bottom:25px}.dashboard-head h2{font-size:clamp(2.8rem,5vw,4.6rem);color:var(--purple)}.dashboard-head h2 .italic{font-style:italic}.dashboard-intro{color:var(--muted)}.level-drawers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:30px;align-items:start}.level-drawer{min-width:0;border:1px solid var(--line);border-top:4px solid var(--accent,var(--purple));border-radius:13px;background:#fff;overflow:hidden}.level-drawer:nth-child(1){--accent:var(--coral)}.level-drawer:nth-child(2){--accent:var(--orange)}.level-drawer:nth-child(3){--accent:var(--purple)}.level-drawer:nth-child(4){--accent:var(--teal)}.level-drawer summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr auto;gap:8px;padding:22px 17px;min-height:155px}.level-drawer summary::-webkit-details-marker{display:none}.level-number{font-size:12px;letter-spacing:.13em;color:var(--accent)}.level-heading{grid-column:1/-1;display:grid;gap:4px}.level-name{font:700 1.3rem/1.1 var(--serif)}.level-summary{font-size:13px;color:var(--muted)}.level-toggle{grid-column:2;grid-row:1;color:var(--accent);font-size:1.4rem}.level-drawer[open] .level-toggle{transform:rotate(45deg)}.level-drawer[open]{grid-column:span 2}.dashboard-panel{padding:0 18px 20px;display:grid;gap:15px}.dash-block{border-top:1px solid var(--line);padding-top:12px}.dash-block small{display:block;color:var(--accent);font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.dash-block h3{font-size:1.22rem;margin-top:5px}.dash-block p{color:var(--muted);margin:4px 0}.dash-signals{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.dash-signals span{font-size:12px;padding:6px 8px;border:1px solid var(--line);border-left:3px solid var(--signal);border-radius:6px}.dash-question{font-style:italic}
@media(max-width:850px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.level-drawers{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-head{grid-template-columns:1fr}}
/* Give the culture reading pathway room to be read across a full desktop viewport. */
body:has(.section#patterns) .shell{width:min(1480px,calc(100% - clamp(40px,8vw,128px)))}
body:has(.section#patterns) .hero{padding-block:clamp(90px,8vw,145px) clamp(70px,7vw,110px)}
body:has(.section#patterns) .section{padding-block:clamp(78px,7vw,115px)}
body:has(.section#patterns) .section h2{font-size:clamp(2.8rem,4.7vw,4.8rem)}
body:has(.section#patterns) .section-lead{font-size:clamp(1.12rem,1.45vw,1.35rem);max-width:1000px}
body:has(.section#patterns) .grid{gap:clamp(16px,2vw,28px)}
body:has(.section#patterns) .card{padding:clamp(26px,2.5vw,42px);gap:17px}
body:has(.section#patterns) .card h3{font-size:clamp(1.6rem,2vw,2.2rem)}
body:has(.section#patterns) .card p{font-size:clamp(1.05rem,1.2vw,1.18rem)}
body:has(.section#patterns) .card b{font-size:1rem}
@media(max-width:600px){.grid,.level-drawers{grid-template-columns:1fr}.level-drawer[open]{grid-column:auto}.hero{padding:72px 0 50px}.section{padding:48px 0}.dashboard{padding:45px 0}.level-drawer summary{min-height:0}.shell{width:calc(100% - 30px)}}
@media(prefers-reduced-motion:reduce){.card{transition:none}}
/* Leadership dashboard: equal role panels and evenly sized signal labels. */
body:has(.dashboard) .shell{width:min(1480px,calc(100% - clamp(30px,6vw,100px)))}
.dashboard .level-drawers{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:20px}
.dashboard .level-drawer,.dashboard .level-drawer[open]{grid-column:auto;min-width:0;height:100%}
.dashboard .level-drawer[open]{display:flex;flex-direction:column}
.dashboard .level-drawer summary{min-height:144px}
.dashboard .dashboard-panel{flex:1;grid-template-rows:minmax(135px,auto) minmax(165px,auto) minmax(110px,auto)}
.dashboard .dash-signals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.dashboard .dash-signals span{display:flex;align-items:center;min-height:50px;padding:8px 10px;font-size:14px;line-height:1.3;overflow-wrap:anywhere}
@media(max-width:740px){.dashboard .level-drawers{grid-template-columns:1fr}.dashboard .dashboard-panel{grid-template-rows:auto}.dashboard .level-drawer summary{min-height:0}}
@media(max-width:460px){.dashboard .dash-signals{grid-template-columns:1fr}}

/* BRITER collection-page visual rhythm. */
.hero{padding:clamp(45px,6vw,72px) 0 clamp(38px,5vw,58px);border-top:5px solid var(--accent,var(--purple));background:#fff}
.hero h1{font-size:clamp(3rem,5.4vw,5.3rem);line-height:1.06}.hero em{color:var(--accent,var(--purple))}
.section{padding-block:clamp(48px,5vw,76px)}
.card{border-radius:18px;padding:clamp(23px,2.5vw,34px);box-shadow:0 2px 0 rgba(23,32,51,.025)}
/* Keep short change rows balanced and visually quiet. */
body:has(.section#change) #change .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body:has(.section#change) #change .card{--card-accent:var(--purple)!important;min-height:220px}
body:has(.section#change) #change .card b{color:var(--ink)}
body:has(.section#change) #change .card:hover b,body:has(.section#change) #change .card:focus-visible b{color:#4e5c6d}
@media(max-width:600px){.hero{padding:40px 0 35px}.hero h1{font-size:clamp(2.65rem,10vw,3.5rem)}.card{padding:23px}body:has(.section#change) #change .grid{grid-template-columns:1fr}}