:is(main.page-courses,main.page-course) .tiles{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;align-items:stretch;gap:clamp(24px,2.4vw,40px);display:grid}@media (max-width:1023px){:is(main.page-courses,main.page-course) .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){:is(main.page-courses,main.page-course) .tiles{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;gap:24px}}:is(main.page-courses,main.page-course) .ct{min-width:0;height:100%;color:inherit;border:1px solid var(--silver);border-radius:var(--r);background:var(--paper);transition:border-color .2s,transform .25s var(--ease,ease),box-shadow .25s;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}:is(main.page-courses,main.page-course) .ct:hover{border-color:var(--navy);transform:translateY(-3px);box-shadow:0 14px 32px -22px #0f172a59}:is(main.page-courses,main.page-course) .ct:focus-visible{outline:2px solid var(--blue);outline-offset:3px}:is(main.page-courses,main.page-course) .ct-photo{aspect-ratio:1200/896;background:var(--foam);flex:none;width:100%;position:relative;overflow:hidden}:is(main.page-courses,main.page-course) .ct-photo img{object-fit:cover;transition:transform .5s var(--ease,ease)}:is(main.page-courses,main.page-course) .ct:hover .ct-photo img{transform:scale(1.015)}:is(main.page-courses,main.page-course) .ct-body{text-align:center;flex-direction:column;flex:auto;align-items:center;gap:12px;padding:clamp(20px,1.8vw,26px) clamp(18px,1.8vw,26px) clamp(18px,1.6vw,22px);display:flex}:is(main.page-courses,main.page-course) .ct-subj{background:var(--subj,var(--shallows));min-height:26px;color:var(--navy);border-radius:999px;align-items:center;padding:3px 12px;font-size:13.5px;font-weight:500;line-height:1.25;display:inline-flex}:is(main.page-courses,main.page-course) .subj-foundations{--subj:var(--shallows)}:is(main.page-courses,main.page-course) .subj-build{--subj:var(--sage)}:is(main.page-courses,main.page-course) .subj-role{--subj:var(--sand)}:is(main.page-courses,main.page-course) .subj-skills{--subj:var(--lilac)}:is(main.page-courses,main.page-course) .subj-templates{--subj:var(--dawn)}:is(main.page-courses,main.page-course) .subj-mindset{--subj:var(--blush)}:is(main.page-courses,main.page-course) .ct h3{max-width:22ch;font-family:var(--display);letter-spacing:-.01em;color:var(--navy);overflow-wrap:break-word;text-wrap:balance;margin:0;font-size:clamp(22px,1.9vw,28px);font-weight:600;line-height:1.15}:is(main.page-courses,main.page-course) .ct:hover h3{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--blue);text-decoration-color:var(--blue)}:is(main.page-courses,main.page-course) .ct p{max-width:36ch;color:var(--slate);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:15.5px;line-height:1.5;display:-webkit-box;overflow:hidden}:is(main.page-courses,main.page-course) .ct-meta{color:var(--slate);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 12px;margin-top:auto;padding-top:8px;font-size:14px;line-height:1.4;display:flex}:is(main.page-courses,main.page-course) .ct-start{color:var(--blue);font-weight:600}@media (prefers-reduced-motion:reduce){:is(main.page-courses,main.page-course) .ct,:is(main.page-courses,main.page-course) .ct-photo img{transition:none}:is(main.page-courses,main.page-course) .ct:hover,:is(main.page-courses,main.page-course) .ct:hover .ct-photo img{transform:none}}
