body,html{height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto}.homepage-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:60px 40px}.folders-container{width:100%;max-width:1400px;margin:0 auto;height:calc(100vh - 120px);display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .3s}.folders-container.hidden{opacity:0;pointer-events:none}.names-grid{display:flex;flex-wrap:nowrap;gap:40px 60px;width:100%;max-width:1200px;margin:0 auto;align-items:center;justify-content:center}.names-grid .back-button,.names-grid .name-item{flex:1 1 auto;min-width:0;text-align:center}#studentsGrid{flex-wrap:wrap;transition:opacity .3s;opacity:1}#studentsGrid .back-button,#studentsGrid .name-item{flex:0 0 calc((100% - 240px)/ 5);max-width:calc((100% - 240px)/ 5);min-width:0}#yearGrid{display:flex;flex-wrap:nowrap;gap:40px;max-width:1200px;width:100%;margin:0 auto;align-items:center;justify-content:center}#yearGrid .name-item{flex:1 1 auto;min-width:0}.name-item{font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400;color:#000;cursor:pointer;transition:opacity .2s;text-align:center;user-select:none;text-transform:uppercase}.name-item:hover{opacity:.5}.back-button{font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400;color:#000;background:0 0;border:none;cursor:pointer;transition:opacity .2s;text-align:center;user-select:none;padding:0;text-transform:uppercase}.back-button:hover{opacity:.5}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:0 0;z-index:1000;pointer-events:none}.modal-overlay.active{pointer-events:auto}.modal-container{position:fixed;bottom:0;left:0;width:100%;height:100vh;background:#fff;overflow:hidden;transform:translateY(100%);transition:transform .4s cubic-bezier(.4, 0, .2, 1);display:flex;flex-direction:column;z-index:1001}.modal-overlay.active .modal-container{transform:translateY(0)}.modal-close{position:absolute;top:9px;right:8px;width:auto;height:auto;border:none;background:0 0;cursor:pointer;display:block;transition:opacity .2s;z-index:1002;padding:0}.modal-close:hover{opacity:.5}.modal-close .close-icon{width:74px;height:74px;display:block;user-select:none;-webkit-user-select:none;pointer-events:none}.modal-content{width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:0}.modal-content .business-card{width:100%;max-width:100%;height:100vh;background:#fff;border-radius:0;box-shadow:none;overflow:hidden;position:relative;display:block}.modal-overlay.no-transition,.modal-overlay.no-transition *{transition:none!important;animation:none!important}.modal-content .business-card .container{height:100vh!important;width:100vw!important;max-width:100%!important;max-height:100%!important;overflow:hidden;display:flex;flex-direction:column;position:relative}.modal-content .business-card .content-section{position:relative}.modal-content .business-card .main-content{height:100%;flex:1;min-height:0;overflow:hidden}@media (min-width:969px) and (max-aspect-ratio:4/3){.modal-content .business-card .content-section{padding-right:80px}}@media (max-width:968px){.homepage-container{padding:30px 15px}.names-grid{flex-wrap:wrap;gap:20px 30px;justify-content:flex-start}.names-grid .back-button,.names-grid .name-item{flex:0 0 calc(50% - 15px);max-width:calc(50% - 15px)}#studentsGrid .back-button,#studentsGrid .name-item{flex:0 0 calc(50% - 15px)!important;max-width:calc(50% - 15px)!important}#yearGrid{flex-wrap:wrap;gap:20px 30px;justify-content:flex-start}#yearGrid .name-item{flex:0 0 calc(50% - 15px);max-width:calc(50% - 15px)}.name-item{font-size:.9rem}.modal-overlay{padding:10px}.modal-container{overflow-y:scroll!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;height:100vh}.modal-content{align-items:flex-start;height:auto;min-height:100%;overflow:visible}.modal-content .business-card,.modal-content .business-card .container{height:auto!important;min-height:auto!important;overflow:visible!important}.modal-content .business-card .main-content{display:flex;flex-direction:column;height:auto!important;min-height:auto!important;overflow:visible!important;gap:18px}.modal-content .business-card .photo-section{height:auto;min-height:300px;padding:12px 15px 24px;order:2;flex-shrink:0}.modal-content .business-card .student-photo{width:100%;height:auto;max-height:none;object-fit:contain;display:block}.modal-content .business-card .content-section{order:1;flex-shrink:0;display:flex;flex-direction:column;gap:20px;padding:max(50px,env(safe-area-inset-top,44px)) 15px 20px}.modal-content .business-card .student-name{position:relative;top:0;left:0;font-size:clamp(2.5rem, 14vw, 4.5rem);white-space:normal;line-height:1.1;max-width:calc(100% - 60px);margin:0}.modal-content .business-card .description{position:relative;left:auto;top:auto;bottom:auto;width:100%;max-height:none;overflow:visible;height:auto;margin:0;padding-right:0}.modal-content .business-card .contact-block{position:relative;left:auto;top:auto;bottom:auto;width:100%;height:auto;margin-top:10px}.modal-close{top:max(47px,env(safe-area-inset-top,44px));right:15px}.modal-close .close-icon{width:50px;height:50px}}