:root{--v1-color-accent:#44c0d8;--v1-background-accent:#033d3c;--v1-color-highlight:#e2e8f0}.v1{color:#94a3b8;background-color:#0f172a;grid-template-columns:repeat(1,minmax(0,1fr));gap:8rem;width:100%;min-height:100vh;padding:4rem 2rem;display:grid}.v1 p{font-size:.9rem;line-height:1.5rem}.v1 p::selection{background:var(--v1-color-accent);color:#0f172a}.v1 h1::selection{background:var(--v1-color-accent);color:#0f172a}.v1 h2::selection{background:var(--v1-color-accent);color:#0f172a}.v1 h3::selection{background:var(--v1-color-accent);color:#0f172a}.v1 h4::selection{background:var(--v1-color-accent);color:#0f172a}.v1 h5::selection{background:var(--v1-color-accent);color:#0f172a}.v1 h6::selection{background:var(--v1-color-accent);color:#0f172a}.v1 .underlay{opacity:.4;background:#1e1b4b;position:fixed;inset:0}.v1 header,.v1 main,.v1 footer{z-index:10;position:relative}.v1 header{flex-direction:column;gap:1rem;max-width:300px;display:flex}.v1 header h1,.v1 header h4,.v1 .lightText{color:var(--v1-color-highlight)}.v1 header a,.v1 main a{text-decoration:none}.v1 .engg-logo{aspect-ratio:1;border-radius:.25rem;order:2;place-items:center;max-width:35px;display:grid;overflow:hidden}.v1 .engg-logo img{object-fit:contain;width:100%;height:100%}.v1 header a{flex-direction:row;gap:1rem;display:flex}.v1 header h1{font-weight:600}.v1 header h4{font-weight:400}.v1 nav{display:none}.v1 nav a{font-size:.9rem}.v1 .social-link-container{align-items:center;gap:1rem;display:flex}.v1 .social-link-container i{font-size:1.5rem}.v1 .social-link{color:inherit;font-size:1.2rem;text-decoration:none;transition-duration:.2s}.v1 .social-link:hover{color:var(--v1-color-accent)}.v1 main{flex-direction:column;gap:5rem;display:flex}.v1 section{flex-direction:column;gap:3rem;display:flex}.v1 section h2{text-transform:uppercase;font-size:1rem;font-weight:500}.v1 .sticky-header{padding:1rem .5rem;position:sticky;top:0}.v1 .sticky-header h2{z-index:2;position:relative}.v1 .sticky-header:before{content:"";opacity:.8;background:#101a31;position:absolute;inset:0}.v1 .about-contents{flex-direction:column;gap:1rem;display:flex}.v1 .anchor-text{color:var(--v1-color-highlight);text-decoration:none;transition-duration:.2s}.v1 .anchor-text:hover{color:var(--v1-color-accent);text-decoration:none}.v1 .experience-contents,.v1 .project-contents{flex-direction:column;gap:4rem;display:flex}.v1 .experience-card,.v1 .project-card{grid-template-columns:repeat(1,minmax(0,1fr));display:grid}.v1 .experience-card{gap:.5rem}.v1 .experience-image-container{aspect-ratio:1;border-radius:.25rem;order:2;place-items:center;max-width:100px;display:grid;overflow:hidden}.v1 .experience-image-container img{object-fit:cover;width:100%;height:100%}.v1 .project-card{gap:1rem}.v1 .card-column{flex-direction:column;gap:.75rem;display:flex}.v1 .tenure p{opacity:.7;font-size:.7rem}.v1 .experience-card p{font-size:.9rem}.v1 .card-header{font-size:1rem;font-weight:400}.v1 .anchor-icon{padding-left:.5rem}.v1 .tag-container{color:var(--v1-color-accent);flex-wrap:wrap;gap:.5rem;display:flex}.v1 .tag{background:var(--v1-background-accent);border-radius:1rem;padding:.25rem .5rem}.v1 .tag p{font-size:.8rem}.v1 .project-image-container{aspect-ratio:16/9;border-radius:.25rem;order:2;place-items:center;max-width:200px;display:grid;overflow:hidden}.v1 .project-image-container img{object-fit:cover;width:100%;height:100%}.v1 .project-stat-link{align-items:center;gap:.5rem;font-size:.8rem;display:flex}.v1 .project-archive-link{color:var(--v1-color-highlight);margin-right:auto;text-decoration:none;transition-duration:.2s;position:relative}.v1 .project-archive-link span{transition-duration:.2s}.v1 .project-archive-link:hover span{padding-left:.5rem}.v1 .project-archive-link:after{content:"";background:0 0;width:100%;height:1.5px;transition-duration:.2s;position:absolute;bottom:0;left:0}.v1 .project-archive-link:hover:after{background:var(--v1-color-accent)}.v1 footer{flex-direction:column;justify-content:space-between;align-items:flex-start;display:flex}.v1 footer p{font-size:.9rem}.v1 .scroll-to-top{color:var(--v1-color-accent);background:var(--v1-background-accent);aspect-ratio:1;border-radius:100%;place-items:center;padding:0 .5rem;text-decoration:none;transition-duration:.2s;display:grid;overflow:hidden}.v1 .scroll-to-top:hover{opacity:.6}@media (width>=640px){.v1 .experience-card,.v1 .project-card{grid-template-columns:repeat(4,minmax(0,1fr))}.v1 .engg-logo{max-width:60px}.v1 .card-column{grid-column:span 3/span 3}.v1 .project-image-container{order:0}.v1 header{max-width:unset}.v1 header h1{font-size:3rem}.v1 header h4{font-size:1.3rem}.v1 header p{max-width:300px}.v1 .social-link-container{gap:1.5rem}.v1 .social-link-container i{font-size:2rem}}@media (width>=1024px){.v1{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:0 6rem 6rem}.v1 header{height:100vh;margin-left:auto;padding-bottom:6rem;position:sticky;top:0}.v1 header h1{font-size:3rem}.v1 header h4{font-size:1.3rem}.v1 header p{max-width:300px}.v1 nav{flex-direction:column;flex:1;gap:.5rem;display:flex}.v1 nav a{font-size:1rem}.v1 .engg-logo{max-width:60px}.v1 .social-link-container{gap:1.5rem}.v1 .social-link-container i{font-size:2rem}.v1 header,.v1 main{width:100%;max-width:600px;padding-top:6rem}.v1 main{margin-right:auto}.v1 .sticky-header{display:none}.v1 footer{flex-direction:row;grid-column:span 2/span 2;width:100%;max-width:1200px;margin:0 auto}}:root{--experience-color-accent:#722881;--color-accent:#243eea;--background-accent:#000;--color-highlight:#e2e8f0}html{scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body{color:#bfc8d6;background-color:#000}.v2{grid-template-columns:repeat(1,minmax(0,1fr));gap:8rem;padding:4rem 2rem;display:grid}p{font-size:.9rem;line-height:1.5rem}p::selection{color:#0f172a;background:#000}h1::selection{color:#0f172a;background:#000}h2::selection{color:#0f172a;background:#000}h3::selection{color:#0f172a;background:#000}h4::selection{color:#0f172a;background:#000}h5::selection{color:#0f172a;background:#000}h6::selection{color:#0f172a;background:#000}.underlay{opacity:.4;background:#000;position:fixed;inset:0}header,main,footer{z-index:10;position:relative}header{flex-direction:column;gap:1rem;max-width:300px;display:flex}header h1,header h4,.lightText{color:var(--color-highlight)}header a,main a{text-decoration:none}.engg-logo{aspect-ratio:1;border-radius:.25rem;order:2;place-items:center;max-width:35px;display:grid;overflow:hidden}.engg-logo img{object-fit:contain;width:100%;height:100%}header a{flex-direction:row;gap:1rem;display:flex}header h1{font-weight:600}header h4{font-weight:400}nav{display:none}nav a{font-size:.9rem}.social-link-container{align-items:center;gap:1rem;display:flex}.social-link-container i{font-size:1.5rem}.social-link{color:inherit;font-size:1.2rem;text-decoration:none;transition-duration:.2s}.social-link:hover{color:var(--color-accent)}main{flex-direction:column;gap:5rem;display:flex}section{flex-direction:column;gap:3rem;display:flex}section h2{text-transform:uppercase;font-size:1rem;font-weight:500}.sticky-header{padding:1rem .5rem;position:sticky;top:0}.sticky-header h2{z-index:2;position:relative}.sticky-header:before{content:"";opacity:.8;background:#2c09f6;position:absolute;inset:0}.about-contents{flex-direction:column;gap:1rem;display:flex}.anchor-text,.uofa-text{color:var(--color-highlight);text-decoration:none;transition-duration:.2s}.uofa-text:hover{color:#25881c;text-decoration:none;transition-duration:.2s}.anchor-text:hover{color:var(--color-accent);text-decoration:none}.experience-anchor-text{color:var(--color-highlight);text-decoration:none;transition-duration:.2s}.experience-anchor-text:hover{color:var(--experience-color-accent);text-decoration:none}.experience-contents,.project-contents{flex-direction:column;gap:4rem;display:flex}.experience-card,.project-card{grid-template-columns:repeat(1,minmax(0,1fr));display:grid}.experience-card{gap:.5rem}.experience-image-container{aspect-ratio:1;border-radius:.25rem;order:2;place-items:center;max-width:100px;display:grid;overflow:hidden}.experience-image-container img{object-fit:cover;width:100%;height:100%}.project-card{gap:1rem}.card-column{flex-direction:column;gap:.75rem;display:flex}.tenure p{opacity:.7;font-size:.7rem}.experience-card p{font-size:.9rem}.card-header{font-size:1rem;font-weight:400}.anchor-icon{padding-left:.5rem}.tag-container{color:#fff;flex-wrap:wrap;gap:.5rem;display:flex}.tag{background:var(--color-accent);border-radius:1rem;padding:.25rem .5rem}.experience-tag{background:var(--experience-color-accent);border-radius:1rem;padding:.25rem .5rem}.tag p{font-size:.8rem}.project-image-container{aspect-ratio:16/9;border-radius:.25rem;order:2;place-items:center;max-width:200px;display:grid;overflow:hidden}.project-image-container img{object-fit:cover;width:100%;height:100%}.project-stat-link{align-items:center;gap:.5rem;font-size:.8rem;display:flex}.project-archive-link{color:var(--color-highlight);margin-right:auto;text-decoration:none;transition-duration:.2s;position:relative}.project-archive-link span{transition-duration:.2s}.project-archive-link:hover span{padding-left:.5rem}.project-archive-link:after{content:"";background:0 0;width:100%;height:1.5px;transition-duration:.2s;position:absolute;bottom:0;left:0}.project-archive-link:hover:after{background:var(--color-accent)}footer{flex-direction:column;justify-content:space-between;align-items:flex-start;display:flex}footer p{font-size:.9rem}.scroll-to-top{color:var(--color-accent);background:var(--background-accent);aspect-ratio:1;border-radius:100%;place-items:center;padding:0 .5rem;text-decoration:none;transition-duration:.2s;display:grid;overflow:hidden}.scroll-to-top:hover{opacity:.6}@media (width>=640px){.experience-card,.project-card{grid-template-columns:repeat(4,minmax(0,1fr))}.engg-logo{max-width:60px}.card-column{grid-column:span 3/span 3}.project-image-container{order:0}header{max-width:unset}header h1{font-size:3rem}header h4{font-size:1.3rem}header p{max-width:300px}.social-link-container{gap:1.5rem}.social-link-container i{font-size:2rem}}@media (width>=1024px){.v2{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:0 6rem 6rem}header{height:100vh;margin-left:auto;padding-bottom:6rem;position:sticky;top:0}header h1{font-size:3rem}header h4{font-size:1.3rem}header p{max-width:300px}nav{flex-direction:column;flex:1;gap:.5rem;display:flex}nav a{font-size:1rem}.engg-logo{max-width:60px}.social-link-container{gap:1.5rem}.social-link-container i{font-size:2rem}header,main{width:100%;max-width:600px;padding-top:6rem}main{margin-right:auto}.sticky-header{display:none}footer{flex-direction:row;grid-column:span 2/span 2;width:100%;max-width:1200px;margin:0 auto}}
