main>article{margin-bottom:4rem}main>article h1,main>article h2,main>article h3,main>article h4,main>article h5,main>article h6{font-weight:600;margin-bottom:.5em}main>article h1{font-size:1.9rem}main>article h2{font-size:1.5rem}main>article h3{font-size:1.25rem}@media screen and (min-width: 1024px){main>article info-grid{justify-content:space-between;flex-direction:row;gap:8rem}main>article info-grid>div:nth-child(2){margin-top:3.2rem}}@media screen and (max-width: 1023px){main>article info-grid{flex-direction:column;gap:1.5rem}main>article info-grid>div>p{margin-bottom:1rem}main>article info-grid>div:nth-child(2){max-width:32rem;width:100%}}main>article info-grid{display:flex;margin-bottom:2rem}main>article info-grid>div>p{margin-bottom:.25rem}main>article info-grid>div{max-width:32rem;margin-bottom:2rem}main>article info-grid>div>table{width:100%;border-spacing:1em .5em}main>article info-grid>div>table>tbody>tr>td{padding:.35rem 0;border-bottom:1px solid #F4F4F5;vertical-align:top}main>article info-grid>div>table>tbody>tr>td:nth-child(2){padding-left:3rem;position:relative;top:.5px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6}main>article p{color:#52525b;margin-bottom:4rem}main>article process-grid>div>p{margin-bottom:2rem}@media (prefers-color-scheme: dark){main>article p{color:#a1a1aa}main>article info-grid>div>table>tbody>tr>td{border-bottom:1px solid #18181B}}main>article info-grid>:nth-child(2){max-width:18.8rem;width:100%}main>article a{padding:.1rem 0rem;border-radius:.2rem;font-weight:500;color:#000;transition:all ease-in-out .1s;cursor:alias}main>article process-grid p>a{text-decoration:underline;text-underline-offset:2px}main>article process-grid a:hover{text-decoration:none;text-underline-offset:2px}@media (prefers-color-scheme: dark){main>article a{padding:.1rem 0rem;border-radius:.2rem;font-weight:500;color:#fff;transition:all ease-in-out .1s;cursor:alias}}main>article collaborators>h4{margin-bottom:1rem}main>article collaborators>ul>li{margin-bottom:12px;display:flex}main>article collaborators>ul>li>a{margin-bottom:.5rem;list-style:none;display:flex;align-items:center}main>article info-grid a:hover{text-underline-offset:2px;text-decoration:underline}main>article collaborators>ul>li>a>img{flex-shrink:0;margin-right:.5rem;width:24px;height:24px;border-radius:1000px}main>article two-full-grid>p{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:6rem 0;width:80vw;position:relative;left:50%;transform:translate(-50%);padding:0 4rem}main>article .video-container{margin-bottom:4rem;cursor:pointer;position:relative;aspect-ratio:16/9;width:100%;height:auto}main>article .video-wrapper:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%) translateY(-50%);width:6rem;height:6rem;background-image:url(/images/icons/play-circle.svg);background-size:cover;z-index:10;border-radius:50%;opacity:20%;transition:all ease .2s;mix-blend-mode:exclusion}main>article .video-wrapper:hover:after{transform:translate(-50%) translateY(-50%) scale(1.1);opacity:30%}@media screen and (max-width: 850px){main>article two-full-grid>p{display:flex;flex-direction:column;width:100%;position:static;transform:translate(0);padding:0 0rem}}main>article three-full-grid{overflow:hidden}main>article three-full-grid>p{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem;margin:6rem 0;width:99vw;position:relative;left:50%;transform:translate(-50%);padding:0 4rem}@media screen and (max-width: 850px){main>article three-full-grid>p{display:flex;flex-direction:column;width:100%;position:static;transform:translate(0);padding:0 0rem}}main>article process-grid{display:grid;grid-template-columns:10rem 1fr;gap:2rem;margin:8rem 0;position:relative}main>article process-grid>div>h3{position:sticky;top:4.5rem}main>article process-grid table{width:auto;max-width:100%;border-collapse:collapse;margin:0 0 2rem;font-size:.95rem;border:1px solid #e4e4e7;border-radius:.5rem;overflow:hidden}main>article process-grid table th,main>article process-grid table td{padding:.75rem 1rem;text-align:left;vertical-align:top;border-bottom:1px solid #e4e4e7}main>article process-grid table th{background-color:#fafafa;font-weight:600;color:#18181b}main>article process-grid table tr:last-child td{border-bottom:none}main>article process-grid table td{color:#52525b}@media (prefers-color-scheme: dark){main>article process-grid table{border-color:#27272a}main>article process-grid table th,main>article process-grid table td{border-bottom-color:#27272a}main>article process-grid table th{background-color:#18181b;color:#fafafa}main>article process-grid table td{color:#a1a1aa}}@media screen and (max-width: 850px){main>article process-grid table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}main>article process-grid{grid-template-columns:1fr;gap:0}main>article process-grid>h3:nth-child(3){position:static}}main>article project-links>p{display:flex;gap:1.5rem;align-items:stretch}main>article project-links div,main>article project-links p,main>article project-links a{display:flex;align-items:center;justify-content:center;margin:0;width:100%;height:4rem;border-radius:1rem;color:#18181b;transition:all ease .2s}@media screen and (max-width: 850px){main>article project-links>p{flex-direction:column;gap:1rem}main>article project-links a{padding:2rem 0}}main>article project-links a{border:1px solid #e4e4e7;background-color:#fafafa;color:#000;font-weight:600}main>article project-links a:nth-child(1){border:1px solid rgb(39 39 42);background-color:#000;color:#fff;font-weight:600}main>article project-links a:nth-child(1):after{filter:invert(1)}main>article project-links a:nth-child(1):hover{background-color:#27272a;border-color:#52525b;color:#fff}main>article project-links a:hover{color:#18181b;background-color:#fff;border-radius:1rem}main>article code{font-size:.9rem;padding:.1rem .2rem;color:#000;background-color:#f4f4f5;border-radius:.25rem}@media (prefers-color-scheme: dark){main>article project-links a{border:1px solid #27272a;background-color:#18181b;color:#fff}main>article project-links a:nth-child(1){border:1px solid #e4e4e7;background-color:#fff;color:#000}main>article project-links a:hover{background-color:#18181bbf;color:#e4e4e7}main>article project-links a:nth-child(1):hover{color:#000;background-color:#e4e4e7;border-color:#a1a1aa;border-radius:1rem}main>article code{color:#fff;background-color:#27272a}}main>article pre{margin-bottom:4rem;width:100%;border-radius:1rem}main>article pre>code{margin-bottom:4rem;max-width:90vw;overflow:hidden;border:1px solid #71717a30;border-radius:.75rem}article>div>p>img:nth-child(1){width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;margin-bottom:4rem}article>div>p:nth-child(3),article>div>p:nth-child(4){font-size:1.1rem}main>article .case-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:0 0 2.5rem}main>article .case-cards--three{grid-template-columns:repeat(3,minmax(0,1fr))}main>article .case-card{position:relative;border:1px solid #e4e4e7;border-radius:14px;padding:1.1rem 1.1rem 1rem;background:#fafafa;transition:transform .18s ease,border-color .18s ease,background .18s ease}main>article .case-card:hover{transform:translateY(-2px);border-color:#d4d4d8;background:#ffffff}main>article .case-card .eyebrow{display:inline-block;font-size:.7rem;font-weight:600;color:#71717a;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.55rem}main>article .case-card h4{margin:0 0 .35rem;font-size:.98rem;font-weight:600;color:#18181b;line-height:1.3}main>article .case-card p{margin:0;font-size:.9rem;line-height:1.5;color:#52525b}main>article .case-card--star{background:linear-gradient(180deg,#fafafa 0%,#f4f4f5 100%);border-color:#d4d4d8}main>article .case-card--star .eyebrow{color:#18181b}main>article .pull-quote{border-left:3px solid #18181b;padding:.3rem 0 .3rem 1.25rem;margin:0 0 2.5rem;font-size:1.25rem;line-height:1.45;color:#18181b;font-weight:500;letter-spacing:-.01em}main>article .pull-quote em{font-style:italic;color:#52525b;font-weight:400}main>article .compare{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0 0 1rem}main>article .compare>div{padding:1.1rem 1.25rem 1.2rem;background:#fafafa;border:1px solid #e4e4e7}main>article .compare .from{border-radius:14px 0 0 14px;border-right:none}main>article .compare .to{border-radius:0 14px 14px 0;background:#ffffff}main>article .compare .label{display:inline-flex;align-items:center;gap:.4rem;font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.55rem}main>article .compare strong{display:block;font-size:.98rem;font-weight:600;line-height:1.35;margin-bottom:.4rem}main>article .compare small{font-size:.85rem;line-height:1.55}main>article .compare .from .label{color:#a1a1aa}main>article .compare .from strong{color:#71717a;text-decoration:line-through;text-decoration-color:#d4d4d8;text-decoration-thickness:1px}main>article .compare .from small{color:#a1a1aa}main>article .compare .to .label{color:#18181b}main>article .compare .to strong{color:#18181b}main>article .compare .to small{color:#52525b}main>article .compare:before{content:"→";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:1.85rem;height:1.85rem;display:flex;align-items:center;justify-content:center;background:#18181b;color:#fafafa;border-radius:999px;font-size:.85rem;box-shadow:0 0 0 4px #fff}main>article .principles{display:grid;gap:.5rem;margin:0 0 2rem;padding:0;list-style:none}main>article .principles li{display:grid;grid-template-columns:2rem 1fr;gap:.75rem;align-items:baseline;padding:.65rem 0;border-bottom:1px solid #f4f4f5}main>article .principles li:last-child{border-bottom:none}main>article .principles .num{font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:600;color:#a1a1aa;letter-spacing:.04em}main>article .principles strong{color:#18181b;font-weight:600}main>article .tag-row{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 2rem}main>article .tag-row span{font-size:.78rem;padding:.3rem .65rem;border-radius:999px;background:#f4f4f5;color:#52525b;border:1px solid #e4e4e7}main>article .stat-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0 0 2.5rem;border:1px solid #e4e4e7;border-radius:14px;overflow:hidden}main>article .stat-strip>div{padding:1.1rem 1.2rem;border-right:1px solid #e4e4e7}main>article .stat-strip>div:last-child{border-right:none}main>article .stat-strip .big{display:block;font-size:1.5rem;font-weight:600;color:#18181b;line-height:1.1;margin-bottom:.3rem;letter-spacing:-.02em}main>article .stat-strip .lbl{font-size:.78rem;color:#71717a;line-height:1.4}@media screen and (max-width: 720px){main>article .case-cards,main>article .case-cards--three{grid-template-columns:1fr}main>article .compare{grid-template-columns:1fr}main>article .compare .from{border-radius:14px 14px 0 0;border-right:1px solid #e4e4e7;border-bottom:none}main>article .compare .to{border-radius:0 0 14px 14px}main>article .compare:before{content:"↓"}main>article .stat-strip{grid-template-columns:1fr}main>article .stat-strip>div{border-right:none;border-bottom:1px solid #e4e4e7}main>article .stat-strip>div:last-child{border-bottom:none}main>article .pull-quote{font-size:1.1rem;padding-left:1rem}}@media (prefers-color-scheme: dark){main>article .case-card{background:#18181b;border-color:#27272a}main>article .case-card:hover{background:#1f1f23;border-color:#3f3f46}main>article .case-card h4{color:#fafafa}main>article .case-card p{color:#a1a1aa}main>article .case-card .eyebrow{color:#71717a}main>article .case-card--star{background:linear-gradient(180deg,#1f1f23 0%,#18181b 100%);border-color:#3f3f46}main>article .case-card--star .eyebrow{color:#fafafa}main>article .pull-quote{color:#fafafa;border-left-color:#fafafa}main>article .pull-quote em{color:#a1a1aa}main>article .compare>div{background:#0f0f12;border-color:#27272a}main>article .compare .to{background:#18181b}main>article .compare .from .label{color:#52525b}main>article .compare .from strong{color:#71717a;text-decoration-color:#3f3f46}main>article .compare .from small{color:#52525b}main>article .compare .to .label{color:#fafafa}main>article .compare .to strong{color:#fafafa}main>article .compare .to small{color:#a1a1aa}main>article .compare:before{background:#fafafa;color:#18181b;box-shadow:0 0 0 4px #0a0a0a}main>article .principles li{border-bottom-color:#27272a}main>article .principles .num{color:#52525b}main>article .principles strong{color:#fafafa}main>article .tag-row span{background:#18181b;color:#a1a1aa;border-color:#27272a}main>article .stat-strip{border-color:#27272a}main>article .stat-strip>div{border-right-color:#27272a}main>article .stat-strip .big{color:#fafafa}main>article .stat-strip .lbl{color:#71717a}}
