:root{--font-heading:Arial,Helvetica,sans-serif;--font-body:Arial,Helvetica,sans-serif;--orange:#f26522;--yellow:#ffc80b;--green:#00712a;--blue:#059;--dark:#202221;--salmon:#ff9b90;--primary:var(--green);--secondary:var(--orange);--accent:var(--yellow);--highlight:var(--salmon);--text-dark:var(--dark);--text-light:#fafafa;--bg:#fdf6e3;--cursor-color:var(--orange);--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--size-h:1.5rem;--size-h-sm:.9rem;--size-body:.9rem;--size-sm:.8rem;--size-xs:.75rem;--border-w:2px;--border-solid:var(--border-w)solid var(--primary);--border-dashed:var(--border-w)dashed var(--primary);--shadow-sm:2px 3px 0 var(--dark);--shadow-md:4px 5px 0 var(--dark);--grid-line:#00712a14;--texture:repeating-linear-gradient(0deg,transparent,transparent 31px,var(--grid-line)31px,var(--grid-line)32px),repeating-linear-gradient(90deg,transparent,transparent 31px,var(--grid-line)31px,var(--grid-line)32px)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.3}}*,:before,:after{box-sizing:border-box;cursor:none!important}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg);background-image:var(--texture);color:var(--text-dark);letter-spacing:.2px;min-height:100vh}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:.5px;text-align:center;color:var(--primary);margin:0 0 var(--space-sm)0;font-weight:400}h1{font-size:clamp(1.4rem,3vw,2.2rem)}h2{font-size:clamp(1rem,2vw,1.4rem)}h3{font-size:clamp(.85rem,1.5vw,1rem)}h4{font-size:var(--size-h-sm)}p{font-size:var(--size-body);margin:0 0 var(--space-md)0;line-height:1.75}a{color:var(--primary);transition:color .15s,background-color .15s}a:hover{color:var(--bg);background-color:var(--primary);text-decoration:none}*{font-weight:400!important}.container{width:100%;max-width:1200px;padding:0 var(--space-lg);margin:0 auto}.about{text-align:center;padding:var(--space-xl)var(--space-lg);margin:var(--space-xl)auto;background-color:var(--bg);border:var(--border-w)solid var(--primary);max-width:860px;box-shadow:var(--shadow-md)}.about h1{margin-bottom:var(--space-md);border-bottom:var(--border-w)solid var(--accent);padding-bottom:var(--space-sm);display:inline-block}.about p{max-width:700px;margin:var(--space-sm)auto 0}.home-hint{color:var(--primary);margin-top:var(--space-lg);font-size:var(--size-sm);opacity:.75}.profile{margin:0 auto var(--space-lg);background:var(--accent);padding:var(--space-sm);object-fit:cover;width:clamp(140px,18vw,240px);height:clamp(140px,18vw,240px);box-shadow:var(--shadow-md);border-radius:50%;transition:box-shadow .2s,background-color .3s;animation:12s linear infinite spin;display:block}.profile:hover{background-color:var(--highlight);box-shadow:var(--shadow-md)}.site-header{padding:var(--space-xl)0 0 0;background-color:var(--primary);border-bottom:4px solid var(--accent);flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:180px;display:flex;position:relative;overflow:hidden}.stars-container{pointer-events:none;position:absolute;inset:0;overflow:hidden}.star-item{pointer-events:auto;opacity:.65;font-size:1.2rem;line-height:1;transition:color .2s,transform .2s;animation:5s linear infinite spin;display:inline-block;position:absolute}.star-item:hover{opacity:1;animation-play-state:paused;transform:scale(2);color:var(--accent)!important}.logo-wrapper{z-index:1;margin-bottom:-15px}.logo-img{object-fit:contain;width:clamp(300px,22vw,280px);height:auto;transition:opacity .2s}.logo-img:hover{opacity:.5}.image-nav{background-color:var(--secondary);z-index:1;border-top:3px solid var(--dark);width:100%}.image-nav ul{width:100%;margin:0;padding:0;list-style:none;display:flex}.image-nav li{padding:var(--space-sm)var(--space-xs);border-right:1px solid #0000002e;flex-direction:column;flex:1;justify-content:center;align-items:center;transition:background-color .15s;display:flex;position:relative}.image-nav li:last-child{border-right:none}.image-nav li:after{content:"";width:0;height:3x;background-color:var(--accent);transition:width .2s;position:absolute;bottom:0;left:0}.image-nav li:hover:after{width:100%}.image-nav li:hover{background-color:#00000026}.image-nav li a{justify-content:center;align-items:center;gap:var(--space-xs);flex-direction:column;width:100%;text-decoration:none;display:flex}.image-nav li img{object-fit:contain;width:clamp(28px,3.5vw,50px);height:clamp(28px,3.5vw,50px);transition:transform .2s;display:block}.image-nav li:hover img{transform:translateY(-3px)}.nav-label{text-align:center;color:var(--accent);font-size:clamp(.9rem,.9vw,var(--size-xs));letter-spacing:.3px;transition:color .15s;display:block}.image-nav li:hover .nav-label{color:var(--text-light)}.custom-cursor{pointer-events:none;z-index:9999;width:40px;height:40px;color:var(--cursor-color);will-change:left,top;filter:drop-shadow(0 0 3px #f2652266);justify-content:center;align-items:center;font-size:1.5rem;display:flex;position:fixed}.section-wrapper{padding:var(--space-xl)var(--space-lg);margin-bottom:var(--space-xl);background-color:var(--bg);border:var(--border-w)solid var(--primary);box-shadow:var(--shadow-sm)}.section-header{cursor:pointer;padding:var(--space-sm)var(--space-xl);margin-bottom:var(--space-md);background-color:var(--primary);border-bottom:var(--border-w)solid var(--accent);color:var(--text-light);letter-spacing:.5px;justify-content:center;align-items:center;gap:var(--space-sm);flex-direction:row;transition:background-color .15s;display:flex;position:relative}.section-header:hover{background-color:var(--dark)}.section-header h2{color:var(--text-light);flex:1;margin:0}.section-header:before,.section-header:after{content:"᯽";color:var(--accent);font-size:var(--size-h);animation:2s infinite twinkle}.section-header small{font-size:var(--size-xs);opacity:.75;color:var(--accent);margin-top:2px;display:block}.section-toggle{right:var(--space-lg);font-size:var(--size-h);color:var(--accent);transition:color .15s;position:absolute;top:50%;transform:translateY(-50%)}.section-header:hover .section-toggle{color:var(--text-light)}.section-body{margin-top:var(--space-md);padding:var(--space-sm)0}.card{padding:var(--space-md);color:var(--text-dark);background-color:var(--bg);border:var(--border-w)solid var(--primary);box-shadow:var(--shadow-sm);transition:box-shadow .15s,background-color .15s}.card:hover{background-color:var(--accent);box-shadow:var(--shadow-md)}.card:active{box-shadow:1px 1px 0 var(--dark)}.card h3{margin-bottom:var(--space-xs);color:var(--primary);text-align:left;font-size:var(--size-h-sm)}.card p{text-align:left;overflow-wrap:anywhere;word-break:break-word}.card-dark,.card-dark h3,.card-dark p,.card-dark span,.card-dark small{color:var(--text-light)!important}.card-dark .btn{background-color:var(--text-light);color:var(--primary);border-color:var(--text-light)}.card-dark:hover{box-shadow:var(--shadow-md);background-color:var(--accent)!important}.card-dark:hover,.card-dark:hover h3,.card-dark:hover p,.card-dark:hover span,.card-dark:hover small{color:var(--text-dark)!important}.card-dark:hover .btn{background-color:var(--primary);color:var(--text-light);border-color:var(--primary)}.card-grid{gap:var(--space-md);margin:var(--space-md)0;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.card-img{object-fit:cover;width:100%;height:150px;margin-bottom:var(--space-sm);border-bottom:var(--border-w)solid var(--primary);transition:opacity .15s;display:block}.card:hover .card-img{opacity:.88}.card-title{margin:var(--space-xs)0;font-size:var(--size-h-sm);color:var(--text-dark);text-align:left}.card-date{font-size:var(--size-xs);color:var(--text-dark);opacity:.65;text-align:left;margin:0}.spinning-star{animation:spin var(--spin-duration,2s)linear infinite;transition:color .2s,transform .2s;display:inline-block}.spinning-star:hover{color:var(--accent);animation-play-state:paused;transform:scale(1.6)}.starline{font-size:var(--size-h);color:var(--secondary);justify-content:center;align-items:center;gap:var(--space-md);margin:var(--space-lg)0;letter-spacing:4px;display:flex}.timeline-item{border-left:4px solid var(--secondary);padding:var(--space-sm)0 var(--space-sm)var(--space-lg);margin-bottom:var(--space-lg);transition:border-color .15s;position:relative}.timeline-item:hover{border-left-color:var(--primary)}.timeline-item:before{content:"᯽";color:var(--secondary);font-size:1.3rem;transition:color .15s;animation:2s infinite twinkle;position:absolute;top:.1rem;left:-.9rem}.timeline-item:hover:before{color:var(--primary)}.timeline-date{color:var(--secondary);font-size:var(--size-xs);letter-spacing:.5px;margin-bottom:var(--space-xs)}.timeline-item h3{color:var(--primary);text-align:left;font-size:var(--size-h-sm);margin-bottom:var(--space-xs)}.timeline-item em{color:var(--blue);font-style:normal}.photo-grid{gap:var(--space-md);flex-wrap:wrap;display:flex}.photo-card{width:clamp(150px,14vw,175px);padding:var(--space-sm);border:var(--border-w)solid var(--primary);box-shadow:var(--shadow-sm);background-color:var(--bg);transition:background-color .15s,box-shadow .15s}.photo-card:hover{background-color:var(--accent);box-shadow:var(--shadow-md)}.photo-card:active{box-shadow:1px 1px 0 var(--dark)}.photo-card img{object-fit:cover;width:100%;height:120px;margin-bottom:var(--space-xs);border-bottom:var(--border-w)solid var(--primary);transition:opacity .15s;display:block}.photo-card:hover img{opacity:.88}.photo-caption{color:var(--text-dark);margin:var(--space-xs)0 0;font-size:.65rem}.photo-date{color:var(--text-dark);opacity:.6;margin:2px 0 0;font-size:.6rem}.favorites-section{background-color:var(--primary);color:var(--text-light);padding:var(--space-lg);margin-bottom:var(--space-xl);border:var(--border-w)solid var(--dark);box-shadow:var(--shadow-md)}.favorites-type-label{background-color:var(--highlight);color:var(--dark);padding:var(--space-xs)var(--space-lg);font-size:var(--size-h-sm);letter-spacing:.3px;border:var(--border-w)solid var(--dark);box-shadow:var(--shadow-sm);margin-bottom:var(--space-md);transition:background-color .15s,box-shadow .15s;display:inline-block}.favorites-type-label:hover{background-color:var(--accent);box-shadow:var(--shadow-md)}.favorites-grid{gap:var(--space-sm);grid-template-rows:repeat(2,auto);grid-template-columns:repeat(4,1fr);display:grid}.favorites-card{padding:var(--space-sm);text-align:center;border:var(--border-w)solid #fff3;transition:background-color .15s,border-color .15s,box-shadow .15s}.favorites-card:hover{background-color:var(--accent);border-color:var(--dark);box-shadow:var(--shadow-sm)}.favorites-card:active{box-shadow:none}.favorites-img{aspect-ratio:5/6;object-fit:cover;width:100%;margin-bottom:var(--space-xs);border:1px solid #ffffff26;transition:opacity .15s,border-color .15s;display:block}.favorites-card:hover .favorites-img{opacity:.88;border-color:var(--dark)}.favorites-rank{font-size:var(--size-xs);color:var(--accent);margin-bottom:2px;transition:color .15s;display:block}.favorites-title{color:var(--text-light);margin:var(--space-xs)0 0;font-size:.7rem;transition:color .15s}.favorites-sub{color:var(--text-light);opacity:.7;margin:2px 0 0;font-size:.65rem;transition:color .15s,opacity .15s}.favorites-card:hover .favorites-rank,.favorites-card:hover .favorites-title,.favorites-card:hover .favorites-sub{color:var(--text-dark);opacity:1}.btn{padding:var(--space-sm)var(--space-lg);background-color:var(--primary);color:var(--text-light);letter-spacing:.5px;font-size:var(--size-xs);border:var(--border-w)solid var(--primary);margin:var(--space-xs);box-shadow:var(--shadow-sm);border-radius:0;text-decoration:none;transition:background-color .15s,color .15s,box-shadow .15s,border-color .15s;display:inline-block}.btn:hover{background-color:var(--accent);color:var(--primary);border-color:var(--dark);box-shadow:var(--shadow-md)}.btn:active{background-color:var(--secondary);color:var(--text-light);border-color:var(--dark);box-shadow:1px 1px 0 var(--dark)}.tag{padding:2px var(--space-sm);background-color:var(--secondary);color:var(--text-light);font-size:var(--size-xs);letter-spacing:.3px;margin-top:var(--space-xs);border:var(--border-w)solid var(--dark);box-shadow:var(--shadow-sm);transition:background-color .15s,color .15s,box-shadow .15s;display:inline-block}.tag:hover{background-color:var(--accent);color:var(--primary);box-shadow:var(--shadow-md)}.tag:active{box-shadow:none}footer{background-color:var(--primary);color:var(--text-light);padding:var(--space-md)0;text-align:center;border-top:4px solid var(--accent);position:relative;overflow:hidden}footer p{z-index:1;font-size:var(--size-xs);letter-spacing:.5px;margin:0;position:relative}footer a{color:var(--accent);transition:color .15s}footer a:hover{color:var(--text-light);background:0 0}.footer-star{opacity:.45;font-size:1rem;transition:color .15s,transform .2s,opacity .15s;animation:4s linear infinite spin;position:absolute}.footer-star:hover{opacity:1;animation-play-state:paused;transform:scale(2);color:var(--accent)!important}.contact-grid{gap:var(--space-lg);padding:var(--space-md)0;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.projects-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));width:100%;display:grid}.project-links{gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap;justify-content:center;display:flex}@media (max-width:600px){.site-header{min-height:130px;padding-top:var(--space-md)}.about{padding:var(--space-md);margin:var(--space-md)auto}h1{font-size:1.3rem}h2{font-size:1rem}.card-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.photo-card{width:calc(50% - var(--space-sm))}.contact-grid,.projects-grid{grid-template-columns:1fr}.section-wrapper{padding:var(--space-lg)var(--space-md)}.favorites-grid{grid-template-columns:repeat(2,1fr)}.image-nav li img{width:28px;height:28px}.nav-label{display:none}.container{padding:0 var(--space-md)}}