.white-flow{background:#090909;color:#F5F5F3}.wf-nav{display:flex;justify-content:space-between;gap:20px;padding:35px 6%;font-size:11px;letter-spacing:.12em}.wf-main{padding:25px 6% 0}.wf-main h1{font-size:clamp(55px,12vw,190px);line-height:1;white-space:nowrap;letter-spacing:-.025em;margin:20px 0}.wf-main h1 span{display:inline;color:#D31725}.wf-meta{font-size:11px;letter-spacing:.18em;line-height:1.7}.wf-main figure{margin:0}.wf-main img{display:block;width:100%;height:auto}.wf-main .wf-cover{width:55%;margin:65px 8% 75px auto}.wf-description{display:grid;grid-template-columns:1fr 1.35fr;gap:12%;margin:80px 0 100px}.wf-description h2{font-size:28px;font-weight:400;margin:0 0 15px}.wf-description>p{font-size:21px;line-height:1.7;max-width:650px;margin:0;color:#ddd}.wf-pair{display:grid;grid-template-columns:1.15fr 1fr;gap:8%;align-items:start}.wf-pair>figure:nth-child(2){margin-top:20%}.wf-main .wf-architecture{width:72%;margin:100px auto}.wf-finale{grid-template-columns:1.3fr 1fr}.wf-bottom{border-top:1px solid #292929;padding:35px 0;margin-top:85px;font-size:12px;letter-spacing:.1em}.wf-bottom a:hover,.wf-nav a:hover{color:#D31725}.wf-motion figure{opacity:.25;transform:translateY(12px);transition:opacity .65s ease,transform .65s ease}.wf-motion figure.is-visible{opacity:1;transform:none}@media(max-width:700px){.wf-nav{padding:24px 5%;font-size:8px}.wf-main{padding:15px 5% 0}.wf-main h1{font-size:14vw}.wf-meta{font-size:9px}.wf-main .wf-cover{width:100%;margin:35px 0 45px}.wf-description{display:block;margin:40px 0 50px}.wf-description>p{font-size:17px;margin-top:24px;line-height:1.7}.wf-pair{display:block}.wf-pair>figure:nth-child(2){margin-top:30px}.wf-main .wf-architecture{width:100%;margin:40px 0}.wf-bottom{margin-top:45px}}@media(prefers-reduced-motion:reduce){.wf-motion figure{opacity:1;transform:none;transition:none}}

/* Keep the scaled mobile heading box inside the content area. */
@media(max-width:700px){.white-flow-page .wf-main h1{width:80%}}