/* Ferrn browser-review refinements — 2026-10-08 */

/* Remove the small eyebrow labels across the public site. */
.eyebrow{display:none!important}
.eyebrow + .h1,.eyebrow + .h2,.eyebrow + h1,.eyebrow + h2{margin-top:0!important}
.section-head>div>.h2{margin-top:0!important}
.contact-panel .eyebrow + h2{margin-top:0!important}

/* Footer cleanup: remove the divider selected in review. */
.footer .footer-top{border-bottom:0!important;padding-bottom:30px!important}
.footer .footer-v2{border-top:0!important}

/* Make the newsletter block feel intentional instead of squeezed into the grid. */
.footer .footer-v2>div:last-child{
  align-self:start;
  border:1px solid var(--line);
  border-radius:20px;
  padding:20px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 92%,var(--accent) 8%),var(--surface));
}
.footer .newsletter-copy{margin:10px 0 0;color:var(--muted);font-size:11px;line-height:1.65;max-width:260px}
.footer .newsletter-inline{display:grid;grid-template-columns:1fr;gap:10px;margin-top:16px;width:100%}
.footer .newsletter-inline input{
  width:100%;min-width:0;height:50px;padding:0 17px;
  border:1px solid var(--line);border-radius:999px;
  background:var(--bg);color:var(--text);outline:none;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.footer .newsletter-inline input::placeholder{color:var(--muted);opacity:.78}
.footer .newsletter-inline input:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 14%,transparent)}
.footer .newsletter-inline .btn{
  width:100%;min-width:0;min-height:50px;
  background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important;
}
.footer .newsletter-inline .btn:hover{background:#ff5419!important;border-color:#ff5419!important}
.footer .newsletter-status{margin-top:9px;font-size:11px;color:var(--muted)}

/* Premium select/dropdown treatment for project forms. */
.field select{
  -webkit-appearance:none;appearance:none;
  min-height:64px;
  padding:0 56px 0 18px!important;
  border-radius:16px!important;
  cursor:pointer;
  background-color:color-mix(in srgb,var(--bg) 94%,var(--surface));
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ff4100' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 18px center;
  background-size:18px 18px;
  transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,transform .2s ease;
}
.field select:hover{border-color:var(--line2)!important;background-color:var(--surface2)}
.field select:focus{border-color:var(--accent)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 14%,transparent)}
.field select option{background:var(--surface);color:var(--text)}

@media(max-width:950px){
  .footer .footer-v2>div:last-child{padding:18px}
}
@media(max-width:700px){
  .footer .footer-v2>div:last-child{grid-column:1 / -1}
  .footer .newsletter-copy{max-width:100%}
  .field select{min-height:58px;border-radius:14px!important}
}