#ui-overlay{transition:opacity .4s ease}#ui-overlay.fading-out{opacity:0;pointer-events:none}#page-container{opacity:0;transition:opacity .4s ease}#page-container.visible{opacity:1}.page{max-width:900px;margin:0 auto;padding:2rem 1.5rem 4rem;position:relative}.page-satellite{width:200px;height:auto;opacity:.85;pointer-events:none;filter:drop-shadow(0 0 15px rgba(255,255,255,.4));animation:satelliteFadeIn .6s ease-out .3s both;margin-bottom:.75rem}.page-satellite.transition-placed{animation:none;opacity:.85}@keyframes satelliteFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:.85;transform:scale(1)}}@media(max-width:600px){.page-satellite{width:140px}}.back-button{background:none;border:1px solid rgba(255,255,255,.15);color:var(--color-text-muted);font-family:var(--font-primary);font-size:.85rem;padding:.4rem .9rem;border-radius:6px;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast);margin-bottom:2rem}.back-button:hover{color:var(--color-text);border-color:#ffffff4d}.back-button .arrow{margin-right:.25rem}.back-button:hover .arrow{display:inline-block;animation:arrowBounce .6s ease-in-out infinite}@keyframes arrowBounce{0%,to{transform:translate(0)}50%{transform:translate(-4px)}}.page-header{text-align:center;margin-bottom:2.5rem;animation:headerSlideIn .6s ease-out}@keyframes headerSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.page-header h2{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;margin-bottom:.5rem}.page-header p{color:var(--color-text-muted);font-size:1rem}.about-page .sections-grid{grid-template-columns:1fr 1fr}.about-page .sections-grid>:nth-child(3){grid-row:span 2}.about-page .sections-grid>.skills-outside-combined{grid-row:span 2;display:flex;flex-direction:column;gap:1.25rem}.about-page .skills-outside-combined .section-card:nth-child(1){animation-delay:.34s}.about-page .skills-outside-combined .section-card:nth-child(2){animation-delay:.42s}@media(max-width:600px){.about-page .sections-grid>:nth-child(3){grid-row:span 1}.about-page .sections-grid>.skills-outside-combined{grid-row:span 1;gap:0;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:10px;overflow:hidden;opacity:0;animation:cardFadeIn .5s ease-out .34s forwards}.about-page .skills-outside-combined .section-card{background:transparent;border:none;border-radius:0;animation:none;opacity:1}.about-page .skills-outside-combined .section-card+.section-card{border-top:1px solid rgba(255,255,255,.06)}}.headshot-container{text-align:center;margin-bottom:2rem}.headshot-container img{width:160px;height:160px;border-radius:50%;object-fit:cover;object-position:center top;border:2px solid rgba(255,255,255,.1);animation:headshotReveal .8s ease-out .3s both}@keyframes headshotReveal{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.image-caption{color:var(--color-text-muted);font-size:.8rem;margin-top:.5rem;font-style:italic;text-align:center}.sections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.section-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:1.25rem;opacity:0;animation:cardFadeIn .5s ease-out forwards;transition:border-color var(--transition-fast),background var(--transition-fast)}.section-card:hover{border-color:#e8a84933;background:#ffffff0f}.section-header{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.75rem}.section-header i{color:var(--color-accent);font-size:1.1rem}.section-header h3{font-size:1.05rem;font-weight:600}.section-content p{color:var(--color-text-muted);font-size:.9rem;line-height:1.6;margin-bottom:.4rem}.section-image{width:100%;border-radius:8px;margin-top:.75rem}.portfolio-section{margin-bottom:2.5rem}.portfolio-section .section-header{margin-bottom:1.25rem}.portfolio-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}.portfolio-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:1.25rem;opacity:0;animation:cardFadeIn .5s ease-out forwards;transition:border-color var(--transition-fast),background var(--transition-fast)}.portfolio-card:hover{border-color:#e8a84933;background:#ffffff0f}.portfolio-card h4{font-size:1.05rem;font-weight:600;margin-bottom:.5rem;text-align:center}.portfolio-card p{color:var(--color-text-muted);font-size:.9rem;line-height:1.6}.portfolio-image{width:100%;border-radius:8px;margin-top:.75rem}.portfolio-logo{max-width:180px;display:block;margin-left:auto;margin-right:auto;margin-top:.75rem}.adventure-counters{display:flex;justify-content:center;gap:3rem;margin-bottom:2.5rem}.counter{text-align:center}.counter-number{display:block;font-size:2.5rem;font-weight:700;color:var(--color-accent)}.counter-label{color:var(--color-text-muted);font-size:.9rem}.adventures-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.adventure-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:10px;overflow:hidden;opacity:0;animation:cardFadeIn .5s ease-out forwards;transition:border-color var(--transition-fast),background var(--transition-fast)}.adventure-card:hover{border-color:#e8a84933;background:#ffffff0f}.adventure-card.placeholder{border-style:dashed;opacity:.5;display:flex;flex-direction:column;justify-content:center}.adventure-image{width:100%;aspect-ratio:3 / 2;object-fit:cover;object-position:center}.adventure-image-placeholder{width:100%;aspect-ratio:3 / 2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.06);color:#ffffff26}.adventure-image-placeholder i{font-size:1.6rem}.adventure-image-placeholder span{font-size:.72rem;letter-spacing:.05em;text-transform:uppercase}.adventure-info{padding:1rem 1.25rem 1.25rem;text-align:center}.adventure-info h4{font-size:1.05rem;font-weight:600;margin-bottom:.2rem}.adventure-location{color:var(--color-accent);font-size:.85rem;margin-bottom:.1rem}.adventure-date{color:var(--color-text-muted);font-size:.8rem;margin-bottom:.4rem}.adventure-info>p:last-of-type{color:var(--color-text-muted);font-size:.88rem;line-height:1.5;text-align:left}.adventure-card.placeholder .adventure-info>p:last-of-type{text-align:center}.adventure-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.6rem;justify-content:center}.tag{background:#e8a8491f;color:var(--color-accent);font-size:.72rem;padding:.15rem .5rem;border-radius:9999px}.trees-grid{display:grid;grid-template-columns:1fr;gap:2.5rem}.tree-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;overflow:hidden;opacity:0;animation:cardFadeIn .5s ease-out forwards;transition:border-color var(--transition-fast),background var(--transition-fast)}.tree-card:hover{border-color:#e8a84933;background:#ffffff0f}.tree-image{width:100%;aspect-ratio:16 / 9;object-fit:cover;object-position:center}.tree-info{padding:1.5rem;text-align:center}.tree-info h4{font-size:1.3rem;font-weight:600;margin-bottom:.5rem;color:var(--color-accent)}.tree-info>p{color:var(--color-text-muted);font-size:.95rem;line-height:1.6;margin-bottom:1rem;text-align:center}.tree-stats{padding-top:.75rem;border-top:1px solid rgba(255,255,255,.06);text-align:center}.tree-stats h5{font-size:.85rem;font-weight:500;margin-bottom:.5rem;color:var(--color-text-muted)}.tree-stats ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.tree-stats li{color:var(--color-text-muted);font-size:.8rem;padding:.2rem .6rem;background:#ffffff0a;border-radius:4px}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.sections-grid>:nth-child(1),.portfolio-grid>:nth-child(1),.adventures-grid>:nth-child(1),.trees-grid>:nth-child(1){animation-delay:.1s}.sections-grid>:nth-child(2),.portfolio-grid>:nth-child(2),.adventures-grid>:nth-child(2),.trees-grid>:nth-child(2){animation-delay:.18s}.sections-grid>:nth-child(3),.portfolio-grid>:nth-child(3),.adventures-grid>:nth-child(3),.trees-grid>:nth-child(3){animation-delay:.26s}.sections-grid>:nth-child(4),.portfolio-grid>:nth-child(4),.adventures-grid>:nth-child(4),.trees-grid>:nth-child(4){animation-delay:.34s}.sections-grid>:nth-child(5),.portfolio-grid>:nth-child(5),.adventures-grid>:nth-child(5),.trees-grid>:nth-child(5){animation-delay:.42s}.sections-grid>:nth-child(6),.portfolio-grid>:nth-child(6),.adventures-grid>:nth-child(6),.trees-grid>:nth-child(6){animation-delay:.5s}.sections-grid>:nth-child(7),.portfolio-grid>:nth-child(7),.adventures-grid>:nth-child(7),.trees-grid>:nth-child(7){animation-delay:.58s}.sections-grid>:nth-child(8),.portfolio-grid>:nth-child(8),.adventures-grid>:nth-child(8),.trees-grid>:nth-child(8){animation-delay:.66s}.sections-grid>:nth-child(9),.portfolio-grid>:nth-child(9),.adventures-grid>:nth-child(9),.trees-grid>:nth-child(9){animation-delay:.74s}.sections-grid>:nth-child(10),.portfolio-grid>:nth-child(10),.adventures-grid>:nth-child(10),.trees-grid>:nth-child(10){animation-delay:.82s}.sections-grid>:nth-child(11),.portfolio-grid>:nth-child(11),.adventures-grid>:nth-child(11),.trees-grid>:nth-child(11){animation-delay:.9s}.sections-grid>:nth-child(12),.portfolio-grid>:nth-child(12),.adventures-grid>:nth-child(12),.trees-grid>:nth-child(12){animation-delay:.98s}.sections-grid>:nth-child(13),.portfolio-grid>:nth-child(13),.adventures-grid>:nth-child(13),.trees-grid>:nth-child(13){animation-delay:1.06s}.sections-grid>:nth-child(14),.portfolio-grid>:nth-child(14),.adventures-grid>:nth-child(14),.trees-grid>:nth-child(14){animation-delay:1.14s}.sections-grid>:nth-child(15),.portfolio-grid>:nth-child(15),.adventures-grid>:nth-child(15),.trees-grid>:nth-child(15){animation-delay:1.22s}.sections-grid>:nth-child(16),.portfolio-grid>:nth-child(16),.adventures-grid>:nth-child(16),.trees-grid>:nth-child(16){animation-delay:1.3s}.sections-grid>:nth-child(17),.portfolio-grid>:nth-child(17),.adventures-grid>:nth-child(17),.trees-grid>:nth-child(17){animation-delay:1.38s}.sections-grid>:nth-child(18),.portfolio-grid>:nth-child(18),.adventures-grid>:nth-child(18),.trees-grid>:nth-child(18){animation-delay:1.46s}.sections-grid>:nth-child(19),.portfolio-grid>:nth-child(19),.adventures-grid>:nth-child(19),.trees-grid>:nth-child(19){animation-delay:1.54s}.sections-grid>:nth-child(20),.portfolio-grid>:nth-child(20),.adventures-grid>:nth-child(20),.trees-grid>:nth-child(20){animation-delay:1.62s}.enlargeable{cursor:pointer;transition:opacity var(--transition-fast)}.enlargeable:hover{opacity:.85}.enlarge-hint{opacity:.6;font-size:.75rem}.lightbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:50;background:#000000eb;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;animation:lightboxFadeIn .3s ease-out forwards}.lightbox-overlay.visible{opacity:1}.lightbox-overlay.closing{animation:lightboxFadeOut .25s ease-in forwards}.lightbox-image{max-width:92vw;max-height:90vh;object-fit:contain;border-radius:4px}@keyframes lightboxFadeIn{0%{opacity:0}to{opacity:1}}@keyframes lightboxFadeOut{0%{opacity:1}to{opacity:0}}@media(max-width:600px){.page{padding:1.5rem 1rem 3rem}.sections-grid,.adventures-grid{grid-template-columns:1fr}.adventure-counters{gap:2rem}.counter-number{font-size:2rem}}.game-timer{position:fixed;top:45%;left:50%;transform:translate(-50%,-50%);font-size:4rem;font-weight:700;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.8);z-index:35;pointer-events:none}.game-timer.warning{color:#f44}.game-score{position:fixed;top:60%;left:50%;transform:translate(-50%);font-size:1.25rem;font-weight:500;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.8);z-index:35;pointer-events:none}.game-countdown{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:5rem;font-weight:700;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.8);z-index:35;pointer-events:none;animation:countdownPulse .5s ease-out}@keyframes countdownPulse{0%{transform:translate(-50%,-50%) scale(1.5);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.game-end{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:35;pointer-events:none;animation:endScreenReveal .8s ease-out}@keyframes endScreenReveal{0%{transform:translate(-50%,-50%) scale(.8);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.game-end-score{font-size:5rem;font-weight:700;color:var(--color-accent);text-shadow:0 4px 20px rgba(232,168,73,.4)}.game-end-label{font-size:1.5rem;font-weight:500;color:#fff;margin-top:.5rem}.game-end-highscore{font-size:1rem;color:var(--color-text-muted);margin-top:.5rem}.game-combo{position:fixed;font-size:1.3rem;font-weight:700;color:var(--color-accent);z-index:35;animation:comboFade .8s ease-out forwards;pointer-events:none}@keyframes comboFade{0%{opacity:1}to{opacity:0;transform:translateY(-15px)}}.game-active #ui-overlay,.game-active .satellite-label{opacity:.15;pointer-events:none}:root{--color-bg: #000000;--color-text: #ffffff;--color-text-muted: #b0a8a0;--color-accent: #e8a849;--color-accent-cool: #5a9ecf;--font-primary: "Inter", system-ui, sans-serif;--transition-fast: .15s ease;--transition-medium: .4s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--color-bg);color:var(--color-text);font-family:var(--font-primary);-webkit-font-smoothing:antialiased}#scene-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}#scene-container canvas{display:block}#ui-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center}#ui-overlay a,#ui-overlay button{pointer-events:auto}#hero-text{text-align:center;pointer-events:none;animation:heroFadeIn 1.5s ease-out}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.hero-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;letter-spacing:-.02em;text-shadow:0 2px 20px rgba(0,0,0,.8)}.hero-subtitle{font-size:clamp(.9rem,2vw,1.3rem);font-weight:300;color:var(--color-text);margin-top:.5rem;text-shadow:0 1px 12px rgba(0,0,0,.9),0 2px 24px rgba(0,0,0,.7)}#social-links{display:flex;gap:1.5rem;margin-top:1.5rem;pointer-events:auto;background:#00000059;padding:.6rem 1.2rem;align-items:center;border-radius:2rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:pillFadeIn .5s ease-out 2.8s both}@keyframes pillFadeIn{0%{background:#0000;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}to{background:#00000059;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}}#social-links a{color:var(--color-text);font-size:1.4rem;opacity:.7;transition:all .3s ease;text-decoration:none;animation:linkFadeIn .6s ease-out both;display:inline-block;position:relative}#social-links a:after{content:attr(aria-label);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:#000000bf;color:#fff;font-size:.68rem;font-weight:500;letter-spacing:.03em;padding:.25rem .55rem;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease}#social-links a:hover:after{opacity:1}#social-links a:nth-child(1){animation-delay:1.2s}#social-links a:nth-child(2){animation-delay:1.4s}#social-links a:nth-child(3){animation-delay:1.6s}#social-links a:nth-child(4){animation-delay:1.8s}#social-links a:nth-child(5){animation-delay:2s}#social-links a:nth-child(6){animation-delay:2.2s}@keyframes linkFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:.7;transform:translateY(0)}}#social-links a:hover{opacity:1;filter:drop-shadow(0 0 15px rgba(255,255,255,.8)) drop-shadow(0 0 25px rgba(255,255,255,.5)) drop-shadow(0 0 35px rgba(255,255,255,.3))}#social-links a i,#social-links a .social-icon-image{display:inline-block;transition:transform .3s ease}#social-links a:hover i,#social-links a:hover .social-icon-image{transform:scale(1.3)}.social-icon-image{width:1.4rem;height:1.4rem;object-fit:contain;filter:brightness(1);transition:all .3s ease;display:inline-block}#social-links a:hover .social-icon-image{filter:brightness(1.2)}#social-links a:nth-child(5) .social-icon-image,#social-links a:nth-child(6) .social-icon-image{width:1.2rem;height:1.2rem}#social-links a:nth-child(5) .social-icon-image,#social-links a:nth-child(6) .social-icon-image{transform:scale(1.35)}#social-links a:nth-child(5):hover .social-icon-image,#social-links a:nth-child(6):hover .social-icon-image{transform:scale(1.76)}#page-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:20;overflow-y:auto;background:#000000d1}#page-container.hidden{opacity:0;pointer-events:none;display:none}#game-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:30;pointer-events:none}#game-overlay.hidden{display:none}#satellite-labels{position:fixed;top:0;left:0;width:0;height:0;z-index:11;pointer-events:none}.satellite-label{position:absolute;top:0;left:0;color:var(--color-text);font-size:1.1rem;font-weight:600;text-shadow:0 1px 8px rgba(0,0,0,.9);white-space:nowrap;opacity:0;-webkit-user-select:none;user-select:none;pointer-events:auto;cursor:pointer;will-change:transform;animation:labelFadeIn .8s cubic-bezier(.33,1,.68,1) forwards,labelGlow 3s ease-in-out infinite alternate}#satellite-labels>:nth-child(1){animation-delay:0s,.8s}#satellite-labels>:nth-child(2){animation-delay:.3s,1.1s}#satellite-labels>:nth-child(3){animation-delay:.6s,1.4s}#satellite-labels>:nth-child(4){animation-delay:.9s,1.7s}@keyframes labelFadeIn{0%{opacity:0}to{opacity:.8}}@keyframes labelGlow{0%{text-shadow:0 1px 8px rgba(0,0,0,.9)}to{text-shadow:0 1px 12px rgba(232,168,73,.3),0 1px 8px rgba(0,0,0,.9)}}.satellite-label:hover{opacity:1}.satellite-label.hovered{opacity:1;text-shadow:0 0 10px rgba(232,168,73,.4),0 1px 8px rgba(0,0,0,.9)}#mobile-nav{display:none}@keyframes mobileNavSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:600px){#mobile-nav{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-top:1.5rem;width:100%}.mobile-nav-item{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.75rem;width:clamp(180px,55vw,220px);padding:.7rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);border-radius:14px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);text-decoration:none;color:#fff;font-size:.9rem;font-weight:600;letter-spacing:.02em;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background .2s ease,border-color .2s ease,transform .1s ease;opacity:0;animation:buttonSlideIn .5s cubic-bezier(.23,1,.32,1) forwards}.mobile-nav-item:nth-child(1){animation-delay:1.8s}.mobile-nav-item:nth-child(2){animation-delay:1.95s}.mobile-nav-item:nth-child(3){animation-delay:2.1s}.mobile-nav-item:nth-child(4){animation-delay:2.25s}.mobile-nav-item:active{background:#e8a84933;border-color:#e8a84966;transform:scale(.97)}.mobile-nav-icon{width:28px;height:28px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 1px 4px rgba(0,0,0,.4));animation:mobileNavSpin 12s linear infinite}.mobile-nav-label{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5);text-align:center}.satellite-label{display:none!important}}@keyframes buttonSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}