html,body{background-size:100%;color:#000;margin:0;padding:0;font-family:helvetica,sans-serif;overflow-x:hidden;max-width:100vw}main{background-color:#000;z-index:1;position:relative;background-repeat:no-repeat;background-size:100%;overflow-x:hidden}.main-content{color:#f8f2f2}.footer{background-color:red;color:#fff;text-align:center;padding:20px;width:100%}.technique-section{margin:40px 0;padding:20px;border-bottom:1px solid #ddd;scroll-margin-top:70%}.technique-section h2{text-align:center;font-size:2rem;color:#fff;margin-bottom:10px;font-family:Montserrat,helvetica,sans-serif;font-weight:350}.technique-section p{text-align:center;font-size:1.2rem;color:#fff;margin-bottom:20px}.content-wrapper{background-color:#ffffff09;display:flex;align-items:center;justify-content:center;gap:20px;margin-top:20px;width:80%;margin-left:auto;margin-right:auto;padding:20px;border-radius:8px}.content-wrapper .details{width:50%;text-align:center;font-size:1.2rem;font-display:fallback;color:#ddd;padding:2%}.technique-section.alternate .content-wrapper{flex-direction:row-reverse}.before-after{display:flex;gap:20px;width:auto;justify-content:center}.before-after img{width:300px;height:auto;border-radius:8px}.after-image{cursor:pointer;width:100%;height:auto;border-radius:8px;opacity:0;transform:translateY(20px);transition:opacity 2s ease,transform 2s ease}.after-text{cursor:pointer;width:100%;height:auto;border-radius:8px;opacity:0;transform:translateY(20px);transition:opacity 3s ease,transform 2s ease}.after-image.visible{opacity:1;transform:translateY(0)}.lightbox{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000c;align-items:center;justify-content:center;z-index:200}.lightbox-img{max-width:90%;max-height:90%;border-radius:8px;object-fit:contain}.close-btn{position:absolute;top:20px;right:30px;font-size:2rem;color:#fff;cursor:pointer;z-index:300}body.lightbox-active .main-content{filter:blur(8px);transition:filter .3s ease}.intro-section{background-color:#ffffff09;color:#fff;padding:20px;border-radius:8px;max-width:800px;margin:0 auto;text-align:center}.intro-section h1{color:#fff;font-size:2.5rem;margin-bottom:15px;font-family:Montserrat,sans-serif;font-weight:350}.intro-section p{font-size:1.2rem;line-height:1.6;margin-bottom:15px}.intro-section strong{color:#c62828}.gallery-container{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:20px}.gallery-item img{width:100%;height:100px;object-fit:cover;border-radius:5px;cursor:pointer;transition:transform .2s ease-in-out}.gallery-item img:hover{transform:scale(1.05)}.delete-button{margin-top:5px;padding:5px;color:#fff;background-color:red;border:none;border-radius:3px;cursor:pointer;font-size:12px;display:block}.delete-button:hover{background-color:#8b0000}.gallery-item{position:relative}.label{position:absolute;font-family:Montserrat,helvetica,sans-serif;font-weight:350;bottom:5px;right:5px;background-color:#000000b3;color:#fff;font-size:1rem;padding:3px 6px;border-radius:3px;z-index:2;pointer-events:none}@media (max-width: 768px){main{overflow-x:hidden;max-width:100vw}.content-wrapper{flex-direction:column;align-items:center;text-align:center}.content-wrapper .details{width:100%;margin-bottom:20px;text-align:justify;font-size:1rem}.before-after{flex-direction:column;gap:10px;align-items:center}.before-after img{width:100%;max-width:300px;height:auto;border-radius:8px}}
