.about-hero{position:relative;width:100vw;height:100svh;overflow:hidden;background-color:var(--base-300)}.about-hero .about-hero-img{position:absolute;top:0;left:0;width:100%;height:100%}.about-hero .about-header{position:absolute;bottom:2.75rem;left:50%;transform:translate(-50%);width:60%;text-align:center;color:var(--base-100)}.about-hero .about-header h2.display-serif{font-size:6.5rem}.about-hero--mark{background-color:var(--base-100);color:var(--base-300)}.about-hero--mark .container{display:flex;align-items:center;gap:4rem}.about-hero--mark .about-hero-mark{flex:0 0 auto;width:min(38vw,32rem)}.about-hero--mark .dial-track{stroke:var(--base-300)}.about-hero--mark .dial-mark{filter:invert(.96)}.about-hero--mark .about-header{position:static;transform:none;flex:1;width:auto;text-align:right;color:var(--base-300)}.anime-text-container{position:relative;width:100vw;height:100svh;overflow:hidden}.anime-text-container .anime-text-bg{position:absolute;inset:0;z-index:0}.anime-text-container .anime-text-bg img{opacity:.45}.anime-text-container>.container{position:relative;z-index:1}.anime-text-container .copy-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.anime-text-container .anime-text{width:60%}.anime-text-container .anime-text p{color:var(--base-300);text-align:center;margin-bottom:2.5rem;font-family:Array,sans-serif;font-size:2.5rem;font-weight:400;line-height:1.5;letter-spacing:.015em}.anime-text-container--typed .copy-container,.anime-text-container--typed .anime-text p{text-align:left}.anime-text-container--marked .type-key{background-color:var(--base-300);color:var(--base-100);padding:.08em .3em;border-radius:6px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.anime-text-container--marked .type-key:empty{display:none}.about-skills{position:relative;width:100vw;height:100svh;overflow:hidden;background-color:var(--base-300);color:var(--base-100)}.about-skills .container{display:flex;gap:2rem}.about-skills .about-skills-col{position:relative;flex:1;width:100%;height:100%;border-radius:16px}.about-skills .about-skills-col:nth-child(1){display:flex;flex-direction:column;justify-content:space-between}.about-skills .about-skills-col:nth-child(1) h3{width:80%}.about-skills .skills-playground{display:flex;align-items:center}.about-skills .skills-terminal{width:100%;max-height:100%;display:flex;flex-direction:column;background-color:#101010;border:1px dashed var(--base-secondary-fade);border-radius:16px;overflow:hidden}.about-skills .skills-terminal-bar{flex:0 0 auto;display:flex;align-items:center;gap:1rem;padding:.9rem 1.25rem;border-bottom:1px dashed var(--base-secondary-fade)}.about-skills .skills-terminal-bar p{color:var(--base-secondary-dark)}.about-skills .skills-terminal-dots{display:flex;gap:.4rem}.about-skills .skills-terminal-dots i{width:.6rem;height:.6rem;border-radius:50%}.about-skills .skills-terminal-dots i:nth-child(1){background-color:var(--accent-2)}.about-skills .skills-terminal-dots i:nth-child(2){background-color:var(--accent-3)}.about-skills .skills-terminal-dots i:nth-child(3){background-color:var(--accent-1)}.about-skills .skills-terminal-body{min-height:0;overflow:auto;padding:1.5rem;display:flex;flex-direction:column;gap:.35rem}.about-skills .skills-line{font-family:DM Mono,ui-monospace,monospace;font-size:1rem;line-height:1.7;min-height:1.7em;color:var(--base-100)}.about-skills .skills-command:before{content:"$ ";color:var(--accent-3)}.about-skills .skills-list{list-style:none;display:flex;flex-direction:column;gap:.35rem;padding-left:1.1rem}.about-skills .skills-cursor{display:inline-block;width:.55em;height:1.05em;margin-left:.1em;vertical-align:-.15em;background-color:var(--base-100);animation:skills-blink 1s steps(1,end) infinite}@keyframes skills-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}@media (prefers-reduced-motion: reduce){.about-skills .skills-cursor{animation:none}}.about-skills-copy-wrapper{display:flex;flex-direction:column;gap:2rem}.about-sticky-cards{position:relative;width:100vw;height:100svh;overflow:hidden;background-color:var(--base-100);color:var(--base-300)}.about-sticky-cards .sticky-cards-header{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40%;text-align:center}.about-sticky-cards .gallery-card{position:absolute;top:25%;left:50%;transform:translate(-50%,-50%);will-change:transform;width:25%;height:50%;padding:.5em;display:flex;flex-direction:column;gap:.5em;border-radius:12px;background-color:var(--base-300);color:var(--base-100)}.about-sticky-cards .gallery-card-img{flex:1 1 0;min-height:0;width:100%;border-radius:8px;overflow:hidden}.about-sticky-cards .gallery-card-content{flex:0 0 12px;display:flex;align-items:center}.about-sticky-cards .gallery-card-content p.mono{font-size:.8rem}.about-team{height:auto;min-height:100svh;display:flex;align-items:center}.about-team .container{display:flex;flex-direction:column;gap:0;height:auto;padding-top:8rem;padding-bottom:8rem}.about-team .team-head{display:flex;flex-direction:column;gap:1.5rem;max-width:62rem;margin-bottom:6rem}.about-team .team-head-bar{display:flex;justify-content:space-between;align-items:baseline;gap:2rem;padding-bottom:1.25rem;border-bottom:1px dashed var(--base-secondary-dark)}.about-team .team-lede,.about-team .team-member>p:last-child{color:#f9f4ebb8}.about-team .team-lede{max-width:46rem}.about-team .team-roster{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}.about-team .team-member{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:1rem;padding-top:2rem;border-top:1px dashed var(--base-secondary-dark)}.about-team .team-member:after{content:"";position:absolute;top:-1px;left:0;width:3.5rem;height:2px;background-color:var(--member-accent);transition:width .55s cubic-bezier(.22,1,.36,1)}.about-team .team-member:hover:after,.about-team .team-member:focus-within:after{width:100%}.about-team .team-member:nth-child(1){--member-accent: var(--accent-1)}.about-team .team-member:nth-child(2){--member-accent: var(--accent-2)}.about-team .team-member:nth-child(3){--member-accent: var(--accent-3)}.about-team .team-key-slot{flex:0 0 auto;width:8rem;aspect-ratio:1;cursor:grab;display:block;background:none;border:none;padding:0;color:inherit;font:inherit}.about-team .team-key-slot.is-dragging{cursor:grabbing}.about-team .team-key-slot:focus-visible{outline:2px solid var(--member-accent);outline-offset:4px;border-radius:12px}.about-team .team-key-slot-label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.about-team .team-member-id{color:var(--member-accent)}.about-team .team-member h4{font-size:1.65rem}.about-team .team-bio{overflow:hidden}.about-team .team-bio[hidden]{display:none}.about-team .team-bio-inner{position:relative;margin-top:5rem;padding-top:2.5rem;border-top:1px dashed var(--base-secondary-dark);display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.about-team .team-bio-inner:before{content:"";position:absolute;top:-1px;left:0;width:100%;height:2px;background-color:var(--member-accent)}.about-team .team-bio[data-member="0"]{--member-accent: var(--accent-1)}.about-team .team-bio[data-member="1"]{--member-accent: var(--accent-2)}.about-team .team-bio[data-member="2"]{--member-accent: var(--accent-3)}.about-team .team-bio-key{color:var(--member-accent)}.about-team .team-bio-name{font-size:2.9rem}.about-team .team-bio-title{color:#f9f4eb8c;max-width:42rem;line-height:1.7}.about-team .team-bio-copy{color:#f9f4ebb8;max-width:44rem}.about-team .team-bio-detail{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;width:100%;max-width:70rem;margin-top:1.5rem;padding-top:2.5rem;border-top:1px dashed var(--base-secondary-dark)}.about-team .team-bio-block{display:flex;flex-direction:column;align-items:center;gap:.85rem}.about-team .team-bio-block-label{color:var(--member-accent)}.about-team .team-bio-block p:not(.mono){color:#f9f4ebb8;font-size:1rem}.about-team .team-bio-tags{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.about-team .team-bio-tags li{font-family:DM Mono,ui-monospace,monospace;font-size:.75rem;font-weight:500;letter-spacing:.04em;padding:.35rem .75rem;border:1px dashed var(--base-secondary-dark);border-radius:999px}@media (prefers-reduced-motion: reduce){.about-team .team-member:after{transition:none}}@media (max-width: 1000px){.about-sticky-cards .gallery-card{width:75%}.about-team .container{padding-top:6rem;padding-bottom:6rem}.about-team .team-head{margin-bottom:3.5rem}.about-team .team-roster{grid-template-columns:1fr;gap:2.5rem}.about-team .team-key-slot{width:auto;aspect-ratio:auto;cursor:pointer;order:1;margin-top:.25rem;padding:.6rem 1.1rem;border:1px dashed var(--base-secondary-dark);border-radius:999px}.about-team .team-key-slot-label{position:static;width:auto;height:auto;margin:0;overflow:visible;clip-path:none;font-family:DM Mono,ui-monospace,monospace;font-size:.8rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.about-team .team-bio-inner{margin-top:3rem}.about-team .team-bio-name{font-size:2.05rem}.about-team .team-bio-detail{grid-template-columns:1fr;gap:2rem;padding-top:2rem}.about-team .team-member{padding-top:1.5rem;gap:.75rem}.about-team .team-member:after{width:100%}}@media (max-width: 1000px){.anime-text-container .copy-container h1{width:90%;font-size:2rem}.anime-text-container .anime-text{width:100%}.anime-text-container .anime-text p{font-size:1.5rem;line-height:1.5;margin-bottom:1.75rem}.about-hero .about-header{width:90%;top:50%;bottom:unset;transform:translate(-50%,-50%)}.about-hero .about-header h2.display-serif{font-size:4rem}.about-hero--mark .container{flex-direction:column;justify-content:center;gap:2.5rem}.about-hero--mark .about-hero-mark{width:min(58vw,17rem)}.about-hero--mark .about-header{width:auto;top:auto;transform:none;text-align:center}.about-skills{height:100svh}.about-skills .about-skills-col:nth-child(1) h3{width:100%}.about-skills .container{flex-direction:column}.about-skills .about-skills-col:nth-child(1){justify-content:flex-start;gap:4rem}.skills-playground{flex:2!important}.about-skills .skills-terminal-body{padding:1rem}.about-skills .skills-line{font-size:.85rem}.about-sticky-cards .gallery-card{top:50%}.about-sticky-cards .gallery-card{width:50%;height:25svh}.about-sticky-cards .sticky-cards-header{width:90%}}
