/* Homepage refresh overrides */

.page-grid { display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); column-gap:2rem; }
.navbar { display:none; }
.hero { display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); column-gap:2rem; row-gap:0; align-items:start; align-content:center; min-height:92vh; margin:0 5rem; padding:9rem 0; box-sizing:border-box; text-align:left; border-bottom:1px solid black; }
.hero-logo { grid-column:2 / span 2; align-self:start; justify-self:center; margin-top:0; transform:none; }
.hero-logo img { width:17.5rem; height:auto; }
.hero-content { grid-column:4 / span 4; align-self:start; }
.hero-content h1 { margin:0; font-size:5rem; line-height:1.15; }
.hero-intro { margin:1.5rem 0 0; padding:0; max-width:100%; font-family:'Unna',serif; font-size:3.6rem; line-height:1.35; }
.hero-links { grid-column:4 / span 2; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:2rem; margin-top:7rem; }
.hero-link-group { display:grid; align-content:start; justify-items:start; row-gap:.8rem; }
.hero-link-group:first-child { grid-column:1; }
.hero-link-group:last-child { grid-column:2; }
.hero-link-group h2 { color:#005F88; font-family:'Roboto',sans-serif; font-size:1.8rem; font-weight:bold; letter-spacing:0; line-height:1.2; margin:0 0 1rem; }
.hero-link-group a { color:#000; font-size:1.8rem; line-height:1.4; text-decoration:none; }
.hero-link-group a:hover { color:#FF6F61; }
.scroll-indicator-position { position:fixed; inset:0 5rem 0; height:100vh; display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); column-gap:2rem; pointer-events:none; z-index:100; }
.scroll-indicator { position:relative; grid-column:6 / span 2; align-self:start; justify-self:center; margin-top:0; top:0; width:7.1rem; height:7.1rem; display:block; padding:0; background:transparent; border:0; border-radius:50%; cursor:pointer; pointer-events:auto; }
.scroll-indicator img { display:block; width:100%; height:100%; transition:transform .25s ease; }
.scroll-indicator:hover { background:transparent; }
.scroll-indicator.is-at-bottom img { transform:rotate(180deg); }
.resume { display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); column-gap:2rem; margin:0 5rem; padding:6rem 0 8rem; border-top:0; }
.resume-content { grid-column:2 / span 4; min-width:0; }
.resume-title { margin:0 0 3.75rem; font-family:'Unna',serif; font-size:4rem; line-height:1.15; font-weight:400; }
.resume-label, .resume-education .resume-label, .featured-project-label { color:#005F88 !important; font-family:'Roboto',sans-serif; font-size:1.4rem; font-weight:bold; line-height:1.2; letter-spacing:0; margin:0 0 2rem; padding:0; text-transform:uppercase; }
.resume-entry { margin:0 0 2.5rem; color:#000; }
.resume-entry h3, .resume-education h3 { margin:0 0 1.25rem; font-family:'Roboto',sans-serif; font-size:2.2rem; line-height:1.25; font-weight:400; color:#000; text-decoration:none; }
.resume-entry p, .resume-education p { margin:0 0 .9rem; padding-bottom:0; font-family:'Roboto',sans-serif; font-size:1.8rem; line-height:1.5; color:#000; text-decoration:none; }
.resume-role { margin-bottom:.9rem !important; padding-bottom:0 !important; color:#000; }
.resume-role strong { font-weight:700; color:#000; text-decoration:none; }
.resume-role span { color:#000 !important; }
.resume-entry ul { margin:.9rem 0 0; padding-left:1.9rem; }
.resume-entry li { margin:0 0 .9rem; padding-left:.15rem; font-family:'Roboto',sans-serif; font-size:1.8rem; line-height:1.45; color:#000; text-decoration:none; }
.resume-entry li strong { font-weight:700; color:#000; text-decoration:none; }
.resume-education { margin-top:5.5rem; color:#000; }
.resume-education .resume-label { margin-bottom:1.5rem; }
.resume-linkedin { display:inline-flex; align-items:center; gap:.45rem; margin-top:2rem; color:#000; font-family:'Roboto',sans-serif; font-size:1.8rem; line-height:1.4; letter-spacing:normal; text-decoration:underline; }
.resume-linkedin:hover { color:#FF6F61; }
.resume-linkedin::after { content:none; }
.featured-projects { display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); column-gap:2rem; margin:0 5rem; padding:6rem 0 8rem; border-top:1px solid black; }
.featured-projects-content { grid-column:2 / span 4; min-width:0; }
.featured-projects-title { margin:0 0 4rem; font-family:'Unna',serif; font-size:4rem; line-height:1.15; font-weight:400; }
.featured-project { margin:0 0 5.5rem; }
.featured-project:last-child { margin-bottom:0; }
.featured-project h3 { margin:0 0 1.25rem; font-family:'Roboto',sans-serif; font-size:2.2rem; line-height:1.25; font-weight:400; color:#000; text-decoration:none; }
.featured-project-description { margin:0 0 1rem; padding:0; font-family:'Roboto',sans-serif; font-size:1.8rem; line-height:1.5; color:#000; }
.featured-project-status { margin:0; padding:0; font-family:'Roboto',sans-serif; font-size:1.8rem; line-height:1.4; color:#000; font-style:italic; }
.featured-project-link { display:inline-flex; align-items:center; gap:.45rem; margin:0 0 2rem; color:#000; font-family:'Roboto',sans-serif; font-size:1.8rem; line-height:1.4; letter-spacing:normal; text-decoration:underline; background:none; border:0; padding:0; cursor:pointer; font-weight:400; text-align:left; }
.featured-project-link:hover { color:#FF6F61; }
.inline-rounded-arrow { display:block; width:1.9rem; height:1.9rem; flex:none; fill:currentColor; overflow:visible; }
.featured-project-gifs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:2rem; align-items:start; margin-top:2rem; width:100%; }
.featured-project-gifs img { display:block; width:100%; height:auto; max-width:100%; }
#legacy-projects { display:none; }
@media screen and (max-width:767px) { .hero,.resume,.featured-projects { grid-template-columns:1fr; margin:0 3rem; column-gap:0; } .hero { min-height:90vh; align-content:start; padding:8rem 0 6rem; } .hero-logo,.hero-content,.hero-links,.resume-content,.featured-projects-content { grid-column:1; } .hero-logo { margin-top:0; transform:none; justify-self:start; } .hero-logo img { width:12rem; } .hero-content { margin-top:5rem; } .hero-content h1 { font-size:4rem; line-height:1.2; } .hero-intro { font-size:3rem; } .hero-links { margin-top:5rem; grid-template-columns:1fr 1fr; } .hero-link-group:first-child,.hero-link-group:last-child { grid-column:auto; } .scroll-indicator-position { inset:0 3rem 0; grid-template-columns:1fr; } .scroll-indicator { grid-column:1; justify-self:end; margin-top:auto; top:auto; } .resume { padding:5rem 0 6rem; } .resume-title { font-size:3.4rem; } .resume-label, .resume-education .resume-label, .featured-project-label { font-size:1.4rem; } .resume-entry h3, .resume-education h3 { font-size:2rem; } .resume-entry p, .resume-education p { font-size:1.8rem; } .resume-entry li { font-size:1.8rem; } .resume-linkedin { font-size:1.8rem; } .featured-projects { padding:5rem 0 6rem; } .featured-projects-title { font-size:3.4rem; } .featured-project h3 { font-size:2rem; } .featured-project-description,.featured-project-status,.featured-project-link { font-size:1.8rem; } .featured-project-gifs { grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem; } }