:root{--color-concrete: #6b7280;--color-charcoal: #1f2937;--color-white: #ffffff;--color-black: #111827;--color-accent-red: #dc2626;--color-accent-orange: #ea580c;--color-text-primary: var(--color-black);--color-text-secondary: var(--color-charcoal);--color-text-inverse: var(--color-white);--color-background: var(--color-white);--color-surface: var(--color-concrete);--color-hover: var(--color-accent-red);--color-active: var(--color-accent-orange);--color-focus: var(--color-accent-orange)}:root{--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-secondary: system-ui, -apple-system, sans-serif;--font-size-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);--font-size-sm: clamp(0.875rem, 0.8rem + 0.375vw, 1rem);--font-size-base: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);--font-size-lg: clamp(1.25rem, 1.1rem + 0.75vw, 1.5rem);--font-size-xl: clamp(1.75rem, 1.5rem + 1.25vw, 2.25rem);--font-size-2xl: clamp(2.5rem, 2rem + 2.5vw, 3.5rem);--font-size-3xl: clamp(3.5rem, 3rem + 2.5vw, 5rem);--line-height-tight: 1.2;--line-height-normal: 1.4;--line-height-relaxed: 1.6;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 700;--font-weight-black: 900;--letter-spacing-tight: -0.025em;--letter-spacing-normal: 0;--letter-spacing-wide: 0.1em}:root{--space-xs: 0.25rem;--space-sm: 0.5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px;--nav-height: 60px;--nav-offset: 80px}:root{--ease-brutal: cubic-bezier(0.25, 0.46, 0.45, 0.94);--ease-linear: linear;--ease-snap: cubic-bezier(0.68, -0.55, 0.265, 1.55);--duration-instant: 0ms;--duration-fast: 150ms;--duration-base: 300ms;--duration-slow: 500ms;--duration-slowest: 800ms;--shadow-brutal-sm: 2px 2px 0 var(--color-charcoal);--shadow-brutal-md: 4px 4px 0 var(--color-charcoal);--shadow-brutal-lg: 8px 8px 0 var(--color-concrete);--shadow-brutal-xl: 12px 12px 0 var(--color-concrete);--border-thin: 1px solid var(--color-charcoal);--border-medium: 2px solid var(--color-charcoal);--border-thick: 4px solid var(--color-charcoal);--border-accent: 4px solid var(--color-accent-red)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-primary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-primary);background:var(--color-background);overflow-x:hidden}@media(prefers-reduced-motion: reduce){body{scroll-behavior:auto}body *,body *::before,body *::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}h1{font-family:var(--font-primary);font-weight:var(--font-weight-black);line-height:var(--line-height-tight);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-primary);font-size:var(--font-size-3xl);margin-bottom:var(--space-lg)}h2{font-family:var(--font-primary);font-weight:var(--font-weight-black);line-height:var(--line-height-tight);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-primary);font-size:var(--font-size-2xl);margin-bottom:var(--space-md)}h3{font-family:var(--font-primary);font-weight:var(--font-weight-black);line-height:var(--line-height-tight);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-primary);font-size:var(--font-size-xl);margin-bottom:var(--space-sm)}h4{font-family:var(--font-primary);font-weight:var(--font-weight-black);line-height:var(--line-height-tight);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-primary);font-size:var(--font-size-lg);margin-bottom:var(--space-sm)}p{font-family:var(--font-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin-bottom:var(--space-md);color:var(--color-text-secondary)}strong{font-weight:var(--font-weight-black);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}a{color:var(--color-accent-red);text-decoration:none;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);transition:all var(--duration-fast) var(--ease-linear)}a:hover{color:var(--color-text-inverse);background:var(--color-accent-red);padding:var(--space-xs) var(--space-sm);box-shadow:var(--shadow-brutal-sm)}a:focus{outline:2px solid var(--color-focus);outline-offset:2px}ul,ol{margin-bottom:var(--space-md);padding-left:var(--space-xl)}li{font-family:var(--font-secondary);font-size:var(--font-size-base);line-height:var(--line-height-normal);margin-bottom:var(--space-sm);color:var(--color-text-secondary)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-upper{text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);font-weight:var(--font-weight-bold)}.text-inverse{color:var(--color-text-inverse)}.mb-0{margin-bottom:0}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.mt-0{margin-top:0}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.grid{display:grid}.brutalist-accent{position:relative}.brutalist-accent::after{content:"";position:absolute;bottom:-4px;left:0;width:60px;height:4px;background:var(--color-accent-red);box-shadow:var(--shadow-brutal-sm)}.brutalist-nav{background:#000;border-bottom:8px solid #6b7280;padding:0;position:fixed;top:0;left:0;right:0;z-index:1000;height:80px}.nav-container{display:flex;align-items:center;justify-content:space-between;max-width:none;padding:0 2rem;height:100%}.nav-back{font-family:"Arial Black",Arial,sans-serif;font-weight:900;font-size:1.25rem;color:#fff;text-transform:uppercase;padding:1rem 2rem;border:3px solid #fff;text-decoration:none}.nav-back:hover{background:#fff;color:#000}.nav-title{font-family:"Arial Black",Arial,sans-serif;font-weight:900;font-size:clamp(1.5rem,4vw,2.5rem);color:#fff;text-transform:uppercase;letter-spacing:-0.02em;margin:0}.hero-section{min-height:100vh;background:#f5f5f5;display:flex;align-items:center;justify-content:center;padding-top:80px;border-bottom:12px solid #000}.hero-content{text-align:center;max-width:none;padding:4rem 2rem}.hero-title{font-family:"Arial Black",Arial,sans-serif;font-weight:900;font-size:clamp(6rem,20vw,20rem);line-height:.8;color:#000;text-transform:uppercase;margin-bottom:2rem;text-shadow:8px 8px 0 #6b7280}.hero-subtitle{font-family:Arial,sans-serif;font-weight:700;font-size:clamp(1.5rem,4vw,3rem);color:#000;text-transform:uppercase;margin-bottom:0;background:#000;color:#fff;padding:1rem 2rem;border:4px solid #000;display:inline-block}.main-content{background:#fff;padding:0}.content-panel{padding:4rem 2rem;border-bottom:8px solid #000}.content-panel:nth-child(even){background:#f5f5f5}.section-title{font-family:"Arial Black",Arial,sans-serif;font-weight:900;font-size:clamp(1.5rem,8vw,8rem);color:#000;text-transform:uppercase;text-align:center;margin-bottom:4rem;border-bottom:6px solid #000;padding-bottom:1rem}.philosophy-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem;max-width:1400px;margin:0 auto}.philosophy-card{background:#fff;border:6px solid #000;padding:2rem;text-align:center}.philosophy-card:hover{background:#000;color:#fff}.philosophy-card:hover .card-title,.philosophy-card:hover .card-description{color:#fff}.philosophy-card:hover .card-icon{background:#000}.card-icon{font-size:4rem;background:#000;color:#fff;width:120px;height:120px;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem auto;border:4px solid #000}.card-title{font-family:"Arial Black",Arial,sans-serif;font-weight:900;font-size:clamp(1.25rem,3vw,2rem);color:#000;text-transform:uppercase;margin-bottom:1rem;line-height:1}.card-description{font-family:Arial,sans-serif;font-weight:700;font-size:clamp(1rem,2vw,1.25rem);color:#000;line-height:1.3}.techniques-list{max-width:1200px;margin:0 auto}.technique-item{display:grid;grid-template-columns:120px 1fr;gap:2rem;margin-bottom:4rem;padding:2rem;border:4px solid #000;background:#fff}.technique-item:nth-child(even){background:#f5f5f5}.technique-number{font-family:"Arial Black",Arial,sans-serif;font-weight:900;font-size:clamp(3rem,6vw,6rem);color:#dc2626;text-align:center;border:4px solid #000;display:flex;align-items:center;justify-content:center;background:#000;color:#fff}.technique-content{padding:1rem 0}.technique-title{font-family:"Arial Black",Arial,sans-serif;font-weight:900;font-size:clamp(1.5rem,4vw,3rem);color:#000;text-transform:uppercase;margin-bottom:1rem;line-height:1}.technique-description{font-family:Arial,sans-serif;font-weight:700;font-size:clamp(1rem,2vw,1.25rem);color:#000;line-height:1.3;margin-bottom:2rem}.showcase-content{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:3rem;max-width:1400px;margin:0 auto}.showcase-item{text-align:center;padding:2rem;border:4px solid #000;background:#fff}.showcase-label{font-family:"Arial Black",Arial,sans-serif;font-weight:900;font-size:clamp(1rem,2vw,1.5rem);color:#000;text-transform:uppercase;margin-bottom:2rem;border-bottom:3px solid #000;padding-bottom:1rem}.btn-brutalist{font-family:"Arial Black",Arial,sans-serif;font-weight:900;text-transform:uppercase;border:6px solid #000;background:#fff;color:#000;padding:2rem 4rem;font-size:clamp(1.25rem,3vw,2rem);cursor:pointer;transition:none}.btn-brutalist:hover{background:#000;color:#fff;transform:translate(-4px, -4px);box-shadow:8px 8px 0 #dc2626}.btn-brutalist:active{background:#dc2626;border-color:#dc2626;color:#fff;transform:translate(0, 0);box-shadow:none}.brutalist-card{background:#f5f5f5;border:4px solid #000;padding:2rem;cursor:pointer}.brutalist-card:hover{background:#000;color:#fff;transform:translate(-2px, -2px);box-shadow:4px 4px 0 #6b7280}.brutalist-card:hover h4,.brutalist-card:hover p{color:#fff}.brutalist-card h4{font-family:"Arial Black",Arial,sans-serif;font-weight:900;font-size:clamp(1.25rem,3vw,2rem);color:#000;text-transform:uppercase;margin-bottom:1rem}.brutalist-card p{font-family:Arial,sans-serif;font-weight:700;font-size:clamp(1rem,2vw,1.25rem);color:#000;margin:0}.color-palette{display:grid;grid-template-columns:repeat(5, 1fr);gap:1rem;margin-top:2rem}.color-swatch{aspect-ratio:1;border:4px solid #000;position:relative;cursor:pointer}.color-swatch:hover::after{content:attr(data-color);position:absolute;bottom:-3rem;left:50%;transform:translateX(-50%);background:#000;color:#fff;padding:.5rem 1rem;font-family:Arial,sans-serif;font-weight:700;font-size:.875rem;text-transform:uppercase;white-space:nowrap;z-index:10}.elements-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:2rem;max-width:1400px;margin:0 auto}.elements-column{background:#fff;border:4px solid #000;padding:2rem}.column-title{font-family:"Arial Black",Arial,sans-serif;font-weight:900;font-size:clamp(1rem,2vw,1.5rem);color:#fff;background:#000;text-transform:uppercase;margin:-2rem -2rem 2rem -2rem;padding:1rem 2rem;border-bottom:4px solid #000;height:95px}.elements-list{margin:0}.elements-list li{font-family:Arial,sans-serif;font-weight:700;font-size:clamp(.875rem,1.5vw,1.125rem);color:#000;margin-bottom:.75rem;border-bottom:1px solid #e5e5e5;padding-bottom:.5rem}.resources-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:2rem;max-width:1400px;margin:0 auto}.resource-category{background:#f5f5f5;border:4px solid #000;padding:2rem}.resource-title{font-family:"Arial Black",Arial,sans-serif;font-weight:900;font-size:clamp(1rem,2vw,1.5rem);color:#fff;background:#dc2626;text-transform:uppercase;margin:-2rem -2rem 2rem -2rem;padding:1rem 2rem;height:95px}.resource-list{margin:0}.resource-list li{font-family:Arial,sans-serif;font-weight:700;font-size:clamp(.875rem,1.5vw,1.125rem);color:#000;margin-bottom:.75rem;padding-left:1rem;border-left:3px solid #6b7280}.brutalist-footer{background:#000;border-top:8px solid #dc2626;padding:3rem 2rem;text-align:center}.footer-content{max-width:none}.footer-text{font-family:"Arial Black",Arial,sans-serif;font-weight:900;font-size:clamp(1.25rem,3vw,2rem);color:#fff;text-transform:uppercase;margin-bottom:1rem}.footer-subtext{font-family:Arial,sans-serif;font-weight:700;font-size:clamp(1rem,2vw,1.25rem);color:#dc2626;text-transform:uppercase;margin:0}@media(max-width: 768px){.technique-item{grid-template-columns:1fr;text-align:center}.technique-number{justify-self:center;width:80px;height:80px}.showcase-content{grid-template-columns:1fr}.elements-grid,.resources-grid{grid-template-columns:1fr}.color-palette{grid-template-columns:repeat(3, 1fr)}}@media(max-width: 480px){.content-panel{padding:2rem 1rem}.nav-container{padding:0 1rem}.hero-content{padding:2rem 1rem}.section-title{font-size:clamp(1.25rem,6vw,2.5rem);word-break:break-word;hyphens:auto;line-height:1.1}}/*# sourceMappingURL=brutalism.css.map */