:root{--paper:#faf6f2;--ink:#171717;--muted:#555;--line:#d8d8d8}body{font-size:14px}.wrap{width:min(1200px,calc(100% - 64px))}h1,h2{font-style:italic;letter-spacing:-.015em}h1{font-size:48px;line-height:1.17}h2{font-size:36px;line-height:1.2}h3{font:600 16px/1.4 var(--sans)}p{font-size:14px;line-height:1.65}.eyebrow{font-size:10px}.header{width:min(1200px,calc(100% - 64px));margin:12px auto 0;padding:8px 20px;border:0;background:#ffffffa8;border-radius:5px;gap:28px}.logo{width:120px;height:48px}.header nav{flex:1;font-size:13px;gap:30px}.header nav .button{margin-left:auto}.button{font-size:12px;padding:10px 16px;border-radius:4px;gap:12px}.button span{display:none}.button.secondary{background:#fafafa;border-color:#d4d4d4}.grid-paper{background-image:linear-gradient(#c8bfb514 1px,transparent 1px),linear-gradient(90deg,#c8bfb514 1px,transparent 1px);background-size:32px 32px}.reference-hero{border-bottom:1px solid var(--line)}.hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;min-height:420px;padding-block:40px}.hero-inner h1{font-size:48px}.hero-tags{margin:22px 0;gap:8px}.hero-tags span{background:#e8e4df;padding:4px 8px;font-size:9px;letter-spacing:.08em;font-weight:600;color:#333}.hero-inner p{max-width:550px;margin-top:25px}.actions{margin-top:24px}.infinity-carousel{position:relative!important;min-width:0;overflow:hidden;padding:20px 0 38px}.infinity-carousel:before,.infinity-carousel:after{content:'';position:absolute;z-index:2;top:0;width:75px;height:calc(100% - 35px);pointer-events:none}.infinity-carousel:before{left:0;background:linear-gradient(270deg,transparent,var(--paper))}.infinity-carousel:after{right:0;background:linear-gradient(270deg,var(--paper),transparent)}.carousel-track{display:flex;align-items:center;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:18px calc(50% - 155px);scroll-behavior:smooth}.carousel-track::-webkit-scrollbar{display:none}.carousel-card{flex:0 0 310px;height:340px;position:relative;overflow:hidden;border-radius:6px;scroll-snap-align:center;box-shadow:0 5px 18px #0002;background:#ddd;transition:opacity .35s,scale .35s;opacity:.45;scale:.87}.carousel-card.active{opacity:1;scale:1}.carousel-card img{width:100%;height:100%;object-fit:cover}.carousel-label{position:absolute;top:12px;left:12px;background:#fff;padding:5px 8px;font-size:8px;font-weight:600;z-index:1;border-radius:2px}.carousel-card>div{position:absolute;bottom:10px;left:10px;right:10px;display:flex;gap:5px;align-items:end;justify-content:space-between}.carousel-card strong{font-size:10px;background:#fff;padding:7px 8px;border-radius:3px;max-width:205px;line-height:1.4}.carousel-card>div>span{font-size:10px;background:#fff;padding:7px;white-space:nowrap}.carousel-controls{display:flex;gap:12px;align-items:center;justify-content:center;margin-top:3px}.carousel-controls button{font-size:10px;background:none;border:0;color:#555;padding:7px}.reference-work{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-block:38px 70px;align-items:center}.reference-work>div>p{max-width:470px}.reference-work ul{list-style:none;padding:0;margin:28px 0}.reference-work li{padding:0 0 17px 22px;position:relative}.reference-work li:before{content:'—';position:absolute;left:0;color:#aaa}.reference-work b{display:block;font-size:13px;font-weight:500}.reference-work li span{display:block;font-size:11px;color:#666;line-height:1.5}.workflow-demo{background:#373737;color:white;border-radius:5px;padding:34px;min-height:320px}.workflow-demo .eyebrow{color:#ddd}.workflow-step{border-top:1px solid #ffffff30;padding:18px 0;display:grid;grid-template-columns:35px 1fr;gap:3px;font-size:11px;color:#bbb}.workflow-step strong{color:#fff;font-size:16px;font-weight:500}.workflow-step>span{grid-column:2;font-size:11px}.reference-projects h2{text-align:center;margin-bottom:32px}.reference-project-grid{width:min(760px,100%);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:14px}.reference-project{border:1px solid var(--line);border-radius:5px;overflow:hidden;background:#fafafa}.reference-project>img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}.reference-project>div{padding:13px 35px 13px 12px;position:relative}.reference-project h3{font-size:12px;margin:0 0 4px}.reference-project p{font-size:10px;line-height:1.4;margin:0}.reference-project>div>span{position:absolute;right:12px;top:23px;font-size:22px}.reference-methods{padding-block:65px 30px}.reference-methods>p{max-width:650px}.method-grid{gap:20px;margin-top:30px}.method-card{background:#fafafa;padding:18px;border-radius:5px}.method-card h3{font:600 14px var(--sans);margin:18px 0 10px}.method-card>p{font-size:12px;line-height:1.55;min-height:76px}.method-icon{display:grid;place-items:center;background:#141414;color:#fff;width:28px;height:28px;border-radius:5px;font-size:19px}.method-card .text-link{font-size:11px;border:0;text-decoration:underline;margin-bottom:16px}.method-card .demo{height:215px}.demo-label{font-size:8px}.faq{display:block;max-width:760px;padding-block:50px}.faq>div:first-child{text-align:center}.faq .eyebrow{display:none}.faq h2{font-size:36px}.faq h2 br{display:none}.faq summary{font-size:12px;font-weight:600;padding:20px 0}.faq details p{font-size:12px}.home-contact{padding:15px 0 65px}.home-contact>p{max-width:620px}.contact-form{background:#fafafa;border-color:#d7d7d7;padding:24px}.contact-form legend{font-size:10px;color:#777}.contact-form input:not([type=checkbox]),.contact-form textarea,.contact-form select{background:transparent;min-height:38px;padding:8px 12px;font-size:12px;border-color:#d5d5d5}.footer{margin:0 16px 16px;background:#ffffff70;padding:40px max(32px,calc((100vw - 1200px)/2)) 20px;border-radius:5px}.footer-grid{padding:0;gap:45px}.footer-grid .eyebrow{font-size:10px;margin-bottom:16px}.footer-grid a{font-size:12px}.footer-bottom{margin-top:30px;border-color:#eee}.reference-article-hero{border-bottom:1px solid var(--line);padding:65px 24px 55px}.reference-article-hero>div{max-width:760px;margin:auto}.reference-article-hero h1{font-size:46px}.reference-article-hero p{font-size:16px;line-height:1.6;margin:24px 0 0}.reference-article-layout{display:grid;grid-template-columns:210px minmax(0,760px) 210px;gap:35px;max-width:1320px;margin:0 auto;padding:20px 20px 70px}.reference-article-layout .article-toc,.related-sidebar{position:sticky;top:20px;align-self:start;padding:18px;background:#fafafa;border:1px solid var(--line);border-radius:5px}.article-toc>a:not(.button){font-size:11px;border:0;padding:7px 0}.article-toc .eyebrow,.related-sidebar .eyebrow{font-size:9px}.related-sidebar a{display:block;font-size:11px;margin-bottom:20px}.reference-article-layout .article-section{padding:0}.reference-article-layout h2{font-size:34px;margin:35px 0 24px}.reference-article-layout h2:first-child{margin-top:0}.reference-article-layout p{font-size:15px;line-height:1.85;margin-bottom:24px}.reference-article-layout summary{font-size:13px}.reference-split-intro{padding:65px 0 50px;border-bottom:1px solid var(--line)}.reference-split-intro>.wrap{display:grid;grid-template-columns:1.25fr 1fr .65fr;gap:35px;align-items:center}.reference-split-intro h1{font-size:42px;margin:0}.reference-split-intro p{font-size:14px;margin:0}.reference-contact{display:grid;grid-template-columns:3fr 1.1fr;gap:20px;padding-block:35px}.reference-contact>div{background:#fafafa;border:1px solid var(--line);border-radius:5px;padding:22px}.reference-contact h2{font:600 14px var(--sans);margin:0 0 20px}.reference-contact .contact-form{border:0;padding:0}.contact-panel{background:#fafafa;border:1px solid var(--line);padding:22px;border-radius:5px;margin-bottom:20px}.contact-panel h3{font-size:13px;display:flex;justify-content:space-between;gap:10px}.contact-panel small{background:#dceadc;font-size:8px;padding:3px 5px;text-transform:uppercase;white-space:nowrap}.contact-panel p{font-size:12px}.contact-panel .button{width:100%;justify-content:center}.reference-about{display:grid;grid-template-columns:2fr 1fr;gap:45px;padding-block:35px}.reference-about img{width:100%;height:auto;border-radius:5px;margin-top:42px}.reference-about h3{font-size:13px;font-weight:500;margin-top:22px}.reference-about p{font-size:13px}.reference-services{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding-top:25px}.reference-services h3{font-size:18px}.section{padding-block:55px}.page-intro h1{font-size:44px}.page-intro{padding-block:30px 45px}.page-intro .lead{font-size:16px}.cta{padding-block:55px}.cta h2{font-size:38px}.project-caption h3{font-size:25px}.project-image img{aspect-ratio:1}.case-cover{max-width:900px}.case-context,.case-chapter{padding-block:35px}.outcome{background:#f5f4f2;padding:30px;border:1px solid var(--line)}.outcome h2{font-size:30px}
@media(max-width:1050px){.reference-article-layout{grid-template-columns:180px minmax(0,1fr);gap:25px}.related-sidebar{display:none}.header nav{gap:20px}.hero-inner h1{font-size:40px}.carousel-card{flex-basis:270px;height:300px}.carousel-track{padding-inline:calc(50% - 135px)}.reference-work{gap:35px}.reference-split-intro>.wrap{gap:20px}.method-card>p{min-height:100px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.header{width:calc(100% - 24px);padding:8px 12px;gap:0}.header nav .button{margin:12px 0}.header nav{gap:0}.hero-inner{grid-template-columns:minmax(0,1fr);gap:10px;padding-block:35px 15px}.hero-inner h1{font-size:37px}.hero-tags{flex-wrap:wrap}.hero-inner p{font-size:13px}.infinity-carousel{margin:0 -18px}.carousel-card{flex-basis:260px;height:290px}.carousel-track{padding-inline:calc(50% - 130px)}.infinity-carousel:before,.infinity-carousel:after{width:45px}.reference-work{grid-template-columns:1fr;padding-block:35px;gap:20px}.workflow-demo{min-height:280px;padding:25px}.reference-project-grid{gap:10px}.reference-project h3{font-size:10px}.reference-project p{font-size:9px}.reference-project>div{padding:10px 22px 10px 9px}.reference-project>div>span{right:7px}.reference-projects h2{font-size:29px}.reference-methods{padding-block:40px 20px}h2,.faq h2{font-size:29px}.method-card>p{min-height:0}.method-card .demo{height:230px}.faq{padding:35px 0}.home-contact{padding-bottom:40px}.footer{margin:0 10px 10px;padding:30px 20px 20px}.footer-grid{gap:25px}.reference-article-hero{padding:35px 18px}.reference-article-hero h1{font-size:34px}.reference-article-hero p{font-size:14px}.reference-article-layout{display:block;padding:18px}.reference-article-layout .article-toc{position:static;margin-bottom:30px}.reference-article-layout h2{font-size:29px}.reference-article-layout p{font-size:14px}.reference-split-intro{padding:35px 0}.reference-split-intro>.wrap{grid-template-columns:1fr;gap:20px}.reference-split-intro h1{font-size:36px}.reference-split-intro .button{justify-self:start}.reference-contact{grid-template-columns:1fr}.reference-contact>div{padding:18px}.reference-about{grid-template-columns:1fr;gap:20px}.reference-about img{margin:0;max-width:320px}.reference-services{grid-template-columns:1fr}.page-intro h1{font-size:36px}.cta h2{font-size:31px}.reference-projects{padding-top:20px}}
@media(prefers-reduced-motion:reduce){.carousel-track{scroll-behavior:auto}}
.original-article-media{margin:28px auto 40px;width:92%;max-width:700px}.original-article-media img,.original-article-media video{display:block;width:100%;height:auto;border-radius:0}.original-article-media figcaption{text-align:center;font:12px/1.5 var(--sans);margin-top:12px;color:#555}@media(max-width:760px){.original-article-media{width:100%;margin:24px 0 32px}.original-article-media figcaption{font-size:11px}}