:root{--paper:#f2f1e9;--ink:#17221d;--muted:#566459;--orange:#d34317;--bright:#f15b2a;--line:#c9cec2;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--display:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--display);-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,[role=button]:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}::selection{background:#f7aa6b;color:#17221d}.skip-link{position:absolute;left:20px;top:-70px;z-index:20;background:var(--ink);color:white;padding:15px}.skip-link:focus{top:10px}.masthead{margin:0 4vw;padding:25px 0;display:flex;align-items:center;gap:26px;border-bottom:1px solid var(--ink)}.wordmark{font-size:37px;font-weight:900;letter-spacing:-3px;text-decoration:none;line-height:1}.wordmark span{display:inline-block;color:var(--orange);font-size:20px;vertical-align:top;letter-spacing:0;margin:3px}.mast-label{font:9px/1.5 var(--mono);letter-spacing:.08em}.masthead nav{margin-left:auto;display:flex;gap:28px;font-size:13px}.masthead nav a,.contact{text-decoration:none}.masthead nav a:hover{text-decoration:underline;text-underline-offset:5px}.contact{margin-left:18px;font-size:12px;border:1px solid var(--ink);padding:12px 17px}.contact:hover{background:var(--ink);color:var(--paper)}.hero{padding:25px 4vw 0}.hero-kicker{display:flex;justify-content:space-between;gap:20px;font:10px var(--mono);letter-spacing:.09em}.hero-grid{display:grid;grid-template-columns:1.03fr 1fr;align-items:center;gap:12px;max-width:1600px;margin:auto;padding:35px 0 33px}.hero h1{font-size:clamp(58px,6.5vw,108px);font-weight:600;letter-spacing:-.075em;line-height:.92;margin:12px 0 28px}.hero h1 .meaning{font:italic 1em/.98 Georgia,'Times New Roman',serif;letter-spacing:-.065em;display:block;white-space:nowrap;font-size:.75em;padding-top:5px}.period{color:var(--orange)}.hero-sub{font-size:17px;line-height:1.55;max-width:425px;margin:0 0 25px;color:#445247}.hero-actions{display:flex;gap:23px;align-items:center}.primary{background:var(--ink);color:var(--paper);padding:16px 20px;text-decoration:none;font-size:13px;display:flex;gap:45px;align-items:center}.primary:hover{background:var(--orange)}.primary span{font-size:21px}.hero-actions>span{font:10px/1.5 var(--mono);color:var(--muted)}.hero-art{align-self:center}.hero-art svg{width:100%;display:block}.art-caption{display:flex;justify-content:space-between;font:9px/1.5 var(--mono);gap:14px;color:var(--muted);margin:3px 0 0}.art-caption span:first-child{color:var(--ink)}.hero-footer{border-top:1px solid var(--ink);display:grid;grid-template-columns:1fr 2fr auto;align-items:center;padding:22px 0;gap:30px}.hero-footer>span,.eyebrow,.section-eyebrow,.bio-eyebrow{font:10px/1.5 var(--mono);letter-spacing:.07em}.hero-footer p{font-size:13px;line-height:1.5;margin:0}.hero-footer>a{font-size:28px;text-decoration:none}.layer{transition:transform .7s cubic-bezier(.2,.7,.2,1)}.hero-art:hover .top{transform:translateY(-10px)}.hero-art:hover .middle{transform:translateY(2px)}.hero-art:hover .bottom{transform:translateY(10px)}.work-section{padding:78px 4vw 60px;background:var(--ink);color:var(--paper)}.section-heading{display:grid;grid-template-columns:1fr 1.7fr 1fr;gap:30px;align-items:start;margin-bottom:38px}.section-heading h2{font-size:clamp(31px,3.2vw,50px);font-weight:500;letter-spacing:-.045em;line-height:1.05;margin:0}.section-heading h2 em{font-family:Georgia,serif;font-weight:400}.section-heading p{font-size:14px;line-height:1.6;margin:0;color:#bac6b8}.projects{display:grid;grid-template-columns:1.2fr 1fr;gap:32px}.project{text-decoration:none;display:block}.project-graphic{height:285px;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:24px;background:#d9e0d4;color:var(--ink)}.project-label,.graphic-caption{font:9px/1.5 var(--mono);letter-spacing:.08em;z-index:1}.graphic-caption{margin-top:auto;align-self:flex-start}.project-ci .project-graphic{background:#eb6333;color:var(--ink)}.network{position:absolute;inset:30px 20px 35px;display:flex;align-items:center;justify-content:center;gap:36px}.network-node{font:11px var(--mono);padding:13px 16px;background:#d9e0d4;z-index:2;border:1px solid #354a3a;white-space:nowrap}.network-node span{display:block;font:9px var(--mono);margin-top:6px;color:#bed0b8}.access-node{padding:19px 24px;background:var(--ink);color:white;text-align:center}.network-line{position:absolute;top:50%;height:1px;background:#48664a;width:32%}.l1{left:10%}.l2{right:10%}.network-ring{position:absolute;left:50%;top:50%;width:170px;height:170px;border:1px dashed #6a8066;border-radius:50%;transform:translate(-50%,-50%)}.network-ring:after{content:'';position:absolute;inset:-22px;border:1px solid #b5c4ad;border-radius:50%}.project-info{display:flex;gap:25px;padding:24px 0 20px;border-bottom:1px solid #536056}.project-no{font:12px var(--mono);margin-top:6px;color:#b1bdae}.project h3{font-size:26px;font-weight:500;letter-spacing:-.025em;margin:0 0 12px}.project-info p{color:#bac6b8;line-height:1.6;font-size:14px;max-width:540px;margin:0 0 22px}.project-cta{font:11px var(--mono);border-bottom:1px solid #8c9f89;padding-bottom:5px}.project:hover .project-cta{color:#ffb58e;border-color:#ffb58e}.project:hover .network-ring{border-color:var(--orange)}.ci-art{position:absolute;inset:30px 0;display:grid;place-items:center}.ci-orbit{position:absolute;width:200px;height:110px;border:1px solid #633e2b;border-radius:50%;transform:rotate(-30deg)}.ci-orbit.two{transform:rotate(30deg)}.ci-orbit.three{transform:rotate(90deg)}.ci-center{width:55px;height:55px;border:1px solid #472d22;border-radius:50%;background:#eb6333;display:grid;place-items:center;font:42px Georgia;z-index:1}.ci-note{position:absolute;font:9px var(--mono);background:#eb6333;padding:4px}.note1{top:15%;left:25%}.note2{top:38%;right:10%}.note3{bottom:12%;left:30%}.ci-axis{position:absolute;width:70%;height:1px;background:#a94322;transform:rotate(-30deg)}.access-note{margin-top:24px;font:10px/1.6 var(--mono);color:#bac6b8}.lock{color:#f19d70;margin-right:8px}.practice-section{padding:75px 4vw 65px;border-bottom:1px solid var(--line)}.practice-section h2,.gtm-section h2{font-size:clamp(32px,3.6vw,54px);font-weight:500;letter-spacing:-.05em;line-height:1.1;margin:23px 0 40px}.practice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.practice-grid article{padding-top:24px;border-top:1px solid var(--ink)}.practice-number{font:10px/1.5 var(--mono);color:var(--orange);letter-spacing:.03em}.practice-grid h3{font-size:24px;line-height:1.15;letter-spacing:-.025em;font-weight:500;max-width:260px;margin:22px 0 16px}.practice-grid p,.practice-outcome{font-size:14px;line-height:1.7;color:var(--muted);max-width:420px}.practice-outcome{max-width:780px;margin-top:36px;border-left:3px solid var(--orange);padding:0 0 0 20px}.gtm-section{padding:60px 4vw;display:grid;grid-template-columns:1fr 1.8fr;column-gap:60px}.gtm-section>.section-eyebrow{grid-column:1}.gtm-section>h2{grid-column:1;margin:20px 0;max-width:390px;font-size:40px}.gtm-list{grid-column:2;grid-row:1/3}.gtm-list details{border-bottom:1px solid var(--line)}.gtm-list details:first-child{border-top:1px solid var(--line)}.gtm-list summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:1fr auto;gap:8px;padding:21px 0}.gtm-list summary::-webkit-details-marker{display:none}.gtm-list h3{font-size:18px;font-weight:500;margin:0;grid-column:1}.plus{grid-column:2;grid-row:1/3;align-self:center;font-size:24px}.gtm-list details[open] .plus{transform:rotate(45deg)}.gtm-list p{font-size:14px;color:var(--muted);line-height:1.7;margin:0 35px 25px 0}.diagram-section{padding:60px 4vw;border-top:1px solid var(--line)}.section-head{display:grid;grid-template-columns:1fr 1.8fr;gap:60px}.section-title{font-size:40px;line-height:1.1;letter-spacing:-.045em}.matrix-intro{font:11px/1.6 var(--mono);color:var(--muted);margin:30px 0}.matrix{border-top:1px solid var(--ink)}.row{display:grid;grid-template-columns:50px 1fr 1.6fr;gap:20px;border-bottom:1px solid var(--line);padding:22px 0;cursor:pointer;transition:background .2s}.row:hover{background:#e5e8dd}.row-num,.row-cell-label{font:9px/1.5 var(--mono);color:var(--muted)}.row-cell-label{display:block;margin-bottom:6px}.row-partner-name{font-size:20px;letter-spacing:-.02em}.row-partner-desc{font-size:12px;color:var(--muted);line-height:1.5;max-width:320px;margin-top:8px}.row-tme-text{font-size:14px;line-height:1.6;max-width:640px;padding-right:20px}.row-arrow{display:none}.bio-section{padding:70px 4vw;background:#dde2d6}.bio-inner{display:grid;grid-template-columns:1fr 1.5fr;column-gap:9vw}.bio-eyebrow{grid-column:1}.bio-inner h2{grid-column:1;grid-row:2/5;font-size:clamp(35px,4vw,62px);font-weight:500;line-height:1.05;letter-spacing:-.055em;margin:24px 0}.bio-text{grid-column:2;font-size:15px;line-height:1.7;margin:0 0 20px}.bio-text em{font-style:normal;font-weight:600}.credentials{grid-column:1/3;display:flex;flex-wrap:wrap;gap:20px;font:10px/1.5 var(--mono);margin-top:25px;padding-top:24px;border-top:1px solid #a8b5a2}.cred-label{color:#43573e}.cred-sep{color:#9aa594}.lab-section{padding:75px 4vw}.lab-section .section-heading p{color:var(--muted)}.resource-list{border-top:1px solid var(--ink)}.resource-list a{display:grid;grid-template-columns:45px 1fr 1.4fr 20px;align-items:center;gap:20px;padding:24px 0;border-bottom:1px solid var(--line);text-decoration:none;transition:padding .2s}.resource-list a:hover{padding-left:12px;background:#e7e9df}.resource-no{font:10px var(--mono);color:var(--orange)}.resource-list strong{font-size:20px;font-weight:500;letter-spacing:-.02em}.resource-desc{font-size:13px;color:var(--muted)}.closing{padding:65px 4vw;background:var(--bright);display:grid;grid-template-columns:1fr 2fr;gap:30px}.closing p{font-size:clamp(36px,4.4vw,68px);line-height:1.05;letter-spacing:-.055em;margin:0}.closing p span{font-family:Georgia,serif;font-style:italic}.closing>a{grid-column:2;text-decoration:none;border-bottom:1px solid var(--ink);width:fit-content;padding:10px 0;font-size:14px}footer{padding:35px 4vw;display:flex;gap:30px;justify-content:space-between;align-items:center;font:10px/1.6 var(--mono)}footer>span:first-of-type{margin-right:auto}footer>a:not(.wordmark){text-decoration:none}dialog{width:min(720px,94vw);max-height:88vh;border:1px solid var(--ink);padding:35px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#111d16bb;backdrop-filter:blur(4px)}.panel-head{display:flex;justify-content:space-between;align-items:center;font:12px var(--mono)}.panel-head button{border:1px solid var(--ink);padding:10px;background:transparent;cursor:pointer}dialog h2{font-size:32px;line-height:1.1;letter-spacing:-.03em;font-weight:500}dialog h2 em{font-family:Georgia,serif}dialog h3{font-size:12px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;margin-top:30px;color:var(--orange)}.panel-lead{font-size:16px;line-height:1.65}.workstream{margin-bottom:20px}.workstream-title{font-size:16px;margin-bottom:7px}.workstream-desc{font-size:14px;line-height:1.6;color:var(--muted)}.panel-cta{border-top:1px solid var(--line);padding-top:20px;display:grid;gap:15px;font:11px/1.5 var(--mono)}
@media(min-width:1550px){.masthead,.hero,.work-section,.practice-section,.gtm-section,.diagram-section,.bio-section,.lab-section,.closing,footer{padding-left:max(4vw,calc((100vw - 1500px)/2));padding-right:max(4vw,calc((100vw - 1500px)/2))}.masthead{margin:0}}
@media(max-width:1050px){.mast-label{display:none}.masthead nav{gap:20px}.hero h1{font-size:7vw}.hero-sub{font-size:15px}.hero-art{margin-left:-25px}.art-caption span:last-child{display:none}.projects{gap:24px;grid-template-columns:1fr 1fr}.network{gap:13px;inset:25px 10px}.network-node{padding:10px;font-size:9px}.access-node{padding:16px 12px}.network-node span{font-size:8px}.section-heading{grid-template-columns:.7fr 1.4fr 1fr;gap:25px}.gtm-section,.section-head{column-gap:35px}.gtm-section>h2,.section-title{font-size:34px}.resource-list a{grid-template-columns:25px 1fr 1.3fr 15px}}
@media(max-width:720px){.masthead{padding:18px 0;gap:10px}.wordmark{font-size:31px}.contact{display:none}.masthead nav{gap:17px;font-size:11px}.masthead nav a:nth-child(2){display:none}.hero{padding-top:20px}.hero-kicker{font-size:8px}.hero-kicker span:last-child{max-width:140px;text-align:right}.hero-grid{grid-template-columns:1fr;padding-top:25px;gap:0}.hero h1{font-size:clamp(62px,13vw,94px);margin-top:4px}.hero h1 .meaning{font-size:.72em;white-space:normal}.hero-sub{max-width:430px;font-size:16px}.hero-art{width:100%;max-width:500px;margin:15px auto 0}.hero-art svg{max-height:395px}.hero-footer{grid-template-columns:1fr auto;gap:12px;padding:20px 0}.hero-footer>span{grid-column:1/3;font-size:9px}.hero-footer p{font-size:12px}.hero-footer p br{display:none}.work-section{padding-top:45px;padding-bottom:35px}.section-heading{display:block;margin-bottom:25px}.section-heading h2{font-size:37px;margin:20px 0}.section-heading p{font-size:14px;max-width:430px}.projects{grid-template-columns:1fr;gap:35px}.project-graphic{height:260px}.network{gap:35px}.network-node{font-size:10px}.project-info{gap:18px}.project h3{font-size:25px}.project-info p{font-size:14px}.practice-section{padding-top:45px;padding-bottom:35px}.practice-section h2{margin-bottom:25px}.practice-grid{grid-template-columns:1fr;gap:20px}.practice-grid article{display:grid;grid-template-columns:1fr 1.4fr;column-gap:20px;padding-top:18px}.practice-number{grid-column:1/3}.practice-grid h3{font-size:21px;margin-top:14px}.practice-grid p{margin-top:14px}.gtm-section{display:block;padding-top:38px;padding-bottom:38px}.gtm-section>h2{margin:22px 0 30px}.section-head{display:block}.section-title{margin-top:20px}.diagram-section{padding-top:40px;padding-bottom:35px}.row{grid-template-columns:22px 1fr;gap:12px}.row .row-cell:last-child{grid-column:2}.row-partner-desc{max-width:100%}.row-tme-text{font-size:13px}.row-cell-label{font-size:8px}.bio-section{padding-top:40px;padding-bottom:35px}.bio-inner{display:block}.bio-inner h2{font-size:44px;margin:22px 0 30px}.credentials{gap:12px;font-size:9px}.cred-label{width:100%}.bio-text{font-size:14px}.lab-section{padding-top:45px;padding-bottom:40px}.resource-list a{grid-template-columns:24px 1fr 15px;gap:8px;padding:19px 0}.resource-list strong{font-size:19px}.resource-desc{grid-column:2;grid-row:2;font-size:12px;line-height:1.5}.resource-list a>span:last-child{grid-column:3;grid-row:1/3}.closing{display:block;padding-top:40px;padding-bottom:40px}.closing p{margin:23px 0;font-size:39px}.closing>a{display:inline-block}footer{flex-wrap:wrap;align-items:start;gap:20px}footer>span:first-of-type{width:70%;margin:0;font-size:9px}dialog{padding:24px}.art-caption{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}.hero-art:hover .layer{transform:none}}

.engineering-section{padding:80px max(5vw,24px);background:#e3e8dc;color:#17271f}.engineering-rows article{display:grid;grid-template-columns:180px 1fr;border-top:1px solid #aab9a2;padding:24px 0;gap:24px}.engineering-rows article>span{font:13px monospace;letter-spacing:.08em}.engineering-rows h3{font-size:28px;margin:0 0 10px}.engineering-rows p,.engineering-end{max-width:780px;line-height:1.6}.engineering-end a{color:inherit;text-underline-offset:4px}@media(max-width:650px){.engineering-rows article{grid-template-columns:1fr;gap:8px}}

.engineering-section .section-heading p{color:#425548}

/* v6: rotating hexagonal disciplines. Text remains outside the rotating plane. */
.discipline-layer{cursor:pointer;outline:none}.hex-spin{animation:hex-turn 64s linear infinite;transform-origin:0 0}.insight .hex-spin{animation-duration:78s;animation-direction:reverse}.story .hex-spin{animation-duration:92s}.hex-label{font:500 28px Arial,Helvetica,sans-serif;letter-spacing:-1px;pointer-events:none}.hex-prompt{font:9px ui-monospace,monospace;letter-spacing:1.5px;pointer-events:none}.hex-focus{opacity:0;pointer-events:none}.discipline-layer:focus-visible .hex-focus,.discipline-layer:hover .hex-focus{opacity:1}.discipline-layer:hover .hex-label{text-decoration:underline;text-underline-offset:5px}.hero-art:hover .hex-spin,.hero-art:focus-within .hex-spin,.hero-art.motion-paused .hex-spin,body.panel-open .hex-spin{animation-play-state:paused}.art-controls{display:flex;justify-content:space-between;align-items:start;gap:12px}.art-controls .art-caption{display:grid;gap:5px;font-size:9px}.motion-toggle{flex-shrink:0;border:0;border-bottom:1px solid var(--muted);background:transparent;color:var(--muted);padding:0 0 4px;font:9px/1.5 var(--mono);cursor:pointer}.motion-toggle:hover{color:var(--orange);border-color:var(--orange)}body.panel-open{overflow:hidden}#workstream-dialog .panel-head{position:sticky;top:-35px;background:var(--paper);padding:10px 0;z-index:1}#workstream-dialog.discipline-panel{border-top:5px solid var(--orange)}#workstream-dialog.discipline-panel .panel-lead{font-size:18px}#workstream-dialog.discipline-panel .workstream-title{font-weight:600}@keyframes hex-turn{to{transform:rotate(360deg)}}@media(max-width:720px){.art-controls .art-caption span:last-child{display:block}.hex-label{font-size:30px}#workstream-dialog .panel-head{top:-24px}}@media(prefers-reduced-motion:reduce){.hex-spin{animation:none!important}.motion-toggle{display:none}}

#workstream-dialog .panel-head{gap:16px}#close-btn{white-space:nowrap;flex-shrink:0}@media(max-width:480px){#p-num{font-size:10px;line-height:1.5}}

/* v7: projected three-dimensional octagonal prisms with independently lit side faces. */
.octagon-shadow{filter:blur(7px)}.octagon-volume{pointer-events:visiblePainted}.octagon-sides polygon{stroke-linejoin:round}.octagon-top,.octagon-rim,.octagon-inset{stroke-linejoin:round}.hex-focus{rx:205;ry:118}.discipline-layer:hover .octagon-rim,.discipline-layer:focus-visible .octagon-rim{stroke-width:3;opacity:1}

/* v8: discipline overlays enter from the right as color-matched octagons. */
#workstream-dialog.discipline-panel {
  --panel-face:#f15b2a; --panel-ink:#17221d; --panel-muted:#24372b;
  --panel-edge:#a53616; --panel-rule:#883818; --panel-highlight:#ffbb91;
  --panel-shape:polygon(24% 0,76% 0,100% 24%,100% 76%,76% 100%,24% 100%,0 76%,0 24%);
  width:min(880px,96vw); height:min(850px,92dvh); max-height:92dvh;
  margin:auto; padding:clamp(85px,12vh,110px) 14%;
  padding-inline:clamp(35px,11vw,123px);
  border:0; overflow:hidden; background:var(--panel-face); color:var(--panel-ink);
  clip-path:var(--panel-shape); isolation:isolate;
}
#workstream-dialog.discipline-panel[data-discipline="insight"] {
  --panel-face:#d9e0d4; --panel-ink:#17221d; --panel-muted:#344a39;
  --panel-edge:#94a68c; --panel-rule:#7a9072; --panel-highlight:#f3f6ee;
}
#workstream-dialog.discipline-panel[data-discipline="story"] {
  --panel-face:#243b30; --panel-ink:#f2f1e9; --panel-muted:#d5dfcf;
  --panel-edge:#10251b; --panel-rule:#7f9a84; --panel-highlight:#9aaf9a;
}
#workstream-dialog.discipline-panel::before {
  content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:linear-gradient(150deg,var(--panel-highlight),transparent 30%,transparent 75%,var(--panel-edge));
  opacity:.4;
}
#workstream-dialog.discipline-panel::after {
  content:""; position:absolute; inset:10px; pointer-events:none; z-index:-1;
  background:var(--panel-face); clip-path:var(--panel-shape);
}
#workstream-dialog.discipline-panel[open] {display:flex;flex-direction:column;animation:octagon-panel-in .65s cubic-bezier(.16,1,.3,1) both;}
#workstream-dialog.discipline-panel.panel-closing {animation:octagon-panel-out .32s cubic-bezier(.4,0,1,1) both;pointer-events:none;}
#workstream-dialog.discipline-panel .panel-head {position:relative;top:auto;flex:none;background:transparent;color:var(--panel-ink);padding:0 0 18px;gap:12px;font-size:10px;line-height:1.5;}
#workstream-dialog.discipline-panel #p-num {max-width:70%;}
#workstream-dialog.discipline-panel #close-btn {border-color:var(--panel-ink);color:var(--panel-ink);padding:9px 11px;}
#workstream-dialog.discipline-panel #close-btn:hover {background:var(--panel-ink);color:var(--panel-face);}
#workstream-dialog.discipline-panel .panel-scroll {min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-color:var(--panel-ink) transparent;scrollbar-width:thin;padding:0 10px 8px 0;}
#workstream-dialog.discipline-panel h2 {font-size:clamp(28px,4vw,46px);margin:8px 0 23px;}
#workstream-dialog.discipline-panel h3 {color:var(--panel-ink);font-weight:bold;}
#workstream-dialog.discipline-panel .workstream-desc {color:var(--panel-muted);}
#workstream-dialog.discipline-panel .panel-cta {border-color:var(--panel-rule);}
#workstream-dialog.discipline-panel a {text-underline-offset:4px;}
#workstream-dialog.discipline-panel :focus-visible {outline:2px solid var(--panel-ink);outline-offset:-2px;}
@keyframes octagon-panel-in {from{transform:translateX(100vw);opacity:.3}to{transform:translateX(0);opacity:1}}
@keyframes octagon-panel-out {from{transform:translateX(0);opacity:1}to{transform:translateX(100vw);opacity:0}}
@media(max-width:600px){
 #workstream-dialog.discipline-panel{width:98vw;height:94dvh;max-height:94dvh;padding:10vh 11vw;--panel-shape:polygon(24% 0,76% 0,100% 12%,100% 88%,76% 100%,24% 100%,0 88%,0 12%);}
 #workstream-dialog.discipline-panel .panel-head{gap:8px;align-items:flex-start;}
 #workstream-dialog.discipline-panel #p-num{font-size:9px;max-width:65%;}
 #workstream-dialog.discipline-panel #close-btn{padding:8px;font-size:10px;}
 #workstream-dialog.discipline-panel .panel-lead{font-size:16px;}
 #workstream-dialog.discipline-panel .workstream-desc{font-size:14px;}
}
@media(prefers-reduced-motion:reduce){#workstream-dialog.discipline-panel[open]{animation:none;transform:none;}}

/* v8 final direction: twelve-tooth gears and matching colored gear overlays. */
#workstream-dialog.discipline-panel { --panel-shape:polygon(50.000% 7.000%,56.526% 0.428%,62.941% 1.704%,66.455% 10.273%,71.500% 12.761%,80.438% 10.332%,85.355% 14.645%,84.114% 23.823%,87.239% 28.500%,96.194% 30.866%,98.296% 37.059%,92.632% 44.387%,93.000% 50.000%,99.572% 56.526%,98.296% 62.941%,89.727% 66.455%,87.239% 71.500%,89.668% 80.438%,85.355% 85.355%,76.177% 84.114%,71.500% 87.239%,69.134% 96.194%,62.941% 98.296%,55.613% 92.632%,50.000% 93.000%,43.474% 99.572%,37.059% 98.296%,33.545% 89.727%,28.500% 87.239%,19.562% 89.668%,14.645% 85.355%,15.886% 76.177%,12.761% 71.500%,3.806% 69.134%,1.704% 62.941%,7.368% 55.613%,7.000% 50.000%,0.428% 43.474%,1.704% 37.059%,10.273% 33.545%,12.761% 28.500%,10.332% 19.562%,14.645% 14.645%,23.823% 15.886%,28.500% 12.761%,30.866% 3.806%,37.059% 1.704%,44.387% 7.368%); padding:18vh 17%;padding-inline:clamp(60px,15vw,165px); }
@media(max-width:600px){#workstream-dialog.discipline-panel{ --panel-shape:polygon(50.000% 7.000%,56.526% 0.428%,62.941% 1.704%,66.455% 10.273%,71.500% 12.761%,80.438% 10.332%,85.355% 14.645%,84.114% 23.823%,87.239% 28.500%,96.194% 30.866%,98.296% 37.059%,92.632% 44.387%,93.000% 50.000%,99.572% 56.526%,98.296% 62.941%,89.727% 66.455%,87.239% 71.500%,89.668% 80.438%,85.355% 85.355%,76.177% 84.114%,71.500% 87.239%,69.134% 96.194%,62.941% 98.296%,55.613% 92.632%,50.000% 93.000%,43.474% 99.572%,37.059% 98.296%,33.545% 89.727%,28.500% 87.239%,19.562% 89.668%,14.645% 85.355%,15.886% 76.177%,12.761% 71.500%,3.806% 69.134%,1.704% 62.941%,7.368% 55.613%,7.000% 50.000%,0.428% 43.474%,1.704% 37.059%,10.273% 33.545%,12.761% 28.500%,10.332% 19.562%,14.645% 14.645%,23.823% 15.886%,28.500% 12.761%,30.866% 3.806%,37.059% 1.704%,44.387% 7.368%);padding:16vh 16vw; }#workstream-dialog.discipline-panel .panel-head{flex-wrap:wrap;}#workstream-dialog.discipline-panel #p-num{max-width:100%;}#workstream-dialog.discipline-panel h2{font-size:27px;}}

/* v9: coplanar top-down gear train, common tooth pitch and synchronized rotation. */
.gear-label{font:500 28px Arial,Helvetica,sans-serif;letter-spacing:-.7px;pointer-events:none}.drive-label{font-size:25px;font-weight:600}.gear-focus{opacity:0;pointer-events:none}.discipline-layer:hover .gear-focus,.discipline-layer:focus-visible .gear-focus{opacity:1}.discipline-layer:hover .gear-label{text-decoration:underline;text-underline-offset:5px}.drive-gear .gear-focus{display:none}.gear-rotor{pointer-events:visiblePainted}.hero-art .discipline-art{max-height:none}@media(max-width:720px){.hero-art .discipline-art{max-height:460px}.gear-label{font-size:29px}.drive-label{font-size:26px}}

/* v9: coplanar top-down gear train, common tooth pitch and synchronized rotation. */
.gear-label{font:500 28px Arial,Helvetica,sans-serif;letter-spacing:-.7px;pointer-events:none}.drive-label{font-size:20px;font-weight:600}.gear-focus{opacity:0;pointer-events:none}.discipline-layer:hover .gear-focus,.discipline-layer:focus-visible .gear-focus{opacity:1}.discipline-layer:hover .gear-label{text-decoration:underline;text-underline-offset:5px}.drive-gear .gear-focus{display:none}.gear-rotor{pointer-events:visiblePainted}.hero-art .discipline-art{max-height:none}@media(max-width:720px){.hero-art .discipline-art{max-height:460px}.gear-label{font-size:29px}.drive-label{font-size:20px}}

/* v10: current cloudflare.com accent colors, sampled November 3, 2026. */
#workstream-dialog.discipline-panel[data-discipline="proof"]{--panel-face:#9616ff;--panel-ink:#fffbf5;--panel-muted:#fffbf5;--panel-edge:#6100b8;--panel-rule:#d5b2f7;--panel-highlight:#d5b2f7}
#workstream-dialog.discipline-panel[data-discipline="insight"]{--panel-face:#ffcc00;--panel-ink:#191817;--panel-muted:#191817;--panel-edge:#9d7900;--panel-rule:#755b00;--panel-highlight:#fff0ac}
#workstream-dialog.discipline-panel[data-discipline="story"]{--panel-face:#ff5b66;--panel-ink:#191817;--panel-muted:#191817;--panel-edge:#b52b41;--panel-rule:#8b2333;--panel-highlight:#ffc7cc}

/* v11: restrained Cloudflare homepage primary neutrals and orange. */
#workstream-dialog.discipline-panel[data-discipline="proof"]{--panel-face:#191817;--panel-ink:#fffbf5;--panel-muted:#f0e3de;--panel-edge:#151414;--panel-rule:#9a9390;--panel-highlight:#454240}
#workstream-dialog.discipline-panel[data-discipline="insight"]{--panel-face:#f0e3de;--panel-ink:#191817;--panel-muted:#35302e;--panel-edge:#b4aaa5;--panel-rule:#9a9390;--panel-highlight:#fffbf5}
#workstream-dialog.discipline-panel[data-discipline="story"]{--panel-face:#9a9390;--panel-ink:#191817;--panel-muted:#191817;--panel-edge:#736d69;--panel-rule:#454240;--panel-highlight:#c5bfbc}

/* v12: all outer gears use coordinated orange tones. */
#workstream-dialog.discipline-panel[data-discipline="proof"]{--panel-face:#ff7038;--panel-ink:#191817;--panel-muted:#191817;--panel-edge:#ce4c19;--panel-rule:#9b3f1d;--panel-highlight:#ffb38a}
#workstream-dialog.discipline-panel[data-discipline="insight"]{--panel-face:#ffb38a;--panel-ink:#191817;--panel-muted:#35251e;--panel-edge:#d77a4c;--panel-rule:#9b5c3b;--panel-highlight:#ffd9c5}
#workstream-dialog.discipline-panel[data-discipline="story"]{--panel-face:#ffd9c5;--panel-ink:#191817;--panel-muted:#493125;--panel-edge:#dba589;--panel-rule:#ad785c;--panel-highlight:#fffbf5}

/* v13: consistent typography across all four gear labels. */
.hero-art .gear-label,.hero-art .drive-label{font-family:Arial,Helvetica,sans-serif;font-size:20px;font-weight:500;letter-spacing:-.4px;fill:#191817}

/* v14: twenty-word summaries toggle inside the existing gear footprint. */
.hero-art .gear-bluf{display:none;font:500 15px Arial,Helvetica,sans-serif;letter-spacing:0;fill:#191817;pointer-events:none}.discipline-layer[aria-pressed="true"] .gear-label{display:none}.hero-art .discipline-layer[aria-pressed="true"] .gear-bluf{display:block}

/* v16: stronger contrast for the Technical Marketing driver. */
.hero-art .drive-gear .drive-label{fill:#fffbf5}.drive-gear .gear-rotor>circle{stroke:#ffdabf}.drive-gear .gear-rotor>circle[cx]{fill:#ffdabf}

/* v17: three areas and combined TME / TPMM framework. */
.masthead nav{gap:22px}.area-section{padding:44px 4vw 54px;border-bottom:1px solid var(--line)}.area-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:25px}.area-heading h2{font-size:27px;font-weight:500;letter-spacing:-.04em;margin:0}.area-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.area-card{display:flex;flex-direction:column;align-items:flex-start;padding:27px;border:1px solid var(--line);text-decoration:none;background:#fffbf5}.area-card h3{font-size:25px;letter-spacing:-.03em;font-weight:500;margin:23px 0 8px}.area-card p{font-size:14px;line-height:1.65;color:var(--muted);margin:0 0 25px}.area-link{font:11px/1.6 var(--mono);margin-top:auto;border-bottom:1px solid var(--orange)}.area-card:hover{border-color:var(--orange)}.practice-intro{font-size:21px;line-height:1.6;max-width:960px;margin:25px 0 38px}.scope-note{font-size:15px;line-height:1.7;max-width:950px;color:var(--muted)}.responsibility-body{padding:0 0 22px}.gtm-list .responsibility-body p{padding-bottom:0;margin-bottom:10px}.measurement{margin-top:35px;padding:25px 30px;border-left:3px solid var(--orange);background:#fffbf5}.measurement h3{font-size:22px;font-weight:500;margin-top:0}.measurement p{font-size:15px;line-height:1.7;max-width:900px;margin-bottom:0}.source-note{font:11px/1.7 var(--mono);max-width:950px;color:var(--muted);margin-top:30px}.subhero{padding:70px 6vw 60px;border-bottom:1px solid var(--line)}.subhero h1{font-size:clamp(48px,7vw,100px);font-weight:500;letter-spacing:-.06em;line-height:1;margin:27px 0}.subhero h1 em{font-family:Georgia,serif;font-weight:400}.subhero>p{max-width:830px;font-size:20px;line-height:1.6;color:var(--muted)}.subhero-actions{display:flex;align-items:center;gap:28px;margin-top:30px;flex-wrap:wrap}.subhero-actions>a:not(.primary){font-size:14px}.subhero .access-note{font:12px/1.6 var(--mono);max-width:800px;margin-top:25px}.method-section,.lab-map{padding:65px 6vw}.method-section h2,.lab-map h2,.evidence-section h2{font-size:clamp(32px,4vw,54px);font-weight:500;letter-spacing:-.04em;line-height:1.12;margin:20px 0 35px}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.method-grid article{border-top:1px solid var(--line);padding-top:22px}.method-grid h3{font-size:23px;font-weight:500;letter-spacing:-.025em}.method-grid p,.example-note>p{font-size:16px;line-height:1.7;color:var(--muted)}.evidence-section{padding:50px 6vw;display:grid;grid-template-columns:1fr 1.5fr;gap:55px;background:var(--ink);color:var(--paper)}.evidence-section p,.evidence-section li{font-size:16px;line-height:1.7;color:#d9e0d4}.evidence-section li{margin-bottom:12px}.evidence-section ul{padding-left:20px}.evidence-section h2{margin-bottom:0}.text-cta{display:inline-block;font:12px/1.7 var(--mono);text-underline-offset:5px}.example-note>p{max-width:900px}.flow-grid{display:grid;grid-template-columns:1fr 30px 1fr 30px 1fr;gap:22px;align-items:stretch}.flow-grid article{background:#fffbf5;border:1px solid var(--line);padding:25px}.flow-grid article>span{font:10px var(--mono);color:var(--orange)}.flow-grid h3{font-size:22px;font-weight:500;overflow-wrap:anywhere}.flow-grid p{font-size:14px;line-height:1.7;color:var(--muted)}.flow-arrow{align-self:center;font-size:28px}.lab-section .section-heading p{color:var(--muted)}
@media(max-width:1050px){.masthead{flex-wrap:wrap;gap:18px}.masthead nav{order:3;flex-basis:100%;margin:0;justify-content:space-between}.contact{margin-left:auto}.method-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.area-heading{display:block}.area-heading h2{margin-top:16px}.area-grid,.method-grid,.evidence-section,.flow-grid{grid-template-columns:1fr}.area-card{padding:24px}.area-card h3{margin-top:16px}.masthead nav{display:flex;gap:15px;flex-wrap:wrap;font-size:12px}.flow-arrow{transform:rotate(90deg);justify-self:center}.subhero{padding:40px 6vw}.subhero>p,.practice-intro{font-size:18px}.evidence-section{gap:20px}.method-section,.lab-map{padding:45px 6vw}.source-note{overflow-wrap:anywhere}.measurement{padding:22px}.masthead .contact{display:block}.scope-note{font-size:14px}}

@media(min-width:721px){.gtm-section{grid-template-rows:auto auto auto 1fr auto auto;align-items:start}.gtm-section>.section-eyebrow{grid-row:1}.gtm-section>h2{grid-row:2}.gtm-section>.scope-note{grid-column:1;grid-row:3;margin:8px 0 0}.gtm-list{grid-column:2;grid-row:1/5}.gtm-section>.measurement{grid-column:1/-1;grid-row:5}.gtm-section>.source-note{grid-column:1/-1;grid-row:6}}

@media(max-width:720px){.masthead nav a:nth-child(2){display:block}.masthead nav{justify-content:flex-start;column-gap:22px;row-gap:14px}}

.gtm-list summary .plus{grid-column:2;grid-row:1/3;align-self:center}
