:root{--color-primary: #8b4513;--color-primary-light: #a0522d;--color-primary-dark: #654321;--color-secondary: #b8b8b8;--color-secondary-light: #d3d3d3;--color-secondary-dark: #a9a9a9;--color-tertiary: #d2691e;--color-tertiary-light: #deb887;--color-tertiary-dark: #cd853f;--color-accent: #daa520;--color-accent-light: #f0e68c;--color-accent-dark: #b8860b;--text-primary: #2f1b14;--text-secondary: #8b7355;--text-inverse: #f5f5dc;--text-white: #ffffff;--bg-primary: #f8f8ff;--bg-secondary: #ffffff;--bg-overlay: rgba(0, 0, 0, 0.1);--shadow-light: 0 1px 3px rgba(0, 0, 0, 0.2);--shadow-medium: 0 3px 6px rgba(0, 0, 0, 0.3);--shadow-heavy: 0 6px 12px rgba(0, 0, 0, 0.4);--shadow-inset: inset 0 2px 4px rgba(0, 0, 0, 0.2);--shadow-pressed: inset 0 2px 4px rgba(0, 0, 0, 0.3);--highlight-soft: rgba(255, 255, 255, 0.2);--highlight-medium: rgba(255, 255, 255, 0.4);--highlight-strong: rgba(255, 255, 255, 0.6);--gradient-leather: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.1) 100%);--gradient-metal: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.1) 100%);--gradient-wood: linear-gradient( 180deg, rgba(255, 255, 255, 0.15) 0%, rgba(139, 69, 19, 0.1) 100% );--gradient-button: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.1) 100%);--font-size-h1: clamp(2.5rem, 2rem + 2.5vw, 4rem);--font-size-h2: clamp(2rem, 1.5rem + 2.5vw, 3rem);--font-size-h3: clamp(1.5rem, 1.25rem + 1.25vw, 2.5rem);--font-size-h4: clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem);--font-size-body: clamp(1rem, 0.9rem + 0.5vw, 1.125rem);--font-size-small: clamp(0.875rem, 0.8rem + 0.375vw, 1rem);--space-xs: 0.5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4rem;--timing-quick: 150ms;--timing-medium: 250ms;--timing-slow: 400ms;--timing-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55);--timing-soft: cubic-bezier(0.25, 0.46, 0.45, 0.94);--timing-realistic: cubic-bezier(0.4, 0, 0.2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:"Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:var(--font-size-body);line-height:1.7;color:var(--text-primary);background:repeating-linear-gradient(45deg, rgba(139, 69, 19, 0.01) 0px, rgba(139, 69, 19, 0.01) 1px, transparent 1px, transparent 20px),repeating-linear-gradient(-45deg, rgba(184, 184, 184, 0.005) 0px, rgba(184, 184, 184, 0.005) 1px, transparent 1px, transparent 30px),radial-gradient(circle at 20% 80%, rgba(139, 69, 19, 0.02) 0%, transparent 50%),radial-gradient(circle at 80% 20%, rgba(184, 184, 184, 0.015) 0%, transparent 50%),radial-gradient(circle at 40% 40%, rgba(210, 105, 30, 0.01) 0%, transparent 50%),#f8f8f0;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:"Crimson Text","Times New Roman",serif;font-weight:600;line-height:1.3;color:var(--text-primary);text-shadow:0 1px 1px rgba(0,0,0,.1);position:relative}h1::after,h2::after,h3::after,h4::after,h5::after,h6::after{content:"";position:absolute;bottom:-4px;left:0;width:60px;height:2px;background:linear-gradient(90deg, var(--color-accent) 0%, transparent 100%);border-radius:1px;box-shadow:0 1px 0 hsla(0,0%,100%,.5)}h1{font-size:var(--font-size-h1);font-weight:700}h1::after{width:80px;height:3px}h2{font-size:var(--font-size-h2)}h2::after{width:70px}h3{font-size:var(--font-size-h3)}h3::after{width:50px;height:1px}h4{font-size:var(--font-size-h4)}h4::after{width:40px;height:1px}p{margin-bottom:1.5em;letter-spacing:.02em}a{color:var(--color-accent-dark);text-decoration:none;position:relative;transition:all var(--timing-medium) var(--timing-soft)}a::after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg, var(--color-accent) 0%, var(--color-accent-light) 100%);transition:width var(--timing-medium) var(--timing-soft);box-shadow:0 1px 0 hsla(0,0%,100%,.5)}a:hover{color:var(--color-accent);text-shadow:0 1px 2px rgba(0,0,0,.1)}a:hover::after{width:100%}a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;box-shadow:var(--shadow-medium),0 0 0 4px rgba(218,165,32,.2)}ul,ol{margin-left:1.5em;margin-bottom:1.5em}li{margin-bottom:.5em;letter-spacing:.01em}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-md)}@media(min-width: 768px){.container{padding:0 var(--space-lg)}}@media(min-width: 1024px){.container{padding:0 var(--space-xl)}}.content-panel{padding:var(--space-xl) 0;position:relative;margin:var(--space-lg) 0}.content-panel::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(90deg, rgba(139, 69, 19, 0.02) 0px, rgba(139, 69, 19, 0.02) 1px, transparent 1px, transparent 24px),repeating-linear-gradient(0deg, rgba(139, 69, 19, 0.015) 0px, rgba(139, 69, 19, 0.015) 1px, transparent 1px, transparent 24px),radial-gradient(circle at 30% 70%, rgba(139, 69, 19, 0.03) 0%, transparent 40%),radial-gradient(circle at 70% 30%, rgba(184, 184, 184, 0.02) 0%, transparent 35%),#fffef8;border:1px solid rgba(139,69,19,.15);box-shadow:0 4px 8px rgba(0,0,0,.15),0 2px 4px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.9),inset 0 -1px 0 rgba(139,69,19,.05);margin:0 var(--space-md);border-radius:20px;z-index:0}.content-panel>.container{position:relative;z-index:1}@media(max-width: 479px){.content-panel{padding:var(--space-lg) 0;margin:var(--space-md) 0}.content-panel::before{margin:0 var(--space-xs);border-radius:16px}}.section-title{text-align:center;margin-bottom:var(--space-xl);position:relative;font-size:var(--font-size-h2);color:var(--text-primary);text-shadow:2px 2px 4px rgba(0,0,0,.2),0 1px 0 hsla(0,0%,100%,.8);padding:var(--space-md) var(--space-xl);background:repeating-linear-gradient(90deg, rgba(139, 69, 19, 0.02) 0px, rgba(139, 69, 19, 0.02) 1px, transparent 1px, transparent 16px),radial-gradient(ellipse at center, rgba(255, 255, 255, 0.9) 0%, rgba(248, 248, 240, 0.8) 100%);border:2px solid rgba(139,69,19,.2);border-radius:40px;box-shadow:0 8px 16px rgba(0,0,0,.2),0 4px 8px rgba(0,0,0,.1),inset 0 2px 0 hsla(0,0%,100%,.9),inset 0 -2px 0 rgba(139,69,19,.1)}.section-title::after{display:none}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.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}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}.navigation{position:fixed;top:0;left:0;right:0;z-index:1000;padding:var(--space-sm) 0}.navigation::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.03) 0px, rgba(0, 0, 0, 0.03) 1px, transparent 1px, transparent 8px),repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0.02) 0px, rgba(0, 0, 0, 0.02) 1px, transparent 1px, transparent 12px),radial-gradient(ellipse at 20% 30%, rgba(139, 69, 19, 0.1) 0%, transparent 40%),radial-gradient(ellipse at 80% 70%, rgba(139, 69, 19, 0.08) 0%, transparent 35%),radial-gradient(ellipse at 45% 80%, rgba(101, 67, 33, 0.05) 0%, transparent 30%),linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 40%, var(--color-primary) 100%);border:1px solid var(--color-primary-dark);box-shadow:0 8px 16px rgba(0,0,0,.4),0 4px 8px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.15),inset 0 -1px 0 rgba(0,0,0,.3),inset 2px 2px 4px hsla(0,0%,100%,.1),inset -2px -2px 4px rgba(0,0,0,.1);border-bottom:2px solid var(--color-primary-dark);backdrop-filter:blur(10px)}.navigation .nav-container{max-width:1200px;margin:0 auto;padding:0 var(--space-md);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}@media(min-width: 768px){.navigation .nav-container{padding:0 var(--space-lg)}}.navigation .nav-link{color:var(--text-inverse);font-weight:600;font-size:var(--font-size-body);text-shadow:1px 1px 2px rgba(0,0,0,.5);padding:var(--space-xs) var(--space-sm);border-radius:6px;border:1px solid rgba(0,0,0,0);transition:all var(--timing-medium) var(--timing-soft)}.navigation .nav-link::after{display:none}.navigation .nav-link:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.2),0 2px 4px rgba(0,0,0,.2);color:var(--text-inverse);text-shadow:1px 1px 3px rgba(0,0,0,.7)}.navigation .nav-link:focus-visible{outline:2px solid var(--color-accent-light);outline-offset:2px;box-shadow:0 0 0 4px hsla(0,0%,100%,.2)}.navigation .nav-title{color:var(--text-inverse);font-size:var(--font-size-h3);font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5);letter-spacing:.02em}.navigation .nav-title::after{display:none}@media(max-width: 479px){.navigation .nav-title{font-size:var(--font-size-h4)}}body{padding-top:80px}@media(max-width: 479px){body{padding-top:70px}}.demo-button{font-family:"Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:var(--font-size-body);font-weight:600;color:var(--text-inverse);padding:var(--space-sm) var(--space-lg);border:none;border-radius:8px;cursor:pointer;text-shadow:1px 1px 2px rgba(0,0,0,.3);transition:all var(--timing-medium) var(--timing-realistic);position:relative;display:inline-block;margin:var(--space-xs);letter-spacing:.02em;overflow:hidden}.demo-button .button-text{position:relative;z-index:2}.demo-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;box-shadow:var(--shadow-medium),0 0 0 4px rgba(218,165,32,.2)}@media(prefers-reduced-motion: reduce){.demo-button{transition:none}}.leather-button{background:repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.03) 0px, rgba(0, 0, 0, 0.03) 1px, transparent 1px, transparent 8px),repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0.02) 0px, rgba(0, 0, 0, 0.02) 1px, transparent 1px, transparent 12px),radial-gradient(ellipse at 20% 30%, rgba(139, 69, 19, 0.1) 0%, transparent 40%),radial-gradient(ellipse at 80% 70%, rgba(139, 69, 19, 0.08) 0%, transparent 35%),radial-gradient(ellipse at 45% 80%, rgba(101, 67, 33, 0.05) 0%, transparent 30%),linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 40%, var(--color-primary) 100%);border:1px solid var(--color-primary-dark);box-shadow:0 8px 16px rgba(0,0,0,.4),0 4px 8px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.15),inset 0 -1px 0 rgba(0,0,0,.3),inset 2px 2px 4px hsla(0,0%,100%,.1),inset -2px -2px 4px rgba(0,0,0,.1);color:var(--text-inverse)}.leather-button::before{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:2px;border:1px dashed rgba(139,69,19,.4);border-radius:6px;z-index:1;pointer-events:none}.leather-button::after{content:"";position:absolute;top:4px;left:4px;right:4px;bottom:4px;border:1px dotted rgba(101,67,33,.6);border-radius:4px;z-index:1;pointer-events:none}.leather-button:hover{box-shadow:0 12px 24px rgba(0,0,0,.5),0 6px 12px rgba(0,0,0,.3),inset 0 2px 0 hsla(0,0%,100%,.4),inset 0 -2px 0 rgba(0,0,0,.2),inset 2px 2px 4px hsla(0,0%,100%,.2),inset -2px -2px 4px rgba(0,0,0,.1);filter:brightness(1.1);transform:translateY(-2px);background:var(--gradient-leather),var(--color-primary-light)}.leather-button:active{box-shadow:0 2px 4px rgba(0,0,0,.3),inset 0 4px 8px rgba(0,0,0,.4),inset 0 2px 4px rgba(0,0,0,.3),inset 2px 2px 6px rgba(0,0,0,.2),inset -1px -1px 2px hsla(0,0%,100%,.1);transform:translateY(3px);background:linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%),var(--color-primary-dark)}.metal-button{background:repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.08) 0px, rgba(255, 255, 255, 0.08) 1px, transparent 1px, transparent 2px),repeating-linear-gradient(0deg, rgba(0, 0, 0, 0.03) 0px, rgba(0, 0, 0, 0.03) 1px, transparent 1px, transparent 2px),linear-gradient(180deg, #e8e8e8 0%, var(--color-secondary) 30%, var(--color-secondary-dark) 70%, #a9a9a9 100%);border:1px solid #999;box-shadow:0 6px 12px rgba(0,0,0,.3),0 2px 4px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.8),inset 0 -1px 0 rgba(0,0,0,.2),inset 1px 0 0 hsla(0,0%,100%,.3),inset -1px 0 0 rgba(0,0,0,.1);color:var(--text-primary);text-shadow:0 1px 0 hsla(0,0%,100%,.5)}.metal-button::before{content:"";position:absolute;top:1px;left:0;right:0;height:50%;background:linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, transparent 100%);border-radius:8px 8px 0 0;pointer-events:none;z-index:1}.metal-button::after{content:"⚫ ⚫";position:absolute;top:3px;left:50%;transform:translateX(-50%);font-size:4px;color:rgba(0,0,0,.3);line-height:1;z-index:2;pointer-events:none}.metal-button:hover{box-shadow:0 12px 24px rgba(0,0,0,.5),0 6px 12px rgba(0,0,0,.3),inset 0 2px 0 hsla(0,0%,100%,.4),inset 0 -2px 0 rgba(0,0,0,.2),inset 2px 2px 4px hsla(0,0%,100%,.2),inset -2px -2px 4px rgba(0,0,0,.1);filter:brightness(1.1);transform:translateY(-2px);background:linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.2) 50%, transparent 100%),linear-gradient(0deg, var(--color-secondary-light) 0%, #e8e8e8 50%, var(--color-secondary-light) 100%);background-size:2px 100%,100% 100%}.metal-button:active{box-shadow:0 2px 4px rgba(0,0,0,.3),inset 0 4px 8px rgba(0,0,0,.4),inset 0 2px 4px rgba(0,0,0,.3),inset 2px 2px 6px rgba(0,0,0,.2),inset -1px -1px 2px hsla(0,0%,100%,.1);transform:translateY(3px);background:linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.1) 50%, transparent 100%),linear-gradient(0deg, var(--color-secondary-dark) 0%, var(--color-secondary) 50%, var(--color-secondary-dark) 100%);background-size:2px 100%,100% 100%}.wood-button{background:repeating-linear-gradient(90deg, rgba(139, 69, 19, 0.1) 0px, rgba(139, 69, 19, 0.1) 2px, transparent 2px, transparent 8px),repeating-linear-gradient(0deg, rgba(160, 82, 45, 0.05) 0px, rgba(160, 82, 45, 0.05) 1px, transparent 1px, transparent 16px),radial-gradient(ellipse at 15% 20%, rgba(101, 67, 33, 0.2) 0%, transparent 25%),radial-gradient(ellipse at 85% 60%, rgba(139, 69, 19, 0.15) 0%, transparent 30%),radial-gradient(ellipse at 45% 90%, rgba(160, 82, 45, 0.1) 0%, transparent 20%),linear-gradient(45deg, var(--color-tertiary-dark) 0%, var(--color-tertiary) 25%, var(--color-tertiary-light) 50%, var(--color-tertiary) 75%, var(--color-tertiary-dark) 100%);border:1px solid var(--color-tertiary-dark);box-shadow:0 8px 16px rgba(0,0,0,.35),0 4px 8px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.2),inset 0 -1px 0 rgba(0,0,0,.3),inset 2px 2px 4px hsla(0,0%,100%,.15),inset -2px -2px 4px rgba(139,69,19,.2);color:var(--text-inverse)}.wood-button::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(90deg, transparent 0px, rgba(139, 69, 19, 0.1) 1px, transparent 2px, transparent 8px),linear-gradient(45deg, transparent 0%, rgba(139, 69, 19, 0.15) 25%, transparent 50%, rgba(139, 69, 19, 0.1) 75%, transparent 100%);border-radius:8px;pointer-events:none;z-index:1}.wood-button::after{content:"";position:absolute;top:50%;left:20%;width:3px;height:3px;background:radial-gradient(circle, rgba(101, 67, 33, 0.8) 0%, transparent 70%);border-radius:50%;transform:translateY(-50%);z-index:2;pointer-events:none}.wood-button:hover{box-shadow:0 12px 24px rgba(0,0,0,.5),0 6px 12px rgba(0,0,0,.3),inset 0 2px 0 hsla(0,0%,100%,.4),inset 0 -2px 0 rgba(0,0,0,.2),inset 2px 2px 4px hsla(0,0%,100%,.2),inset -2px -2px 4px rgba(0,0,0,.1);filter:brightness(1.1);transform:translateY(-2px);background:radial-gradient(ellipse at 20% 50%, rgba(139, 69, 19, 0.15) 0%, transparent 50%),radial-gradient(ellipse at 80% 30%, rgba(139, 69, 19, 0.1) 0%, transparent 50%),linear-gradient(45deg, var(--color-tertiary-light) 0%, #deb887 50%, var(--color-tertiary-light) 100%)}.wood-button:active{box-shadow:0 2px 4px rgba(0,0,0,.3),inset 0 4px 8px rgba(0,0,0,.4),inset 0 2px 4px rgba(0,0,0,.3),inset 2px 2px 6px rgba(0,0,0,.2),inset -1px -1px 2px hsla(0,0%,100%,.1);transform:translateY(3px);background:radial-gradient(ellipse at 20% 50%, rgba(139, 69, 19, 0.2) 0%, transparent 50%),radial-gradient(ellipse at 80% 30%, rgba(139, 69, 19, 0.15) 0%, transparent 50%),linear-gradient(45deg, var(--color-tertiary-dark) 0%, var(--color-tertiary) 50%, var(--color-tertiary-dark) 100%)}.card-button{background:repeating-linear-gradient(90deg, rgba(139, 69, 19, 0.02) 0px, rgba(139, 69, 19, 0.02) 1px, transparent 1px, transparent 24px),repeating-linear-gradient(0deg, rgba(139, 69, 19, 0.015) 0px, rgba(139, 69, 19, 0.015) 1px, transparent 1px, transparent 24px),radial-gradient(circle at 30% 70%, rgba(139, 69, 19, 0.03) 0%, transparent 40%),radial-gradient(circle at 70% 30%, rgba(184, 184, 184, 0.02) 0%, transparent 35%),#fffef8;border:1px solid rgba(139,69,19,.15);box-shadow:0 4px 8px rgba(0,0,0,.15),0 2px 4px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.9),inset 0 -1px 0 rgba(139,69,19,.05);font-family:"Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:var(--font-size-small);font-weight:600;color:var(--text-primary);padding:var(--space-xs) var(--space-md);border:1px solid rgba(139,69,19,.2);border-radius:6px;cursor:pointer;transition:all var(--timing-medium) var(--timing-soft);text-shadow:0 1px 0 hsla(0,0%,100%,.8);position:relative}.card-button::before{content:"";position:absolute;top:0;right:0;width:0;height:0;border-left:8px solid rgba(0,0,0,0);border-top:8px solid rgba(139,69,19,.1);border-radius:0 6px 0 0;pointer-events:none;z-index:1}.card-button::after{content:"∘ ∘ ∘";position:absolute;left:6px;top:50%;transform:translateY(-50%);font-size:6px;color:rgba(139,69,19,.3);letter-spacing:2px;z-index:1;pointer-events:none}.card-button:hover{background:radial-gradient(circle at 25% 75%, rgba(139, 69, 19, 0.05) 0%, transparent 50%),#fff;border-color:rgba(139,69,19,.3);box-shadow:0 3px 6px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.9)}.card-button:active{box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.1);transform:translateY(1px)}.card-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.demo-button-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}@media(max-width: 479px){.demo-button-container{flex-direction:column;gap:var(--space-xs)}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:repeating-linear-gradient(45deg, rgba(139, 69, 19, 0.03) 0px, rgba(139, 69, 19, 0.03) 2px, transparent 2px, transparent 40px),repeating-linear-gradient(-45deg, rgba(184, 184, 184, 0.02) 0px, rgba(184, 184, 184, 0.02) 1px, transparent 1px, transparent 60px),radial-gradient(circle at 30% 70%, rgba(139, 69, 19, 0.05) 0%, transparent 40%),radial-gradient(circle at 70% 30%, rgba(184, 184, 184, 0.03) 0%, transparent 50%),linear-gradient(135deg, #f5f2e8 0%, #eeebe0 50%, #e8e5d8 100%)}.hero .hero-content{text-align:center;z-index:2;position:relative;max-width:800px;padding:var(--space-2xl);background:radial-gradient(ellipse at center, rgba(255, 255, 255, 0.8) 0%, rgba(248, 248, 240, 0.6) 100%);border:3px solid rgba(139,69,19,.3);border-radius:30px;box-shadow:0 20px 40px rgba(0,0,0,.3),0 10px 20px rgba(0,0,0,.2),inset 0 3px 0 hsla(0,0%,100%,.9),inset 0 -3px 0 rgba(139,69,19,.2),inset 3px 3px 6px hsla(0,0%,100%,.3),inset -3px -3px 6px rgba(139,69,19,.1)}.hero .hero-title{font-size:var(--font-size-h1);margin-bottom:var(--space-md);color:var(--text-primary);text-shadow:3px 3px 6px rgba(0,0,0,.3),1px 1px 0 hsla(0,0%,100%,.8),-1px -1px 0 rgba(139,69,19,.2);font-weight:700}.hero .hero-title::after{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:120px;height:6px;background:repeating-linear-gradient(90deg, var(--color-accent-dark) 0px, var(--color-accent-dark) 4px, var(--color-accent) 4px, var(--color-accent) 8px);border-radius:3px;border:1px solid var(--color-accent-dark);box-shadow:0 3px 6px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.4),inset 0 -1px 0 rgba(139,69,19,.3)}.hero .hero-subtitle{font-size:var(--font-size-h3);color:var(--color-accent-dark);margin-bottom:var(--space-md);font-weight:600;font-family:var(--font-primary);text-shadow:2px 2px 4px rgba(0,0,0,.2),1px 1px 0 hsla(0,0%,100%,.6)}.hero .hero-description{font-size:var(--font-size-body);line-height:1.8;color:var(--text-secondary);max-width:600px;margin:0 auto;text-shadow:0 1px 0 hsla(0,0%,100%,.8)}.hero .hero-background{display:none}.design-philosophy .philosophy-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:var(--space-lg);margin-top:var(--space-lg)}.design-philosophy .philosophy-card{background:repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.03) 0px, rgba(0, 0, 0, 0.03) 1px, transparent 1px, transparent 8px),repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0.02) 0px, rgba(0, 0, 0, 0.02) 1px, transparent 1px, transparent 12px),radial-gradient(ellipse at 20% 30%, rgba(139, 69, 19, 0.1) 0%, transparent 40%),radial-gradient(ellipse at 80% 70%, rgba(139, 69, 19, 0.08) 0%, transparent 35%),radial-gradient(ellipse at 45% 80%, rgba(101, 67, 33, 0.05) 0%, transparent 30%),linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 40%, var(--color-primary) 100%);border:1px solid var(--color-primary-dark);box-shadow:0 8px 16px rgba(0,0,0,.4),0 4px 8px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.15),inset 0 -1px 0 rgba(0,0,0,.3),inset 2px 2px 4px hsla(0,0%,100%,.1),inset -2px -2px 4px rgba(0,0,0,.1);padding:var(--space-xl);text-align:center;transition:all var(--timing-medium) var(--timing-soft);position:relative;border-radius:20px}.design-philosophy .philosophy-card::before{content:"";position:absolute;top:15px;left:15px;right:15px;bottom:15px;border:2px dashed hsla(0,0%,100%,.3);border-radius:12px;pointer-events:none}.design-philosophy .philosophy-card::after{content:"";position:absolute;top:20px;right:20px;width:12px;height:12px;background:var(--color-accent);border-radius:50%;border:2px solid var(--color-primary-dark);box-shadow:0 2px 4px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.5)}.design-philosophy .philosophy-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 16px 32px rgba(0,0,0,.5),0 8px 16px rgba(0,0,0,.3),inset 0 2px 0 hsla(0,0%,100%,.2),inset 0 -2px 0 rgba(0,0,0,.4),inset 3px 3px 6px hsla(0,0%,100%,.15),inset -3px -3px 6px rgba(0,0,0,.15)}.design-philosophy .philosophy-card .card-icon{font-size:4rem;margin-bottom:var(--space-md);filter:drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3));text-shadow:2px 2px 4px rgba(0,0,0,.2)}.design-philosophy .philosophy-card h3{margin-bottom:var(--space-sm);color:var(--text-inverse);text-shadow:2px 2px 4px rgba(0,0,0,.5),1px 1px 0 hsla(0,0%,100%,.1)}.design-philosophy .philosophy-card h3::after{display:none}.design-philosophy .philosophy-card p{color:rgba(245,245,220,.9);line-height:1.6;margin-bottom:0;text-shadow:1px 1px 2px rgba(0,0,0,.4)}.techniques .techniques-list{display:flex;flex-direction:column;gap:var(--space-xl)}.techniques .technique-item{display:grid;grid-template-columns:auto 1fr;gap:var(--space-lg);align-items:center;padding:var(--space-xl);background:repeating-linear-gradient(90deg, rgba(139, 69, 19, 0.1) 0px, rgba(139, 69, 19, 0.1) 2px, transparent 2px, transparent 8px),repeating-linear-gradient(0deg, rgba(160, 82, 45, 0.05) 0px, rgba(160, 82, 45, 0.05) 1px, transparent 1px, transparent 16px),radial-gradient(ellipse at 15% 20%, rgba(101, 67, 33, 0.2) 0%, transparent 25%),radial-gradient(ellipse at 85% 60%, rgba(139, 69, 19, 0.15) 0%, transparent 30%),radial-gradient(ellipse at 45% 90%, rgba(160, 82, 45, 0.1) 0%, transparent 20%),linear-gradient(45deg, var(--color-tertiary-dark) 0%, var(--color-tertiary) 25%, var(--color-tertiary-light) 50%, var(--color-tertiary) 75%, var(--color-tertiary-dark) 100%);border:1px solid var(--color-tertiary-dark);box-shadow:0 8px 16px rgba(0,0,0,.35),0 4px 8px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.2),inset 0 -1px 0 rgba(0,0,0,.3),inset 2px 2px 4px hsla(0,0%,100%,.15),inset -2px -2px 4px rgba(139,69,19,.2);border-radius:25px;transition:all var(--timing-medium) var(--timing-soft);position:relative}.techniques .technique-item::before{content:"";position:absolute;top:20px;left:20px;right:20px;bottom:20px;border:1px solid rgba(139,69,19,.3);border-radius:15px;pointer-events:none}.techniques .technique-item:hover{transform:translateX(6px) translateY(-2px);box-shadow:0 16px 32px rgba(0,0,0,.4),0 8px 16px rgba(0,0,0,.25),inset 0 2px 0 hsla(0,0%,100%,.3),inset 0 -2px 0 rgba(0,0,0,.4),inset 3px 3px 6px hsla(0,0%,100%,.2),inset -3px -3px 6px rgba(139,69,19,.25)}@media(min-width: 768px){.techniques .technique-item{grid-template-columns:120px 1fr auto;gap:var(--space-xl)}}.techniques .technique-number{font-family:var(--font-primary);font-size:4rem;font-weight:700;color:var(--text-inverse);text-shadow:3px 3px 6px rgba(0,0,0,.5),1px 1px 0 hsla(0,0%,100%,.2),-1px -1px 0 rgba(139,69,19,.3);background:radial-gradient(circle at 30% 30%, var(--color-accent-light) 0%, var(--color-accent-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;position:relative}.techniques .technique-number::before{content:attr(data-number);position:absolute;top:2px;left:2px;color:rgba(0,0,0,.3);-webkit-text-fill-color:rgba(0,0,0,.3);z-index:-1}@media(max-width: 479px){.techniques .technique-number{font-size:2.5rem}}.techniques .technique-content h3{margin-bottom:var(--space-sm);color:var(--text-inverse);text-shadow:2px 2px 4px rgba(0,0,0,.5),1px 1px 0 hsla(0,0%,100%,.1)}.techniques .technique-content h3::after{width:50px;background:var(--color-accent);border:1px solid var(--color-accent-dark);box-shadow:0 2px 4px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.4)}.techniques .technique-content p{color:rgba(245,245,220,.9);margin-bottom:0;text-shadow:1px 1px 2px rgba(0,0,0,.4)}.techniques .technique-demo{width:100px;height:100px;border-radius:12px;margin-left:auto;border:2px solid rgba(139,69,19,.4)}@media(max-width: 479px){.techniques .technique-demo{grid-column:1/-1;width:80px;height:80px;margin:var(--space-sm) auto 0}}.techniques .depth-demo{background:repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.03) 0px, rgba(0, 0, 0, 0.03) 1px, transparent 1px, transparent 8px),repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0.02) 0px, rgba(0, 0, 0, 0.02) 1px, transparent 1px, transparent 12px),radial-gradient(ellipse at 20% 30%, rgba(139, 69, 19, 0.1) 0%, transparent 40%),radial-gradient(ellipse at 80% 70%, rgba(139, 69, 19, 0.08) 0%, transparent 35%),radial-gradient(ellipse at 45% 80%, rgba(101, 67, 33, 0.05) 0%, transparent 30%),linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 40%, var(--color-primary) 100%);border:1px solid var(--color-primary-dark);box-shadow:0 8px 16px rgba(0,0,0,.4),0 4px 8px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.15),inset 0 -1px 0 rgba(0,0,0,.3),inset 2px 2px 4px hsla(0,0%,100%,.1),inset -2px -2px 4px rgba(0,0,0,.1);animation:depthPulse 3s ease-in-out infinite;position:relative}.techniques .depth-demo::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:20px;height:20px;background:var(--color-accent);border-radius:50%;border:2px solid var(--color-primary-dark);box-shadow:0 4px 8px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.5)}.techniques .texture-demo{background:repeating-linear-gradient(90deg, rgba(139, 69, 19, 0.1) 0px, rgba(139, 69, 19, 0.1) 2px, transparent 2px, transparent 8px),repeating-linear-gradient(0deg, rgba(160, 82, 45, 0.05) 0px, rgba(160, 82, 45, 0.05) 1px, transparent 1px, transparent 16px),radial-gradient(ellipse at 15% 20%, rgba(101, 67, 33, 0.2) 0%, transparent 25%),radial-gradient(ellipse at 85% 60%, rgba(139, 69, 19, 0.15) 0%, transparent 30%),radial-gradient(ellipse at 45% 90%, rgba(160, 82, 45, 0.1) 0%, transparent 20%),linear-gradient(45deg, var(--color-tertiary-dark) 0%, var(--color-tertiary) 25%, var(--color-tertiary-light) 50%, var(--color-tertiary) 75%, var(--color-tertiary-dark) 100%);border:1px solid var(--color-tertiary-dark);box-shadow:0 8px 16px rgba(0,0,0,.35),0 4px 8px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.2),inset 0 -1px 0 rgba(0,0,0,.3),inset 2px 2px 4px hsla(0,0%,100%,.15),inset -2px -2px 4px rgba(139,69,19,.2);animation:textureRotate 4s ease-in-out infinite}.techniques .texture-demo::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:30px;height:4px;background:rgba(139,69,19,.8);border-radius:2px;box-shadow:0 6px 0 rgba(139,69,19,.6),0 12px 0 rgba(139,69,19,.4),0 18px 0 rgba(139,69,19,.2)}.techniques .lighting-demo{background:repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.08) 0px, rgba(255, 255, 255, 0.08) 1px, transparent 1px, transparent 2px),repeating-linear-gradient(0deg, rgba(0, 0, 0, 0.03) 0px, rgba(0, 0, 0, 0.03) 1px, transparent 1px, transparent 2px),linear-gradient(180deg, #e8e8e8 0%, var(--color-secondary) 30%, var(--color-secondary-dark) 70%, #a9a9a9 100%);border:1px solid #999;box-shadow:0 6px 12px rgba(0,0,0,.3),0 2px 4px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.8),inset 0 -1px 0 rgba(0,0,0,.2),inset 1px 0 0 hsla(0,0%,100%,.3),inset -1px 0 0 rgba(0,0,0,.1);animation:lightingShift 3s ease-in-out infinite;position:relative}.techniques .lighting-demo::after{content:"";position:absolute;top:20%;left:20%;width:60%;height:60%;background:radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.8) 0%, transparent 70%);border-radius:50%;animation:lightingShift 3s ease-in-out infinite}.techniques .interaction-demo{background:repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.03) 0px, rgba(0, 0, 0, 0.03) 1px, transparent 1px, transparent 8px),repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0.02) 0px, rgba(0, 0, 0, 0.02) 1px, transparent 1px, transparent 12px),radial-gradient(ellipse at 20% 30%, rgba(139, 69, 19, 0.1) 0%, transparent 40%),radial-gradient(ellipse at 80% 70%, rgba(139, 69, 19, 0.08) 0%, transparent 35%),radial-gradient(ellipse at 45% 80%, rgba(101, 67, 33, 0.05) 0%, transparent 30%),linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 40%, var(--color-primary) 100%);border:1px solid var(--color-primary-dark);box-shadow:0 8px 16px rgba(0,0,0,.4),0 4px 8px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.15),inset 0 -1px 0 rgba(0,0,0,.3),inset 2px 2px 4px hsla(0,0%,100%,.1),inset -2px -2px 4px rgba(0,0,0,.1);cursor:pointer;transition:all var(--timing-medium) var(--timing-bounce);position:relative}.techniques .interaction-demo::after{content:"👆";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3))}.techniques .interaction-demo:hover{transform:scale(0.95) translateY(2px);box-shadow:0 6px 12px rgba(0,0,0,.3),0 2px 4px rgba(0,0,0,.2),inset 0 4px 8px rgba(0,0,0,.4),inset 0 2px 4px rgba(0,0,0,.3)}.interactive-showcase .showcase-content{display:grid;grid-template-columns:1fr;gap:var(--space-xl);align-items:start}@media(min-width: 768px){.interactive-showcase .showcase-content{grid-template-columns:1fr 1fr;gap:var(--space-2xl)}}@media(min-width: 1024px){.interactive-showcase .showcase-content{grid-template-columns:1fr 1fr 1fr}}.interactive-showcase .demo-card{background:hsla(0,0%,100%,.7);border:2px solid rgba(139,69,19,.2);border-radius:16px;padding:var(--space-lg);box-shadow:0 8px 20px rgba(0,0,0,.12),inset 0 1px 0 hsla(0,0%,100%,.8);transition:all var(--timing-medium) var(--timing-soft)}.interactive-showcase .demo-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.18),inset 0 1px 0 hsla(0,0%,100%,.9);border-color:rgba(139,69,19,.3)}.interactive-showcase .demo-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.interactive-showcase .demo-card .card-header h3{margin-bottom:0}.interactive-showcase .demo-card .card-header h3::after{display:none}.interactive-showcase .demo-card .card-content p{color:var(--text-secondary);margin-bottom:var(--space-md)}.interactive-showcase .demo-card .card-actions{text-align:right}.interactive-showcase .toggle-switch{width:60px;height:30px;background:var(--color-secondary-dark);border-radius:15px;position:relative;cursor:pointer;box-shadow:inset 0 2px 4px rgba(0,0,0,.2),0 1px 0 hsla(0,0%,100%,.5);transition:all var(--timing-medium) var(--timing-soft)}.interactive-showcase .toggle-switch::before{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;background:var(--color-secondary-light);border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.6);transition:all var(--timing-medium) var(--timing-bounce)}.interactive-showcase .toggle-switch:hover{background:var(--color-secondary)}.interactive-showcase .toggle-switch:hover::before{box-shadow:0 3px 6px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.7)}.interactive-showcase .toggle-switch:active::before{transform:scale(0.9)}.interactive-showcase .material-palette{grid-column:1/-1;text-align:center}@media(min-width: 1024px){.interactive-showcase .material-palette{grid-column:auto}}.interactive-showcase .material-palette h3{margin-bottom:var(--space-lg)}.interactive-showcase .material-palette h3::after{left:50%;transform:translateX(-50%)}.interactive-showcase .material-samples{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--space-md)}@media(min-width: 768px){.interactive-showcase .material-samples{grid-template-columns:repeat(4, 1fr)}}@media(min-width: 1024px){.interactive-showcase .material-samples{grid-template-columns:repeat(2, 1fr)}}.interactive-showcase .material-sample{aspect-ratio:1;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--text-inverse);font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.5);transition:all var(--timing-medium) var(--timing-soft);cursor:pointer}.interactive-showcase .material-sample:hover{transform:scale(1.05)}.interactive-showcase .material-sample.leather-sample{background:repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.03) 0px, rgba(0, 0, 0, 0.03) 1px, transparent 1px, transparent 8px),repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0.02) 0px, rgba(0, 0, 0, 0.02) 1px, transparent 1px, transparent 12px),radial-gradient(ellipse at 20% 30%, rgba(139, 69, 19, 0.1) 0%, transparent 40%),radial-gradient(ellipse at 80% 70%, rgba(139, 69, 19, 0.08) 0%, transparent 35%),radial-gradient(ellipse at 45% 80%, rgba(101, 67, 33, 0.05) 0%, transparent 30%),linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 40%, var(--color-primary) 100%);border:1px solid var(--color-primary-dark);box-shadow:0 8px 16px rgba(0,0,0,.4),0 4px 8px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.15),inset 0 -1px 0 rgba(0,0,0,.3),inset 2px 2px 4px hsla(0,0%,100%,.1),inset -2px -2px 4px rgba(0,0,0,.1)}.interactive-showcase .material-sample.metal-sample{background:repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.08) 0px, rgba(255, 255, 255, 0.08) 1px, transparent 1px, transparent 2px),repeating-linear-gradient(0deg, rgba(0, 0, 0, 0.03) 0px, rgba(0, 0, 0, 0.03) 1px, transparent 1px, transparent 2px),linear-gradient(180deg, #e8e8e8 0%, var(--color-secondary) 30%, var(--color-secondary-dark) 70%, #a9a9a9 100%);border:1px solid #999;box-shadow:0 6px 12px rgba(0,0,0,.3),0 2px 4px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.8),inset 0 -1px 0 rgba(0,0,0,.2),inset 1px 0 0 hsla(0,0%,100%,.3),inset -1px 0 0 rgba(0,0,0,.1);color:var(--text-primary);text-shadow:0 1px 0 hsla(0,0%,100%,.5)}.interactive-showcase .material-sample.wood-sample{background:repeating-linear-gradient(90deg, rgba(139, 69, 19, 0.1) 0px, rgba(139, 69, 19, 0.1) 2px, transparent 2px, transparent 8px),repeating-linear-gradient(0deg, rgba(160, 82, 45, 0.05) 0px, rgba(160, 82, 45, 0.05) 1px, transparent 1px, transparent 16px),radial-gradient(ellipse at 15% 20%, rgba(101, 67, 33, 0.2) 0%, transparent 25%),radial-gradient(ellipse at 85% 60%, rgba(139, 69, 19, 0.15) 0%, transparent 30%),radial-gradient(ellipse at 45% 90%, rgba(160, 82, 45, 0.1) 0%, transparent 20%),linear-gradient(45deg, var(--color-tertiary-dark) 0%, var(--color-tertiary) 25%, var(--color-tertiary-light) 50%, var(--color-tertiary) 75%, var(--color-tertiary-dark) 100%);border:1px solid var(--color-tertiary-dark);box-shadow:0 8px 16px rgba(0,0,0,.35),0 4px 8px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.2),inset 0 -1px 0 rgba(0,0,0,.3),inset 2px 2px 4px hsla(0,0%,100%,.15),inset -2px -2px 4px rgba(139,69,19,.2)}.interactive-showcase .material-sample.paper-sample{background:repeating-linear-gradient(90deg, rgba(139, 69, 19, 0.02) 0px, rgba(139, 69, 19, 0.02) 1px, transparent 1px, transparent 24px),repeating-linear-gradient(0deg, rgba(139, 69, 19, 0.015) 0px, rgba(139, 69, 19, 0.015) 1px, transparent 1px, transparent 24px),radial-gradient(circle at 30% 70%, rgba(139, 69, 19, 0.03) 0%, transparent 40%),radial-gradient(circle at 70% 30%, rgba(184, 184, 184, 0.02) 0%, transparent 35%),#fffef8;border:1px solid rgba(139,69,19,.15);box-shadow:0 4px 8px rgba(0,0,0,.15),0 2px 4px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.9),inset 0 -1px 0 rgba(139,69,19,.05);color:var(--text-primary);text-shadow:0 1px 0 hsla(0,0%,100%,.8)}.key-elements{background:linear-gradient(135deg, rgba(184, 184, 184, 0.05) 0%, rgba(255, 255, 255, 0.1) 100%)}.key-elements .elements-grid{display:grid;grid-template-columns:1fr;gap:var(--space-xl)}@media(min-width: 768px){.key-elements .elements-grid{grid-template-columns:1fr 1fr;gap:var(--space-2xl)}}.key-elements .elements-column h3{margin-bottom:var(--space-lg);text-align:center}.key-elements .elements-column h3::after{left:50%;transform:translateX(-50%)}.key-elements .elements-list{list-style:none;margin-left:0}.key-elements .elements-list li{padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-xs);background:hsla(0,0%,100%,.5);border-radius:8px;border-left:4px solid var(--color-accent);box-shadow:0 2px 4px rgba(0,0,0,.05),inset 0 1px 0 hsla(0,0%,100%,.8);transition:all var(--timing-medium) var(--timing-soft)}.key-elements .elements-list li:hover{background:hsla(0,0%,100%,.7);transform:translateX(4px);box-shadow:0 4px 8px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.9)}.tools-resources .resources-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}@media(min-width: 768px){.tools-resources .resources-grid{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 1024px){.tools-resources .resources-grid{grid-template-columns:repeat(4, 1fr)}}.tools-resources .resource-category{background:hsla(0,0%,100%,.6);border:1px solid rgba(139,69,19,.2);border-radius:12px;padding:var(--space-lg);transition:all var(--timing-medium) var(--timing-soft);box-shadow:0 4px 12px rgba(0,0,0,.08),inset 0 1px 0 hsla(0,0%,100%,.8)}.tools-resources .resource-category:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,.12),inset 0 1px 0 hsla(0,0%,100%,.9);border-color:rgba(139,69,19,.3)}.tools-resources .resource-category h3{text-align:center;margin-bottom:var(--space-md);color:var(--color-accent-dark)}.tools-resources .resource-category h3::after{left:50%;transform:translateX(-50%);width:30px}.tools-resources .resource-list{list-style:none;margin-left:0}.tools-resources .resource-list li{padding:var(--space-xs) 0;color:var(--text-secondary);border-bottom:1px solid rgba(139,69,19,.1);transition:all var(--timing-medium) var(--timing-soft)}.tools-resources .resource-list li:last-child{border-bottom:none}.tools-resources .resource-list li:hover{color:var(--text-primary);padding-left:var(--space-xs)}.footer{background:var(--color-primary);color:var(--text-inverse);padding:var(--space-lg) 0;text-align:center;border-top:2px solid var(--color-primary-dark);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.2)}.footer p{margin-bottom:0;text-shadow:1px 1px 2px rgba(0,0,0,.3)}@keyframes textureShift{0%,100%{transform:scale(1) rotate(0deg);opacity:.5}50%{transform:scale(1.1) rotate(1deg);opacity:.8}}@keyframes depthPulse{0%,100%{box-shadow:0 8px 16px rgba(0,0,0,.3),inset 0 2px 0 hsla(0,0%,100%,.4)}50%{box-shadow:0 12px 24px rgba(0,0,0,.4),inset 0 3px 0 hsla(0,0%,100%,.5)}}@keyframes textureRotate{0%,100%{filter:hue-rotate(0deg) brightness(1)}50%{filter:hue-rotate(10deg) brightness(1.1)}}@keyframes lightingShift{0%,100%{background-position:0% 50%,0% 0%}50%{background-position:100% 50%,0% 0%}}@media(max-width: 479px){.hero{min-height:80vh}.hero .hero-content{padding:var(--space-lg)}.philosophy-grid{grid-template-columns:1fr}.showcase-content{grid-template-columns:1fr}.material-samples{grid-template-columns:repeat(2, 1fr)}}/*# sourceMappingURL=skeuomorphism.css.map */