html{scroll-behavior:smooth}body{-ms-overflow-style:none;scrollbar-width:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#2b0224;width:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,sans-serif;overflow:hidden scroll}body::-webkit-scrollbar{display:none}@font-face{font-family:Tomatoes;src:url(/assets/Tomatoes-YkTePMqE.ttf);font-display:swap}@font-face{font-family:Bulgatti;src:url(/assets/Bulgatti-BZ8-5CyH.ttf);font-display:swap}h1,h2,h3,h4,h5{text-shadow:0 2px 24px #00000073,0 1px 3px #0009;font-family:Bulgatti,Arial;font-weight:700}h1 a,h2 a,h3 a,h4 a,h5 a{color:inherit;text-decoration:none}h1 a:hover,h1 a:focus-visible,h2 a:hover,h2 a:focus-visible,h3 a:hover,h3 a:focus-visible,h4 a:hover,h4 a:focus-visible,h5 a:hover,h5 a:focus-visible{text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:2px}h1{margin:2% 0;font-size:clamp(2.2rem,6vw,5rem)}h2{margin:0;font-size:clamp(1.6rem,5vw,3.75rem)}.App{text-align:center;background:#2b0224;position:relative;overflow:hidden}.App>*{z-index:1;position:relative}.App .App-shapes{z-index:0;pointer-events:none;width:100%;height:100lvh;position:fixed;top:0;left:0}.App .App-shapes canvas{display:block}.App .App-background{z-index:0;pointer-events:none;background:linear-gradient(#ac292b,#56102f 55%,#2b0224) 0 0/200% 200%;animation:18s infinite backgroundAnimation;position:fixed;inset:0;overflow:hidden}.App .App-background:before,.App .App-background:after{content:"";filter:blur(90px);border-radius:50%;width:55vmax;height:55vmax;position:absolute}.App .App-background:before{background:radial-gradient(circle,#ff7a5947,#0000 65%);animation:26s ease-in-out infinite alternate drift;top:-18vmax;left:-12vmax}.App .App-background:after{background:radial-gradient(circle,#7829a959,#0000 65%);animation:32s ease-in-out infinite alternate-reverse drift;bottom:-20vmax;right:-14vmax}@keyframes backgroundAnimation{0%{background-position:74% 0}50%{background-position:27% 100%}to{background-position:74% 0}}@keyframes drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(8vmax,6vmax)scale(1.15)}}@keyframes dotPulse{0%,to{box-shadow:0 0 0 4px rgba(var(--glow), .25)}50%{box-shadow:0 0 0 10px rgba(var(--glow), .07)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.site-nav{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2b022459;border:1px solid #ffffff26;border-radius:18px;gap:4px;padding:6px;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040}.site-nav a{color:#ffffffd9;border-radius:12px;padding:4px 12px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s,color .2s}.site-nav a:hover,.site-nav a:focus-visible{color:#fff;background:#ffffff1f}@media screen and (width<=576px){.site-nav{top:auto;bottom:14px}.site-nav a{padding:4px 10px;font-size:12px}}.bio,.timeline,.dissect{scroll-margin-top:60px}.App-logo{pointer-events:none;filter:drop-shadow(0 6px 24px #00000059);height:20vmin;margin:20px 0}.App-header{color:#fff;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;font-size:calc(10px + 2vmin);display:flex}.App-header>*{animation:.8s ease-out both fadeUp}.App-header>:first-child{animation-delay:.15s}.App-header>:nth-child(2){animation-delay:.3s}.App-header>:nth-child(3){animation-delay:.45s}.App-header>:nth-child(4){animation-delay:.6s}.links{box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:18px;flex-direction:row;justify-content:center;align-items:stretch;width:min(92%,960px);min-height:190px;margin-top:30px;padding:2%;display:flex;box-shadow:0 20px 50px #00000040,inset 0 1px #ffffff14}@media screen and (width<=576px){.links{flex-direction:column;min-height:0;padding:20px 10px}}.links .links-group{flex-direction:column;flex:1;align-items:center;gap:16px;padding:10px 0;display:flex}.links .links-group+.links-group{border-left:1px solid #ffffff1f}@media screen and (width<=576px){.links .links-group+.links-group{border-top:1px solid #ffffff1f;border-left:none;margin-top:18px;padding-top:18px}}.links .links-label{letter-spacing:.06em;text-transform:uppercase;color:#ffb27a;font-size:13px;font-weight:600}.links .links-row{flex:1;justify-content:center;align-items:center;width:100%;display:flex}.links .links-row>*{justify-content:center;align-items:center;width:30%;height:auto;transition:transform .2s,filter .2s;display:flex}.links .links-row>*>*{object-fit:contain;width:100%;max-width:150px;height:80px;padding:0 12%}.links .links-row>*>.logo-compact{height:62px}@media screen and (width<=576px){.links .links-row>*{width:28%;height:62px}.links .links-row>*>*{max-width:80px;height:44px;padding:0}.links .links-row>*>.logo-compact{height:36px}}.links .links-row>:hover,.links .links-row>:focus-visible{filter:drop-shadow(0 10px 18px #00000059);transform:translateY(-6px)scale(1.08)}.bio{color:#fff;padding:120px 0 0}.bio .bio-card{box-sizing:border-box;text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:18px;align-items:center;gap:40px;width:min(92%,800px);margin:24px auto 0;padding:30px 40px;font-size:calc(10px + .6vmin);line-height:1.6;display:flex;box-shadow:0 20px 50px #00000040,inset 0 1px #ffffff14}.bio .bio-card img{object-fit:cover;border:1px solid #fff3;border-radius:50%;flex-shrink:0;width:180px;height:180px}.bio .bio-card p{margin:0}@media screen and (width<=576px){.bio .bio-card{text-align:center;flex-direction:column;gap:24px;padding:30px 24px}.bio .bio-card img{width:140px;height:140px}}.timeline{color:#fff;padding:120px 0 840px;position:relative}.timeline .timeline-track{width:min(92%,900px);margin:30px auto 0;position:relative}.timeline .timeline-track.animated .timeline-item:before,.timeline .timeline-track.animated .timeline-item .timeline-card,.timeline .timeline-track.animated .timeline-item .timeline-trivia{transition:opacity .4s,transform .4s,background .2s}.timeline .timeline-track.animated .timeline-item:not(.revealed):before,.timeline .timeline-track.animated .timeline-item:not(.revealed) .timeline-card,.timeline .timeline-track.animated .timeline-item:not(.revealed) .timeline-trivia{opacity:0}.timeline .timeline-track.animated .timeline-item:not(.revealed) .timeline-card,.timeline .timeline-track.animated .timeline-item:not(.revealed) .timeline-trivia{transform:translate(-32px)}.timeline .timeline-track.animated .timeline-item:not(.revealed).right .timeline-card,.timeline .timeline-track.animated .timeline-item:not(.revealed).right .timeline-trivia{transform:translate(32px)}@media screen and (width<=576px){.timeline .timeline-track.animated .timeline-item:not(.revealed) .timeline-card,.timeline .timeline-track.animated .timeline-item:not(.revealed) .timeline-trivia,.timeline .timeline-track.animated .timeline-item:not(.revealed).right .timeline-card,.timeline .timeline-track.animated .timeline-item:not(.revealed).right .timeline-trivia{transform:translate(24px)}}.timeline .timeline-track:after{content:"";width:2px;height:calc(var(--line-progress,0) * 100%);pointer-events:none;background:linear-gradient(#ffb27a00,#ffb27ad9 6%,#ffb27a80 94%,#ffb27a00);border-radius:1px;transition:height .15s ease-out;position:absolute;top:0;left:50%;transform:translate(-50%)}.timeline .timeline-track:before{content:"";background:linear-gradient(#fff0,#ffffff59 5% 95%,#fff0);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline .timeline-now{--glow:255, 178, 122;width:14px;height:14px;box-shadow:0 0 0 5px rgba(var(--glow), .22);z-index:1;background:#ffb27a;border-radius:50%;animation:3s ease-in-out infinite dotPulse;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.timeline .timeline-item{z-index:1;box-sizing:border-box;width:50%;padding:0 36px 10px 0;position:relative}@media screen and (width>=577px){.timeline .timeline-item+.timeline-item{margin-top:-64px}.timeline .timeline-item.trivia+.timeline-item,.timeline .timeline-item+.timeline-item.trivia{margin-top:4px}}.timeline .timeline-item:before{content:"";--glow:255, 178, 122;width:14px;height:14px;box-shadow:0 0 0 5px rgba(var(--glow), .22);background:#ffb27a;border-radius:50%;animation:3s ease-in-out infinite dotPulse;position:absolute;top:32px;right:-7px}.timeline .timeline-item:first-child:before{animation-delay:.25s}.timeline .timeline-item:nth-child(2):before{animation-delay:.5s}.timeline .timeline-item:nth-child(3):before{animation-delay:.75s}.timeline .timeline-item:nth-child(4):before{animation-delay:1s}.timeline .timeline-item:nth-child(5):before{animation-delay:1.25s}.timeline .timeline-item:nth-child(6):before{animation-delay:1.5s}.timeline .timeline-item:nth-child(7):before{animation-delay:1.75s}.timeline .timeline-item:nth-child(8):before{animation-delay:2s}.timeline .timeline-item:nth-child(9):before{animation-delay:2.25s}.timeline .timeline-item:nth-child(10):before{animation-delay:2.5s}.timeline .timeline-item:nth-child(11):before{animation-delay:2.75s}.timeline .timeline-item:nth-child(12):before{animation-delay:3s}.timeline .timeline-item:nth-child(13):before{animation-delay:3.25s}.timeline .timeline-item:nth-child(14):before{animation-delay:3.5s}.timeline .timeline-item:nth-child(15):before{animation-delay:3.75s}.timeline .timeline-item:nth-child(16):before{animation-delay:4s}.timeline .timeline-item:nth-child(17):before{animation-delay:4.25s}.timeline .timeline-item:nth-child(18):before{animation-delay:4.5s}.timeline .timeline-item:nth-child(19):before{animation-delay:4.75s}.timeline .timeline-item:nth-child(20):before{animation-delay:5s}.timeline .timeline-item.trivia{text-align:right}.timeline .timeline-item.trivia:before{width:10px;height:10px;top:10px;right:-5px}.timeline .timeline-item.trivia.right{text-align:left}.timeline .timeline-item.trivia.right:before{left:-5px;right:auto}.timeline .timeline-item.right{margin-left:50%;padding:0 0 10px 36px}.timeline .timeline-item.right:before{left:-7px;right:auto}.timeline .timeline-item.service:before{--glow:255, 255, 255;box-shadow:0 0 0 4px rgba(var(--glow), .1);background:#ffffff73}.timeline .timeline-item.service .timeline-card{background:#ffffff08;font-size:calc(9px + .45vmin);box-shadow:0 10px 30px #0000002e}.timeline .timeline-item.service .timeline-card img{opacity:.9;width:48px;height:48px}.timeline .timeline-item.service .timeline-card .timeline-period{color:#fff9}.timeline .timeline-card{text-align:left;color:inherit;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:18px;align-items:flex-start;gap:18px;padding:18px 20px;font-size:calc(10px + .5vmin);line-height:1.5;text-decoration:none;transition:transform .2s;display:flex;box-shadow:0 20px 50px #00000040,inset 0 1px #ffffff14}.timeline .timeline-card:hover{transform:translateY(-4px)}.timeline .timeline-card img{box-sizing:border-box;object-fit:contain;background:#fff;border-radius:12px;flex-shrink:0;width:64px;height:64px;padding:6px}.timeline .timeline-card img.dark-tile{background:#afafaf}.timeline .timeline-card h3{text-shadow:none;margin:2px 0;font-family:inherit;font-size:1.05em;font-weight:600}.timeline .timeline-card p{opacity:.9;margin:6px 0 0}.timeline .timeline-trivia{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fffffff2;background:#ffffff1a;border:1px solid #fff3;border-radius:18px;padding:8px 18px;font-size:calc(9px + .5vmin);text-decoration:none;transition:background .2s;display:inline-block;box-shadow:0 8px 24px #0003}.timeline .timeline-trivia .timeline-period{margin-right:8px}.timeline .timeline-trivia:is(a):hover,.timeline .timeline-trivia:is(a):focus-visible{background:#ffffff2e}.timeline .timeline-period{letter-spacing:.06em;text-transform:uppercase;color:#ffb27a;font-size:.8em;font-weight:600}.timeline .timeline-place{opacity:.75;font-size:.85em;display:block}@media screen and (width<=576px){.timeline .timeline-track:before{left:20px;transform:none}.timeline .timeline-track:after,.timeline .timeline-now{left:21px}.timeline .timeline-item,.timeline .timeline-item.right{text-align:left;width:100%;margin-left:0;padding:0 0 10px 44px}.timeline .timeline-item:before,.timeline .timeline-item.right:before{left:14px;right:auto}.timeline .timeline-item.trivia:before,.timeline .timeline-item.trivia.right:before{left:16px}.timeline .timeline-item.trivia{text-align:left;margin-top:4px;padding-bottom:14px}.timeline .timeline-card{gap:14px}.timeline .timeline-card img{width:52px;height:52px}}.dissect-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff40;border-radius:18px;padding:14px 30px;font-size:16px;font-weight:600;transition:background .2s,transform .2s;animation:1.8s ease-out both slowFadeIn;position:absolute;bottom:100px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040}.dissect-button:hover,.dissect-button:focus-visible{background:#ffffff29;transform:translate(-50%,-2px)}@keyframes slowFadeIn{0%{opacity:0}to{opacity:1}}.dissect{color:#fff;text-align:center;padding:0 0 140px}.elements-section{animation:.8s ease-out both fadeUp}.elements-section h2{margin-bottom:30px}.elements-section .element-row{align-items:center;gap:30px;width:min(92%,780px);margin:0 auto 30px;display:flex}@media screen and (width<=576px){.elements-section .element-row{flex-direction:column;gap:12px}}.elements-section .element-figure{flex-shrink:0;width:150px;height:150px}.elements-section .element-card{box-sizing:border-box;text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:18px;flex:1;padding:20px 28px;font-size:calc(10px + .5vmin);line-height:1.5;box-shadow:0 20px 50px #00000040,inset 0 1px #ffffff14}.elements-section .element-card .element-name{letter-spacing:.06em;text-transform:uppercase;color:#ffb27a;font-size:.8em;font-weight:600}.elements-section .element-card h3{text-shadow:none;margin:2px 0;font-family:inherit;font-size:1.15em;font-weight:600}.elements-section .element-card p{opacity:.9;margin:6px 0 0}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.App .App-background,.App .App-background:before,.App .App-background:after,.App-header>*,.links .links-row>*,.timeline .timeline-card,.timeline .timeline-item:before,.timeline .timeline-now,.timeline .timeline-track:after{transition:none;animation:none}}
