/* Production states added to the approved page family. */
.skip-link{position:fixed;top:12px;left:16px;z-index:100;padding:12px 18px;background:var(--cream);color:var(--canvas);transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
.skip-link:not(:focus){clip-path:inset(50%);pointer-events:none}
main:focus{outline:none}
.contact-form fieldset{border:0;padding:0;margin:0;min-width:0}
.contact-form textarea{height:76px;resize:vertical;padding-top:8px;min-height:76px}
.contact-form input{padding-block:8px;height:42px}
.contact-form fieldset:disabled button{cursor:not-allowed;background:var(--bark);color:var(--muted)}
.contact-placeholder{display:grid;gap:5px;font-size:14px;color:var(--muted);margin-top:18px}
.consent{display:flex!important;align-items:flex-start;gap:12px;line-height:1.6;text-transform:none!important}
.contact-form .consent input{width:18px;height:18px;flex:none;margin:2px 0 0;accent-color:var(--olive)}
.honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.not-found{padding-block:100px 140px}.not-found p{max-width:580px;font-size:20px;margin-block:30px}.not-found h1{font-size:clamp(36px,5vw,68px)}
.gallery-categories button{font:inherit;text-transform:inherit;border:0;border-bottom:1px solid transparent;color:var(--muted);background:transparent;padding:0 0 7px;cursor:pointer}
.gallery-categories button:hover{color:var(--cream)}
.gallery-categories button[aria-pressed=true]{border-bottom-color:var(--cream);color:var(--cream)}
[hidden]{display:none!important}
@media(max-width:760px){.contact-form textarea{height:90px}.not-found{padding-block:60px 80px}.gallery-categories button{min-height:44px}}