:root{--page-bg:#2f3830;--panel-bg:#3b594b;--heading:#ccbf9f;--body:#ccc;--muted:#a8b2a4;--ring:#ccbf9f38;--btn-bg:#262626;--btn-text:#fff;--gap:8px;--font-head:"Manrope", system-ui, -apple-system, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--page-bg);color:var(--body);font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.6}img{max-width:100%}a{color:var(--heading)}:where(a,button):focus-visible{outline:2px solid var(--heading);outline-offset:3px}.page{background:var(--page-bg);min-height:100vh;padding-block:clamp(0px,4vw,40px);padding-inline:clamp(0px,5vw,72px)}.panel{background:var(--panel-bg);max-width:1120px;margin:0 auto;padding:clamp(24px,5vw,56px) clamp(18px,5vw,56px)}.header{align-items:center;gap:clamp(24px,5vw,64px);padding-block:clamp(20px,5vw,64px);display:flex}.header__logo-ring{aspect-ratio:1;border:1px solid var(--ring);border-radius:50%;flex:none;place-items:center;width:clamp(150px,26vw,300px);display:grid}.header__logo{width:62%;height:auto}.header__title{font-family:var(--font-head);color:var(--heading);letter-spacing:-.01em;margin:0 0 .45em;font-size:clamp(2rem,5.2vw,3.6rem);font-weight:400;line-height:1.05}.header__subtitle{color:var(--muted);margin:0;font-size:clamp(1rem,2.2vw,1.4rem)}.sep{color:#ccbf9f66;margin:0 .2em;font-weight:300}.gallery{gap:var(--gap);--row-h:clamp(9rem, 22vw, 15rem);flex-wrap:wrap;margin:clamp(10px,2vw,18px) 0;display:flex}.gallery__item{height:var(--row-h);flex-grow:var(--ar);flex-shrink:1;flex-basis:calc(var(--ar) * var(--row-h));appearance:none;cursor:pointer;font:inherit;color:inherit;background:#0000002e;border:0;border-radius:2px;margin:0;padding:0;position:relative;overflow:hidden}.gallery__item img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.gallery__item:hover img{transform:scale(1.04)}.contact{text-align:center;padding-block:clamp(48px,9vw,120px)}.contact__heading{font-family:var(--font-head);color:var(--heading);margin:0 0 clamp(16px,3vw,28px);font-size:clamp(2rem,6vw,4rem);font-weight:400;line-height:1.1}.contact__lead{color:var(--muted);max-width:40ch;margin:.3em auto;font-size:clamp(1rem,2.2vw,1.3rem)}.contact__frog-ring{aspect-ratio:1;border:1px solid var(--ring);border-radius:50%;place-items:center;width:clamp(220px,45vw,420px);margin:clamp(28px,5vw,52px) auto;display:grid;overflow:hidden}.contact__frog{opacity:.5;width:82%;height:auto}.btn-email{background:var(--btn-bg);color:var(--btn-text);text-transform:uppercase;letter-spacing:.32em;border-radius:999px;align-items:center;gap:.75em;padding:1.05em 2.6em 1.05em 2.25em;font-size:.82rem;font-weight:500;text-decoration:none;transition:background .2s;display:inline-flex}.btn-email:hover{background:#343434}.btn-email__icon{flex:none}.footer{text-align:center;padding-block:clamp(32px,6vw,56px)}.footer__social{justify-content:center;gap:clamp(24px,5vw,44px);display:flex}.footer__link{color:var(--muted);transition:color .2s;display:inline-flex}.footer__link:hover{color:var(--heading)}.footer__copy{color:#ccc6;letter-spacing:.03em;margin-top:clamp(22px,4vw,36px);font-size:.8rem}.message-page{text-align:center;max-width:48rem;margin:0 auto;padding:4rem 1.5rem}@media (width<=640px){.header{text-align:center;flex-direction:column}.gallery{gap:6px}.gallery__item{flex:0 0 100%;height:auto}.gallery__item img{object-fit:contain;height:auto}}