body{background-color:#161616}*{box-sizing:border-box;margin:0;padding:0}.container{background-color:#161616;height:100vh;display:flex}@media screen and (min-width:400px){.container{flex-direction:row}}.navbar{color:#fff;background-color:#161616;flex-direction:column;flex-shrink:0;justify-content:center;align-items:end;min-width:200px;padding:24px;display:flex}.navbar h1{margin-bottom:32px;font-size:24px;font-weight:700}.nav-list{flex-direction:column;gap:8px;list-style:none;display:flex}.nav-button{color:#000;cursor:pointer;text-transform:lowercase;background:#e2f171;border:1px solid #000;align-items:center;gap:12px;width:100%;margin:10px;padding:12px 16px;font-family:Courier New,Courier,monospace;font-size:16px;transition:top .6s;display:flex;position:relative;bottom:0;box-shadow:5px 5px #fff}.nav-button:hover{bottom:-3px}.main-content{flex:1;display:flex;overflow:hidden}.content-panel{background-color:#161616;flex-shrink:0;transition:width .5s ease-in-out;overflow:hidden}.content-panel.hidden{align-items:center;width:0;display:flex}.content-panel.visible{align-items:center;width:40%;display:flex}.content-inner{background-color:#fff;border:1px solid #000;width:100%;margin:20px;padding:20px;overflow:auto;box-shadow:5px 5px #e2f171}.content-inner h2{color:#000;text-transform:lowercase;margin-bottom:24px;font-size:36px;font-weight:700}.content-inner p{color:#000;margin-bottom:16px;font-family:Courier New,Courier,monospace;font-size:16px;line-height:1.7}.contact-links{flex-direction:column;gap:16px;margin-top:32px;display:flex}.contact-link{color:#000;background-color:#f9fafb;border-radius:8px;align-items:center;gap:12px;padding:16px;text-decoration:none;transition:background-color .2s;display:flex}.contact-link:hover{background-color:#e2f171}.contact-icon{flex-shrink:0}.contact-info{flex-direction:column;display:flex}.contact-label{margin-bottom:2px;font-weight:600}.contact-value{color:#6b7280;font-family:Arial,Helvetica,sans-serif;font-size:14px}.photo-section{flex:1;position:relative}.photo-section.full,.photo-section.half{flex:1}.photo-content{background-color:#161616;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.photo-placeholder{text-align:center;color:#fff;width:100%}.photo-placeholder canvas{display:flex;width:100%!important;height:auto!important}@media (max-width:768px){.container{flex-direction:column;overflow:hidden}.navbar{flex-direction:row;justify-content:space-evenly;align-items:center;width:100%;min-width:100%;height:auto;padding:16px}.navbar h1{margin-bottom:0;font-size:16px}.nav-list{flex-direction:row;gap:4px}.nav-button{font-size:14px}.main-content{flex-direction:column;height:calc(100vh - 70px)}.content-panel{height:auto;max-height:50vh;transition:max-height .5s ease-in-out,width;width:100%!important}.content-panel.hidden{max-height:0;width:100%!important}.content-panel.visible{max-height:100vh;width:100%!important}.content-inner{margin:10px;padding:20px}.content-inner h2{margin-bottom:16px;font-size:28px}.content-inner p{font-size:14px}.photo-section{flex:1;height:100%}.photo-placeholder canvas{max-height:400px}.contact-links{margin-top:16px}.contact-link{padding:12px}}