.app{min-height:100vh;padding:1.25rem 1rem 3rem;max-width:1100px;margin:0 auto;display:grid;gap:1rem}.app-header{padding:.25rem 0}.app-header h1{margin:0;font-size:clamp(1rem,2vw,1.25rem);color:#234734;line-height:1.3;font-weight:700}.gallery{display:grid;gap:1rem}.gallery-grid{list-style:none;margin:0;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.card{margin:0;border-radius:16px;overflow:hidden;background-color:#fff;border:1px solid #d7e6dd;box-shadow:0 10px 24px #3253431a}.card-button{all:unset;cursor:pointer;display:block;width:100%}.card-button:focus-visible{outline:3px solid #77b89a;outline-offset:-3px}.card img{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block;background:linear-gradient(180deg,#f5fbf7,#e2f4eb)}.card p{margin:0;padding:.75rem;color:#315245;font-size:.95rem;font-weight:600}.image-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#09120dbf;display:grid;place-items:center;padding:1rem}.image-modal-content{width:min(94vw,900px);max-height:94vh;background:#fff;border-radius:16px;padding:.75rem;display:grid;gap:.6rem}.image-modal-content img{width:100%;max-height:min(78vh,760px);object-fit:contain;border-radius:10px;background:#f3f7f5}.image-modal-content p{margin:0;color:#315245;font-size:.95rem;font-weight:600}.image-modal-close{justify-self:end;border:1px solid #c8dbcf;background:#fff;border-radius:999px;padding:.35rem .75rem;font-size:.85rem;font-weight:600;color:#2e5242;cursor:pointer}@media (max-width: 640px){.app{padding-top:.9rem}.app-header h1{font-size:1rem}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card p{--mobile-title-font-size: .9rem;--mobile-title-line-height: 1.25;--mobile-title-lines: 2;padding:.5rem .6rem;font-size:var(--mobile-title-font-size);line-height:var(--mobile-title-line-height);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.image-modal{padding:.75rem}.image-modal-content{width:min(100vw - 1.5rem,560px);max-height:92vh;padding:.6rem;gap:.5rem}.image-modal-content img{max-height:72vh}}:root{font-family:Pretendard,Noto Sans KR,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#163224;background-color:#f7fbf8;line-height:1.5;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 20% -10%,#d5f2d4 0,transparent 40%),radial-gradient(circle at 100% 0%,#d8f3ff 0,transparent 35%),#f7fbf8}