.two-routes{display:grid;grid-template-columns:1fr 1fr;background:#f5f3ed;border-bottom:1px solid #ddd}.two-routes>a{padding:38px 7%;display:flex;flex-direction:column;gap:15px}.two-routes>a+a{border-left:1px solid #d7d4cd}.two-routes span{font-size:11px;letter-spacing:1.8px}.two-routes strong{font-weight:400;font-size:clamp(24px,2.5vw,36px);letter-spacing:-1px}.two-routes em{font-size:14px;font-style:normal}.two-routes a:hover{background:#eeece3}.editorial-page{background:#faf9f6}.editorial-page .portfolio-header{position:relative}.crumb{margin:30px 7%;font-size:12px;color:#666}.crumb a{text-decoration:underline}.page-intro{padding:50px 7% 65px;max-width:1250px}.page-intro .eyebrow{font-size:12px;letter-spacing:2px;margin-bottom:30px}.page-intro h1{font-size:clamp(48px,6.4vw,92px);font-weight:300;line-height:1.04;letter-spacing:-3px;margin:0 0 30px}.page-lead{font-size:21px;line-height:1.7;max-width:730px;color:#50504c}.story-block{display:grid;grid-template-columns:1fr 2fr;padding:60px 7%;gap:7%;border-top:1px solid #dcdad4}.story-block>div{max-width:740px}.story-block h2,.contact-cards h2{font-size:clamp(30px,3.7vw,50px);font-weight:300;line-height:1.13;letter-spacing:-1.4px;margin:0 0 25px}.story-block p,.contact-cards p{font-size:17px;line-height:1.85;color:#50504c}.story-block .text-link{margin-right:25px}.story-block a:not([class]){text-decoration:underline}.steps{padding-left:22px;line-height:1.85;font-size:17px;color:#50504c}.steps li{padding:0 0 20px 10px}.steps strong{display:block;color:#111;font-weight:500}.page-actions{display:flex;gap:30px;align-items:center;margin:0 7% 60px;flex-wrap:wrap}.topic-list{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0}.topic-list span{border:1px solid #d3d0c8;padding:10px 17px;font-size:14px}.related{display:flex;flex-wrap:wrap;gap:35px;padding:40px 7%;background:#eeece5}.contact-cards{display:grid;grid-template-columns:1fr 1fr;margin:0 7% 60px;border:1px solid #dcdad4}.contact-cards section{padding:40px}.contact-cards section+section{border-left:1px solid #dcdad4}.contact-cards .text-link{margin-right:15px}.editorial-page .access-section{margin-top:0}.demo-entry{padding:35px 7%}.small-note{font-size:13px!important;color:#666}.editorial-page .black-button,.editorial-page .yellow-button{display:inline-flex;gap:30px;align-items:center}.editorial-page a:focus-visible,.two-routes a:focus-visible{outline:3px solid #878600;outline-offset:4px}.editorial-page .site-footer .yellow-button{display:flex}
@media(max-width:700px){.two-routes{grid-template-columns:1fr}.two-routes>a{padding:28px 24px}.two-routes>a+a{border-left:0;border-top:1px solid #d7d4cd}.page-intro{padding:30px 24px 40px}.crumb{margin:25px 24px}.page-intro h1{font-size:49px;letter-spacing:-2px}.page-lead{font-size:18px}.story-block{grid-template-columns:1fr;padding:38px 24px;gap:15px}.story-block p,.steps,.contact-cards p{font-size:16px}.contact-cards{grid-template-columns:1fr;margin:0 24px 40px}.contact-cards section{padding:25px}.contact-cards section+section{border-left:0;border-top:1px solid #dcdad4}.page-actions{margin:0 24px 40px}.related{padding:30px 24px;gap:15px;flex-direction:column;align-items:start}.editorial-page .portfolio-header nav{flex-wrap:wrap}.demo-entry{padding:30px 24px}}

/* Business routes: yellow feedback for pointer, touch and keyboard. */
.two-routes>a{transition:background-color .2s ease,box-shadow .2s ease}
.two-routes>a:hover,.two-routes>a:focus-visible,.two-routes>a:active{background:var(--yellow);box-shadow:inset 0 0 0 1px #111;outline-offset:-4px}
@media(prefers-reduced-motion:reduce){.two-routes>a{transition:none}}