:root{--color-concrete: #fafafa;--color-charcoal: #1a1a1a;--color-steel: #6b7280;--color-white: #ffffff;--color-slate: #374151;--color-accent-red: #e53e3e;--color-accent-orange: #f56500;--color-text-primary: #1a1a1a;--color-text-secondary: #374151;--color-text-inverse: #ffffff;--color-background: #ffffff;--color-surface: #fafafa}:root{--text-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);--text-sm: clamp(0.875rem, 0.8rem + 0.375vw, 1rem);--text-base: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);--text-lg: clamp(1.25rem, 1.1rem + 0.75vw, 1.5rem);--text-xl: clamp(1.75rem, 1.5rem + 1.25vw, 2.25rem);--text-2xl: clamp(2.5rem, 2rem + 2.5vw, 3.5rem);--text-3xl: clamp(3.5rem, 3rem + 3vw, 5rem);--text-4xl: clamp(5rem, 4rem + 5vw, 7rem);--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-semibold: 600;--font-weight-bold: 700;--font-weight-black: 900}:root{--space-1: 0.5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem;--space-6: 3rem;--space-8: 4rem;--space-12: 6rem;--space-16: 8rem;--space-20: 10rem;--space-24: 12rem}:root{--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1);--shadow-brutal: 4px 4px 0 var(--color-charcoal);--shadow-brutal-lg: 8px 8px 0 var(--color-steel);--shadow-brutal-accent: 4px 4px 0 var(--color-accent-red)}:root{--ease-brutal: cubic-bezier(0.25, 0.46, 0.45, 0.94);--ease-natural: cubic-bezier(0.4, 0, 0.2, 1);--ease-snap: cubic-bezier(0.25, 0.1, 0.25, 1);--duration-fast: 150ms;--duration-normal: 250ms;--duration-slow: 400ms}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media(prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:var(--text-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed);color:var(--color-text-primary);background:var(--color-background);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:-0.02em;color:var(--color-text-primary);margin:0 0 var(--space-3) 0}h1{font-size:var(--text-4xl);font-weight:var(--font-weight-black);margin-bottom:var(--space-6)}@media(max-width: 767px){h1{font-size:var(--text-3xl)}}h2{font-size:var(--text-3xl);font-weight:var(--font-weight-black);margin-bottom:var(--space-4)}@media(max-width: 767px){h2{font-size:var(--text-2xl)}}h3{font-size:var(--text-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-3)}h4{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}p{margin:0 0 var(--space-3) 0}p:last-child{margin-bottom:0}a{color:var(--color-accent-red);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--duration-fast) var(--ease-natural)}a:hover{color:var(--color-accent-orange)}a:focus{outline:2px solid var(--color-accent-orange);outline-offset:2px;border-radius:2px}ul,ol{margin:0 0 var(--space-3) 0;padding-left:var(--space-4)}li{margin-bottom:var(--space-1)}li:last-child{margin-bottom:0}button{border:none;background:none;font:inherit;cursor:pointer}input,textarea,select{font:inherit;color:inherit}:focus{outline:2px solid var(--color-accent-orange);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}@media(max-width: 767px){.container{padding:0 var(--space-3)}}@media(max-width: 639px){.container{padding:0 var(--space-2)}}.main-content{padding-top:5rem;min-height:100vh}@media(max-width: 639px){.main-content{padding-top:4rem}}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}.main-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--color-white);backdrop-filter:blur(10px);border-bottom:3px solid var(--color-charcoal);box-shadow:var(--shadow-lg)}.nav-content{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:var(--space-3) var(--space-4)}@media(max-width: 767px){.nav-content{padding:var(--space-2) var(--space-3)}}@media(max-width: 639px){.nav-content{padding:var(--space-2)}}.nav-link{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-3);background:var(--color-charcoal);color:var(--color-white) !important;font-weight:var(--font-weight-semibold);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;border-radius:0;transition:all var(--duration-fast) var(--ease-brutal);box-shadow:2px 2px 0 var(--color-steel)}.nav-link:hover{background:var(--color-accent-red);transform:translate(1px, 1px);box-shadow:1px 1px 0 var(--color-steel)}.nav-link:active{transform:translate(2px, 2px);box-shadow:none}.nav-link:focus{outline:2px solid var(--color-accent-orange);outline-offset:2px}@media(max-width: 639px){.nav-link{padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}}.nav-title{font-size:var(--text-lg);font-weight:var(--font-weight-black);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.1em}@media(max-width: 767px){.nav-title{font-size:var(--text-base)}}@media(max-width: 639px){.nav-title{font-size:var(--text-sm);letter-spacing:.05em}}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-white);overflow:hidden;padding:var(--space-8) var(--space-4)}@media(max-width: 767px){.hero-section{min-height:80vh;padding:var(--space-6) var(--space-3)}}@media(max-width: 639px){.hero-section{min-height:70vh;padding:var(--space-4) var(--space-2)}}.hero-content{text-align:center;max-width:800px;position:relative;z-index:2}.hero-title{font-size:var(--text-4xl);font-weight:var(--font-weight-black);line-height:var(--line-height-tight);letter-spacing:-0.03em;color:var(--color-text-primary);margin-bottom:var(--space-4);text-transform:uppercase}@media(max-width: 767px){.hero-title{font-size:var(--text-3xl)}}@media(max-width: 639px){.hero-title{font-size:var(--text-2xl)}}.hero-subtitle{font-size:var(--text-xl);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--space-6);letter-spacing:.02em}@media(max-width: 767px){.hero-subtitle{font-size:var(--text-lg)}}@media(max-width: 639px){.hero-subtitle{font-size:var(--text-base)}}.hero-accent{width:120px;height:8px;background:var(--color-accent-red);margin:0 auto;position:relative}.hero-accent::after{content:"";position:absolute;right:-12px;top:0;width:8px;height:8px;background:var(--color-accent-orange)}@media(max-width: 639px){.hero-accent{width:80px;height:6px}.hero-accent::after{width:6px;height:6px;right:-8px}}.floating-elements{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.floating-block{position:absolute;background:var(--color-concrete);opacity:.6;animation:float-move 20s ease-in-out infinite}@media(prefers-reduced-motion: reduce){.floating-block{animation:none}}.floating-block--1{width:120px;height:120px;top:20%;left:10%;animation-delay:0s}@media(max-width: 639px){.floating-block--1{width:60px;height:60px}}.floating-block--2{width:80px;height:200px;top:60%;right:15%;animation-delay:-7s}@media(max-width: 639px){.floating-block--2{width:40px;height:100px}}.floating-block--3{width:200px;height:80px;bottom:20%;left:20%;animation-delay:-14s}@media(max-width: 639px){.floating-block--3{width:100px;height:40px}}@keyframes float-move{0%,100%{transform:translate(0, 0) rotate(0deg)}25%{transform:translate(20px, -30px) rotate(2deg)}50%{transform:translate(-10px, 20px) rotate(-1deg)}75%{transform:translate(30px, 10px) rotate(1deg)}}.content-panel{background:rgba(250,250,250,.95);backdrop-filter:blur(10px);border:1px solid rgba(107,114,128,.3);border-radius:0;padding:var(--space-8);margin-bottom:var(--space-8);box-shadow:var(--shadow-lg)}@media(max-width: 767px){.content-panel{padding:var(--space-6);margin-bottom:var(--space-6)}}@media(max-width: 639px){.content-panel{padding:var(--space-4);margin-bottom:var(--space-4)}}.container .content-panel{max-width:1200px;margin-left:auto;margin-right:auto}.section-title{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-weight:var(--font-weight-black);line-height:var(--line-height-tight);letter-spacing:-0.02em;color:var(--color-text-primary);margin:0 0 var(--space-4) 0;font-size:var(--text-3xl);text-align:center;margin-bottom:var(--space-8)}.section-title::after{content:"";display:block;width:4rem;height:4px;background:var(--color-accent-red);margin-top:var(--space-2)}@media(max-width: 767px){.section-title{font-size:var(--text-2xl);margin-bottom:var(--space-6)}}@media(max-width: 639px){.section-title{font-size:var(--text-xl);margin-bottom:var(--space-4)}}.main-footer{background:var(--color-charcoal);color:var(--color-white);padding:var(--space-8) var(--space-4);text-align:center;margin-top:var(--space-12)}@media(max-width: 767px){.main-footer{padding:var(--space-6) var(--space-3);margin-top:var(--space-8)}}@media(max-width: 639px){.main-footer{padding:var(--space-4) var(--space-2);margin-top:var(--space-6)}}.footer-content{max-width:800px;margin:0 auto}.footer-content p{font-size:var(--text-sm);font-weight:var(--font-weight-normal);opacity:.9;margin:0}@media(max-width: 639px){.footer-content p{font-size:var(--text-xs)}}.btn-minimal-brutal{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);border:2px solid var(--color-charcoal);background:var(--color-white);color:var(--color-text-primary);font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-weight:var(--font-weight-semibold);font-size:var(--text-base);text-decoration:none;text-transform:uppercase;letter-spacing:.05em;transition:all var(--duration-fast) var(--ease-brutal);cursor:pointer;box-shadow:var(--shadow-brutal)}.btn-minimal-brutal:hover{transform:translate(2px, 2px);box-shadow:2px 2px 0 var(--color-charcoal)}.btn-minimal-brutal:active{transform:translate(4px, 4px);box-shadow:none}.btn-minimal-brutal:focus{outline:3px solid var(--color-accent-orange);outline-offset:2px}.btn-minimal-brutal--secondary{background:var(--color-concrete);border-color:var(--color-steel);color:var(--color-text-primary);box-shadow:4px 4px 0 var(--color-steel)}.btn-minimal-brutal--secondary:hover{background:var(--color-steel);color:var(--color-white);box-shadow:2px 2px 0 var(--color-steel)}.btn-minimal-brutal--secondary:active{box-shadow:none}.demo-card{background:var(--color-white);border:2px solid var(--color-charcoal);padding:var(--space-6);box-shadow:var(--shadow-brutal);transition:all var(--duration-normal) var(--ease-brutal)}.demo-card:hover{transform:translate(-2px, -2px);box-shadow:6px 6px 0 var(--color-charcoal)}.demo-card h4{font-size:var(--text-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2);color:var(--color-text-primary)}.demo-card p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}@media(max-width: 639px){.demo-card{padding:var(--space-4)}}.philosophy-card{background:var(--color-white);border:2px solid var(--color-steel);padding:var(--space-6);text-align:center;box-shadow:var(--shadow-lg);transition:all var(--duration-normal) var(--ease-natural)}.philosophy-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--color-accent-red)}@media(max-width: 639px){.philosophy-card{padding:var(--space-4)}}.card-icon{font-size:var(--text-3xl);margin-bottom:var(--space-3);display:block}@media(max-width: 639px){.card-icon{font-size:var(--text-2xl)}}.philosophy-card h3{font-size:var(--text-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-3);color:var(--color-text-primary)}@media(max-width: 639px){.philosophy-card h3{font-size:var(--text-base)}}.philosophy-card p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.color-palette{display:flex;gap:var(--space-2);justify-content:center;flex-wrap:wrap}.color-swatch{width:60px;height:60px;border:2px solid var(--color-charcoal);box-shadow:var(--shadow-md);transition:all var(--duration-fast) var(--ease-natural);cursor:pointer}.color-swatch:hover{transform:scale(1.1);box-shadow:var(--shadow-lg)}@media(max-width: 639px){.color-swatch{width:40px;height:40px}}.demo-element{display:flex;align-items:center;justify-content:center;margin-top:var(--space-3);min-height:80px}.demo-typography{gap:var(--space-4)}.demo-typography .demo-large{font-size:var(--text-3xl);font-weight:var(--font-weight-black);color:var(--color-text-primary);text-transform:uppercase}.demo-typography .demo-small{font-size:var(--text-sm);font-weight:var(--font-weight-normal);color:var(--color-text-secondary);font-style:italic}@media(max-width: 639px){.demo-typography{flex-direction:column;gap:var(--space-2)}.demo-typography .demo-large{font-size:var(--text-2xl)}}.demo-blocks{gap:var(--space-3)}.demo-blocks .demo-block{background:var(--color-charcoal)}.demo-blocks .demo-block--large{width:120px;height:40px}.demo-blocks .demo-block--small{width:60px;height:20px}@media(max-width: 639px){.demo-blocks .demo-block--large{width:80px;height:30px}.demo-blocks .demo-block--small{width:40px;height:15px}}.demo-colors{gap:var(--space-2)}.demo-colors .color-sample{width:80px;height:80px;border:2px solid var(--color-charcoal)}.demo-colors .color-sample--neutral{background:var(--color-steel)}.demo-colors .color-sample--accent{background:var(--color-accent-red)}@media(max-width: 639px){.demo-colors .color-sample{width:60px;height:60px}}.elements-list,.tools-list{list-style:none;padding:0;margin:0}.elements-list li,.tools-list li{position:relative;padding-left:var(--space-4);margin-bottom:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary)}.elements-list li::before,.tools-list li::before{content:"▪";position:absolute;left:0;top:0;color:var(--color-accent-red);font-weight:var(--font-weight-bold)}.elements-list li:last-child,.tools-list li:last-child{margin-bottom:0}@media(max-width: 639px){.elements-list li,.tools-list li{font-size:var(--text-xs)}}.philosophy-section .philosophy-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:var(--space-6)}@media(max-width: 767px){.philosophy-section .philosophy-grid{gap:var(--space-4)}}@media(max-width: 639px){.philosophy-section .philosophy-grid{grid-template-columns:1fr;gap:var(--space-3)}}.techniques-section .techniques-list{display:flex;flex-direction:column;gap:var(--space-8)}@media(max-width: 767px){.techniques-section .techniques-list{gap:var(--space-6)}}@media(max-width: 639px){.techniques-section .techniques-list{gap:var(--space-4)}}.technique-item{display:grid;grid-template-columns:auto 1fr;gap:var(--space-6);align-items:start}@media(max-width: 767px){.technique-item{gap:var(--space-4)}}@media(max-width: 639px){.technique-item{grid-template-columns:1fr;gap:var(--space-3);text-align:center}}.technique-number{font-size:var(--text-4xl);font-weight:var(--font-weight-black);color:var(--color-accent-red);line-height:1;min-width:120px;text-align:center}@media(max-width: 767px){.technique-number{font-size:var(--text-3xl);min-width:80px}}@media(max-width: 639px){.technique-number{font-size:var(--text-2xl);min-width:auto}}.technique-content h3{font-size:var(--text-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2);color:var(--color-text-primary)}@media(max-width: 639px){.technique-content h3{font-size:var(--text-lg)}}.technique-content p{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4)}@media(max-width: 639px){.technique-content p{font-size:var(--text-xs)}}.showcase-section .showcase-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:var(--space-8)}@media(max-width: 767px){.showcase-section .showcase-grid{gap:var(--space-4)}}@media(max-width: 639px){.showcase-section .showcase-grid{grid-template-columns:1fr;gap:var(--space-3)}}@media(max-width: 767px){.showcase-section .showcase-grid{gap:var(--space-6)}}@media(max-width: 639px){.showcase-section .showcase-grid{gap:var(--space-4)}}.showcase-item{text-align:center}.showcase-item h3{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4);color:var(--color-text-primary)}@media(max-width: 639px){.showcase-item h3{font-size:var(--text-base);margin-bottom:var(--space-3)}}.showcase-item .btn-minimal-brutal{margin:0 var(--space-1) var(--space-2) 0}@media(max-width: 639px){.showcase-item .btn-minimal-brutal{margin:0 0 var(--space-2) 0;width:100%}}.elements-section .elements-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:var(--space-6)}@media(max-width: 767px){.elements-section .elements-grid{gap:var(--space-4)}}@media(max-width: 639px){.elements-section .elements-grid{grid-template-columns:1fr;gap:var(--space-3)}}.elements-column h3{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4);color:var(--color-text-primary);padding-bottom:var(--space-2);border-bottom:2px solid var(--color-accent-red)}@media(max-width: 639px){.elements-column h3{font-size:var(--text-base);margin-bottom:var(--space-3)}}.tools-section .tools-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:var(--space-6)}@media(max-width: 767px){.tools-section .tools-grid{gap:var(--space-4)}}@media(max-width: 639px){.tools-section .tools-grid{grid-template-columns:1fr;gap:var(--space-3)}}.tools-column h3{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4);color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-2)}@media(max-width: 639px){.tools-column h3{font-size:var(--text-base);margin-bottom:var(--space-3)}}/*# sourceMappingURL=minimal-brutalism.css.map */