body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#fff;color:#393939}.container{padding:2rem}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem}.logo{font-size:1.5rem;font-weight:700}.nav{display:flex;gap:2rem;font-size:.9rem}.nav button{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0 5px;outline:none}.nav button:hover{text-decoration:underline}.nav .active{color:#d55c5c}.star{color:#ddd;font-size:1.2rem}.profile{display:flex;flex-direction:column;align-items:center;padding:60px 70px}.profile-image{width:200px;height:200px;background-color:#ddd;margin-bottom:1rem}.photo-image1{object-fit:cover;width:200px;height:200px}.profile-text{text-align:center;font-size:.9rem;line-height:2}.photo-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:3rem;padding:30px 70px}.photo-image{object-fit:cover;width:200px;height:200px;padding:30px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#fffc;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:5rem 4rem 7rem;border-radius:6px;box-shadow:0 0 20px #6262621a;text-align:center;max-width:400px;max-height:300px;width:90%;height:90%}.modal-image{width:90%;height:90%;background-color:#ddd;object-fit:cover;margin:auto}.modal-caption{font-size:.95rem;color:#111}.link,.works{text-align:center;font-size:.9rem;margin-top:3rem}img:focus{outline:none}.star{outline:none;color:#e9e9e9;font-size:1.5rem;cursor:pointer;display:inline-block;transition:color .3s ease}.star:focus,.star:active{-webkit-tap-highlight-color:transparent}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.animate-pop{animation:pop .5s ease}.star-on{color:#ffed91}@media screen and (max-width: 768px){.container{padding:1rem}.nav{padding-top:5px;gap:1rem;font-size:.8rem}.profile{display:flex;flex-direction:column;align-items:center;padding:10px 30px}.photo-grid{padding:10px 1rem;gap:4rem;flex-direction:column;align-items:center}.modal-content{width:80%;height:80%;padding:2rem 1.5rem 3rem;max-width:400px;max-height:300px}.link{font-size:.85rem}}.feature-card{max-width:640px;margin:80px auto;background-color:#f9f9f9;border-radius:16px;box-shadow:0 4px 12px #0000000d;font-family:Hiragino Sans,sans-serif;overflow:hidden;color:#444}.feature-image{width:100%;display:block;object-fit:cover}.feature-text{padding:32px 24px;text-align:left}.feature-title{font-size:1.2rem;font-weight:500;margin-bottom:20px}.feature-description{font-size:1rem;line-height:1.8;margin-bottom:24px}.view-site-button{display:inline-block;padding:10px 20px;font-size:1rem;font-weight:500;color:#fff;background-color:#5a85c0;border-radius:8px;text-decoration:none;transition:background-color .2s ease;box-shadow:0 2px 6px #0000001a}.view-site-button:hover{background-color:#496892}.image-stack{position:relative;width:fit-content;max-width:100%;margin:50px 0 0 50px}.image-stack .feature-image{width:40%;border-radius:4px;box-shadow:0 4px 12px #0000001a}.image-stack .overlay{position:absolute;top:20px;left:100px;opacity:.95;z-index:1}