/* A field-report treatment for How It Works. */
.process-workflow{display:block;background:#eef5f5;padding:clamp(80px,10vw,150px) 7%}.process-workflow .bottom-heading{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 7%;align-items:end;border-bottom:1px solid #a6bdc5;padding-bottom:38px}.process-workflow .bottom-heading .bottom-kicker{grid-column:1/-1}.process-workflow .bottom-heading h2{margin-bottom:0}.process-workflow .bottom-heading>p:last-child{max-width:340px;margin-left:auto}.workflow-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:30px;counter-reset:report}.workflow-notes article{display:block;padding:32px clamp(18px,3vw,45px) 20px;border-top:0;border-right:1px solid #b5c8cc;counter-increment:report}.workflow-notes article:first-child{padding-left:0}.workflow-notes article:last-child{border-right:0;border-bottom:0}.workflow-notes article:before{content:counter(report,decimal-leading-zero);display:block;font:italic 400 clamp(55px,6vw,86px)/1 Georgia,serif;color:#a94a36;margin:0 0 24px}.workflow-notes span{display:block;margin-bottom:15px}.workflow-notes p{font-size:14px;line-height:1.8}.process-scale{display:block;padding:clamp(85px,10vw,140px) 7%;background:#203b49}.scale-intro{display:grid;grid-template-columns:1fr 1fr;gap:0 7%;align-items:end}.scale-intro .bottom-kicker{grid-column:1/-1}.scale-intro h2{margin-bottom:0}.scale-intro>p:last-child{max-width:450px;margin-left:auto}.grade-list{display:grid;grid-template-columns:repeat(5,1fr);margin-top:70px;border-top:1px solid #8097a0;border-bottom:1px solid #8097a0}.grade-list>div{display:flex;flex-direction:column;align-items:start;justify-content:space-between;gap:25px;min-height:200px;padding:24px 20px;border:0;border-right:1px solid #8097a0}.grade-list>div:last-child{border:0}.grade-list b{font:400 clamp(52px,6vw,88px)/1 Georgia,serif;color:#e8aa98}.grade-list span{font:13px/1.55 Arial,sans-serif;color:#eaf2f3}.process-families{padding:clamp(85px,10vw,140px) 7%;background:#e2eef0}.families-intro{display:grid;grid-template-columns:1fr 1fr;gap:0 7%;align-items:end}.families-intro .bottom-kicker{grid-column:1/-1}.families-intro h2{margin:0}.families-intro>p:last-child{margin-left:auto}.family-list{counter-reset:families;grid-template-columns:repeat(4,1fr);column-gap:0;margin-top:58px;border-top:1px solid #a8c0c8}.family-list li{position:relative;min-height:160px;display:flex;flex-wrap:wrap;align-content:flex-start;align-items:start;gap:12px;padding:25px 20px;border-top:0;border-right:1px solid #a8c0c8;border-bottom:1px solid #a8c0c8;font:17px/1.4 Georgia,serif}.family-list li:nth-child(4n){border-right:0}.family-list li:before{width:100%;font:700 11px Arial;color:#a84a37}.family-list small{margin:4px 0 0;font-size:9px}.family-list li span{width:100%}@media(max-width:900px){.family-list{grid-template-columns:repeat(2,1fr)}.family-list li:nth-child(4n){border-right:0}.family-list li:nth-child(2n){border-right:0}.grade-list{grid-template-columns:repeat(5,minmax(0,1fr))}.grade-list>div{padding:18px 10px;min-height:190px}.grade-list span{font-size:12px}}@media(max-width:650px){.process-workflow,.process-scale,.process-families{padding:75px 6%}.process-workflow .bottom-heading,.scale-intro,.families-intro{display:block}.process-workflow .bottom-heading>p:last-child,.scale-intro>p:last-child,.families-intro>p:last-child{margin:20px 0 0}.workflow-notes{grid-template-columns:1fr}.workflow-notes article,.workflow-notes article:first-child{display:grid;grid-template-columns:55px 1fr;gap:8px 18px;padding:25px 0;border-right:0;border-bottom:1px solid #b5c8cc}.workflow-notes article:before{grid-row:span 2;font-size:45px;margin:0}.workflow-notes span{margin:0}.grade-list{grid-template-columns:1fr;margin-top:35px}.grade-list>div{display:grid;grid-template-columns:65px 1fr;min-height:0;align-items:center;gap:18px;padding:14px 0;border-right:0;border-bottom:1px solid #8097a0}.grade-list b{font-size:48px}.grade-list span{font-size:14px}.family-list{margin-top:35px}.family-list li{min-height:145px;padding:20px 12px;font-size:15px}}
/* Three distinct headline treatments and the Scrolltide grade-card rail. */
.process-workflow .bottom-heading{grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);align-items:end}.process-workflow .bottom-heading h2{font-size:clamp(48px,7vw,100px);line-height:.91;letter-spacing:-.055em}.process-workflow .bottom-heading h2 em{display:block;margin-left:clamp(0px,5vw,80px)}.process-scale .scale-intro{display:block;max-width:860px;margin:auto;text-align:center}.process-scale .scale-intro h2{font-size:clamp(50px,7vw,94px);line-height:.95;margin:20px 0}.process-scale .scale-intro h2 em{color:#e8ad98}.process-scale .scale-intro>p:last-child{margin:0 auto;max-width:520px}.process-families .families-intro{grid-template-columns:.65fr 1.35fr;align-items:start}.process-families .families-intro .bottom-kicker{grid-column:1}.process-families .families-intro h2{grid-column:2;grid-row:1 / span 2;font-size:clamp(44px,6.3vw,82px);line-height:.95;text-align:right}.process-families .families-intro>p:last-child{grid-column:1;grid-row:2;margin:22px 0 0}.grade-card-frame{margin:60px auto 0;max-width:1050px}.grade-hint{display:flex;justify-content:space-between;color:#d3e1e4;font:700 10px Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;margin:0 0 16px}.grade-card-scroll{overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#b76a53 #203b49}.grade-card-rail{min-width:520px}.grade-card-rail .exp-card{box-sizing:border-box}.grade-card-rail .exp-num{font-size:clamp(16px,3.2cqw,30px);font-family:Georgia,serif}.grade-card-rail .exp-title{font-size:clamp(16px,2.8cqw,25px);font-family:Georgia,serif}.grade-card-rail .exp-body{font-size:clamp(13px,1.8cqw,17px);max-width:32ch}.grade-rules{max-width:1050px;margin:25px auto 0;border-top:1px solid #8199a1;border-bottom:1px solid #8199a1}.grade-rules summary{display:flex;align-items:center;justify-content:space-between;min-height:56px;list-style:none;cursor:pointer;color:#f0f6f6;font:700 12px Arial,sans-serif}.grade-rules summary::-webkit-details-marker{display:none}.grade-rules summary span{font:24px Georgia,serif;color:#e6a68e;transition:transform .2s}.grade-rules[open] summary span{transform:rotate(45deg)}.grade-rules summary:focus-visible{outline:2px solid #e6a68e;outline-offset:3px}.grade-rules .grade-list{margin:0}.grade-rules>p{color:#c4d4d9;font:14px/1.7 Arial,sans-serif;margin:25px 0}.process-detail-link{max-width:1050px;margin:25px auto 0}.process-detail-link a{color:#e8b5a5;text-decoration:none;font:700 12px Arial,sans-serif}.process-detail-link a:focus-visible{outline:2px solid #e8b5a5;outline-offset:4px}
@media(max-width:650px){.process-workflow .bottom-heading h2{font-size:clamp(50px,12vw,72px)}.process-workflow .bottom-heading h2 em{margin-left:25px}.process-scale .scale-intro{text-align:left}.process-scale .scale-intro>p:last-child{margin:0}.process-families .families-intro{display:flex;flex-direction:column;align-items:flex-start}.process-families .families-intro h2{text-align:left;align-self:flex-end;margin-top:18px}.process-families .families-intro>p:last-child{margin-top:18px}.grade-card-frame{margin-top:38px}.grade-hint:after{content:'Swipe →';letter-spacing:0;text-transform:none}.grade-hint>span{display:none}.grade-rules .grade-list>div{min-height:0}}
@media(prefers-reduced-motion:reduce){.grade-rules summary span{transition:none}}
.grade-card-rail{overflow:clip}