/* v6 subpages: extends v6/site.css */
.pg{padding-top:36px}
.phead{padding:36px 0 28px;border-bottom:2px solid var(--berry);margin-bottom:32px}
.phead .k{color:var(--teal)}
.phead h1{font:48px/1.06 var(--serif);letter-spacing:-.6px;margin-top:10px;color:var(--ink)}
.phead p{font:19px/1.5 Georgia,serif;color:#333;margin-top:12px;max-width:720px}
.crumb{font-size:13px;color:var(--muted)}.crumb a{color:var(--teal);font-weight:700}
.prose{max-width:680px}
.prose p,.prose li{font:19px/1.65 Georgia,serif;color:#25302f}
.prose p+p{margin-top:18px}
.prose h2{font:28px/1.2 var(--serif);color:var(--teal);margin:40px 0 14px}
.prose ul{margin:14px 0}.prose ul li{padding-left:20px;position:relative;margin-top:8px}
.prose ul li::before{content:"";position:absolute;left:2px;top:.62em;width:7px;height:7px;background:var(--berry);border-radius:50%}
.prose a{color:var(--teal);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.two{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:56px;align-items:start}
.side{position:relative}.side::before{content:"";position:absolute;left:-28px;top:0;bottom:0;width:1px;background:var(--rule)}
.side .tabs{margin-bottom:4px}
/* mission band */
.mission{background:var(--night2);color:#fff;padding:56px 0;margin-top:48px}
.mission .k{color:#b9c6c5}
.mission blockquote{font:36px/1.18 var(--serif);max-width:900px;margin-top:12px}
.cover{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px}
.cover a{display:block;position:relative}
.cover a+a::before{content:"";position:absolute;left:-20px;top:0;bottom:0;width:1px;background:var(--rule)}
.cover .ph{aspect-ratio:3/2;margin-bottom:12px}
.cover h3{font:21px/1.25 var(--serif);color:var(--ink)}
.cover p{font-size:15px;color:var(--muted);margin-top:6px}
/* team */
.team{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px}
.mem{display:block;position:relative}
.mem+.mem::before{content:"";position:absolute;left:-20px;top:0;bottom:0;width:1px;background:var(--rule)}
.mem .ph{aspect-ratio:4/5;margin-bottom:14px}
.mem h3{font:23px/1.2 var(--serif);color:var(--ink)}
.mem .role{display:block;font:700 12px/1.3 var(--sans);text-transform:uppercase;letter-spacing:.8px;color:var(--berry);margin-top:6px}
.mem p{font-size:15.5px;line-height:1.5;color:#3c4c4d;margin-top:8px}
.mem .go{display:inline-block}
/* bio */
.bio{display:grid;grid-template-columns:360px minmax(0,1fr);gap:56px;align-items:start;padding-top:36px}
.bio .portrait{aspect-ratio:4/5;overflow:hidden;background:#e6ecea}
.bio .portrait img{width:100%;height:100%;object-fit:cover}
.bio h1{font:52px/1.04 var(--serif);letter-spacing:-.6px;color:var(--ink);margin-top:8px}
.bio .role{display:block;font:700 13px/1.3 var(--sans);text-transform:uppercase;letter-spacing:.9px;color:var(--berry);margin-top:10px}
.bio .prose{margin-top:24px}
.pull{border-left:4px solid var(--berry);padding:6px 0 6px 22px;margin:32px 0 0}
.pull blockquote{font:26px/1.25 var(--serif);color:var(--ink)}
.pull figcaption{font-size:14px;color:var(--muted);margin-top:10px}
.covers{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.covers span{font-size:14px;font-weight:600;border:1px solid var(--rule);background:#fff;border-radius:999px;padding:6px 14px}
.list a{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:20px;padding:18px 0;border-top:1px solid var(--rule);align-items:start}
.list a .ph{aspect-ratio:3/2;margin:0}
.list h3{font:21px/1.25 var(--serif);color:var(--ink);margin-top:6px}
.list p{font-size:15px;color:var(--muted);margin-top:6px}
/* hub */
.hubgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.hubgrid .card{position:relative}
.hubgrid .card p{font-size:15px;color:var(--muted);margin-top:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hlead{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:48px;align-items:end;padding-bottom:36px;border-bottom:1px solid var(--rule);margin-bottom:32px}
.hlead .ph{aspect-ratio:3/2;margin:0}
.hlead h2{font:44px/1.08 var(--serif);color:var(--ink);margin-top:10px;letter-spacing:-.4px}
.hlead .dek{font:18px/1.5 Georgia,serif;color:#333;margin-top:12px}
/* article */
.art-head{max-width:1044px;margin:0 auto;padding-top:36px;text-align:left}
.art-head h1{font:50px/1.06 var(--serif);letter-spacing:-.7px;color:var(--ink);margin-top:12px}
.art-head .dek{font:21px/1.45 Georgia,serif;color:#333;margin-top:14px;max-width:820px}
.art-head h1,.art-head .byl{max-width:820px}
.byl{display:flex;align-items:center;gap:12px;margin-top:22px;padding:14px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.byl img{width:44px;height:44px;border-radius:50%}
.byl b{display:block;font-size:15px}.byl b a{color:var(--berry)}
.byl span{font-size:13px;color:var(--muted)}
.art-hero{max-width:1044px;margin:28px auto 0}
.art-hero img{width:100%;aspect-ratio:16/9;object-fit:cover}
.art-hero figcaption,.prose figcaption{font-size:14px;line-height:1.45;color:var(--muted);margin-top:10px;padding-top:8px;border-top:1px solid var(--rule)}
.art-body{display:grid;grid-template-columns:minmax(0,680px) 300px;gap:64px;justify-content:space-between;max-width:1044px;margin:0 auto;padding-top:36px}
.art-body .prose figure{margin:28px 0}
.art-body .prose figure img{width:100%}
.take{background:#fff;border:1px solid var(--rule);border-top:4px solid var(--teal);padding:20px 24px;margin:28px 0}
.take h2{margin:0 0 8px;font-size:22px}
.quote{font:24px/1.3 var(--serif)!important;color:var(--berry)!important;margin:28px 0!important}
.pick{display:block;background:var(--night2);color:#fff;padding:22px 24px;margin:32px 0;text-decoration:none!important}
.pick .k{color:#b9c6c5}.pick h3{font:24px/1.2 var(--serif);margin:6px 0 10px}
.pick li{font:16px/1.5 var(--sans)!important;color:#e3f2ef!important}
.pick .btn{display:inline-block;margin-top:14px;background:#fff;color:var(--night2);font:700 15px var(--sans);padding:10px 18px;border-radius:3px}
.faq h3{font:20px/1.3 var(--serif);color:var(--ink);margin-top:22px}
.faq p{margin-top:6px!important}
.rel{position:sticky;top:20px}
.rel .card{padding:16px 0;border-bottom:1px solid var(--rule)}
.rel .card .ph{aspect-ratio:16/9}
.abox{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;align-items:center;border-top:2px solid var(--berry);margin-top:44px;padding-top:20px}
.abox img{width:72px;height:72px;border-radius:50%}
.abox p{font:16px/1.5 var(--sans)!important}
/* contact / shelf */
.prose a.mail{color:#fff;text-decoration:none;font-weight:700}.prose a.mail:hover{color:#fff;background:var(--berry2)}
.mail{display:inline-block;margin-top:22px;background:var(--berry);color:#fff;font:700 17px var(--sans);padding:14px 24px;border-radius:3px}
.mail:hover{background:var(--berry2)}
.res{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.res a{display:block;position:relative}
.res .ph{aspect-ratio:3/2;margin-bottom:12px}
.res h3{font:21px/1.25 var(--serif);color:var(--ink);margin-top:6px}
.res p{font-size:15px;color:var(--muted);margin-top:6px}
.bottom{padding-bottom:64px}
.ctc{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:64px;align-items:start;min-height:360px}
.ctc-cover{border-left:1px solid var(--rule);padding-left:32px}
.ctc-cover ul{list-style:none;margin:10px 0 0;padding:0}
.ctc-cover li{border-top:1px solid var(--rule);padding:14px 0}
.ctc-cover a b{display:block;font:20px/1.25 var(--serif);color:var(--ink)}
.ctc-cover a span{display:block;font-size:15px;color:var(--muted);margin-top:4px}
@media (max-width:1100px){.team,.cover{grid-template-columns:repeat(2,minmax(0,1fr))}.mem:nth-child(odd)::before,.cover a:nth-child(odd)::before{display:none}.art-body{grid-template-columns:minmax(0,1fr) 260px;gap:40px}}
@media (max-width:860px){
 .phead{padding:20px 0 18px;margin-bottom:22px}.phead h1{font-size:32px;letter-spacing:-.3px}.phead p{font-size:16.5px}
 .prose p,.prose li{font-size:17.5px}.prose h2{font-size:24px;margin-top:32px}
 .two,.bio,.hlead,.art-body{grid-template-columns:minmax(0,1fr)}
 .side::before{display:none}.side{border-top:2px solid var(--berry);padding-top:16px}
 .mission{padding:36px 0;margin-top:36px}.mission blockquote{font-size:25px}
 .team,.cover{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
 .mem::before,.cover a::before{display:none}
 .mem h3{font-size:19px}.mem p{font-size:14px}.cover h3{font-size:17px}.cover p{font-size:13.5px}
 .bio{gap:20px;padding-top:16px}.bio .portrait{max-width:none;aspect-ratio:1/1}.bio h1{font-size:36px}
 .pull blockquote{font-size:21px}
 .list a{grid-template-columns:minmax(0,1fr) 96px;gap:14px}.list a .ph{aspect-ratio:1/1}.list h3{font-size:17px}.list p{display:none}
 .hlead{gap:16px;padding-bottom:24px;margin-bottom:8px}.hlead h2{font-size:27px}.hlead .dek{font-size:16px}
 .hubgrid,.res{grid-template-columns:minmax(0,1fr);gap:0}
 .hubgrid .card,.res a{display:grid!important;grid-template-columns:minmax(0,1fr) 96px;column-gap:14px;padding:16px 0;border-top:1px solid var(--rule)}
 .hubgrid .card .ph,.res .ph{grid-column:2;grid-row:1;aspect-ratio:1/1;margin:0}
 .hubgrid .card .tx,.res .tx{grid-column:1;grid-row:1}
 .hubgrid .card h3,.res h3{font-size:17px}
 .art-head{padding-top:18px}.art-head h1{font-size:32px;letter-spacing:-.3px}.art-head .dek{font-size:17px}
 .art-hero{margin-top:18px;margin-left:-16px;margin-right:-16px}
 .art-hero figcaption{padding:0 16px}
 .art-body{padding-top:24px;gap:32px}
 .ctc{grid-template-columns:minmax(0,1fr);gap:32px;min-height:0}.ctc-cover{border-left:0;padding-left:0;border-top:2px solid var(--berry);padding-top:16px}
 .rel{position:static;border-top:2px solid var(--berry);padding-top:12px}
 .quote{font-size:20px!important}
 .take{padding:16px 18px}
}