@font-face{font-family:BebasNeue;src:url(/fonts/BebasNeue-Regular.ttf)format("truetype")}@font-face{font-family:MavenPro;src:url(/fonts/MavenPro-VariableFont_wght.ttf)format("truetype")}.about-page{color:#111;background-color:#f9f9f9;padding-top:150px;font-family:MavenPro,sans-serif}.about-intro{text-align:center;max-width:1100px;margin:0 auto max(60px,min(9vh,120px));padding-left:2rem;padding-right:2rem;line-height:1.6}.about-intro h1{letter-spacing:3px;margin-bottom:20px;font-family:BebasNeue,sans-serif;font-size:3.8rem}.about-intro p{max-width:90ch;margin:8px auto;font-family:MavenPro,sans-serif;font-size:1rem;line-height:1.55}.about-intro hr{border:none;border-top:2px solid #ccc;width:60%;margin:40px auto}.about-section{align-items:flex-start;padding:max(60px,min(8vh,100px)) 2rem;scroll-margin-top:120px;display:flex;position:relative}html{scroll-behavior:smooth}@media (min-width:768px){.about-page{scroll-snap-type:y proximity}#education,#experience{scroll-snap-align:start;scroll-snap-stop:always}}.about-section>.sidebar,.about-section>.content{max-width:1200px}.about-section{justify-content:center}.about-section>.content{padding-left:2rem}.about-section>.sidebar{margin-left:2rem}.sidebar{flex:0 0 220px;margin-right:60px;position:-webkit-sticky;position:sticky;top:120px}.sidebar h2{letter-spacing:2px;color:#222;margin-bottom:20px;font-family:BebasNeue,sans-serif;font-size:max(2.2rem,min(3.2vw,2.8rem));transition:color .3s}.sidebar h2.active{color:#000}.sidebar ul{padding:0;list-style:none}.sidebar li{letter-spacing:1.5px;cursor:pointer;margin:10px 0;font-family:BebasNeue,sans-serif;transition:color .2s}.sidebar li:hover{color:#949494}.content{flex:1}.edu-item,.exp-item{margin-bottom:max(40px,min(7vh,80px));scroll-margin-top:140px}.edu-item h3,.exp-item h3{margin-bottom:10px;font-family:BebasNeue,sans-serif;font-size:max(1.3rem,min(1.8vw,1.6rem))}.exp-item ul{margin:6px 0 10px;padding-left:18px}.edu-item p,.exp-item p{margin:6px 0 8px;line-height:1.55}.exp-item ul li{margin:4px 0;line-height:1.45}.exp-item p strong{font-weight:700}.separator{color:#111;letter-spacing:3px;justify-content:center;align-items:center;width:100%;margin:max(28px,min(5vh,40px)) auto;font-family:BebasNeue,sans-serif;font-size:1.2rem;display:flex}.separator:before,.separator:after{content:"";background-color:#999;flex:1;height:1px;margin:0 20px}.year-dropdown{display:none}.exp-item a[href*="/projects/florya"],.exp-item a[href*="/projects/atlas-butterflies"]{color:#b00020;border-bottom:none;font-weight:600;text-decoration:none}.exp-item a[href*="/projects/florya"]:hover,.exp-item a[href*="/projects/atlas-butterflies"]:hover{color:#8c001a;background:0 0}.exp-item a:hover{color:#5d2a2a;background:rgba(103,38,38,.05)}@media (max-width:950px){.about-section{flex-direction:column;gap:2rem}.sidebar{flex:none;margin-right:0;position:static;top:auto}.sidebar h2{margin-bottom:10px}.sidebar ul{display:none}.year-dropdown{display:inline-block;position:relative}.year-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#fff;cursor:pointer;background:#111;border:1.5px solid #111;border-radius:999px;padding:.5rem .9rem;font-weight:600}.year-menu{z-index:10;background:#fff;border:1.5px solid #111;border-radius:10px;min-width:200px;padding:6px;display:none;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 8px 24px rgba(0,0,0,.08)}.year-dropdown.open .year-menu{display:block}.year-menu li button{text-align:left;cursor:pointer;letter-spacing:1px;background:0 0;border:none;width:100%;padding:10px 12px;font-family:BebasNeue,sans-serif}.year-menu li button:hover{background:rgba(0,0,0,.05)}}