/* Chairman field journal. Public biography and supplied editorial portraits. */
.gj-chairman { --gj-paper:#f4f2eb; --gj-ink:#12333d; --gj-teal:#006d8a; --gj-magenta:#a70050; --gj-rule:#bccfd1; --gj-pad:clamp(24px,5.6vw,88px); color:var(--gj-ink); background:var(--gj-paper); }
.gj-chairman * { box-sizing:border-box; }
.gj-chairman section[id] { scroll-margin-top:100px; }
.gj-chairman h1,.gj-chairman h2,.gj-chairman h3,.gj-chairman p,.gj-chairman figure { margin:0; }
.gj-chairman h1,.gj-chairman h2 { font-weight:400; letter-spacing:-.055em; line-height:1.02; }
.gj-chairman h2 { font-size:clamp(39px,4.8vw,74px); }
.gj-chairman em { font-style:normal; color:var(--gj-teal); }
.gj-chairman p { font-size:16px; line-height:1.8; }
.gj-chairman .gj-kicker { font-size:10px; font-weight:600; line-height:1.6; letter-spacing:.15em; }
.gj-chairman a { text-decoration:none; }
.gj-chairman a:focus-visible { outline:3px solid var(--gj-magenta); outline-offset:7px; }
.gj-link { display:inline-flex; align-items:center; justify-content:space-between; gap:32px; width:fit-content; padding:13px 0; border-bottom:1px solid currentColor; color:inherit!important; font-size:14px; line-height:1.5; }
.gj-link span { display:inline-block; transition:transform .2s ease; }
.gj-link:hover span { transform:translate(3px,-3px); }
.gj-hero { display:grid; grid-template-columns:1.05fr .95fr; min-height:calc(100svh - 80px); }
.gj-hero-copy { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:55px var(--gj-pad) 65px; }
.gj-back { font-size:12px; color:inherit!important; margin-bottom:50px; padding:5px 0; }
.gj-hero-copy .gj-kicker { margin-bottom:20px; }
.gj-chairman .gj-hero h1 { font-size:clamp(40px,5.1vw,80px); margin-left:-3px; }
.gj-chairman .gj-role { font-size:12px; line-height:1.65; margin-top:23px; }
.gj-chairman .gj-hero-statement { margin-top:40px; font-size:clamp(22px,2vw,30px); letter-spacing:-.035em; line-height:1.3; }
.gj-chairman .gj-hero-bio { margin:21px 0 23px; max-width:390px; font-size:15px; }
.gj-authentic-portrait { position:relative; overflow:hidden; min-height:700px; background:#173b48; }
.gj-authentic-portrait::after { content:""; position:absolute; inset:28px; border:1px solid #ffffff7a; border-bottom:0; pointer-events:none; }
.gj-authentic-portrait img { width:100%; height:100%; position:absolute; inset:0; object-fit:cover; object-position:48% 35%; }
.gj-authentic-portrait figcaption { position:absolute; bottom:0; inset-inline:0; padding:110px 55px 45px; background:linear-gradient(transparent,#072633ed); color:#fff; }
.gj-authentic-portrait figcaption span { font-size:10px; letter-spacing:.17em; }
.gj-authentic-portrait figcaption strong { display:block; font-size:clamp(30px,3vw,46px); font-weight:400; letter-spacing:-.04em; margin-top:9px; }
.gj-recognition { display:flex; justify-content:space-between; align-items:center; gap:24px; min-height:130px; padding:30px var(--gj-pad); border-bottom:1px solid var(--gj-rule); background:#fff; }
.gj-recognition strong { font-size:clamp(19px,1.7vw,26px); font-weight:500; letter-spacing:-.035em; }
.gj-recognition>span:not(.gj-kicker),.gj-recognition a { font-size:12px; line-height:1.6; }
.gj-recognition a { color:var(--gj-teal); text-decoration:underline; text-underline-offset:5px; }
.gj-journal-intro { display:grid; grid-template-columns:1fr 1fr; gap:45px 80px; padding:100px var(--gj-pad) 0; }
.gj-journal-intro h2 { margin-top:27px; }
.gj-journal-intro>div:nth-child(2) { align-self:end; max-width:490px; }
.gj-journal-intro>div>p:not(.gj-kicker) { font-size:20px; line-height:1.65; }
.gj-journal-intro .gj-editorial-note { margin-top:20px; font-size:12px!important; }
.gj-note-index { display:grid; grid-template-columns:repeat(4,1fr); grid-column:1/-1; gap:22px; margin-top:15px; padding:30px 0 40px; border-top:1px solid var(--gj-rule); }
.gj-note-index a { display:flex; align-items:center; gap:17px; font-size:16px; color:inherit; min-height:44px; }
.gj-note-index a>span:first-child { color:var(--gj-teal); font-size:10px; }
.gj-note-index a>span:last-child { margin-left:auto; }
.gj-note-index a:hover { color:var(--gj-magenta); }
.gj-spread { min-height:calc(100svh - 80px); display:grid; grid-template-columns:1fr 1fr; border-top:1px solid var(--gj-rule); }
.gj-note-copy { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:70px var(--gj-pad); }
.gj-note-copy h2 { margin:30px 0 0; font-size:clamp(36px,4.4vw,68px); }
.gj-chairman .gj-note-lead { font-size:clamp(20px,1.85vw,28px); letter-spacing:-.025em; line-height:1.5; }
.gj-note-copy .gj-note-lead { margin-top:32px; }
.gj-note-copy>p:not(.gj-kicker):not(.gj-note-lead):not(.gj-note-credit) { max-width:430px; margin-top:18px; }
.gj-workline { display:flex; flex-wrap:wrap; gap:11px; align-items:center; margin:30px 0 15px; border-top:1px solid var(--gj-rule); padding-top:20px; font-size:11px; }
.gj-workline i { font-style:normal; color:var(--gj-magenta); }
.gj-chairman .gj-note-credit { margin-top:38px; font-size:9px; letter-spacing:.11em; line-height:1.7; }
.gj-poster { display:flex; flex-direction:column; min-width:0; background:#d8e0df; }
.gj-poster>a { display:block; flex:1; min-height:0; background:#e2e4de; }
.gj-poster img { display:block; width:100%; height:auto; }
.gj-poster figcaption { display:flex; gap:20px; justify-content:space-between; padding:16px 25px; font-size:9px; line-height:1.5; letter-spacing:.09em; color:#163f49; background:#e0e8e5; }
.gj-poster figcaption span { font-size:9px; letter-spacing:0; }
.gj-spread-reverse .gj-note-copy { grid-column:2; grid-row:1; }
.gj-spread-reverse .gj-poster { grid-column:1; grid-row:1; }
.gj-grow { background:#073746; color:#fffaf0; --gj-rule:#ffffff43; }
.gj-grow em { color:#a9dad5; }
.gj-grow .gj-workline i { color:#ef9bbc; }
.gj-profit { background:#e8eeea; }
.gj-profit em { color:#a70050; }
.gj-mobile { background:#e2eeef; }
.gj-story { display:grid; grid-template-columns:1fr 1fr; gap:65px 85px; padding:120px var(--gj-pad); background:#fffdf8; }
.gj-story h2 { margin-top:30px; }
.gj-story-copy p+p { margin-top:24px; }
.gj-principles { grid-column:1/-1; }
.gj-principles>div { display:grid; grid-template-columns:55px .9fr 1fr; gap:35px; align-items:center; border-top:1px solid var(--gj-rule); padding:30px 0; }
.gj-principles>div:last-child { border-bottom:1px solid var(--gj-rule); }
.gj-principles span { font-size:11px; color:var(--gj-teal); }
.gj-chairman .gj-principles h3 { font-size:clamp(25px,2.5vw,38px); font-weight:400; line-height:1.3; letter-spacing:-.035em; }
.gj-principles p { max-width:510px; font-size:15px; }
.gj-codingate { min-height:90svh; display:grid; grid-template-columns:1fr 1fr; gap:80px; padding:100px var(--gj-pad); align-items:center; border-top:1px solid var(--gj-rule); background:#e6eeeb; }
.gj-codingate img { display:block; max-width:100%; height:auto; width:340px; margin-top:30px; }
.gj-codingate h2 { font-size:clamp(48px,6vw,88px); }
.gj-codingate>div>p:not(.gj-kicker) { max-width:500px; margin:30px 0 25px; }
@media(min-width:951px) {
  .gj-poster>a { display:flex; align-items:center; justify-content:center; }
  .gj-poster img { width:auto; height:auto; max-width:100%; max-height:max(800px,calc(100svh - 123px)); object-fit:contain; }
}
@media(max-width:1100px) {
  .gj-chairman { --gj-pad:36px; }
  .gj-hero-copy { padding-top:45px; }
  .gj-recognition { flex-wrap:wrap; justify-content:flex-start; gap:15px 35px; }
  .gj-journal-intro { gap:45px; }
  .gj-note-copy { padding:55px 36px; }
  .gj-note-copy h2 { font-size:43px; }
  .gj-story { gap:50px; }
  .gj-note-index { gap:15px; }
  .gj-note-index a { gap:9px; font-size:14px; }
}
@media(max-width:800px) {
  .gj-chairman { --gj-pad:26px; }
  .gj-hero { grid-template-columns:1fr; }
  .gj-hero-copy { padding:38px var(--gj-pad) 48px; }
  .gj-back { margin-bottom:35px; }
  .gj-chairman .gj-hero h1 { font-size:clamp(38px,8.7vw,68px); }
  .gj-authentic-portrait { min-height:590px; }
  .gj-authentic-portrait img { object-position:50% 32%; }
  .gj-authentic-portrait figcaption { padding:100px 40px 40px; }
  .gj-recognition { gap:10px 20px; padding-block:30px; }
  .gj-recognition .gj-kicker { flex-basis:100%; }
  .gj-recognition strong { flex-basis:100%; font-size:24px; }
  .gj-journal-intro { grid-template-columns:1fr; gap:30px; padding-top:70px; }
  .gj-journal-intro>div>p:not(.gj-kicker) { font-size:18px; }
  .gj-note-index { grid-template-columns:1fr 1fr; gap:5px 25px; margin-top:0; padding-top:20px; }
  .gj-note-index a { font-size:15px; }
  .gj-spread { grid-template-columns:1fr; min-height:0; }
  .gj-spread-reverse .gj-note-copy,.gj-spread-reverse .gj-poster { grid-column:auto; grid-row:auto; }
  .gj-note-copy { padding:65px var(--gj-pad) 50px; }
  .gj-note-copy h2 { font-size:clamp(41px,7vw,59px); }
  .gj-note-copy .gj-note-lead { margin-top:25px; }
  .gj-chairman .gj-note-credit { margin-top:30px; }
  .gj-poster { width:100%; }
  .gj-poster img { width:100%; max-width:700px; margin:0 auto; }
  .gj-poster figcaption { padding:14px var(--gj-pad); }
  .gj-story { grid-template-columns:1fr; padding:75px var(--gj-pad); gap:40px; }
  .gj-principles>div { grid-template-columns:28px 1fr; gap:14px; padding:26px 0; }
  .gj-principles p { grid-column:2; }
  .gj-codingate { grid-template-columns:1fr; gap:65px; padding:70px var(--gj-pad); }
  .gj-codingate img { width:260px; }
}
@media(max-width:400px) {
  .gj-chairman { --gj-pad:21px; }
  .gj-chairman .gj-hero h1 { font-size:clamp(32px,8.55vw,35px); }
  .gj-hero-copy .gj-kicker { font-size:9px; }
  .gj-authentic-portrait { min-height:440px; }
  .gj-note-copy h2 { font-size:39px; }
  .gj-note-index { column-gap:17px; }
  .gj-note-index a { font-size:13px; }
  .gj-poster figcaption { gap:10px; font-size:8px; letter-spacing:0; }
  .gj-link { gap:18px; font-size:13px; }
}
@media(prefers-reduced-motion:reduce) { .gj-link span { transition:none; } .gj-link:hover span { transform:none; } }