@import url(https://fonts.googleapis.com/css2?family=Della+Respira&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-dark-green:#093916;--primary-gold:#eaa321;--secondary-dark-green:#0a4b1c;--secondary-gold:#f8b73e;--page-bg:#f5f0e6;--book-spine:#5e3c19;--text-light:#f5f5f5;--text-dark:#333;--book-front-bg:#093916}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Della Respira,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden}.app-container{height:100vh;position:relative}.loader-overlay{align-items:center;background:linear-gradient(135deg,#1a3c34,#2d5c51);color:#fff;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.loader-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffd7004d;border-radius:16px;box-shadow:0 8px 32px #0000004d;max-width:500px;padding:2rem;text-align:center}.loader-header{justify-content:space-between;margin-bottom:1.5rem}.feu-logo,.loader-header{align-items:center;display:flex}.feu-logo{flex-direction:column}.logo-text{color:gold;font-size:2rem;font-weight:700}.logo-subtext{color:#fff;font-size:.8rem}.loader-fact{align-items:center;font-size:1.2rem;line-height:1.6;margin-bottom:2rem;min-height:60px}.loader-fact,.spinner-container{display:flex;justify-content:center}.spinner-container{margin-bottom:1.5rem}.spinner{animation:spin 1s linear infinite;border:5px solid #ffd7004d;border-radius:50%;border-top-color:gold;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.progress-bar{background:#fff3;border-radius:5px;height:10px;overflow:hidden;width:100%}.progress{animation:progress 10s linear forwards;background:linear-gradient(90deg,gold,#ffea80);height:100%;width:0}@keyframes progress{0%{width:0}to{width:100%}}.control-buttons{display:flex;gap:12px;position:fixed;right:16px;top:16px;z-index:50}.control-button{background:linear-gradient(145deg,#1a3c34,#2d5c51);border:2px solid gold;border-radius:8px;box-shadow:0 4px 8px #0003;color:gold;cursor:pointer;font-weight:700;padding:10px 18px;transition:all .3s ease}.control-button:hover{background:linear-gradient(145deg,#2d5c51,#3e7a6b);box-shadow:0 6px 12px #0000004d;transform:translateY(-2px)}.hotspot-container{position:fixed;right:10px;top:10px;z-index:1000}.hotspot-toggle{align-items:center;background:linear-gradient(145deg,#1a3c34,#2d5c51);border:2px solid gold;border-radius:50%;box-shadow:0 4px 8px #0000004d;color:gold;cursor:pointer;display:flex;font-size:20px;font-weight:700;height:45px;justify-content:center;transition:all .3s ease;width:45px}.hotspot-toggle:hover{transform:scale(1.1)}.hotspot-list{background:linear-gradient(145deg,#1a3c34,#2d5c51);border:2px solid gold;border-radius:12px;box-shadow:0 8px 16px #0006;color:gold;min-width:180px;padding:15px;position:absolute;right:0;top:55px;z-index:10}.hotspot-list h3{border-bottom:1px solid gold;font-size:18px;margin:0 0 15px;padding-bottom:8px;text-align:center}.hotspot-list ul{list-style:none;margin:0;padding:0}.hotspot-list li{border-bottom:1px solid #ffd7004d;border-radius:6px;cursor:pointer;margin-bottom:5px;padding:10px 12px;transition:background .2s}.hotspot-list li:hover{background:#ffd70033}.hotspot-list li:last-child{border-bottom:none;margin-bottom:0}.popup-overlay{align-items:center;background:#000000b3;display:flex;height:90%;justify-content:center;left:0;overflow-y:visible;position:fixed;top:0;width:100%;z-index:1000}.popup-content{background:#fff;border:3px solid gold;border-radius:16px;box-shadow:0 12px 30px #0000004d;color:#1a3c34;max-height:90vh;max-width:1200px;overflow-y:auto;padding:28px;position:relative;width:90%}.close-popup{background:none;border:none;color:#1a3c34;cursor:pointer;font-size:24px;left:12px;position:absolute;position:-webkit-sticky;position:sticky;top:12px;transition:color .2s;z-index:10}.close-popup:hover{color:#c10000}.popup-content h2{border-bottom:2px solid gold;color:#1a3c34;font-size:24px;margin:0 0 20px;padding-bottom:10px;text-align:center}.popup-content p{line-height:1.6;margin:0 0 18px}.faq-list{margin:0 0 20px;padding-left:20px}.faq-list li{line-height:1.5;margin-bottom:15px}.popup-close-button{background:linear-gradient(145deg,#1a3c34,#2d5c51);border:2px solid gold;border-radius:8px;color:gold;cursor:pointer;display:block;font-weight:700;margin:20px auto 0;padding:10px 20px;transition:all .3s ease}.popup-close-button:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.controls-list{margin:0 0 20px}.controls-list li{padding:8px 0}.key-text{background:#1a3c34;border:1px solid gold;border-radius:4px;color:gold;display:inline-block;font-weight:700;margin-right:10px;min-width:80px;padding:4px 8px;text-align:center}.help-buttons-container{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:20px 0}.help-tab-button{background:linear-gradient(145deg,#093916,#0a4b1c);background:linear-gradient(145deg,var(--primary-dark-green),var(--secondary-dark-green));border:2px solid #eaa321;border:2px solid var(--primary-gold);border-radius:10px;color:#eaa321;color:var(--primary-gold);cursor:pointer;font-size:1rem;font-weight:700;min-width:140px;padding:12px 20px;transition:all .3s ease}.help-tab-button:hover{background:linear-gradient(145deg,#eaa321,#f8b73e);background:linear-gradient(145deg,var(--primary-gold),var(--secondary-gold));box-shadow:0 6px 15px #0003;color:#093916;color:var(--primary-dark-green);transform:translateY(-3px)}.help-content{background:#eaa3211a;border-left:4px solid #eaa321;border-left:4px solid var(--primary-gold);border-radius:10px;margin-top:20px;padding:20px}.instructions-content{max-width:900px;width:95%}.instructions-scrollable{max-height:70vh;overflow-y:auto;padding-right:10px}.instructions-section{border-bottom:1px solid #e0e0e0;margin-bottom:30px;padding-bottom:20px}.instructions-section:last-of-type{border-bottom:none}.instructions-section h3{color:#093916;color:var(--primary-dark-green);font-family:Della Respira,serif;margin-bottom:15px}.instructions-section h4{color:#0a4b1c;color:var(--secondary-dark-green);margin:20px 0 10px}.instructions-section p{line-height:1.6;margin-bottom:12px}.instructions-section ul{margin:10px 0;padding-left:20px}.instructions-section li{line-height:1.5;margin-bottom:8px}.controls-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:15px 0}.control-item{align-items:center;background:#0939160d;border-left:3px solid #eaa321;border-left:3px solid var(--primary-gold);border-radius:8px;display:flex;gap:12px;padding:10px}.control-key{background:#eaa32133;border-radius:4px;color:#093916;color:var(--primary-dark-green);font-weight:700;min-width:100px;padding:4px 8px;text-align:center}.control-desc{flex:1 1}.mode-comparison{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:20px 0}.mode-card{background:#fff;border:2px solid #eaa321;border:2px solid var(--primary-gold);border-radius:10px;box-shadow:0 4px 15px #0000001a;padding:20px}.mode-card h4{color:#093916;color:var(--primary-dark-green);font-family:Della Respira,serif;margin-bottom:10px}.credits-content{padding:20px;text-align:center}.credits-content h3{color:#093916;color:var(--primary-dark-green);margin-bottom:15px}.placeholder-mascot{background:#eaa3211a;border:2px dashed #eaa321;border:2px dashed var(--primary-gold);border-radius:15px;margin-top:20px;padding:20px}.placeholder-mascot-img{height:100px;margin-bottom:10px;width:100px}.final-section{background:linear-gradient(135deg,#0939160d,#eaa3210d);border-radius:15px;margin-top:30px;padding:25px;text-align:center}.ready-text{color:#093916;color:var(--primary-dark-green);font-size:1.2rem;font-weight:700;margin-top:15px}.instructions-scrollable::-webkit-scrollbar{width:8px}.instructions-scrollable::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.instructions-scrollable::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#eaa321,#f8b73e);background:linear-gradient(135deg,var(--primary-gold),var(--secondary-gold));border-radius:4px}.instructions-scrollable::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#f8b73e,#eaa321);background:linear-gradient(135deg,var(--secondary-gold),var(--primary-gold))}@media (max-width:768px){.help-buttons-container{align-items:center;flex-direction:column}.help-tab-button{max-width:250px;width:100%}.controls-grid,.mode-comparison{grid-template-columns:1fr}.instructions-content{margin:10px;width:calc(100% - 20px)}}@media (max-width:480px){.control-item{flex-direction:column;gap:8px;text-align:center}.control-key{min-width:auto}.instructions-section{padding:15px}.instructions-section h3{font-size:1.3rem}}.mascot-overlay{background:#000000b3;box-sizing:border-box;height:100%;justify-content:center;left:100;padding:20px;position:fixed;top:0;z-index:1000}.mascot-content,.mascot-overlay{align-items:flex-end;display:flex;pointer-events:auto;width:100%}.mascot-content{gap:20px;justify-content:flex-start;max-width:100%;padding-left:250px;position:relative}.speech-bubble{background:#fff;border:3px solid gold;border-radius:20px;box-shadow:0 15px 35px #0000004d;color:#1a3c34;margin-bottom:60px;margin-left:-30px;max-width:500px;order:2;padding:30px;position:relative}.speech-bubble:after{border:20px solid #0000;border-left:0;border-right-color:#fff;content:"";height:0;margin-right:-1px;position:absolute;right:100%;top:70%;width:0}.mascot-container{align-items:center;display:flex;flex-direction:column;margin-right:-90px;order:1}.mascot-image{height:450px;object-fit:contain;width:450px}.tap-continue{animation:pulse 2s infinite;color:#fff;font-size:18px;font-style:italic;font-weight:700;left:50%;position:absolute;text-align:center;top:10px;transform:translateX(-50%)}@keyframes pulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.mascot-title{border-bottom:2px solid gold;color:#1a3c34;font-size:22px;font-weight:700;margin:0 0 20px;padding-bottom:10px;text-align:center}.mascot-message{line-height:1.6;margin:0 0 25px}.mascot-navigation{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-top:20px}.nav-button{background:linear-gradient(145deg,#1a3c34,#2d5c51);border:2px solid gold;border-radius:8px;color:gold;cursor:pointer;font-weight:700;padding:8px 16px;transition:all .3s ease}.nav-button:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.page-indicator{align-self:center;color:#666;font-size:16px;font-weight:700}.close-button{background:none;border:none;color:#1a3c34;cursor:pointer;font-size:24px;position:absolute;right:12px;top:12px;transition:color .2s;z-index:10}.close-button:hover{color:#c10000}@media (max-width:1100px){.mascot-image{height:350px;width:350px}}@media (max-width:900px){.mascot-image{height:280px;width:280px}.speech-bubble{margin-bottom:40px;max-width:400px}}@media (max-width:768px){.mascot-content{align-items:center;flex-direction:column}.mascot-image{height:250px;width:250px}.mascot-container{margin-right:0;order:1;z-index:2}.speech-bubble:after{display:none}.close-button{right:5px;top:5px}}@media (max-width:480px){.mascot-image{height:200px;width:200px}.speech-bubble{margin-bottom:10px;padding:20px}.mascot-title{font-size:18px}}.mode-buttons{gap:1rem;margin-top:1rem}.mode-button,.mode-buttons{display:flex;flex-direction:column}.mode-button{align-items:center;border:none;border-radius:8px;cursor:pointer;font-size:1.1rem;font-weight:700;gap:.5rem;padding:1rem 2rem;transition:all .3s ease}.mode-button.find-mode{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.mode-button.reveal-mode{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.mode-button:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.navigation-arrows{background:#fffffff2;border-radius:50px;bottom:2rem;box-shadow:0 4px 20px #0000001a;gap:2rem;left:50%;padding:1rem 2rem;position:fixed;transform:translateX(-50%);z-index:1000}.nav-arrow,.navigation-arrows{align-items:center;display:flex}.nav-arrow{background:none;border:2px solid #333;border-radius:25px;color:#333;cursor:pointer;font-weight:700;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.nav-arrow:hover:not(:disabled){background:#333;color:#fff;transform:scale(1.05)}.nav-arrow:disabled{cursor:not-allowed;opacity:.5}.set-indicator{color:#333;font-size:1.1rem;font-weight:700;min-width:60px;text-align:center}.set-info-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.set-info-content{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:400px;padding:2rem;position:relative;text-align:center}.close-set-button{background:none;border:none;color:#666;cursor:pointer;font-size:1.5rem;position:absolute;right:15px;top:10px}.close-set-button:hover{color:#333}.set-description{line-height:1.6;margin:1rem 0}.reopen-button{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;margin-top:1rem;padding:.8rem 1.5rem}.reopen-button:hover{background:#45a049}.mode-toggle{background:linear-gradient(135deg,#ff9800,#f57c00);border:none;border-radius:20px;color:#fff;font-size:.9rem;padding:.5rem 1rem;white-space:nowrap}.mode-toggle:hover{background:linear-gradient(135deg,#ffb74d,#ff9800)}@media (max-width:768px){.navigation-arrows{bottom:1rem;flex-direction:column;gap:1rem;padding:1rem}.set-info-content{margin:1rem;max-width:none;padding:1.5rem}}.controls-list{list-style:none;margin:.5rem 0;padding:0}.controls-list li{align-items:center;display:flex;gap:.5rem;margin:.25rem 0}.key-icon{background:#f0f0f0;border-radius:3px;font-family:monospace;font-weight:700;padding:.2rem .4rem}.timeline-wrapper{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:15px;margin:10px 0;max-height:70vh;overflow-y:auto;padding:20px}.timeline{margin:0 auto;max-width:1200px;padding:40px 0;position:relative}.timeline:before{background:linear-gradient(180deg,#eaa321,#f8b73e,#093916);background:linear-gradient(180deg,var(--primary-gold),var(--secondary-gold),var(--primary-dark-green));border-radius:3px;bottom:0;box-shadow:0 0 10px #eaa3214d;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:6px}.timeline-entry{align-items:center;animation:slideInUp .6s ease-out forwards;display:flex;margin-bottom:60px;opacity:0;position:relative}.timeline-entry:nth-child(2n){flex-direction:row-reverse}.timeline-year{background:linear-gradient(135deg,#093916,#0a4b1c);background:linear-gradient(135deg,var(--primary-dark-green),var(--secondary-dark-green));border:3px solid #eaa321;border:3px solid var(--primary-gold);border-radius:25px;box-shadow:0 8px 20px #0939164d;color:#fff;font-size:1.4rem;font-weight:900;padding:15px 10px;position:relative;text-align:center;transition:all .3s ease;width:120px;z-index:2}.timeline-year:before{background:#eaa321;background:var(--primary-gold);border-radius:50%;box-shadow:0 0 15px #eaa321;box-shadow:0 0 15px var(--primary-gold);content:"";height:25px;position:absolute;top:50%;transform:translateY(-50%);width:25px}.timeline-entry:nth-child(odd) .timeline-year:before{right:-45px}.timeline-entry:nth-child(2n) .timeline-year:before{left:-45px}.timeline-year:hover{box-shadow:0 12px 25px #09391666;transform:scale(1.05)}.timeline-content{background:#fff;border:2px solid #0000;border-radius:15px;box-shadow:0 10px 30px #00000026;flex:1 1;margin:0 40px;max-width:500px;overflow:hidden;padding:0;transition:all .3s ease}.timeline-content:hover{border-color:#eaa321;border-color:var(--primary-gold);box-shadow:0 15px 40px #0003;transform:translateY(-5px)}.timeline-content .image-container{border-bottom:3px solid #eaa321;border-bottom:3px solid var(--primary-gold);height:200px;overflow:hidden;position:relative;width:100%}.timeline-content img{background:#f8f9fa;height:100%;object-fit:contain;padding:10px;transition:transform .3s ease;width:100%}.timeline-content:hover img{transform:scale(1.02)}.timeline-content p{background:linear-gradient(135deg,#fafafa,#fff);color:#444;font-size:1rem;line-height:1.7;margin:0;padding:20px;text-align:justify}.timeline-entry:nth-child(odd) .timeline-content{background:linear-gradient(135deg,#fff,#f8f9fa)}.timeline-entry:nth-child(2n) .timeline-content{background:linear-gradient(135deg,#f8f9fa,#fff)}.timeline-entry:after{border-style:solid;content:"";height:0;position:absolute;top:50%;transform:translateY(-50%);width:0}.timeline-entry:nth-child(odd):after{border-color:#0000 #0000 #0000 #eaa321;border-color:#0000 #0000 #0000 var(--primary-gold);border-width:10px 0 10px 15px;right:calc(50% - 20px)}.timeline-entry:nth-child(2n):after{border-color:#0000 #eaa321 #0000 #0000;border-color:#0000 var(--primary-gold) #0000 #0000;border-width:10px 15px 10px 0;left:calc(50% - 20px)}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.timeline-wrapper::-webkit-scrollbar{width:8px}.timeline-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.timeline-wrapper::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#eaa321,#f8b73e);background:linear-gradient(135deg,var(--primary-gold),var(--secondary-gold));border-radius:4px}.timeline-wrapper::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#f8b73e,#eaa321);background:linear-gradient(135deg,var(--secondary-gold),var(--primary-gold))}@media (max-width:1024px){.timeline:before{left:30px}.timeline-entry{flex-direction:row!important;margin-left:60px}.timeline-year{left:-130px;position:absolute;top:0;width:100px}.timeline-year:before{left:auto!important;right:-40px!important}.timeline-content{margin:0;max-width:none}.timeline-entry:after{border-color:#0000 #eaa321 #0000 #0000!important;border-color:#0000 var(--primary-gold) #0000 #0000!important;border-width:10px 15px 10px 0!important;left:-20px!important;right:auto!important}.timeline-content .image-container{height:180px}}@media (max-width:768px){.timeline-wrapper{margin:5px 0;padding:10px}.timeline{padding:20px 0}.timeline:before{left:20px}.timeline-entry{margin-bottom:40px;margin-left:40px}.timeline-year{font-size:1.1rem;left:-100px;padding:10px 8px;width:80px}.timeline-year:before{height:20px;right:-35px!important;width:20px}.timeline-content .image-container{height:160px}.timeline-content img{padding:8px}.timeline-content p{font-size:.9rem;padding:15px}}@media (max-width:480px){.timeline-entry{margin-left:30px}.timeline-year{font-size:1rem;left:-85px;padding:8px 6px;width:70px}.timeline-year:before{height:15px;right:-30px!important;width:15px}.timeline-content .image-container{height:140px}.timeline-content img{padding:5px}.timeline-content p{font-size:.85rem;padding:12px}}.timeline-entry:first-child{animation-delay:.1s}.timeline-entry:nth-child(2){animation-delay:.2s}.timeline-entry:nth-child(3){animation-delay:.3s}.timeline-entry:nth-child(4){animation-delay:.4s}.timeline-entry:nth-child(5){animation-delay:.5s}.timeline-entry:nth-child(6){animation-delay:.6s}.timeline-entry:nth-child(7){animation-delay:.7s}.timeline-entry:nth-child(8){animation-delay:.8s}.timeline-entry:nth-child(9){animation-delay:.9s}.timeline-entry:nth-child(10){animation-delay:1s}.timeline-entry:nth-child(11){animation-delay:1.1s}.timeline-entry:nth-child(12){animation-delay:1.2s}.timeline-entry:nth-child(13){animation-delay:1.3s}.timeline-entry:nth-child(14){animation-delay:1.4s}.timeline-entry:nth-child(15){animation-delay:1.5s}.academic-projects-redesign{background:linear-gradient(135deg,#f8f9fa,#e9ecef);max-height:80vh;overflow-y:auto}.projects-hero{align-items:center;background:linear-gradient(#093916e6,#052710f2),url(https://images.unsplash.com/photo-1522202176988-66273c2fd55f?ixlib=rb-4.0.3&auto=format&fit=crop&w=2000&q=80);background-position:50%;background-size:cover;display:flex;height:300px;justify-content:center;position:relative;text-align:center}.projects-hero .hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#eaa321,#f4c46b);-webkit-background-clip:text;background-clip:text;font-family:Della Respira,Playfair Display,serif;font-size:3.5rem;font-weight:900;margin-bottom:1rem}.projects-hero .hero-subtitle{color:#fff;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:300;letter-spacing:2px;text-transform:uppercase}.projects-grid-books{display:flex;flex-direction:column;gap:50px;margin:0 auto;max-width:1400px;padding:40px 20px}.department-section-books{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 32px 0 #1f268726;overflow:hidden;padding:30px;position:relative}.department-section-books:before{background:linear-gradient(135deg,#eaa321,#f4c46b);content:"";height:4px;left:0;position:absolute;right:0;top:0}.department-header-books{border-bottom:2px dashed #09391633;margin-bottom:30px;padding-bottom:20px;text-align:center}.department-title{color:#093916;font-family:Della Respira,Playfair Display,serif;font-size:2.2rem;font-weight:700;margin-bottom:10px}.department-org{color:#eaa321;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:600;margin-bottom:10px}.books-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);margin-top:20px}.book-card-flip{cursor:pointer;height:280px;perspective:1000px}.book-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .8s;width:100%}.book-inner.flipped{transform:rotateY(180deg)}.book-back,.book-front{backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:12px;box-shadow:0 8px 32px 0 #1f268726;height:100%;position:absolute;width:100%}.book-front{background:linear-gradient(145deg,#093916,#052710);border:2px solid #eaa321}.book-cover,.book-front{align-items:center;display:flex;justify-content:center}.book-cover{color:#fff;flex-direction:column;height:100%;padding:20px;position:relative;text-align:center;width:100%}.book-year{color:#eaa321;font-family:Della Respira,Playfair Display,serif;font-size:2rem;font-weight:700;margin-bottom:10px}.book-title{font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:600;line-height:1.4;max-width:200px}.book-spine{background:linear-gradient(145deg,#eaa321,#f4c46b);border-radius:4px 0 0 4px;height:80%;left:0;position:absolute;top:10%;width:15px}.book-back{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #093916;display:flex;flex-direction:column;justify-content:center;padding:20px;transform:rotateY(180deg)}.book-content h4{color:#093916;font-family:Della Respira,Playfair Display,serif;font-size:1.2rem;line-height:1.3;margin-bottom:10px}.book-content p{color:#555;font-family:Montserrat,sans-serif;font-size:.9rem;margin-bottom:8px}.book-abstract{background:#eaa3211a;border-left:3px solid #eaa321;border-radius:8px;margin:10px 0;padding:10px}.book-abstract p{font-size:.85rem;line-height:1.4;margin:0}.book-awards{margin-top:10px}.award-badge{background:linear-gradient(135deg,#eaa321,#f4c46b);border-radius:10px;color:#093916;font-family:Montserrat,sans-serif;font-size:.75rem;font-weight:600;padding:4px 10px}.book-card-flip:hover .book-front{box-shadow:0 12px 40px 0 #1f268740;transform:translateY(-5px)}.academic-projects-redesign::-webkit-scrollbar{width:8px}.academic-projects-redesign::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.academic-projects-redesign::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#eaa321,#f4c46b);border-radius:4px}@media (max-width:1024px){.books-grid{gap:20px;grid-template-columns:1fr;grid-template-rows:repeat(4,1fr)}.book-card-flip{height:250px}}@media (max-width:768px){.projects-hero .hero-title{font-size:2.5rem}.projects-grid-books{gap:30px;padding:20px 15px}.department-section-books{padding:20px}.department-title{font-size:1.8rem}.book-content h4{font-size:1.1rem}}@media (max-width:480px){.projects-hero .hero-title{font-size:2rem}.projects-hero .hero-subtitle{font-size:1rem;letter-spacing:1px}.department-title{font-size:1.5rem}.book-card-flip{height:220px}.book-cover{padding:15px}.book-year{font-size:1.5rem}.book-title{font-size:1rem}}.academic-programs-container{background:linear-gradient(135deg,#f8f9fa,#e9ecef);max-height:80vh;overflow-y:auto}.programs-hero{align-items:center;background:linear-gradient(#093916e6,#052710f2),url(https://images.unsplash.com/photo-1523050854058-8df90110c9f1?ixlib=rb-4.0.3&auto=format&fit=crop&w=2000&q=80);background-position:50%;background-size:cover;display:flex;height:350px;justify-content:center;position:relative;text-align:center}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#eaa321,#f4c46b);-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:900;margin-bottom:1rem}.hero-subtitle{color:#fff;font-weight:300;letter-spacing:3px;text-transform:uppercase}.scroll-indicator{bottom:30px;font-size:.9rem;left:50%;position:absolute;transform:translateX(-50%)}.chevron{animation:bounce 2s infinite;border-bottom:2px solid #eaa321;border-right:2px solid #eaa321;height:20px;margin:10px auto;transform:rotate(45deg);width:20px}.programs-grid{grid-gap:30px;display:grid;gap:30px;margin:0 auto;max-width:1700px;padding:40px 20px}.program-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 32px 0 #1f268726;overflow:hidden;position:relative;transition:all .3s ease}.program-card:after,.program-card:before{border-color:#eaa321;border-style:solid;content:"";height:50px;position:absolute;width:50px}.program-card:before{border-radius:16px 0 0 0;border-width:2px 0 0 2px;left:0;top:0}.program-card:after{border-radius:0 0 16px 0;border-width:0 2px 2px 0;bottom:0;right:0}.program-card:hover{border-color:#eaa32180;box-shadow:0 16px 40px 0 #1f268740;transform:translateY(-8px)}.card-content{display:flex;min-height:400px}.program-main{border-right:2px dashed #09391633;flex:0 0 65%;padding:40px}.program-sidebar{display:flex;flex:0 0 35%;flex-direction:column;justify-content:space-between;padding:40px}.program-title{color:#093916;font-family:Della Respira,serif;font-size:2.8rem;font-weight:700;margin-bottom:10px;position:relative}.program-title:after{background:linear-gradient(135deg,#eaa321,#f4c46b);bottom:-5px;content:"";height:3px;left:0;position:absolute;transition:width .3s ease;width:0}.program-card:hover .program-title:after{width:100%}.program-tagline{color:#eaa321;font-size:1.3rem;font-weight:600}.program-degree,.program-tagline{font-family:Georgia,serif;margin-bottom:5px}.program-degree{color:#093916;font-size:1.1rem;font-weight:400}.program-campus{color:#666;font-family:Georgia,serif;font-size:1rem;font-style:italic;margin-bottom:20px}.program-description{margin-top:20px}.program-description p{color:#333;font-family:Georgia,serif;font-size:1rem;line-height:1.6;margin-bottom:15px}.program-description ul{list-style:none;padding:0}.program-description li{font-family:Georgia,serif;padding:5px 0 5px 25px;position:relative}.program-description li:before{color:#eaa321;content:"✓";font-weight:700;left:0;position:absolute}.program-highlights h4{color:#093916;font-family:Della Respira,serif;font-size:1.2rem;margin-bottom:15px}.highlight-item{font-family:Georgia,serif;margin-bottom:10px}.highlight-icon{margin-right:10px;text-align:center;width:24px}.program-actions{display:flex;flex-direction:column;gap:12px}.btn-primary{background:linear-gradient(135deg,#eaa321,#f4c46b);border:none;border-radius:8px;color:#093916;cursor:pointer;font-family:Della Respira,serif;font-size:1rem;font-weight:700;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s ease}.btn-primary:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn-primary:hover:before{left:100%}.btn-primary:hover{box-shadow:0 6px 20px #eaa32166;transform:translateY(-2px)}.btn-secondary{background:#0000;border:2px solid #093916;border-radius:8px;color:#093916;font-family:Della Respira,serif;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-secondary:hover{background:#093916;color:#fff;transform:translateY(-2px)}.academic-programs-container::-webkit-scrollbar{width:8px}.academic-programs-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.academic-programs-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#eaa321,#f4c46b);border-radius:4px}.academic-programs-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#d1941d,#e3b456)}@media (max-width:1200px){.card-content{flex-direction:column}.program-main{border-bottom:2px dashed #09391633;border-right:none;flex:none}.program-sidebar{flex:none}}@media (max-width:768px){.hero-title{font-size:2.5rem}.program-title{font-size:2rem}.program-main,.program-sidebar{padding:20px}.programs-grid{gap:20px;padding:20px 10px}}@media (max-width:480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem;letter-spacing:2px}.program-title{font-size:1.8rem}.program-tagline{font-size:1.1rem}}.virtual-tour-portal{max-height:80vh;overflow-y:auto;padding:20px}.gallery-section{margin-bottom:40px}.gallery-title{color:#093916;color:var(--primary-dark-green);font-family:Della Respira,serif;font-size:2.5rem;margin-bottom:30px;position:relative;text-align:center}.gallery-title:after{background:linear-gradient(135deg,#eaa321,#f8b73e);background:linear-gradient(135deg,var(--primary-gold),var(--secondary-gold));bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.gallery-container{margin:0 auto;max-width:900px;position:relative}.main-gallery{border-radius:15px;box-shadow:0 10px 30px #0000004d;margin-bottom:20px}.image-container,.main-gallery{overflow:hidden;position:relative}.image-container{height:400px;width:100%}#mainImage{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.image-container:hover #mainImage{transform:scale(1.05)}.image-overlay{background:linear-gradient(#0000,#093916e6);bottom:0;color:#fff;left:0;padding:30px 20px 20px;position:absolute;right:0;transform:translateY(100%);transition:transform .3s ease}.image-container:hover .image-overlay{transform:translateY(0)}#imageTitle{color:#eaa321;color:var(--primary-gold);font-family:Della Respira,serif;font-size:1.8rem;margin-bottom:10px}#imageDescription{font-family:Georgia,serif;font-size:1.1rem;line-height:1.5;opacity:.9}.thumbnails{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:20px 0}.thumbnail{border:3px solid #0000;border-radius:8px;cursor:pointer;height:60px;opacity:.7;overflow:hidden;transition:all .3s ease;width:80px}.thumbnail.active,.thumbnail:hover{opacity:1;transform:scale(1.1)}.thumbnail.active{border-color:#eaa321;border-color:var(--primary-gold)}.thumbnail img{height:100%;object-fit:cover;width:100%}.gallery-controls{gap:15px;margin-top:20px}.gallery-controls,.nav-btn{display:flex;justify-content:center}.nav-btn{align-items:center;background:linear-gradient(135deg,#093916,#0a4b1c);background:linear-gradient(135deg,var(--primary-dark-green),var(--secondary-dark-green));border:none;border-radius:50%;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;font-size:1.5rem;height:50px;transition:all .3s ease;width:50px}.nav-btn:hover{background:linear-gradient(135deg,#eaa321,#f8b73e);background:linear-gradient(135deg,var(--primary-gold),var(--secondary-gold));box-shadow:0 6px 20px #0000004d;color:#093916;color:var(--primary-dark-green);transform:translateY(-3px)}.nav-btn:active{transform:translateY(-1px)}.virtual-tour-buttons{margin-top:40px;text-align:center}.virtual-tour-buttons h3{color:#093916;color:var(--primary-dark-green);font-family:Della Respira,serif;font-size:2rem;margin-bottom:30px}.tour-buttons-container{flex-wrap:nowrap;gap:30px}.tour-btn,.tour-buttons-container{display:flex;justify-content:center}.tour-btn{align-items:center;background:linear-gradient(135deg,#093916,#0a4b1c);background:linear-gradient(135deg,var(--primary-dark-green),var(--secondary-dark-green));border:none;border-radius:50px;box-shadow:0 8px 25px #0939164d;color:#fff;cursor:pointer;flex:1 1;font-size:1.2rem;font-weight:700;gap:12px;max-width:280px;min-width:220px;overflow:hidden;padding:20px 30px;position:relative;transition:all .4s ease}.tour-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.tour-btn:hover:before{left:100%}.tour-btn:hover{background:linear-gradient(135deg,#eaa321,#f8b73e);background:linear-gradient(135deg,var(--primary-gold),var(--secondary-gold));box-shadow:0 15px 35px #09391666;color:#093916;color:var(--primary-dark-green);transform:translateY(-5px) scale(1.05)}.tour-btn:active{transform:translateY(-2px) scale(1.02)}.tour-btn.marikina-btn:hover{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.tour-btn.cainta-btn:hover{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.btn-icon{font-size:1.5rem;transition:transform .3s ease}.tour-btn:hover .btn-icon{transform:scale(1.2) rotate(10deg)}.btn-text{font-family:Della Respira,serif;letter-spacing:1px;white-space:nowrap}.btn-arrow{font-size:1.2rem;transition:transform .3s ease}.tour-btn:hover .btn-arrow{transform:translateX(5px)}@keyframes spin360{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(1turn) scale(1)}}.tour-btn.spinning{animation:spin360 .8s ease-in-out}.fade-in{animation:fadeIn .8s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.gallery-container{margin:0 10px}.image-container{height:300px}.tour-buttons-container{flex-direction:row;gap:20px}.tour-btn{font-size:1rem;min-width:180px;padding:15px 20px}.gallery-title{font-size:2rem}#imageTitle{font-size:1.5rem}#imageDescription{font-size:1rem}}@media (max-width:600px){.tour-buttons-container{align-items:center;flex-direction:column}.tour-btn{max-width:250px;min-width:250px}}@media (max-width:480px){.image-container{height:250px}.thumbnail{height:45px;width:60px}.tour-btn{font-size:.9rem;min-width:200px;padding:12px 20px}.virtual-tour-portal{padding:10px}}.tamtam-appreciation-station{background:linear-gradient(135deg,#f8f9fa,#e9ecef);min-height:100%;padding:20px}.tamtam-hero{background:linear-gradient(135deg,#093916,#0a4b1c);background:linear-gradient(135deg,var(--primary-dark-green) 0,var(--secondary-dark-green) 100%);border-radius:20px;box-shadow:0 20px 40px #0939164d;margin-bottom:40px;overflow:hidden;padding:40px;position:relative}.tamtam-hero:before{animation:float 6s ease-in-out infinite;background:radial-gradient(circle,#eaa3211a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.hero-content{grid-gap:50px;gap:50px;grid-template-columns:1fr 1fr}.hero-title{color:#eaa321;color:var(--primary-gold);font-family:Della Respira,serif;font-size:3.5rem;margin-bottom:15px;text-shadow:3px 3px 6px #00000080}.hero-subtitle{color:#ffffffe6;font-family:Georgia,serif;font-size:1.4rem;line-height:1.5;margin-bottom:25px}.hero-description{color:#fffffff2;font-size:1.1rem;line-height:1.7;margin-bottom:30px}.tamtam-features{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.feature-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#eaa32133;border:1px solid #eaa3214d;border-radius:10px;display:flex;gap:12px;padding:12px}.feature-icon{flex-shrink:0;font-size:1.8rem}.feature-text{color:#eaa321;color:var(--primary-gold);font-weight:600}.hero-image{position:relative;text-align:center}.tamtam-hero-image{animation:bounce 3s ease-in-out infinite;border:4px solid #eaa321;border:4px solid var(--primary-gold);border-radius:20px;box-shadow:0 25px 50px #0006;height:auto;max-width:400px;width:100%}.activities-section{padding:0 20px}.section-title{color:#093916;color:var(--primary-dark-green);font-family:Della Respira,serif;font-size:2.8rem;margin-bottom:15px;position:relative}.section-title:after{background:linear-gradient(135deg,#eaa321,#f8b73e);background:linear-gradient(135deg,var(--primary-gold),var(--secondary-gold));border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.section-subtitle{font-size:1.2rem;margin-bottom:50px;margin-left:auto;margin-right:auto;max-width:600px}.activities-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px}.activity-card{background:#fff;border:2px solid #0000;border-radius:20px;box-shadow:0 15px 35px #0000001a;overflow:hidden;padding:0;position:relative;transition:all .4s ease}.activity-card:before{background:linear-gradient(135deg,#eaa321,#f8b73e);background:linear-gradient(135deg,var(--primary-gold),var(--secondary-gold));content:"";height:5px;left:0;position:absolute;right:0;top:0}.activity-card:hover{border-color:#eaa321;border-color:var(--primary-gold);box-shadow:0 25px 50px #0003;transform:translateY(-15px) scale(1.02)}.card-header{background:linear-gradient(135deg,#093916,#0a4b1c);background:linear-gradient(135deg,var(--primary-dark-green),var(--secondary-dark-green));color:#fff;padding:30px 30px 20px;text-align:center}.card-icon{display:block;font-size:4.5rem;margin-bottom:15px;transition:transform .3s ease}.activity-card:hover .card-icon{transform:scale(1.2) rotate(10deg)}.card-title{color:#eaa321;color:var(--primary-gold);font-family:Della Respira,serif;font-size:1.8rem;margin-bottom:10px}.card-body{padding:25px 30px}.card-description{color:#555;font-size:1.1rem;line-height:1.6;margin-bottom:25px;text-align:center}.card-button{border:none;border-radius:12px;cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:1px;padding:15px;text-transform:uppercase;transition:all .3s ease;width:100%}.activity-card:first-child .card-button{background:linear-gradient(135deg,#ff6b6b,#ff8e8e);color:#fff}.activity-card:first-child .card-button:hover{background:linear-gradient(135deg,#ff8e8e,#ff6b6b);box-shadow:0 8px 20px #ff6b6b66;transform:translateY(-2px)}.activity-card:nth-child(2) .card-button{background:linear-gradient(135deg,#4ecdc4,#88d3ce);color:#fff}.activity-card:nth-child(2) .card-button:hover{background:linear-gradient(135deg,#88d3ce,#4ecdc4);box-shadow:0 8px 20px #4ecdc466;transform:translateY(-2px)}.activity-card:nth-child(3) .card-button{background:linear-gradient(135deg,#ffd93d,#ffe880);color:#093916;color:var(--primary-dark-green)}.activity-card:nth-child(3) .card-button:hover{background:linear-gradient(135deg,#ffe880,#ffd93d);box-shadow:0 8px 20px #ffd93d66;transform:translateY(-2px)}@media (max-width:1024px){.hero-content{gap:40px;grid-template-columns:1fr;text-align:center}.activities-grid{grid-template-columns:repeat(2,1fr)}.tamtam-hero-image{max-width:350px}}@media (max-width:768px){.popup-content{margin:20px;padding:20px;width:95%}.tamtam-hero{margin-bottom:30px;padding:30px 20px}.hero-title{font-size:2.8rem}.section-title{font-size:2.2rem}.activities-grid{gap:25px}.activities-grid,.tamtam-features{grid-template-columns:1fr}}@media (max-width:480px){.tamtam-appreciation-station{padding:10px}.tamtam-hero{padding:20px 15px}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1.1rem}.section-title{font-size:1.8rem}.card-header{padding:20px 20px 15px}.card-body{padding:20px}.card-icon{font-size:3.5rem}.card-title{font-size:1.5rem}}.popup-content{scroll-behavior:smooth}.popup-content::-webkit-scrollbar{width:8px}.popup-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.popup-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#eaa321,#f8b73e);background:linear-gradient(135deg,var(--primary-gold),var(--secondary-gold));border-radius:4px}.popup-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#f8b73e,#eaa321);background:linear-gradient(135deg,var(--secondary-gold),var(--primary-gold))}.bookstore-homepage{background:linear-gradient(135deg,#f8f9fa,#fff);font-family:Della Respira,sans-serif;max-height:80vh;overflow-y:auto}.bookstore-hero{background:linear-gradient(135deg,#013220,#01532c);border-radius:25px;box-shadow:0 15px 35px #0132204d;margin:20px;overflow:hidden;padding:40px;position:relative}.hero-content{grid-gap:40px;align-items:center;display:grid;gap:40px;grid-template-columns:2fr 1fr;position:relative;z-index:2}.hero-text{color:#fff}.hero-headline{color:#eaa321;font-size:3rem;font-weight:900;line-height:1.1;margin-bottom:15px;text-shadow:2px 2px 4px #0000004d}.hero-subheadline{color:#ffffffe6;font-size:1.3rem;line-height:1.5;margin-bottom:30px}.hero-buttons{display:flex;flex-wrap:wrap;gap:15px}.cta-button{border:none;border-radius:25px;cursor:pointer;display:inline-block;font-family:Della Respira,sans-serif;font-size:1.1rem;font-weight:600;padding:12px 25px;text-decoration:none;transition:all .3s ease}.cta-button.primary{background:#eaa321;color:#013220}.cta-button.primary:hover{background:#ffb74d;box-shadow:0 8px 20px #eaa32166;transform:translateY(-2px)}.cta-button.secondary{background:#0000;border:2px solid #eaa321;color:#eaa321}.cta-button.secondary:hover{background:#eaa321;color:#013220;transform:translateY(-2px)}.hero-mascot{position:relative;text-align:center}.mascot-image1{animation:bounce 3s ease-in-out infinite;border-radius:20px;box-shadow:0 15px 35px #0000004d;height:auto;max-width:250px;width:100%}.mascot-sparkle{animation:sparkle 2s ease-in-out infinite;font-size:2rem;position:absolute;right:-10px;top:-10px}@keyframes bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.05)}}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.hero-background{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:1}.shape{background:#eaa3211a;border-radius:50%;position:absolute}.shape-1{animation:float 6s ease-in-out infinite;height:200px;right:-50px;top:-50px;width:200px}.shape-2{animation:float 8s ease-in-out infinite reverse;bottom:-30px;height:150px;left:10%;width:150px}.shape-3{animation:float 5s ease-in-out infinite;height:100px;right:20%;top:50%;width:100px}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}.products-section{padding:40px 20px}.products-title{color:#013220;font-size:2.5rem;font-weight:900;margin-bottom:30px;position:relative;text-align:center}.products-title:after{background:#eaa321;border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.products-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:900px}.product-card{background:#fff;border:2px solid #0000;border-radius:20px;box-shadow:0 8px 25px #0000001a;padding:20px;text-align:center;transition:all .3s ease}.product-card:hover{border-color:#eaa321;box-shadow:0 15px 35px #00000026;transform:translateY(-8px)}.product-image{background-position:50%;background-repeat:no-repeat;background-size:cover;border:3px solid #eaa321;border-radius:20px;height:120px;margin:0 auto 15px;width:120px}.merchandise-image{background-image:url(/exhibit/static/media/merchandise.7e251f51d59a1254076a.webp)}.uniform-image{background-image:url(/exhibit/static/media/uniform.f0cd53362866f1ba2a5f.webp)}.consignment-image{background-image:url(/exhibit/static/media/consignment.7d3e61db617b0beb395b.webp)}.product-title{color:#013220;font-size:1.4rem;font-weight:700;margin-bottom:8px}.product-description{color:#666;font-size:1rem;line-height:1.4;margin-bottom:20px}.product-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.product-btn{border:none;border-radius:15px;cursor:pointer;font-family:Della Respira,sans-serif;font-size:.9rem;font-weight:600;min-width:80px;padding:8px 16px;transition:all .3s ease}.customize-btn{background:#eaa321;color:#013220}.customize-btn:hover{background:#ffb74d;transform:scale(1.05)}.view-btn{background:#013220;color:#fff}.view-btn:hover{background:#01532c;transform:scale(1.05)}.mascot-callout{padding:30px 20px}.callout-content{align-items:center;background:#eaa3211a;border-radius:25px;display:inline-flex;gap:20px;padding:20px 30px}.speech-bubble1{border-radius:20px;box-shadow:0 5px 15px #0000001a;padding:15px 20px}.speech-bubble1 p{color:#013220;font-size:1.1rem;font-weight:600;margin:0}.bubble-tail{border-bottom:10px solid #0000;border-left:10px solid #fff;border-top:10px solid #0000;right:-10px;top:50%;transform:translateY(-50%)}.callout-mascot{animation:wiggle 2s ease-in-out infinite;border:3px solid #eaa321;border-radius:50%;height:80px;width:80px}@keyframes wiggle{0%,to{transform:rotate(0deg)}25%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}}@media (max-width:768px){.bookstore-hero{margin:10px;padding:30px 20px}.hero-content{gap:30px;grid-template-columns:1fr;text-align:center}.hero-headline{font-size:2.2rem}.products-grid{gap:20px;grid-template-columns:1fr;max-width:400px}.callout-content{flex-direction:column;gap:15px}.bubble-tail{right:50%;top:-10px;transform:translateX(50%) rotate(90deg)}}@media (max-width:480px){.hero-headline{font-size:1.8rem}.hero-subheadline{font-size:1.1rem}.products-title{font-size:2rem}.product-card{padding:15px}.product-image{height:100px;width:100px}}.events-container{background-color:#f9f9f9;color:#333;font-family:Arial,sans-serif}.events-hero{background:linear-gradient(135deg,#006400,gold);padding:60px 20px;position:relative;text-align:center}.hero-overlay{background:#00000080;border-radius:10px;color:#fff;padding:20px}.hero-title{font-size:2.5rem;margin:0}.hero-subtitle{font-size:1.2rem;margin:10px 0}.scroll-indicator{color:#fff;font-size:1rem;margin-top:20px}.events-grid{margin:0 auto;max-width:1200px;padding:40px 20px}.section-title{color:#006400;font-size:2rem;margin-bottom:10px;text-align:center}.section-subtitle{color:#666;font-size:1.1rem;margin-bottom:30px;text-align:center}.events-card-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.event-card{background:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;overflow:hidden;transition:transform .3s}.event-card:hover{transform:translateY(-5px)}.event-image{background-position:50%;background-size:cover;height:200px}.tamaraw-fest-image{background-image:url(/exhibit/static/media/tamaraw-fest.a552e479799d345a1e8a.webp)}.innovation-summit-image{background-image:url(/exhibit/static/media/innovation-summit.859f077f6345ef97d6d3.webp)}.outreach-image{background-image:url(/exhibit/static/media/outreach.f27732199e9cc5f7e68b.webp)}.symposium-image{background-image:url(/exhibit/static/media/symposium.3ea2a9aa93cc37f0a788.webp)}.event-content{padding:20px}.event-title{color:#006400;font-size:1.5rem;margin:0 0 10px}.event-date{color:gold;font-size:1rem;margin:0 0 10px}.event-description{color:#666;font-size:.9rem;margin-bottom:15px}.event-highlights{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.highlight-item{align-items:center;color:#333;display:flex;font-size:.9rem;gap:5px}.highlight-icon{font-size:1.2rem}.event-actions{display:flex;gap:10px}.btn-secondary{background-color:#006400;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s}.btn-secondary:hover{background-color:#004d00}.mascot-callout{padding:40px 20px;text-align:center}.callout-content{display:inline-block;position:relative}.speech-bubble1{background:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin-bottom:20px;padding:20px;position:relative}.bubble-tail{border-left:10px solid #0000;border-right:10px solid #0000;border-top:10px solid #fff;bottom:-10px;height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.callout-mascot{max-width:150px}.school-newspaper{background:#fff;color:#333;font-family:Georgia,Times New Roman,serif;max-height:80vh;overflow-y:auto;padding:20px}.newspaper-masthead{border-bottom:3px double #333;margin-bottom:25px;padding-bottom:15px;text-align:center}.masthead-title{color:#093916;font-family:Della Respira,Playfair Display,serif;font-size:3rem;font-weight:900;letter-spacing:2px;margin:0 0 10px;text-transform:uppercase}.masthead-subtitle{align-items:center;color:#666;display:flex;font-size:1rem;justify-content:space-between}.masthead-subtitle .date{font-weight:700}.masthead-subtitle .tagline{font-style:italic}.newspaper-layout{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-top:20px}.section-heading{border-bottom:2px solid #eaa321;color:#093916;font-family:Della Respira,serif;font-size:1.8rem;margin-bottom:20px;padding-bottom:8px;text-align:center}.activities-column,.news-column{display:flex;flex-direction:column;gap:25px}.news-card{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.news-card:hover{box-shadow:0 4px 15px #00000026;transform:translateY(-3px)}.news-card.featured{background:#fffdf6;border:2px solid #eaa321}.news-card.full-row{width:100%}.news-card.full-row .card-image{height:250px;width:100%}.news-card.full-row .card-title{border-bottom:1px solid #e0e0e0;font-size:1.5rem;margin:0;padding:20px 20px 10px}.news-card.full-row .card-article{padding:15px 20px 20px}.news-grid.three-column{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);width:100%}.news-grid.three-column .news-card{display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content}.news-grid.three-column .card-image{height:150px;width:100%}.news-grid.three-column .card-title{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;font-size:1.1rem;margin:0;min-height:60px;padding:15px 15px 10px}.news-grid.three-column .card-article{flex-grow:1;padding:10px 15px 15px}.card-image{overflow:hidden;width:100%}.card-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.news-card:hover .card-image img{transform:scale(1.05)}.card-article{color:#444;font-size:.95rem;line-height:1.6}.card-article p{margin:0;text-align:justify}@media (max-width:1200px){.news-grid.three-column{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.newspaper-layout{gap:20px;grid-template-columns:1fr}.masthead-title{font-size:2.2rem}}@media (max-width:768px){.school-newspaper{padding:15px}.masthead-title{font-size:1.8rem}.masthead-subtitle{flex-direction:column;gap:5px}.news-grid.three-column{grid-template-columns:1fr}.news-card.full-row .card-image{height:200px}.section-heading{font-size:1.5rem}}@media (max-width:480px){.masthead-title{font-size:1.5rem}.section-heading{font-size:1.3rem}.news-card.full-row .card-title{font-size:1.3rem;padding:15px 15px 8px}.news-grid.three-column .card-title{font-size:1rem;min-height:50px}.card-article{font-size:.9rem}}.view-info-button{background:linear-gradient(135deg,#f1c40f,#f39c12);border:none;border-radius:50px;box-shadow:0 6px 12px #f1c40f4d,0 2px 4px #0003;color:#2c3e50;cursor:pointer;font-size:1.1rem;font-weight:700;margin:.5rem;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s ease}.view-info-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.view-info-button:hover:before{left:100%}.view-info-button:hover{background:linear-gradient(135deg,#f39c12,#f1c40f);box-shadow:0 10px 20px #f1c40f66,0 4px 8px #0000004d;transform:translateY(-3px)}.view-info-button:active{box-shadow:0 4px 8px #f1c40f4d,0 2px 4px #0003;transform:translateY(-1px)}
/*# sourceMappingURL=main.3393163f.css.map*/