@font-face{font-family:ibmPlexSansCondensed;src:url(/_next/static/media/f42fe7be69e6fae0-s.p.woff2) format("woff2");font-display:swap;font-weight:300;font-style:normal}@font-face{font-family:ibmPlexSansCondensed;src:url(/_next/static/media/bdc88bed9ab4e413-s.p.woff2) format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:ibmPlexSansCondensed;src:url(/_next/static/media/f0197be62223ddcb-s.p.woff2) format("woff2");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:ibmPlexSansCondensed;src:url(/_next/static/media/1c626168cca93b06-s.p.woff2) format("woff2");font-display:swap;font-weight:600;font-style:normal}@font-face{font-family:ibmPlexSansCondensed Fallback;src:local("Arial");ascent-override:112.17%;descent-override:30.10%;line-gap-override:0.00%;size-adjust:91.38%}.__className_19eec5{font-family:ibmPlexSansCondensed,ibmPlexSansCondensed Fallback}.__variable_19eec5{--font-heading:"ibmPlexSansCondensed","ibmPlexSansCondensed Fallback"}@font-face{font-family:inter;src:url(/_next/static/media/8e9094d388cba418-s.p.woff2) format("woff2");font-display:swap;font-weight:300;font-style:normal}@font-face{font-family:inter;src:url(/_next/static/media/34ba43c981b106ea-s.p.woff2) format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:inter;src:url(/_next/static/media/ea234620f9e86969-s.p.woff2) format("woff2");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:inter;src:url(/_next/static/media/95439fb45e443721-s.p.woff2) format("woff2");font-display:swap;font-weight:600;font-style:normal}@font-face{font-family:inter;src:url(/_next/static/media/a1aac96ebeb85566-s.p.woff2) format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:inter Fallback;src:local("Arial");ascent-override:89.79%;descent-override:22.36%;line-gap-override:0.00%;size-adjust:107.89%}.__className_d6b9a3{font-family:inter,inter Fallback}.__variable_d6b9a3{--font-base:"inter","inter Fallback"}:root{--font-family-base:var(--font-base),-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--font-family-heading:var(--font-heading),-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--font-size-display-1:clamp(4rem,10vw,8rem);--font-size-display-2:clamp(3rem,8vw,6rem);--font-size-display-3:clamp(2.5rem,6vw,4.5rem);--font-size-h1:clamp(2rem,5vw,3.5rem);--font-size-h2:clamp(1.75rem,4vw,2.5rem);--font-size-h3:clamp(1.5rem,3vw,2rem);--font-size-h4:clamp(1.25rem,2.5vw,1.75rem);--font-size-h5:clamp(1.125rem,2vw,1.5rem);--font-size-h6:clamp(1rem,1.5vw,1.25rem);--font-size-intro:clamp(1.625rem,2vw + 1.25rem,1.875rem);--font-size-body-xl:clamp(1.5rem,1.5vw + 1.125rem,1.625rem);--font-size-body-lg:clamp(1.375rem,1vw + 1.1875rem,1.5rem);--font-size-body:clamp(1.125rem,0.5vw + 1rem,1.25rem);--font-size-body-sm:clamp(1rem,0.25vw + 0.9375rem,1.125rem);--font-size-caption:clamp(0.9375rem,0.15vw + 0.9rem,1rem);--font-size-label:clamp(0.875rem,0.1vw + 0.85rem,0.9375rem);--font-size-badge:0.6875rem;--font-size-badge-large:0.75rem;--font-size-xs:var(--font-size-label);--font-size-sm:var(--font-size-caption);--font-size-base:var(--font-size-body);--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-size-3xl:2.5rem;--font-size-5xl:4rem;--font-size-hero-main:var(--font-size-display-2);--font-size-hero-sub:clamp(1.25rem,2vw,1.5rem);--font-size-section-hero:var(--font-size-display-3);--font-size-section-lead:clamp(1.25rem,2vw,1.5rem);--font-size-section-large:clamp(2.5rem,6vw,4rem);--font-size-content-large:var(--font-size-h3);--font-size-content-medium:var(--font-size-body-lg);--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--line-height-display:1;--line-height-tight:1.2;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-body:1.6;--line-height-relaxed:1.65;--line-height-loose:1.7;--letter-spacing-tight:-0.02em;--letter-spacing-normal:0em;--letter-spacing-wide:0.02em;--letter-spacing-wider:0.05em;--letter-spacing-tighter:-0.05em;--letter-spacing-widest:0.1em;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-9:2.25rem;--space-10:2.5rem;--space-11:2.75rem;--space-12:3rem;--space-13:3.25rem;--space-15:3.75rem;--space-16:4rem;--space-19:4.75rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--spacing-section-gap:var(--space-16);--spacing-subsection-gap:var(--space-12);--spacing-component-gap:var(--space-8);--spacing-element-gap:var(--space-6);--spacing-tight-gap:var(--space-4);--spacing-minimal-gap:var(--space-2);--spacing-card-gap:var(--space-8);--padding-section-y:clamp(3rem,8vh,6rem);--padding-section-y-large:clamp(4rem,12vh,8rem);--padding-section-y-hero:clamp(10rem,15vh,12rem);--padding-section-y-small:clamp(4rem,8vh,6rem);--padding-hero-top:clamp(140px,18vh,200px);--padding-container-x:clamp(1rem,5vw,4rem);--padding-container-x-medium:clamp(1.5rem,4vw,3rem);--padding-container-x-small:clamp(1rem,3vw,2rem);--padding-card:clamp(2rem,4vw,3rem);--spacing-major:clamp(100px,15vh,160px);--spacing-minor:clamp(80px,12vh,120px);--spacing-component:clamp(60px,10vh,100px);--text-on-overlay-dark:#ffffff;--text-on-overlay-light:#000000;--color-transparent:transparent;--accent-primary:#7C3AED;--accent-hover:#5322A7;--accent-subtle:rgba(124,58,237,0.05);--color-primary:var(--accent-primary);--success-primary:#10b981;--error-primary:#dc2626;--warning-primary:#f59e0b;--success-border:#b9f8cf;--success-text:#008236;--text-success:#059669;--text-warning:#d97706;--text-error:#dc2626;--status-planned-border:#bedbff;--status-planned-text:#1447e6;--status-development-border:#e9d4ff;--status-development-text:#8200db;--difficulty-beginner:#6A9A1F;--difficulty-intermediate:#C89F00;--difficulty-advanced:#D85C1A;--difficulty-beginner-bg:rgba(106,154,31,0.1);--difficulty-intermediate-bg:rgba(200,159,0,0.1);--difficulty-advanced-bg:rgba(216,92,26,0.1);--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 2px 8px rgba(0,0,0,0.08);--shadow-lg:0 8px 24px rgba(0,0,0,0.12);--shadow-xl:0 16px 48px rgba(0,0,0,0.16);--card-shadow:var(--shadow-sm);--card-shadow-hover:var(--shadow-xl);--header-shadow-scrolled:0px 4px 16px 0px rgba(0,0,0,0.12),0px 8px 24px 0px rgba(0,0,0,0.08);--header-shadow-hover:0px 6px 20px 0px rgba(0,0,0,0.15),0px 12px 32px 0px rgba(0,0,0,0.1);--radius-none:0px;--radius-xs:0px;--radius-sm:0px;--radius-md:0px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:0px;--radius-3xl:0px;--radius-full:9999px;--radius-circle:50%;--container-text:62.5rem;--container-content:1440px;--container-max-width-xl:1440px;--container-compact:800px;--card-border-radius:var(--radius-xl);--card-border-width:2px;--card-padding:1.25rem;--badge-border-radius:var(--radius-full);--badge-font-size:0.875rem;--badge-font-weight:500;--badge-padding-y:0.375rem;--badge-padding-x:0.875rem;--badge-letter-spacing:0.01em;--badge-text-transform:none;--font-size-button-primary:1rem;--font-size-button-secondary:0.875rem;--card-transition-duration:300ms;--card-transition-easing:ease-in-out;--description-font-size:0.9375rem;--description-line-height:1.6;--part-color:#8B5ED9;--surface-base:var(--background-primary);--surface-raised:var(--background-secondary);--surface-floating:var(--background-tertiary);--surface-overlay:rgba(26,26,26,0.6);--surface-inverse:var(--background-inverse);--surface-border:var(--border-primary);--surface-divider:var(--border-secondary);--button-primary-background:var(--accent-primary);--button-primary-text:var(--accent-contrast);--button-primary-hover:var(--accent-hover);--button-primary-active:var(--accent-active);--button-secondary-background:transparent;--button-secondary-text:var(--accent-primary);--button-secondary-border:var(--accent-primary);--button-secondary-hover:var(--accent-subtle);--button-ghost-text:var(--text-secondary);--button-ghost-hover:var(--background-secondary);--button-disabled-background:var(--accent-disabled);--button-disabled-text:var(--text-disabled);--button-disabled-border:var(--border-secondary);--card-background:var(--surface-raised);--card-border:var(--border-primary);--card-text:var(--text-primary);--card-text-secondary:var(--text-secondary);--card-heading:var(--text-primary);--card-border-hover:var(--accent-primary);--card-border-radius:var(--radius-sm);--input-background:var(--background-primary);--input-border:var(--border-primary);--input-text:var(--text-primary);--input-placeholder:var(--text-tertiary);--input-focus-border:var(--accent-primary);--input-focus-ring:rgba(124,58,237,0.15);--input-focus-background:var(--background-primary);--input-error-border:var(--error-primary);--input-error-text:var(--text-error);--input-error-background:rgba(220,38,38,0.05);--input-success-border:var(--success-primary);--input-success-text:var(--text-success);--input-success-background:rgba(16,185,129,0.05);--input-disabled-background:var(--background-secondary);--input-disabled-border:var(--border-secondary);--input-disabled-text:var(--text-disabled);--input-label-text:var(--text-secondary);--link-text:var(--accent-primary);--link-hover:var(--accent-hover);--link-active:var(--accent-active);--link-visited:var(--text-tertiary);--link-disabled:var(--text-disabled);--link-underline:var(--accent-primary);--state-hover-background:var(--background-secondary);--state-hover-border:var(--accent-primary);--state-hover-text:var(--text-primary);--state-focus-ring:rgba(124,58,237,0.15);--state-focus-border:var(--accent-primary);--state-focus-background:var(--background-primary);--state-active-background:var(--accent-active);--state-active-border:var(--accent-active);--state-active-text:var(--accent-contrast);--state-disabled-background:var(--background-secondary);--state-disabled-text:var(--text-disabled);--state-disabled-border:var(--border-secondary);--state-selected-background:var(--accent-primary);--elevation-card:0 1px 2px rgba(0,0,0,0.05);--elevation-card-hover:0 20px 25px rgba(0,0,0,0.15);--elevation-dropdown:0 10px 15px rgba(0,0,0,0.1);--elevation-modal:0 25px 50px rgba(0,0,0,0.2);--elevation-popover:0 10px 15px rgba(0,0,0,0.1);--elevation-tooltip:0 4px 6px rgba(0,0,0,0.07);--elevation-sticky:0 4px 6px rgba(0,0,0,0.07);--elevation-floating-action:0 20px 25px rgba(0,0,0,0.15);--elevation-toast:0 25px 50px rgba(0,0,0,0.2);--elevation-dialog:0 35px 60px rgba(0,0,0,0.25);--shadow-2xl:0 25px 50px rgba(0,0,0,0.2);--shadow-3xl:0 35px 60px rgba(0,0,0,0.25)}.text-part-color{color:var(--part-color,var(--part-foundations))}:root{--text-primary:#1A1A1A;--text-secondary:#2E2E2E;--text-tertiary:#424242;--text-disabled:#8A8A8A;--text-inverse:#FFFFFF;--background-primary:#F2F2F2;--background-secondary:#EAEAEA;--background-tertiary:#E0E0E0;--background-inverse:#1E1E1E;--border-primary:#DFDFDF;--border-secondary:#CBCBCB;--border-strong:#A0A0A0;--accent-active:#1A1A1A;--accent-disabled:#666666;--accent-contrast:#1A1A1A;--focus-ring-color:#7C3AED;--focus-ring-offset-color:rgba(124,58,237,0.1);--focus-ring-width:3px;--focus-ring-offset:2px;--selection-bg:rgba(124,58,237,0.2);--selection-text:#1A1A1A;--link-visited:#6B3CC2;--system-warning:#D97706;--part-foundations:#6b3cc2;--part-core-principles:#c89f00;--part-design-systems:#c02482;--part-interface-patterns:#d85c1a;--part-specialized-domains:#1e7dab;--part-human-centered:#6a9a1f;--part-foundations-hover:#5a2ea3;--part-core-principles-hover:#a88400;--part-design-systems-hover:#a01d6c;--part-interface-patterns-hover:#b84d15;--part-specialized-domains-hover:#18658c;--part-human-centered-hover:#587f19;--part-foundations-shape:rgba(107,60,194,0.25);--part-core-principles-shape:rgba(200,159,0,0.25);--part-design-systems-shape:rgba(192,36,130,0.25);--part-interface-patterns-shape:rgba(216,92,26,0.25);--part-specialized-domains-shape:rgba(30,125,171,0.25);--part-human-centered-shape:rgba(106,154,31,0.25)}html[data-theme=dark]{--text-primary:#FFFFFF;--text-secondary:#E5E5E5;--text-tertiary:#A9A9A9;--text-disabled:#6B6B6B;--text-inverse:#1A1A1A;--background-primary:#1E1E1E;--background-secondary:#222222;--background-tertiary:#313131;--background-inverse:#F2F2F2;--border-primary:#2F2F2F;--border-secondary:#434242;--border-strong:#5A5A5A;--accent-active:#F2F2F2;--accent-disabled:#A8A8A8;--accent-contrast:#F2F2F2;--focus-ring-color:#FFFFFF;--focus-ring-offset-color:rgba(255,255,255,0.1);--focus-ring-width:3px;--focus-ring-offset:2px;--selection-bg:rgba(124,58,237,0.3);--selection-text:#FFFFFF;--link-visited:#8B5ED9;--system-warning:#F59E0B;--part-foundations:#8B5ED9;--part-core-principles:#DBB300;--part-design-systems:#D93095;--part-interface-patterns:#F47034;--part-specialized-domains:#2891C4;--part-human-centered:#7EB02F;--part-foundations-hover:#6B3CC2;--part-core-principles-hover:#C89F00;--part-design-systems-hover:#C02482;--part-interface-patterns-hover:#D85C1A;--part-specialized-domains-hover:#1E7DAB;--part-human-centered-hover:#6A9A1F;--part-foundations-shape:rgba(139,94,217,0.25);--part-core-principles-shape:rgba(219,179,0,0.3);--part-design-systems-shape:rgba(217,48,149,0.25);--part-interface-patterns-shape:rgba(244,112,52,0.25);--part-specialized-domains-shape:rgba(40,145,196,0.25);--part-human-centered-shape:rgba(126,176,47,0.25)}.app-body{font-family:var(--font-family-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-primary);color:var(--text-primary);min-height:100vh;margin:0}@media (max-width:768px){.app-body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}}::selection{background-color:var(--selection-bg);color:var(--selection-text)}::-moz-selection{background-color:var(--selection-bg);color:var(--selection-text)}:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);border-radius:4px;transition:outline-offset .2s ease}:focus:not(:focus-visible){outline:none}*{transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}:focus-visible{transition:none}}@media (max-width:768px){:root{--font-size-body:1.125rem;--font-size-body-sm:1rem;--font-size-caption:0.9375rem;--font-size-button-primary:1rem;--font-size-button-secondary:0.875rem;--font-size-badge:0.6875rem;--font-size-badge-large:0.75rem}}*{margin:0;padding:0;box-sizing:border-box;word-break:normal!important;hyphens:none!important;-webkit-hyphens:none!important;-moz-hyphens:none!important;-ms-hyphens:none!important;overflow-wrap:normal!important;word-wrap:normal!important}span.word{display:inline-block;white-space:nowrap;word-break:keep-all;overflow-wrap:normal}.typo-hero-main{font-size:var(--font-size-hero-main);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--text-primary)}.typo-hero-sub{font-size:var(--font-size-hero-sub);font-family:var(--font-family-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed);color:var(--text-secondary)}.typo-section-hero{font-size:var(--font-size-section-hero)}.typo-section-hero,.typo-section-large{font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--text-primary)}.typo-section-large{font-size:var(--font-size-section-large)}.typo-section-lead{color:var(--text-secondary)}.typo-section-lead,.typo-section-lead-tertiary{font-size:var(--font-size-section-lead);font-family:var(--font-family-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed)}.typo-section-lead-tertiary{color:var(--text-tertiary)}.typo-content-large{font-size:var(--font-size-content-large);line-height:var(--line-height-relaxed);color:var(--text-primary)}.typo-content-large,.typo-content-medium{font-family:var(--font-family-base);font-weight:var(--font-weight-normal)}.typo-content-medium{font-size:var(--font-size-content-medium);line-height:var(--line-height-loose);color:var(--text-secondary)}.typo-h1{font-size:var(--font-size-5xl)}.typo-h1,.typo-h2{font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--text-primary)}.typo-h2{font-size:var(--font-size-3xl)}.typo-h3{font-size:var(--font-size-2xl)}.typo-h3,.typo-h4{font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);color:var(--text-primary)}.typo-h4{font-size:var(--font-size-xl)}.typo-body-large{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}.typo-body,.typo-body-large{font-family:var(--font-family-base);font-weight:var(--font-weight-normal);color:var(--text-primary)}.typo-body{font-size:var(--font-size-base);line-height:var(--line-height-normal)}.typo-body-small{font-size:var(--font-size-sm);color:var(--text-secondary)}.typo-body-small,.typo-caption{font-family:var(--font-family-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal)}.typo-caption{font-size:var(--font-size-xs);color:var(--text-tertiary)}.typo-label{font-size:var(--font-size-sm);font-family:var(--font-family-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);color:var(--text-secondary)}.principle-container{max-width:min(var(--container-max-width-xl,1440px),100%);margin:0 auto;width:100%;display:flex;flex-direction:column;gap:var(--space-6)}.principle-container--text{max-width:var(--container-text);margin-inline:auto;padding-inline:clamp(1rem,5vw,4rem)}.principle-container--compact{max-width:var(--container-compact);margin-inline:auto;padding-inline:clamp(1rem,5vw,4rem)}.principle-hero{padding:calc(80px + var(--space-12)) clamp(1rem,5vw,4rem) var(--space-12);border-bottom:1px solid var(--border-primary);position:relative;overflow:hidden}@media (max-width:1024px){.principle-hero{padding:var(--space-8) clamp(1rem,5vw,4rem) var(--space-8)}}.principle-hero__pattern{position:absolute;inset:0;pointer-events:none;opacity:.08;background:radial-gradient(circle at 30% 30%,white 0,transparent 60%)}.principle-section{--spacing-major:clamp(100px,15vh,160px);--spacing-minor:clamp(80px,12vh,120px);--spacing-component:clamp(60px,10vh,100px)}.principle-section--major{margin-top:var(--spacing-component)}.principle-section--minor{margin-top:var(--spacing-minor)}.principle-section--component{margin-top:var(--spacing-component)}.spacing-major-top{padding-top:clamp(80px,12vh,120px)}.spacing-minor-top{padding-top:clamp(60px,10vh,100px)}.spacing-component-top{padding-top:clamp(40px,6vh,60px)}.principle-intro .prose-content{color:var(--text-primary)}.principle-intro .prose-content,.principle-intro .prose-content p{font-size:var(--font-size-h3);font-weight:var(--font-weight-medium);line-height:1.7}.principle-intro .prose-content p{margin-bottom:1.5rem}.principle-intro .line{display:block;opacity:.2}.principle-intro{margin-top:0!important}.prose-content{max-width:100%}.prose-content h2{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;line-height:1.2;margin-top:2.5em;margin-bottom:.75em}.prose-content h3{font-size:clamp(1.35rem,3vw,1.75rem);font-weight:600;line-height:1.3;margin-top:2em;margin-bottom:.5em}.prose-content p{font-size:var(--font-size-body);line-height:1.7;margin-bottom:1.25em}.prose-content ol,.prose-content ul{margin-top:1em;margin-bottom:1.5em;padding-left:1.75em}.prose-content li{font-size:var(--font-size-body);margin-bottom:.5em;line-height:1.6}.key-insight-card{margin-top:clamp(60px,10vh,100px);margin-bottom:clamp(40px,8vh,80px)}.related-principles-grid{gap:clamp(2rem,4vw,2.5rem)!important}.text-part-foundations{color:var(--part-foundations)}.text-part-core-principles{color:var(--part-core-principles)}.text-part-design-systems{color:var(--part-design-systems)}.text-part-interface-patterns{color:var(--part-interface-patterns)}.text-part-specialized-domains{color:var(--part-specialized-domains)}.text-part-human-centered{color:var(--part-human-centered)}.text-accent-primary{color:var(--text-primary)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mb-6{margin-bottom:3rem}.mb-8{margin-bottom:4rem}.mt-0{margin-top:0}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mt-6{margin-top:3rem}.mt-8{margin-top:4rem}.reveal-text{opacity:0;transform:translateY(30px);transition:none}.reveal-text-fast{opacity:0;transform:translateY(20px);transition:none}.reveal-text-slow{opacity:0;transform:translateY(40px);transition:none}.reveal-text-stagger>*{opacity:0;transform:translateY(30px);transition:none}@media (prefers-reduced-motion:reduce){.reveal-text,.reveal-text-fast,.reveal-text-slow,.reveal-text-stagger>*{opacity:1!important;transform:none!important}}.reveal-hero{opacity:0;transform:translateY(50px);transition:none}@media (prefers-reduced-motion:reduce){.reveal-hero{opacity:1!important;transform:none!important}}.display-1{font-size:var(--font-size-display-1);font-weight:var(--font-weight-black)}.display-1,.display-2{line-height:var(--line-height-display);letter-spacing:var(--letter-spacing-tight)}.display-2{font-size:var(--font-size-display-2)}.display-2,.display-3{font-weight:var(--font-weight-bold)}.display-3{font-size:var(--font-size-display-3);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}.heading-1{font-size:var(--font-size-h1)}.heading-1,.heading-2{line-height:var(--line-height-tight);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide)}.heading-2{font-size:var(--font-size-h2)}.heading-3{font-size:var(--font-size-h3)}.heading-3,.heading-4{line-height:var(--line-height-snug);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide)}.heading-4{font-size:var(--font-size-h4)}.heading-5{font-size:var(--font-size-h5)}.heading-5,.heading-6{line-height:var(--line-height-normal);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-normal)}.heading-6{font-size:var(--font-size-h6)}.text-lead{font-size:var(--font-size-lead);line-height:var(--line-height-relaxed);font-weight:var(--font-weight-normal)}.text-xl{font-size:var(--font-size-body-xl)}.text-lg,.text-xl{line-height:var(--line-height-body);font-weight:var(--font-weight-normal)}.text-lg{font-size:var(--font-size-body-lg)}.text-base{font-size:var(--font-size-body)}.text-base,.text-sm{line-height:var(--line-height-body);font-weight:var(--font-weight-normal)}.text-sm{font-size:var(--font-size-body-sm)}.text-caption{font-size:var(--font-size-caption);line-height:var(--line-height-loose);font-weight:var(--font-weight-normal)}.text-label{font-size:var(--font-size-label);line-height:var(--line-height-normal);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-black{font-weight:var(--font-weight-black)}.tracking-tight{letter-spacing:var(--letter-spacing-tight)}.tracking-normal{letter-spacing:var(--letter-spacing-normal)}.tracking-wide{letter-spacing:var(--letter-spacing-wide)}.tracking-wider{letter-spacing:var(--letter-spacing-wider)}.leading-display{line-height:var(--line-height-display)}.leading-tight{line-height:var(--line-height-tight)}.leading-snug{line-height:var(--line-height-snug)}.leading-normal{line-height:var(--line-height-normal)}.leading-body{line-height:var(--line-height-body)}.leading-relaxed{line-height:var(--line-height-relaxed)}.leading-loose{line-height:var(--line-height-loose)}.hero-title{font-size:var(--font-size-display-2);line-height:var(--line-height-display);letter-spacing:var(--letter-spacing-tight)}.hero-title,.section-title{font-weight:var(--font-weight-bold)}.section-title{font-size:var(--font-size-h1);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-wide)}.card-title{font-size:var(--font-size-h3);line-height:var(--line-height-snug);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-normal)}.eyebrow{font-size:var(--font-size-label);line-height:var(--line-height-normal);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;background-color:var(--background-primary)}body,html{word-break:normal!important;hyphens:none!important;-webkit-hyphens:none!important;-moz-hyphens:none!important;-ms-hyphens:none!important}body{background:var(--background-tertiary);background-color:var(--background-tertiary);color:var(--text-primary);font-family:var(--font-family-base);font-size:var(--font-size-body);line-height:var(--line-height-body);transition:background-color .3s ease,color .3s ease;min-height:100vh;overflow-x:clip}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-track{background:var(--scrollbar-track)}body::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-md);-webkit-transition:background .2s ease;transition:background .2s ease}body::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}h1{font-family:var(--font-heading),sans-serif;font-size:var(--font-size-h1);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);margin-bottom:1.5rem}h2{font-size:var(--font-size-h2);line-height:1.15;margin-bottom:1.25rem}h2,h3{font-family:var(--font-heading),sans-serif;font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide)}h3{font-size:var(--font-size-h3);line-height:var(--line-height-snug);margin-bottom:1rem}h4{font-family:var(--font-heading),sans-serif;font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);line-height:1.25;letter-spacing:var(--letter-spacing-wide);margin-bottom:.875rem}h5{font-size:var(--font-size-h5);line-height:var(--line-height-normal);margin-bottom:.75rem}h5,h6{font-family:var(--font-heading),sans-serif;font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-normal)}h6{font-size:var(--font-size-h6);line-height:1.35;margin-bottom:.5rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.principles-filter-outer{background-color:var(--background-primary);padding:1.5rem var(--padding-container-x);border-bottom:1px solid var(--border-primary)}.principles-filter-inner{max-width:var(--container-content);margin:0 auto;background-color:var(--background-secondary);box-shadow:var(--shadow-md);border:1px solid var(--border-primary);border-radius:var(--radius-lg);transition:box-shadow .3s ease-in-out}.principles-filter-inner:hover{box-shadow:0 4px 12px rgba(0,0,0,.12)}.principles-filter-content{padding:1.5rem}@media (max-width:768px){.principles-filter-outer{padding:1.25rem var(--padding-container-x)}.principles-filter-content{padding:1.25rem}}.mobile-filter-toggle{display:flex;align-items:center;gap:.5rem;padding:1rem 1.25rem;background-color:var(--background-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:.875rem;font-weight:600;margin-bottom:1rem;width:100%;transition:all .3s ease-in-out}.mobile-filter-toggle:hover{border-color:var(--text-primary);transform:translateY(-1px)}.mobile-filter-toggle-badge{margin-left:auto;padding:.25rem .5rem;background-color:var(--text-primary);color:white;border-radius:var(--radius-xl);font-size:.75rem;font-weight:700}.principles-filters-row{display:flex;align-items:flex-end;gap:1rem;margin-bottom:1rem}.principles-search-container{display:flex;flex-direction:column;gap:.5rem;flex:2;min-width:200px}.principles-search-container label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.principles-search-input{width:100%;padding:.75rem 1rem;background-color:var(--background-tertiary);border:2px solid var(--border-primary);border-radius:var(--radius-lg);font-size:.875rem;color:var(--text-primary);outline:none;transition:all .3s ease-in-out}.principles-search-input:hover{border-color:var(--text-secondary)}.principles-search-input:focus{border-color:var(--text-primary);transform:translateY(-1px)}@media (max-width:1024px){.principles-filters-row{flex-direction:column;align-items:stretch}.principles-search-container{width:100%}}.principles-filter-group{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:160px}.principles-filter-group label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.principles-filter-select{width:100%;padding:1rem;background-color:var(--background-tertiary);border:2px solid var(--border-primary);border-radius:var(--radius-lg);font-size:.875rem;color:var(--text-primary);outline:none;transition:all .3s ease-in-out;cursor:pointer}.principles-filter-select:hover{border-color:var(--text-secondary)}.principles-filter-select:focus{border-color:var(--text-primary);transform:translateY(-1px)}@media (max-width:1024px){.principles-filter-group{width:100%}}.principles-results-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.principles-results-count{font-size:.875rem;color:var(--text-secondary);margin:0}.principles-clear-filters{padding:.5rem 1rem;background-color:transparent;border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;font-weight:600;transition:all .2s ease}.principles-clear-filters:hover{background-color:var(--background-tertiary);border-color:var(--text-primary);color:var(--text-primary)}.principles-empty-state{text-align:center;padding:clamp(3rem,10vh,6rem) 2rem}.principles-empty-title{font-size:clamp(1.25rem,3vw,1.5rem);color:var(--text-secondary);margin-bottom:1rem}.principles-empty-description{font-size:1rem;color:var(--text-tertiary);margin-bottom:2rem}.principles-empty-button{padding:.875rem 1.75rem;border:none;border-radius:var(--radius-lg);color:white;font-size:1rem;font-weight:600}.part-view-button,.principles-empty-button{background-color:var(--text-primary);transition:all .2s ease}.part-view-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) 1.25rem;color:var(--text-inverse);border:2px solid var(--text-primary);border-radius:var(--radius-lg);font-size:clamp(.875rem,1.5vw,var(--space-4));font-weight:var(--font-weight-semibold);text-decoration:none;white-space:nowrap}.part-view-button:hover{background-color:transparent;color:var(--text-primary);border-color:var(--text-primary);transform:translateY(-2px)}.part-detail-navigation{padding:var(--padding-section-y-small) var(--padding-container-x);background-color:var(--background-secondary);border-top:1px solid var(--border-primary);position:relative;z-index:1}.part-detail-navigation-inner{max-width:var(--container-content);margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-6)}.part-detail-nav-button{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-radius:var(--radius-xl);background-color:var(--background-primary);border:1px solid var(--border-primary);text-decoration:none;color:inherit;transition:all .3s ease}.part-detail-nav-button:hover{border-color:var(--part-color);box-shadow:0 var(--space-2) var(--space-6) -8px var(--part-color-shadow)}.part-detail-nav-button-prev:hover{transform:translateX(-4px)}.part-detail-nav-button-next:hover{transform:translateX(var(--space-1))}.part-detail-nav-arrow{font-size:var(--space-6)}.part-detail-nav-content{text-align:left}.part-detail-nav-content-right{text-align:right}.part-detail-nav-label{font-size:var(--space-3);color:var(--text-disabled);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.part-detail-nav-text{font-size:1.125rem;font-weight:var(--font-weight-semibold);color:var(--text-primary)}.part-detail-nav-home{padding:var(--space-4) var(--space-8);border-radius:var(--radius-xl);background-color:var(--part-color);color:var(--text-primary);font-weight:var(--font-weight-bold);text-decoration:none;transition:all .3s ease;font-size:var(--space-4);text-transform:uppercase;letter-spacing:.05em}.part-detail-nav-home:hover{transform:scale(1.05);box-shadow:0 var(--space-3) var(--space-8) -8px var(--part-color-shadow)}.diagonal-grid-bg:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0;background-image:linear-gradient(90deg,var(--grid-color) 1px,transparent 1px),linear-gradient(0deg,var(--grid-color) 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size);mask-image:linear-gradient(-20deg,transparent 45%,white);-webkit-mask-image:linear-gradient(-20deg,transparent 45%,white);transition:opacity .3s ease}@media (min-width:768px){:root{--grid-size:40px;--grid-opacity:0.06}}@media (min-width:1024px){:root{--grid-size:45px;--grid-opacity:0.08}}@media (prefers-reduced-motion:reduce){.diagonal-grid-bg:before{opacity:.5}}@media (prefers-contrast:more){:root{--grid-opacity:0.12}}@media (prefers-reduced-motion:no-preference){.diagonal-grid-bg:before{opacity:1}}@supports not ((-webkit-mask-image:linear-gradient(0deg,transparent,white)) or (mask-image:linear-gradient(0deg,transparent,white))){.diagonal-grid-bg:before{opacity:.5}}@keyframes rotateBadge{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulseBadge{0%,to{transform:scale(1);box-shadow:0 var(--space-2) var(--space-8) rgba(56,189,248,.2)}50%{transform:scale(1.05);box-shadow:0 var(--space-3) var(--space-12) rgba(56,189,248,.4)}}.circular-badge.hidden{opacity:0;transform:translateY(20px)}@media (max-width:768px){.circular-badge{width:120px!important;height:120px!important;bottom:var(--space-6)!important;right:var(--space-6)!important}.circular-badge svg text{font-size:7px!important;letter-spacing:1.5px!important}.circular-badge>div:last-child span{font-size:1.75rem!important}}@media (max-width:480px){.circular-badge{width:100px!important;height:100px!important;bottom:var(--space-4)!important;right:var(--space-4)!important}.circular-badge svg text{font-size:6px!important;letter-spacing:1px!important}.circular-badge>div:last-child span{font-size:var(--space-6)!important}}@media (prefers-reduced-motion:reduce){.circular-badge svg,.circular-badge>div{animation:none!important}}.part-card-horizontal,.part-card-horizontal *,a.part-card-horizontal,a.part-card-horizontal *,a.part-card-horizontal:active,a.part-card-horizontal:active *,a.part-card-horizontal:focus,a.part-card-horizontal:focus *,a.part-card-horizontal:hover,a.part-card-horizontal:hover *,a.part-card-horizontal:link,a.part-card-horizontal:link *,a.part-card-horizontal:visited,a.part-card-horizontal:visited *{text-decoration:none!important;text-decoration-line:none!important;text-decoration-style:none!important;text-decoration-color:transparent!important;-webkit-text-decoration:none!important;-moz-text-decoration:none!important}.part-card-horizontal:hover .part-card-explore-text,a.part-card-horizontal:hover .part-card-explore-text{text-decoration:underline!important;text-decoration-line:underline!important}@media (max-width:640px){.part-detail-navigation-inner{flex-direction:column}}.principles-empty-button:hover{background-color:var(--text-secondary);box-shadow:0 var(--space-1) var(--space-3) var(--border-primary)}.part-tabs-section{background-color:var(--background-primary);border-bottom:1px solid var(--border-primary);padding:0 var(--padding-container-x);position:sticky;top:5rem;z-index:40;backdrop-filter:blur(var(--space-2))}.part-tabs-container{max-width:var(--container-content);margin:0 auto}.part-tabs-wrapper{display:flex;gap:var(--space-2);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:var(--space-3) 0}.part-tabs-wrapper::-webkit-scrollbar{display:none}.part-tab{display:flex;align-items:center;gap:.625rem;padding:.875rem var(--space-6);background-color:transparent;border-radius:var(--radius-lg);color:var(--text-tertiary);font-size:.875rem;font-weight:var(--font-weight-semibold);cursor:pointer;white-space:nowrap;transition:all .3s ease-in-out;position:relative;border:none;border-bottom:3px solid transparent}.part-tab.active,.part-tab:hover{color:var(--text-primary);background-color:var(--background-secondary)}.part-tab.active{border-bottom-color:currentColor}.part-tab-icon{font-size:1.125rem;line-height:1}.part-tab-icon-color{width:14px;height:14px;border-radius:var(--radius-circle);flex-shrink:0;transition:transform .3s ease-in-out}.part-tab:hover .part-tab-icon-color{transform:scale(1.15)}.part-tab-label{font-weight:var(--font-weight-semibold);letter-spacing:.01em}.part-tab-count{color:var(--text-tertiary);font-size:var(--space-3);font-weight:var(--font-weight-medium);opacity:.8;transition:opacity .3s ease-in-out}.part-tab:hover .part-tab-count{opacity:1}@media (max-width:768px){.part-tabs-wrapper{gap:.375rem}.part-tab{padding:var(--space-3) 1.125rem;font-size:.8125rem}.part-tab-icon{font-size:var(--space-4)}.part-tab-icon-color{width:var(--space-3);height:var(--space-3)}.part-tab-count{display:none}}.principles-hero{position:relative;background-color:var(--background-secondary);min-height:57.6vh;padding-top:clamp(115px,15.4vh,154px);padding-bottom:clamp(38px,5.8vh,58px);padding-left:var(--padding-container-x);padding-right:var(--padding-container-x)}.principles-hero-icons{display:flex;align-items:center;justify-content:flex-start;gap:clamp(var(--space-4),2vw,var(--space-6));margin-bottom:clamp(var(--space-6),3vw,var(--space-8));flex-wrap:wrap}.principles-hero-icon-link{display:block;transition:opacity .3s ease}.principles-hero-icon-link:hover{opacity:.8}.principles-hero-icon{width:clamp(40px,6vw,56px);height:clamp(40px,6vw,56px);transition:all .3s ease}.principles-hero-content{position:relative;z-index:1;max-width:var(--container-content);margin:0 auto}.principles-hero-title{font-size:clamp(2.5rem,6vw,var(--space-16));font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:var(--line-height-tight);margin-bottom:var(--space-4)}.principles-hero-description{font-size:clamp(1.125rem,2.5vw,var(--space-6));color:var(--text-secondary);max-width:var(--container-text);line-height:var(--line-height-relaxed);margin-bottom:var(--space-6)}.principles-hero-stats{display:flex;align-items:center;gap:clamp(var(--space-6),3vw,2.5rem);flex-wrap:wrap}.principles-hero-stat{display:flex;align-items:baseline;gap:var(--space-2)}.principles-hero-stat-number{font-size:clamp(var(--space-8),4vw,var(--space-12));font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1}.principles-hero-stat-label{font-size:clamp(.875rem,1.5vw,var(--space-4));color:var(--text-tertiary);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em}@media (max-width:768px){.principles-hero-icons{grid-template-columns:repeat(2,1fr);gap:clamp(var(--space-4),3vw,var(--space-8));padding:clamp(var(--space-4),3vw,var(--space-8))}.principles-hero-icon{width:clamp(60px,15vw,100px);height:clamp(60px,15vw,100px)}}.parts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,400px),1fr));gap:var(--space-8)}@media (max-width:768px){.parts-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}}@media (max-width:480px){.parts-grid{grid-template-columns:1fr;gap:var(--space-4)}}.parts-card{text-decoration:none;color:inherit;display:block;height:100%;padding:0;transition:all .3s ease;position:relative}@media (max-width:768px){.parts-card{padding:var(--space-6);border-radius:var(--radius-2xl)}.parts-card-icon{width:60px;height:60px;margin-bottom:var(--space-4)}.parts-card-watermark{font-size:var(--space-16)}.parts-card-badge{padding:.375rem var(--space-3);margin-bottom:var(--space-4)}.parts-card-title{font-size:clamp(1.25rem,4vw,var(--space-6));margin-bottom:var(--space-2)}.parts-card-subtitle{font-size:clamp(.875rem,3vw,var(--space-4));margin-bottom:var(--space-6)}.parts-card-stats{padding-top:var(--space-6);gap:var(--space-3)}.parts-card-stat-number{font-size:var(--space-6)}.parts-card-stat-label{font-size:var(--space-3)}.parts-card-explore{margin-top:var(--space-6);font-size:.8125rem}}@media (max-width:480px){.parts-card{padding:1.25rem}.parts-card-icon{width:50px;height:50px}}.parts-card:hover{transform:translateY(-4px)}.parts-card-content{position:relative}.parts-card-icon{margin-bottom:var(--space-8);display:flex;justify-content:flex-start;width:120px;height:120px;background-color:var(--text-primary);opacity:.8;transition:background-color .3s ease,opacity .3s ease}.parts-card:hover .parts-card-icon{background-color:var(--part-color);opacity:1}.parts-card-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background-color:var(--border-primary);border:1px solid var(--text-tertiary);margin-bottom:var(--space-6);transition:all .3s ease}.parts-card:hover .parts-card-badge{background-color:var(--background-tertiary);border-color:var(--background-secondary)}.parts-card-badge-dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-circle);background-color:var(--text-primary);transition:background-color .3s ease}.parts-card:hover .parts-card-badge-dot{background-color:var(--part-color)}.parts-card-badge-text{font-size:var(--space-3);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;transition:color .3s ease}.parts-card-badge-text,.parts-card-title,.parts-card:hover .parts-card-badge-text{color:var(--text-primary)}.parts-card-title{font-size:clamp(1.75rem,3vw,2.25rem);font-weight:var(--font-weight-bold);margin-bottom:var(--space-3);line-height:var(--line-height-tight);transition:color .3s ease}.parts-card-subtitle,.parts-card:hover .parts-card-title{color:var(--text-primary)}.parts-card-subtitle{font-size:clamp(1.125rem,2vw,1.25rem);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-8);transition:color .3s ease}.parts-card:hover .parts-card-subtitle{color:var(--text-tertiary)}.parts-card-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);padding-top:var(--space-8);border-top:1px solid var(--border-secondary)}.parts-card-stat-number{font-size:var(--space-8);font-weight:var(--font-weight-bold);margin-bottom:var(--space-1);transition:color .3s ease}.parts-card-stat-number,.parts-card:hover .parts-card-stat-number{color:var(--text-primary)}.parts-card-stat-label{font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-weight-semibold);transition:color .3s ease}.parts-card:hover .parts-card-stat-label{color:var(--text-tertiary)}.parts-card-explore{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-8);font-size:.875rem;font-weight:var(--font-weight-semibold);color:var(--text-primary);transition:color .3s ease}.parts-card:hover .parts-card-explore{color:var(--part-color)}.parts-card-explore-text{transition:-webkit-text-decoration .3s ease;transition:text-decoration .3s ease;transition:text-decoration .3s ease,-webkit-text-decoration .3s ease}.parts-card:hover .parts-card-explore-text{text-decoration:underline}.parts-card-explore-arrow{font-size:1.25rem}.part-detail-hero{position:relative;min-height:70vh;padding-top:var(--padding-section-y-hero);padding-bottom:var(--padding-section-y);display:flex;align-items:center;overflow:hidden}.part-detail-hero-pattern{position:absolute;inset:0;opacity:.05;background:radial-gradient(circle at 30% 30%,var(--text-inverse) 0,transparent 60%);pointer-events:none}.part-detail-hero-watermark{position:absolute;font-size:clamp(20rem,40vw,35rem);font-weight:var(--font-weight-bold);opacity:.03;top:50%;right:5vw;transform:translateY(-50%);color:var(--text-primary);line-height:1;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.part-detail-hero-container{position:relative;z-index:10;width:100%;max-width:var(--container-content);margin:0 auto;padding:0 var(--padding-container-x)}.part-detail-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}.part-detail-hero-badge{font-size:.875rem;text-transform:uppercase;letter-spacing:.1em;opacity:.7}.part-detail-hero-badge,.part-detail-hero-title{font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-6)}.part-detail-hero-title{font-size:clamp(var(--space-12),8vw,6rem);line-height:var(--line-height-tight);font-family:var(--font-heading)}@media (min-width:1025px){.part-detail-hero-title{font-size:clamp(var(--space-12),7vw,5rem)}}.part-detail-hero-subtitle{font-size:clamp(1.25rem,3vw,var(--space-8));font-weight:var(--font-weight-medium);color:var(--text-primary);line-height:var(--line-height-normal);opacity:.9;margin-bottom:var(--space-12)}.part-detail-hero-cta{display:inline-flex;align-items:center;gap:var(--space-3);padding:1.25rem 2.5rem;border-radius:var(--radius-2xl);background-color:var(--text-primary);color:var(--text-inverse);border:2px solid var(--text-primary);font-size:var(--space-4);font-weight:var(--font-weight-bold);text-decoration:none;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em}.part-detail-hero-cta:hover{background-color:transparent;color:var(--text-primary);border-color:var(--text-primary);transform:translateY(-2px)}.part-detail-hero-cta-arrow{font-size:1.25rem}.part-detail-hero-icon-container{display:flex;justify-content:flex-end;align-items:center}.part-detail-hero-icon{width:auto;height:auto;max-width:clamp(350px,50vw,650px);filter:brightness(0);opacity:.8}.part-detail-section{padding:var(--padding-section-y) var(--padding-container-x);position:relative;z-index:1}.part-detail-section-secondary{background-color:var(--background-secondary)}.part-detail-section-primary{background-color:var(--background-primary)}.part-detail-section-transparent{background-color:transparent}.part-detail-section-header{max-width:var(--container-text);margin:0 auto;text-align:center;margin-bottom:var(--space-16)}.part-detail-section-header-wide{text-align:center;margin-bottom:6rem}.part-detail-section-title{font-size:clamp(2.5rem,6vw,var(--space-16));font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:var(--line-height-tight);margin-bottom:var(--space-6)}.part-detail-section-subtitle,.part-detail-section-subtitle-centered{font-size:clamp(1.125rem,2vw,var(--space-6));color:var(--text-tertiary);line-height:var(--line-height-relaxed)}.part-detail-section-subtitle-centered{max-width:var(--container-text);margin:0 auto}.part-detail-section-container,.part-detail-sidebar-layout{max-width:var(--container-content);margin:0 auto}.part-detail-sidebar-layout{display:grid;grid-template-columns:300px 1fr;gap:var(--space-16)}.part-detail-sidebar-title{position:sticky;top:calc(5rem + var(--space-8));align-self:start}.part-detail-sidebar-title .part-detail-section-title{font-size:clamp(var(--space-8),3vw,2.5rem);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:var(--line-height-tight);margin:0}.part-detail-sidebar-content{display:flex;flex-direction:column;gap:var(--space-8)}.part-detail-sidebar-content .part-detail-section-subtitle{font-size:clamp(1.125rem,2vw,1.375rem);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin:0}.part-detail-content{color:var(--text-tertiary);font-size:clamp(var(--space-4),2vw,1.25rem);line-height:var(--line-height-relaxed)}.part-detail-content h3{font-size:clamp(var(--space-6),3vw,var(--space-8));font-weight:var(--font-weight-bold);color:var(--text-primary);margin-top:var(--space-12);margin-bottom:var(--space-4);padding-top:var(--space-8);border-top:1px solid var(--border-primary)}.part-detail-content h3:first-child{margin-top:0;padding-top:0;border-top:none}.part-detail-content p{margin-bottom:var(--space-6);font-size:clamp(var(--space-4),2vw,1.25rem);line-height:var(--line-height-relaxed);color:var(--text-secondary)}.part-detail-content ul{margin-left:var(--space-8);margin-bottom:var(--space-8);list-style-type:disc}.part-detail-content li{margin-bottom:var(--space-3);font-size:clamp(var(--space-4),2vw,1.125rem);color:var(--text-secondary)}.part-detail-content strong{font-weight:var(--font-weight-bold);color:var(--part-color)}@media (max-width:1024px){.part-detail-sidebar-layout{grid-template-columns:1fr;gap:var(--space-8)}.part-detail-sidebar-title{position:static}.part-detail-sidebar-title .part-detail-section-title{font-size:clamp(1.75rem,5vw,2.25rem)}.part-detail-content h3{margin-top:var(--space-8)}.part-detail-content h3:first-child{margin-top:0}}.part-detail-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.part-detail-role-card{padding:var(--space-12);border-radius:var(--radius-3xl);background-color:var(--background-secondary);border:2px solid var(--border-primary);transition:all .3s ease;display:flex;flex-direction:column;text-decoration:none}.part-detail-role-card:hover{background-color:var(--part-color);border-color:var(--part-color);transform:translateY(-8px);box-shadow:0 20px 40px -12px var(--part-color-shadow)}.part-detail-card-icon{color:var(--part-color);margin-bottom:var(--space-6);transition:color .3s ease}.part-detail-card-title,.part-detail-role-card:hover .part-detail-card-icon{color:var(--text-primary)}.part-detail-card-title{font-size:clamp(var(--space-6),3vw,var(--space-8));font-weight:var(--font-weight-bold);margin-bottom:var(--space-4);transition:color .3s ease}.part-detail-role-card:hover .part-detail-card-title{color:var(--text-primary)}.part-detail-card-content{font-size:clamp(var(--space-4),2vw,1.125rem);color:var(--text-tertiary);line-height:var(--line-height-relaxed);transition:color .3s ease;flex:1;margin-bottom:var(--space-8)}.part-detail-role-card:hover .part-detail-card-content{color:var(--text-primary)}.part-detail-card-content p{margin:0}.part-detail-card-content strong{font-weight:var(--font-weight-bold);color:var(--part-color);transition:color .3s ease}.part-detail-role-card:hover .part-detail-card-content strong{color:var(--text-primary)}.part-detail-card-button{display:flex;align-items:center;gap:var(--space-2);font-size:.875rem;font-weight:var(--font-weight-semibold);color:var(--part-color);opacity:1;transition:opacity .3s ease,color .3s ease;margin-top:auto}.part-detail-role-card:hover .part-detail-card-button{opacity:1;color:var(--text-primary)}.part-detail-card-button-text{transition:-webkit-text-decoration .3s;transition:text-decoration .3s;transition:text-decoration .3s,-webkit-text-decoration .3s}.part-detail-role-card:hover .part-detail-card-button-text{text-decoration:underline}.part-detail-card-button-arrow{font-size:1.25rem}.part-detail-learning-path{max-width:var(--container-text);margin:0 auto}.part-detail-step{position:relative;padding-left:var(--space-16);margin-bottom:var(--space-12)}.part-detail-step-number{position:absolute;left:0;top:0;width:var(--space-12);height:var(--space-12);border-radius:var(--radius-circle);background-color:var(--part-color);color:var(--text-primary);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:1.25rem}.part-detail-step-line{position:absolute;left:var(--space-6);top:var(--space-12);width:2px;height:calc(100% + var(--space-4));background-color:var(--border-primary)}.part-detail-step-content{padding-top:var(--space-1)}.part-detail-step-title{font-size:clamp(var(--space-6),3vw,var(--space-8));font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-2)}.part-detail-step-subtitle{font-size:clamp(var(--space-4),2vw,1.125rem);color:var(--text-tertiary)}.part-detail-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-8);margin-top:var(--space-16);padding:var(--space-12);background-color:var(--background-primary);border-radius:var(--radius-3xl);border:1px solid var(--part-color)}.part-detail-stat{text-align:center}.part-detail-stat-number{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:var(--font-weight-bold);color:var(--part-color);margin-bottom:var(--space-2)}.part-detail-stat-number-small{font-size:var(--space-6)}.part-detail-stat-label{font-size:.875rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-weight-semibold)}.part-detail-realworld-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}.part-detail-collage{background-color:var(--background-primary);border-radius:var(--radius-3xl);border:2px solid var(--part-color);display:grid;grid-template-columns:repeat(2,1fr);gap:0;padding:0;overflow:hidden}.part-detail-collage-item{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:0;transition:transform .3s ease,box-shadow .3s ease;border:none}.part-detail-collage-item:hover{transform:scale(1.05);z-index:10;box-shadow:var(--shadow-lg)}.part-detail-collage-image{-o-object-fit:cover;object-fit:cover;transition:opacity .3s ease}.part-detail-collage-item:hover .part-detail-collage-image{opacity:.85}.part-detail-collage-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,var(--text-primary) 0,var(--text-secondary) 50%,transparent 100%);padding:var(--space-4);opacity:0;transition:opacity .3s ease;display:flex;flex-direction:column;align-items:flex-start}.part-detail-collage-item:hover .part-detail-collage-overlay{opacity:1}.part-detail-collage-number{font-size:1.25rem;font-weight:var(--font-weight-bold);color:var(--text-inverse);margin-bottom:var(--space-1)}.part-detail-collage-label{font-size:.875rem;color:var(--text-inverse);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug)}.part-detail-realworld-content h3{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-8)}.part-detail-realworld-content ul{margin-left:var(--space-8);color:var(--text-tertiary);font-size:clamp(var(--space-4),2vw,1.25rem);line-height:var(--line-height-loose)}.part-detail-realworld-content li{margin-bottom:var(--space-4)}.part-detail-chapters-section{scroll-margin-top:calc(5rem + var(--space-8))}.part-detail-chapter-card{margin-bottom:6rem;padding:var(--padding-card);border-radius:var(--radius-3xl);background:var(--background-secondary);border:1px solid var(--border-primary)}.part-detail-chapter-header{margin-bottom:var(--space-12);padding-bottom:var(--space-8);border-bottom:2px solid var(--part-color)}.part-detail-chapter-header-inner{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--space-8)}.part-detail-chapter-content{flex:1;min-width:20rem}.part-detail-chapter-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background-color:var(--part-color-bg);border:1px solid var(--part-color);margin-bottom:var(--space-4)}.part-detail-chapter-badge-dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-circle);background-color:var(--part-color)}.part-detail-chapter-badge-text{font-size:var(--space-3);font-weight:var(--font-weight-semibold);color:var(--part-color);text-transform:uppercase;letter-spacing:.05em}.part-detail-chapter-title{font-size:clamp(var(--space-8),4vw,var(--space-12));font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:var(--line-height-tight);margin-bottom:var(--space-3)}.part-detail-chapter-count{font-size:clamp(var(--space-4),2vw,1.125rem);color:var(--text-tertiary)}.part-detail-chapter-number{font-size:clamp(6rem,12vw,10rem);font-weight:var(--font-weight-bold);color:var(--part-color);opacity:.1;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.part-detail-principles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr));gap:var(--space-6)}.part-detail-principle-card{text-decoration:none;color:inherit}.part-detail-principle-card-inner{height:100%;padding:1.75rem;border-radius:var(--radius-2xl);background-color:var(--background-primary);border:1px solid var(--border-primary);transition:all .3s ease;position:relative;overflow:hidden}.part-detail-principle-card:hover .part-detail-principle-card-inner{border-color:var(--part-color);background-color:var(--text-primary);box-shadow:0 var(--space-3) var(--space-8) -8px var(--part-color-shadow);transform:translateY(-4px)}.part-detail-principle-watermark{position:absolute;top:-.5rem;right:var(--space-4);font-size:var(--space-16);font-weight:var(--font-weight-bold);color:var(--part-color);opacity:.06;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.part-detail-principle-code{display:inline-flex;align-items:center;padding:.375rem .875rem;border-radius:var(--radius-full);font-size:var(--space-3);font-weight:var(--font-weight-semibold);font-family:monospace;margin-bottom:var(--space-4);background-color:var(--part-color-bg);color:var(--part-color);border:1px solid var(--part-color-border)}.part-detail-principle-title{font-size:clamp(1.25rem,2vw,1.375rem);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-3);line-height:var(--line-height-snug)}.part-detail-principle-subtitle{font-size:clamp(.875rem,1.5vw,.9375rem);color:var(--text-tertiary);margin-bottom:1.25rem;line-height:var(--line-height-normal)}.part-detail-principle-meta{display:flex;align-items:center;justify-content:space-between;font-size:.8125rem;padding-top:var(--space-4);border-top:1px solid var(--border-primary)}.part-detail-principle-difficulty{display:inline-flex;align-items:center;padding:.375rem var(--space-3);border-radius:var(--radius-md);font-size:var(--space-3);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;background-color:var(--background-tertiary);color:var(--text-secondary);border:1px solid var(--border-primary)}.part-detail-principle-readtime{color:var(--text-disabled);font-weight:var(--font-weight-semibold)}@media (max-width:1024px){.part-detail-hero-grid{grid-template-columns:1fr;grid-template-rows:auto auto}.part-detail-hero-icon-container{order:-1;justify-content:flex-start;margin-bottom:var(--space-12);margin-top:0}.part-detail-hero-content{text-align:left}}@media (max-width:768px){.part-detail-card-grid,.part-detail-realworld-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=19e86bfbf5c45230.css.map*/