:root{--text-left-offset:1px;--text-top-offset:0px;--title-description-gap:20px;--description-contact-gap:16px;--contact-separator-color:rgba(0, 0, 0, 0.25)}.container{height:100vh;width:100vw;display:flex;flex-direction:column;overflow:hidden}body{line-height:1.6}html:has(.container:only-child),html:has(.container:only-child) body{height:100%;overflow:hidden}.student-name{position:static;font-size:200px;font-weight:700;letter-spacing:2.1px;color:#000;margin:-.12em 0 0;padding:0;box-sizing:border-box;line-height:1;text-transform:uppercase;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Helvetica,Arial,sans-serif;white-space:nowrap;z-index:11;text-align:left;display:block;max-width:100%;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.main-content{display:grid;grid-template-columns:1fr 1fr;flex:1;min-height:0;overflow:hidden;margin-top:0}.photo-section{padding:21px;overflow:hidden;display:flex;align-items:flex-start;justify-content:center;position:relative}.student-photo{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;object-position:var(--photo-position,top);display:block;padding:0;box-sizing:border-box;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none;pointer-events:none}.content-section{padding:calc(21px + var(--text-top-offset)) 100px 50px calc(21px + var(--text-left-offset));display:grid;grid-template-rows:auto 1fr auto;row-gap:var(--title-description-gap);justify-content:stretch;overflow:hidden;min-height:0;position:relative}.card-close{position:absolute;top:21px;right:8px;width:auto;height:auto;border:none;background:0 0;cursor:pointer;display:block;transition:opacity .2s;z-index:100;padding:0;text-decoration:none}.card-close:hover{opacity:.6}.card-close .close-icon{width:96px;height:96px;display:block}.text-block{max-width:600px}.description-block{flex:1;display:flex;align-items:flex-start;padding-top:0}.description{font-size:1rem;font-weight:400;color:#000;line-height:1.7;margin:0;padding:0 15px 0 0;text-indent:0;text-align:left;font-family:'Roboto Mono',monospace;position:static;transform:none;display:block;box-sizing:border-box;width:100%;height:auto;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,0.3) transparent;mask-image:linear-gradient(to bottom,black 0%,black 85%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 0%,black 85%,transparent 100%);transition:mask-image .3s,-webkit-mask-image .3s}.description::-webkit-scrollbar{width:6px}.description::-webkit-scrollbar-track{background:0 0}.description::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3);border-radius:3px}.description::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.5)}.contact-block{display:flex;flex-direction:column;gap:8px;margin-top:0;padding-top:var(--description-contact-gap);border-top:1px solid var(--contact-separator-color);position:static;height:auto;width:100%}.contact-item{font-size:1rem;font-weight:400;color:#000;line-height:1.6;margin:0;font-family:'Roboto Mono',monospace}.contact-item a{color:#000;text-decoration:none;transition:opacity .2s}.contact-item a:hover{opacity:.6;text-decoration:underline}.contact-social{display:flex;flex-wrap:wrap;gap:0 20px}.contact-social a{white-space:nowrap}@media (min-width:1400px){.contact-block,.description{width:100%}}@media (min-width:969px) and (max-aspect-ratio:4/3){.student-name{font-size:clamp(60px, 12vw, 180px);max-width:calc(100% - 100px)}.description{overflow-y:auto;overflow-x:hidden}.content-section{padding-right:80px}}@media (max-width:968px){body,html{overflow:auto;height:auto}.container{overflow-y:auto;overflow-x:hidden;height:auto;min-height:100vh;-webkit-overflow-scrolling:touch}.main-content{grid-template-columns:1fr;grid-template-rows:auto auto;min-height:auto;height:auto;overflow:visible;gap:0}.photo-section{height:50vh;min-height:300px;padding:15px;order:2}.content-section{padding:max(50px,env(safe-area-inset-top,44px)) 15px 20px;min-height:auto;position:relative;order:1;display:flex;flex-direction:column;gap:20px}.student-name{position:relative;top:0;left:0;font-size:clamp(2.5rem, 14vw, 4.5rem);white-space:normal;line-height:1.1;letter-spacing:1px;max-width:calc(100% - 60px);margin:0}.description{position:relative;left:auto;top:auto;bottom:auto;width:100%;padding-right:0;font-size:.95rem;line-height:1.7;margin:0;max-height:none;overflow:visible;height:auto}.contact-block{position:relative;left:auto;top:auto;bottom:auto;width:100%;height:auto;margin-top:10px}.contact-item{font-size:.9rem;line-height:1.6}.card-close{top:max(47px,env(safe-area-inset-top,44px));right:15px}.card-close .close-icon{width:50px;height:50px}}