*{margin:0;padding:0;box-sizing:border-box}body{font-family:Georgia,serif;line-height:1.8;color:#2c2c2c;background-color:#f8f6f0}.container{max-width:1200px;margin:0 auto;padding:0 20px}.landing-page{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#4a3c3c;color:#fff;text-align:center;position:relative;overflow:hidden}.landing-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(139,69,19,.3) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(160,82,45,.2) 0%,transparent 50%),linear-gradient(45deg,rgba(101,67,33,.1) 0%,transparent 100%);z-index:1}.landing-title{font-size:3rem;margin-bottom:2rem;text-shadow:3px 3px 6px rgba(0,0,0,.5);animation:fadeInUp 1s ease-out;font-family:Georgia,serif;font-weight:700;letter-spacing:1px;position:relative;z-index:2}.camera-container{cursor:pointer;transition:all .4s ease;animation:fadeInUp 1s ease-out .5s both;position:relative;z-index:2;padding:20px;border-radius:50%;background:radial-gradient(circle,rgba(139,69,19,.2) 0%,transparent 70%)}.camera-container:hover{transform:scale(1.15) rotate(5deg);filter:brightness(1.2)}.camera-icon{width:180px;height:180px;filter:drop-shadow(0 6px 12px rgba(0,0,0,.4)) sepia(.3) contrast(1.1);transition:all .3s ease}.camera-container:hover .camera-icon{filter:drop-shadow(0 8px 16px rgba(0,0,0,.5)) sepia(.5) contrast(1.2) brightness(1.1)}.main-site{min-height:100vh;background:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.02) 50%,transparent 100%),repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(0,0,0,.03) 1px,rgba(0,0,0,.03) 2px),#f8f6f0}.header{background:linear-gradient(135deg,#2c2c2c,#1a1a1a);color:#f8f6f0;padding:2rem 0;position:sticky;top:0;z-index:100;border-bottom:4px solid #8B4513;box-shadow:0 2px 10px #0000004d}.header h1{text-align:center;font-size:2.5rem;font-family:Georgia,serif;font-weight:700;letter-spacing:2px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.content{padding:3rem 0;background:#f8f6f0}.comic-section{text-align:center;margin-bottom:4rem;padding:3rem 2rem;background:linear-gradient(45deg,#fafafa 25%,transparent 25%),linear-gradient(-45deg,#fafafa 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#fafafa 75%),linear-gradient(-45deg,transparent 75%,#fafafa 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;border:3px solid #8B4513;border-radius:15px;box-shadow:0 8px 20px #0000001a}.comic-title{font-size:3rem;margin-bottom:2rem;color:#2c2c2c;font-family:Georgia,serif;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.1);border-bottom:3px solid #8B4513;padding-bottom:1rem;display:inline-block}.comic-image{max-width:100%;height:auto;border-radius:10px;box-shadow:0 6px 15px #0003;margin-bottom:2rem;border:2px solid #8B4513;width:100%;max-width:700px}.comic-section p{font-size:1.3rem;line-height:1.8;color:#444;font-style:italic;max-width:800px;margin:0 auto}.article-section{max-width:900px;margin:0 auto;padding:0 2rem;background:#fff;box-shadow:0 0 20px #0000001a;border-radius:10px;position:relative}.article-section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:2px;height:100%;background:linear-gradient(to bottom,transparent 0%,#ddd 10%,#ddd 90%,transparent 100%);z-index:1}.article-content{font-size:1.2rem;line-height:1.9;padding:3rem;position:relative;z-index:2;background:#fff;border-radius:10px}.article-content h3{font-size:2.2rem;margin:3rem 0 1.5rem;color:#8b4513;font-family:Georgia,serif;font-weight:700;border-bottom:2px solid #8B4513;padding-bottom:.5rem;text-transform:uppercase;letter-spacing:1px}.article-content p{margin-bottom:1.8rem;text-align:justify;text-indent:2rem;color:#333}.article-content p:first-of-type{font-size:1.3rem;font-weight:500;color:#2c2c2c;text-indent:0;margin-bottom:2rem;padding:1rem;background:linear-gradient(135deg,#f8f6f0,#ede8d8);border-left:4px solid #8B4513;border-radius:5px}.article-content blockquote{margin:2.5rem 0;padding:2rem;background:linear-gradient(135deg,#f0f0f0,#e8e8e8);border-left:6px solid #8B4513;border-radius:8px;font-style:italic;font-size:1.3rem;line-height:1.7;color:#444;box-shadow:0 4px 10px #0000001a;position:relative}.article-content blockquote:before{content:'"';font-size:4rem;color:#8b4513;position:absolute;top:-10px;left:15px;font-family:Georgia,serif}.article-content a{color:#8b4513;text-decoration:underline;font-weight:500;transition:all .3s ease}.article-content a:hover{color:#654321;background-color:#8b45131a;padding:2px 4px;border-radius:3px}.article-image{width:100%;max-width:700px;height:auto;object-fit:contain}.image-container{text-align:center;margin:3rem 0;padding:2rem;background:linear-gradient(135deg,#fafafa,#f0f0f0);border-radius:10px;border:1px solid #ddd}.image-caption{font-size:1rem;color:#666;font-style:italic;margin-top:1rem;text-align:center}.back-to-top{position:fixed;bottom:30px;right:30px;background:linear-gradient(135deg,#8b4513,#654321);color:#fff;border:none;border-radius:50%;width:60px;height:60px;cursor:pointer;font-size:1.5rem;transition:all .3s ease;box-shadow:0 4px 15px #0000004d;z-index:1000}.back-to-top:hover{background:linear-gradient(135deg,#654321,#4a2c17);transform:translateY(-3px);box-shadow:0 6px 20px #0006}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.landing-title{font-size:2rem}.camera-icon{width:120px;height:120px}.comic-title{font-size:2rem}.comic-image{max-width:100%}.article-image{max-width:400px;height:400px}.article-content{padding:2rem 1.5rem;font-size:1.1rem}.article-content h3{font-size:1.8rem}.article-content p{text-indent:1rem}.header h1{font-size:2rem}.article-section:before{display:none}}@media (max-width: 480px){.comic-section{padding:2rem 1rem}.article-image{max-width:400px;height:300px}.article-content{padding:1.5rem 1rem}.article-content p{text-indent:0}}