@import url("https://fonts.googleapis.com/css2?family=Nanopix&family=Shippori+Mincho+B1:wght@400;500;600;700&family=BIZ+UDGothic:wght@400;700&display=swap");*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;font-family:BIZ UDGothic,sans-serif;color:#2d3142;background:#ffffff}.font-logo{font-family:Nanopix,monospace}.font-heading{font-family:Shippori Mincho B1,serif}.font-body{font-family:BIZ UDGothic,sans-serif}.hero-section,.main-container{display:flex;min-height:100vh}.hero-section{width:25vw;background:#ffffff;padding:2rem;flex-direction:column;justify-content:flex-start;align-items:flex-start;position:fixed;left:0;top:0;height:100%;overflow-y:auto;border-right:1px solid #e2e8f0;z-index:10}.hero-content{text-align:left}.hero-title{font-family:Nanopix,monospace;font-size:1.5rem;margin-bottom:1rem;color:#2d3142;text-shadow:none}.hero-description{font-family:BIZ UDGothic,sans-serif;font-size:1rem;color:#4a5568;line-height:1.6;max-width:300px;margin:0}.content-section{margin-left:25vw;flex-grow:1;padding:1rem}.error-container,.loading-container{display:flex;justify-content:center;align-items:center;height:100vh}.error-text,.loading-text{font-family:Shippori Mincho B1,serif;font-size:1.25rem;color:#2d3142}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:1rem;gap:1rem;padding:1rem}.grid-item{aspect-ratio:1;position:relative;cursor:pointer;overflow:visible;border-radius:8px;transition:all .3s ease-in-out}.grid-item:hover{transform:scale(1.05)}.grid-item-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease-in-out}.grid-item:hover .grid-item-image{transform:scale(1.1)}.detail-container{max-width:1200px;margin:0 auto;padding:2rem;background:#ffffff}.detail-header{text-align:center;margin-bottom:3rem}.detail-title{font-family:Shippori Mincho B1,serif;font-size:2.5rem;color:#2d3142;margin-bottom:1rem}.detail-description{font-family:BIZ UDGothic,sans-serif;font-size:1.125rem;color:#4a5568;max-width:600px;margin:0 auto;line-height:1.6}.detail-image-container{text-align:center;margin-bottom:3rem}.detail-image{max-width:100%;height:auto;border-radius:12px}.nav-ghost{padding:.5rem 1rem;background:transparent;color:#2d3142;text-decoration:none;border-radius:8px;font-family:Shippori Mincho B1,serif;font-weight:500;border:none;transition:all .3s ease-in-out;display:inline-block;font-size:.875rem}.nav-ghost:hover{background:#f0f2f5;color:#2d3142;transform:translateY(-1px)}@media (max-width:1024px){.hero-section{width:30vw}.content-section{margin-left:30vw}.image-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.hero-title{font-size:2.5rem}}@media (max-width:768px){.main-container{flex-direction:column}.hero-section{width:100vw;position:relative;min-height:auto;padding:1.5rem;border-right:none;border-bottom:1px solid #e2e8f0;justify-content:flex-start;align-items:flex-start}.content-section{margin-left:0}.image-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;padding:.75rem}.detail-title,.hero-title{font-size:2rem}}.grid-item-clickable{cursor:pointer;border-radius:8px}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.6);display:flex;justify-content:flex-end;align-items:center;opacity:0;visibility:hidden;z-index:1000;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.modal-overlay-open{opacity:1;visibility:visible}.modal-content{background-color:#ffffff;height:100vh;width:95vw;overflow-y:auto;box-shadow:0 5px 15px rgba(0,0,0,.3);transform:translateX(100%);transition:transform .5s ease-out;padding:1.5rem;position:relative}.modal-content-open{transform:translateX(0)}.modal-close-button{position:absolute;top:1rem;left:1rem;background:transparent;border:none;font-size:1rem;line-height:1;color:#555;cursor:pointer;padding:.25rem .5rem;z-index:1010;font-family:sans-serif}.modal-close-button:hover{color:#000}.modal-article-content{padding-top:2.5rem}.modal-header{text-align:left;margin-bottom:1.5rem}.modal-title{font-family:Shippori Mincho B1,serif;font-size:1.6rem;color:#2d3142;margin-bottom:.6rem}.modal-description{font-family:BIZ UDGothic,sans-serif;font-size:.9rem;color:#4a5568;line-height:1.5}.modal-image-container{text-align:center;margin-bottom:1.25rem;width:100%;max-height:55vh;aspect-ratio:4/5;display:block;overflow:hidden;position:relative}.modal-image{max-width:100%;max-height:100%;height:100%;width:100%;object-fit:contain!important;border-radius:8px}.modal-details-footer{text-align:left;font-size:.75rem;color:#718096;border-top:1px solid #eee;padding-top:.8rem;margin-top:1.25rem}.modal-details-footer p{margin-bottom:.5rem}@media (min-width:769px){.modal-content{width:50vw}.modal-title{font-size:2rem}.modal-description{font-size:.95rem}}