.image-grid{width:100%;margin:0 auto;column-width:260px;column-gap:16px}.image-grid-item{display:inline-block;width:100%;margin:0 0 16px;break-inside:avoid;border-radius:12px;height:auto;object-fit:cover}@media (max-width: 600px){.image-grid{column-width:180px;column-gap:12px}.image-grid-item{margin-bottom:12px}}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.header{color:#000;font-family:Oswald,sans-serif;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:12px 16px;border-bottom:2px solid black}.brand{font-family:Playfair Display,serif;font-size:32px;margin:0}.menuButton{display:inline-grid;place-items:center;width:40px;height:40px;border:none;background:transparent;cursor:pointer}.menuButton:focus-visible{outline:2px solid black;outline-offset:2px}.menuIcon{width:24px;height:24px}.nav{grid-column:1 / -1;display:grid;gap:8px;margin-top:10px;max-height:0;overflow:hidden;transition:max-height .2s ease}.nav--open{max-height:500px}.navLink{font-size:18px;text-decoration:none;color:inherit;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.1)}.navLink:last-child{border-bottom:none}@media (min-width: 900px){.header{display:flex;justify-content:space-between;align-items:center;padding:0 25px}.brand{font-size:60px}.menuButton{display:none}.nav{grid-column:auto;margin-top:0;display:flex;gap:1rem;max-height:none;overflow:visible}.navLink{font-size:36px;border:0;padding:0}}footer{color:#000;font-family:Playfair Display,serif;border-top:2px solid black;padding:16px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}footer h1{font-size:36px;margin:8px 0}.socials{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;align-items:center}.socials a{color:#000;text-decoration:none}.socials svg{font-size:48px}@media (min-width: 900px){footer{flex-direction:row;justify-content:space-between;align-items:center;padding:10px 25px;text-align:left}footer h1{font-size:60px;margin:10px 0}.socials{justify-content:flex-end;gap:20px}.socials svg{font-size:60px}}.Home{padding-inline:16px}.aboutMe{display:grid;margin:24px auto;gap:24px auto;justify-content:space-between;align-items:start;max-width:1200px;grid-template-columns:1fr}.aboutMe .bio{margin:0}.aboutMe .bio p{font-size:clamp(20px,4vw,44px);line-height:1.25}#home-gallery{width:100%}#home-gallery .image-grid .image-grid-item{height:100%;width:auto}@media (min-width: 900px){.aboutMe{grid-template-columns:1fr 1fr}#home-gallery{width:100%;height:100%;padding:0}#home-gallery .image-grid,#home-gallery .image-grid .image-grid-item{height:100%;width:auto}}.ContactForm{margin-top:25vh;min-height:100vh;padding:0 16px}.ContactForm__title{font-family:Playfair Display,serif;font-weight:300;color:gray;text-align:center;margin:0 0 16px}.ContactForm__form{display:flex;flex-direction:column;align-items:center}.formSection{width:100%;max-width:720px;margin:0 auto 12px;display:flex;flex-direction:column;justify-content:center;font-family:Playfair Display,serif;font-size:24px}.inputBase,.textareaBase{border-radius:0;border:2px solid #ccc;font-family:inherit;font-size:inherit;color:gray;background:transparent;padding:10px 12px;outline:none}.inputBase{height:2em}.textareaBase{height:16em;resize:vertical}.inputBase::placeholder,.textareaBase::placeholder{color:gray;font-weight:300;font-family:Playfair Display,serif}.submitBtn{font:inherit;font-weight:300;width:25em;max-width:100%;height:3em;margin:24px auto;cursor:pointer;background:transparent;border:2px solid grey;color:gray;transition:font-style .12s ease,transform .12s ease}.submitBtn:hover{font-style:italic;transform:translateY(-1px)}.submitBtn:focus-visible{outline:2px solid grey;outline-offset:3px}.feedback{margin-top:12px;font-family:Playfair Display,serif;font-size:20px;text-align:center;transition:opacity .3s ease;color:gray}.feedback{opacity:1}@media (min-width: 900px){.formSection{width:50%}}
