.skip-link { position: absolute; left: -999px; top: 0; background: var(--cobalt); color: #fff; padding: 10px 18px; z-index: 100; border-radius: 0 0 var(--radius) 0; }.skip-link:focus { left: 0; }* { box-sizing: border-box; margin: 0; padding: 0; }html { scroll-behavior: smooth; }body {font-family: var(--font-body);color: var(--ink);background: var(--ivory);line-height: 1.65;font-size: 16px;-webkit-font-smoothing: antialiased;letter-spacing: -0.02em;}h1, h2, h3, .serif {font-family: var(--font-heading);font-weight: 400;line-height: 1.35;color: var(--cobalt);overflow-wrap: break-word;}a { color: inherit; text-decoration: none; }img { max-width: 100%; display: block; }.container {max-width: 1180px;margin: 0 auto;padding: 0 28px;}.eyebrow {font-family: var(--font-sub);font-size: 0.95rem;letter-spacing: -0.02em;text-transform: uppercase;color: var(--accent-text);font-weight: 500;margin-bottom: 14px;display: block;}.icon-svg { width: 18px; height: 18px; flex-shrink: 0; }.btn {display: inline-flex;align-items: center;justify-content: center;gap: 8px;padding: 14px 32px;border-radius: var(--radius);font-family: var(--font-body);font-size: 0.92rem;letter-spacing: 0.05em;text-transform: uppercase;font-weight: 500;border: 1px solid transparent;cursor: pointer;transition: all 0.25s ease;white-space: nowrap;}.btn-primary {background: var(--cobalt);color: #fff;}.btn-primary:hover { background: var(--cobalt-dark); }.cta-banner .btn-primary { background: var(--coral); }.cta-banner .btn-primary:hover { background: #EE5B47; }.btn-outline {background: transparent;border-color: var(--cobalt);color: var(--cobalt);}.btn-outline:hover { background: var(--cobalt); color: #fff; }.btn-accent {background: var(--cobalt);color: #fff;}.btn-accent:hover { background: var(--cobalt-dark); }.btn-ivory { background: var(--ivory); color: var(--cobalt-dark); }.btn-ivory:hover { background: #fff; }.btn-block { width: 100%; }html.js .reveal { opacity: 0; transform: translateY(20px); transition: opacity .7s cubic-bezier(.2,.8,.2,1), transform .7s cubic-bezier(.2,.8,.2,1); }html.js .reveal.in-view { opacity: 1; transform: none; }.hero-visual.reveal { transition-delay: .12s; }.services-grid .reveal:nth-child(2), .why-grid .reveal:nth-child(2), .testi-grid .reveal:nth-child(2), .social-grid .reveal:nth-child(2) { transition-delay: .07s; }.services-grid .reveal:nth-child(3), .why-grid .reveal:nth-child(3), .testi-grid .reveal:nth-child(3), .social-grid .reveal:nth-child(3) { transition-delay: .14s; }.services-grid .reveal:nth-child(4), .why-grid .reveal:nth-child(4), .testi-grid .reveal:nth-child(4), .social-grid .reveal:nth-child(4) { transition-delay: .21s; }.services-grid .reveal:nth-child(5), .testi-grid .reveal:nth-child(5) { transition-delay: .28s; }.services-grid .reveal:nth-child(6), .testi-grid .reveal:nth-child(6) { transition-delay: .35s; }.btn:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(11,78,154,0.18); }.btn:active { transform: translateY(0); }.service-card { transition: transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s ease, border-color .3s ease; }.service-card:hover { border-color: rgba(11,78,154,0.22); }.service-icon { transition: transform .3s cubic-bezier(.2,.8,.2,1), background .3s ease; }.service-card:hover .service-icon { transform: scale(1.08) rotate(-4deg); }.testi-card { position: relative; transform: scale(0.88); transition: transform .55s cubic-bezier(.2,.8,.2,1), box-shadow .55s ease; }.testi-card:hover { transform: scale(1.06); box-shadow: 0 26px 56px rgba(43,38,32,0.16); z-index: 2; }@media (hover: none) {.service-card, .testi-card { transform: none; }}.info-line .ico { transition: transform .3s cubic-bezier(.2,.8,.2,1); }.info-line:hover .ico { transform: scale(1.1); }.why-item { transition: transform .4s cubic-bezier(.2,.8,.2,1); }.why-item:hover { transform: translateY(-8px); }.why-num { transition: transform .4s cubic-bezier(.2,.8,.2,1), color .35s ease, border-color .35s ease; }.why-item:hover .why-num { transform: scale(1.15); }.section-blue .why-item:hover .why-num { color: var(--coral); border-color: var(--coral); }.faq-item summary { transition: color .25s ease; }.faq-item summary:hover { color: var(--cobalt); }.faq-q { display: inline-block; transition: transform .35s cubic-bezier(.2,.8,.2,1); }.faq-item summary:hover .faq-q { transform: translateX(8px); }nav a::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: var(--coral); transform: scaleX(0); transform-origin: left; transition: transform .3s cubic-bezier(.2,.8,.2,1); }nav a:hover::after { transform: scaleX(1); }header { transition: box-shadow .3s ease; }header.scrolled { box-shadow: 0 6px 22px rgba(8,47,94,0.10); }.scroll-progress { position: fixed; top: 0; left: 0; height: 3px; width: 0; z-index: 300;background: linear-gradient(90deg, var(--coral), var(--accent)); will-change: width; }.intro {position: fixed; inset: 0; z-index: 1000;display: flex; align-items: center; justify-content: center;background: var(--cobalt);animation: introOut 0.95s cubic-bezier(.76,0,.24,1) 2.4s forwards;}.intro-mark {width: min(230px, 50vw); height: auto;opacity: 0; transform: scale(.82) translateY(8px);animation: introMarkIn 1s cubic-bezier(.2,.8,.2,1) .25s forwards;}.intro::after {content: ""; position: absolute; bottom: 27%; left: 50%;width: 0; height: 1px; background: rgba(252,248,244,0.45);transform: translateX(-50%);animation: introLine 0.9s ease .55s forwards;}@keyframes introMarkIn { to { opacity: 1; transform: scale(1) translateY(0); } }@keyframes introLine { to { width: 130px; } }@keyframes introOut { to { transform: translateY(-100%); visibility: hidden; } }.intro--skip { display: none !important; }@media (prefers-reduced-motion: reduce) {.intro { display: none !important; }}.btn { position: relative; overflow: hidden; }.btn::after { content: ""; position: absolute; top: 0; left: -130%; width: 55%; height: 100%;background: linear-gradient(120deg, transparent, rgba(255,255,255,0.35), transparent);transform: skewX(-20deg); transition: left .6s ease; pointer-events: none; }.btn:hover::after { left: 150%; }.hero-visual { transition: opacity .7s cubic-bezier(.2,.8,.2,1), transform .4s cubic-bezier(.2,.8,.2,1); }.hero-visual img { animation: kenburns 20s ease-in-out infinite alternate; }@keyframes kenburns { from { transform: scale(1); } to { transform: scale(1.07); } }.service-card { position: relative; }.service-card > * { position: relative; z-index: 1; }.service-card::after { content: ""; position: absolute; inset: 0; border-radius: inherit; z-index: 0;background: radial-gradient(200px circle at var(--mx, 50%) var(--my, 50%), rgba(243,121,105,0.16), transparent 60%);opacity: 0; transition: opacity .35s ease; pointer-events: none; }.service-card:hover::after { opacity: 1; }strong[data-count] { font-variant-numeric: tabular-nums; }.split-word { display: inline-block; }.split-word > span { display: inline-block; padding-bottom: 0.12em; transition: transform .8s cubic-bezier(.2,.85,.2,1), opacity .8s ease; }.js .split-word > span { transform: translateY(0.5em); opacity: 0; }.js .split-reveal.is-revealed .split-word > span { transform: translateY(0); opacity: 1; }.js .img-reveal { clip-path: inset(0 0 100% 0); transition: clip-path 1.05s cubic-bezier(.2,.85,.2,1); }.js .img-reveal.is-revealed { clip-path: inset(0 0 0 0); }.btn.magnetic { transition: transform .3s cubic-bezier(.2,.8,.2,1), background .25s ease, color .25s ease, box-shadow .25s ease; }@media (prefers-reduced-motion: reduce) {.reveal { opacity: 1 !important; transform: none !important; transition: none !important; }.btn:hover, .service-card:hover, .service-card:hover .service-icon, .testi-card:hover, .social-card:hover, .info-line:hover .ico, .why-item:hover, .why-item:hover .why-num { transform: none; }.service-card, .testi-card { transform: none !important; }.btn::after, nav a::after { transition: none; }.hero-visual { transform: none !important; }.hero-visual img { animation: none; }.js .split-word > span { transform: none !important; opacity: 1 !important; }.js .img-reveal, .js .img-reveal.is-revealed { clip-path: none !important; }.btn.magnetic { transform: none !important; }.social-panel, .social-panel .panel-label { transition: none !important; }}header {position: sticky;top: 0;z-index: 100;background: rgba(255, 252, 250, 0.94);backdrop-filter: blur(8px);border-bottom: 1px solid rgba(11, 78, 154, 0.1);}.nav-wrap {display: flex;align-items: center;justify-content: space-between;padding: 16px 28px;}.logo {display: flex;align-items: center;}.logo img {height: 38px;width: auto;display: block;}nav ul {list-style: none;display: flex;gap: 34px;}nav a {font-size: 0.88rem;letter-spacing: 0.03em;text-transform: uppercase;color: var(--ink);position: relative;padding-bottom: 4px;}nav a:hover { color: var(--cobalt); }.nav-right {display: flex;align-items: center;gap: 22px;}.nav-phone {font-size: 0.92rem;color: var(--cobalt-dark);font-weight: 500;display: flex;align-items: center;gap: 6px;}.nav-toggle { display: none; }@media (max-width: 880px) {nav { display: none; }.nav-phone span.txt { display: none; }.nav-toggle {display: block;font-size: 1.6rem;background: none;border: none;color: var(--cobalt-dark);cursor: pointer;}}.mobile-cta-bar {display: none;position: fixed;bottom: 0;left: 0;right: 0;z-index: 200;background: var(--ivory);border-top: 1px solid rgba(11,78,154,0.15);box-shadow: 0 -8px 24px rgba(43,38,32,0.12);padding: 10px 14px;padding-bottom: max(10px, env(safe-area-inset-bottom));gap: 10px;}.mobile-cta-bar a {flex: 1;padding: 13px 10px;font-size: 0.82rem;}@media (max-width: 880px) {.mobile-cta-bar { display: flex; }body { padding-bottom: 64px; }}.hero {position: relative;overflow: hidden;padding: 40px 0;}.hero::before {content: "";position: absolute;left: 0; right: 0; top: -100%; height: 300%;background: url('/sk_patterns/Saint_Kaliya_Pattern_RGB_B.webp') center / cover no-repeat;transform: translate3d(0, var(--hero-par, 0px), 0);will-change: transform;z-index: 0;pointer-events: none;}.hero > .container { position: relative; z-index: 1; }@media (prefers-reduced-motion: reduce) {.hero::before { transform: none !important; }}.hero-grid {position: relative;display: grid;grid-template-columns: 1.1fr 0.9fr;gap: 60px;align-items: center;}.hero-copy {background: var(--ivory);border-radius: 0;padding: 38px 40px;box-shadow: 0 24px 60px rgba(43,38,32,0.22);}.hero-logo {display: block;height: 70px;width: auto;margin: 0 0 28px 0;}.hero h1 {font-size: 3.6rem;font-style: italic;margin-top: 0;margin-bottom: 28px;}.hero p.lead {font-size: 1.15rem;color: var(--ink-soft);max-width: 480px;margin-bottom: 34px;}.hero p.hero-move {font-size: 0.92rem;line-height: 1.55;color: var(--ink-soft);max-width: 480px;margin: -16px 0 30px;padding-left: 14px;border-left: 3px solid var(--accent);}.hero p.hero-move strong { color: var(--cobalt-dark); }@media (max-width: 880px) {.hero p.hero-move { font-size: 0.85rem; margin: -8px 0 24px; }}.hero-ctas { display: flex; gap: 16px; flex-wrap: wrap; margin-bottom: 30px; }.hero-meta {display: flex;gap: 26px;flex-wrap: wrap;font-size: 0.85rem;color: var(--ink-soft);}.hero-meta strong { color: var(--cobalt-dark); }.hero-visual {position: relative;width: 100%;aspect-ratio: 4/5;max-height: calc(100svh - 120px);border-radius: 0;overflow: hidden;box-shadow: 0 24px 60px rgba(43,38,32,0.22);}.hero-visual img {width: 100%;height: 100%;object-fit: cover;display: block;}@media (max-width: 880px) {.hero { padding: 48px 0; }.hero-grid { gap: 40px; }.hero-copy { padding: 36px 28px; }.hero h1 { font-size: 2.6rem; }}@media (min-width: 601px) and (max-width: 1100px) and (orientation: portrait) {.hero .container { padding-left: 0; padding-right: 0; max-width: none; width: 100%; }.hero-grid { display: flex; align-items: center; gap: 0; }.hero-copy {flex: 0 0 62%; width: 62%; min-width: 0; margin: 0 -24% 0 0; position: relative; z-index: 2;padding: 32px 28px 32px 32px; border-radius: 0;background: linear-gradient(to right, var(--ivory) 0%, var(--ivory) 50%, rgba(252,248,244,0.35) 100%);box-shadow: 0 14px 30px rgba(8,47,94,0.14);}.hero-visual {flex: 0 0 74%; width: 74%; max-width: none; margin: 0;position: relative; z-index: 1;aspect-ratio: 4/5; max-height: none;border: none; box-shadow: none; border-radius: 0;}.hero h1 { font-size: 2.8rem; line-height: 1.1; }.hero p.lead { font-size: 0.98rem; max-width: none; margin-bottom: 20px; }.hero-meta { font-size: 0.8rem; gap: 16px; }.hero-logo { height: 54px; }}.trust-bar {background: var(--cobalt);color: #fff;padding: 22px 0;}.trust-grid {display: flex;justify-content: space-between;flex-wrap: wrap;gap: 18px;text-align: center;}.trust-item {flex: 1;min-width: 150px;font-size: 0.82rem;letter-spacing: 0.04em;text-transform: uppercase;opacity: 0.92;}.trust-item strong {display: block;font-family: var(--font-heading);font-size: 1.5rem;text-transform: none;font-weight: 500;margin-bottom: 4px;}section { padding: 96px 0; }.section-head {text-align: center;max-width: 640px;margin: 0 auto 56px;}.section-head h2 { font-size: 2.9rem; font-style: italic; margin-bottom: 16px; }@media (max-width: 620px) {.section-head h2, .about-grid h2, .cta-banner h2 { font-size: 2.1rem; }}.section-head p { color: var(--ink-soft); font-size: 1.05rem; }.alt-bg { background: var(--cream); }.pattern-strip {height: 90px;background-size: cover;background-position: center;background-repeat: no-repeat;}@media (max-width: 620px) {.pattern-strip { height: 50px; }}.section-peach { background: var(--coral); }.section-peach .eyebrow,.section-peach h2,.section-peach h3,.section-peach .founder-name { color: var(--ivory); }.section-peach p,.section-peach .founder-title { color: var(--ivory); }.section-peach blockquote.founder-quote { border-left-color: var(--cobalt); color: var(--ivory); }.section-peach .about-portrait { border: 8px solid var(--ivory); box-shadow: 0 16px 40px rgba(43,38,32,0.18); }.section-blue { background: var(--cobalt); }.section-blue .eyebrow { color: var(--ivory); }.section-blue h2, .section-blue h3 { color: var(--ivory); }.section-blue .section-head p,.section-blue .why-item p { color: rgba(255,255,255,0.82); }.section-blue .why-num { color: var(--ivory); border-color: var(--ivory); }.section-pink { background: var(--pink); }.section-pink .eyebrow,.section-pink h2 { color: var(--ivory); }.section-pink .section-head p { color: var(--ivory); }.reviews-rating { font-size: 0.95rem; margin-top: 4px; }.reviews-rating a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }.section-pink .testi-card {background: var(--ivory);border: none;box-shadow: 0 16px 36px rgba(43,38,32,0.14);}.about-grid {display: grid;grid-template-columns: 0.85fr 1.15fr;gap: 64px;align-items: center;}.about-grid h2 { font-size: 2.6rem; font-style: italic; }.about-portrait {width: 100%;aspect-ratio: 1/1;border-radius: 50%;overflow: hidden;max-width: 360px;margin: 0 auto;}.about-portrait img {width: 100%;height: 100%;object-fit: cover;}.about-portrait-wrap { position: relative; max-width: 360px; margin: 0 auto; }.verified-badge {position: absolute; right: 2px; bottom: 8px; z-index: 3;width: clamp(88px, 30%, 118px); line-height: 0;transition: transform .35s cubic-bezier(.2,.8,.2,1);}.verified-badge img {width: 100%; height: auto; border-radius: 50%;border: 3px solid var(--ivory);box-shadow: 0 10px 24px rgba(8,47,94,0.25);}.verified-badge:hover { transform: scale(1.07) rotate(-4deg); }@media (prefers-reduced-motion: reduce) { .verified-badge:hover { transform: none; } }blockquote.founder-quote {font-family: var(--font-heading);font-style: italic;font-size: 1.5rem;color: var(--cobalt-dark);line-height: 1.5;margin: 18px 0 22px;border-left: 3px solid var(--cobalt);padding-left: 22px;}.founder-name { font-weight: 500; color: var(--ink); }.founder-title { font-size: 0.85rem; color: var(--ink-soft); text-transform: uppercase; letter-spacing: 0.05em; }@media (max-width: 880px) {.about-grid { grid-template-columns: 1fr; gap: 36px; text-align: left; }.about-portrait-wrap { text-align: center; }blockquote.founder-quote { text-align: left; }}.services-grid {display: flex;flex-wrap: wrap;justify-content: center;gap: 22px;}.service-card {background: var(--ivory);border: 1px solid rgba(11,78,154,0.1);border-radius: 10px;padding: 26px 22px;flex: 0 1 calc((100% - 70px) / 4);min-width: 0;transform: scale(0.88);transition: transform 0.55s cubic-bezier(.2,.8,.2,1), box-shadow 0.55s ease;}.service-card:hover {transform: scale(1.06);box-shadow: 0 26px 56px rgba(43,38,32,0.14);z-index: 2;}.service-icon {width: 46px;height: 46px;border-radius: 50%;background: var(--cream-deep);display: flex;align-items: center;justify-content: center;margin-bottom: 20px;font-size: 1.3rem;color: var(--coral);}.service-card h3 { font-size: 1.25rem; margin-bottom: 10px; }.service-card p { color: var(--ink-soft); font-size: 0.95rem; margin-bottom: 16px; }.service-card a {font-size: 0.82rem;text-transform: uppercase;letter-spacing: 0.05em;color: var(--cobalt);font-weight: 500;cursor: pointer;}.service-card a:hover { text-decoration: underline; }@media (max-width: 980px) {.services-grid { gap: 20px; }.service-card { flex-basis: calc((100% - 24px) / 2); }}@media (max-width: 620px) {.service-card { flex-basis: 100%; }}.services-note {margin-top: 36px;font-size: 0.78rem;color: var(--ink-soft);text-align: center;max-width: 720px;margin-left: auto;margin-right: auto;}.why-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 30px;text-align: center;}.why-item h3 { font-size: 1.2rem; margin: 14px 0 8px; }.why-item p { font-size: 0.9rem; color: var(--ink-soft); }.why-num {font-family: var(--font-heading);font-size: 1.1rem;color: var(--coral);border: 1px solid var(--coral);width: 36px;height: 36px;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto;}@media (max-width: 880px) {.why-grid { grid-template-columns: repeat(2, 1fr); }}@media (max-width: 460px) {.why-grid { grid-template-columns: 1fr; }}.testi-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 28px;}.testi-card {background: var(--ivory);border-radius: 10px;padding: 32px;border: 1px solid rgba(11,78,154,0.1);}.testi-stars { color: var(--coral); letter-spacing: 2px; margin-bottom: 14px; }.testi-card p.quote { font-size: 0.95rem; color: var(--ink-soft); margin-bottom: 16px; font-style: italic; }.testi-name { font-weight: 500; font-size: 0.9rem; }@media (max-width: 980px) {.testi-grid { grid-template-columns: repeat(2, 1fr); }}@media (max-width: 620px) {.testi-grid { grid-template-columns: 1fr; }}.review-carousel { position: relative; max-width: 940px; margin: 0 auto; padding: 0 52px; }.rc-viewport { overflow: hidden; padding: 10px 0; }.rc-track { display: flex; align-items: center; gap: 28px; transition: transform .55s cubic-bezier(.2,.8,.2,1); will-change: transform; }.rc-slide { flex: 0 0 46%; transform: scale(0.86); transition: transform .55s cubic-bezier(.2,.8,.2,1); cursor: pointer; }.rc-slide.is-active { transform: scale(1); cursor: default; }.rc-slide:not(.is-active) .testi-card { background: rgba(252,248,244,0.78); border-color: rgba(11,78,154,0.06); }.review-carousel .testi-card,.review-carousel .testi-card:hover { transform: none !important; min-height: 420px; padding: 44px 34px; display: flex; flex-direction: column; justify-content: center; transition: background .55s ease, border-color .55s ease; }.rc-arrow {position: absolute; top: 50%; transform: translateY(-50%); z-index: 4;width: 44px; height: 44px; border-radius: 50%; border: none; cursor: pointer;background: var(--ivory); color: var(--cobalt); font-size: 1.6rem; line-height: 1;display: flex; align-items: center; justify-content: center;box-shadow: 0 8px 22px rgba(43,38,32,0.18); transition: transform .2s ease;}.rc-arrow:hover { transform: translateY(-50%) scale(1.08); }.rc-prev { left: 0; }.rc-next { right: 0; }.rc-dots { display: flex; gap: 4px; justify-content: center; margin-top: 28px; }.rc-dot { width: 24px; height: 24px; padding: 0; border: none; cursor: pointer; background: transparent; position: relative; transition: width .2s ease; }.rc-dot::after { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 8px; height: 8px; border-radius: 999px; background: var(--cobalt); transition: width .2s ease, background .2s ease; }.rc-dot.is-active { width: 34px; }.rc-dot.is-active::after { width: 26px; background: var(--cobalt-dark); }@media (max-width: 760px) {.review-carousel { padding: 0 40px; }.rc-track { gap: 16px; }.rc-slide { flex-basis: 72%; }.review-carousel .testi-card { min-height: 360px; padding: 38px 26px; }}@media (max-width: 460px) {.review-carousel { padding: 0 34px; }.rc-slide { flex-basis: 88%; }.rc-arrow { width: 38px; height: 38px; font-size: 1.4rem; }}.social-accordion {display: flex;justify-content: center;gap: 12px;height: 520px;margin-bottom: 36px;}.social-panel {position: relative;flex: 0 0 auto;width: 195px;border-radius: 14px;overflow: hidden;background-size: cover;background-position: center;cursor: pointer;transition: width .6s cubic-bezier(.2,.8,.2,1), transform .6s cubic-bezier(.2,.8,.2,1), box-shadow .4s ease;}.social-accordion:hover .social-panel { width: 176px; }.social-accordion .social-panel:hover {width: 300px;transform: scale(1.1);z-index: 2;box-shadow: 0 30px 70px rgba(8,47,94,0.32);}.panel-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; }.social-panel::after {content: "";position: absolute; inset: 0; z-index: 1;background: linear-gradient(to top, rgba(8,47,94,0.55), rgba(8,47,94,0) 55%);opacity: .7; transition: opacity .4s ease;}.social-panel:hover::after { opacity: .4; }.social-panel .panel-icon {position: absolute; top: 14px; right: 14px; z-index: 2;width: 34px; height: 34px; border-radius: 50%;background: rgba(252,248,244,0.92);display: flex; align-items: center; justify-content: center; font-size: 0.95rem;}.social-panel .panel-label {position: absolute; left: 16px; bottom: 16px; z-index: 2;color: var(--ivory); font-family: var(--font-sub);letter-spacing: .14em; text-transform: uppercase; font-size: .72rem; white-space: nowrap;opacity: 0; transform: translateY(8px);transition: opacity .4s ease, transform .4s ease;}.social-panel:hover .panel-label { opacity: 1; transform: none; }.panel-sound {position: absolute; bottom: 14px; right: 14px; z-index: 3;width: 38px; height: 38px; border-radius: 50%;display: flex; align-items: center; justify-content: center;background: rgba(8,47,94,0.55); color: var(--ivory);border: 1px solid rgba(252,248,244,0.45);cursor: pointer; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);transition: background .25s ease, transform .25s ease;}.panel-sound:hover { background: rgba(8,47,94,0.85); transform: scale(1.08); }.panel-sound svg { width: 18px; height: 18px; display: block; }.panel-sound .icon-on { display: none; }.panel-sound.is-on .icon-off { display: none; }.panel-sound.is-on .icon-on { display: block; }.social-follow-ctas {display: flex;justify-content: center;gap: 16px;flex-wrap: wrap;}@media (max-width: 768px) {.social-accordion {display: flex;gap: 12px;height: auto;width: 100%;max-width: 100%;overflow-x: auto;overflow-y: hidden;scroll-snap-type: x mandatory;-webkit-overflow-scrolling: touch;padding-bottom: 10px;}.social-panel,.social-accordion:hover .social-panel,.social-accordion .social-panel:hover {flex: 0 0 80%;width: 80%;min-width: 0;height: auto;aspect-ratio: 9 / 16;scroll-snap-align: center;transform: none;}.social-panel .panel-label { opacity: 1; transform: none; }}.faq {max-width: 760px;margin: 0 auto;}.faq-item {border-bottom: 1px solid rgba(11,78,154,0.12);padding: 22px 0;}.faq-item summary {cursor: pointer;font-family: var(--font-heading);font-size: 1.2rem;color: var(--cobalt);list-style: none;display: flex;justify-content: space-between;align-items: center;}.faq-item summary::-webkit-details-marker { display: none; }.faq-item summary::after {content: '+';font-size: 1.5rem;color: var(--coral);line-height: 1;transition: transform 0.35s cubic-bezier(.2,.8,.2,1);}.faq-item[open] summary::after { transform: rotate(135deg); }.faq-item p {margin-top: 12px;color: var(--ink-soft);font-size: 0.95rem;}.faq-item[open] p { animation: faqReveal .42s cubic-bezier(.2,.8,.2,1); }@keyframes faqReveal { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }@media (prefers-reduced-motion: reduce) {.faq-item[open] p { animation: none; }.faq-item summary::after { transition: none; }.faq-q { transition: none !important; }.faq-item summary:hover .faq-q { transform: none; }}.cta-banner {position: relative;text-align: center;padding: 96px 0;background: var(--cobalt-night);overflow: hidden;}.cta-banner::before {content: "";position: absolute;inset: 0;background: url('/sk_patterns/Saint_Kaliya_Pattern_RGB_F.webp') center / cover no-repeat;opacity: 0.16;mix-blend-mode: screen;pointer-events: none;}.cta-banner .container { position: relative; z-index: 2; }.cta-banner h2 { color: var(--ivory); font-size: 2.7rem; font-style: italic; margin-bottom: 14px; }.cta-banner p { color: rgba(252,248,244,0.82); margin-bottom: 30px; }.cta-banner-btns { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }.btn-outline-ivory { background: transparent; border: 1.5px solid var(--ivory); color: var(--ivory); }.btn-outline-ivory:hover { background: var(--ivory); color: var(--cobalt-dark); }.footer-social { display: flex; gap: 14px; margin-top: 16px; }.footer-social a { color: var(--ivory); opacity: 0.8; transition: opacity .2s; }.footer-social a:hover { opacity: 1; }.footer-social svg { width: 22px; height: 22px; }.contact-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 56px;}.form-card {background: var(--cream-deep);border: 1px solid rgba(11,78,154,0.1);border-radius: var(--radius);padding: 40px;--accent-text: var(--accent-text-cream);--ink-soft: var(--accent-text-cream);}.form-row { margin-bottom: 18px; }.form-row label {display: block;font-size: 0.8rem;text-transform: uppercase;letter-spacing: 0.04em;color: var(--ink-soft);margin-bottom: 6px;}.form-row input,.form-row select,.form-row textarea {width: 100%;padding: 12px 14px;border: 1px solid rgba(11,78,154,0.25);border-radius: var(--radius);font-family: var(--font-body);font-size: 0.95rem;background: #fff;color: var(--ink);}.form-row input:focus,.form-row select:focus,.form-row textarea:focus {outline: none;border-color: var(--cobalt);}.form-row-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }.form-hint { font-size: 0.78rem; color: var(--ink-soft); margin-top: 6px; }.form-privacy { margin-top: 10px; font-size: 0.78rem; color: var(--ink-soft); text-align: center; }.form-privacy a { color: var(--cobalt); font-weight: 500; }.form-consent { font-size: 0.78rem; color: var(--ink-soft); display: flex; gap: 8px; align-items: flex-start; margin: 18px 0; }.form-consent input { width: auto; margin-top: 3px; }.form-success {display: none;background: #eef6ee;border: 1px solid #b9dcb9;color: #2c5a2c;padding: 16px 18px;border-radius: var(--radius);font-size: 0.9rem;margin-bottom: 18px;}.contact-info h3 { font-size: 1.6rem; margin-bottom: 18px; }.info-line { display: flex; gap: 14px; margin-bottom: 18px; font-size: 0.95rem; align-items: flex-start; }.info-line .ico {width: 34px; height: 34px;border-radius: 50%;background: var(--cream-deep);display: flex; align-items: center; justify-content: center;flex-shrink: 0;color: var(--cobalt);}.map-embed {margin-top: 24px;border-radius: var(--radius);overflow: hidden;border: 1px solid rgba(11,78,154,0.12);}.map-embed iframe { width: 100%; height: 240px; border: 0; display: block; }@media (max-width: 880px) {.contact-grid { grid-template-columns: 1fr; }.form-row-2 { grid-template-columns: 1fr; }}footer {background: var(--cobalt);color: rgba(255,255,255,0.78);padding: 56px 0 28px;font-size: 0.85rem;}.footer-grid {display: grid;grid-template-columns: 1.4fr 1fr 1fr;gap: 40px;margin-bottom: 36px;}.footer-logo img {height: 34px;width: auto;margin-bottom: 14px;}footer h3 {font-family: var(--font-body);line-height: 1.65;color: #fff;font-size: 0.85rem;text-transform: uppercase;letter-spacing: 0.05em;margin-bottom: 14px;font-weight: 500;}footer ul { list-style: none; }footer li { margin-bottom: 10px; }footer a:hover { color: #fff; }.footer-disclaimer {border-top: 1px solid rgba(255,255,255,0.15);padding-top: 24px;font-size: 0.76rem;line-height: 1.7;color: var(--cream);}.footer-disclaimer p { margin-bottom: 10px; }.footer-bottom {margin-top: 20px;font-size: 0.76rem;color: var(--cream);display: flex;justify-content: space-between;flex-wrap: wrap;gap: 10px;}@media (max-width: 880px) {.footer-grid { grid-template-columns: 1fr 1fr; gap: 28px; }.footer-grid > div:first-child { grid-column: 1 / -1; }}.mobile-nav {display: none;flex-direction: column;background: var(--ivory);padding: 10px 28px 24px;border-top: 1px solid rgba(11,78,154,0.1);}.mobile-nav.open { display: flex; }.mobile-nav a {padding: 12px 0;border-bottom: 1px solid rgba(11,78,154,0.08);text-transform: uppercase;font-size: 0.88rem;}@media (max-width: 600px) {.nav-wrap { padding: 11px 14px; }.logo img { height: 40px; }.nav-right { gap: 14px; }.nav-right .btn-primary { padding: 10px 16px; font-size: 0.74rem; }.nav-phone { margin-right: 2px; }}@media (max-width: 600px) {.services-grid, .testi-grid, .why-grid {display: flex;grid-template-columns: none;gap: 14px;overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch;scroll-snap-type: x mandatory;padding-bottom: 14px;scrollbar-width: none;}.services-grid::-webkit-scrollbar,.testi-grid::-webkit-scrollbar,.why-grid::-webkit-scrollbar { display: none; }.service-card, .testi-card {flex: 0 0 80%;min-width: 0;scroll-snap-align: center;transform: none !important;}.why-item {flex: 0 0 56%;min-width: 0;scroll-snap-align: start;}}@media (max-width: 600px) {section { padding: 52px 0; }.section-head { margin-bottom: 30px; }.section-head p { font-size: 0.97rem; }.hero { padding: 16px 0 24px; background-size: cover; background-position: center;min-height: calc(100vh - 54px); min-height: calc(100svh - 54px);display: flex; flex-direction: column; justify-content: center; }.hero .container { padding-left: 0; padding-right: 0; max-width: none; width: 100%; }.hero-grid { display: flex; align-items: center; position: relative; gap: 0; }.hero-copy { flex: 0 0 68%; width: 68%; min-width: 0; margin: 0 -40% 0 0; position: relative; z-index: 2;padding: 15px 13px 17px 20px; border-radius: 0;background: linear-gradient(to right, var(--ivory) 0%, var(--ivory) 42%, rgba(252,248,244,0.35) 100%);box-shadow: 0 14px 30px rgba(8,47,94,0.14); }.hero-visual { flex: 0 0 92%; width: 92%; max-width: none; margin: 0; position: relative; z-index: 1;aspect-ratio: 4/5; align-self: center; border: none; border-radius: 0; box-shadow: none; }.hero-logo { height: 42px; margin-bottom: 11px; }.hero .eyebrow { font-size: 0.49rem; letter-spacing: 0; white-space: nowrap; margin-bottom: 9px; }.hero h1 { font-size: 1.85rem; line-height: 1.08; margin-bottom: 11px; }.hero p.lead { font-size: 0.82rem; line-height: 1.38; max-width: 200px; margin-bottom: 12px; }.hero-ctas { gap: 9px; margin-bottom: 12px; }.hero-ctas .btn { padding: 11px 20px; font-size: 0.8rem; letter-spacing: 0.04em; }.hero-meta { display: flex; flex-direction: column; gap: 2px; font-size: 0.62rem; line-height: 1.3; }.hero-meta span { white-space: nowrap; }.hero-meta strong { font-size: 0.68rem; display: inline; }.trust-bar { padding: 18px 0; }.about-grid { gap: 26px; }.about-portrait-wrap, .about-portrait { max-width: 240px; }.about-grid h2 { font-size: 2rem; }blockquote.founder-quote { font-size: 1.28rem; }.services-grid, .testi-grid, .why-grid { gap: 16px; }.service-card { padding: 26px 22px; }.cta-banner { padding: 52px 0; }.contact-grid { gap: 28px; }.form-card { padding: 26px 20px; }footer { padding: 44px 0 24px; }}html { scroll-padding-top: 4px; }section[id], #book { scroll-margin-top: 4px; }.why-clone { display: none; }.service-card > summary { list-style: none; }.service-card > summary::-webkit-details-marker { display: none; }@media (min-width: 1025px) {.service-card > summary { display: block; cursor: default; pointer-events: none; }.service-card > a { position: static; }.service-card > a::before { content: ""; position: absolute; inset: 0; z-index: 2; cursor: pointer; }}@media (max-width: 1024px) {html { scroll-padding-top: 16px; }section[id], #book { scroll-margin-top: 16px; }.trust-item:nth-child(2) { order: 3; }.trust-item:nth-child(3) { order: 1; }.trust-item:nth-child(4) { order: 2; }.section-blue .container { overflow: hidden; }.why-grid {display: flex;flex-wrap: nowrap;width: max-content;gap: 0;overflow: visible;scroll-snap-type: none;padding-bottom: 0;will-change: transform;backface-visibility: hidden;}.why-clone { display: block; }.why-grid .why-item {flex: 0 0 auto;width: 210px;min-width: 210px;margin-right: 18px;scroll-snap-align: none;opacity: 1 !important;transform: none !important;}.services-grid {display: block;overflow: visible;scroll-snap-type: none;gap: 0;padding-bottom: 0;}.service-card {width: 100%;flex: none;transform: none !important;margin: 0 0 12px;padding: 0;}.service-card > summary {display: flex;align-items: center;gap: 14px;cursor: pointer;pointer-events: auto;padding: 17px 20px;}.service-card > summary .service-icon { margin: 0; width: 40px; height: 40px; font-size: 1.15rem; flex: 0 0 auto; }.service-card > summary h3 { margin: 0; font-size: 1.08rem; flex: 1; }.service-card > summary::after {content: "+";font-size: 1.5rem;color: var(--coral);line-height: 1;flex: 0 0 auto;transition: transform .35s cubic-bezier(.2,.8,.2,1);}.service-card[open] > summary::after { transform: rotate(45deg); }.service-card > p { margin: 0; padding: 0 20px 4px; }.service-card > a { display: inline-block; padding: 2px 20px 18px; margin: 0; }}@keyframes whyMarquee {from { transform: translate3d(0, 0, 0); }to { transform: translate3d(-912px, 0, 0); }}@media (prefers-reduced-motion: reduce) and (max-width: 1024px) {.why-grid { animation: none; width: auto; flex-wrap: wrap; justify-content: center; gap: 20px; }.why-clone { display: none; }.why-grid .why-item { margin-right: 0; }.section-blue .container { overflow: visible; }}.journal-invite { margin-top: 36px; padding-top: 30px; border-top: 1px solid rgba(252,248,244,0.38); max-width: 560px; }.journal-invite h3 { font-family: var(--font-heading); font-style: italic; font-weight: 400; font-size: 1.5rem; margin-bottom: 12px; }.journal-invite p { font-size: 0.95rem; line-height: 1.7; color: var(--ivory); margin-bottom: 12px; }.journal-invite-link { display: inline-flex; align-items: center; gap: 8px; margin-top: 8px; color: var(--ivory); font-weight: 500; font-size: 0.85rem; letter-spacing: 0.06em; text-transform: uppercase; text-decoration: none; border-bottom: 1px solid rgba(252,248,244,0.6); padding-bottom: 3px; }.journal-invite-link .arrow { transition: transform .3s cubic-bezier(.2,.8,.2,1); }.journal-invite-link:hover { border-bottom-color: var(--ivory); }.journal-invite-link:hover .arrow { transform: translateX(4px); }@media (max-width: 1024px) { .journal-invite { max-width: 620px; } }@media (max-width: 600px) { .journal-invite { margin-top: 30px; padding-top: 26px; } .journal-invite-link { padding-top: 6px; padding-bottom: 6px; } }