/* Each value gets a complete chapter of the grid. */
.team-page .principle-grid{display:block}
.team-page .principle-grid>article{display:grid;grid-template-columns:minmax(0,40fr) minmax(0,60fr);min-height:calc(100svh - 56px);padding:0;border:0}
.team-page .principle-grid>article+article{border-top:var(--line)}
.team-page .value-copy{padding:clamp(56px,6vw,104px) clamp(30px,4.5vw,80px);display:flex;flex-direction:column;justify-content:center;border-right:var(--line)}
.team-page .value-copy h3{font-size:clamp(56px,5.5vw,94px);line-height:1.02;max-width:9ch;margin-bottom:40px}
.team-page .value-copy p{font-size:clamp(18px,1.3vw,22px);line-height:1.6;max-width:520px}
.team-page .value-art{border:0;aspect-ratio:auto;min-width:0;min-height:600px}
.team-page .value-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.team-page .principle-grid>.value-judgment{grid-template-columns:minmax(0,60fr) minmax(0,40fr)}
.team-page .value-judgment .value-copy{grid-column:2;border-right:0;border-left:var(--line)}
.team-page .value-judgment .value-art{grid-column:1;grid-row:1;display:flex;align-items:center}
.team-page .photographic-chess>svg{height:auto;max-height:calc(100svh - 100px);width:100%}
.team-page .principle-grid>.value-craft{display:block}
.team-page .value-craft .value-copy{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;border-right:0;border-bottom:var(--line);padding:40px var(--gutter)}
.team-page .value-craft .value-copy h3{max-width:none;margin:0;font-size:clamp(56px,4.5vw,72px)}
.team-page .cat-studies{min-height:0;height:calc(100svh - 300px);min-height:480px}
.team-page .cat-studies>img{object-fit:contain;padding:25px}
.grid-opening .art-panel{position:absolute;top:0;bottom:0;width:50%;background:#fff;pointer-events:none;z-index:2;transition:transform 1.6s cubic-bezier(.22,.7,.2,1)}
.grid-opening .art-panel-left{left:0;border-right:var(--line);transform:translateX(-101%)}
.is-paused .grid-opening .art-panel{display:none}

/* Big type gives the working promises their own full-screen rhythm. */
.human-ai-intro{padding:clamp(70px,8vw,140px) var(--gutter)}
.human-ai-intro h2{max-width:1150px;margin-bottom:45px}
.human-ai-intro .prose p{font-size:clamp(22px,2vw,30px);max-width:1000px}
.responsibility-grid dl{margin:50px 0 0}
.responsibility-grid dl>div{padding:26px 0;border-top:1px solid #c9c9c9}
.responsibility-grid dt{font-weight:600;font-size:21px}
.responsibility-grid dd{margin:12px 0 0;font-size:18px;line-height:1.6;max-width:570px}

/* Every published article has one clear, whole-card link. */
.journal-card{padding:30px;min-width:0;display:flex;flex-direction:column}
.journal-featured{display:grid;grid-template-columns:65% 35%;padding:0;border-bottom:var(--line);color:inherit;text-decoration:none;transition:background .2s,color .2s}
.journal-featured>div{padding:36px var(--gutter)}
.journal-featured>div+div{border-left:var(--line);padding:36px 38px}
.journal-meta{display:block;font-size:14px;line-height:1.4;margin-bottom:24px}
.journal-page .journal-featured h2{font-size:clamp(54px,5.2vw,84px);line-height:1;max-width:950px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px}
.journal-feature-deck{display:flex;flex-direction:column;justify-content:space-between;gap:28px}
.journal-feature-deck p{margin:0;max-width:480px}
.journal-read{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:17px}
.journal-read>.link-arrow{display:grid;place-items:center;border:1px solid;width:48px;height:48px;font-size:28px;border-radius:50%}
.journal-featured:hover{background:#161616;color:#fff}
.journal-featured:focus-visible{outline:3px solid #214bc2;outline-offset:-5px}
.journal-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.journal-grid>article+article{border-left:var(--line)}
.journal-page .journal-grid h2{font-size:clamp(27px,2.35vw,38px);line-height:1.08;margin:0 0 22px}
.journal-grid .journal-meta{font-size:12px;color:#555;margin-bottom:20px}
.journal-grid .journal-card{min-height:230px}

/* Match the useful dimensional comparison on the original pricing page. */
.comparison-scroll{overflow-x:auto}
/* Separate borders: each cell draws its own rules, so the sticky first column keeps its lines while the table scrolls. */
.comparison-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;min-width:900px}
.comparison-table th,.comparison-table td{padding:28px 24px;text-align:left;vertical-align:top;font-size:17px;line-height:1.45;border-right:var(--line);border-bottom:var(--line)}
.comparison-table th:last-child,.comparison-table td:last-child{border-right:0}
.comparison-table thead th{font:800 clamp(28px,2.7vw,44px)/1.06 var(--display);padding-top:40px;padding-bottom:40px}
.comparison-table thead th:first-child{font:500 16px/1.5 var(--body)}
.comparison-table tbody th{font-weight:600}
.comparison-table tr>th:first-child{position:sticky;left:0;background:#fff;z-index:1}
.comparison-table .silvy-column{background:#151515;color:#fff;border-bottom-color:#555}
.comparison-table thead .silvy-column{font-size:54px}
.comparison-note{padding:26px var(--gutter);font-size:14px!important;color:#555;max-width:1100px;margin:0}

/* The same invitation, copy, and color across the site. */
.universal-cta{background:#c83226!important;color:#fff!important;--line:1px solid rgba(255,255,255,.65)}
.universal-cta h2,.universal-cta p,.universal-cta .exceptional-statement{color:#fff!important}
.universal-cta [data-exit-ink]{color:inherit!important}
.universal-cta .button{background:#fff;color:#b72c22;border:1px solid #fff}
.universal-cta .button:hover{background:#161616;color:#fff;border-color:#161616}
.universal-cta .button:focus-visible{outline:3px solid white;outline-offset:5px}
.universal-cta p{max-width:580px}

@media(max-width:900px){
 .team-page .principle-grid>article,.team-page .value-judgment{display:flex;flex-direction:column;min-height:calc(100svh - 52px)}
 .team-page .value-copy{padding:64px 26px;border-right:0;border-left:0!important;border-bottom:var(--line);flex:0}
 .team-page .value-copy h3{font-size:clamp(56px,9vw,84px);max-width:12ch}
 .team-page .value-art{min-height:420px;flex:1}
 .team-page .photographic-chess>svg{max-height:none}
 .team-page .value-craft .value-copy{display:block;padding:64px 26px}
 .team-page .value-craft .value-copy h3{margin-bottom:32px}
 .team-page .cat-studies{height:auto;min-height:0;aspect-ratio:3/2;flex:none}
 .team-page .cat-studies>img{padding:12px}
 .human-ai-intro{padding:70px 26px}
 .journal-featured{grid-template-columns:1fr}
 .journal-featured>div{padding:30px 26px}
 .journal-featured>div+div{border-left:0;padding:0 26px 30px}
 .journal-page .journal-featured h2{font-size:clamp(48px,8vw,76px)}
 .journal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .journal-grid>article{border-bottom:var(--line)}
 .journal-grid>article:nth-child(odd){border-left:0}
 .journal-grid>article:last-child{grid-column:1/-1;border-bottom:0}
 .journal-page .journal-grid h2{font-size:32px}
 .journal-card{padding:26px}
}
@media(max-width:500px){
 .team-page .value-copy h3{font-size:58px}
 .team-page .value-art{min-height:360px}
 .team-page .cat-studies{min-height:0;aspect-ratio:3/2}
 .team-page .cat-studies>img{padding:8px}
 .team-page .cat-studies{height:auto;aspect-ratio:auto}
 .team-page .cat-studies>img{display:none}
 .journal-grid{grid-template-columns:1fr}
 .journal-grid>article+article{border-left:0}
 .journal-grid .journal-card{min-height:190px}
}
@media(prefers-reduced-motion:reduce){.grid-opening .art-panel{display:none!important}}

/* Universal invitation panels and footer palette. */
.content-cta.universal-cta>div,.page-cta.universal-cta>div,.conversation.universal-cta>.conversation-aside{background:#214bc2!important;color:#fff}
.universal-cta>div:last-child .button{color:#214bc2}
.universal-cta>div:last-child .button:hover{color:#fff}
.global-footer{background:#111;color:#fff}
.global-footer a,.global-footer button{color:inherit}
.global-footer .legal-links{color:#fff;border-top-color:rgba(255,255,255,.35)}

/* The art is the cell: each full-resolution drawing fills it edge to edge. */
.team-page .principle-grid>.value-craft{min-height:0}
.team-page .cat-cycle{position:relative;display:block;width:100%;height:auto;min-height:0;aspect-ratio:3/2;padding:0;background:transparent;flex:none}
.cat-cycle .cat-frame{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:hidden}
.consult-manifesto{padding:clamp(70px,8vw,130px) var(--gutter);border-bottom:var(--line)}
.consult-manifesto h1{font:800 clamp(48px,5.25vw,84px)/1.08 var(--display);letter-spacing:-.02em;max-width:1390px;margin:0}
.consult-manifesto .manifesto-red{color:#c83226}
.consult-manifesto .manifesto-word{white-space:nowrap}
@media(max-width:600px){.consult-manifesto{padding:56px 26px}.consult-manifesto h1{font-size:clamp(36px,9.6vw,58px)}}

/* Art and copy share one row; the photographic canvas fills the chess cell. */
.team-page .value-judgment .photographic-chess{position:relative;display:block;aspect-ratio:auto}
.team-page .photographic-chess>svg{position:absolute;inset:0;width:100%;height:100%;max-height:none}
.team-page .principle-grid>.value-craft{display:grid;grid-template-columns:minmax(0,40fr) minmax(0,60fr);min-height:0}
.team-page .value-craft .value-copy{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:0;border-bottom:0;border-right:var(--line);padding:clamp(48px,5vw,80px) clamp(30px,4.5vw,80px)}
.team-page .value-craft .value-copy h3{font-size:clamp(56px,5.5vw,94px);line-height:1.02;max-width:9ch;margin:0 0 40px}
.team-page .value-craft .cat-cycle{align-self:center;aspect-ratio:3/2}
@media(max-width:900px){
 .team-page .principle-grid>.value-craft{display:flex;flex-direction:column}
 .team-page .value-craft .value-copy{padding:64px 26px;border-right:0;border-bottom:var(--line)}
 .team-page .value-craft .value-copy h3{font-size:clamp(56px,9vw,84px);max-width:12ch}
 .team-page .value-judgment .photographic-chess{height:auto;min-height:0;aspect-ratio:1.15;flex:none}
}
@media(max-width:500px){.team-page .value-craft .value-copy h3{font-size:58px}}

/* A stable-width countdown avoids rewrapping the manifesto. */
.spots-count{display:inline-block;min-width:.98em;text-align:center;color:#214bc2;font-variant-numeric:tabular-nums}
.spots-count.is-counting{color:inherit}

/* Two art moments, separated by the quieter text-only values. */
.team-page .principle-grid>.value-text-only{display:block;min-height:0}
.team-page .value-text-only .value-copy{display:grid;grid-template-columns:minmax(0,40fr) minmax(0,60fr);align-items:center;gap:7vw;padding:clamp(80px,9vw,145px) var(--gutter);min-height:65svh;border:0}
.team-page .value-text-only .value-copy h3{max-width:10ch;margin:0}
.team-page .value-text-only .value-copy p{max-width:650px;font-size:clamp(21px,1.7vw,28px);line-height:1.55;margin:0}
@media(max-width:900px){
 .team-page .value-text-only .value-copy{display:flex;align-items:stretch;gap:35px;min-height:0;padding:70px 26px}
 .team-page .value-text-only .value-copy h3{max-width:12ch}
}

/* Phone and tablet: the chess value ends where its board ends, with no forced full-screen height. */
@media(max-width:900px){.team-page .principle-grid>.value-judgment{min-height:0}}

/* Above the closing invitation, each main page points to the next one in menu order ("Next: …").
   The -1px margin lays its top rule over the previous section's bottom rule, so it is never doubled. */
.next-page{display:block;border-top:var(--line);margin-top:-1px;position:relative;padding:0}
.next-page a{display:flex;align-items:center;gap:20px;padding:clamp(36px,4.5vw,64px) var(--gutter);font:800 var(--type-card)/1.05 var(--display);letter-spacing:-.025em;transition:background .18s,color .18s}
.next-page a:hover,.next-page a:focus-visible{text-decoration:none;background:#111;color:#fff}
.next-page a:focus-visible{outline:2px solid #fff;outline-offset:-6px}
@media(prefers-reduced-motion:reduce){.next-page a{transition:none}}
.next-page a:hover .link-arrow,.next-page a:focus-visible .link-arrow{box-shadow:0 0 0 1px currentColor}
.next-page .link-arrow.link-arrow{flex:none}
