/* Jono Read contact page, v1.5: scoped exclusively to .jr-contact-page */
.jr-contact-page{background:#f7f5ef;color:#183b3d}
.jr-contact-page .wp-site-blocks{background:#f7f5ef}
.jr-contact-page .wp-block-post-title{display:none}
.jr-contact-page .jr-contact-shell{--jr-deep:#102d30;--jr-green:#193c3d;--jr-lime:#d5f59b;--jr-cream:#f7f5ef;--jr-muted:#56706b;--jr-border:#d7ded4;max-width:1150px!important;margin:36px auto 100px!important;padding:0 25px!important;box-sizing:border-box;color:var(--jr-green);font-family:Arial,Helvetica,sans-serif}
.jr-contact-shell *, .jr-contact-shell *::before,.jr-contact-shell *::after{box-sizing:border-box}
.jr-contact-shell a{text-decoration:none}
.jr-contact-shell a:focus-visible,.jr-contact-shell button:focus-visible,.jr-contact-shell input:focus-visible,.jr-contact-shell textarea:focus-visible{outline:3px solid #d5f59b;outline-offset:3px}
.jr-contact-shell .jr-contact-hero{background:var(--jr-deep);color:#fff;border-radius:11px;padding:68px 76px 70px;margin:0 0 22px;position:relative;overflow:hidden}
.jr-contact-hero::after{content:'✳';font-family:Georgia,serif;font-size:150px;color:var(--jr-lime);opacity:.3;position:absolute;right:52px;top:35px;line-height:1;pointer-events:none}
.jr-contact-shell .jr-contact-kicker{color:var(--jr-lime);font-size:12px!important;text-transform:uppercase;letter-spacing:.16em;font-weight:800!important;margin:0 0 20px;line-height:1.4}
.jr-contact-shell .jr-contact-title{font-family:Georgia,'Times New Roman',serif!important;font-weight:400!important;letter-spacing:-.055em;font-size:clamp(52px,6vw,79px)!important;line-height:1.1!important;max-width:700px;margin:0 0 18px!important;color:#fff!important}
.jr-contact-title em{color:var(--jr-lime);font-style:normal}
.jr-contact-shell .jr-contact-lede{color:#d2e0d9!important;font-size:18px!important;line-height:1.75!important;max-width:620px;margin:0!important}
.jr-contact-shell .jr-contact-grid{display:grid!important;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:22px;margin:0!important;align-items:stretch}
.jr-contact-shell .jr-contact-grid>.wp-block-column{min-width:0;flex-basis:auto!important}
.jr-contact-shell .jr-contact-info{background:#e7eddf;padding:45px 40px!important;border-radius:9px;margin:0!important}
.jr-contact-shell .jr-contact-form-panel{background:#fffefb;border:1px solid var(--jr-border);border-radius:9px;padding:42px 45px!important;margin:0!important}
.jr-contact-shell .jr-contact-mini{font-size:11px!important;letter-spacing:.14em!important;text-transform:uppercase;font-weight:800!important;color:#487065!important;margin:0 0 19px!important}
.jr-contact-shell .jr-contact-section-heading{font:400 33px/1.18 Georgia,'Times New Roman',serif!important;letter-spacing:-.04em;margin:0 0 17px!important;color:#193c3d!important}
.jr-contact-shell .jr-contact-body{font-size:15px!important;line-height:1.8!important;color:#455d57!important;margin:0 0 20px!important}
.jr-contact-shell .jr-contact-subsection{font-weight:800!important;font-size:13px!important;line-height:1.5!important;margin:34px 0 13px!important;color:#1b4040!important}
.jr-contact-shell .jr-contact-socials{display:flex;gap:9px;flex-wrap:wrap;margin-top:10px}
.jr-contact-shell .jr-contact-socials a{border:1px solid #a6b8a8;border-radius:5px;padding:11px 13px;background:#f7faf3;color:#193c3d;font-size:12px;font-weight:750;transition:background .15s,border-color .15s;line-height:1.2}
.jr-contact-shell .jr-contact-socials a:hover{background:#d5f59b;border-color:#719667}
.jr-contact-shell .jr-contact-standfirst{font-size:14px!important;color:#63726d!important;line-height:1.65!important;margin:0 0 22px!important}
.jr-contact-shell .jr-contact-form-panel .wp-block-jetpack-contact-form{margin:0!important}
.jr-contact-shell .jr-contact-form-panel .wp-block-jetpack-contact-form .wp-block-jetpack-field-name,
.jr-contact-shell .jr-contact-form-panel .wp-block-jetpack-contact-form .wp-block-jetpack-field-email,
.jr-contact-shell .jr-contact-form-panel .wp-block-jetpack-contact-form .wp-block-jetpack-field-textarea{margin-bottom:16px}
.jr-contact-shell .jr-contact-form-panel label{display:block;color:#244b46;font-size:13px!important;font-weight:700!important;margin:0 0 8px!important}
.jr-contact-shell .jr-contact-form-panel input:not([type=hidden]):not([type=submit]):not([type=checkbox]),
.jr-contact-shell .jr-contact-form-panel textarea{width:100%!important;max-width:100%!important;background:#f9fbf7!important;border:1px solid #b6c8bd!important;border-radius:5px!important;color:#173936!important;padding:15px 14px!important;font-size:15px!important;line-height:1.5!important;min-height:50px;box-shadow:none!important}
.jr-contact-shell .jr-contact-form-panel textarea{min-height:154px!important;resize:vertical}
.jr-contact-shell .jr-contact-form-panel .wp-block-jetpack-button button,
.jr-contact-shell .jr-contact-form-panel .wp-block-jetpack-button a,
.jr-contact-shell .jr-contact-form-panel button[type=submit],
.jr-contact-shell .jr-contact-form-panel input[type=submit]{border:0!important;background:#193c3d!important;color:#fff!important;border-radius:5px!important;font-size:14px!important;font-weight:800!important;padding:15px 25px!important;cursor:pointer;min-height:49px}
.jr-contact-shell .jr-contact-form-panel .wp-block-jetpack-button button:hover,
.jr-contact-shell .jr-contact-form-panel button[type=submit]:hover{background:#285b4d!important}
.jr-contact-shell .jr-contact-note{font-size:12px!important;line-height:1.7!important;color:#65766f!important;margin:20px 0 0!important}
.jr-contact-shell .jr-contact-bottom{border-top:1px solid #d7ded4;padding:22px 3px 0;margin:23px 0 0!important;color:#5c716c;font-size:12px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}
.jr-contact-shell .jr-contact-bottom a{font-weight:700;color:#193c3d;text-decoration:underline;text-underline-offset:4px}
@media(max-width:830px){.jr-contact-shell .jr-contact-hero{padding:55px 42px}.jr-contact-hero::after{right:20px;font-size:105px}.jr-contact-shell .jr-contact-grid{grid-template-columns:1fr}.jr-contact-shell .jr-contact-form-panel,.jr-contact-shell .jr-contact-info{padding:36px 36px!important}}
@media(max-width:600px){.jr-contact-page .jr-contact-shell{padding:0 14px!important;margin-top:20px!important;margin-bottom:55px!important}.jr-contact-shell .jr-contact-hero{padding:45px 28px;border-radius:8px}.jr-contact-hero::after{opacity:.17;right:5px;top:5px;font-size:85px}.jr-contact-shell .jr-contact-title{font-size:clamp(43px,11vw,59px)!important}.jr-contact-shell .jr-contact-lede{font-size:16px!important}.jr-contact-shell .jr-contact-form-panel,.jr-contact-shell .jr-contact-info{padding:30px 25px!important}.jr-contact-shell .jr-contact-section-heading{font-size:28px!important}}
@media(prefers-reduced-motion:reduce){.jr-contact-shell .jr-contact-socials a{transition:none}}


/* Twenty Twenty-Three uses a constrained content width for nested Gutenberg blocks.
   Make the shell itself a centred, responsive page-wide canvas and ensure its
   immediate children share ONE width and alignment rather than taking the
   theme's 650px content width independently. */
.jr-contact-page .jr-contact-shell {
  width: min(1120px, calc(100vw - 48px)) !important;
  max-width: none !important;
  margin-top: 40px !important;
  margin-bottom: 90px !important;
  margin-left: 50% !important;
  margin-right: 0 !important;
  padding: 0 !important;
  position: relative;
  left: 0;
  transform: translateX(-50%);
}
.jr-contact-page .jr-contact-shell > .jr-contact-hero,
.jr-contact-page .jr-contact-shell > .jr-contact-grid,
.jr-contact-page .jr-contact-shell > .jr-contact-bottom {
  box-sizing: border-box;
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.jr-contact-page .jr-contact-shell > .jr-contact-hero {
  padding: 56px clamp(32px, 6.2vw, 78px) 60px !important;
}
.jr-contact-page .jr-contact-shell .jr-contact-grid {
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr) !important;
  gap: 22px !important;
}
.jr-contact-page .jr-contact-shell .jr-contact-grid > .wp-block-column {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
}
@media (max-width: 830px) {
  .jr-contact-page .jr-contact-shell .jr-contact-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
@media (max-width: 600px) {
  .jr-contact-page .jr-contact-shell {
    width: calc(100vw - 28px) !important;
    margin-top: 20px !important;
    margin-bottom: 54px !important;
    padding: 0 !important;
  }
  .jr-contact-page .jr-contact-shell > .jr-contact-hero {
    padding: 42px 28px 46px !important;
  }
}


/* v1.5: Contact page only: suppress the standard Twenty Twenty-Three
   site header, which otherwise duplicates the bespoke portfolio design.
   The global WordPress Header template is NOT edited, and the main portfolio
   homepage, articles, and all other pages remain unchanged. */
body.jr-contact-page .wp-site-blocks > header.wp-block-template-part,
body.jr-contact-page .wp-site-blocks > header:first-child,
body.jr-contact-page .wp-site-blocks > .wp-block-template-part:first-child {
  display: none !important;
}
/* Remove the empty space that the theme puts beneath its header. */
body.jr-contact-page .wp-site-blocks > main,
body.jr-contact-page .wp-site-blocks > main.wp-block-group {
  margin-block-start: 0 !important;
  padding-block-start: 0 !important;
}
body.jr-contact-page .jr-contact-shell {
  margin-top: 28px !important;
}
@media (max-width: 600px) {
  body.jr-contact-page .jr-contact-shell {
    margin-top: 16px !important;
  }
}