.cf{--cf-line:var(--page-line,#ffffff1f);color:#efefef;border:0;padding:0;scroll-margin-top:88px;position:relative}.cf,.cf *{box-sizing:border-box;font-weight:300}.cf-heading{text-align:center;padding:54px 40px}.cf-heading h2{letter-spacing:-.035em;white-space:nowrap;margin:0;font-size:clamp(24px,4vw,40px);line-height:1.15}.cf-heading h2 span{color:#969696}.cf-grid{grid-template-columns:1.08fr 1fr 1.08fr;display:grid;position:relative}.cf-grid:before,.cf-grid:after,.cf-card:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg, transparent, var(--cf-line) var(--page-rail-inset,24px), var(--cf-line) calc(100% - var(--page-rail-inset,24px)), transparent);width:100vw;height:1px;position:absolute;left:50%;transform:translate(-50%)}.cf-grid:before{top:0}.cf-grid:after{bottom:0}.cf-card{background:0 0;border:0;border-radius:0;flex-direction:column;min-width:0;min-height:480px;display:flex;position:relative}.cf-card:before{display:none;top:0}.cf-card+.cf-card{border-left:1px solid var(--cf-line)}.cf-copy{flex:none;padding:32px 32px 0}.cf-copy h3{color:#ededed;letter-spacing:-.03em;margin:0;font-size:25px;line-height:31px}.cf-copy p{color:#999;margin:9px 0 0;font-size:13px;line-height:20px}.cf-stage{width:100%;min-width:0;min-height:340px;font:inherit;color:inherit;cursor:default;-webkit-tap-highlight-color:transparent;touch-action:pan-y;background:0 0;border:0;border-radius:0;outline:0;flex:1;align-content:center;justify-items:center;margin:0;padding:14px 14px 30px;display:grid;position:relative;overflow:hidden}.cf-stage:focus-visible{outline-offset:-10px;outline:1px solid #909090}.cf-drawing{width:min(100%,390px);height:auto;display:block;overflow:visible}.cf-drawing path,.cf-drawing circle{vector-effect:non-scaling-stroke}.cf-layer-hit,.cf-module-hit{cursor:pointer}.cf-drawing .cf-layer-hit,.cf-drawing .cf-module-hit{vector-effect:none}.cf-work-stage{cursor:ew-resize}.cf[data-layout=spotlight] .cf-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.cf[data-layout=spotlight] .cf-card:first-child{grid-row:span 2}.cf[data-layout=spotlight] .cf-card:not(:first-child){min-height:370px}.cf[data-layout=spotlight] .cf-card:first-child .cf-copy{padding:38px 40px 0}.cf[data-layout=spotlight] .cf-card:first-child .cf-copy h3{font-size:30px;line-height:36px}.cf[data-layout=spotlight] .cf-card:first-child .cf-stage{padding:24px}.cf[data-layout=spotlight] .cf-card:first-child .cf-drawing{width:min(100%,520px)}.cf[data-layout=spotlight] .cf-card:not(:first-child) .cf-stage{min-height:280px;padding-top:0;padding-bottom:16px}.cf[data-layout=spotlight] .cf-card:not(:first-child) .cf-drawing{width:min(100%,280px)}@media (min-width:701px){.cf[data-layout=spotlight] .cf-card:last-child:before{width:calc(100% + var(--page-rail-inset,24px) + 1px);background:linear-gradient(90deg, var(--cf-line), var(--cf-line) calc(100% - var(--page-rail-inset,24px) - 1px), transparent);display:block;left:0;transform:none}}@media (max-width:1000px) and (min-width:701px){.cf-copy{padding-inline:20px}.cf-copy h3{font-size:22px;line-height:28px}.cf[data-layout=columns] .cf-card{min-height:410px}.cf[data-layout=columns] .cf-stage{min-height:280px;padding-inline:8px}}@media (max-width:700px){.cf-heading{padding:38px 18px}.cf-grid,.cf[data-layout=spotlight] .cf-grid{grid-template-columns:minmax(0,1fr)}.cf-card,.cf[data-layout=spotlight] .cf-card:not(:first-child){min-height:430px}.cf[data-layout=spotlight] .cf-card:first-child{grid-row:auto}.cf-card+.cf-card{border-left:0}.cf-card+.cf-card:before{display:block}.cf[data-layout=spotlight] .cf-card:last-child{border-top:0}.cf-copy,.cf[data-layout=spotlight] .cf-card:first-child .cf-copy{padding:28px 24px 0}.cf-copy h3,.cf[data-layout=spotlight] .cf-card:first-child .cf-copy h3{font-size:24px;line-height:30px}.cf-stage,.cf[data-layout=spotlight] .cf-card:first-child .cf-stage,.cf[data-layout=spotlight] .cf-card:not(:first-child) .cf-stage{min-height:330px;padding:10px 8px 22px}.cf-drawing,.cf[data-layout=spotlight] .cf-card:first-child .cf-drawing,.cf[data-layout=spotlight] .cf-card:not(:first-child) .cf-drawing{width:min(100%,350px)}}@media (max-width:360px){.cf-copy,.cf[data-layout=spotlight] .cf-card:first-child .cf-copy{padding-inline:20px}.cf-copy h3,.cf[data-layout=spotlight] .cf-card:first-child .cf-copy h3{font-size:22px;line-height:28px}.cf-copy p{font-size:12px}.cf-card,.cf[data-layout=spotlight] .cf-card:not(:first-child){min-height:400px}.cf-stage,.cf[data-layout=spotlight] .cf-card:first-child .cf-stage,.cf[data-layout=spotlight] .cf-card:not(:first-child) .cf-stage{min-height:300px}}
