:root{--color-text: #1a1a2e}.origin-strip{background-color:#000;background-image:repeating-linear-gradient(to right,transparent 0 15px,whitesmoke 15px 30px),repeating-linear-gradient(to right,transparent 0 15px,whitesmoke 15px 30px);background-position:0 10px,0 calc(100% - 10px);background-size:100% 20px,100% 20px;background-repeat:repeat-x,repeat-x;width:100%;max-width:1200px;height:300px;margin:40px auto 20px;position:relative;border-radius:10px;transform:rotate(-2.5deg);box-shadow:0 4px 8px #0003;overflow:hidden}.origin-strip:before{content:"";position:absolute;top:0;left:0;width:100%;height:8px;background-color:var(--blue);border-top:1px solid #000;border-bottom:1px solid #000;z-index:1}.origin-strip:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:8px;background-color:var(--blue);border-top:1px solid #000;border-bottom:1px solid #000;z-index:1}.origin-strip-inner{display:flex;align-items:center;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;width:100%;height:100%;-ms-overflow-style:none;scrollbar-width:none}.origin-strip-inner::-webkit-scrollbar{display:none}.film-frame{width:220px;height:220px;background-color:#f5f5f5;border-radius:10px;overflow:hidden;position:relative;flex-shrink:0;margin:0 10px;transition:transform .3s,box-shadow .3s;pointer-events:auto;cursor:pointer;z-index:5}.film-frame:hover{transform:scale(1.05);box-shadow:0 10px 20px #0000004d}.film-frame img{width:100%;height:100%;object-fit:cover;border-radius:12px}.frame-number{position:absolute;top:-5px;left:-5px;background-color:var(--gold);color:#000;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem;box-shadow:0 2px 4px #0000004d;z-index:2}.frame-title{position:absolute;bottom:0;left:0;right:0;background-color:#000000b3;color:var(--white);padding:10px;font-weight:700;font-size:1.1rem;text-align:center;text-transform:uppercase;z-index:2}.modal{position:fixed;inset:0;background-color:#000c;z-index:1000;overflow-y:auto;padding:50px 20px}.modal-content{background-color:var(--lightest-pink);border:2px solid var(--blue);border-radius:15px;max-width:800px;margin:0 auto;padding:30px;position:relative;box-shadow:0 10px 30px #00000080}.modal-content:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:10px 10px;pointer-events:none;opacity:.5;z-index:0}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;position:relative;z-index:1}.modal-title{font-size:2rem;color:#000;text-shadow:1px 1px 0 rgba(0,0,0,.1);border-bottom:2px solid #b3d9f0;margin:0}.close-button{background-color:var(--gold);color:#333;border:none;width:40px;height:40px;border-radius:50%;font-size:2rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000004d;transition:transform .2s}.close-button:hover{transform:scale(1.1)}.modal-body{display:flex;gap:20px;position:relative;z-index:1}.modal-image{width:40%;height:300px;background-color:#f5f5f5;border-radius:10px;overflow:hidden;box-shadow:0 4px 8px #0000004d}.modal-image img{width:100%;height:100%;object-fit:cover}.modal-text{width:60%;color:var(--color-text);font-size:1.1rem;line-height:1.6}.modal-text p{margin:0 0 15px;text-shadow:1px 1px 0 rgba(0,0,0,.3)}.info-section{margin-top:40px;position:relative;z-index:1}.info-title{font-size:2.5em;margin:0 16px 10px;text-align:center}.info-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px}.info-card{background:#fff;padding:18px;border-radius:12px;box-shadow:0 6px 18px #00000014;position:relative;overflow:hidden}.info-card:hover{transform:translateY(-5px);box-shadow:0 8px 18px #0000004d}.info-card h2{margin:-18px -18px 10px;padding:10px;background:var(--panel-color-blue);color:var(--white);border-radius:8px 8px 0 0;text-align:center;font-family:Bangers,cursive;text-shadow:2px 2px 0 #333;font-size:1.5rem}.info-card-content{font-size:1rem;line-height:1.5}.info-card-content p{margin:0 0 10px}.info-card-image{display:flex;height:300px;margin-bottom:15px;border-radius:10px;overflow:hidden;align-items:center;justify-content:center}.info-card-image img{height:100%;object-fit:cover}.info-card-button{display:inline-block;background-color:var(--pink);color:var(--white);padding:10px 20px;border-radius:30px;text-decoration:none;font-weight:700;margin-top:15px;box-shadow:0 2px 4px #0003;transition:transform .2s,box-shadow .2s;cursor:pointer;border:none;font-family:inherit;font-size:inherit}.info-card-button:hover{transform:translateY(-3px);box-shadow:0 4px 8px #0000004d}.certification-link-container{margin-top:40px;text-align:center;position:relative;z-index:1}.thunderbolt-button-container{width:100%;max-width:400px;height:auto;display:block;margin:0 auto;position:relative;border-radius:10px;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;overflow:hidden;text-decoration:none}.thunderbolt-image{width:100%;height:auto;display:block;filter:drop-shadow(2px 2px 2px rgba(0,0,0,.5))}.thunderbolt-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;text-shadow:4px 4px 0 #333;text-align:center;width:100%;margin:0;pointer-events:none}.thunderbolt-button-container:hover{transform:scale(1.1)}.thunderbolt-button-container:hover .thunderbolt-text{color:#f0f0f0}.modal-full-image .modal-body{display:block}.modal-full-image .modal-image{width:100%;max-width:none;height:auto;max-height:70vh;overflow-y:auto}.modal-full-image .modal-image img{width:100%;height:auto;object-fit:contain}@media(max-width:768px){.modal-body{flex-direction:column}.modal-image,.modal-text{width:100%}.info-columns{grid-template-columns:1fr}.origin-strip{max-width:100%}.modal-full-image .modal-image{max-height:60vh}}