/* Wrap Bullys Design Style — public companion to Hybrid H1. */
:root{--wb-design-ink:#111214;--wb-design-panel:#1c1d20;--wb-design-line:#dfe1e5;--wb-design-muted:#60646c;--wb-design-radius:16px;--wb-design-space:24px}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
body .wb3-header{border-bottom:1px solid var(--wb-design-line);box-shadow:none}
body .wb3-menu-button{border:1px solid var(--wb-design-line);border-radius:12px;padding:12px 16px;background:#fff;color:var(--wb-design-ink)}
body .wb3-menu-dialog{background:var(--wb-design-ink);color:#f5f5f5;border:1px solid #34363a;border-radius:17px;box-shadow:0 24px 80px #0005;padding:24px;box-sizing:border-box}
body .wb3-menu-groups{gap:24px}
body .wb3-menu-groups a{border-radius:8px;line-height:1.5}
body .wb3-menu-groups a:hover{background:#292b30;color:#fff}
body .wb3-menu-search input{background:#1c1d20;border-color:#34363a;color:#f5f5f5;border-radius:12px}
body .wb3-page-head,body .wb3-record-header{padding-top:48px;padding-bottom:24px}
body .wb3-page-head h1,body .wb3-record-header h1,body .wb3-home-intro h1{font-size:clamp(34px,4.2vw,56px);font-weight:650;line-height:1.08;letter-spacing:-.04em;margin-bottom:24px;text-wrap:balance}
body .wb3-primary-summary{font-size:18px!important;line-height:1.65!important;color:#363a40;max-width:76ch}
body .wb3-secondary-summary{font-size:16px!important;line-height:1.65!important;color:var(--wb-design-muted);max-width:76ch}
body .wb3-section-head h2,body .wb3-collection-head h2,body .wb3-page-body h2{font-weight:650;line-height:1.15;letter-spacing:-.025em}
body .wb3-project-card{border:1px solid var(--wb-design-line);border-radius:16px;box-shadow:none;transition:border-color .18s ease,box-shadow .18s ease}
body .wb3-project-card:hover{transform:none;border-color:#9b9fa7;box-shadow:0 8px 24px #1112140b}
body .wb3-project-info{padding:24px}
body .wb3-project-info h3{font-weight:650;letter-spacing:-.02em;line-height:1.22}
body .wb3-project-type{font-weight:600;letter-spacing:.08em}
body .wb3-finder{border:1px solid var(--wb-design-line);border-radius:16px;background:#f7f7f8;box-shadow:none;padding:24px}
body .wb3-filter-row button{min-height:44px;border-radius:10px;font-weight:600}
body .wb3-filter-row button.is-active,body .wb3-filter-row button[aria-pressed="true"]{background:#1c1d20!important;color:#fff!important;border-color:#1c1d20!important}
body .wb3-contact-dock{background:#1c1d20;border:1px solid #34363a;box-shadow:0 8px 28px #0002}
body .wb3-contact-dock a,body .wb3-contact-dock button{color:#f5f5f5;min-height:48px}
body .wb3-footer{background:#111214;color:#f5f5f5;border-top:1px solid #34363a}
body .wb3-footer p,body .wb3-footer a{color:#c4c7cd}
body .wb3-footer a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
/* Form fields and handlers stay intact; only visible presentation changes. */
body .wb-quote-intake{border-radius:17px!important;border:1px solid #dfe1e5!important;box-shadow:0 8px 32px #11121408!important;background:#fff!important;color:#111214}
body .wb-quote-intake label{font-weight:600!important;line-height:1.5}
body .wb-quote-intake input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]),body .wb-quote-intake select,body .wb-quote-intake textarea{border:1px solid #a8adb5!important;border-radius:10px!important;background:#fff!important;color:#111214!important;font-family:inherit;box-shadow:none!important}
body .wb-quote-intake input::placeholder,body .wb-quote-intake textarea::placeholder{color:#646970;opacity:1}
body .wb-quote-intake .wb-photos-card{background:#f7f7f8!important;border:1px solid #dfe1e5!important;border-radius:16px!important}
body .wb-quote-intake .wb-submit{border-radius:10px!important;min-height:48px;font-weight:650!important;box-shadow:none!important}
/* Existing custom page families keep their media, copy, backgrounds and hierarchy. */
body :is(.wbf-page,.wba-page,.wba26,.wb-hire,.wbw-guide,.ty2-page){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
body :is(.wbf-card,.wbf-comparison-card,.wbf-copy-card,.wbw-card,.vq-start-card,.vq-gallery-card,.ty2-reference-card){border-radius:16px!important;box-shadow:none!important}
body :is(.wbf-button,.wba-btn,.wba26-btn,.wb-hire-btn,.ty2-btn,.vq-text-cta){border-radius:10px!important;min-height:44px;font-weight:600!important}
body :is(.wbf-button-primary,.wba-btn--primary,.wb-hire-btn--primary,.ty2-btn--primary,.vq-text-cta){background:#1c1d20!important;color:#f5f5f5!important;border-color:#34363a!important;box-shadow:none!important}
body :is(.wbf-hero-copy,.wba-hero__copy,.wb-hire-hero__copy,.wbw-hero,.vq-hero-copy,.ty2-hero) h1{font-weight:650!important;letter-spacing:-.04em!important;line-height:1.08!important;text-wrap:balance}
body :is(.wbf-heading,.wba-heading,.wb-hire-heading,.vq-heading,.wbw-intro) h2{letter-spacing:-.025em;line-height:1.15}
body :is(.wb3-main,.wb3-header,.wb3-footer,.wb3-menu-panel,.wb3-contact-dock) :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #3378db!important;outline-offset:4px!important}
@media(max-width:700px){body .wb3-page-head,body .wb3-record-header{padding-top:24px;padding-bottom:16px}body .wb3-finder,body .wb3-project-info{padding:16px}body .wb3-primary-summary{font-size:17px!important}body .wb3-menu-dialog{border-radius:16px}body .wb3-menu-button{padding:10px 12px}body .wb3-page-body h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){body .wb3-project-card{transition:none}}