.page-hero.svelte-1utybp{padding-block:clamp(3rem,9vw,6rem) clamp(2rem,5vw,3rem)}.page-hero.svelte-1utybp .lead:where(.svelte-1utybp){max-width:66ch}.principle-grid.svelte-1utybp{padding-bottom:clamp(4rem,8vw,6.5rem)}.principle.svelte-1utybp{flex-direction:column;height:100%;display:flex}.head.svelte-1utybp{justify-content:space-between;align-items:center;display:flex}.letter.svelte-1utybp{font-family:var(--font-display);color:color-mix(in srgb, var(--principle-color) 12%, transparent);text-transform:uppercase;font-size:3.5rem;font-weight:700;line-height:1}.principle.svelte-1utybp h2:where(.svelte-1utybp){text-transform:capitalize;font-size:1.8rem}.principle.svelte-1utybp p:where(.svelte-1utybp){flex:1}.read-more.svelte-1utybp{color:var(--principle-color);align-items:center;gap:.4rem;font-size:.9rem;font-weight:600;display:inline-flex}.jump-icon.svelte-1utybp{transition:transform .3s var(--ease);display:inline-flex;transform:rotate(90deg)}.principle.svelte-1utybp:hover .jump-icon:where(.svelte-1utybp){transform:translateY(.2rem)rotate(90deg)}.principle-details.svelte-1utybp{padding-bottom:clamp(4rem,9vw,8rem);position:relative}.detail-intro.svelte-1utybp{max-width:46rem;margin-bottom:clamp(2rem,5vw,4rem)}.detail-intro.svelte-1utybp h2:where(.svelte-1utybp){margin-bottom:.75rem}.detail-intro.svelte-1utybp .lead:where(.svelte-1utybp){margin-bottom:0}.principle-detail.svelte-1utybp{isolation:isolate;border:1px solid color-mix(in srgb, var(--principle-color) 24%, var(--border));border-radius:var(--radius-lg);background:radial-gradient(circle at 4% 0%, color-mix(in srgb, var(--principle-color) 9%, transparent), transparent 28rem), linear-gradient(145deg, var(--panel-bg-strong), var(--panel-bg));box-shadow:var(--card-shadow), 0 24px 60px -48px color-mix(in srgb, var(--principle-color) 44%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);margin-bottom:clamp(1.5rem,3vw,2.5rem);padding:clamp(1.5rem,4.5vw,4rem);scroll-margin-top:7rem;position:relative;overflow:hidden}.principle-detail.svelte-1utybp:before{content:"";background:linear-gradient(90deg, var(--principle-color), transparent);width:clamp(4rem,12vw,8rem);height:2px;position:absolute;top:0;left:clamp(1.5rem,4.5vw,4rem)}.detail-layout.svelte-1utybp{display:block}.detail-head.svelte-1utybp{border-bottom:1px solid color-mix(in srgb, var(--principle-color) 18%, var(--border));grid-template-columns:4rem minmax(0,1fr);align-items:start;gap:clamp(1.25rem,3vw,2.5rem);margin-bottom:clamp(2rem,4vw,3rem);padding-bottom:clamp(2rem,4vw,3rem);display:grid}.detail-meta.svelte-1utybp{flex-direction:column;align-items:center;gap:.75rem;display:flex}.detail-number.svelte-1utybp{font-family:var(--font-mono);letter-spacing:.16em;color:var(--principle-color);font-size:.75rem;font-weight:600}.icon-badge.big.svelte-1utybp{width:3.75rem;height:3.75rem}.detail-heading.svelte-1utybp h2:where(.svelte-1utybp){text-transform:capitalize;margin-bottom:.8rem;font-size:clamp(2.35rem,4.5vw,3.75rem)}.detail-tagline.svelte-1utybp{max-width:30rem;color:var(--text-muted);margin:0;font-size:clamp(1rem,1.5vw,1.15rem)}.detail-prose.svelte-1utybp{max-width:78ch;color:color-mix(in srgb, var(--text-muted) 84%, var(--text));margin-inline:auto;font-size:clamp(1rem,1.25vw,1.08rem);line-height:1.85}.principle-detail.svelte-1utybp .detail-prose>:first-child{margin-top:0}.principle-detail.svelte-1utybp .detail-prose h3{color:var(--text);margin-top:2.2em;margin-bottom:.65em}.principle-detail.svelte-1utybp .detail-prose p{margin-bottom:1.35em}.principle-detail.svelte-1utybp .detail-prose ul,.principle-detail.svelte-1utybp .detail-prose ol{margin-block:1.5em;padding-left:1.45em}.principle-detail.svelte-1utybp .detail-prose li{margin-bottom:.75em;padding-left:.2em}.principle-detail.svelte-1utybp .detail-prose li::marker{color:var(--principle-color)}@media (width<=800px){.detail-head.svelte-1utybp{grid-template-columns:3.75rem minmax(0,1fr)}}@media (width<=600px){.principle-grid.svelte-1utybp{padding-bottom:3.5rem}.principle-detail.svelte-1utybp{border-radius:var(--radius);padding:1.5rem;scroll-margin-top:5.5rem}.detail-head.svelte-1utybp{grid-template-columns:1fr;gap:1.25rem;margin-bottom:1.75rem;padding-bottom:1.75rem}.detail-meta.svelte-1utybp{flex-direction:row;justify-content:flex-start}.detail-heading.svelte-1utybp h2:where(.svelte-1utybp){font-size:clamp(2.2rem,13vw,3.1rem)}.detail-prose.svelte-1utybp{font-size:1rem;line-height:1.78}}
