/* Continuation of the Griffin reference: fine rules, equal columns,
   Cambon Light section headings, restrained monospaced detail. */
.property-strip,.section-grid{max-width:1400px;margin-inline:auto;border-inline:1px solid var(--line)}
.property-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-areas:'wbl wps caption caption tlc tbr';min-height:128px;border-bottom:1px solid var(--line)}
.property-strip__heading{grid-area:caption;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0 .6em;margin:0;padding:20px;border-left:1px dashed var(--line);font:400 12px/1.6 var(--mono);letter-spacing:.03em;text-transform:uppercase;text-align:center}
.property-strip__heading>span{color:var(--secondary)}
.property-cell{display:flex;align-items:center;justify-content:center;min-width:0;padding:20px 18px}
.property-cell:not(.property-cell--wbl){border-left:1px dashed var(--line)}
.property-cell img{display:block;object-fit:contain;max-width:100%;filter:brightness(0);opacity:.57}
.property-cell--wbl{grid-area:wbl}.property-cell--wps{grid-area:wps}.property-cell--tlc{grid-area:tlc}.property-cell--tbr{grid-area:tbr}
.property-cell--wbl img{width:96px;height:auto}
.property-cell--wps img{width:132px;height:auto}
.property-cell--tbr img{width:102px;height:auto}
/* The TLC brand book leaves its artwork open. Use its full name as a plain
   typographic placeholder, rather than inventing a logo or monogram. */
