.image-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;max-width:265px;padding:1rem;transition:box-shadow .2s,transform .3s;box-shadow:0 2px 6px #0000001a}.image-card:hover{box-shadow:0 4px 12px #0003}.image-card{text-align:center;background:var(--polaroid-white);border-color:var(--polaroid-border)}.image-card:hover{transform:rotate(5deg)scale(1.05)}.image-card img{border-radius:2px;max-width:225px;max-height:225px;margin-bottom:.75rem}.image-card .card-title a{color:var(--black-ink)}.image-card h3{font-family:var(--font-indie-flower),cursive;font-size:1.4rem}.image-card p{opacity:.8;font-size:.85rem;transition:opacity .3s,transform .3s}.image-card:hover p{opacity:1;transform:translateY(-3px)}.card-title a:after{height:2px;bottom:.25em}@media (max-width:640px){.image-card img{width:100%;height:auto}}
.portfolio-grid{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}
section{margin-bottom:4rem}.section-header{margin-bottom:.75rem}.section-header a{color:var(--navy-blue-ink)}.section-header a:hover{color:var(--blue-ink)}.section-header a:after{height:3px;bottom:0}
.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;padding:1rem;transition:box-shadow .2s,transform .3s;box-shadow:0 2px 6px #0000001a}.card:hover{box-shadow:0 4px 12px #0003}.card{margin:0 1rem 2.5rem}.card .card-title{color:var(--blue-ink);font-size:1.5em}.card-title a:after{height:2px;bottom:.25em}
.banner{border:1px solid #00000026;border-radius:10px;width:100%;max-height:720px;margin-bottom:3rem;position:relative;overflow:hidden;box-shadow:0 4px 10px #0003}.banner img{object-fit:contain;width:100%;height:100%}.banner-memo{background:var(--memo-yellow);width:40%;color:var(--black-ink);border:1px solid #0000001a;border-radius:3px;margin:0 1.5rem -5rem;padding:.5rem 1rem;font-family:Indie Flower,cursive;font-size:1.5rem;position:relative;top:-5rem;transform:rotate(-2deg);box-shadow:0 6px 12px #38380073}.banner-memo p{margin-top:.5rem;font-family:Inter,sans-serif;font-size:.8rem}@media (max-width:640px){.banner-memo{width:70%;margin:0 auto -3.75rem;top:-3.75rem;transform:rotate(-.5deg)}}