/* Team detail pages share an editorial rhythm, not a one-size-fits-all dashboard. */
.tr-page{--tr-gutter:clamp(24px,3.5vw,72px);--tr-gap:clamp(40px,6vw,112px);color:#343434;font-family:inherit;background:#fff}
.tr-page *{box-sizing:border-box}
.tr-page [hidden]{display:none!important}
.tr-page h1,.tr-page h2,.tr-page h3,.tr-page p{margin:0;font-weight:400}
.tr-page a{color:inherit;text-decoration:none}
.tr-page button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.tr-page button:focus-visible,.tr-page a:focus-visible,.tr-page summary:focus-visible{outline:2px solid #535b43;outline-offset:6px}
.tr-page svg{width:24px;height:24px;flex-shrink:0}
.tr-page .tr-button{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:54px;padding:16px 24px;border:0;border-radius:40px;background:#343434;color:#e0fe67;font-size:16px;line-height:1.3;transition:background .2s}
.tr-page .tr-button:hover{background:#181916}
.tr-text-link{display:inline-flex;align-items:center;gap:24px;padding:12px 0;font-size:16px;line-height:1.4}
.tr-text-link:hover{text-decoration:underline;text-underline-offset:5px}
.tr-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--tr-gap);min-height:calc(100svh - 80px);padding:28px var(--tr-gutter) 36px;align-items:stretch}
.tr-hero-copy{display:flex;flex-direction:column;padding:clamp(58px,9vh,120px) 0 12px;min-width:0}
.tr-hero-heading h1{font-size:clamp(46px,4.45vw,80px);line-height:1.06;letter-spacing:-.045em;text-wrap:balance}
.tr-subheading{font-size:clamp(21px,1.65vw,28px);line-height:1.4;letter-spacing:-.022em;max-width:22em;margin-top:30px!important;text-wrap:pretty}
.tr-hero-footer{margin-top:auto;padding-top:60px}
.tr-hero-footer>p{font-size:18px;line-height:1.55;color:#60665c;max-width:37em;text-wrap:pretty}
.tr-hero-footer>.tr-text-link{margin-top:20px}
.tr-hero-art{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:94px clamp(24px,3.1vw,60px) 36px;min-width:0;border-radius:18px;background:#f7f7f7}
.tr-hero-caption{position:absolute;top:26px;left:30px;right:30px;display:flex;justify-content:flex-end;gap:16px;color:#696e64;font-size:12px}
.tr-art-caption{font-size:12px;line-height:1.5;color:#696e64;text-align:center}
.tr-route-line{position:absolute;top:85px;left:0;width:100%!important;height:135px!important;z-index:-1;color:#b1b7a7}
.tr-route-line path{stroke:currentColor;stroke-width:1.5;stroke-dasharray:4 6}
.tr-route-line circle{fill:#e0fe67;stroke:#8a9380;stroke-width:1}
.tr-page--dispatcher .tr-hero-art{gap:24px;padding-bottom:28px}
.tr-page--dispatcher .tr-route-line{top:64px;height:100px!important}
.tr-hero-window .tr-scene-header{padding:20px 24px}
.tr-hero-window .tr-scene-body{padding:20px 24px;gap:18px}
.tr-hero-window .tr-records li{padding-top:16px;padding-bottom:16px}
.tr-hero-window .tr-records li:first-child{padding-top:0}
.tr-hero-window .tr-records li:last-child{padding-bottom:4px}
.tr-hero-window .tr-scene--timeline .tr-records li:not(:first-child),.tr-hero-window .tr-scene--pipeline .tr-records li:not(:first-child){padding-top:0}
.tr-demo-controls{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.tr-demo-status{font-size:12px;line-height:1.5;color:#696e64;min-height:1.5em}
.tr-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--tr-gap);align-items:stretch;min-height:calc(100svh - 80px);padding:38px var(--tr-gutter);scroll-margin-top:80px;overflow-anchor:none}
.tr-feature--neutral{background:#e6e7da}.tr-feature--mint{background:#e2ece9}
.tr-feature-copy{grid-column:2;grid-row:1;align-self:start;padding-top:clamp(32px,7vh,88px);min-width:0}
.tr-feature--reverse .tr-feature-copy{grid-column:1}
.tr-feature h2,.tr-faq h2{font-size:clamp(36px,2.8vw,52px);line-height:1.12;letter-spacing:-.035em;margin-bottom:42px}
.tr-feature h2>span{color:#747c72}
.tr-faq h2>span{color:#808080}
.tr-accordion{border-top:1px solid #bac2b2}
.tr-accordion-item{border-bottom:1px solid #bac2b2}
.tr-accordion h3>button{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:24px 0;background:transparent;border:0;color:#606b56;text-align:left;font-size:clamp(22px,1.65vw,30px);line-height:1.2;letter-spacing:-.025em}
.tr-accordion h3>button:hover,.tr-accordion h3>button[aria-expanded=true]{color:#343434}
.tr-accordion h3>button svg{width:20px;height:20px}
.tr-accordion h3>button[aria-expanded=true] .tr-plus{display:none}
.tr-accordion-panel{padding:24px 36px 32px 0}
.tr-accordion-panel>p{font-size:clamp(17px,1.3vw,22px);line-height:1.5;color:#606b56;text-wrap:pretty}
.tr-accordion-panel .tr-benefit{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.065em;line-height:1.5;color:#343434;margin-bottom:16px}
.tr-art{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:center;min-width:0;min-height:660px;padding:clamp(36px,4.5vw,90px) clamp(24px,3.2vw,64px);border-radius:18px;background:#849b7e var(--tr-art-image) center/cover;overflow:hidden}
.tr-feature--reverse .tr-art{grid-column:2}
.tr-window{display:grid;width:100%;min-width:0;max-width:680px;background:#fff;border-radius:18px;box-shadow:0 16px 40px #27332513;overflow:hidden}
.tr-window--open{background:transparent;border-radius:0;box-shadow:none;overflow:visible}
.tr-hero-art--expressive{padding-top:72px;padding-bottom:24px;overflow:hidden}
.tr-page--dispatcher .tr-hero-art--expressive{padding-top:84px}
.tr-art--expressive{padding:46px clamp(24px,3vw,54px)}
.tr-page--analyst .tr-hero-art{background:url('/_local/blurred-alt-again.webp') right bottom/cover}
.tr-art--expressive[data-art-role=analyst]{background:url('/_local/blurred-alt4.webp') center/cover}
.tr-page--analyst .tr-hero-caption,.tr-page--prospector .tr-hero-caption,.tr-page--chief-of-staff .tr-hero-caption{color:#fafbf5}
.tr-art--expressive[data-art-role=dispatcher]{background:#849b7e var(--tr-art-image) center/cover}
.tr-page--dispatcher #a-day-in-motion .tr-art{padding:0}
.tr-page--dispatcher #a-day-in-motion .tr-window{max-width:none;height:100%}
.tr-page--dispatcher #everyone-in-the-loop .tr-art{padding:0}
.tr-page--dispatcher #everyone-in-the-loop .tr-window{max-width:none;height:100%}
.tr-page--chief-of-staff{background:#e6e7da}
.tr-page--chief-of-staff .tr-hero-art,.tr-art--expressive[data-art-role=chief-of-staff]{background:#243029 url('/_local/blurred-otto.webp') right bottom/cover;contain:paint}
.tr-art--expressive[data-art-role=marketer]{background:#f7f7f2}
.tr-art--expressive[data-art-role=concierge]{background:#7e8a74 var(--tr-art-image) center/cover}
.tr-page--concierge .tr-hero-art{background:#20261d url('/_local/blurred-alt3.webp') center/cover}
.tr-page--publicist .tr-hero-art{background:#3b332b url('/_local/publicist-kitchen.webp') center top/cover}
.tr-art--expressive[data-art-role=publicist]{background:#7e8d80 url('/_local/publicist-cups.webp') center/cover}
.tr-page--prospector .tr-hero-art,.tr-art--expressive[data-art-role=prospector]{background:url('/_local/footer-blurred4.webp') center/cover}
.tr-page--office-manager .tr-hero-art{background:#2a2420 url('/_local/office-1.webp') center/cover}
.tr-art--expressive[data-art-role=office-manager],.tr-art[data-art-role=office-manager]{background:#8d9287 var(--tr-art-image) center/cover}
.tr-page--office-manager .tr-hero-art{padding-top:40px;padding-bottom:40px}
/* All scenes contribute their intrinsic height to one grid cell. The shell never resizes. */
.tr-scene{grid-area:1/1;display:flex;flex-direction:column;min-width:0;min-height:440px}
.tr-scene:not(.is-active){visibility:hidden;pointer-events:none}
.tr-scene-header{display:flex;align-items:center;gap:14px;padding:24px 26px;border-bottom:1px solid #eceee8}
.tr-app-mark{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;color:#343434}
.tr-app-mark svg{width:30px;height:30px}
.tr-scene-header>div{min-width:0}
.tr-scene-context{display:block;font-size:11px;line-height:1.4;color:#69715f;margin-bottom:6px}
.tr-scene-header strong{display:block;font-size:clamp(17px,1.3vw,23px);line-height:1.25;font-weight:400;letter-spacing:-.02em}
.tr-scene-body{display:flex;flex-direction:column;flex:1;padding:24px 26px 26px;gap:24px;min-width:0}
.tr-status{display:inline-flex;align-items:center;align-self:start;gap:7px;padding:7px 10px;background:#edf1e5;border-radius:20px;color:#556245;font-size:10px;line-height:1.2}
.tr-status i{width:5px;height:5px;border-radius:50%;background:#727f5d}
.tr-scene-lead{display:flex;flex-direction:column;gap:12px}
.tr-scene-headline{font-size:clamp(27px,2.1vw,38px);line-height:1.16;letter-spacing:-.035em;text-wrap:balance}
.tr-scene-text{font-size:16px;line-height:1.5;color:#67715e;text-wrap:pretty}
.tr-records{list-style:none;padding:0;margin:0}
.tr-records li{display:flex;align-items:center;gap:14px;padding:18px 0;border-top:1px solid #e6e9e0}
.tr-records li:first-child{padding-top:0;border-top:0}
.tr-records li:last-child{padding-bottom:4px}
.tr-record-copy{flex:1;min-width:0}
.tr-record-copy strong{display:block;font-size:15px;line-height:1.3;letter-spacing:-.01em;font-weight:400}
.tr-record-copy>span{display:block;font-size:12px;line-height:1.5;color:#626c56;margin-top:5px}
.tr-record-value{font-size:12px;line-height:1.4;color:#626c56;text-align:right;flex-shrink:0;max-width:35%}
.tr-record--active .tr-record-copy strong{color:#343434}
.tr-record--active .tr-record-value{background:#e0fe67;padding:6px 8px;border-radius:7px;color:#343434}
.tr-scene-note{margin-top:auto;padding:17px 18px;background:#f3f4ef;border-radius:12px}
.tr-small-label{display:block;font-size:10px;line-height:1.4;text-transform:uppercase;letter-spacing:.045em;color:#626c56;margin-bottom:8px}
.tr-scene-note>p{font-size:13px;line-height:1.5;color:#626c56}
.tr-scene--schedule .tr-records li{position:relative;padding-left:15px;align-items:start}
.tr-scene--schedule .tr-records li:before{content:'';position:absolute;left:0;top:20px;bottom:18px;width:3px;border-radius:3px;background:#dbe1d0}
.tr-scene--schedule .tr-records li:first-child:before{top:0}
.tr-scene--schedule .tr-records li:last-child:before{bottom:4px}
.tr-scene--schedule .tr-records .tr-record--active:before{background:#a5b782}
.tr-scene--schedule .tr-record-copy strong{font-size:20px}
.tr-step{display:grid;place-items:center;position:relative;width:26px;height:26px;flex:0 0 26px;border-radius:50%;background:#edf0e5;color:#77816a;font-size:10px}
.tr-record--done .tr-step{background:#e0fe67;color:#343434}
.tr-scene--pipeline .tr-records li,.tr-scene--timeline .tr-records li{align-items:start;border:0;position:relative;padding-bottom:24px}
.tr-scene--pipeline .tr-records li:not(:last-child):before,.tr-scene--timeline .tr-records li:not(:last-child):before{content:'';position:absolute;left:12px;top:25px;bottom:0;width:1px;background:#d9dfcd}
.tr-scene--pipeline .tr-records li:not(:first-child),.tr-scene--timeline .tr-records li:not(:first-child){padding-top:0}
.tr-scene--ledger .tr-record-value{font-size:18px;color:#343434;letter-spacing:-.02em}
.tr-scene--ledger .tr-records li{padding-top:20px;padding-bottom:20px}
.tr-metric{display:flex;flex-direction:column;gap:8px}
.tr-metric strong{font-size:clamp(44px,4vw,68px);line-height:1;font-weight:400;letter-spacing:-.045em}
.tr-metric span{font-size:13px;color:#6b765e;line-height:1.4}
.tr-chart{display:flex;flex-direction:column;gap:18px}
.tr-chart-row{display:grid;grid-template-columns:minmax(66px,.7fr) minmax(40px,1fr) minmax(20px,auto);gap:12px;align-items:center;font-size:11px;color:#6b765e}
.tr-chart-row strong{font-weight:400;color:#343434}
.tr-bar-track{display:block;height:8px;background:#f0f2eb;border-radius:5px;overflow:hidden}
.tr-bar-track i{display:block;height:100%;width:var(--tr-bar);border-radius:5px;background:#a3b187}
.tr-chart-row:first-child .tr-bar-track i{background:#343434}
.tr-message{padding:20px 22px;background:#edf2ef;border-radius:18px 18px 18px 3px}
.tr-message p{font-size:clamp(18px,1.5vw,26px);line-height:1.35;letter-spacing:-.02em;text-wrap:pretty}
.tr-scene--review .tr-message{background:#f5f2eb;border-radius:14px}
.tr-scene--campaign .tr-scene-lead{padding:24px;background:#e8ecdb;border-radius:10px;min-height:150px;justify-content:center}
.tr-platform{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:var(--tr-gap);padding:clamp(90px,9vw,160px) var(--tr-gutter)}
.tr-platform h2{font-size:clamp(36px,3.6vw,64px);line-height:1.12;letter-spacing:-.04em;text-wrap:balance}
.tr-highlight{background:linear-gradient(178deg,transparent 48%,#dfff68 49%,#dfff68 86%,transparent 88%);background-position:0 -4px;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:0 .025em}
.tr-platform-copy{margin-top:38px;max-width:620px}
.tr-platform-copy p{font-size:20px;line-height:1.5;color:#6c7466;text-wrap:pretty}
.tr-platform-copy p+p{margin-top:24px}
.tr-connections{padding:36px clamp(26px,3vw,54px);background:#f7f7f7;border-radius:18px}
.tr-connections-heading{display:flex;align-items:center;gap:16px;padding-bottom:30px;font-size:14px;color:#606a55}
.tr-connections a{display:flex;justify-content:space-between;align-items:center;gap:28px;border-top:1px solid #dce1d4;padding:28px 0}
.tr-connections a:last-child{padding-bottom:8px}
.tr-connections a strong{display:block;font-size:clamp(24px,2vw,34px);line-height:1.2;font-weight:400;letter-spacing:-.025em}
.tr-connections a span>span{display:block;font-size:15px;line-height:1.5;color:#67735a;max-width:320px;margin-top:10px}
.tr-connections a:hover strong{text-decoration:underline;text-underline-offset:5px}
.tr-faq{display:grid;grid-template-columns:1fr 1fr;gap:var(--tr-gap);padding:20px var(--tr-gutter) 100px}
.tr-faq h2{padding-top:22px}
.tr-faq details{border-top:1px solid #d7ddce}
.tr-faq details:last-child{border-bottom:1px solid #d7ddce}
.tr-faq summary{display:flex;justify-content:space-between;align-items:center;gap:24px;list-style:none;cursor:pointer;padding:25px 0;font-size:20px;line-height:1.3;letter-spacing:-.02em}
.tr-faq summary::-webkit-details-marker{display:none}
.tr-faq summary>span{font-size:26px;flex-shrink:0;color:#727c65}
.tr-faq details[open] summary>span{transform:rotate(45deg)}
.tr-faq details>p{padding-bottom:28px;font-size:16px;line-height:1.6;color:#66715b}
.tr-closing{position:relative;padding:100px var(--tr-gutter) 110px;background:#4b5240 var(--tr-closing-image) center/cover;text-align:center;color:#fff}
.tr-closing h2{max-width:18em;margin:auto;font-size:clamp(44px,5vw,88px);line-height:1.08;letter-spacing:-.045em}
.tr-closing>p{max-width:34em;margin:28px auto 32px;font-size:20px;line-height:1.5;color:#e7ece0;text-wrap:balance}
.tr-closing .tr-button{background:#fffdf5;color:#232a20;box-shadow:0 8px 26px #0c120d3d}
.tr-closing .tr-button:hover{background:#fff}
.tr-role-nav{display:flex;justify-content:space-between;gap:32px;padding:52px var(--tr-gutter);background:#fff}
.tr-role-nav a{display:flex;align-items:center;gap:24px;max-width:46%}
.tr-role-nav a:last-child{text-align:right}
.tr-role-nav a>span{min-width:0}
.tr-role-nav small{display:block;color:#626c56;font-size:12px;margin-bottom:10px}
.tr-role-nav strong{font-size:clamp(22px,2vw,34px);font-weight:400;letter-spacing:-.02em}
.tr-role-nav a:hover strong{text-decoration:underline;text-underline-offset:6px}
.tr-previous-arrow{transform:rotate(180deg)}
@media(min-width:1700px){.tr-scene-header{padding:28px 34px}.tr-scene-body{padding:30px 34px;gap:30px}.tr-scene-context{font-size:13px}.tr-record-copy strong{font-size:18px}.tr-record-copy>span{font-size:14px}.tr-record-value{font-size:14px}.tr-scene-note>p{font-size:15px}.tr-small-label{font-size:11px}.tr-scene{min-height:510px}.tr-status{font-size:12px}.tr-art{min-height:730px}}
@media(max-width:1150px){.tr-page{--tr-gap:36px}.tr-hero{grid-template-columns:1fr 1fr}.tr-hero-art{padding-left:22px;padding-right:22px}.tr-scene-header{padding:20px}.tr-scene-body{padding:20px;gap:22px}.tr-art{padding:44px 24px}.tr-accordion-panel{padding-right:0}.tr-record-value{font-size:11px}.tr-hero-footer>p{font-size:17px}}
@media(max-width:900px){.tr-hero{grid-template-columns:1fr;gap:36px;padding-top:44px}.tr-hero-copy{padding:0}.tr-hero-heading h1{font-size:clamp(44px,7.4vw,68px);max-width:14em}.tr-subheading{max-width:26em}.tr-hero-footer{padding-top:32px}.tr-hero-footer>p{max-width:42em}.tr-hero-art{min-height:540px;padding-top:88px;max-width:720px;width:100%;margin:auto}.tr-page--dispatcher .tr-hero-art{padding-top:70px}.tr-hero-window{max-width:540px}.tr-hero-footer>.tr-text-link{margin-top:10px}.tr-feature{grid-template-columns:1fr;gap:36px;padding-top:60px;padding-bottom:44px;min-height:0}.tr-feature .tr-feature-copy{grid-column:1;grid-row:1;padding-top:0;width:100%;max-width:680px;margin:auto}.tr-feature .tr-art{grid-column:1;grid-row:2;min-height:600px;width:100%;max-width:720px;margin:auto;padding:48px 40px}.tr-feature h2{font-size:40px}.tr-platform,.tr-faq{grid-template-columns:1fr;gap:44px}.tr-platform{padding-top:80px;padding-bottom:80px}.tr-platform h2{max-width:17em}.tr-platform-copy{max-width:680px}.tr-connections{max-width:680px;width:100%}.tr-faq h2{margin-bottom:0;padding-top:0}.tr-closing{padding:75px var(--tr-gutter)}.tr-closing h2{font-size:52px}}
@media(max-width:540px){.tr-hero-heading h1{font-size:46px}.tr-hero-heading h1 br{display:none}.tr-subheading{font-size:21px;margin-top:24px!important}.tr-hero-footer>p{font-size:16px}.tr-hero-art{padding-left:16px;padding-right:16px;gap:25px;border-radius:14px}.tr-hero-caption{left:20px;right:20px;font-size:11px}.tr-art-caption{font-size:11px;max-width:22em}.tr-feature .tr-art{padding:38px 16px;min-height:0;border-radius:14px}.tr-window{border-radius:14px}.tr-scene{min-height:420px}.tr-scene-header{padding:18px 16px;gap:10px}.tr-app-mark{width:28px;height:28px}.tr-app-mark svg{width:25px;height:25px}.tr-scene-context{font-size:10px}.tr-scene-header strong{font-size:17px}.tr-scene-body{padding:20px 16px 16px;gap:22px}.tr-record-copy strong{font-size:14px}.tr-record-copy>span{font-size:11px}.tr-record-value{font-size:10px;max-width:31%}.tr-scene-note{padding:14px}.tr-scene-note>p{font-size:12px}.tr-message{padding:18px 16px}.tr-message p{font-size:19px}.tr-feature h2,.tr-faq h2{font-size:36px}.tr-accordion h3>button{font-size:23px}.tr-accordion-panel{padding-top:18px}.tr-accordion-panel>p{font-size:17px}.tr-feature h2{margin-bottom:32px}.tr-platform h2{font-size:38px}.tr-platform-copy p{font-size:18px}.tr-connections{padding:26px 22px}.tr-connections a strong{font-size:25px}.tr-connections a span>span{font-size:14px}.tr-connections a{gap:18px}.tr-faq{padding-bottom:64px}.tr-faq summary{font-size:18px}.tr-closing h2{font-size:42px}.tr-closing>p{font-size:18px}.tr-role-nav{gap:20px;padding-top:36px;padding-bottom:36px}.tr-role-nav a{gap:12px}.tr-role-nav a svg{width:18px;height:18px}.tr-role-nav strong{font-size:20px}.tr-role-nav small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.tr-page *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* The example campaigns carry their own identities on a quiet studio surface. */
.tr-page--marketer .tr-hero-art{background:#f3f3ef;padding:32px clamp(24px,3vw,40px)}
.tr-page--marketer .tr-art{background:#f8f8f5;padding:46px clamp(24px,3vw,52px)}
.tr-page--marketer #voice-and-approvals{background:#fff}
.tr-page--marketer #voice-and-approvals .tr-art{background:#f0f1f4}
@media(max-width:540px){.tr-page--marketer .tr-hero-art{padding:20px}.tr-page--marketer .tr-art{padding:28px 20px}}

/* Otto only: the visual runs off the outer edge of the viewport while its inner
   edge stays on the grid. The bleed is added back as padding so the contents sit
   exactly where they did before; the extra width only shows more background and
   more of the sphere. Clipped at each section, never above it, so Safari
   keeps any sticky descendant on the compositor. Below 900px the columns stack
   and there is no outer edge to run off, so the bleed stops. */
@media(min-width:901px){
  .tr-page--chief-of-staff .tr-hero,
  .tr-page--chief-of-staff .tr-feature{overflow-x:clip}
  .tr-page--chief-of-staff{--tr-bleed:calc(var(--tr-gutter) + clamp(16px,3.2vw,78px))}
  .tr-page--chief-of-staff .tr-hero-art{margin-right:calc(-1 * var(--tr-bleed));padding-right:calc(clamp(24px,3.1vw,60px) + var(--tr-bleed));border-top-right-radius:0;border-bottom-right-radius:0}
  .tr-page--chief-of-staff .tr-feature:not(.tr-feature--reverse) .tr-art{margin-left:calc(-1 * var(--tr-bleed));padding-left:calc(clamp(24px,3vw,54px) + var(--tr-bleed));border-top-left-radius:0;border-bottom-left-radius:0}
  .tr-page--chief-of-staff .tr-feature--reverse .tr-art{margin-right:calc(-1 * var(--tr-bleed));padding-right:calc(clamp(24px,3vw,54px) + var(--tr-bleed));border-top-right-radius:0;border-bottom-right-radius:0}
}

/* ---- The role-page card -------------------------------------------------
   One definition of the card every role scene sits in, so no page can drift
   into its own version of it. Role-specific CSS adds to this; it never
   restates it. Loaded on every role page. */
.tr-stage{position:relative;flex:1;width:100%;display:grid;place-items:center;padding:clamp(14px,3.5%,30px)}
.tr-card{display:flex;flex-direction:column;width:100%;max-width:560px;background:#fff;border:1px solid #ffffffa6;border-radius:16px;box-shadow:0 12px 32px #29362618;overflow:hidden}
.tr-card-head{display:flex;align-items:center;gap:14px;padding:20px 30px;border-bottom:1px solid #eceee7}
.tr-card-avatar{display:grid;place-items:center;flex-shrink:0;overflow:hidden;width:40px;height:40px;border-radius:50%;background:#4b5741;color:#fff;font-size:13px}
.tr-card-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.tr-card-head strong{min-width:0;font-weight:400;font-size:14px;line-height:1.3;letter-spacing:-.012em}
.tr-card-head small{display:block;margin-top:3px;font-size:11px;line-height:1.3;color:#68715f}
.tr-card-aside{margin-left:auto;flex-shrink:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;line-height:1.5;letter-spacing:.06em;text-transform:uppercase;color:#68715f;white-space:nowrap}
.tr-card-body{display:flex;flex:1;flex-direction:column;padding:32px 30px 30px}
.tr-card-label{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;line-height:1.5;letter-spacing:.06em;text-transform:uppercase;color:#68715f}
/* The quieter line: what came in. */
.tr-card-source{padding-bottom:28px;border-bottom:1px solid #e1e5d9}
.tr-card-source>p{margin:12px 0 0;font-size:clamp(17px,1.35vw,21px);line-height:1.4;letter-spacing:-.015em;color:#49533f;text-wrap:pretty}
/* The line that leads: what the team would do about it. */
.tr-card-lead{padding:30px 0 34px}
.tr-card-lead>p{margin:14px 0 0;font-size:clamp(20px,1.75vw,29px);line-height:1.26;letter-spacing:-.028em;text-wrap:pretty}
.tr-card-rows{list-style:none;margin:0;padding:0}
.tr-card-rows li{display:grid;grid-template-columns:126px minmax(0,1fr) auto;align-items:baseline;gap:6px 20px;padding:19px 0;border-bottom:1px solid #e1e5d9}
.tr-card-rows li>p{grid-column:2;margin:0;font-size:14px;line-height:1.45;text-wrap:pretty}
.tr-card-rows li em{grid-column:3;font-style:normal;font-size:11px;color:#5f7042}
/* Always last, always on the floor of the card. */
.tr-card-note{margin-top:auto;padding:22px 24px;background:#f4f5f0;border-radius:12px}
.tr-card-note>p{margin:10px 0 0;font-size:13px;line-height:1.5;color:#5c6654;text-wrap:pretty}
.tr-card-action{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:19px;padding-top:17px;border-top:1px solid #e1e5d9;font-size:11px;line-height:1.4;color:#626c56}
.tr-page .tr-card-action svg{width:15px;height:15px;flex-shrink:0}
@media(min-width:1700px){.tr-card{max-width:640px}.tr-card-head{padding:24px 36px}.tr-card-body{padding:38px 36px 36px}}
@media(max-width:540px){
  .tr-stage{padding:14px}
  .tr-card{border-radius:14px}
  .tr-card-head{padding:16px 20px;gap:12px}
  .tr-card-avatar{width:34px;height:34px}
  .tr-card-body{padding:24px 20px 20px}
  .tr-card-rows li{grid-template-columns:1fr;gap:6px}
  .tr-card-rows li>p,.tr-card-rows li em{grid-column:1}
}

/* Concierge, first section: the same frame, mirrored and 15% larger, growing up
   from the bottom edge. Done on a layer so the panel keeps its cover sizing. */
.tr-page--concierge .tr-feature:first-of-type .tr-art{position:relative;isolation:isolate;background:#7e8a74}
.tr-page--concierge .tr-feature:first-of-type .tr-art::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--tr-art-image) center bottom/cover;transform:scaleX(-1) scale(1.15);transform-origin:center bottom}