.property-tlc{font:650 17px/1.1 var(--sans);letter-spacing:-.035em;text-transform:uppercase;white-space:nowrap;color:#77756f}
.property-tlc sup{font-size:8px;letter-spacing:0;vertical-align:super;margin-left:2px}
.section-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-bottom:1px solid var(--line);scroll-margin-top:24px}
.section-label,.visual-caption{font:400 12px/1.5 var(--mono);letter-spacing:.06em;text-transform:uppercase}
.section-label{margin:0;color:var(--secondary)}
.section-heading{font:300 40px/1.1 var(--serif);letter-spacing:-.05em;text-wrap:pretty;font-feature-settings:'liga' 1,'clig' 1;margin:0 0 20px}
.section-lede{font:300 20px/1.4 var(--sans);text-wrap:pretty;max-width:44ch;margin:0;color:var(--secondary)}
.text-link{display:inline-flex;gap:14px;align-items:center;font:400 12px/1.5 var(--mono);letter-spacing:.05em;text-transform:uppercase}
.text-link:hover{color:var(--accent)}
.dotted-field{background-image:radial-gradient(#c9c7d1 .9px,transparent .9px);background-size:16px 16px}

.network-uses__copy{padding-top:64px;padding-bottom:64px;min-width:0}
.network-uses__copy>.section-label{margin-bottom:32px}
.network-uses__copy>.section-heading{margin-bottom:42px}
.use-item{border-bottom:1px solid var(--line)}
.use-item h3{margin:0}
.use-item h3 button{display:flex;align-items:baseline;justify-content:space-between;gap:20px;width:100%;text-align:left;border:0;background:transparent;padding:20px 0;font:300 28px/1.15 var(--serif);letter-spacing:-.04em;color:var(--secondary)}
.use-item:first-child h3 button{padding-top:0}
.use-item h3 button:hover,.use-item.is-open h3 button{color:var(--foreground)}
.use-toggle{font:300 20px/1 var(--sans);color:var(--secondary)}
.use-description{padding-bottom:28px}
.use-description p{font:300 16px/1.5 var(--sans);margin:0 0 20px;max-width:48ch}
.use-description ul{list-style:none;padding:0;margin:0 0 24px;font:300 15px/1.5 var(--sans)}
.use-description li{display:flex;gap:12px;align-items:baseline;margin-bottom:10px}
.use-description li::before{content:'↗';font:400 12px var(--mono);color:var(--accent)}
.use-description .button--small{font-size:11px}
.network-uses__visual{display:flex;align-items:center;min-width:0;min-height:760px;border-left:1px solid var(--line);padding:40px;background:#eeeeed}
.use-visual{width:100%}
.visual-caption{display:flex;justify-content:space-between;gap:20px;font-size:9px;color:var(--secondary);margin-bottom:24px}
.visual-caption span:last-child{text-align:right}
.demo-film{position:relative;background:#dedfdf;overflow:hidden}
.demo-film video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;filter:saturate(.6)}
.demo-play{position:absolute;bottom:14px;left:14px;display:flex;align-items:center;gap:8px;max-width:calc(100% - 28px);padding:9px 12px;border:1px solid #faf9f64d;border-radius:999px;background:#faf9f6eb;color:var(--foreground);font:400 10px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.04em;backdrop-filter:blur(6px)}
.demo-play svg{width:14px;height:14px;fill:currentColor}
.evidence-caption{padding:32px 0 28px}
.evidence-caption>.section-label{font-size:10px;color:var(--accent);margin-bottom:18px}
.evidence-caption>p:last-child{font:300 32px/1.12 var(--serif);letter-spacing:-.035em;margin:0}
.evidence-caption>p:last-child span{color:var(--secondary)}
.evidence-chain{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 0;border-top:1px solid #cfcdc8;font:400 10px/1.5 var(--mono);letter-spacing:.025em;text-transform:uppercase}
.evidence-chain [aria-hidden]{color:var(--accent)}
.activity-document{background:var(--background);border:1px solid #d4d1c9;padding:32px 28px 26px;box-shadow:8px 8px 0 #e3e2dd;margin:28px 0 32px}
.document-mark{width:20px;height:27px;fill:var(--accent);margin-bottom:30px}
.document-eyebrow{font:400 10px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.04em;color:var(--secondary);margin:0 0 12px}
.activity-document h3{font:300 36px/1.08 var(--serif);letter-spacing:-.04em;margin:0 0 30px}
.activity-document dl{margin:0;border-top:1px solid var(--line)}
.activity-document dl>div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--line);font:300 12px/1.5 var(--sans)}
.activity-document dt{color:var(--secondary)}
.activity-document dd{margin:0;text-align:right}
.document-note{font:300 12px/1.5 var(--sans);color:var(--secondary);margin:22px 0 0}
.movement-study{background-color:#e5e5ed;border:1px solid #d4d4df;padding:24px 0}
.movement-study svg{width:100%;height:auto}
.motion-skeleton{stroke:var(--accent);stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}
.motion-skeleton .joint{fill:var(--background);stroke-width:2}
.movement-guides{fill:none;stroke:#b8b8ce;stroke-width:1;stroke-dasharray:2 5}
.movement-phase{font:400 9px var(--mono);letter-spacing:.7px;fill:var(--secondary);text-anchor:middle}

@media(max-width:1119px){.network-uses__visual{padding:28px}.section-heading{font-size:36px}.section-lede{font-size:18px}.use-item h3 button{font-size:26px}.visual-caption{font-size:8px}.evidence-chain{font-size:9px}}
@media(max-width:767px){
  .property-strip{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:'caption caption' 'wbl wps' 'tlc tbr'}
  .property-strip__heading{min-height:48px;padding:12px 18px;font-size:10px;border-left:0;border-bottom:1px dashed var(--line)}
  .property-cell{min-height:88px;padding:16px 20px}
  .property-cell--tlc,.property-cell--tbr{border-top:1px dashed var(--line)}
  .property-cell.property-cell--tlc{border-left:0}
  .property-cell--wbl img{width:80px}.property-cell--wps img{width:118px}.property-cell--tbr img{width:88px}
  .property-tlc{font-size:16px}
  .section-grid{grid-template-columns:1fr}
  .section-heading{font-size:32px}.section-lede{font-size:18px}.section-label{font-size:10px}
  .network-uses__copy{padding-top:48px;padding-bottom:40px}
  .network-uses__copy>.section-label{margin-bottom:24px}
  .network-uses__copy>.section-heading{margin-bottom:32px}
  .network-uses__visual{min-height:0;border-left:0;border-top:1px solid var(--line);padding:32px 24px}
  .use-item h3 button{font-size:28px}.use-visual{max-width:580px;margin:auto}
  .evidence-caption>p:last-child{font-size:32px}
}
@media(min-width:768px) and (max-width:1119px){.property-strip{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:'caption caption caption caption' 'wbl wps tlc tbr'}.property-strip__heading{min-height:48px;padding:10px 20px;border-left:0;border-bottom:1px dashed var(--line);font-size:11px}.property-cell{min-height:88px;padding:12px 20px}.property-cell--wbl img{width:84px}.property-cell--tbr img{width:90px}}
@media(max-width:380px){.section-heading{font-size:30px}.network-uses__visual{padding-inline:18px}.activity-document{padding-inline:20px}.evidence-chain{font-size:8px}.visual-caption{font-size:8px}}