:root{--illini-blue:#13294b;--illini-orange:#ff5f05;--white:#ffffff;--dark-gray:#333333;--font-mono:"Roboto Mono",monospace;--gutter-width:40px}*{box-sizing:border-box}html{font-size:18px;line-height:1.6;background:var(--illini-blue);-webkit-font-smoothing:antialiased}#app,body,html{height:100%}body{font-family:system-ui,-apple-system,sans-serif;margin:0;color:var(--white);background:var(--illini-blue);@media (max-width:1024px){font-size:16px}}img{max-width:100%;height:auto;display:block}a{color:var(--illini-orange);text-decoration:none;transition:opacity .2s;&:hover{opacity:.85}&:focus{opacity:.8;outline:none}&:active{opacity:.7}}.home{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;gap:2rem;max-width:900px;margin:0 auto;@media (max-width:600px){padding-left:1.5rem;padding-bottom:1.5rem;padding-right:1.5rem;padding-top:1.5rem;gap:1.5rem}}.hero{display:flex;flex-direction:column;align-items:center;cursor:pointer}.featured-image{flex-shrink:0;img{border:1px solid rgba(255,255,255,.2);border-radius:8px}}.quote-area{min-height:8rem;text-align:center;max-width:600px;display:flex;flex-direction:column;justify-content:center}.quote-area,.subtext-display{font-size:.9rem;p{margin:0}}.featured-quote{margin:0;padding:0;font-size:.9rem;.quote-text{.speech{margin-bottom:.25rem;.speaker{font-weight:600;text-transform:uppercase;font-size:.8em;letter-spacing:.05em}p{margin:0;display:inline}}.direction{font-style:italic;opacity:.8;margin-bottom:.25rem;p{margin:0}}}.quote-source{margin-top:.5rem;font-size:.85rem;opacity:.8}.quote-context{margin-top:.25rem;font-size:.8rem;font-style:italic;opacity:.6;p{margin:0}}}.nav-links{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1.5rem;gap:1.5rem;width:100%;max-width:800px;@media (max-width:768px){grid-template-columns:repeat(2,1fr)}@media (max-width:400px){grid-template-columns:1fr}}.nav-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;transition:border-color .2s,background .2s;&:hover{border-color:var(--illini-orange);background:rgba(255,255,255,.05);opacity:1}.nav-name{font-size:1.25rem;font-weight:600}}.leaf-page{min-height:100vh;background:var(--white);color:var(--dark-gray);padding-left:var(--gutter-width);position:relative;&:before{content:"";position:fixed;top:0;left:0;width:var(--gutter-width);height:100%;background:var(--illini-blue);z-index:999}a{color:var(--illini-blue);&:visited{color:var(--illini-orange)}}@media (max-width:600px){--gutter-width:20px}}.photo-nav{display:flex;gap:1.5rem;padding:1.5rem;border-bottom:1px solid rgba(0,0,0,.1);a{font-weight:600;text-transform:uppercase;font-size:.85rem;letter-spacing:.05em}}.albums-grid,.subjects-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem;padding:1.5rem;@media (max-width:900px){grid-template-columns:repeat(2,1fr)}@media (max-width:500px){grid-template-columns:1fr}}.album-card,.subject-card{display:flex;flex-direction:column;gap:.5rem;img{aspect-ratio:1;object-fit:cover;border-radius:4px}h3{margin:0;font-size:1rem}p,time{margin:0;font-size:.85rem;opacity:.7}}.photo-feed{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;max-width:600px}.feed-item{display:flex;align-items:flex-start;gap:1rem}.feed-thumbnail{flex-shrink:0;padding:0;border:none;background:none;cursor:pointer;border-radius:4px;overflow:hidden;transition:opacity .2s;&:hover{opacity:.85}img{display:block;width:100px;height:100px;object-fit:cover}}.feed-caption{margin:0;font-size:.9rem;line-height:1.5;padding-top:.25rem}.album-photos,.subject-photos{padding:1.5rem}.album-header,.subject-header{margin-bottom:1.5rem;h1{margin:0 0 .5rem;font-size:1.75rem}p,time{margin:0;opacity:.7;display:block}.photo-count{margin-top:.5rem;font-size:.85rem}}.no-photos{opacity:.6;font-style:italic}.react-photo-album{cursor:pointer;img{border-radius:4px;transition:opacity .2s}img:hover{opacity:.9}}.navbar{position:fixed;top:0;left:0;right:0;background:var(--illini-blue);font-family:var(--font-mono);padding:.75rem 1rem;z-index:1000}.navbar-path{display:flex;align-items:center;gap:0;font-size:1rem}.path-segment{text-decoration:none}.path-segment-wrapper{position:relative;display:inline-flex;align-items:center}.path-home{color:var(--illini-orange);transition:opacity .2s;&:hover{opacity:.85}}.path-dropdown{background:none;border:none;color:var(--illini-orange);font-family:var(--font-mono);font-size:1rem;cursor:pointer;padding:0;transition:filter .2s;&:hover{filter:brightness(1.15)}&:focus{outline:none}}.path-current,.path-separator{color:var(--white)}.navbar-dropdown{position:absolute;top:calc(100% + .5rem);left:0;background:var(--illini-blue);border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:.5rem 0;min-width:150px;box-shadow:0 4px 12px rgba(0,0,0,.3)}.dropdown-item{display:block;padding:.5rem 1rem;color:var(--illini-orange);text-decoration:none;font-family:var(--font-mono);font-size:.9rem;transition:background .2s;&:hover{opacity:1}&:focus,&:hover{background:rgba(255,255,255,.1)}&:focus{outline:none}}.dropdown-item-active{color:var(--white)}