.pattern-page,.pattern-detail{background:var(--paper)}.pattern-hero{background:var(--navy);color:#fff;padding:90px max(8vw,24px)}.pattern-hero h1{letter-spacing:-5px;margin:18px 0;font:500 clamp(58px,9vw,118px)/.9 Georgia,serif}.pattern-hero>p{color:#bdd0ce;max-width:720px;font-size:19px;line-height:1.65}.pattern-hero>div{border-top:1px solid #315058;grid-template-columns:repeat(3,1fr);max-width:820px;margin-top:46px;display:grid}.pattern-hero strong{padding:22px 22px 0 0;font:500 42px Georgia,serif}.pattern-hero small{color:#9db6b3;text-transform:uppercase;letter-spacing:.08em;margin-top:8px;font:700 10px Arial,sans-serif;display:block}.pattern-intro,.pattern-standards{grid-template-columns:1fr 1fr;gap:8vw;padding:75px max(8vw,24px);display:grid}.pattern-intro h2,.pattern-standards h2,.pattern-detail h1{letter-spacing:-2px;font:500 clamp(40px,5vw,68px)/1 Georgia,serif}.pattern-intro>p,.pattern-standards p{color:var(--muted);line-height:1.7}.pattern-grid{grid-template-columns:repeat(3,1fr);padding:0 max(8vw,24px) 90px;display:grid}.pattern-grid>a{border:1px solid var(--line);background:#fff;min-height:260px;margin:0 -1px -1px 0;padding:28px;transition:all .15s}.pattern-grid>a:hover{background:#e5eee9;transform:translateY(-2px)}.pattern-grid>a>span,.pattern-detail-grid article>span{color:var(--teal);letter-spacing:.09em;font-size:10px;font-weight:850}.pattern-grid h2{margin:38px 0 14px;font:500 30px Georgia,serif}.pattern-grid p{color:var(--muted);font-size:12px;line-height:1.6}.pattern-grid strong{color:var(--teal);margin-top:24px;font-size:11px;display:block}.pattern-standards{background:#e5eee9}.pattern-standards a{color:var(--teal);margin-top:14px;font-weight:850;display:block}.pattern-detail{padding-bottom:80px}.pattern-detail>.crumb{padding:30px max(10vw,24px)}.pattern-detail>section:first-of-type{background:#e5eee9;padding:70px max(10vw,24px)}.pattern-detail>section:first-of-type p{max-width:770px;color:var(--muted);font-size:20px;line-height:1.65}.pattern-detail-grid{grid-template-columns:1fr 1fr;gap:16px;padding:65px max(10vw,24px);display:grid}.pattern-detail-grid article{border:1px solid var(--line);background:#fff;border-radius:14px;padding:32px}.pattern-detail-grid h2,.pattern-example h2,.related-patterns h2{margin:14px 0;font:500 35px Georgia,serif}.pattern-detail-grid p,.pattern-example p{color:var(--muted);line-height:1.7}.pattern-example,.related-patterns,.pattern-source{padding:55px max(10vw,24px)}.pattern-example{background:var(--navy);color:#fff}.pattern-example p{color:#bdd0ce;max-width:850px}.related-patterns>div{grid-template-columns:repeat(3,1fr);display:grid}.related-patterns a{border:1px solid var(--line);background:#fff;grid-template-columns:1fr auto;gap:10px;margin-right:-1px;padding:22px;display:grid}.related-patterns a span{color:var(--muted);grid-column:1;font-size:11px;line-height:1.5}.related-patterns a b{color:var(--teal);grid-area:1/2/3}.pattern-source{color:var(--muted);font-size:11px}.pattern-source a{color:var(--teal);font-weight:800}@media (max-width:800px){.pattern-hero h1{letter-spacing:-3px}.pattern-hero>div,.pattern-grid,.pattern-intro,.pattern-standards,.pattern-detail-grid,.related-patterns>div{grid-template-columns:1fr}.pattern-grid>a{min-height:0}.pattern-intro,.pattern-standards{gap:20px}.pattern-hero strong{border-bottom:1px solid #315058}.related-patterns a{margin:0 0 -1px}}.pattern-grid{grid-template-columns:repeat(2,1fr)}.pattern-grid>a{flex-direction:column;min-height:350px;padding:32px;display:flex}.pattern-grid p{font-size:14px;line-height:1.7}.pattern-grid h2{margin-top:4px}.pattern-taxonomy-name{color:var(--teal);margin-bottom:12px;font-size:11px;font-weight:750}.pattern-card-example{border-top:1px solid var(--line);color:var(--navy);margin-top:18px;padding-top:16px;font-size:12px;line-height:1.6}.pattern-card-example b{color:var(--teal)}.pattern-grid strong{margin-top:auto;padding-top:24px}.pattern-example ol{counter-reset:examples;max-width:920px;margin:28px 0;padding:0;list-style:none}.pattern-example li{counter-increment:examples;color:#fff;border-top:1px solid #315058;grid-template-columns:42px 1fr;gap:16px;padding:18px 0;line-height:1.6;display:grid}.pattern-example li:before{content:counter(examples,decimal-leading-zero);color:#69c9bb;letter-spacing:.08em;padding-top:4px;font-size:11px;font-weight:850}.pattern-example p{font-size:12px}.pattern-companies{background:#eef2ef;padding:65px max(10vw,24px)}.pattern-companies>h2{margin:14px 0;font:500 42px Georgia,serif}.pattern-companies>p{max-width:760px;color:var(--muted);line-height:1.65}.pattern-companies>.pattern-company-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0;margin-top:18px;display:grid}.pattern-companies article{border:1px solid var(--line);overflow-wrap:anywhere;background:#fff;border-radius:12px;flex-direction:column;width:100%;min-width:0;min-height:205px;padding:24px;display:flex}.pattern-companies figure{border-bottom:1px solid var(--line);background:#dce7e3;border-radius:11px 11px 0 0;margin:-24px -24px 22px;overflow:hidden}.pattern-companies figure img{object-fit:cover;object-position:top;width:100%;height:190px;display:block}.pattern-companies figcaption{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;background:#f8faf8;padding:9px 14px;font-size:9px}.pattern-companies article>div{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.pattern-company-name{color:var(--teal);font-weight:850}.pattern-companies article>div>span{min-width:0;color:var(--muted);text-align:right;text-transform:uppercase;letter-spacing:.05em;font-size:10px;line-height:1.45}.pattern-companies h3{margin:24px 0;font:500 24px/1.2 Georgia,serif}.pattern-companies dl{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(2,1fr);gap:1px;margin:0 0 22px;display:grid}.pattern-companies dl>div{background:#f8faf8;padding:10px}.pattern-companies dt{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:5px;font-size:10px}.pattern-companies dd{min-width:0;color:var(--navy);overflow-wrap:anywhere;margin:0;font-size:11px;line-height:1.4}.pattern-companies nav{flex-wrap:wrap;gap:18px;margin-top:auto;display:flex}.pattern-companies nav a{color:var(--teal);font-size:11px;font-weight:800}@media (max-width:800px){.pattern-grid{grid-template-columns:1fr}.pattern-grid>a{min-height:0}.pattern-companies{overflow:hidden}.pattern-companies>.pattern-company-grid{grid-template-columns:minmax(0,1fr)}.pattern-companies article>div{min-width:0;display:block}.pattern-companies article>div>span{text-align:left;margin-top:7px;display:block}.pattern-companies nav{gap:12px}.pattern-companies nav a{overflow-wrap:anywhere}}.pattern-detail-stats{border-top:1px solid #bfd2cc;border-bottom:1px solid #bfd2cc;grid-template-columns:repeat(3,minmax(0,1fr));max-width:760px;margin-top:34px;display:grid}.pattern-detail-stats strong{padding:18px 18px 18px 0;font:500 32px Georgia,serif}.pattern-detail-stats small{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;margin-top:6px;font:750 9px Arial,sans-serif;display:block}.pattern-jump-links{flex-wrap:wrap;gap:9px;margin-top:22px;display:flex}.pattern-jump-links a{border:1px solid var(--line);color:var(--teal);background:#fff;border-radius:999px;padding:10px 14px;font-size:11px;font-weight:800}.pattern-jump-links a:hover{background:var(--navy);border-color:var(--navy);color:#fff}.pattern-source-note{color:var(--muted);margin:0 0 24px;font-size:12px;line-height:1.7}.pattern-checklist{background:#dfeae6;padding:65px max(10vw,24px)}.pattern-checklist h2{margin:14px 0 28px;font:500 42px Georgia,serif}.pattern-checklist ol{counter-reset:pattern-actions;grid-template-columns:repeat(2,1fr);gap:0 28px;margin:0;padding:0;list-style:none;display:grid}.pattern-checklist li{counter-increment:pattern-actions;border-top:1px solid #bdcec8;grid-template-columns:34px 1fr;gap:10px;padding:18px 0;line-height:1.55;display:grid}.pattern-checklist li:before{content:counter(pattern-actions,decimal-leading-zero);color:var(--teal);padding-top:4px;font-size:10px;font-weight:850}.pattern-empty{background:#eef2ef;padding:65px max(10vw,24px)}.pattern-empty h2{font:500 40px Georgia,serif}.pattern-companies,.pattern-example,.pattern-checklist{scroll-margin-top:20px}.pattern-coverage-note{color:#705d39;background:#f7edd8;border-left:4px solid #c79237;max-width:760px;margin:20px 0 0;padding:13px 15px;font-size:12px;line-height:1.55}.pattern-coverage-note strong{color:#493a20}@media (max-width:800px){.pattern-detail-stats,.pattern-checklist ol{grid-template-columns:1fr}.pattern-detail-stats strong{border-bottom:1px solid #bfd2cc}.pattern-jump-links a{text-align:center;width:100%}.pattern-companies dl{grid-template-columns:1fr}.pattern-checklist h2{font-size:34px}}.pattern-example-controls{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:minmax(230px,1fr) 2fr auto;align-items:end;gap:16px;margin-top:28px;padding:18px;display:grid}.pattern-example-controls label span{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;margin-bottom:8px;font-size:9px;font-weight:800;display:block}.pattern-example-controls input{box-sizing:border-box;border:1px solid var(--line);width:100%;color:var(--navy);font:inherit;background:#f8faf8;border-radius:9px;padding:12px 14px}.pattern-example-controls>div{flex-wrap:wrap;gap:7px;display:flex}.pattern-example-controls button{border:1px solid var(--line);color:var(--teal);cursor:pointer;background:#fff;border-radius:999px;padding:9px 12px;font-size:10px;font-weight:800}.pattern-example-controls button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}.pattern-example-controls>p{color:var(--muted);white-space:nowrap;margin:0;font-size:10px}.pattern-no-results{background:#f8faf8;border:1px dashed #aebfba;border-radius:12px;margin-top:18px;padding:28px}.pattern-no-results p{margin:6px 0 0}.pattern-company-grid article{content-visibility:auto;contain-intrinsic-size:420px}@media (max-width:900px){.pattern-example-controls{grid-template-columns:1fr}.pattern-example-controls>p{white-space:normal}}.pattern-example-controls .pattern-load-all{border-color:var(--teal);background:var(--teal);color:#fff;grid-column:1/-1;padding:11px 15px}.pattern-example-controls .pattern-load-all:disabled{cursor:wait;opacity:.72}.pattern-dashboard{background:#eef2ef;padding:72px max(8vw,24px)}.pattern-dashboard-head{grid-template-columns:1.2fr .8fr;align-items:end;gap:8vw;display:grid}.pattern-dashboard-head h2{letter-spacing:-2px;margin:14px 0;font:500 clamp(38px,5vw,64px)/1 Georgia,serif}.pattern-dashboard-head p,.pattern-industries>div>p{color:var(--muted);line-height:1.65}.pattern-dashboard-controls{gap:6px;margin:26px 0 14px;display:flex}.pattern-dashboard-controls button{border:1px solid var(--line);color:var(--teal);cursor:pointer;background:#fff;border-radius:999px;padding:10px 14px;font-size:10px;font-weight:800}.pattern-dashboard-controls button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}.pattern-dashboard-grid{grid-template-columns:1.55fr .75fr;gap:14px;display:grid}.pattern-dashboard-grid>article,.pattern-industries{border:1px solid var(--line);background:#fff;border-radius:14px;padding:26px}.pattern-dashboard h3{margin:12px 0 24px;font:500 30px Georgia,serif}.pattern-rank>a{border-top:1px solid var(--line);color:var(--navy);grid-template-columns:minmax(150px,1fr) minmax(150px,2fr) 35px;align-items:center;gap:12px;padding:10px 0;display:grid}.pattern-rank>a>span{font-size:11px;font-weight:800}.pattern-rank>a>i,.pattern-industries p>i{background:#e5eee9;border-radius:999px;height:8px;display:block;overflow:hidden}.pattern-rank>a>i b,.pattern-industries p>i b{background:var(--teal);border-radius:inherit;height:100%;display:block}.pattern-rank>a>strong{text-align:right;font:600 15px Georgia,serif}.pattern-rank>a>small{color:var(--muted);grid-column:2/4;margin-top:-8px;font-size:9px}.pattern-source-mix>div{border-radius:999px;height:22px;margin:30px 0;display:flex;overflow:hidden}.pattern-source-mix>div i:first-child{background:#0c7f73}.pattern-source-mix>div i:nth-child(2){background:#d56b45}.pattern-source-mix>div i:nth-child(3){background:#d6aa55}.pattern-source-mix>div i:nth-child(4){background:#708684}.pattern-source-mix>p{border-top:1px solid var(--line);justify-content:space-between;gap:18px;margin:0;padding:11px 0;font-size:11px;display:flex}.pattern-industries{grid-template-columns:.7fr 1.3fr;gap:50px;margin-top:14px;display:grid}.pattern-industries>div+div p{border-top:1px solid var(--line);grid-template-columns:minmax(150px,1fr) 2fr 38px;align-items:center;gap:10px;margin:0;padding:8px 0;font-size:10px;display:grid}.pattern-industries p small{color:var(--muted);grid-column:2/4;margin-top:-7px}.pattern-industries p strong{text-align:right}.pattern-industries h3{margin-bottom:10px}@media (max-width:850px){.pattern-dashboard-head,.pattern-dashboard-grid,.pattern-industries{grid-template-columns:1fr}.pattern-rank>a{grid-template-columns:1fr 1.4fr 30px}.pattern-industries>div+div p{grid-template-columns:1fr 1fr 30px}.pattern-dashboard{padding-top:50px}}.pattern-industry-links{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f1f4f1;padding:64px max(10vw,24px)}.pattern-industry-links h2{max-width:820px;margin:14px 0 12px;font:500 40px/1.08 Georgia,serif}.pattern-industry-links>p{max-width:760px;color:var(--muted);line-height:1.65}.pattern-industry-links>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:28px;display:grid}.pattern-industry-links a{border:1px solid var(--line);background:#fff;border-radius:10px;flex-direction:column;min-height:145px;padding:22px;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex}.pattern-industry-links a:hover{border-color:#82b9b1;transform:translateY(-2px);box-shadow:0 12px 28px #102a3212}.pattern-industry-links strong{font:500 24px/1.1 Georgia,serif}.pattern-industry-links span{color:var(--muted);margin-top:8px;font-size:11px}.pattern-industry-links b{color:var(--teal);margin-top:auto;font-size:11px}@media (max-width:800px){.pattern-industry-links>div{grid-template-columns:1fr}.pattern-industry-links h2{font-size:34px}}.pattern-page small,.pattern-detail small,.pattern-detail dt,.pattern-detail .pattern-example-controls label span{font-size:10px}
