/* Shady Goose Studios: supplied B3 artwork, September 2026. */
:root {
    --sgs-gold: #F9A914;
    --sgs-charcoal: #3F4247;
    --sgs-ink: #25272B;
    --sgs-gold-ink: #8A5700;
    --sgs-paper: #FFFFFF;
    --sgs-wash: #F4F5F6;
    --sgs-line: #DFE2E5;
}

body { color: var(--sgs-ink); background: var(--sgs-paper); }
h1, h2, h3, h4 { color: var(--sgs-charcoal); letter-spacing: -.025em; }
h1 { font-weight: 800; }
a { text-underline-offset: .22em; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible {
    outline: 3px solid var(--sgs-charcoal);
    outline-offset: 4px;
}
[id] { scroll-margin-top: 108px; }

.site-header {
    box-sizing: border-box;
    background: var(--sgs-paper);
    border-bottom: 1px solid var(--sgs-line);
    box-shadow: 0 4px 20px rgb(63 66 71 / 5%);
    padding: 14px clamp(20px, 5vw, 80px) !important;
}
.site-header > .wp-block-group > .wp-block-group.alignwide {
    width: 100%; max-width: 1248px; padding-top: 0 !important; padding-bottom: 0 !important;
}
.site-header .wp-block-image { margin: 0; }
.site-header img { display: block; width: clamp(220px, 23vw, 292px); height: auto; max-width: 100%; }
.site-header .wp-block-navigation-item { color: var(--sgs-charcoal); font-weight: 600; }
.site-header .wp-block-navigation-item:hover { opacity: 1; }
.site-header .wp-block-navigation-item__content:hover {
    text-decoration-color: var(--sgs-gold); text-decoration-thickness: 3px !important;
}
.wp-block-navigation__responsive-container.is-menu-open { background: var(--sgs-paper); color: var(--sgs-charcoal); }

.wp-block-button .wp-block-button__link,
form.fluent_form_3 .wpf_has_custom_css.ff-btn-submit {
    background: var(--sgs-gold) !important;
    color: var(--sgs-ink) !important;
    border: 2px solid var(--sgs-gold) !important;
    border-radius: 10px !important;
    font-weight: 700;
    box-shadow: none;
    transition: background-color .15s ease, border-color .15s ease;
}
.wp-block-button:hover { opacity: 1; }
.wp-block-button .wp-block-button__link:hover,
form.fluent_form_3 .wpf_has_custom_css.ff-btn-submit:hover {
    background: #F3A00B !important; border-color: #F3A00B !important; filter: none !important;
}
form.fluent_form_3 .ff-el-form-control {
    border: 1px solid #C2C4C7; border-radius: 8px; background: #fff; color: var(--sgs-ink);
}
form.fluent_form_3 .ff-el-form-control:focus {
    border-color: var(--sgs-charcoal); box-shadow: 0 0 0 3px rgb(249 169 20 / 25%);
}
form.fluent_form_3 .ff-el-form-control::placeholder { color: #666A70; opacity: 1; }

.home #studio { background: var(--sgs-wash) !important; }
.home #studio > .wp-block-columns > .wp-block-column:first-child > p:first-child {
    display: inline-block; font-weight: 700; letter-spacing: .09em;
    border-left: 4px solid var(--sgs-gold); padding-left: 12px;
}
.home #studio figure { box-shadow: 0 20px 45px rgb(63 66 71 / 13%); border-radius: 12px; }
.home #studio h1 { font-weight: 800; }
.home #about p { line-height: 1.75; }
.home #about h2 { line-height: 1.2 !important; }
.home #products { background: var(--sgs-wash) !important; border-top: 5px solid var(--sgs-gold); }
.home #products > p:first-child { letter-spacing: .09em; font-weight: 700; }
.home #products .wp-block-column, .home #products .wp-block-column:hover { scale: 1; }
.wp-site-blocks .wp-block-image.size-full { height: auto; }
.home #products figure { margin-bottom: 0; height: auto; }
.home #products img { border: 1px solid rgb(63 66 71 / 15%); box-sizing: border-box; }
.home #products a { color: var(--sgs-gold-ink); text-decoration: underline; font-weight: 600; }
.home #products a:hover { color: var(--sgs-charcoal); }
.home #contact { padding-top: 88px !important; }

.sgs-site-footer {
    background: var(--sgs-paper); border-top: 4px solid var(--sgs-gold);
    padding: 40px 24px 24px !important; color: var(--sgs-charcoal);
}
.sgs-site-footer > .wp-block-separator { display: none; }
.sgs-site-footer .sgs-footer-logo { width: 250px; margin: 0 auto 24px; }
.sgs-site-footer .sgs-footer-logo img { display: block; width: 100%; height: auto; }
.sgs-site-footer p { font-size: 13px; }

/* Bring the unlisted plan into the same identity without changing its calculations. */
.sgs-plan {
    padding-top: 0;
    --ink: var(--sgs-ink); --heading: var(--sgs-charcoal); --muted: #5B5F65;
    --line: var(--sgs-line); --panel: #fff; --soft: var(--sgs-wash);
    --blue: var(--sgs-charcoal); --lime: var(--sgs-gold); --violet: #8A5700; --teal: #65696E;
}
.sgs-plan .hero { padding-top: 128px; }
.sgs-plan .hero-panel { border-top-color: var(--sgs-gold); }
.sgs-plan .button { background: var(--sgs-gold); color: var(--sgs-ink); font-weight: 700; border-radius: 10px; }
.sgs-plan .button:hover { background: #F3A00B; opacity: 1; }
.sgs-plan .model-section { background: var(--sgs-wash); }
.sgs-plan input[type="range"], .sgs-plan input[type="checkbox"], .sgs-plan input[type="radio"] { accent-color: var(--sgs-gold-ink); }
.sgs-plan .plan-nav a:hover { text-decoration-color: var(--sgs-gold-ink); }
.sgs-plan .market-strip span:first-child { color: var(--sgs-ink); }
.sgs-plan .presets button[aria-pressed="true"] { background: var(--sgs-gold); border-color: var(--sgs-gold); color: var(--sgs-ink); }
.sgs-plan .tag { border-color: var(--sgs-gold); background: var(--sgs-wash); color: var(--sgs-charcoal); }

@media (max-width: 650px) {
    .site-header { padding: 14px 20px !important; }
    .site-header > .wp-block-group > .wp-block-group.alignwide { max-width: 100%; }
    .site-header img { width: 220px; }
    .site-header .wp-block-navigation__responsive-container-open,
    .site-header .wp-block-navigation__responsive-container-close { min-width: 44px; min-height: 44px; justify-content: center; align-items: center; }
    .home #studio { padding-top: 120px !important; }
    .sgs-plan .hero { padding-top: 124px; }
    .sgs-site-footer .sgs-footer-logo { width: 220px; }
}
@media (max-width: 360px) {
    .site-header img { width: 190px; }
    .site-header { padding-right: 16px !important; padding-left: 16px !important; }
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .wp-block-button__link, .home #products .wp-block-column { transition: none; }
}
@media print {
    .site-header { position: static; }
    .sgs-plan .hero, .home #studio { padding-top: 24px !important; }
    .sgs-site-footer { break-inside: avoid; }
}