.principle.svelte-1f897x5{grid-column:span 2;padding:20px;background:#fff;border-radius:24px;box-shadow:0 20px 80px -20px #101a3233;min-width:0;display:flex;min-height:671px}.principle-1.svelte-1f897x5,.principle-2.svelte-1f897x5{grid-column:span 3;min-height:473px}.principle-copy.svelte-1f897x5{position:relative;min-width:0;display:flex;flex-direction:column;width:100%}.number.svelte-1f897x5{width:56px;height:56px;border-radius:100%;background:#f2f5f9;display:flex;align-items:center;justify-content:center;color:#0f172a;font-size:30px;font-weight:300;flex-shrink:0;font-family:SB Sans Display,sans-serif;line-height:36px;letter-spacing:-.7px}.principle-art.svelte-1f897x5{width:150px;height:150px;position:absolute;right:0;top:0;background:var( --card-art-background, linear-gradient(90.65deg, #d8f1f6 2.23%, #caf5e1 99.91%) );border-radius:24px;padding:0;display:flex;align-items:center;justify-content:center;isolation:isolate}.principle.svelte-1f897x5 h3:where(.svelte-1f897x5){font-size:30px;font-weight:300;line-height:1.2;letter-spacing:-.7px;margin:126px 0 16px}.principle-1.svelte-1f897x5 h3:where(.svelte-1f897x5){padding-right:0;margin-top:32px;min-height:108px;width:336px;max-width:calc(100% - 166px)}.principle.svelte-1f897x5 p:where(.svelte-1f897x5){font-size:16px;line-height:24px;color:#475569;margin-bottom:0}.tags.svelte-1f897x5{list-style:none;display:flex;flex-wrap:wrap;gap:9px;padding:0;margin:auto 0 0;font-size:14px;line-height:22px}.tags.svelte-1f897x5 li:where(.svelte-1f897x5){padding:6px 12px 6px 10px;border-radius:100px;background:var(--card-tag-background, #ecfdf5);color:var(--card-accent, #009f6e);display:flex;gap:6px;align-items:center}.principle-1.svelte-1f897x5 .tags:where(.svelte-1f897x5) li:where(.svelte-1f897x5){background:#f2f5f9;color:#1e293b}.principle-2.svelte-1f897x5{gap:16px}.principle-2.svelte-1f897x5 .principle-copy:where(.svelte-1f897x5){flex:1}.principle-2.svelte-1f897x5 h3:where(.svelte-1f897x5){margin-top:32px}.dark.svelte-1f897x5{background:#0f172a;color:#fff}.dark.svelte-1f897x5 .number:where(.svelte-1f897x5){background:#475569;color:#fff}.dark.svelte-1f897x5 .principle-art:where(.svelte-1f897x5){background:#009f6e33}.dark.svelte-1f897x5 p:where(.svelte-1f897x5){color:#cbd5e1}.dark.svelte-1f897x5 .tags:where(.svelte-1f897x5) li:where(.svelte-1f897x5){background:#073936;color:#34d399}.principle-art.svelte-1f897x5 img:where(.svelte-1f897x5){position:relative;z-index:1;display:block;flex-shrink:0;width:94%;height:90.6667%;object-fit:contain}.principle-art.svelte-1f897x5:before,.principle-art.svelte-1f897x5:after{position:absolute;z-index:0;pointer-events:none;width:64%;height:64%;filter:blur(17px)}.principle-art.svelte-1f897x5:before{content:"";left:22.6667%;top:30%;background:#064e3b7f}.principle-3.svelte-1f897x5 .principle-art:where(.svelte-1f897x5):before{left:20.6667%;top:34.6667%}.principle-4.svelte-1f897x5 .principle-art:where(.svelte-1f897x5):after{content:"";left:20.6667%;top:34.6667%;background:#009f5833}.principle-5.svelte-1f897x5 .principle-art:where(.svelte-1f897x5):before{left:22%;top:31.3333%}.principle-3.svelte-1f897x5 .principle-art:where(.svelte-1f897x5) img:where(.svelte-1f897x5){width:84%;height:84%}.principle-4.svelte-1f897x5 .principle-art:where(.svelte-1f897x5) img:where(.svelte-1f897x5){width:92%;height:92%}.principle-5.svelte-1f897x5 .principle-art:where(.svelte-1f897x5) img:where(.svelte-1f897x5){width:90.6667%;height:88%}@media(max-width:1100px){.principle.svelte-1f897x5 h3:where(.svelte-1f897x5){font-size:25px}.principle-1.svelte-1f897x5 h3:where(.svelte-1f897x5){padding-right:136px}.principle-art.svelte-1f897x5{width:120px;height:120px}.principle-2.svelte-1f897x5{gap:16px;flex-direction:column}.principle.svelte-1f897x5 .tags:where(.svelte-1f897x5) li:where(.svelte-1f897x5){padding:6px 9px;font-size:12px}}@media(max-width:800px){.principle.svelte-1f897x5{grid-column:span 1}.principle-1.svelte-1f897x5,.principle-2.svelte-1f897x5{grid-column:span 2;min-height:420px}.principle-5.svelte-1f897x5{grid-column:span 2}.principle.svelte-1f897x5 h3:where(.svelte-1f897x5){font-size:28px}.principle-1.svelte-1f897x5 h3:where(.svelte-1f897x5){max-width:80%}.principle-1.svelte-1f897x5 .principle-art:where(.svelte-1f897x5){width:150px;height:150px}.principle-5.svelte-1f897x5 h3:where(.svelte-1f897x5){margin-top:40px;padding-right:130px}}@media(max-width:540px){.principle.svelte-1f897x5{grid-column:1;min-height:0;padding:20px}.principle.svelte-1f897x5 h3:where(.svelte-1f897x5){font-size:28px;margin-top:110px}.principle-1.svelte-1f897x5 h3:where(.svelte-1f897x5){max-width:none;padding-right:0;margin-top:110px}.principle-art.svelte-1f897x5{width:130px;height:130px}.principle-1.svelte-1f897x5 .principle-art:where(.svelte-1f897x5){width:130px;height:130px}.principle-2.svelte-1f897x5{flex-direction:column}.principle-2.svelte-1f897x5 h3:where(.svelte-1f897x5){margin-top:28px}.principle-5.svelte-1f897x5 h3:where(.svelte-1f897x5){padding-right:0;margin-top:110px}.principle.svelte-1f897x5 p:where(.svelte-1f897x5){font-size:15px;line-height:24px}.tags.svelte-1f897x5{margin-top:8px}}.principle-1.svelte-1f897x5 p:where(.svelte-1f897x5){max-width:408px}@media(max-width:1100px){.principle-1.svelte-1f897x5,.principle-2.svelte-1f897x5{min-height:473px}.principle-1.svelte-1f897x5 h3:where(.svelte-1f897x5){width:auto;max-width:none;padding-right:136px}.principle-1.svelte-1f897x5 p:where(.svelte-1f897x5){max-width:none}}@media(max-width:800px){.principle.svelte-1f897x5{min-height:0}.principle-1.svelte-1f897x5 h3:where(.svelte-1f897x5){max-width:80%}}@media(max-width:540px){.principle-1.svelte-1f897x5 h3:where(.svelte-1f897x5){max-width:none;width:auto;padding-right:0}}.blue.svelte-1f897x5{--card-accent: #0275c7;--card-tag-background: #eff8ff;--card-art-background: #e0f2fe}.principle.compact.svelte-1f897x5{grid-column:auto;min-height:380px;gap:0}.compact.svelte-1f897x5 .principle-copy:where(.svelte-1f897x5){flex:auto}.compact.svelte-1f897x5 h3:where(.svelte-1f897x5){padding-right:0;margin:126px 0 16px;width:auto;max-width:none;min-height:0;font-size:30px;line-height:1.2;letter-spacing:-.7px;color:#0f172a}.principle.detail.svelte-1f897x5{min-height:0;padding:28px;background:#f2f5f9;box-shadow:none}.detail.svelte-1f897x5 .number:where(.svelte-1f897x5){background:#e0f2fe;color:#0275c7}.detail.svelte-1f897x5 h3:where(.svelte-1f897x5){margin:24px 0 12px;padding:0;width:auto;max-width:none;min-height:0;font-size:30px;line-height:1.2}.detail.svelte-1f897x5 p:where(.svelte-1f897x5){max-width:none}