/* Original 1.9.0 layout; only the scene, brand and retained theme switch differ. */
.journey-ready .scene-wordmark{display:none!important}
#scene{background:radial-gradient(ellipse at 66% 35%,#203447 0,#0c1828 43%,#04090f 88%)}
.brand-tagline{font-size:7px;letter-spacing:1.3px;margin-top:8px;color:#a4aabb;font-weight:500}
#theme-toggle{pointer-events:auto;border:1px solid #ffffff40;background:#ffffff12;color:#e8e3f2;border-radius:50%;width:37px;height:37px;font-size:19px;margin-right:12px;cursor:pointer}
.journey-ready .journey-panel{visibility:visible;transition:opacity .25s;pointer-events:none}.journey-ready .journey-panel.is-active{pointer-events:auto}
.preview-note{font-size:10px;line-height:1.6;color:#a4aabb}.form-success[hidden]{display:none!important}
html[data-theme=light]{color-scheme:light;--paper:#e8edf2;--ink:#202b37}html[data-theme=light] body{background:#e8edf2;color:#202b37}
html[data-theme=light] #scene{background:radial-gradient(ellipse at 64% 35%,#f8fafc 0,#e8edf3 48%,#d7e0e9 100%)}
html[data-theme=light] #scene:after{background:linear-gradient(90deg,#e4eaf1b0,transparent 65%)}
html[data-theme=light] .header-brand,html[data-theme=light] .header-brand:hover{color:#25364a;text-shadow:none}
html[data-theme=light] .brand-tagline{color:#6b7b8d}html[data-theme=light] #theme-toggle{color:#25364a;background:#ffffff70;border-color:#8b9aab70}
html[data-theme=light] .journey-panel h1,html[data-theme=light] .journey-panel h2{text-shadow:none}html[data-theme=light] .journey-panel em{color:#715592}
html[data-theme=light] .intro-description,html[data-theme=light] .chapter-description,html[data-theme=light] .contact-intro>p:not(.eyebrow){color:#3f5064}
html[data-theme=light] .service-kicker,html[data-theme=light] .eyebrow span,html[data-theme=light] .chapter-tags,html[data-theme=light] .contact-details,html[data-theme=light] .journey-bottom{color:#4d6076}
html[data-theme=light] #motion{color:#425a70;background:#ffffff50;border-color:#6c7b8c70}html[data-theme=light] .journey-meter{background:#5b708544}
html[data-theme=light] .contact-chapter form{background:#f4f7fac9;border-color:#ffffffbd;box-shadow:0 20px 70px #273e5814}
html[data-theme=light] .contact-chapter label{color:#394d62}html[data-theme=light] .contact-chapter input,html[data-theme=light] .contact-chapter textarea,html[data-theme=light] .contact-chapter select{color:#203348;border-color:#8291a4;color-scheme:light}
html[data-theme=light] .contact-chapter input::placeholder,html[data-theme=light] .contact-chapter textarea::placeholder{color:#738194}html[data-theme=light] .contact-chapter select option{background:#f1f5f9;color:#203348}
html[data-theme=light] .contact-chapter .form-note{color:#66788b}html[data-theme=light] .contact-chapter button[type=submit]{background:#263649;color:#fff}html[data-theme=light] .contact-email{border-color:#647a9055}
html[data-theme=light] .seo-notice,html[data-theme=light] .preview-note{color:#52657a}
html[data-theme=light] .form-success{background:#f4f7fad9;border-color:#fff;box-shadow:0 20px 70px #273e5814}
html[data-theme=light] .form-success h3{color:#203348}html[data-theme=light] .form-success p{color:#3f5064}
html[data-theme=light] .form-success-again{color:#30465d;border-color:#8291a4}html[data-theme=light] .form-success-again:hover{background:#dce5ef}
@media(max-width:760px){#theme-toggle{width:32px;height:32px;font-size:17px;margin-right:8px}#scene:after{background:linear-gradient(0deg,#060c15 0,#060c15d9 38%,transparent 70%)}html[data-theme=light] #scene:after{background:linear-gradient(0deg,#e2e9f1 0,#e2e9f1d9 38%,transparent 70%)}html[data-theme=light] .journey-ready .contact-chapter{background:linear-gradient(#e1e8f170,#e1e8f1b0)}}

html[data-theme=light] .journey-meter i{background:#25364a}

/* Shared left and right edges for both lines of the SHYL wordmark. */
.site-header .header-brand,.menu-top .menu-brand{width:clamp(112px,10vw,132px);font-size:clamp(32px,2.7vw,38px);font-weight:700;letter-spacing:0;line-height:1;flex-shrink:0}
.brand-word{display:flex;justify-content:space-between;align-items:baseline;width:100%;letter-spacing:0}
.brand-tagline{display:flex;justify-content:space-between;align-items:baseline;width:100%;font-size:clamp(6.5px,.6vw,8px);letter-spacing:0;line-height:1;margin:9px 0 0;font-weight:500}
.brand-gap{width:.45em;flex-shrink:0}
@media(max-width:760px){.site-header .header-brand,.menu-top .menu-brand{width:112px;font-size:32px}.brand-tagline{font-size:6.5px;margin-top:8px}}

/* A softer slate glow keeps the white particle lettering clear without a bright hotspot. */
html[data-theme=dark] #scene{background:radial-gradient(ellipse at 67% 34%,#515b68 0%,#3c4655 20%,#293443 45%,#17212e 70%,#0b111b 100%)}
html[data-theme=dark] #scene:after{background:linear-gradient(90deg,#090d14c9 0%,#090d1460 32%,transparent 58%)}
html[data-theme=dark] .intro-description,html[data-theme=dark] .chapter-description{color:#c3c5cc}
@media(max-width:760px){html[data-theme=dark] #scene{background:radial-gradient(ellipse at 50% 23%,#515b68 0%,#3c4655 20%,#293443 43%,#17212e 68%,#0b111b 100%)}html[data-theme=dark] #scene:after{background:linear-gradient(0deg,#0b1018 0%,#0b1018ed 30%,#0b101830 55%,transparent 70%)}}

.journey-ready .journey-panel{overflow-anchor:none;scroll-behavior:auto}

/* Contact stays inside the stage; compact spacing without shrinking input text. */
.journey-ready .contact-chapter{top:100px;bottom:76px;padding:0;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:6%;align-content:safe center;align-items:center}
.contact-intro,.contact-form-area{min-width:0}
.contact-chapter form{padding:26px;gap:16px}
.contact-chapter input,.contact-chapter select{padding:10px 0}
.contact-chapter textarea{height:82px;min-height:70px}
@media(max-width:760px){
 .journey-ready .contact-chapter{top:88px;bottom:64px;left:20px;right:20px;padding:6px 0 12px;display:block;background:none!important;border-radius:0;overflow-y:auto;overscroll-behavior:contain;scroll-padding-block:8px 18px}
 .contact-chapter .eyebrow{font-size:7px;line-height:1.3;margin:0 0 7px}
 .contact-chapter h2{font-size:clamp(24px,6.5vw,29px);line-height:1.08;max-width:none;letter-spacing:-.045em}
 .contact-intro>p:not(.eyebrow){font-size:10px;line-height:1.45;margin:8px 0}
 .contact-chapter .contact-email{font-size:11px;line-height:1.4;padding:0;margin:0;border:0;letter-spacing:0}
 .contact-chapter .contact-details{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;margin-top:8px;font-size:10px;line-height:1.4}
 .contact-chapter .contact-details p{font-size:8px;line-height:1.4;margin:0}
 .contact-chapter form{margin-top:14px;padding:16px;gap:10px;border-radius:16px}
 .contact-chapter form>label:not(.wide){grid-column:auto}
 .contact-chapter label{font-size:10px;line-height:1.3}
 .contact-chapter input,.contact-chapter select{font-size:16px;line-height:1.3;padding:8px 0;min-width:0}
 .contact-chapter textarea{font-size:16px;line-height:1.3;height:64px;min-height:64px;padding:8px 0}
 .contact-chapter button[type=submit]{padding:13px 16px;font-size:11px;min-height:42px}
 .contact-chapter .form-note{font-size:8px;line-height:1.45}
}

/* Reserve a separate line for the real particle greeting. */
.contact-word-slot{width:min(100%,440px);height:90px;margin-bottom:24px;pointer-events:none}
@media(max-width:900px){.contact-word-slot{width:min(74%,340px);height:58px;margin-bottom:16px}}
@media(max-width:760px){.contact-word-slot{width:min(78%,300px);height:46px;margin-bottom:12px}.contact-details:empty{display:none}}

/* Official linked Google Partner badge, without stretching its artwork. */
.partner-about{flex-direction:row;align-items:center;gap:18px;margin:18px 0;max-width:430px}.partner-about .partner-badge{flex-shrink:0}.partner-about .partner-badge img{height:64px;width:auto;max-width:160px}.partner-about .seo-notice{font-size:9px;line-height:1.55;max-width:240px}
@media(max-width:760px){.partner-about{gap:14px;margin:14px 0}.partner-about .partner-badge img{height:48px}.partner-about .seo-notice{font-size:8px;max-width:220px}}

/* Native service select: shared by theme fallback and Contact Form 7. */
.contact-chapter form{grid-template-columns:repeat(2,minmax(0,1fr))}
.contact-chapter form>label,.contact-chapter .wpcf7-form-control-wrap{min-width:0;max-width:100%}
.contact-chapter select{appearance:none;-webkit-appearance:none;box-sizing:border-box;min-width:0;max-width:100%;min-height:44px;line-height:1.5;padding:10px 34px 10px 0;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='m2 2 5 5 5-5' fill='none' stroke='%23dde0ea' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:14px 9px}
.contact-chapter select option{color:#f5f5fa;background-color:#171b26;font-family:inherit}
html[data-theme=light] .contact-chapter select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='m2 2 5 5 5-5' fill='none' stroke='%23394d62' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
html[data-theme=light] .contact-chapter select option{background-color:#f1f5f9;color:#203348}
html[data-theme=light] .contact-chapter select:focus{border-bottom-color:#715592;box-shadow:0 1px 0 #715592}
@media(max-width:760px){.contact-chapter select{font-size:16px;min-height:44px;padding:9px 34px 9px 0}}

/* CF7 submit inputs and wrappers match the native preview form. */
.contact-chapter input.wpcf7-submit{border:0;border-radius:50px;padding:18px 22px;background:#eeeaf6;color:#211c29;cursor:pointer;line-height:1.3;min-height:44px}
html[data-theme=light] .contact-chapter input.wpcf7-submit{background:#263649;color:#fff}
@media(max-width:760px){.contact-chapter .wpcf7 form>label:not(.wide){grid-column:auto}.contact-chapter input.wpcf7-submit{padding:13px 16px;font-size:11px;min-height:44px}}
.admin-bar.journey-ready .contact-chapter{top:132px}
@media(max-width:760px){.admin-bar.journey-ready .contact-chapter{top:134px}}

/* Intro uses the same content band as every service; no retired wordmark space. */
@media(min-width:761px){.journey-ready .intro-panel{bottom:64px}}
@media(max-width:760px){.journey-ready .intro-panel{top:42%;bottom:65px}}

.journey-ready .intro-panel .text-link{margin-bottom:0}

/* Close the opening signature before revealing the next panel; return with the intro. */
.journey-ready .scene-wordmark{transition:opacity .14s ease-out}
.journey-ready.leaving-intro .journey-panel.is-active{transition-delay:.16s}

/* Optional bottom signature: same logo hierarchy, name and small tagline side by side. */
.journey-ready.has-bottom-brand .scene-wordmark{display:flex!important;align-items:baseline;gap:clamp(18px,3vw,44px);left:var(--pad);right:var(--pad);bottom:76px;font:inherit;line-height:1.1;letter-spacing:0;color:var(--ink);pointer-events:none}
.bottom-brand-name{font-family:Manrope,sans-serif;font-size:var(--bottom-brand-font,64px);font-weight:700;letter-spacing:.22em;line-height:1.1;min-width:0;overflow-wrap:anywhere}
.bottom-brand-tagline{font-family:Manrope,sans-serif;font-size:max(8px,calc(var(--bottom-brand-font,64px)*.22));font-weight:500;letter-spacing:.2em;line-height:1.4;min-width:0;overflow-wrap:anywhere}
.journey-ready .intro-panel{bottom:var(--intro-bottom-reserve,64px)}
@media(max-width:760px){.journey-ready.has-bottom-brand .scene-wordmark{left:24px;right:24px;bottom:64px;gap:18px}.journey-ready .intro-panel{bottom:var(--intro-bottom-reserve,65px)}}