/*
Theme Name: Blue Gull Works
Theme URI: https://bluegullworks.com/
Author: Blue Gull Works LLC
Description: A small native block theme for Blue Gull Works.
Version: 0.1.0
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: bluegullworks
*/

:root { color-scheme: light; }
html { scroll-behavior: smooth; }
body { text-wrap: pretty; }
a { text-underline-offset: .18em; }
a:hover { text-decoration-thickness: 2px; }
:where(a, button, input, select, textarea):focus-visible { outline: 3px solid #F0A23B; outline-offset: 3px; }
.wp-site-blocks { min-height: 100vh; display: flex; flex-direction: column; }
.site-main { flex: 1; }
.site-header { border-bottom: 1px solid #d9e4ef; }
.site-header .wp-block-site-logo img { width: 52px; height: 52px; object-fit: contain; }
.site-footer { margin-block-start: 0; border-top: 1px solid #d9e4ef; }
.eyebrow { letter-spacing: .1em; text-transform: uppercase; font-weight: 700; font-size: .78rem; color: #315a78; }
.hero { padding-block: clamp(2.25rem, 4vw, 3.5rem); }
.hero h1 { max-width: 15ch; }
.lede { max-width: 48rem; font-size: clamp(1.15rem, 2vw, 1.35rem); line-height: 1.65; color: #31465a; }
.card { height: 100%; border: 1px solid #cbdce9; border-radius: 18px; padding: clamp(1.25rem, 2vw, 1.75rem); background: #fff; box-shadow: 0 12px 34px rgb(0 28 85 / 6%); }
.card > :first-child { margin-block-start: 0; }
.card > :last-child { margin-block-end: 0; }
.soft-section { padding-block: clamp(2rem, 4vw, 3rem); background: #eef7ff; }
.section { padding-block: clamp(2rem, 4vw, 3rem); }
.product-hero { overflow: hidden; background: linear-gradient(135deg, #eaf7ff 0%, #fff 62%, #fff8ea 100%); }
.product-mark img { max-width: 430px; width: 100%; height: auto; }
.home-product-mark { box-sizing: border-box; max-width: 244px; margin-inline: auto; padding: 12px; }
.home-product-mark img { display: block; width: 100%; height: auto; object-fit: contain; clip-path: inset(1.5% round 20%); }
.founder-portrait img { width: min(100%, 320px); aspect-ratio: 303 / 320; object-fit: cover; border-radius: 18px; box-shadow: 0 12px 34px rgb(0 28 85 / 12%); }
.product-nav { border-block: 1px solid #cbdce9; background: #f7fbff; }
.product-nav a { font-weight: 650; text-decoration: none; }
.status { display: inline-block; border-radius: 999px; padding: .35rem .75rem; background: #e8f2fa; color: #001c55; font-size: .88rem; font-weight: 700; }
.prose { max-width: 760px; }
.prose h2 { margin-block-start: 2.5rem; }
.prose li { margin-block: .45rem; }
.contact-form { max-width: 720px; }
.contact-form p { margin-block: 0 0.85rem; }
.contact-form label { display: block; margin-block-end: .4rem; font-weight: 700; }
.contact-form input, .contact-form select, .contact-form textarea { box-sizing: border-box; width: 100%; border: 1px solid #8aa4b8; border-radius: 8px; padding: .8rem; font: inherit; background: #fff; color: #172b3d; }
.contact-form textarea { min-height: 7.5rem; resize: vertical; }
.contact-form button { border: 0; border-radius: 8px; padding: .85rem 1.2rem; font: inherit; font-weight: 700; color: white; background: #001c55; cursor: pointer; }
.form-status { border-left: 4px solid #236b45; padding: .8rem 1rem; background: #edf8f1; }
.form-status.error { border-color: #a32525; background: #fff1f1; }
.hp-field { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.contact-hero { padding-block: 1.5rem; }
.contact-section { padding-block: 1.5rem; }
.contact-section .contact-form p { margin-block-end: 0.6rem; }
.contact-section .contact-form input, .contact-section .contact-form select { padding-block: 0.55rem; }
.contact-section .contact-form textarea { min-height: 5.5rem; }
@media (max-width: 781px) {
  .site-header .wp-block-group { gap: 1rem; }
  .wp-block-navigation__responsive-container.is-menu-open { padding: 1.5rem; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }