/* Functional text entry. Ceramic art lettering remains pending visual selection. */
.text-entry-dock{left:5%;bottom:19%;width:27%;max-width:400px;height:180px}
.text-entry-dock .text-entry{inset:0;width:100%;height:100%;margin:0;padding:15px 0;background:none;display:flex;flex-direction:column;justify-content:center;gap:16px;color:#633e43;text-align:left;perspective:none;transform:none;border:0;border-radius:0;box-shadow:none}
.text-entry-kicker{font:9px/1.4 Arial,sans-serif;letter-spacing:.22em;color:#8b6f60}
.text-entry-title{display:block;font:400 clamp(29px,3vw,45px)/1.2 var(--ui-font);letter-spacing:.08em;transition:color .35s,translate .5s}
.text-entry-bottom{display:flex;align-items:center;justify-content:space-between;max-width:290px;border-top:1px solid #825a4e66;padding-top:14px;font:11px/1.5 var(--ui-font);color:#775549}
.text-entry-bottom small{font:11px Georgia,serif;letter-spacing:.12em}
.text-entry:hover .text-entry-title{color:#915b45;translate:3px 0}
.text-entry:focus-visible{outline:1px solid #744851;outline-offset:12px}
@media(max-width:900px){.text-entry-dock{width:33%;height:155px;bottom:18%}.text-entry-title{font-size:30px}}
@media(max-width:600px){.text-entry-dock{width:61%;height:135px;bottom:18%}.text-entry-dock .text-entry{gap:12px}.text-entry-title{font-size:30px}.text-entry-kicker{font-size:7px}}
@media(prefers-reduced-motion:reduce){.text-entry-title{transition:none;translate:none!important}}