.practice{--bg:var(--n-50);--band:var(--n-100);--bar:var(--tint-bar);--sans:var(--font-sans);--gut:var(--gutter)}.practice .on-navy{--ink:var(--white);--text:var(--white);--muted:var(--n-300);--line:var(--n-700);--bar:var(--tint-bar-navy)}.practice main{overflow-x:clip}.practice main p{margin:0}.practice main h1,.practice main h2,.practice main h3{letter-spacing:normal}.practice .on-navy :focus-visible{outline-color:var(--g-400)}.practice .sec{padding-block:96px}.practice .kicker{background:var(--bar);font:700 16px/1.3 var(--sans);color:var(--ink);align-self:flex-start;align-items:center;gap:12px;margin:0;padding:12px 28px 12px 0;display:inline-flex;position:relative}.practice .kicker:after{content:"";background:var(--bar);pointer-events:none;width:100vw;position:absolute;top:0;bottom:0;right:100%}.practice .tick{background:var(--accent);width:32px;height:3px;display:block}.practice .btn{background:var(--n-900);min-height:50px;color:var(--white);font:700 15px/1 var(--sans);box-shadow:5px 5px 0 var(--accent);align-items:center;padding:0 26px;text-decoration:none;transition:box-shadow .16s ease-out,transform .16s ease-out;display:inline-flex}.practice .btn:hover{box-shadow:0 0 0 var(--accent);transform:translate(3px,3px)}.practice .btn-go{background:var(--g-400);color:var(--n-900);box-shadow:0 0 0 var(--white);transition:box-shadow .4s cubic-bezier(.2,.8,.2,1) 50ms,transform .16s ease-out}.practice .btn-go.landed{box-shadow:5px 5px 0 var(--white)}.practice .btn-go.landed:hover{box-shadow:0 0 0 var(--white);transition:box-shadow .16s ease-out,transform .16s ease-out}.practice .action{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.practice .win{font:700 16px/1.4 var(--sans);color:var(--ink);text-wrap:pretty}.practice .hero{padding-block:40px 72px}.practice .back{min-height:44px;font:700 15px/1 var(--sans);border-bottom:2px solid var(--accent);align-items:center;margin-bottom:28px;text-decoration:none;display:inline-flex}.practice .hero-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:56px 80px;display:grid}.practice .hero-text{flex-direction:column;gap:24px;min-width:0;display:flex}.practice .hero h1{font:400 clamp(36px,3.9vw,54px)/1.08 var(--sans);letter-spacing:-.035em}.practice .lede{color:var(--muted);max-width:600px;font-size:18px}.practice .figs{border-left:1px solid var(--line);flex-direction:column;gap:44px;min-width:0;padding-left:48px;display:flex}.practice .fig{flex-direction:column;gap:6px;display:flex}.practice .fig .tick{margin-bottom:12px}.practice .fig .num{font:700 clamp(36px,3.6vw,52px)/1.05 var(--sans);letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums;text-wrap:balance}.practice .fig .lab{font:700 15px/1.3 var(--sans);color:var(--ink);margin-top:6px}.practice .fig p:last-child{color:var(--muted);max-width:40ch;font-size:15px}.practice .takeout{max-width:710px;font:400 clamp(24px,2.4vw,32px)/1.3 var(--sans);letter-spacing:-.02em;color:var(--ink);text-wrap:balance;margin:80px 0 0;padding-left:30px;position:relative}.practice .takeout:before{content:"";background:var(--accent);width:6px;position:absolute;inset:.25em auto .25em 0}.practice .flagship{padding-block:24px 96px}.practice .flag-box{background:var(--g-200);grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:center;gap:40px 64px;padding:48px 56px;display:grid}.practice .flag-text{flex-direction:column;gap:16px;min-width:0;display:flex}.practice .flag-tag{font:700 13.5px/1 var(--sans);color:var(--n-900)}.practice .flag-box h2{font:700 clamp(24px,2.4vw,30px)/1.2 var(--sans);letter-spacing:-.02em;color:var(--n-900)}.practice .flag-box p{color:var(--n-900);max-width:60ch;font-size:16px}.practice .flag-box .action{margin-top:12px}.practice .flag-box .flag-icon{place-self:center;width:200px;height:200px}.practice .flag-icon .c-go{fill:var(--g-400)}.practice .flag-box:hover .card-icon rect{transform:translate(var(--bx),var(--by)) rotate(0deg) scale(var(--bs))}.practice .areas{padding-block:24px 96px}.practice .area-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 40px;margin-top:48px;display:grid}.practice .area{grid-row:span 4;grid-template-rows:subgrid;align-content:start;row-gap:12px;min-width:0;display:grid;position:relative}.practice .count{width:60px;height:12px;margin-bottom:6px;display:block}.practice .count rect{fill:var(--n-900)}.practice .area+.area:before{content:"";background:var(--line);width:1px;height:80%;position:absolute;top:10%;left:-20px}.practice .area h3{font:700 18px/1.3 var(--sans);letter-spacing:-.01em}.practice .area p{color:var(--muted);font-size:15px}.practice .area .win{color:var(--ink);flex-direction:column;gap:12px;padding-top:10px;font-size:15px;display:flex}.practice .ba{background:var(--band)}.practice .ba-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:72px 112px;display:grid}.practice .ba-col{flex-direction:column;gap:16px;min-width:0;display:flex;position:relative}.practice .ba-col+.ba-col:before{content:"";background:var(--n-300);width:1px;height:90%;position:absolute;top:5%;left:-56px}.practice .ba h2{font:400 clamp(26px,2.6vw,34px)/1.15 var(--sans);letter-spacing:-.025em;margin-bottom:4px}.practice .ba .body-p{color:var(--muted);max-width:56ch;font-size:16px}.practice .ba-lead{font:500 20px/1.4 var(--sans);color:var(--ink)}.practice .ba .win{flex-direction:column;gap:12px;max-width:30ch;margin-top:12px;font-size:18px;display:flex}.practice .close{background:var(--n-900);color:var(--text)}.practice .close.sec{padding-block:120px 260px}.practice .close-grid{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:center;gap:40px 64px;display:grid}.practice .close h2{font:400 clamp(32px,3.6vw,48px)/1.1 var(--sans);letter-spacing:-.03em}.practice .close .lede{color:var(--muted);margin-top:16px}.practice .close .action{justify-self:end}.practice footer{color:var(--n-400);background:var(--n-900);font-size:13px}.practice footer a{color:var(--n-300)}.practice main .card-icon{flex:none;width:48px;height:48px;margin:0;display:block;overflow:visible}.practice main .card-icon rect{transform-box:fill-box;transform-origin:50%;transform:translate(var(--ax),var(--ay)) rotate(var(--ar)) scale(var(--as));transition:transform .6s cubic-bezier(.2,.8,.2,1) calc(var(--i)*35ms),fill .25s ease calc(var(--i)*35ms + .3s),opacity .3s ease}.practice .area:hover .card-icon rect,.practice .is-resolved .card-icon rect{transform:translate(var(--bx),var(--by)) rotate(0deg) scale(var(--bs))}.practice main .c-t1{fill:var(--n-300)}.practice main .c-t2{fill:var(--n-500)}.practice main .c-ink{fill:var(--n-900)}.practice main .c-key{fill:var(--r-500)}.practice main .c-go{fill:var(--g-400)}.practice main .c-lift{fill:var(--n-400)}.practice .area:hover .c-lift,.practice main .is-resolved .c-lift{fill:var(--n-900)}.practice main .c-grow{fill:var(--n-900);opacity:0}.practice .area:hover .c-grow,.practice main .is-resolved .c-grow{opacity:1}.practice main .c-out{fill:#0000;stroke:var(--n-500);stroke-width:1.2px;transition:fill .3s,stroke .3s}.practice .area:hover .c-out,.practice main .is-resolved .c-out{fill:var(--n-900);stroke:var(--n-900)}.practice .area:hover .c-key{fill:var(--g-400)}@media (width<=1024px){.practice .area-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:56px}.practice .area:nth-child(odd):before{display:none}.practice .area+.area:before{left:-28px}.practice .area:nth-child(n+3){margin-top:48px}.practice .flag-box{padding:40px}}@media (width<=760px){.practice .sec{padding-block:64px}.practice .hero{padding-block:24px 56px}.practice .hero-grid,.practice .flag-box,.practice .ba-grid,.practice .close-grid,.practice .area-grid{grid-template-columns:1fr}.practice .figs{border-left:0;gap:36px;padding-left:0}.practice .takeout{margin-top:56px;padding-left:22px}.practice .flagship,.practice .areas{padding-bottom:64px}.practice .flag-box{margin-inline:calc(-1 * var(--gut));padding:32px 20px}.practice .flag-box .flag-icon{justify-self:start;width:140px;height:140px}.practice .area:nth-child(n+2){margin-top:44px}.practice .area+.area:before,.practice .area:nth-child(odd):before{width:auto;height:1px;display:block;top:-22px;left:0;right:0}.practice .ba-grid{row-gap:72px}.practice .ba-col+.ba-col:before{width:auto;height:1px;top:-36px;left:0;right:0}.practice .close .action{justify-self:start}.practice .close.sec{padding-block:72px 180px}}.practice main .card-icon .c-lift,.practice main .card-icon .c-grow{transition:transform .6s cubic-bezier(.2,.8,.2,1) calc(var(--i)*35ms),fill .25s ease calc(var(--i)*35ms + .3s),opacity .3s ease!important}@media (prefers-reduced-motion:reduce){.practice .btn{transition:none}.practice main .card-icon rect,.practice main .card-icon .c-lift,.practice main .card-icon .c-grow{transition:none!important}}.practice .rail{z-index:5;pointer-events:none;display:block;position:fixed}.practice .traveler{z-index:40;background:var(--g-400);pointer-events:none;opacity:0;will-change:transform,width,height;width:10px;height:10px;position:fixed;top:0;left:0}body.practice .hero-grid{grid-template-areas:"text figs""take figs";row-gap:40px}body.practice .hero-text{grid-area:text}body.practice .figs{grid-area:figs}body.practice .hero .takeout{grid-area:take;align-self:end;margin-top:0}body.practice .hero{padding-block:32px 48px}body.practice .flagship{padding-block:0 64px}body.practice .areas{padding-block:0 72px}body.practice .close.sec{padding-block:88px}body.practice .ba.sec{padding-block:72px}body.practice .ba h2.kicker{font:700 16px/1.3 var(--sans);letter-spacing:0;margin-bottom:0}@media (width<=760px){body.practice .hero{padding-block:20px 40px}body.practice .hero-grid{grid-template-areas:"text""figs""take";row-gap:40px}body.practice .hero .takeout{align-self:start}body.practice .flagship,body.practice .areas{padding-bottom:48px}body.practice .ba.sec{padding-block:48px}body.practice .close.sec{padding-block:56px}}
