/* 11 Nov Resources as a press and brand kit (John 05:20). build.py block "11 Nov morning riff, part 3". */
.ph11 .phg{margin:34px 0 0}
.ph11 .phg h3{font:800 clamp(22px,2vw,28px)/1.1 Archivo,Arial,sans-serif;font-stretch:82%;margin:0 0 4px}
.ph11 .phc{margin:0 0 16px;font-size:15px;line-height:1.5;opacity:.78;max-width:62ch}
.phgrid{columns:3 260px;column-gap:14px}
.phf{break-inside:avoid;margin:0 0 14px;position:relative;background:#000}
.phf img{display:block;width:100%;height:auto}
.phf figcaption{position:absolute;right:8px;bottom:8px}
.phf .dl{background:rgba(0,0,0,.72);color:#fff !important;border:1px solid rgba(255,255,255,.4) !important;backdrop-filter:blur(2px)}
.phf .dl small{color:rgba(255,255,255,.8)}
@media (max-width:600px){.phgrid{columns:2 150px;column-gap:8px}.phf{margin-bottom:8px}.phf figcaption{position:static;padding:6px 0 0;background:transparent}.phf .dl{font-size:13px}.phf .dl small{display:none}}
/* the brand book */
.bk11 .bkp{margin:46px 0 0;padding:34px 0 0;border-top:1px solid var(--rule)}
.bk11 .bkn{font:800 13px/1 Archivo,Arial,sans-serif;letter-spacing:.18em;color:#8A6400;margin:0 0 10px}
.bk11 h3{font:800 clamp(26px,2.6vw,36px)/1.05 Archivo,Arial,sans-serif;font-stretch:82%;margin:0 0 10px}
.bk11 .bkp>p:not(.bkn){max-width:60ch;font-size:17px;line-height:1.6;margin:0 0 20px}
.bk3,.bkdd{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.bkt,.bkdd figure{margin:0;aspect-ratio:3/2;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}
.bkt img,.bkdd img{width:42%;height:auto}
.bkt figcaption,.bkdd figcaption{position:absolute;left:12px;bottom:10px;right:12px;font:600 13px/1.3 Archivo,Arial,sans-serif;letter-spacing:.02em}
.bkt.k,.bkdd .k{background:#000;color:rgba(255,255,255,.85)}
.bkt.w{background:#fff;color:#111;box-shadow:inset 0 0 0 1px rgba(17,17,17,.16)}
.bkt.t,.bkdd .t{background:#0B3B40;color:rgba(255,255,255,.88)}
.bkdd .ph{background:url(/a7f3/res/ph/l03-view.webp) center/cover;color:#fff}
.bkdd .ph figcaption{background:rgba(0,0,0,.6);padding:4px 6px;left:8px;right:auto}
.bkdd figcaption b{display:inline-block;margin-right:4px}
.bkdd .ok figcaption b{color:#8FD3D0}.bkdd .no figcaption b{color:#FF8A7A}
.bkdd .no::after{content:"";position:absolute;top:10px;right:10px;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle,transparent 9px,#FF8A7A 9px,#FF8A7A 11px,transparent 11px),linear-gradient(45deg,transparent 46%,#FF8A7A 46%,#FF8A7A 54%,transparent 54%)}
.bkdd img.x1{transform:scaleX(1.55) scaleY(.8)}
.bkdd img.x2{filter:brightness(0) saturate(100%) invert(79%) sepia(63%) saturate(1013%) hue-rotate(358deg) brightness(103%) contrast(101%)}
.bkdd img.x3{width:46%}
.bkdd img.x4{filter:drop-shadow(4px 6px 0 #FFC629) drop-shadow(0 0 8px #8FD3D0)}
.bkcs{display:grid;grid-template-columns:minmax(0,360px) 1fr;gap:26px;align-items:center}
.bkcs .cs{position:relative;background:#000;aspect-ratio:3/2;display:flex;align-items:center;justify-content:center}
.bkcs .cs img{width:44%;height:auto;outline:1px dashed rgba(255,198,41,.95);outline-offset:calc(44% * 0.0)}
.bkcs .cs::before{content:"";position:absolute;left:50%;top:50%;width:calc(44% + 2 * 44% * .7228 * .25);aspect-ratio:1562/1129;transform:translate(-50%,-50%);border:1px dashed #FFC629;box-sizing:content-box;padding:0}
.bkcs .cs img{outline:0}
.bkcs .cs .m{display:none}
.bkcs .csn{font-size:15px;opacity:.8;margin:0}
.bkms{display:flex;align-items:flex-end;gap:22px;flex-wrap:wrap;background:#000;padding:26px 24px 18px}
.bkms figure{margin:0;color:rgba(255,255,255,.8);font:600 12px/1.3 Archivo,Arial,sans-serif}
.bkms img{display:block;width:72px;height:auto;margin-bottom:8px}
.bkms .m2 img{width:120px}.bkms .m3 img{width:200px}
.sws{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.sw{display:flex;flex-direction:column;gap:3px;font-size:14px;line-height:1.4}
.sw .chip{display:block;aspect-ratio:3/2;border-radius:2px;margin-bottom:8px;box-shadow:inset 0 0 0 1px rgba(17,17,17,.16)}
.sw b{font:800 16px/1.2 Archivo,Arial,sans-serif}
.sw code{font:600 13px/1.2 ui-monospace,Menlo,monospace;letter-spacing:.04em}
.sw small{opacity:.78}
.bkty{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:end}
.bkty .ty1{font:900 clamp(44px,5vw,72px)/.9 Archivo,Arial,sans-serif;font-stretch:78%;letter-spacing:-.02em;margin:0}
.bkty .ty2{font:400 21px/1.55 Atkinson,Arial,sans-serif;margin:0;max-width:30ch}
.bkty .tyn{font-size:13px;opacity:.75;margin:10px 0 0;letter-spacing:.02em}
.bkfl{list-style:none;margin:0 0 6px;padding:0;display:flex;flex-wrap:wrap;gap:10px}
@media (max-width:760px){.bk3,.bkdd{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bk3 .bkt.t{grid-column:1/-1;aspect-ratio:3/1.4}.bkt img,.bkdd img{width:48%}.bkt figcaption,.bkdd figcaption{font-size:11.5px;left:8px;bottom:6px}.bkcs{grid-template-columns:1fr}.bkty{grid-template-columns:1fr}.bk11 .bkp{margin-top:34px;padding-top:26px}}