.pat{--pat-ease:cubic-bezier(.2, .7, .2, 1);background-color:var(--color-coal);color:#fff;padding:calc(140px * var(--vs)) 60px calc(150px * var(--vs));justify-content:center;width:100%;display:flex}.pat-in{row-gap:calc(60px * var(--vs));flex-direction:column;width:100%;max-width:1320px;display:flex}.pat-head{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:end;column-gap:80px;display:grid}.pat-head-l{flex-direction:column;row-gap:20px;display:flex}.pat-eyebrow{font-family:var(--font-sans);letter-spacing:3px;text-transform:uppercase;color:#fff9;margin:0;font-size:10px;font-weight:500;line-height:10px}.pat-title{letter-spacing:-.56px;color:#fff;text-wrap:balance;max-width:560px;margin:0;font-size:56px;font-weight:400;line-height:1.02}.pat-head-r{flex-direction:column;align-items:flex-start;row-gap:22px;padding-bottom:4px;display:flex}.pat-lede{max-width:580px;font-family:var(--font-sans);color:#ffffffa8;margin:0;font-size:16px;line-height:24px}.pat-all{font-family:var(--font-sans);color:#fff;transition:background-size .7s var(--pat-ease);background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;align-items:center;column-gap:8px;padding-bottom:3px;font-size:14px;line-height:20px;text-decoration:none;display:inline-flex}.pat-all svg{transition:transform .7s var(--pat-ease)}.pat-all:hover{background-position:100% 100%;background-size:0% 1px}.pat-all:hover svg{transform:translate(3px)}.pat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.pat-card{isolation:isolate;aspect-ratio:1;color:#fff;-webkit-tap-highlight-color:transparent;background:#1c1d20;border-radius:16px;flex-direction:column;justify-content:space-between;padding:28px;text-decoration:none;display:flex;position:relative;overflow:hidden}.pat-img{z-index:-2;object-fit:cover;filter:brightness(.82)saturate(.95);width:100%;height:100%;transition:transform 1.1s var(--pat-ease), filter .8s var(--pat-ease);position:absolute;inset:0;transform:scale(1.001)}.pat-shade{z-index:-1;background:linear-gradient(#0a0a0c59 0%,#0a0a0c00 26% 38%,#0a0a0cb8 70%,#0a0a0ceb 100%);position:absolute;inset:0}.pat-top{justify-content:space-between;align-items:center;display:flex}.pat-chip{font-family:var(--font-sans);color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1f;border:1px solid #ffffff29;border-radius:100px;align-items:center;column-gap:8px;padding:7px 12px;font-size:12px;line-height:16px;display:inline-flex}.pat-idx{font-family:var(--font-sans);letter-spacing:1px;color:#fff9;font-size:12px}.pat-body{flex-direction:column;row-gap:12px;display:flex}.pat-name{font-family:var(--font-display);letter-spacing:-1px;font-size:52px;line-height:1}.pat-desc{max-width:380px;font-family:var(--font-sans);color:#ffffffc7;font-size:16px;line-height:24px}.pat-rule{transform-origin:0;background:#ffffff2e;height:1px;margin:10px 0 6px;display:block}.pat-foot{justify-content:space-between;align-items:flex-end;column-gap:24px;display:flex}.pat-stat{align-items:flex-end;column-gap:14px;min-width:0;display:flex}.pat-num{font-family:var(--font-display);letter-spacing:-.8px;white-space:nowrap;font-size:40px;line-height:.9}.pat-note{max-width:190px;font-family:var(--font-sans);color:#ffffff9e;font-size:12px;line-height:16px}.pat-go{font-family:var(--font-sans);flex-shrink:0;align-items:center;column-gap:12px;font-size:14px;line-height:20px;display:inline-flex}.pat-go-dot{color:#fff;width:40px;height:40px;transition:background-color .7s var(--pat-ease), color .7s var(--pat-ease), border-color .7s var(--pat-ease);border:1px solid #ffffff59;border-radius:100px;justify-content:center;align-items:center;display:inline-flex}.pat-go-dot svg{transition:transform .7s var(--pat-ease)}@media (hover:hover){.pat-card:hover .pat-img{filter:brightness(.9)saturate();transform:scale(1.05)}.pat-card:hover .pat-go-dot{color:var(--color-coal);background:#fff;border-color:#fff}.pat-card:hover .pat-go-dot svg{transform:translate(2px)}}.pat-card:active .pat-go-dot{color:var(--color-coal);background:#fff}.pat-card:focus-visible{outline-offset:3px;outline:2px solid #fff}@media (max-width:1180px){.pat-go-label{display:none}.pat-name{font-size:44px}}@media (max-width:809.98px){.pat{padding:calc(90px * var(--vs)) 15px calc(100px * var(--vs))}.pat-in{row-gap:36px}.pat-head{grid-template-columns:minmax(0,1fr);row-gap:18px;padding:0 5px}.pat-head-l{row-gap:16px}.pat-title{letter-spacing:-.4px;font-size:min(40px,10.2vw);line-height:1.04}.pat-head-r{row-gap:18px}.pat-lede{font-size:15px;line-height:23px}.pat-grid{grid-template-columns:minmax(0,1fr);gap:12px}.pat-card{aspect-ratio:auto;min-height:min(560px,132vw);padding:20px}.pat-name{font-size:40px}.pat-desc{font-size:15px;line-height:22px}.pat-num{font-size:34px}.pat-note{max-width:170px}}@media (min-width:600px) and (max-width:809.98px){.pat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pat-note{display:none}}@media (prefers-reduced-motion:reduce){.pat-img,.pat-go-dot,.pat-go-dot svg,.pat-all,.pat-all svg{transition:none}}
