*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#2c2c2c;--secondary-color:#f5f5f5;--accent-color:#c9a961;--text-dark:#2c2c2c;--text-light:#666;--white:#fff}html{scroll-behavior:smooth}body{background-color:#fff;background-color:var(--white);color:#2c2c2c;color:var(--text-dark);font-family:Montserrat,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3{font-family:Cormorant Garamond,serif;font-weight:400}.App{flex-direction:column}.App,section{display:flex;min-height:100vh}section{align-items:center;justify-content:center;padding:80px 5%}.container{margin:0 auto;max-width:1200px;width:100%}.section-title{font-size:3rem;letter-spacing:2px;margin-bottom:1rem}.section-subtitle,.section-title{font-weight:300;text-align:center}.section-subtitle{color:var(--text-light);font-size:1.1rem;margin-bottom:4rem}.divider{background-color:var(--accent-color);height:1px;margin:2rem auto;width:60px}.fade-in{animation:fadeIn 1s ease-in forwards;opacity:0}@keyframes fadeIn{to{opacity:1}}.slide-up{animation:slideUp .8s ease-out forwards;opacity:0;transform:translateY(30px)}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}@media (max-width:768px){section{min-height:auto;padding:60px 5%}.section-title{font-size:2rem}.section-subtitle{font-size:1rem;margin-bottom:2rem}}.navigation{background-color:initial;left:0;padding:1.5rem 5%;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.navigation.scrolled{background-color:#fffffffa;box-shadow:0 2px 10px #0000001a;padding:1rem 5%}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px}.logo{cursor:pointer;text-decoration:none}.logo-img{height:50px;transition:transform .3s ease;width:auto}.logo-img:hover{transform:scale(1.05)}.nav-links{align-items:center;display:flex;gap:3rem}.nav-links a{color:var(--text-dark);font-size:.9rem;font-weight:400;letter-spacing:1px;position:relative;text-decoration:none;text-transform:uppercase;transition:color .3s ease}.nav-links a:after{background-color:var(--accent-color);bottom:-5px;content:"";height:1px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-links a.active:after,.nav-links a:hover:after{width:100%}.nav-links a.active{color:var(--accent-color)}.hamburger{cursor:pointer;display:none;flex-direction:column;gap:5px}.hamburger span{background-color:var(--text-dark);height:2px;transition:all .3s ease;width:25px}.hamburger.open span:first-child{transform:rotate(45deg) translate(7px,7px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}@media (max-width:768px){.hamburger{display:flex}.nav-links{background-color:var(--white);box-shadow:-5px 0 15px #0000001a;flex-direction:column;gap:2rem;height:100vh;justify-content:center;max-width:300px;position:fixed;right:-100%;top:0;transition:right .3s ease;width:70%}.nav-links.open{right:0}.nav-links a{font-size:1.1rem}}.hero{background:linear-gradient(135deg,#f5f5f5,#fff);flex-direction:column;position:relative}.hero-content{max-width:800px;text-align:center}.hero-image-container{display:flex;justify-content:center;margin-bottom:2rem}.hero-image-placeholder{border-radius:50%;box-shadow:0 10px 40px #0000001a;height:250px;overflow:hidden;transition:transform .3s ease;width:250px}.hero-image-placeholder:hover{transform:scale(1.05)}.hero-image-placeholder img{height:100%;object-fit:cover;width:100%}.hero-title{color:var(--text-dark);font-size:4rem;font-weight:300;letter-spacing:3px;margin-bottom:.5rem}.hero-subtitle{color:var(--accent-color);font-size:1.2rem;font-weight:300;letter-spacing:2px;margin-bottom:2rem;text-transform:uppercase}.hero-divider{background-color:var(--accent-color);height:1px;margin:2rem auto;width:80px}.hero-description{color:var(--text-light);font-size:1.1rem;line-height:1.8;margin:0 auto;max-width:600px}.scroll-indicator{align-items:center;bottom:30px;display:flex;flex-direction:column;gap:10px;left:50%;position:absolute;transform:translateX(-50%)}.scroll-line{animation:scrollAnimation 2s ease-in-out infinite;background:linear-gradient(to bottom,#0000,var(--accent-color));height:40px;width:1px}@keyframes scrollAnimation{0%,to{opacity:0;transform:translateY(-10px)}50%{opacity:1;transform:translateY(10px)}}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-description,.hero-subtitle{font-size:1rem}.hero-image-placeholder{font-size:3rem;height:180px;width:180px}}.about{background-color:var(--white);min-height:auto;padding:100px 5%}.about-content{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin-top:3rem}.about-text{display:flex;flex-direction:column;gap:2.5rem}.about-intro{color:var(--text-dark);font-size:1.3rem;font-style:italic;font-weight:300;line-height:1.8;text-align:justify}.about-skills h3,.education h3,.philosophy h3{color:var(--text-dark);font-size:1.5rem;font-weight:400;margin-bottom:1.5rem}.education-item{align-items:flex-start;display:flex;gap:1.5rem;margin-bottom:2rem}.education-icon{border:2px solid var(--accent-color);border-radius:50%;flex-shrink:0;height:40px;position:relative;width:40px}.education-icon:before{background-color:var(--accent-color);border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.education-icon-2{border-radius:0}.education-icon-2:before{background-color:initial;border:2px solid var(--accent-color);border-radius:0;height:12px;width:12px}.education-details h4{color:var(--accent-color);font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:500;margin-bottom:.5rem}.education-details p{color:var(--text-light);line-height:1.6}.philosophy p{color:var(--text-light);font-size:1rem;line-height:1.8;text-align:justify}.skills-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.skill-item{border:1px solid #e5e5e5;padding:1.5rem;text-align:center;transition:all .3s ease}.skill-item:hover{border-color:var(--accent-color);box-shadow:0 10px 30px #0000000d;transform:translateY(-5px)}.skill-icon{height:50px;margin:0 auto 1rem;position:relative;width:50px}.skill-icon-1{border-bottom:2px solid var(--accent-color);border-left:2px solid var(--accent-color)}.skill-icon-1:before{height:20px;right:5px;top:5px;width:20px}.skill-icon-1:before,.skill-icon-2:before{border:2px solid var(--accent-color);content:"";position:absolute}.skill-icon-2:before{border-bottom:none;height:60%;left:0;top:0;width:100%}.skill-icon-2:after{background-color:var(--accent-color);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:70%}.skill-icon-3{border:2px solid var(--accent-color)}.skill-icon-3:before{border:2px solid var(--accent-color);bottom:10px;content:"";left:10px;position:absolute;right:10px;top:10px}.skill-icon-4:before{background-color:var(--accent-color);left:0;top:0}.skill-icon-4:after,.skill-icon-4:before{content:"";height:60%;position:absolute;width:60%}.skill-icon-4:after{border:2px solid var(--accent-color);bottom:0;right:0}.skill-item h4{color:var(--text-dark);font-family:Montserrat,sans-serif;font-size:1rem;font-weight:500;letter-spacing:1px;margin-bottom:.5rem}.skill-item p{color:var(--text-light);font-size:.9rem;line-height:1.5}@media (max-width:968px){.about-content{gap:3rem;grid-template-columns:1fr}.skills-grid{grid-template-columns:1fr 1fr}}@media (max-width:568px){.skills-grid{grid-template-columns:1fr}.about-intro{font-size:1.1rem}}.portfolio{background-color:var(--secondary-color);min-height:auto;padding:100px 5%}.filter-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:4rem}.filter-buttons button{background-color:initial;border:1px solid var(--text-dark);color:var(--text-dark);cursor:pointer;font-family:Montserrat,sans-serif;font-size:.9rem;letter-spacing:1px;padding:.8rem 2rem;text-transform:uppercase;transition:all .3s ease}.filter-buttons button:hover{background-color:var(--text-dark);color:var(--white)}.filter-buttons button.active{background-color:var(--accent-color);border-color:var(--accent-color);color:var(--white)}.projects-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:3rem}.project-card{animation:fadeInUp .6s ease forwards;background-color:var(--white);opacity:0;overflow:hidden;transition:all .3s ease}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}0%{opacity:0;transform:translateY(20px)}}.project-card:hover{box-shadow:0 20px 40px #0000001a;transform:translateY(-10px)}.project-image-placeholder{align-items:center;background:linear-gradient(135deg,#e5e5e5,#f5f5f5);display:flex;height:300px;justify-content:center;overflow:hidden;position:relative;width:100%}.project-image-placeholder:before{background:linear-gradient(135deg,#0000,#c9a9611a);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.project-number{color:#0000001a;font-family:Cormorant Garamond,serif;font-size:5rem;font-weight:300;z-index:1}.project-info{padding:2rem}.project-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.project-category{color:var(--accent-color);font-size:.8rem;font-weight:500;letter-spacing:1px;text-transform:uppercase}.project-year{color:var(--text-light);font-size:.8rem}.project-title{color:var(--text-dark);font-size:1.5rem;font-weight:400;margin-bottom:.8rem}.project-description{color:var(--text-light);font-size:.95rem;line-height:1.6}@media (max-width:768px){.projects-grid{gap:2rem;grid-template-columns:1fr}.filter-buttons{align-items:stretch;flex-direction:column}.filter-buttons button{width:100%}}.contact{background-color:var(--white);min-height:auto;padding:100px 5%}.contact-content{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 1.5fr;margin-top:3rem}.contact-info h3{color:var(--text-dark);font-size:1.8rem;font-weight:400;margin-bottom:2rem}.info-item{align-items:flex-start;display:flex;gap:1.5rem;margin-bottom:2rem}.info-icon{flex-shrink:0;height:35px;position:relative;width:35px}.info-icon-email{border:2px solid var(--accent-color)}.info-icon-email:before{border-left:13px solid #0000;border-right:13px solid #0000;border-top:10px solid var(--accent-color);content:"";height:0;left:2px;position:absolute;right:2px;top:50%;transform:translateY(-50%)}.info-icon-phone{border:2px solid var(--accent-color);border-radius:5px}.info-icon-phone:before{border:2px solid var(--accent-color);border-radius:3px;bottom:5px;content:"";left:5px;position:absolute;right:5px;top:5px}.info-icon-location:before{border:2px solid var(--accent-color);border-radius:50% 50% 50% 0;content:"";height:20px;left:50%;position:absolute;top:0;transform:translateX(-50%);transform:translateX(-50%) rotate(-45deg);width:20px}.info-icon-location:after{background-color:var(--accent-color);border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:5px;transform:translateX(-50%);width:8px;z-index:1}.info-item h4{color:var(--text-dark);font-family:Montserrat,sans-serif;font-size:1rem;font-weight:500;letter-spacing:1px;margin-bottom:.5rem}.info-item p{color:var(--text-light);line-height:1.6}.social-links{margin-top:3rem}.social-links h4{color:var(--text-dark);font-family:Montserrat,sans-serif;font-size:1rem;font-weight:500;letter-spacing:1px;margin-bottom:1rem}.social-icons{display:flex;flex-wrap:wrap;gap:1.5rem}.social-icons a{color:var(--text-dark);font-size:.9rem;letter-spacing:1px;position:relative;text-decoration:none;transition:color .3s ease}.social-icons a:after{background-color:var(--accent-color);bottom:-3px;content:"";height:1px;left:0;position:absolute;transition:width .3s ease;width:0}.social-icons a:hover{color:var(--accent-color)}.social-icons a:hover:after{width:100%}.contact-form{gap:1.5rem}.contact-form,.form-group{display:flex;flex-direction:column}.form-group input,.form-group textarea{background-color:var(--secondary-color);border:1px solid #ddd;font-family:Montserrat,sans-serif;font-size:1rem;padding:1rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{background-color:var(--white);border-color:var(--accent-color);outline:none}.form-group textarea{min-height:150px;resize:vertical}.submit-btn{align-self:flex-start;background-color:var(--text-dark);border:none;color:var(--white);cursor:pointer;font-family:Montserrat,sans-serif;font-size:1rem;letter-spacing:1px;padding:1rem 3rem;position:relative;text-transform:uppercase;transition:all .3s ease}.submit-btn:hover:not(:disabled){background-color:var(--accent-color);box-shadow:0 10px 20px #0000001a;transform:translateY(-2px)}.submit-btn.submitting,.submit-btn:disabled{background-color:var(--text-light);cursor:not-allowed;transform:none}.submit-btn.submitting:after{animation:spin 1s ease infinite;border:2px solid #0000;border-radius:50%;border-top:2px solid var(--white);content:"";height:20px;left:15px;margin-top:-10px;position:absolute;top:50%;width:20px}.error-message,.success-message{border-radius:4px;font-size:.95rem;font-weight:500;margin-top:1rem;padding:1rem}.success-message{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}@media (max-width:968px){.contact-content{gap:3rem;grid-template-columns:1fr}.submit-btn{align-self:stretch}}.footer{background-color:var(--primary-color);color:var(--white);padding:3rem 5%;text-align:center}.footer-content{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:1200px}.footer-logo h3{font-size:1.8rem;font-weight:300;letter-spacing:2px;margin-bottom:.5rem}.footer-logo p{color:var(--accent-color);font-size:.9rem;letter-spacing:1px;text-transform:uppercase}.footer-text{display:flex;flex-direction:column;gap:.5rem}.footer-text p{color:#ffffffb3;font-size:.9rem;font-weight:300}@media (max-width:768px){.footer{padding:2rem 5%}.footer-logo h3{font-size:1.5rem}}.magazine-viewer{background:linear-gradient(135deg,#f8f8f8,#e8e8e8);display:flex;flex-direction:column;font-family:Montserrat,sans-serif;height:100vh;overflow:hidden;position:relative;width:100vw}.floating-back-btn{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#ffffff26;border:1px solid #ffffff4d;border-radius:25px;box-shadow:0 8px 32px 0 #00000026,inset 0 1px 0 0 #fff6;color:#2c2c2c;cursor:pointer;font-family:Montserrat,sans-serif;font-size:.9rem;font-weight:500;left:20px;letter-spacing:1px;padding:.8rem 1.5rem;position:fixed;text-decoration:none;text-shadow:0 1px 2px #ffffff4d;top:20px;transition:all .3s ease;z-index:1001}.floating-back-btn:hover{background:#ffffff4d;border-color:#ffffff80;box-shadow:0 12px 40px 0 #0003,inset 0 1px 0 0 #ffffff80;transform:translateY(-2px) scale(1.05)}.magazine-controls{align-items:center;background:#fff;box-shadow:0 2px 10px #0000000d;display:flex;flex-shrink:0;justify-content:center;padding:.8rem 2rem;z-index:99}.control-btn,.page-controls{display:none}.page-indicator{align-items:center;display:flex;flex-direction:column;gap:.5rem;min-width:160px}.page-indicator span{color:var(--text-dark);font-size:1rem;font-weight:600;letter-spacing:1px}.page-slider{background:linear-gradient(90deg,#ddd,#ccc);border-radius:4px;cursor:pointer;height:6px;outline:none;transition:all .3s ease;width:140px}.page-slider:hover{background:linear-gradient(to right,var(--accent-color),var(--text-light))}.page-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,var(--accent-color),#b89654);border-radius:50%;box-shadow:0 2px 8px #0003;cursor:pointer;height:24px;-webkit-transition:all .3s ease;transition:all .3s ease;width:24px}.page-slider::-webkit-slider-thumb:hover{box-shadow:0 4px 12px #0000004d;transform:scale(1.2)}.page-slider::-moz-range-thumb{background:linear-gradient(135deg,var(--accent-color),#b89654);border:none;border-radius:50%;box-shadow:0 2px 8px #0003;cursor:pointer;height:24px;-moz-transition:all .3s ease;transition:all .3s ease;width:24px}.magazine-actions{display:flex;gap:.8rem}.download-btn,.mode-btn,.thumbnail-btn{background-color:initial;border:2px solid var(--text-dark);border-radius:6px;color:var(--text-dark);cursor:pointer;display:inline-block;font-family:Montserrat,sans-serif;font-size:.85rem;letter-spacing:1px;padding:.6rem 1.2rem;text-decoration:none;transition:all .3s ease}.mode-btn.active{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff}.download-btn:hover,.thumbnail-btn:hover{background-color:var(--text-dark);color:#fff;transform:translateY(-2px)}.download-btn{border-color:var(--accent-color);color:var(--accent-color)}.download-btn:hover{background-color:var(--accent-color);color:#fff}.magazine-container{box-sizing:border-box;height:100vh;max-width:100vw;overflow:hidden!important;padding:1rem 1rem 110px;width:100vw}.book-container,.magazine-container{align-items:center;display:flex;justify-content:center;position:relative}.book-container{height:100%;max-height:100%;max-width:100%;overflow:hidden;perspective:2000px;touch-action:pan-x;-webkit-user-select:none;user-select:none;width:100%}.flipbook{background:#0000;margin:auto!important;max-width:100%!important;overflow:hidden!important;position:relative;z-index:1}.flipbook>div{position:relative;will-change:transform}.flipbook .stf__parent,.flipbook .stf__wrapper{overflow:hidden!important;position:relative}.flipbook .stf__parent{z-index:2}.book-page{align-items:center;background:#fafaf8;box-shadow:0 0 0 1px #0000001a;display:flex;justify-content:center;opacity:1!important;overflow:hidden!important;position:relative;transform:translateZ(0);-webkit-transform:translateZ(0);transition:none!important;user-select:none;-webkit-user-select:none;z-index:5}.book-page,.book-page:hover{cursor:grab}.flipbook .stf__block{-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important;cursor:grab!important}.flipbook .stf__block:active{cursor:grabbing!important}.book-page:before{background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,rgba(0,0,0,.015) 0,rgba(0,0,0,.015) 4px),repeating-linear-gradient(90deg,#0000,#0000 2px,rgba(0,0,0,.015) 0,rgba(0,0,0,.015) 4px);bottom:0;left:0;opacity:.4;z-index:1}.book-page:after,.book-page:before{content:"";pointer-events:none;position:absolute;right:0;top:0}.book-page:after{background:linear-gradient(270deg,#0000001f 0,#0000000f 40%,#0000);height:100%;width:15px;z-index:2}.book-page:active{cursor:grabbing}.stf__item,.stf__page{overflow:hidden!important;transition:none!important}.stf__page{cursor:grab!important;position:relative;z-index:3}.stf__page:active{cursor:grabbing!important}.stf__innerShadow,.stf__outerShadow{z-index:4!important}.flipbook .stf__hardInner,.stf__hardPage,.stf__hardPageBack{backface-visibility:visible!important;-webkit-backface-visibility:visible!important;opacity:1!important}.flipbook .stf__page{opacity:1!important}.flipbook .stf__block,.flipbook [data-density=hard]{opacity:1!important;visibility:visible!important}.flipbook *,.flipbook .stf__block--active,.flipbook .stf__block--current,.flipbook .stf__block--flipping,.flipbook .stf__block--next,.flipbook .stf__block--prev{opacity:1!important}.flipbook *{visibility:visible!important}.flipbook .stf__corner{opacity:.3!important}.flipbook .stf__corner:hover{opacity:.5!important}.stf__corner{cursor:grab!important;opacity:.3}.stf__corner:hover{opacity:.5}.page-content-wrapper{align-items:center;background:#fafaf8;display:flex;flex-direction:column;height:100%;justify-content:center;opacity:1!important;position:relative;width:100%}.page-content-wrapper:before{background:radial-gradient(ellipse at center,#0000 50%,#00000008 100%);bottom:0;content:"";left:0;opacity:1!important;pointer-events:none;position:absolute;right:0;top:0;z-index:5}.page-image{-webkit-user-drag:none;display:block;filter:contrast(1.02) brightness(.98);height:100%;object-fit:contain;opacity:1!important;pointer-events:none;touch-action:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:100%}.magazine-page.flip-mode{align-items:center;aspect-ratio:auto;display:flex;height:100%;justify-content:center;max-height:85vh;max-width:90vw;position:relative;width:100%}.current-page,.flip-container{height:100%;overflow:hidden;position:relative;width:100%}.current-page{background:#2c2c2c;border-radius:20px;box-shadow:none;cursor:grab;display:flex;flex-direction:column;max-height:85vh;touch-action:pan-x;transition:all .35s ease;will-change:transform,opacity}.current-page iframe{background:#fff;border-radius:20px}.current-page:active{cursor:grabbing}.magazine-container.dragging .current-page{transition:none}.flip-shadow-left{background:linear-gradient(90deg,#0000,#0000004d);border-radius:20px 0 0 20px;height:100%;left:-50px;position:absolute;top:0;width:50px;z-index:1}.page-content{background:#0000;border-radius:20px;flex:1 1;overflow:hidden;position:relative}.current-page:before{background:#0000;bottom:0;content:"";left:0;right:0;top:0;z-index:-1}.current-page:before,.page-number{pointer-events:none;position:absolute}.page-number{bottom:15px;color:#00000059;font-family:Cormorant Garamond,serif;font-size:.85rem;font-weight:400;left:50%;letter-spacing:.5px;text-shadow:0 1px 2px #ffffff80;transform:translateX(-50%);-webkit-user-select:none;user-select:none;z-index:10}.page-number.left{left:25px;transform:none}.flip-grab-area{bottom:0;left:0;position:absolute;right:0;top:0;z-index:5}.scroll-pdf-container{align-items:center;background:#fff;display:flex;justify-content:center;max-height:85vh;max-width:90vw;overflow:hidden}.scroll-pdf-container,.scroll-pdf-embed{border-radius:20px;height:100%;width:100%}.scroll-pdf-embed{border:none}.pdf-fallback{align-items:center;background:linear-gradient(135deg,#f8f8f8,#e8e8e8);display:flex;height:100%;justify-content:center}.fallback-content{color:var(--text-dark);text-align:center}.fallback-content h3{font-family:Cormorant Garamond,serif;font-size:2rem;font-weight:400;margin-bottom:1rem}.fallback-content a{border:2px solid var(--accent-color);border-radius:8px;color:var(--accent-color);display:inline-block;margin-top:1rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.fallback-content a:hover{background-color:var(--accent-color);color:#fff}.page-navigation{align-items:center;bottom:30px;display:flex;gap:1rem;left:50%;position:fixed;transform:translateX(-50%);z-index:1000}.transparent-nav-btn{align-items:center;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#ffffff26;border:1px solid #ffffff4d;border-radius:50%;box-shadow:0 8px 32px 0 #00000026,inset 0 1px 0 0 #fff6;color:#2c2c2c;cursor:pointer;display:flex;font-size:1.5rem;font-weight:300;height:50px;justify-content:center;text-shadow:0 1px 2px #ffffff4d;transition:all .3s cubic-bezier(.4,0,.2,1);width:50px}.transparent-nav-btn:hover{background:#ffffff4d;border-color:#ffffff80;box-shadow:0 12px 40px 0 #0003,inset 0 1px 0 0 #ffffff80;transform:scale(1.1)}.transparent-nav-btn:active{background:#ffffff59;transform:scale(.95)}.transparent-nav-btn:disabled{cursor:not-allowed;opacity:.3}.bottom-page-indicator{align-items:center;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#ffffff26;border:1px solid #ffffff4d;border-radius:25px;box-shadow:0 8px 32px 0 #00000026,inset 0 1px 0 0 #fff6;display:flex;flex-direction:column;gap:.5rem;padding:.8rem 1.5rem}.bottom-page-indicator span{color:#2c2c2c;font-size:.9rem;font-weight:600;letter-spacing:1px;text-shadow:0 1px 2px #ffffff4d}.bottom-page-slider{background:#2c2c2c33;border-radius:4px;cursor:pointer;height:6px;outline:none;transition:all .3s ease;width:120px}.bottom-page-slider:hover{background:#2c2c2c4d}.bottom-page-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,var(--accent-color),#b89654);border-radius:50%;box-shadow:0 2px 8px #0003;cursor:pointer;height:20px;-webkit-transition:all .3s ease;transition:all .3s ease;width:20px}.bottom-page-slider::-webkit-slider-thumb:hover{box-shadow:0 4px 12px #0000004d;transform:scale(1.2)}.bottom-page-slider::-moz-range-thumb{background:linear-gradient(135deg,var(--accent-color),#b89654);border:none;border-radius:50%;box-shadow:0 2px 8px #0003;cursor:pointer;height:20px;-moz-transition:all .3s ease;transition:all .3s ease;width:20px}.thumbnails-overlay{align-items:center;background-color:#000c;display:flex;height:100%;justify-content:center;left:0;padding:2rem;position:fixed;top:0;width:100%;z-index:2000}.thumbnails-container{background-color:#fff;border-radius:20px;box-shadow:0 30px 60px #0000004d;max-height:80vh;max-width:1000px;overflow-y:auto;padding:2rem}.thumbnails-header{align-items:center;border-bottom:3px solid var(--accent-color);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.thumbnails-header h3{color:var(--text-dark);font-family:Cormorant Garamond,serif;font-size:2rem;font-weight:400}.close-thumbnails{background:none;border:none;color:var(--text-light);cursor:pointer;font-size:2rem;transition:color .3s ease}.close-thumbnails:hover{color:var(--accent-color)}.thumbnails-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.thumbnail{aspect-ratio:3/4;background:linear-gradient(135deg,#f8f8f8,#e8e8e8);border:3px solid #0000;border-radius:12px;box-shadow:0 5px 15px #0000001a;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.thumbnail:hover{border-color:var(--accent-color);box-shadow:0 15px 30px #0003;transform:scale(1.05) translateY(-5px)}.thumbnail.active{border-color:var(--accent-color);box-shadow:0 10px 25px #c9a9614d}.thumbnail-number{align-items:center;background:var(--accent-color);border-radius:50%;color:#fff;display:flex;font-size:.9rem;font-weight:600;height:30px;justify-content:center;left:10px;position:absolute;top:10px;width:30px;z-index:2}.thumbnail-preview{background:linear-gradient(#0000,#000c);bottom:0;color:#fff;font-weight:500;left:0;letter-spacing:1px;padding:1rem;position:absolute;right:0;text-align:center}@media (max-width:768px){.floating-back-btn{font-size:.85rem;left:10px;padding:.6rem 1rem;top:10px}.page-navigation{bottom:10px;gap:.5rem;padding:0 1rem}.transparent-nav-btn{font-size:1.1rem;height:40px;width:40px}.bottom-page-indicator{padding:.6rem 1rem}.bottom-page-indicator span{font-size:.85rem}.bottom-page-slider{width:100px}.magazine-container{height:100vh;max-width:100vw;overflow-x:hidden!important;padding:70px .5rem 100px}.book-container{align-items:center;display:flex;height:100%;justify-content:center;max-width:100%;overflow:hidden!important;width:100%}.flipbook{margin:0 auto!important;max-height:calc(100vh - 170px);max-width:95%!important;overflow:visible!important}.flipbook .stf__parent,.flipbook .stf__wrapper{max-width:100%!important;overflow:visible!important}.flipbook .stf__block{max-width:100%!important;width:100%!important}.page-image{max-height:100%!important;object-fit:contain!important}.book-page,.page-image{max-width:100%!important}.book-page{overflow:hidden!important}.page-slider{width:150px}.thumbnails-container{margin:1rem;max-height:90vh;padding:1rem}.thumbnails-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.magazine-actions{flex-wrap:wrap;justify-content:center}}@media (max-width:480px){.floating-back-btn{font-size:.8rem;left:5px;padding:.5rem .8rem;top:5px}.page-navigation{bottom:5px;gap:.4rem;padding:0 .5rem}.transparent-nav-btn{font-size:1rem;height:35px;width:35px}.bottom-page-indicator{padding:.4rem .8rem}.bottom-page-indicator span{font-size:.75rem}.bottom-page-slider{width:60px}.magazine-container{overflow-x:hidden!important;padding:50px .25rem 70px}.book-container,.magazine-container{align-items:center;display:flex;justify-content:center}.book-container{overflow:hidden!important}.flipbook{margin:0 auto!important;max-height:calc(100vh - 120px);max-width:90%!important;overflow:visible!important}.flipbook .stf__parent,.flipbook .stf__wrapper{max-width:100%!important;overflow:visible!important}.page-image{max-height:100%!important;max-width:100%!important;object-fit:contain!important}.book-page:after,.book-page:before{display:none}.page-number{bottom:10px;font-size:.75rem}.thumbnails-container{margin:.5rem;padding:.5rem}.thumbnails-grid{gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}@media (max-width:768px) and (orientation:landscape){.magazine-container{overflow-x:hidden!important;padding:40px .5rem 60px}.book-container,.magazine-container{align-items:center;display:flex;justify-content:center}.flipbook{margin:0 auto!important;max-height:calc(100vh - 100px);max-width:95%!important}.page-image{max-height:100%!important;max-width:100%!important;object-fit:contain!important}.page-navigation{bottom:5px}}@media (pointer:coarse){.stf__corner{min-height:60px;min-width:60px;pointer-events:none}.stf__corner,.stf__corner:hover{opacity:0!important}.book-container,.book-page,.flipbook .stf__block{touch-action:pan-x}.page-content-wrapper{touch-action:none}}@media (hover:none) and (pointer:coarse){.transparent-nav-btn:active{background:#fff6;transform:scale(.9)}.current-page{cursor:default}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.c681726a.css.map*/