:root{--primary-color: #4e81c5;--primary-dark: #003366;--primary-light: #e6f0ff;--primary-mid: #c5d8f7;--secondary-bg: rgba(212, 221, 238, 1);--text-color: #0c0404;--text-secondary: #333;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--border-radius-sm: 4px;--border-radius: 10px;--border-radius-lg: 12px;--border-standard: 2px solid var(--primary-color);--box-shadow: 0 4px 6px rgba(0, 0, 0, .2);--box-shadow-hover: 0 8px 15px rgba(0, 0, 0, .15)}html,body{overflow-x:hidden;max-width:100vw;position:relative;width:100%}body{margin:0;padding:50px 0 0;font-family:Arial,sans-serif;background-color:#f0f8ff;background-image:url(/assets/background-D7pnrziJ.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;display:flex;justify-content:center;align-items:center;min-height:100vh;overflow-x:hidden}.page{width:100%;max-width:1200px;text-align:center;padding:1rem;position:relative;overflow-x:hidden;isolation:isolate;z-index:2;box-sizing:border-box}.header{padding:0;border:none;background-color:transparent;box-shadow:none;height:auto;position:relative;z-index:5;margin-bottom:10px}.header h1{font-size:2.5rem;font-weight:700;color:var(--primary-dark);margin:0}.banner-container{position:relative;display:flex;flex-direction:column;align-items:center;background-color:transparent;border-radius:0;overflow:visible;padding:0;box-shadow:none;z-index:10;margin-bottom:20px;width:100%}.banner{width:100%;height:auto;object-fit:cover;margin:0;display:block;border-radius:0;box-shadow:none;position:relative;z-index:10;transition:transform .3s ease,box-shadow .3s ease,filter .3s ease}.banner:hover{transform:scale(1.05);box-shadow:var(--box-shadow-hover);filter:brightness(70%)}.nav-bar{position:fixed;top:0;left:0;right:0;width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:#e6f0fff2;padding:8px 0;box-shadow:0 2px 4px #00000080;border-bottom:2px solid var(--primary-color);z-index:1000;box-sizing:border-box;flex-wrap:nowrap}.nav-link{color:var(--primary-dark);text-decoration:none;font-weight:700;padding:6px 12px;margin:0 4px;border-radius:var(--border-radius-sm);background-color:transparent;transition:transform .3s ease,box-shadow .3s ease,filter .3s ease;flex-shrink:0;white-space:nowrap;font-size:.95rem}.nav-link:hover{transform:scale(1.05);filter:brightness(70%);box-shadow:0 2px 4px #0006}.homepage-info-box{background-color:#d4ddeecc;border:var(--border-standard);border-radius:var(--border-radius);padding:.5rem;margin:1rem auto 2rem;max-width:80%;text-align:center;box-shadow:var(--box-shadow);font-size:1.1rem;color:var(--text-color);line-height:1.5}.image-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;margin-top:2rem;width:100%}.image-card:nth-child(7){grid-column:2 / 3}.image-card{flex:1;border-radius:var(--border-radius);border:var(--border-standard);background-color:var(--secondary-bg);box-shadow:var(--box-shadow);padding:1rem;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.image-card:hover{transform:scale(1.05);box-shadow:var(--box-shadow-hover)}.image-card img{width:100%;border-radius:var(--border-radius);transition:filter .3s ease}.image-card:hover img{filter:brightness(70%)}.image-card p{position:absolute;top:10px;left:50%;width:75%;transform:translate(-50%) scale(1);background-color:#afb7e666;padding:.5rem 1rem;border-radius:var(--border-radius-sm);font-size:2rem;font-weight:700;color:var(--text-color);text-align:center;transition:transform .3s ease,background-color .3s ease}.image-card a{text-decoration:none;color:inherit}.image-card:hover p{transform:translate(-50%) scale(1.1);background-color:#afb7e699}.plane-flying-gif{position:absolute;top:100px;left:0;width:400px;height:auto;z-index:100;animation:fly-across 10s linear infinite;will-change:transform;pointer-events:none}@keyframes fly-across{0%{transform:translate(-400px)}to{transform:translate(calc(100vw + 400px))}}.music-toggle-btn{position:fixed;top:8px;right:10px;z-index:1001;background-color:#afb7e6b3;color:#000;border:none;border-radius:var(--border-radius-sm);padding:5px 10px;font-size:14px;cursor:pointer;display:flex;align-items:center;box-shadow:0 2px 5px #0003;transition:all .3s ease}.music-toggle-btn:hover{transform:scale(1.05);box-shadow:0 4px 8px #0006}@media(max-width:1024px){.image-grid{grid-gap:1.5rem}.image-card p{font-size:1.7rem}}@media(max-width:768px){body{background-attachment:scroll;background-position:top center;padding-top:110px}.nav-bar{flex-wrap:wrap;padding:5px 10px;justify-content:center;align-items:center;width:100%;box-sizing:border-box}.nav-link{flex:0 0 auto;padding:6px 8px;margin:3px 2px;font-size:.75rem;text-align:center;box-sizing:border-box;white-space:nowrap;display:inline-block}.banner-container{margin-top:10px;margin-bottom:15px}.homepage-info-box{padding:1.25rem;max-width:90%;font-size:1rem;margin-bottom:1.5rem}.image-grid{grid-template-columns:1fr;grid-gap:1rem}.image-card:nth-child(7){grid-column:1}.image-card p{font-size:1rem;padding:.3rem .5rem;width:85%}.image-card{padding:.5rem}.plane-flying-gif{width:250px;animation:fly-across-mobile 8s linear infinite}@keyframes fly-across-mobile{0%{transform:translate(-250px)}to{transform:translate(100vw)}}.music-toggle-btn{top:75px;right:10px;padding:4px 8px;font-size:13px;background-color:#afb7e6d9}}@media(max-width:550px){body{padding-top:85px}.nav-link{padding:5px 8px;margin:2px 3px;font-size:.85rem}.header h1{font-size:1.8rem}.homepage-info-box{max-width:95%;font-size:.95rem;padding:1rem}.music-toggle-btn{top:62px;right:8px}}@media(max-width:400px){body{padding-top:80px}.nav-link{padding:4px 6px;margin:2px;font-size:.8rem;width:calc(33.33% - 6px)}.image-grid{grid-template-columns:1fr}.image-card{max-width:85%;margin-left:auto;margin-right:auto}.image-card p{font-size:1.5rem!important;top:5px;width:90%;padding:.5rem;background-color:#afb7e6b3}.music-toggle-btn{top:58px;right:5px;padding:3px 6px;font-size:11px}}.splash-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(/assets/background-D7pnrziJ.png);background-size:cover;background-position:center;cursor:pointer;z-index:1000;display:flex;justify-content:center;align-items:flex-start;padding-top:15vh;overflow:hidden}.splash-banner{max-width:80%;height:auto}@media(max-width:768px){.splash-banner{max-width:90%}}.meet-the-smiths{text-align:center;padding:var(--spacing-lg);font-family:Arial,sans-serif}.meet-the-smiths h1{font-size:2.5rem;color:var(--primary-dark);margin-bottom:var(--spacing-lg)}.header-box{background-color:var(--primary-light);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius);box-shadow:var(--box-shadow);border:var(--border-standard);display:inline-block;margin:0 auto var(--spacing-lg)}.header-box h1{margin:0;font-size:2.5rem;color:var(--primary-dark);text-align:center}.profile-container{display:flex;justify-content:center;align-items:flex-start;gap:var(--spacing-lg);max-width:1000px;margin:0 auto;background-color:var(--secondary-bg);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow);border:var(--border-standard);margin-bottom:var(--spacing-lg)}.profile-image{width:400px;height:auto;border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.profile-details{display:flex;flex-direction:column;gap:var(--spacing-sm);text-align:left;flex:1}.sub-header-box{background-color:var(--primary-light);padding:var(--spacing-sm);border-radius:var(--border-radius);box-shadow:0 2px 4px #0000001a;margin:0 auto;text-align:center}.sub-header-box h2{font-size:2rem;color:var(--primary-dark);margin:0}.text-box{background-color:var(--primary-light);padding:var(--spacing-sm);border-radius:var(--border-radius);box-shadow:0 2px 4px #0000001a}.text-box p{font-size:1rem;line-height:1.5;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.portfolio-link{display:inline-block;background-color:#a7b7cc;color:#000;padding:8px 15px;border-radius:var(--border-radius-sm);text-decoration:none;margin-top:10px;border:none;font-weight:500;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.portfolio-link:hover{background-color:#3a6ca8;transform:translateY(-2px)}@media(max-width:1024px){.profile-container{padding:1.5rem;gap:1.5rem;max-width:90%}.profile-image{width:300px}.sub-header-box h2{font-size:1.7rem}}@media(max-width:768px){.meet-the-smiths{padding:var(--spacing-sm)}.header-box{background-color:var(--primary-light);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius);box-shadow:var(--box-shadow);border:var(--border-standard);display:inline-block;box-sizing:border-box;max-width:85%;margin:0 auto var(--spacing-sm)}.header-box h1{font-size:1rem}.profile-container{flex-direction:column;padding:1.25rem;gap:var(--spacing-sm);max-width:95%;margin-bottom:1.5rem}.profile-image{width:100%;max-width:300px;margin:0 auto}.profile-details{width:100%;padding:0}.sub-header-box{width:100%;max-width:100%;padding:.75rem;margin:0 0 var(--spacing-sm) 0;box-sizing:border-box;border-radius:var(--border-radius-sm)}.sub-header-box h2{font-size:1.4rem}.text-box{padding:.75rem}.text-box p{font-size:.95rem;margin-bottom:.75rem}}@media(max-width:480px){.meet-the-smiths{padding:.75rem}.header-box{padding:var(--spacing-xs) var(--spacing-xs);width:95%}.header-box h1{font-size:1.5rem}.profile-container{padding:var(--spacing-sm);border-radius:var(--border-radius)}.profile-image{max-width:250px}.sub-header-box h2{font-size:1rem}.text-box p{font-size:.9rem;line-height:1.4}}.talk-to-smithbot{text-align:center;padding:2rem;max-width:800px;margin:2rem auto;border:2px solid #4e81c5;border-radius:15px;box-shadow:0 4px 8px #0000001a;background-color:#d4ddee;position:relative;z-index:1}.talk-to-smithbot:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(#d4ddeecc,#d4ddeecc),url(/assets/RobotBackground-CTimFaEB.png);background-size:contain;background-position:center;z-index:-1;border-radius:15px}.smith-header{background-color:#d4ddeecc;border:2px solid #4e81c5;border-radius:10px;padding:15px;max-width:300px;margin:0 auto 20px;font-size:24px;text-align:center;color:#036}.family-selector{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem}.family-member{cursor:pointer;text-align:center;border:2px solid #4e81c5;border-radius:20px;padding:.75rem;transition:transform .3s;background-color:#d4e0f7;min-width:100px;display:flex;flex-direction:column;align-items:center;background-image:linear-gradient(#d4ddeecc,#d4ddeecc),url(/assets/Circuits-B5SfvNcE.png);background-repeat:no-repeat;background-position:center;background-size:cover}.family-member.selected{border-color:#036;transform:scale(1.1);background-color:#b8cff0;box-shadow:0 4px 8px #0003}.family-member img{width:90px;height:90px;border-radius:50%;margin-top:.5rem;border:3px solid #4e81c5;transition:border-color .3s,transform .3s}.family-member p{margin:0 0 .25rem;font-weight:700;color:#000}.chat-container{max-width:600px;margin:0 auto;border:2px solid #4e81c5;border-radius:10px;padding:1rem;background-color:#d4ddeee6}.chat-box{max-height:300px;overflow-y:auto;margin-bottom:1rem}.message{margin:.5rem 0}.message.user{text-align:right}.input-container{display:flex;gap:.5rem}input{flex:1;padding:.5rem;border:1px solid #ccc;border-radius:5px}button{padding:.5rem 1rem;background-color:#4e81c5;color:#fff;border:none;border-radius:5px;cursor:pointer}button:hover{background-color:#036}@media(max-width:768px){.talk-to-smithbot{padding:1rem;margin:1rem auto;max-width:95%}.smith-header{font-size:20px;padding:10px;max-width:90%}.family-selector{flex-wrap:wrap;gap:.5rem}.family-member{min-width:80px;padding:.5rem}.family-member img{width:60px;height:60px}.family-member p{font-size:.8rem;margin-top:.3rem}}@media(max-width:480px){.talk-to-smithbot{padding:.75rem;margin:.5rem auto}.smith-header{font-size:18px;padding:8px}.family-selector{justify-content:space-around}.family-member{min-width:70px;padding:.4rem}.family-member img{width:50px;height:50px;border-width:2px}.chat-box{max-height:250px}.input-container{flex-direction:column}.input-container input{margin-bottom:.5rem;padding:.75rem}.input-container button{width:100%;padding:.75rem}}@media(max-width:768px){.message{padding:.5rem;border-radius:8px;margin:.75rem 0;background-color:#ffffff80}.message.user{background-color:#4e81c533}.message.bot{background-color:#ffffffb3}}.loading-indicator{display:flex;align-items:center;justify-content:center;flex-direction:column;margin:1rem 0;padding:1rem;background-color:#ffffffb3;border-radius:10px}.spinner{width:40px;height:40px;border:4px solid rgba(78,129,197,.3);border-radius:50%;border-top-color:#4e81c5;animation:spin 1s ease-in-out infinite;margin-bottom:.5rem}@keyframes spin{to{transform:rotate(360deg)}}.todo-container{max-width:980px;margin:0 auto;padding:var(--spacing-lg);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.todo-header{display:flex;justify-content:center;margin-bottom:0rem}.header-box{background-color:var(--primary-light);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius);box-shadow:var(--box-shadow);border:var(--border-standard);display:inline-block}.header-box h1{margin:0;font-size:1.8rem;color:var(--primary-dark);text-align:center}.todo-content{display:flex;flex-direction:column;align-items:center;width:100%}.todo-box-container{background-color:var(--secondary-bg);border:3px solid var(--primary-color);border-radius:var(--border-radius-lg);padding:30px;box-shadow:var(--box-shadow-hover);display:flex;flex-direction:column;align-items:center;width:100%;box-sizing:border-box;min-height:600px;height:auto}.todo-title-box{margin-bottom:30px;text-align:center;width:80%;max-width:800px;background-color:var(--primary-light);border:var(--border-standard);border-radius:var(--border-radius);padding:5px 0;box-shadow:0 3px 6px #0000001a}.todo-title-box h2{margin:1;font-size:1.2rem;color:var(--text-secondary);font-weight:600;padding:0 25px}.todo-content-row{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:30px;width:100%}.clipboard{position:relative;width:450px;flex-shrink:0;background-color:#ffd270;border:6px solid #1e3310;border-radius:15px;padding:20px;box-sizing:border-box;margin-top:40px}.clipboard:before{content:"";position:absolute;top:-35px;left:50%;transform:translate(-50%);width:100px;height:35px;background-color:#2c4a1d;border:6px solid #1e3310;border-bottom:0;border-radius:12px 12px 0 0;box-sizing:border-box}.clipboard:after{content:"";position:absolute;top:-22px;left:50%;transform:translate(-50%);width:14px;height:14px;background-color:#1e3310;border:3px solid rgb(30,51,16);border-radius:50%;box-sizing:border-box}.clipboard-title{text-align:center;margin:0 0 15px;color:#1e3310;font-size:1.5rem}.clipboard-content{height:380px;overflow-y:auto;padding-right:8px}.clipboard-content::-webkit-scrollbar{width:8px}.clipboard-content::-webkit-scrollbar-track{background:#1e33101a;border-radius:var(--border-radius-sm)}.clipboard-content::-webkit-scrollbar-thumb{background:#1e331080;border-radius:var(--border-radius-sm)}.clipboard-content::-webkit-scrollbar-thumb:hover{background:#1e3310b3}.todo-list{list-style-type:none;padding:0;margin:0}.todo-item{padding:0;border-bottom:1px solid rgba(30,51,16,.3);display:grid;grid-template-columns:40px 1fr;align-items:center}.todo-item:last-child{border-bottom:none}.todo-checkbox{margin-right:12px;width:18px;height:18px;cursor:pointer}.todo-label{font-size:16px;transition:text-decoration .3s,opacity .3s;flex-grow:1;cursor:pointer}.completed .todo-label{text-decoration:line-through;opacity:.6}.stress-meter-container{width:250px;flex-shrink:0;flex-grow:0;margin-top:40px;background-color:#ffd270;border:6px solid #1e3310;border-radius:15px;padding:10px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:460px}.stress-meter-inner{position:relative;width:100%;height:380px;overflow:hidden}.stress-meter-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-height:380px;max-width:100%;width:auto;height:auto}.stress-score{margin-top:-15px;text-align:center;background-color:#1e331026;border-radius:var(--border-radius-sm);padding:4px;border:1px solid #1e3310;width:90%}.stress-score p{margin:0;font-weight:600;font-size:1.1rem;color:#1e3310}.stress-score span{color:#e74c3c;font-size:1.2rem;font-weight:700;display:inline-block;min-width:50px;text-align:center}@media(max-width:900px){.todo-content-row{flex-direction:column;align-items:center;gap:var(--spacing-md)}.clipboard,.stress-meter-container{width:90%;max-width:450px}.clipboard-content{height:300px}.stress-meter-image{max-height:300px}}@media(max-width:480px){.todo-container{padding:var(--spacing-sm)}.header-box{padding:var(--spacing-xs) var(--spacing-sm)}.header-box h1{font-size:1rem}.todo-box-container{padding:15px}.todo-title-box h2{font-size:.8rem}.todo-item{padding:10px 5px}.todo-label{font-size:10px}.clipboard-content{height:250px}}.grandparents-container{max-width:1000px;margin:0 auto;padding:0 20px 20px}.grandparents-title{color:var(--primary-dark);text-align:center;margin-bottom:var(--spacing-md);background-color:var(--primary-light);border-radius:var(--border-radius);box-shadow:var(--box-shadow);border:var(--border-standard);display:inline-block;padding:8px 30px}.grandparents-intro{background-color:var(--primary-light);border:var(--border-standard);border-radius:var(--border-radius);padding-inline:2rem;padding-block:var(--spacing-xs);margin:var(--spacing-sm) auto var(--spacing-lg);max-width:80%;text-align:center;box-shadow:var(--box-shadow);font-size:1.1rem;color:var(--text-color);line-height:1.5}.grandparent-card{display:flex;background-color:var(--secondary-bg);border-radius:var(--border-radius);overflow:hidden;margin-bottom:30px;box-shadow:var(--box-shadow);border:var(--border-standard)}.grandparent-photo{flex:0 0 300px;overflow:hidden}.grandparent-photo img{width:100%;height:100%;object-fit:cover}.grandparent-content{flex:1;padding:var(--spacing-md)}.grandparent-content h2{background-color:var(--primary-light);padding:8px 15px;border-radius:var(--border-radius-sm);display:inline-block;margin-top:0;margin-bottom:15px;box-shadow:var(--box-shadow);color:var(--primary-dark)}.quote{background-color:var(--primary-light);border-radius:var(--border-radius-sm);padding:10px 15px;margin-bottom:10px;font-style:italic;border-left:4px solid var(--primary-color)}@media(max-width:768px){.grandparent-card{flex-direction:column}.grandparent-photo{flex:0 0 auto;height:250px}}.disclaimer-box{margin-top:var(--spacing-lg);padding:var(--spacing-sm);background-color:#fffccde6;border:2px dashed var(--primary-color);border-radius:var(--border-radius);text-align:center;max-width:90%;margin-left:auto;margin-right:auto;box-shadow:var(--box-shadow)}.disclaimer-box h3{color:#8b0000;margin-top:0;margin-bottom:var(--spacing-xs);font-size:1.2rem}.disclaimer-box p{margin:0;font-style:italic;color:#333}@media(max-width:768px){.disclaimer-box{padding:var(--spacing-xs)}}.skillstack-container{max-width:100%;width:100%;overflow-x:hidden;box-sizing:border-box;position:relative;padding-right:0;padding-left:0}.skillstack-title{background:linear-gradient(to right,var(--primary-light),var(--primary-mid),var(--primary-light));padding:1.2rem 2.5rem;border-radius:var(--border-radius-lg);box-shadow:0 6px 12px #00000026;color:var(--primary-dark);border:var(--border-standard);display:inline-block;margin:var(--spacing-xl) auto var(--spacing-md);font-size:2rem;position:relative;overflow:hidden}.skillstack-title:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shine 3s infinite}@keyframes shine{to{left:100%}}.site-skills-text-box{background-color:var(--primary-light);border:var(--border-standard);border-radius:var(--border-radius);padding-inline:2rem;padding-block:var(--spacing-xs);margin:var(--spacing-sm) auto var(--spacing-lg);max-width:80%;text-align:center;box-shadow:var(--box-shadow);font-size:1.1rem;color:var(--text-color);line-height:1.5}.skills-section{width:100%;max-width:100%;overflow:hidden;position:relative}.skill-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.skill-overlay.active{opacity:1;pointer-events:auto}.skill-expanded{max-width:80%;max-height:80vh;box-shadow:0 5px 30px #00000080;transform:scale(.8);transition:transform .3s ease;background-color:#fff;border-radius:var(--border-radius-lg);padding:15px}.skill-overlay.active .skill-expanded{transform:scale(1)}.skill-expanded img{max-width:100%;max-height:70vh;object-fit:contain}.skill-expanded-title{text-align:center;margin-top:15px;color:var(--primary-dark);font-size:1.2rem}.skill-close-btn{position:absolute;top:15px;right:15px;background-color:var(--primary-color);color:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:1.2rem;cursor:pointer;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 10px #0003}.skill-close-btn:hover{background-color:var(--primary-dark)}.carousel-title{text-align:center;color:var(--primary-color);margin-bottom:var(--spacing-sm)}.skills-carousel-container{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;background-color:var(--secondary-bg);box-sizing:border-box;position:relative;padding:20px 10px;border-radius:var(--border-radius);margin-bottom:10px;-webkit-overflow-scrolling:touch}.skills-carousel-container::-webkit-scrollbar{height:8px}.skills-carousel-container::-webkit-scrollbar-track{background:#e6f0ffcc;border-radius:var(--border-radius-sm)}.skills-carousel-container::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:var(--border-radius-sm)}.skills-carousel-container::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}.skills-row{display:flex;flex-direction:row;gap:60px;padding:0 20px}.skill-icon{display:flex;flex-direction:column;align-items:center;width:200px;flex-shrink:0;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;position:relative}.skill-icon:hover{transform:translateY(-5px) scale(1.03);box-shadow:var(--box-shadow-hover)}.skill-icon img{width:225px;height:225px;object-fit:contain;background-color:#fff;border-radius:var(--border-radius-lg);padding:10px;box-shadow:var(--box-shadow);transition:filter .3s ease}.skill-icon:hover img{filter:brightness(1.05)}.carousel-instructions{text-align:center;font-size:14px;color:var(--primary-dark);margin-top:10px}.tools-section h2{background-color:var(--primary-light);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius);box-shadow:var(--box-shadow);color:var(--primary-dark);border:var(--border-standard);display:inline-block;margin:0 auto var(--spacing-lg)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--spacing-lg)}.tool-card{background-color:var(--secondary-bg);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--box-shadow);transition:transform .3s ease,box-shadow .3s ease;border:var(--border-standard);color:var(--primary-dark)}.tool-card:hover{transform:translateY(-5px);box-shadow:var(--box-shadow-hover)}.tool-card-header{background-color:var(--primary-light);color:var(--primary-dark);margin:0;padding:var(--spacing-sm);text-align:center}.tool-image{height:200px;overflow:hidden;position:relative;cursor:pointer}.tool-image img{width:100%;height:100%;object-fit:cover}.tool-image:after{content:"🔍";position:absolute;bottom:10px;right:10px;background:#fffc;border-radius:50%;width:30px;height:30px;display:flex;justify-content:center;align-items:center;opacity:.7;transition:opacity .2s}.tool-image:hover:after{opacity:1}.tool-description{padding:var(--spacing-sm);margin:0;color:var(--text-secondary);font-size:.95rem;line-height:1.5}.inline-link{color:var(--primary-color);text-decoration:underline;transition:color .2s}.inline-link:hover{color:var(--primary-dark)}.image-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000;padding:20px;animation:fadeIn .3s ease}.image-modal-content{display:flex;flex-direction:column;align-items:center;max-width:90vw;max-height:90vh}.image-modal-content img{max-width:100%;max-height:80vh;object-fit:contain;border:4px solid white;box-shadow:0 5px 15px #00000080}.image-modal-content h3{color:#fff;margin:15px 0;font-size:1.5rem;background-color:transparent;padding:0}.modal-close-btn{background-color:var(--primary-color);color:#fff;border:none;padding:8px 20px;border-radius:var(--border-radius-sm);font-size:1rem;cursor:pointer}.modal-close-btn:hover{background-color:var(--primary-dark)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:900px){.tools-grid{grid-template-columns:1fr;max-width:550px;margin:0 auto}.tool-card{max-width:100%}.tool-image{height:250px}.page,.content-wrapper,main,#root>div{max-width:100vw;overflow-x:hidden}}@media(max-width:768px)and (min-width:481px){.skillstack-title{margin:var(--spacing-md) auto var(--spacing-xs);font-size:1.5rem}.site-skills-text-box{font-size:1rem}.skills-carousel-container{width:100%;max-width:100%;padding:15px 8px;overflow-x:auto}.skills-row{gap:20px;display:flex;flex-wrap:nowrap;padding:0}.skill-icon{width:250px;max-width:250px;min-width:0;flex:0 0 auto}.skill-icon img{max-width:100%;height:auto}}@media(max-width:480px){.skillstack-title{margin:var(--spacing-md) auto var(--spacing-xs);font-size:1.1rem}.site-skills-text-box{font-size:1rem}.skills-carousel-container{width:100%;max-width:100%;overflow-x:hidden;padding:10px}.skills-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;padding:0;min-width:0}.skill-icon{width:100%;max-width:100%;flex:none}.skill-icon img{max-width:100%;height:auto;padding:5px}.tools-grid{grid-template-columns:1fr}.tool-image{height:200px}}.trump-endorsement{width:100%;max-width:1200px;margin:0 auto;padding:2rem;text-align:center}.trump-endorsement .header-box{background-color:#d4ddeee6;border:2px solid var(--primary-color);border-radius:var(--border-radius);padding:1rem 2rem;margin:0 auto 1rem;max-width:80%;box-shadow:var(--box-shadow)}.trump-endorsement .header-box h1{margin:0;color:var(--primary-dark);font-size:2.5rem}.endorsement-content{display:flex;justify-content:center;align-items:center;padding:2rem}.trump-image{max-width:calc(100% - 2rem);height:auto;border:8px solid #c5b3e6;border-radius:var(--border-radius);box-shadow:var(--box-shadow);transition:transform .3s ease;padding:1rem;background-color:#e8e3f5;box-sizing:border-box}.trump-image:hover{transform:scale(1.02)}@media(max-width:768px){.trump-endorsement{padding:.5rem}.trump-endorsement .header-box{max-width:90%}.trump-endorsement .header-box h1{font-size:1.3rem}.endorsement-content{padding:.5rem}.trump-image{max-width:calc(100% - 1rem);border:4px solid #c5b3e6;padding:.5rem}}