.elementor-2372 .elementor-element.elementor-element-809f0fb{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-2372 .elementor-element.elementor-element-4837a1e .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-2372 .elementor-element.elementor-element-4837a1e .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-2372 .elementor-element.elementor-element-4837a1e{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-2372 .elementor-element.elementor-element-4837a1e .elementor-icon-list-text{transition:color 0.3s;}.elementor-2372 .elementor-element.elementor-element-493d2e0{--horizontal-progress-border:none;--horizontal-border-style:none;}.elementor-2372 .elementor-element.elementor-element-3a670ea{--display:flex;--padding-top:49px;--padding-bottom:88px;--padding-left:40px;--padding-right:40px;}.elementor-2372 .elementor-element.elementor-element-3a670ea:not(.elementor-motion-effects-element-type-background), .elementor-2372 .elementor-element.elementor-element-3a670ea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF9F7;}.elementor-2372 .elementor-element.elementor-element-0a8d4b3{--display:flex;}.elementor-2372 .elementor-element.elementor-element-b9887c9{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--flex-wrap:wrap;}.elementor-2372 .elementor-element.elementor-element-8404ff9{--display:flex;}.elementor-2372 .elementor-element.elementor-element-2eb30cf{--display:flex;}.elementor-2372 .elementor-element.elementor-element-08eee2d{--display:flex;}.elementor-2372 .elementor-element.elementor-element-4858453{--display:flex;}.elementor-2372 .elementor-element.elementor-element-56de354{--display:flex;}.elementor-2372 .elementor-element.elementor-element-5509a90{--display:flex;--padding-top:104px;--padding-bottom:104px;--padding-left:40px;--padding-right:40px;}.elementor-2372 .elementor-element.elementor-element-5509a90:not(.elementor-motion-effects-element-type-background), .elementor-2372 .elementor-element.elementor-element-5509a90 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2372 .elementor-element.elementor-element-a1d8789{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-2372 .elementor-element.elementor-element-144e94e{--display:flex;}.elementor-2372 .elementor-element.elementor-element-ca98c0a{--display:flex;}.elementor-2372 .elementor-element.elementor-element-45b05e8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2372 .elementor-element.elementor-element-45b05e8:not(.elementor-motion-effects-element-type-background), .elementor-2372 .elementor-element.elementor-element-45b05e8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF9F7;}.elementor-2372 .elementor-element.elementor-element-be1775e{--display:flex;}.elementor-2372 .elementor-element.elementor-element-fc09c49{--display:flex;}.elementor-2372 .elementor-element.elementor-element-d2ac970{--display:flex;}.elementor-2372 .elementor-element.elementor-element-d2ac970:not(.elementor-motion-effects-element-type-background), .elementor-2372 .elementor-element.elementor-element-d2ac970 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B1436;}.elementor-2372 .elementor-element.elementor-element-17d4e91{--display:flex;}.elementor-2372 .elementor-element.elementor-element-0a44936{--display:flex;}.elementor-2372 .elementor-element.elementor-element-0edbded{--display:flex;}.elementor-2372 .elementor-element.elementor-element-0edbded:not(.elementor-motion-effects-element-type-background), .elementor-2372 .elementor-element.elementor-element-0edbded > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B1436;}.elementor-2372 .elementor-element.elementor-element-b789d9a{--display:flex;}.elementor-2372 .elementor-element.elementor-element-dda6471{--display:flex;}.elementor-2372 .elementor-element.elementor-element-e61a7e8{--display:flex;}.elementor-2372 .elementor-element.elementor-element-1faeb43{--display:flex;}.elementor-2372 .elementor-element.elementor-element-d6c83e0{--display:flex;}.elementor-2372 .elementor-element.elementor-element-319085a{--display:flex;}.elementor-2372 .elementor-element.elementor-element-2d1c0e0{--display:flex;}.elementor-2372 .elementor-element.elementor-element-2d1c0e0:not(.elementor-motion-effects-element-type-background), .elementor-2372 .elementor-element.elementor-element-2d1c0e0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B1436;}.elementor-2372 .elementor-element.elementor-element-b32dd46{--display:flex;--padding-top:104px;--padding-bottom:104px;--padding-left:40px;--padding-right:40px;}.elementor-2372 .elementor-element.elementor-element-b32dd46:not(.elementor-motion-effects-element-type-background), .elementor-2372 .elementor-element.elementor-element-b32dd46 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF9F7;}.elementor-2372 .elementor-element.elementor-element-85b2206{--display:flex;}.elementor-2372 .elementor-element.elementor-element-b5f68dc{--display:flex;}.elementor-2372 .elementor-element.elementor-element-be75772{--display:flex;}.elementor-2372 .elementor-element.elementor-element-c6eae4a{--display:flex;--padding-top:104px;--padding-bottom:104px;--padding-left:40px;--padding-right:40px;}.elementor-2372 .elementor-element.elementor-element-c6eae4a:not(.elementor-motion-effects-element-type-background), .elementor-2372 .elementor-element.elementor-element-c6eae4a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2372 .elementor-element.elementor-element-5841c42{--display:flex;}.elementor-2372 .elementor-element.elementor-element-e0328c4{--display:flex;}.elementor-2372 .elementor-element.elementor-element-7868400{--display:flex;}.elementor-2372 .elementor-element.elementor-element-0a91235 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-2372 .elementor-element.elementor-element-0a91235 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-2372 .elementor-element.elementor-element-0a91235{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-2372 .elementor-element.elementor-element-0a91235 .elementor-icon-list-text{transition:color 0.3s;}.elementor-2372 .elementor-element.elementor-element-dbd5560{--display:flex;--padding-top:104px;--padding-bottom:104px;--padding-left:40px;--padding-right:40px;}.elementor-2372 .elementor-element.elementor-element-dbd5560:not(.elementor-motion-effects-element-type-background), .elementor-2372 .elementor-element.elementor-element-dbd5560 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF9F7;}.elementor-2372 .elementor-element.elementor-element-29d3dea{--display:flex;}.elementor-2372 .elementor-element.elementor-element-4be5cbc{--display:flex;}.elementor-2372 .elementor-element.elementor-element-728bb74{--display:flex;}.elementor-2372 .elementor-element.elementor-element-f418292{--display:flex;}.elementor-2372 .elementor-element.elementor-element-2b97db3{--display:flex;--padding-top:104px;--padding-bottom:104px;--padding-left:40px;--padding-right:40px;}.elementor-2372 .elementor-element.elementor-element-2b97db3:not(.elementor-motion-effects-element-type-background), .elementor-2372 .elementor-element.elementor-element-2b97db3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2372 .elementor-element.elementor-element-a50053b{--display:flex;}.elementor-2372 .elementor-element.elementor-element-7920ba7{--display:flex;}.elementor-2372 .elementor-element.elementor-element-fdf9f7c{--display:flex;}.elementor-2372 .elementor-element.elementor-element-f007728{--display:flex;}.elementor-2372 .elementor-element.elementor-element-f007728:not(.elementor-motion-effects-element-type-background), .elementor-2372 .elementor-element.elementor-element-f007728 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B1436;}.elementor-2372 .elementor-element.elementor-element-aedf122{--display:flex;}.elementor-2372 .elementor-element.elementor-element-9bfff2c .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-2372 .elementor-element.elementor-element-9bfff2c .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-2372 .elementor-element.elementor-element-9bfff2c{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-2372 .elementor-element.elementor-element-9bfff2c .elementor-icon-list-text{transition:color 0.3s;}.elementor-2372 .elementor-element.elementor-element-c201190{--display:flex;--padding-top:104px;--padding-bottom:104px;--padding-left:40px;--padding-right:40px;}.elementor-2372 .elementor-element.elementor-element-c201190:not(.elementor-motion-effects-element-type-background), .elementor-2372 .elementor-element.elementor-element-c201190 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF9F7;}.elementor-2372 .elementor-element.elementor-element-b88368e{--display:flex;}.elementor-2372 .elementor-element.elementor-element-75f7a07{--display:flex;}.elementor-2372 .elementor-element.elementor-element-3fbabf8{--display:flex;}.elementor-2372 .elementor-element.elementor-element-083b8c5{--display:flex;}.elementor-2372 .elementor-element.elementor-element-0979913{--display:flex;--padding-top:104px;--padding-bottom:104px;--padding-left:40px;--padding-right:40px;}.elementor-2372 .elementor-element.elementor-element-0979913:not(.elementor-motion-effects-element-type-background), .elementor-2372 .elementor-element.elementor-element-0979913 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2372 .elementor-element.elementor-element-74e0aad{--display:flex;--padding-top:112px;--padding-bottom:112px;--padding-left:40px;--padding-right:40px;}.elementor-2372 .elementor-element.elementor-element-74e0aad:not(.elementor-motion-effects-element-type-background), .elementor-2372 .elementor-element.elementor-element-74e0aad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B1436;}.elementor-2372 .elementor-element.elementor-element-48068e6{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--flex-wrap:wrap;}@media(max-width:1024px){.elementor-2372 .elementor-element.elementor-element-5509a90{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-2372 .elementor-element.elementor-element-a1d8789{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-2372 .elementor-element.elementor-element-144e94e{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2372 .elementor-element.elementor-element-ca98c0a{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2372 .elementor-element.elementor-element-45b05e8{--border-radius:50px 50px 50px 50px;}.elementor-2372 .elementor-element.elementor-element-d79ebfe img{width:100%;max-width:100%;height:700px;}}@media(max-width:767px){.elementor-2372 .elementor-element.elementor-element-3a670ea{--padding-top:41px;--padding-bottom:88px;--padding-left:22px;--padding-right:22px;}.elementor-2372 .elementor-element.elementor-element-d79ebfe img{width:100%;max-width:100%;height:298px;}}/* Start custom CSS *//* ======================================================================
   /about/  (post 2372)  —  .sya-*
   Sky accent (the design's own default), so no --syp-accent override.
   Shared rules come from the kit (.sy-*, post 6) and the page layer
   (.syp-*, post 22). Only what this design does differently lives here.
   The design stacks at 940px while the layer stacks at 1024px, so every
   grid this page owns sets its own columns and its own 940 stack point.
   ====================================================================== */
#top,#who,#name,#believe,#founder,#areas,#customers,#accountable,#privacy,#questions,#next{scroll-margin-top:128px}

/* Kit seam ::before and layer wash ::before are the same pseudo-element. */
.sy-sec.syp-wash::before{top:0;left:0;right:0;bottom:0;height:auto;z-index:0;transform:none}

/* ============ RAIL ============ */
.sya-rail{background:var(--color-bg-glass);border-bottom:1px solid var(--color-border-default);z-index:98}
/* The tracker resolves against .sya-rail (Elementor already makes .e-con
   position:relative), not against .e-con-inner, so the 2px bar runs edge to
   edge instead of being inset by the rail gutter. */
.sya-rail > .e-con-inner{max-width:none!important;margin:0;padding:0}
.sya-raillist{width:100%}
.sya-rail.sya-rail .elementor-icon-list-item a{height:46px}
.sya-progress{position:absolute!important;left:0;right:0;bottom:-1px;width:auto!important;height:2px;pointer-events:none}
.sya-progress > .elementor-widget-container{height:2px}
.sya-progress .elementor-scrolling-tracker{height:2px;min-height:0;background:transparent;border-radius:0;overflow:hidden}
.sya-progress .current-progress{background:var(--color-accent);height:2px;border-radius:0;opacity:.85}
.sya-progress .current-progress-percentage{display:none}

/* ============ SHARED ============
   Spacing on this page is carried entirely by margins, as in the design,
   so every section and column zeroes Elementor's own container gap. */
.elementor-2372 .sya-sec > .e-con-inner{gap:0}
.sya-col > .e-con-inner{padding:0;gap:0}
.syp-grid > .e-con-inner > .sya-col > .e-con-inner{max-width:none!important}
.sya-h2 .elementor-heading-title{font-family:var(--font-display);font-weight:600;font-size:clamp(30px,3.8vw,44px);line-height:1.1;letter-spacing:-0.03em;color:var(--color-ink-800);margin:0}
.sya-h2--22 .elementor-heading-title{margin:0 0 22px}
.sya-h2--26 .elementor-heading-title{margin:0 0 26px}
.sya-h2--36 .elementor-heading-title{margin:0 0 36px}
/* .syp-grid > .e-con-inner sets gap and align-items in the layer, which
   loads after page CSS and so wins an equal-specificity tie. */
.sya-split.sya-split > .e-con-inner{gap:56px;align-items:start}
.sya-p19 p{margin:0 0 22px;font-size:19px;line-height:1.7;color:var(--color-ink-500);text-wrap:pretty}
.elementor-2372 .sya-body p{margin:0 0 22px}
.elementor-2372 .sya-body p:last-child{margin-bottom:0}
.elementor-2372 .sya-body--20 p{margin:0 0 20px}
.elementor-2372 .sya-body--20 p:last-child{margin-bottom:0}
.sya-mt28{margin-top:28px}

/* Dash lists: the design's rows carry no dividers, unlike .syp-dashlist. */
.sya-citylist .elementor-icon-list-items{display:flex;flex-direction:column;gap:12px;margin:0;padding:0}
.sya-citylist .elementor-icon-list-item{margin:0;padding:0;display:flex;align-items:baseline;gap:14px;font-size:17px;line-height:1.6;color:var(--color-ink-600)}
.sya-citylist .elementor-icon-list-item::before{content:'';width:12px;height:1px;background:var(--color-border-strong);flex:none;transform:translateY(-6px)}
.sya-citylist .elementor-icon-list-icon{display:none}
.sya-citylist .elementor-icon-list-text{padding:0;color:var(--color-ink-600)}

/* Photo placeholders: this design frames them at 16px with no shadow,
   where .syp-shot (built from the DS PhotoFrame) uses 24px and a shadow. */
.sya-shot.sya-shot{border-radius:16px;box-shadow:none}
.sya-shot--43.sya-shot--43{aspect-ratio:4/3}

/* ============ HERO ============ */
.sya-hero > .e-con-inner{gap:0}
.sya-herocol > .e-con-inner{max-width:900px!important;margin-left:0;margin-right:0;padding:0;gap:0}
.sya-h1.sya-h1 .elementor-heading-title{font-size:clamp(36px,5.4vw,68px);margin:0 0 28px}
.sya-lede.sya-lede p{margin:0 0 36px;max-width:70ch}
.sya-ctarow > .e-con-inner{max-width:none!important;padding:0;gap:24px}
.sya-ctanote p{margin:0;font-size:16px;color:var(--color-ink-500)}
.sya-facts > .e-con-inner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px;align-items:start;max-width:none!important;margin-top:72px;padding:40px 0 0;border-top:1px solid var(--color-border-default)}
.sya-facts > .e-con-inner > .e-con{width:100%!important;max-width:none!important;flex:none!important}
.sya-fact > .e-con-inner{padding:0;gap:0}
.sya-fact > .e-con-inner::before{content:'icon';display:flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;border-radius:10px;border:1px dashed var(--color-border-strong);font-family:var(--font-display);font-size:10px;font-weight:500;color:var(--color-text-muted);margin:0 0 16px}
.sya-factname .elementor-heading-title{font-family:var(--font-display);font-size:17px;font-weight:600;letter-spacing:-0.02em;color:var(--color-ink-800);margin:0 0 8px}
.sya-factcopy p{margin:0;font-size:16px;line-height:1.6;color:var(--color-ink-500)}

/* ============ 01 WHO ============ */
.sya-whogrid.sya-whogrid > .e-con-inner{grid-template-columns:1.15fr .85fr}
.sya-shortcard{border:1px solid var(--color-border-default);border-radius:var(--radius-panel);overflow:hidden}
.sya-shortcard > .e-con-inner{padding:32px;max-width:none!important;gap:0}
.sya-cardlabel .elementor-heading-title{font-family:var(--font-display);font-size:15px;font-weight:500;color:var(--color-ink-500);margin:0 0 20px}
.sya-srow{margin-bottom:14px}
.sya-srow > .e-con-inner{max-width:none!important;padding:0 0 14px;gap:18px;border-bottom:1px solid rgba(22,34,79,.09)}
.sya-srow .elementor-widget{width:auto}
.sya-srow--last{margin-bottom:0}
.sya-srow--last > .e-con-inner{padding-bottom:0;border-bottom:none}
.sya-slabel .elementor-heading-title{font-family:var(--font-display);font-size:15px;font-weight:500;color:var(--color-ink-500);margin:0;white-space:nowrap}
.sya-sval.sya-sval .elementor-heading-title{font-size:17px;line-height:1.5;color:var(--color-ink-800);text-align:right;margin:0}
.sya-sval--link .elementor-heading-title a{color:var(--color-accent)}

/* ============ 02 FOUNDER ============ */
.sya-fndgrid.sya-fndgrid > .e-con-inner{grid-template-columns:.85fr 1.15fr}

/* ============ 03 AREAS ============ */
.sya-areagrid.sya-areagrid > .e-con-inner{grid-template-columns:1.1fr .9fr}
.sya-arearight > .e-con-inner{max-width:none!important;padding:0;gap:20px}
.sya-arrow{margin-top:30px}

/* ============ 04 CUSTOMERS ============ */
.sya-head74 > .e-con-inner{max-width:74ch!important;margin-left:0;margin-right:0;padding:0;gap:0}
.sya-head74--48{margin-bottom:48px}
.sya-intro44 p{margin:0 0 44px;font-size:19px;line-height:1.7;color:var(--color-ink-500);text-wrap:pretty}
.sya-two.sya-two > .e-con-inner{grid-template-columns:1fr 1fr;gap:32px;align-items:stretch}
.sya-ccard.sya-ccard{padding:34px}
.sya-ccard > .e-con-inner{max-width:none!important;padding:0;gap:0}
.sya-ccard > .e-con-inner::before{content:'icon';display:flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;border-radius:10px;border:1px dashed var(--color-border-strong);font-family:var(--font-display);font-size:10px;font-weight:500;color:var(--color-text-muted);margin:0 0 20px}
.sya-cardh3.sya-cardh3 .elementor-heading-title{font-size:22px;letter-spacing:-0.02em;margin:0 0 14px}
.sya-closeline{margin-top:36px}
.sya-closeline p{margin:0;max-width:74ch;font-size:18px;line-height:1.7;color:var(--color-ink-600);text-wrap:pretty}

/* ============ 05 ACCOUNTABILITY ============ */
.sya-even48.sya-even48 > .e-con-inner{grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.sya-colh3.sya-colh3 .elementor-heading-title{font-size:22px;letter-spacing:-0.02em;margin:0 0 20px}
.sya-remedy{margin-bottom:24px}
.sya-remedy.sya-remedy > .e-con-inner{max-width:none!important;padding:30px;gap:12px}
.sya-rlabel.sya-rlabel .elementor-heading-title{color:rgba(255,255,255,.62);margin:0}
.elementor-2372 .sya-rcopy p{margin:0;font-size:19px;line-height:1.7;color:#fff}

/* ============ 06 PRIVACY ============ */
.sya-pcard{border:1px solid var(--color-border-default);border-radius:var(--radius-panel);overflow:hidden}
.sya-pcard > .e-con-inner{max-width:none!important;padding:34px;gap:0}
.sya-pcardh3.sya-pcardh3 .elementor-heading-title{font-size:22px;letter-spacing:-0.02em;margin:0 0 16px}

/* ============ 07 QUESTIONS ============ */
.sya-faqnote{margin-top:28px}
.sya-faqnote p{margin:0;font-size:18px;line-height:1.7;color:var(--color-ink-500)}
.sya-faqnote a{color:var(--color-accent)}

/* ============ CLOSING BAND ============
   The layer's .syp-closing* rules set their own margins, sizes and colours
   and load after page CSS, so each override needs the doubled class. */
.sya-cta > .e-con-inner{max-width:900px!important;gap:0}
.sya-ctah2.sya-ctah2 .elementor-heading-title{margin:0 0 20px}
.sya-ctalede.sya-ctalede p{margin:0 auto 20px;max-width:66ch;font-size:19px;line-height:1.7;color:rgba(255,255,255,.78);text-wrap:pretty}
.sya-house p{margin:0 auto 36px;max-width:66ch;font-size:17px;line-height:1.7;color:rgba(255,255,255,.62);text-align:center;text-wrap:pretty}
.sya-ctarow--mid > .e-con-inner{gap:20px}
.sya-ctanote--dark p{color:rgba(255,255,255,.62)}

/* ============ RESPONSIVE ============
   Elementor's tablet default adds 24px inline padding to every nested
   container and it compounds with depth. .syp-card is excluded because it
   is the one place the layer puts real padding on .e-con. */
@media(max-width:1024px){
.elementor-2372 .e-con:not(.e-parent):not(.syp-card){padding-left:0!important;padding-right:0!important}
.elementor-2372 .sya-shot.sya-shot{aspect-ratio:4/5}
.elementor-2372 .sya-shot--43.sya-shot--43{aspect-ratio:4/3}
}
@media(max-width:940px){
.elementor-2372 .sy-sec{padding-left:22px!important;padding-right:22px!important}
.sya-rail{padding-left:22px!important;padding-right:22px!important}
.sya-rail.sya-rail .elementor-icon-list-item a{height:54px}
.sya-split.sya-split > .e-con-inner,.sya-even48.sya-even48 > .e-con-inner{grid-template-columns:1fr;gap:30px}
.sya-two.sya-two > .e-con-inner{grid-template-columns:1fr;gap:28px}
.sya-facts > .e-con-inner{grid-template-columns:1fr 1fr;gap:24px}
.elementor-2372 .sya-shot.sya-shot,.elementor-2372 .sya-shot--43.sya-shot--43{aspect-ratio:16/9}
/* The rail grows to 55px here while the header is still 75px, so the desktop
   128px offset leaves an anchored heading 2px behind the rail. */
#top,#who,#name,#believe,#founder,#areas,#customers,#accountable,#privacy,#questions,#next{scroll-margin-top:134px}
}
@media(max-width:767px){
#top,#who,#name,#believe,#founder,#areas,#customers,#accountable,#privacy,#questions,#next{scroll-margin-top:128px}
.elementor-2372 .sya-ccard.sya-ccard{padding:26px 24px}
.elementor-2372 .sya-pcard > .e-con-inner{padding:26px 24px}
.elementor-2372 .sya-shortcard > .e-con-inner{padding:26px 24px}
.elementor-2372 .sya-remedy.sya-remedy > .e-con-inner{padding:26px 24px}
}
@media(max-width:560px){
.sya-facts > .e-con-inner{grid-template-columns:1fr}
.sya-slabel .elementor-heading-title{white-space:normal}
}

/* ============ 02 THE NAME ============
   Full-bleed section: the ink panel runs to the right edge, so this one
   drops .sy-w860 and zeroes the gutter the kit and the 940 block force on
   every other .sy-sec.
   The design ships two builds rather than one reflow — the mobile version
   splits the Sy/Gora paragraph into two hairline rows, moves the closing
   line onto its own ink panel and shows the section numeral the desktop
   build leaves out. Elementor's hidden-tablet/hidden-mobile classes follow
   the kit's breakpoint list, so the swap is done here instead, on the
   design's own 1024 line. Only the hidden side is ever given a display
   value, so neither build depends on what .e-con defaults to.
   Every .e-con-inner rule below doubles its class: Elementor's own
   .e-con.e-flex > .e-con-inner{flex-direction:var(--flex-direction)} scores
   (0,3,0), and where the variable is unset the invalid var() resolves to
   unset rather than letting a (0,2,0) page rule through - which silently
   flattened both the row and the panel's vertical centring. */
.sya-name.sya-name > .e-con-inner{max-width:none!important;padding:0;gap:0}
.elementor-2372 .sya-name.sya-name{padding:0!important}
/* One boundary, no gap. max-width:1024px paired with min-width:1025px left
   a hole: a fractional viewport width (device pixel ratio, browser zoom)
   lands at ~1024.01 where neither query matches, and both builds rendered
   at once. Narrowing the gap to 1024.02 only made the hole smaller. So the
   mobile build is hidden unconditionally and re-shown inside the single
   query - nothing can fall between them. .e-con computes to display:flex
   on this site, so the re-show restores exactly what it would otherwise be. */
.sya-nmob{display:none!important}
@media(max-width:1024px){.sya-ndesk{display:none!important}.sya-nmob{display:flex!important}}

/* ---- desktop build (>1024) ---- */
.sya-nrow.sya-nrow > .e-con-inner{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;gap:0;padding:0;max-width:none!important;min-height:640px}
.sya-nrow.sya-nrow > .e-con-inner > .e-con{flex:1 1 62%;min-width:0;width:auto!important;max-width:none!important}
.sya-nrow.sya-nrow > .e-con-inner > .sya-npanel{flex:1 1 38%}
.sya-ncopy{position:relative}
/* Padding sits on .e-con-inner, not .e-con: the 1024 block strips inline
   padding from every nested .e-con on this page. */
.sya-ncopy.sya-ncopy > .e-con-inner{padding:104px clamp(22px,6vw,88px) 104px clamp(22px,9vw,152px);gap:0;max-width:none!important;align-items:flex-start}

/* The kicker is lifted out of flow so the rule and the vertical word sit in
   the column's left gutter; .e-con is already position:relative. This
   Elementor build renders heading widgets with no .elementor-widget-container
   wrapper, so the flex column and the rule sit on the widget itself. */
.sya-nkick{position:absolute;left:clamp(22px,4.2vw,64px);top:104px;z-index:2;width:auto!important;display:flex;flex-direction:column;align-items:center;gap:18px}
.sya-nkick::before{content:'';display:block;flex:none;width:1px;height:56px;background:var(--color-border-strong)}
.sya-nkick .elementor-heading-title{margin:0;font-family:var(--font-display);font-size:var(--font-size-kicker);font-weight:var(--weight-kicker);letter-spacing:0;color:var(--color-accent);writing-mode:vertical-rl;text-orientation:mixed}

.sya-nh2.sya-nh2 .elementor-heading-title{margin:40px 0 0;max-width:15ch;font-family:var(--font-display);font-weight:var(--weight-h2);font-size:clamp(34px,4.6vw,58px);line-height:1.05;letter-spacing:var(--tracking-display);color:var(--color-ink-800);text-wrap:balance}
.elementor-2372 .sya-nlead p{margin:36px 0 0;max-width:62ch;font-size:var(--font-size-lead);line-height:var(--line-lead);color:var(--color-text-body);text-wrap:pretty}
.sya-nlead strong{font-weight:700;color:var(--color-ink-800)}
.sya-npull.sya-npull .elementor-heading-title{margin:44px 0 0;max-width:26ch;font-family:var(--font-display);font-weight:600;font-size:clamp(22px,2.1vw,27px);line-height:1.3;letter-spacing:-0.02em;color:var(--color-ink-800)}
.sya-npull .elementor-heading-title::before{content:'';display:block;width:36px;height:2px;background:var(--color-accent);margin:0 0 20px}
.elementor-2372 .sya-nbody p{margin:44px 0 0;max-width:62ch;font-size:var(--font-size-body);line-height:var(--line-body);color:var(--color-text-body);text-wrap:pretty}

/* .e-con-inner is a column flex, so the design's align-items:center /
   justify-content:flex-start on a row swaps round here. */
.sya-npanel.sya-npanel > .e-con-inner{padding:104px clamp(22px,5vw,80px);gap:0;max-width:none!important;align-items:flex-start;justify-content:center}
.sya-nshot.sya-nshot{position:relative;z-index:2;width:100%;max-width:420px;aspect-ratio:4/5;margin-left:0}
/* The frame crosses the panel edge onto the sand column. The design assumes
   the text has already ended there, and with Literata it just about has - but
   the copy box still reaches 4px past the frame's left edge between 1160 and
   1200, and with the Georgia fallback (webfont blocked, or the swap not yet
   done) a line of the lead lands under the frame at 1160.
   The frame intrudes 132px minus the panel's own left padding, so the copy
   column takes that much right padding plus 24px while the pull is on. max()
   keeps the design's own value wherever it is already the larger of the two,
   so nothing changes at 1440 and up. */
@media(min-width:1160px){
.sya-nshot.sya-nshot{margin-left:-132px}
.sya-ncopy.sya-ncopy > .e-con-inner{padding-right:max(clamp(22px,6vw,88px),calc(156px - clamp(22px,5vw,80px)))}
}

/* ---- mobile build (<=1024) ---- */
@media(max-width:1024px){
.sya-nmob.sya-nmob > .e-con-inner{padding:0;gap:0;max-width:none!important}
.sya-nmpanel{background-color:var(--color-ink-900)}
.sya-nmpanel.sya-nmpanel > .e-con-inner{padding:40px 22px 44px;gap:28px;max-width:none!important}
.sya-nmkick.sya-nmkick > .e-con-inner{flex-direction:row;flex-wrap:nowrap;align-items:center;gap:12px;padding:0;max-width:none!important}
.sya-nmkick .elementor-widget{width:auto}
.sya-nmk .elementor-heading-title{margin:0;font-family:var(--font-display);font-size:var(--font-size-kicker);font-weight:var(--weight-kicker);color:var(--color-sand-050)}
.sya-nmk .elementor-heading-title::before{content:'';display:inline-block;vertical-align:middle;width:28px;height:1px;background:rgba(250,249,247,.34);margin-right:12px}
.sya-nmnum{margin-left:auto}
/* The design's .42 measures 3.89:1 on ink-900, under the 4.5:1 this site
   holds itself to; .5 measures 5.03:1 and still reads as the quiet half of
   the kicker row. */
.sya-nmnum .elementor-heading-title{margin:0;font-family:var(--font-display);font-weight:600;font-size:15px;letter-spacing:-0.02em;color:rgba(250,249,247,.5)}
.elementor-2372 .sya-nmshot.sya-nmshot{aspect-ratio:3/2;width:100%;max-width:none;margin:0}
.sya-nmhead.sya-nmhead > .e-con-inner{padding:48px 22px 40px;gap:0;max-width:none!important}
.sya-nmh2.sya-nmh2 .elementor-heading-title{margin:0;max-width:13ch;font-family:var(--font-display);font-weight:var(--weight-h2);font-size:36px;line-height:1.05;letter-spacing:var(--tracking-display);color:var(--color-ink-800);text-wrap:balance}
/* Elementor sets --width:100% on every container, so the design's 22px
   side margins pushed the hairline rows 44px past the viewport, where
   .sy-sec's overflow:hidden clipped their right rule and their text.
   A bare .sya-nmrows{width:auto!important} still lost, so this carries the
   page id as well. */
.elementor-2372 .sya-nmrows.sya-nmrows{margin:0 22px;width:auto!important}
.sya-nmrows.sya-nmrows > .e-con-inner{padding:0;gap:0;max-width:none!important;border-top:1px solid var(--color-border-default)}
/* --flex-wrap-mobile is wrap below 768, and the definition's auto basis is
   its whole unwrapped sentence, so the term and its text broke onto separate
   lines on every phone. nowrap plus a zero basis keeps the 62px column. */
.sya-nmrow.sya-nmrow > .e-con-inner{flex-direction:row;flex-wrap:nowrap;align-items:flex-start;gap:20px;padding:24px 0;max-width:none!important;border-bottom:1px solid var(--color-border-default)}
.sya-nmterm{flex:0 0 62px}
.sya-nmterm .elementor-heading-title{margin:0;font-family:var(--font-display);font-weight:600;font-size:27px;line-height:1.1;letter-spacing:-0.03em;color:var(--color-accent)}
.sya-nmdef{flex:1 1 0;min-width:0}
.elementor-2372 .sya-nmdef p{margin:0;font-size:17px;line-height:1.65;color:var(--color-text-body);text-wrap:pretty}
.sya-nmclose{margin-top:40px;background-color:var(--color-ink-900)}
.sya-nmclose.sya-nmclose > .e-con-inner{padding:44px 22px;gap:18px;max-width:none!important;align-items:flex-start}
.sya-nmpull.sya-nmpull .elementor-heading-title{margin:0;font-family:var(--font-display);font-weight:600;font-size:25px;line-height:1.28;letter-spacing:-0.02em;color:var(--color-sand-050)}
.sya-nmpull .elementor-heading-title::before{content:'';display:block;width:36px;height:2px;background:var(--color-sand-050);margin:0 0 18px}
.elementor-2372 .sya-nmbody p{margin:0;font-size:17px;line-height:1.7;color:rgba(250,249,247,.74);text-wrap:pretty}
}/* End custom CSS */