/*
Theme Name: josys-hello-child
Template: arkhe
Version: 0.2.0-review
Description: 情シス Hello公式サイト用のArkhe子テーマ。
Text Domain: josys-hello-child
*/
:root{--jh-navy:#071E2F;--jh-blue:#1E5A9F;--jh-bg:#F8F7F6;--jh-ink:#222;--jh-width:1200px}
body{margin:0;background:var(--jh-bg);color:var(--jh-ink);font-family:'Noto Sans JP',sans-serif;font-size:16px;line-height:1.8;overflow-wrap:anywhere}
*{box-sizing:border-box}img{max-width:100%;height:auto}a{color:var(--jh-blue);text-underline-offset:.2em}a:focus-visible,button:focus-visible{outline:3px solid #1E5A9F;outline-offset:4px}
.jh-wrap{width:min(var(--jh-width),calc(100% - 64px));margin-inline:auto}
.jh-site-header{position:sticky;top:0;z-index:30;background:var(--jh-navy);color:white}
.jh-header-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:88px}
.jh-brand{font-size:24px;font-weight:800;color:#fff;text-decoration:none;white-space:nowrap}
.jh-brand img{width:72px;height:72px;object-fit:contain;vertical-align:middle}
.jh-navigation{display:flex;gap:30px;align-items:center;list-style:none;margin:0;padding:0;font-family:Montserrat,sans-serif;font-weight:700;font-size:14px}
.jh-navigation a{color:white;text-decoration:none}.jh-navigation a:hover{text-decoration:underline}
.jh-menu-toggle{display:none;color:white;background:transparent;border:1px solid currentColor;border-radius:4px;padding:10px;font:inherit}
.jh-main{min-height:65vh;padding-block:72px 112px}.jh-page-title{font-size:clamp(34px,5vw,60px);line-height:1.35;margin:0 0 48px;color:var(--jh-navy)}
.jh-section{padding-block:56px;margin:0!important}.jh-section>h2{font-family:Montserrat,'Noto Sans JP',sans-serif;color:var(--jh-navy);font-size:clamp(36px,5vw,72px);line-height:1.2;margin:0 0 32px}
.jh-content>p{max-width:900px}.jh-content .wp-block-group{max-width:none}.jh-content h3{font-size:clamp(22px,2.4vw,30px);line-height:1.5}.jh-content p{margin-top:0;margin-bottom:24px}
.jh-business-grid,.jh-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:32px!important}
.jh-card{background:#fff;padding:40px;border-radius:12px;box-shadow:0 6px 24px #071e2f0a;min-width:0;margin:0!important}.jh-card>*{max-width:none!important}.jh-card h3{margin-top:0}.jh-card p:last-child{margin-bottom:0}
.jh-content .wp-block-button__link{background:#000;color:white;border-radius:4px;padding:16px 28px;display:inline-block;text-decoration:none;font-size:16px;font-weight:700;line-height:1.5}.jh-content .wp-block-button__link:hover{background:var(--jh-blue)}
.jh-hero{min-height:calc(100svh - 88px);padding:100px 0;display:flex;flex-direction:column;justify-content:center;background:var(--jh-navy);color:white;position:relative;isolation:isolate}
.jh-hero:before{content:'';position:absolute;inset:0 calc((min(var(--jh-width),100vw - 64px) - 100vw)/2);background:var(--jh-navy);z-index:-1}
.jh-hero h1{font-size:clamp(36px,5.2vw,72px);font-weight:900;line-height:1.3;margin:0 0 32px}.jh-hero p{max-width:760px}.home .jh-main{padding-top:0}
.jh-contact{border-top:1px solid #071e2f26}.jh-contact>h2{font-size:clamp(32px,4vw,48px)}
.jh-news .wp-block-post-template{list-style:none;padding:0}.jh-news .wp-block-post{display:flex;align-items:baseline;gap:32px;padding:24px 0;border-bottom:1px solid #071e2f26}.jh-news .wp-block-post-date{flex:none;color:#666;font-variant-numeric:tabular-nums}.jh-news .wp-block-post-title{font-size:18px;margin:0}
.jh-site-footer{background:var(--jh-navy);color:white;padding-block:64px}.jh-footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:32px}.jh-site-footer a{color:white}.jh-copyright{margin-top:40px;font-size:13px;color:#c8d2da}
.jh-content [id]{scroll-margin-top:112px}.jh-content input:not([type=checkbox]),.jh-content select,.jh-content textarea{width:100%;font:inherit;padding:12px;border:1px solid #999;border-radius:4px}.jh-content label{display:block;margin-bottom:24px}.jh-content textarea{min-height:200px}.jh-content input[type=submit]{width:auto;background:black;color:white;padding:16px 32px;cursor:pointer}
.jh-skip{position:absolute;top:-100px;left:12px;background:white;padding:12px;z-index:100}.jh-skip:focus{top:12px}
@media(max-width:767px){.jh-wrap{width:calc(100% - 40px)}.jh-header-inner{min-height:72px;gap:16px}.jh-brand{font-size:20px}.jh-brand img{width:56px;height:56px}.jh-menu-toggle{display:block}.jh-navigation{display:none;position:absolute;top:100%;left:0;right:0;background:var(--jh-navy);padding:24px;flex-direction:column;align-items:stretch;gap:16px}.jh-navigation.is-open{display:flex}.jh-navigation a{display:block;padding:8px}.jh-main{padding-block:48px 64px}.jh-section{padding-block:32px}.jh-business-grid,.jh-media-grid{grid-template-columns:1fr;gap:20px}.jh-card{padding:28px}.jh-hero{min-height:calc(100svh - 72px);padding:72px 0}.jh-hero:before{inset:0 -20px}.jh-hero h1{font-size:36px}.jh-news .wp-block-post{display:block}.jh-news .wp-block-post-date{margin-bottom:8px}.jh-footer-inner{display:block}.jh-footer-inner>nav{margin-top:24px}}
@media(prefers-reduced-motion:no-preference){.jh-content .wp-block-button__link{transition:background .15s ease}}
.jh-home .jh-main{padding-top:0}.jh-home .jh-site-header{position:sticky;background:var(--jh-navy)}
.home .l-main{margin-inline:auto}


.jh-home .jh-site-header{position:sticky;margin-bottom:-88px;background:transparent}.jh-home .jh-site-header.is-scrolled{background:var(--jh-navy)}.jh-home .jh-hero{min-height:100svh;padding-top:176px}.jh-brand{display:inline-flex;align-items:center}.jh-brand img{width:88px;height:88px}.admin-bar .jh-site-header{top:32px}
@media(max-width:767px){.jh-home .jh-site-header{margin-bottom:-72px}.jh-home .jh-hero{padding-top:144px}.jh-brand img{width:72px;height:72px}.admin-bar .jh-site-header{top:46px}}
@media(max-width:600px){.admin-bar .jh-site-header{top:0}}

.jh-page-title{font-family:Montserrat,'Noto Sans JP',sans-serif}.jh-page-subtitle{display:block;font-family:'Noto Sans JP',sans-serif;font-size:clamp(20px,2.5vw,28px);font-weight:500;margin-top:16px;line-height:1.5}
.jh-form-review{max-width:760px;margin-top:40px}.jh-form-review label{margin:28px 0 8px}.jh-form-review .jh-consent{margin:28px 0}.jh-form-review button{font:inherit;color:white;background:#555;border:0;border-radius:4px;padding:16px 40px}.jh-review-note{padding:12px 16px;border-left:3px solid var(--jh-blue);background:white;font-size:14px}

/* v0.1.6-draft: Arkhe wrapper compatibility and media/form polish */
.jh-section>.wp-block-group__inner-container>h2{font-family:Montserrat,"Noto Sans JP",sans-serif;color:var(--jh-navy);font-size:clamp(36px,5vw,72px);line-height:1.2;margin:0 0 32px}
.jh-contact>.wp-block-group__inner-container>h2{font-size:clamp(32px,4vw,48px)}
.jh-business-grid,.jh-media-grid{display:block}
.jh-business-grid>.wp-block-group__inner-container,.jh-media-grid>.wp-block-group__inner-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.jh-media-image{margin:8px 0 24px!important}.jh-media-image img{display:block;width:100%;aspect-ratio:2/1;object-fit:cover;border-radius:8px}
.jh-page-subtitle{display:block;margin-top:.35em;color:#666;font-size:.45em;font-weight:600;letter-spacing:0}
.jh-form-review{margin-top:48px;padding:40px;background:#fff;border-radius:12px;box-shadow:0 6px 24px #071e2f0a}.jh-review-note{padding:12px 16px;background:#eef5fb;border-left:4px solid var(--jh-blue)}.jh-consent{display:flex!important;align-items:flex-start;gap:10px}.jh-consent input{width:auto!important;margin-top:.55em}.jh-form-review button[disabled]{background:#666;color:#fff;border:0;border-radius:4px;padding:16px 32px}
@media(max-width:767px){.jh-business-grid>.wp-block-group__inner-container,.jh-media-grid>.wp-block-group__inner-container{grid-template-columns:1fr;gap:20px}.jh-form-review{padding:28px}}


/* v0.1.6-draft: Contact Form 7 presentation */
.jh-content .wpcf7{max-width:760px;margin-top:48px}
.jh-content .wpcf7-form{padding:40px;background:#fff;border-radius:12px;box-shadow:0 6px 24px #071e2f0a}
.jh-content .wpcf7-form>p{margin:0 0 28px}
.jh-content .wpcf7-form-control-wrap{display:block;margin-top:10px}
.jh-content .wpcf7-form input:not([type=submit]):not([type=checkbox]),.jh-content .wpcf7-form select,.jh-content .wpcf7-form textarea{width:100%;margin:0;padding:14px 16px;border:1px solid #b8c1c8;border-radius:6px;background:#fff;color:var(--jh-navy);font:inherit}
.jh-content .wpcf7-form textarea{min-height:220px;resize:vertical}
.jh-content .wpcf7-acceptance .wpcf7-list-item{margin:0}
.jh-content .wpcf7-acceptance label{display:flex;gap:10px;align-items:flex-start;font-weight:400}
.jh-content .wpcf7-acceptance input{width:auto!important;margin-top:.45em}
.jh-content .wpcf7-submit{min-width:180px;padding:16px 32px;border:0;border-radius:4px;background:var(--jh-navy);color:#fff;font:inherit;font-weight:700;cursor:pointer}
.jh-content .wpcf7-submit:disabled{opacity:.55;cursor:not-allowed}
.jh-required,.jh-optional{display:inline-block;margin-left:.45em;padding:.15em .55em;border-radius:999px;font-size:.72em;line-height:1.4;vertical-align:.08em}
.jh-required{background:#a52a2a;color:#fff}.jh-optional{background:#e9edf0;color:#394650}
.jh-content .wpcf7-not-valid-tip{margin-top:6px;color:#a52a2a;font-size:.9em}
.jh-content .wpcf7-response-output{margin:24px 0 0!important;padding:14px 16px!important;border-radius:6px}
@media(max-width:767px){.jh-content .wpcf7{margin-top:32px}.jh-content .wpcf7-form{padding:24px 20px}.jh-content .wpcf7-form textarea{min-height:180px}}
.jh-hero h1{font-size:clamp(36px,5.2vw,72px);font-weight:900;line-height:1.3;margin:0 0 32px}.jh-hero p{max-width:760px}.home .jh-main{padding-top:0}
.jh-contact{border-top:1px solid #071e2f26}.jh-contact>h2{font-size:clamp(32px,4vw,48px)}
.jh-news .wp-block-post-template{list-style:none;padding:0}.jh-news .wp-block-post{display:flex;align-items:baseline;gap:32px;padding:24px 0;border-bottom:1px solid #071e2f26}.jh-news .wp-block-post-date{flex:none;color:#666;font-variant-numeric:tabular-nums}.jh-news .wp-block-post-title{font-size:18px;margin:0}
.jh-site-footer{background:var(--jh-navy);color:white;padding-block:64px}.jh-footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:32px}.jh-site-footer a{color:white}.jh-copyright{margin-top:40px;font-size:13px;color:#c8d2da}
.jh-content [id]{scroll-margin-top:112px}.jh-content input:not([type=checkbox]),.jh-content select,.jh-content textarea{width:100%;font:inherit;padding:12px;border:1px solid #999;border-radius:4px}.jh-content label{display:block;margin-bottom:24px}.jh-content textarea{min-height:200px}.jh-content input[type=submit]{width:auto;background:black;color:white;padding:16px 32px;cursor:pointer}
.jh-skip{position:absolute;top:-100px;left:12px;background:white;padding:12px;z-index:100}.jh-skip:focus{top:12px}
@media(max-width:767px){.jh-wrap{width:calc(100% - 40px)}.jh-header-inner{min-height:72px;gap:16px}.jh-brand{font-size:20px}.jh-brand img{width:56px;height:56px}.jh-menu-toggle{display:block}.jh-navigation{display:none;position:absolute;top:100%;left:0;right:0;background:var(--jh-navy);padding:24px;flex-direction:column;align-items:stretch;gap:16px}.jh-navigation.is-open{display:flex}.jh-navigation a{display:block;padding:8px}.jh-main{padding-block:48px 64px}.jh-section{padding-block:32px}.jh-business-grid,.jh-media-grid{grid-template-columns:1fr;gap:20px}.jh-card{padding:28px}.jh-hero{min-height:calc(100svh - 72px);padding:72px 0}.jh-hero:before{inset:0 -20px}.jh-hero h1{font-size:36px}.jh-news .wp-block-post{display:block}.jh-news .wp-block-post-date{margin-bottom:8px}.jh-footer-inner{display:block}.jh-footer-inner>nav{margin-top:24px}}
@media(prefers-reduced-motion:no-preference){.jh-content .wp-block-button__link{transition:background .15s ease}}
.jh-home .jh-main{padding-top:0}.jh-home .jh-site-header{position:sticky;background:var(--jh-navy)}
.home .l-main{margin-inline:auto}


.jh-home .jh-site-header{position:sticky;margin-bottom:-88px;background:transparent}.jh-home .jh-site-header.is-scrolled{background:var(--jh-navy)}.jh-home .jh-hero{min-height:100svh;padding-top:176px}.jh-brand{display:inline-flex;align-items:center}.jh-brand img{width:88px;height:88px}.admin-bar .jh-site-header{top:32px}
@media(max-width:767px){.jh-home .jh-site-header{margin-bottom:-72px}.jh-home .jh-hero{padding-top:144px}.jh-brand img{width:72px;height:72px}.admin-bar .jh-site-header{top:46px}}
@media(max-width:600px){.admin-bar .jh-site-header{top:0}}

.jh-page-title{font-family:Montserrat,'Noto Sans JP',sans-serif}.jh-page-subtitle{display:block;font-family:'Noto Sans JP',sans-serif;font-size:clamp(20px,2.5vw,28px);font-weight:500;margin-top:16px;line-height:1.5}
.jh-form-review{max-width:760px;margin-top:40px}.jh-form-review label{margin:28px 0 8px}.jh-form-review .jh-consent{margin:28px 0}.jh-form-review button{font:inherit;color:white;background:#555;border:0;border-radius:4px;padding:16px 40px}.jh-review-note{padding:12px 16px;border-left:3px solid var(--jh-blue);background:white;font-size:14px}

/* v0.1.6-draft: Arkhe wrapper compatibility and media/form polish */
.jh-section>.wp-block-group__inner-container>h2{font-family:Montserrat,"Noto Sans JP",sans-serif;color:var(--jh-navy);font-size:clamp(36px,5vw,72px);line-height:1.2;margin:0 0 32px}
.jh-contact>.wp-block-group__inner-container>h2{font-size:clamp(32px,4vw,48px)}
.jh-business-grid,.jh-media-grid{display:block}
.jh-business-grid>.wp-block-group__inner-container,.jh-media-grid>.wp-block-group__inner-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.jh-media-image{margin:8px 0 24px!important}.jh-media-image img{display:block;width:100%;aspect-ratio:2/1;object-fit:cover;border-radius:8px}
.jh-page-subtitle{display:block;margin-top:.35em;color:#666;font-size:.45em;font-weight:600;letter-spacing:0}
.jh-form-review{margin-top:48px;padding:40px;background:#fff;border-radius:12px;box-shadow:0 6px 24px #071e2f0a}.jh-review-note{padding:12px 16px;background:#eef5fb;border-left:4px solid var(--jh-blue)}.jh-consent{display:flex!important;align-items:flex-start;gap:10px}.jh-consent input{width:auto!important;margin-top:.55em}.jh-form-review button[disabled]{background:#666;color:#fff;border:0;border-radius:4px;padding:16px 32px}
@media(max-width:767px){.jh-business-grid>.wp-block-group__inner-container,.jh-media-grid>.wp-block-group__inner-container{grid-template-columns:1fr;gap:20px}.jh-form-review{padding:28px}}


/* v0.1.6-draft: Contact Form 7 presentation */
.jh-content .wpcf7{max-width:760px;margin-top:48px}
.jh-content .wpcf7-form{padding:40px;background:#fff;border-radius:12px;box-shadow:0 6px 24px #071e2f0a}
.jh-content .wpcf7-form>p{margin:0 0 28px}
.jh-content .wpcf7-form label{display:block;font-weight:700}
.jh-content .wpcf7-form-control-wrap{display:block;margin-top:10px}
.jh-content .wpcf7-form input:not([type=submit]):not([type=checkbox]),.jh-content .wpcf7-form select,.jh-content .wpcf7-form textarea{width:100%;margin:0;padding:14px 16px;border:1px solid #b8c1c8;border-radius:6px;background:#fff;color:var(--jh-navy);font:inherit}
.jh-content .wpcf7-form textarea{min-height:220px;resize:vertical}
.jh-content .wpcf7-acceptance .wpcf7-list-item{margin:0}
.jh-content .wpcf7-acceptance label{display:flex;gap:10px;align-items:flex-start;font-weight:400}
.jh-content .wpcf7-acceptance input{width:auto!important;margin-top:.45em}
.jh-content .wpcf7-submit{min-width:180px;padding:16px 32px;border:0;border-radius:4px;background:var(--jh-navy);color:#fff;font:inherit;font-weight:700;cursor:pointer}
.jh-content .wpcf7-submit:disabled{opacity:.55;cursor:not-allowed}
.jh-required,.jh-optional{display:inline-block;margin-left:.45em;padding:.15em .55em;border-radius:999px;font-size:.72em;line-height:1.4;vertical-align:.08em}
.jh-required{background:#a52a2a;color:#fff}.jh-optional{background:#e9edf0;color:#394650}
.jh-content .wpcf7-not-valid-tip{margin-top:6px;color:#a52a2a;font-size:.9em}
.jh-content .wpcf7-response-output{margin:24px 0 0!important;padding:14px 16px!important;border-radius:6px}
@media(max-width:767px){.jh-content .wpcf7{margin-top:32px}.jh-content .wpcf7-form{padding:24px 20px}.jh-content .wpcf7-form textarea{min-height:180px}}

/*
 * josys-hello-child / v0.2.0-review
 * WordPress「外観 > テーマファイルエディター > style.css」の末尾へ追記する上書きCSS。
 * STUDIOライブプレビューとの整合、モバイル余白、ヘッダー、文字階層を調整。
 */
:root{
  --jh-navy:#08293d;
  --jh-navy-deep:#061f30;
  --jh-bg:#f8f7f5;
  --jh-ink:#18232c;
  --jh-muted:#66727a;
  --jh-width:1180px;
}

body{background:var(--jh-bg);color:var(--jh-ink);font-size:16px;line-height:1.85}
.jh-wrap{width:min(var(--jh-width),calc(100% - 96px));margin-inline:auto}

/* Header: quiet overlay, reference-like wordmark, compact navigation */
.jh-site-header{
  min-height:96px;
  background:rgba(6,31,48,.9);
  border-bottom:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.jh-header-inner{min-height:96px;gap:40px}
.jh-brand{gap:18px;font-family:Montserrat,'Noto Sans JP',sans-serif;font-size:0;letter-spacing:.12em}
.jh-brand::after{content:'情シス Hello';font-size:26px;font-weight:600;line-height:1;white-space:nowrap}
.jh-brand img{width:58px;height:58px}
.jh-navigation{margin-left:auto;gap:36px;font-size:13px;font-weight:600;letter-spacing:.12em}
.jh-navigation a{position:relative;padding:10px 0}
.jh-navigation a::after{content:'';position:absolute;right:0;bottom:3px;left:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .2s ease}
.jh-navigation a:hover{text-decoration:none}.jh-navigation a:hover::after{transform:scaleX(1);transform-origin:left}
.jh-home .jh-site-header{position:absolute;inset:0 0 auto;margin:0;background:linear-gradient(180deg,rgba(4,30,48,.56),rgba(4,30,48,0));border-bottom:0}
.jh-home .jh-site-header.is-scrolled{position:fixed;background:rgba(6,31,48,.92)}
.admin-bar .jh-home .jh-site-header{top:32px}

/* Home hero: photo first, restrained type, readable measure */
.home .l-main{width:min(var(--jh-width),calc(100% - 96px));max-width:none;margin-inline:auto}
.jh-home .jh-hero{min-height:100svh;padding:190px 0 110px;justify-content:center;background-color:var(--jh-navy-deep)}
.jh-home .jh-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,22,35,.08) 0%,rgba(2,22,35,.18) 42%,rgba(2,22,35,.68) 100%);z-index:0;pointer-events:none}
.jh-home .jh-hero>*{position:relative;z-index:1}
.jh-hero h1{max-width:1050px;margin:0 0 32px;font-size:clamp(42px,4.7vw,64px);font-weight:700;line-height:1.28;letter-spacing:.055em}
.jh-hero p{max-width:680px;margin-bottom:22px;font-size:16px;line-height:1.9}

/* Shared type scale and rhythm */
.jh-main{padding-block:88px 128px}
.jh-page-title{margin:0 0 64px;font-size:clamp(42px,4.4vw,56px);font-weight:600;line-height:1.12;letter-spacing:.02em;color:var(--jh-navy)}
.jh-page-subtitle{margin-top:14px!important;font-size:22px!important;font-weight:600!important;line-height:1.5!important;color:var(--jh-muted)!important;letter-spacing:.03em!important}
.jh-section{padding-block:72px}
.jh-section>h2,
.jh-section>.wp-block-group__inner-container>h2,
.jh-contact>.wp-block-group__inner-container>h2{
  margin:0 0 32px;
  font-family:Montserrat,'Noto Sans JP',sans-serif;
  font-size:clamp(38px,4vw,52px);
  font-weight:600;
  line-height:1.15;
  letter-spacing:.015em;
  color:var(--jh-navy);
}
.jh-content>p,.jh-section>.wp-block-group__inner-container>p{max-width:780px}
.jh-content p{margin-bottom:22px;line-height:1.9}
.jh-content h3{font-size:clamp(21px,2vw,26px);font-weight:700;line-height:1.5}
.jh-contact{border-top:1px solid rgba(8,41,61,.16)}

/* Home sections: reference-like centered editorial rhythm */
.home .jh-section{padding-block:96px}
.home .jh-section>.wp-block-group__inner-container>h2{text-align:center}
.home .jh-section>.wp-block-group__inner-container>p{margin-inline:auto;text-align:center}
.home .jh-contact>.wp-block-group__inner-container>h2{font-size:clamp(38px,4vw,52px)}
.home .jh-contact .wp-block-buttons{justify-content:center}

/* Cards: flatter, airier, closer to the reference */
.jh-business-grid>.wp-block-group__inner-container,.jh-media-grid>.wp-block-group__inner-container{gap:28px}
.jh-card{padding:36px;border:1px solid rgba(8,41,61,.09);border-radius:6px;box-shadow:0 18px 46px rgba(8,41,61,.06)}
.jh-card h3{margin-bottom:16px}
.jh-content .wp-block-button__link{padding:14px 24px;border-radius:0;background:#050505;font-size:14px;letter-spacing:.03em}

/* ABOUT: create a photographic opening like the STUDIO reference */
.page-id-11 .jh-main{width:100%;max-width:none;padding-top:0}
.page-id-11 .jh-site-header{position:absolute;inset:0 0 auto;margin:0;background:linear-gradient(180deg,rgba(4,30,48,.56),rgba(4,30,48,0));border-bottom:0}
.page-id-11 .jh-site-header.is-scrolled{position:fixed;background:rgba(6,31,48,.92)}
.admin-bar.page-id-11 .jh-site-header{top:32px}
.page-id-11 .jh-content{width:100%}
.page-id-11 .jh-page-title{
  min-height:520px;
  margin:0 0 104px;
  padding:0 max(48px,calc((100vw - var(--jh-width))/2)) 96px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  color:#fff;
  background:
    linear-gradient(180deg,rgba(2,25,41,.04),rgba(2,25,41,.6)),
    url('https://storage.googleapis.com/studio-design-asset-files/projects/p6aognMmaR/s-1920x1280_v-frms_webp_729f8ca5-64d8-434f-b860-dc0abe87ccf3_regular.webp') center/cover no-repeat;
}
.page-id-11 .jh-page-title .jh-page-subtitle{color:rgba(255,255,255,.86)!important}
.page-id-11 .jh-page-title~p,
.page-id-11 .jh-section{width:min(var(--jh-width),calc(100% - 96px));margin-inline:auto!important}
.page-id-11 .jh-page-title+p{margin-top:0;font-size:22px;font-weight:600}
.page-id-11 .jh-page-title+p+p{margin-bottom:32px}
.page-id-11 .jh-section:first-of-type>.wp-block-group__inner-container>h2{text-align:center}
.page-id-11 .jh-section:first-of-type>.wp-block-group__inner-container>p{margin-inline:auto;text-align:center}

/* Forms and footer */
.jh-content .wpcf7{margin-top:40px}
.jh-content .wpcf7-form{padding:40px;border-radius:6px;box-shadow:0 18px 46px rgba(8,41,61,.06)}
.jh-site-footer{background:var(--jh-navy-deep);padding-block:72px}

@media(max-width:900px){
  .jh-wrap{width:calc(100% - 64px)}
  .jh-brand::after{font-size:22px}
  .jh-navigation{gap:22px}
  .jh-section>h2,.jh-section>.wp-block-group__inner-container>h2,.jh-contact>.wp-block-group__inner-container>h2{font-size:40px}
}

@media(max-width:767px){
  body{font-size:15px;line-height:1.8;overflow-x:hidden}
  .jh-wrap{width:calc(100% - 48px)}
  .jh-site-header{min-height:72px}
  .jh-header-inner{min-height:72px;gap:16px}
  .jh-brand{gap:0}.jh-brand::after{display:none}.jh-brand img{width:52px;height:52px}
  .jh-menu-toggle{
    display:block;
    position:relative;
    width:44px;
    height:44px;
    margin-left:auto;
    padding:0;
    border:0;
    border-radius:0;
    color:transparent;
    font-size:0;
    line-height:0;
  }
  .jh-menu-toggle::before,.jh-menu-toggle::after{content:'';position:absolute;right:4px;width:28px;height:2px;background:#fff;transition:transform .2s ease,top .2s ease}
  .jh-menu-toggle::before{top:15px;box-shadow:0 7px 0 #fff}.jh-menu-toggle::after{top:29px}
  .jh-menu-toggle[aria-expanded='true']::before{top:21px;box-shadow:none;transform:rotate(45deg)}
  .jh-menu-toggle[aria-expanded='true']::after{top:21px;transform:rotate(-45deg)}
  .jh-navigation{position:absolute;top:72px;right:0;left:0;margin:0;padding:24px;background:rgba(6,31,48,.97);gap:4px}
  .jh-navigation a{padding:12px 0;font-size:13px}
  .jh-home .jh-site-header{margin:0}
  .home .l-main{width:100%}
  .jh-home .jh-hero{min-height:100svh;padding:132px 24px 72px;justify-content:flex-end}
  .jh-hero:before{inset:0}
  .jh-hero h1{max-width:100%;margin-bottom:24px;font-size:clamp(31px,9vw,38px);line-height:1.35;letter-spacing:.025em}
  .jh-hero p{max-width:100%;font-size:15px;line-height:1.85}
  .jh-main{padding-block:56px 80px}
  .jh-page-title{margin-bottom:48px;font-size:36px;line-height:1.15}
  .jh-page-subtitle{margin-top:10px!important;font-size:18px!important}
  .jh-section,.home .jh-section{padding-block:52px}
  .home .jh-section{padding-inline:24px}
  .jh-section>h2,.jh-section>.wp-block-group__inner-container>h2,.jh-contact>.wp-block-group__inner-container>h2,.home .jh-contact>.wp-block-group__inner-container>h2{margin-bottom:24px;font-size:32px;line-height:1.2}
  .home .jh-section>.wp-block-group__inner-container>h2{text-align:left}
  .home .jh-section>.wp-block-group__inner-container>p{text-align:left}
  .jh-content p{margin-bottom:20px;line-height:1.85}
  .jh-content h3{font-size:21px}
  .jh-business-grid>.wp-block-group__inner-container,.jh-media-grid>.wp-block-group__inner-container{gap:18px}
  .jh-card{padding:24px 22px}
  .page-id-11 .jh-page-title{min-height:420px;margin-bottom:64px;padding:0 24px 56px}
  .page-id-11 .jh-page-title~p,.page-id-11 .jh-section{width:calc(100% - 48px)}
  .page-id-11 .jh-page-title+p{font-size:18px}
  .jh-content .wpcf7-form{padding:24px 20px}
  .jh-site-footer{padding-block:52px}
  .admin-bar .jh-home .jh-site-header,.admin-bar.page-id-11 .jh-site-header{top:46px}
}

@media(max-width:380px){
  .jh-wrap{width:calc(100% - 40px)}
  .jh-home .jh-hero{padding-inline:20px}
  .page-id-11 .jh-page-title{padding-inline:20px}
  .page-id-11 .jh-page-title~p,.page-id-11 .jh-section{width:calc(100% - 40px)}
}

@media(max-width:600px){
  .admin-bar .jh-home .jh-site-header,.admin-bar.page-id-11 .jh-site-header{top:0}
}