@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;800;900&family=Cinzel+Decorative:wght@400;700;900&display=swap";.stone-tablets-container{display:flex;gap:4rem;justify-content:center;flex-wrap:wrap;margin:5rem auto;max-width:1400px;padding:2rem;perspective:2000px;transform-style:preserve-3d}.stone-tablet{position:relative;width:100%;max-width:520px;padding:4rem 3rem 4.5rem;background:conic-gradient(from 45deg at 20% 30%,rgba(255,245,225,.6) 0deg,transparent 90deg),conic-gradient(from 225deg at 80% 70%,rgba(139,69,19,.3) 0deg,transparent 120deg),radial-gradient(ellipse 150% 100% at 25% 15%,rgba(255,248,235,.7),transparent 70%),radial-gradient(ellipse 120% 80% at 75% 85%,rgba(101,67,33,.2),transparent 60%),linear-gradient(135deg,#f5e6d3,#e8d5be 10%,#d4c4b0,#c8b7a1,#baa892,#c2b19c,#cdbca7,#d9c8b3);background-blend-mode:soft-light,multiply,screen,overlay,normal;border-radius:60px 60px 40px 40px/80px 80px 50px 50px;box-shadow:0 0 0 2px #8b451326,0 4px 8px #8b45131a,0 12px 24px #8b451326,0 24px 48px #8b451333,0 48px 96px #8b451340,0 96px 192px #0000004d,inset 0 0 0 2px #ffffff1a,inset 0 4px 8px #fff3,inset 0 -4px 8px #8b451326,inset 4px 4px 16px #ffffff1a,inset -4px -4px 16px #8b45131a,inset 0 -40px 80px #8b451314;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);font-family:Cinzel,Georgia,serif}.tablet-left{transform:rotateY(-4deg) rotateX(1deg) translateZ(50px);animation:tabletFloat 8s ease-in-out infinite}.tablet-right{transform:rotateY(8deg) rotateX(2deg) translateZ(50px);animation:tabletFloat 8s ease-in-out infinite;animation-delay:2s}@keyframes tabletFloat{0%,to{transform:rotateY(-4deg) rotateX(1deg) translateZ(50px) translateY(0)}25%{transform:rotateY(-5deg) rotateX(1.5deg) translateZ(55px) translateY(-8px)}50%{transform:rotateY(-3deg) rotateX(.5deg) translateZ(45px) translateY(-12px)}75%{transform:rotateY(-4.5deg) rotateX(1.2deg) translateZ(52px) translateY(-6px)}}.tablet-right{animation-name:tabletFloatRight}@keyframes tabletFloatRight{0%,to{transform:rotateY(8deg) rotateX(2deg) translateZ(50px) translateY(0)}25%{transform:rotateY(6deg) rotateX(1deg) translateZ(45px) translateY(-10px)}50%{transform:rotateY(10deg) rotateX(3deg) translateZ(55px) translateY(-8px)}75%{transform:rotateY(9deg) rotateX(2.5deg) translateZ(52px) translateY(-4px)}}.stone-tablet:before{content:"";position:absolute;inset:-4px;background:linear-gradient(135deg,#8b451399,#65432166,#8b451380,#a0522d4d);border-radius:inherit;z-index:-2;filter:blur(2px)}.stone-tablet:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 40% 30% at 30% 20%,rgba(255,255,255,.08),transparent),radial-gradient(ellipse 60% 40% at 70% 80%,rgba(139,69,19,.04),transparent),linear-gradient(45deg,transparent 48%,rgba(255,255,255,.01) 49%,rgba(255,255,255,.01) 51%,transparent 52%);border-radius:inherit;pointer-events:none;mix-blend-mode:soft-light;z-index:1}.tablet-glow{position:absolute;inset:-20%;background:radial-gradient(circle at center,rgba(255,215,0,.1),transparent 50%);filter:blur(40px);z-index:-3;animation:glowPulse 6s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.3}50%{opacity:.6}}.tablet-texture{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0px,rgba(139,69,19,.015) 1px,rgba(139,69,19,.025) 2px,transparent 3px,transparent 8px),repeating-linear-gradient(90deg,transparent 0px,rgba(139,69,19,.015) 1px,rgba(139,69,19,.02) 2px,transparent 3px,transparent 12px),repeating-linear-gradient(45deg,transparent 0px,transparent 20px,rgba(255,255,255,.01) 21px,transparent 22px,transparent 42px);border-radius:inherit;pointer-events:none;z-index:2;mix-blend-mode:multiply}.golden-header{position:absolute;top:-30px;left:50%;transform:translate(-50%) translateZ(30px);width:140px;height:55px;background:conic-gradient(from 0deg,#fff8dc,gold,#ffb300,#ff8c00,gold,#fff8dc,gold,#ffb300,#ff8c00,gold,#fff8dc,gold,#fff8dc 360deg),radial-gradient(ellipse 70% 50% at 40% 30%,rgba(255,255,255,.9),transparent 60%),radial-gradient(ellipse 50% 40% at 60% 70%,rgba(255,215,0,.9),transparent 50%);background-blend-mode:multiply,screen,overlay;border-radius:70%/60%;box-shadow:0 0 0 3px #ffd7004d,0 0 30px #ffd700cc,0 0 60px #ffd70099,0 0 90px #ffd70066,0 15px 40px #ff8c004d,inset 0 0 0 2px #fff6,inset 0 3px 6px #fffc,inset 0 -3px 6px #ff8c0099,inset 3px 3px 12px #fff9,inset -3px -3px 12px #ff8c0066;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:900;font-family:Cinzel Decorative,Cinzel,serif;color:#4a2c00;letter-spacing:4px;text-shadow:0 0 20px rgba(255,255,255,.9),2px 2px 4px rgba(139,69,19,.8),3px 3px 8px rgba(139,69,19,.6),0 0 40px rgba(255,215,0,.4);animation:goldenGlow 4s ease-in-out infinite alternate;z-index:10;transform-style:preserve-3d;overflow:hidden}.golden-shine{position:absolute;top:10%;left:20%;width:30%;height:40%;background:linear-gradient(135deg,rgba(255,255,255,.8),rgba(255,255,255,.4) 40%,transparent 60%);border-radius:50%;filter:blur(4px);animation:shine 6s ease-in-out infinite}@keyframes shine{0%,to{transform:translate(0) translateY(0);opacity:.8}50%{transform:translate(20px) translateY(5px);opacity:.4}}@keyframes goldenGlow{0%{filter:brightness(1) saturate(1) drop-shadow(0 0 20px rgba(255,215,0,.5));transform:translate(-50%) translateZ(30px) scale(1) rotate(0)}50%{filter:brightness(1.3) saturate(1.4) drop-shadow(0 0 30px rgba(255,215,0,.7));transform:translate(-50%) translateZ(35px) scale(1.05) rotate(1deg)}to{filter:brightness(1.1) saturate(1.2) drop-shadow(0 0 25px rgba(255,215,0,.6));transform:translate(-50%) translateZ(32px) scale(1.02) rotate(-1deg)}}.commandments{position:relative;z-index:3}.commandment{margin-bottom:2.2rem;padding-bottom:1.8rem;border-bottom:3px solid;border-image:linear-gradient(90deg,transparent,rgba(139,69,19,.3) 15%,rgba(139,69,19,.5) 50%,rgba(139,69,19,.3) 85%,transparent) 1;animation:commandmentReveal 1s ease-out backwards;transform-style:preserve-3d}.commandment:nth-child(1){animation-delay:.2s}.commandment:nth-child(2){animation-delay:.4s}.commandment:nth-child(3){animation-delay:.6s}.commandment:nth-child(4){animation-delay:.8s}.commandment:nth-child(5){animation-delay:1s}@keyframes commandmentReveal{0%{opacity:0;transform:translateY(20px) translateZ(-20px) rotateX(-10deg)}to{opacity:1;transform:translateY(0) translateZ(0) rotateX(0)}}.commandment:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.commandment-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem}.commandment-number{font-size:2.4rem;font-weight:900;color:#2a1810;font-family:Cinzel Decorative,serif;letter-spacing:3px;text-shadow:0 0 20px rgba(255,255,255,.6),3px 3px 6px rgba(139,69,19,.8),4px 4px 10px rgba(139,69,19,.6),5px 5px 15px rgba(0,0,0,.3),inset 2px 2px 4px rgba(255,255,255,.3);background:linear-gradient(135deg,#3a2818,#2a1810,#3a2818);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:textCarve 6s ease-in-out infinite alternate}.commandment-icon{font-size:2rem;filter:sepia(100%) saturate(200%) hue-rotate(30deg) brightness(1.2);animation:iconGlow 3s ease-in-out infinite alternate;text-shadow:0 0 10px rgba(255,215,0,.5)}@keyframes iconGlow{0%{filter:sepia(100%) saturate(200%) hue-rotate(30deg) brightness(1.2);transform:scale(1)}to{filter:sepia(100%) saturate(300%) hue-rotate(45deg) brightness(1.5);transform:scale(1.1)}}@keyframes textCarve{0%{text-shadow:0 0 20px rgba(255,255,255,.6),3px 3px 6px rgba(139,69,19,.8),4px 4px 10px rgba(139,69,19,.6),5px 5px 15px rgba(0,0,0,.3)}to{text-shadow:0 0 25px rgba(255,255,255,.8),4px 4px 8px rgba(139,69,19,.9),5px 5px 12px rgba(139,69,19,.7),6px 6px 18px rgba(0,0,0,.4)}}.commandment-text{font-size:1.5rem;line-height:1.6;color:#1a1410;font-weight:800;font-family:Cinzel,serif;letter-spacing:1.5px;text-transform:uppercase;text-shadow:0 0 10px rgba(255,255,255,.4),2px 2px 4px rgba(139,69,19,.7),3px 3px 6px rgba(139,69,19,.5),4px 4px 10px rgba(0,0,0,.3),inset 1px 1px 2px rgba(255,255,255,.2);margin-bottom:.8rem;transform:translateZ(5px)}.commandment-subtext{font-size:1.15rem;font-style:italic;color:#4a3928;font-family:Cinzel,Georgia,serif;letter-spacing:.5px;opacity:.95;text-shadow:1px 1px 3px rgba(139,69,19,.4),0 0 8px rgba(255,255,255,.2);transform:translateZ(3px)}.tablet-edge-top,.tablet-edge-bottom{position:absolute;left:10%;right:10%;height:4px;background:linear-gradient(90deg,transparent,rgba(139,69,19,.2) 10%,rgba(139,69,19,.4) 30%,rgba(139,69,19,.5) 50%,rgba(139,69,19,.4) 70%,rgba(139,69,19,.2) 90%,transparent);z-index:1}.tablet-edge-top{top:20px;box-shadow:0 2px 4px #0003}.tablet-edge-bottom{bottom:20px;box-shadow:0 -2px 4px #0003}.stone-tablet:hover{transform:rotateY(-2deg) rotateX(.5deg) translateZ(60px) scale(1.02)}.tablet-right:hover{transform:rotateY(5deg) rotateX(1deg) translateZ(60px) scale(1.02)}@media (max-width: 768px){.stone-tablets-container{gap:3rem;padding:1rem}.stone-tablet{padding:3rem 2rem 3.5rem;max-width:100%}.commandment-number{font-size:2rem}.commandment-text{font-size:1.3rem}.commandment-subtext{font-size:1rem}.golden-header{width:120px;height:48px;font-size:1.5rem}}.commandment-cta{margin-top:1rem;padding:.8rem 1.5rem;background:linear-gradient(135deg,#d4c4b0,#c8b7a1,#baa892,#c2b19c,#cdbca7);border:2px solid rgba(139,69,19,.3);border-radius:30px;font-family:Cinzel,serif;font-size:.9rem;font-weight:600;color:#2a1810;text-shadow:0 1px 2px rgba(255,255,255,.3);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #8b451333,inset 0 1px 3px #fff6,inset 0 -1px 3px #8b451333;transform:translateZ(10px)}.commandment-cta:hover{background:linear-gradient(135deg,#e8d5be,#d4c4b0,#c8b7a1,#cdbca7,#d9c8b3);transform:translateZ(15px) scale(1.05);box-shadow:0 6px 12px #8b45134d,0 0 20px #ffd70033,inset 0 1px 3px #ffffff80,inset 0 -1px 3px #8b45134d}.commandment-cta:active{transform:translateZ(8px) scale(1.02);box-shadow:0 2px 4px #8b451366,inset 0 1px 3px #ffffff4d,inset 0 -1px 3px #8b451366}.commandment-modal-overlay{position:fixed;inset:0;background:#000c;backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0;backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(8px)}}.commandment-modal{background:conic-gradient(from 45deg at 20% 30%,rgba(255,245,225,.6) 0deg,transparent 90deg),conic-gradient(from 225deg at 80% 70%,rgba(139,69,19,.3) 0deg,transparent 120deg),radial-gradient(ellipse 150% 100% at 25% 15%,rgba(255,248,235,.7),transparent 70%),radial-gradient(ellipse 120% 80% at 75% 85%,rgba(101,67,33,.2),transparent 60%),linear-gradient(135deg,#f5e6d3,#e8d5be 10%,#d4c4b0,#c8b7a1,#baa892,#c2b19c,#cdbca7,#d9c8b3);max-width:600px;max-height:80vh;margin:2rem;border-radius:40px;box-shadow:0 0 0 2px #8b451326,0 20px 40px #0006,0 40px 80px #0000004d,inset 0 0 0 2px #ffffff1a,inset 0 4px 8px #fff3,inset 0 -4px 8px #8b451326;font-family:Cinzel,serif;overflow:hidden;animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1);position:relative}@keyframes modalSlideIn{0%{transform:translateY(-100px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-header{display:flex;align-items:center;padding:2rem 2.5rem 1rem;background:linear-gradient(135deg,rgba(255,215,0,.2) 0%,rgba(255,215,0,.1) 50%,transparent 100%);border-bottom:2px solid rgba(139,69,19,.2)}.modal-icon{font-size:3rem;margin-right:1.5rem;filter:sepia(100%) saturate(200%) hue-rotate(30deg) brightness(1.3);text-shadow:0 0 15px rgba(255,215,0,.6);animation:modalIconPulse 2s ease-in-out infinite alternate}@keyframes modalIconPulse{0%{transform:scale(1)}to{transform:scale(1.1)}}.modal-title{flex:1;font-size:1.4rem;font-weight:700;color:#2a1810;text-shadow:0 1px 3px rgba(255,255,255,.4);line-height:1.3;margin:0}.modal-close{width:40px;height:40px;border:none;background:#8b451333;border-radius:50%;font-size:1.5rem;color:#2a1810;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#8b45134d;transform:scale(1.1)}.modal-content{padding:1.5rem 2.5rem 2.5rem;max-height:60vh;overflow-y:auto}.modal-subtext{font-size:1.2rem;font-style:italic;color:#4a3928;margin-bottom:1.5rem;text-shadow:0 1px 2px rgba(255,255,255,.3)}.modal-details{font-size:1.1rem;line-height:1.6;color:#2a1810;text-shadow:0 1px 2px rgba(255,255,255,.2)}@media (max-width: 768px){.commandment-cta{padding:.6rem 1.2rem;font-size:.85rem}.commandment-modal{margin:1rem;max-height:90vh}.modal-header{padding:1.5rem;flex-direction:column;text-align:center}.modal-icon{margin:0 0 1rem}.modal-title{font-size:1.2rem;margin-bottom:1rem}.modal-close{position:absolute;top:1rem;right:1rem}.modal-content{padding:1rem 1.5rem 2rem}}