/* Keep the authored controls identical across Safari, mobile and desktop. */
:root{color-scheme:only light}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
button,input,textarea,select{font-family:var(--body);-webkit-text-fill-color:currentColor}
button,input[type=button],input[type=submit],input[type=reset]{-webkit-appearance:none;appearance:none}
button{border-radius:0}
a,button,label,summary{-webkit-tap-highlight-color:transparent}
.pill{border-radius:100px}
.pill-white{background:var(--paper);color:var(--ink)}
.pill-ink{background:var(--ink);color:#fff}
.pill-coral{background:var(--accent);color:var(--ink)}
.pill-outline{background:transparent;border:1px solid #ffffff55;color:var(--paper)}
.pill-white .pill-icon{background:var(--ink);color:#fff}
.pill-ink .pill-icon{background:var(--accent);color:var(--ink)}
.pill-coral .pill-icon{background:var(--ink);color:var(--paper)}
.pill-outline .pill-icon{background:var(--paper);color:var(--ink)}
.filter{background:transparent;color:var(--ink);border-radius:50px}
.filter.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.step-tabs>button{background:transparent;color:#959a91}
.step-tabs>button.active{background:#e0e4d6;color:#1e2619}
.estimate-card{background:var(--accent);color:#17201a}
.type-option input:checked+span{background:#1c241b;color:#f1f0e8;border-color:#1c241b}
.finish-option input:checked+span{background:#dfe5d5;border-color:#80956a}
.feature-option:has(input:checked){background:#e4e8db;border-color:#788f6066}
input[type=checkbox]{-webkit-appearance:none;appearance:none;display:inline-grid;place-content:center;border:1px solid #839079;border-radius:3px;background:transparent;color:var(--ink);vertical-align:middle;flex-shrink:0;min-width:16px;min-height:16px;cursor:pointer}
input[type=checkbox]:checked{border-color:var(--accent);background:var(--accent)}
input[type=checkbox]:after{content:'';width:4px;height:8px;border:solid currentColor;border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg);opacity:0}
input[type=checkbox]:checked:after{opacity:1}
.contact-form input:not([type=checkbox]),.contact-form textarea,.contact-form select{-webkit-appearance:none;appearance:none}
.contact-form select{padding-right:30px;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 15px) 50%,calc(100% - 10px) 50%;background-size:5px 5px;background-repeat:no-repeat}
.contact-page .contact-form select{background-image:linear-gradient(45deg,transparent 50%,#20291e 50%),linear-gradient(135deg,#20291e 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:36px}
.contact-page .next-button{background:var(--accent);color:#171c17;border-radius:4px}
.contact-page .contact-submit .pill{border-radius:4px}
.next-project-types>button{background:transparent;color:#20291e;border-radius:4px}
.next-project-types>button[aria-pressed=true]{background:#25331f;color:#f2f1e9;border-color:#25331f}
@media(hover:hover) and (pointer:fine){
  .filter:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
  .contact-page .next-button:hover{background:#ff7058}
  .next-project-types>button:not([aria-pressed=true]):hover{background:#e5e8db;border-color:#64785b}
}
@media(hover:none){
  .filter:not(.active):hover{background:transparent;color:var(--ink);border-color:#191e1b30}
  .next-project-types>button:not([aria-pressed=true]):hover{background:transparent;border-color:#bdc6b4}
  .pill:hover{transform:none}
  .pill:hover .pill-icon{transform:none}
}

/* SVG icons do not fall back to iPhone emoji glyphs. */
.ui-icon{display:inline-block;width:1em;height:1em;max-width:none;flex-shrink:0;vertical-align:-.12em;color:inherit;pointer-events:none}
.hero-orbit>span>.ui-icon{position:static;inset:auto;width:1em;height:1em;animation:none}