body.sodium-landing{--sn-paper:#f5f3ec;--sn-ink:#20211f;--sn-blue:#263fe5;--sn-line:rgba(38,63,229,.24);margin:0;background:var(--sn-ink);color:var(--sn-ink);font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.35}
.sodium-landing *{box-sizing:border-box}.sodium-landing a{color:inherit;text-decoration:none}.sodium-landing a:hover{text-decoration:underline}.sodium-landing a:focus-visible,.sodium-landing article:focus-visible{outline:2px solid var(--sn-blue);outline-offset:-4px}.sodium-landing a{touch-action:manipulation}
.sodium-landing .sn-skip{position:fixed;z-index:20;top:8px;left:8px;padding:12px;background:var(--sn-paper);transform:translateY(-150%)}.sodium-landing .sn-skip:focus{transform:none}
.sn-shell{height:100svh;padding:8px;display:flex;flex-direction:column;gap:7px}.admin-bar .sn-shell{height:calc(100svh - 32px)}
.sn-board{flex:1;min-height:0;display:grid;gap:1px;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:.18fr .82fr .62fr .95fr;background:var(--sn-ink)}
.sn-board>section,.sn-board>nav,.sn-board>article{min-width:0;min-height:0;overflow:hidden;border-radius:6px;background:var(--sn-paper)}
.sn-hero{grid-column:1/6;grid-row:1/4;display:flex;flex-direction:column;padding:clamp(22px,2.1vw,40px)}
.sn-eyebrow{display:flex;align-items:center;justify-content:space-between;gap:15px}.sn-eyebrow>a{font-size:22px;letter-spacing:-1px}.sn-eyebrow>a span{color:var(--sn-blue)}
.sn-board small,.sn-contact-page small{font:10px/1.3 'Courier New',monospace;letter-spacing:.055em;text-transform:uppercase;color:var(--sn-blue)}
.sn-hero h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(52px,5.85vw,114px);font-weight:400;line-height:1.01;letter-spacing:-.04em;margin:auto 0 20px}.sn-hero h1 span{color:var(--sn-blue)}
.sn-hero .sn-intro{font-size:clamp(14px,1.25vw,20px);line-height:1.5;margin:0 0 24px;max-width:410px}
.sodium-landing .sn-cta{display:flex;justify-content:space-between;align-items:center;gap:24px;background:var(--sn-blue);color:var(--sn-paper);padding:15px 18px;border-radius:4px;width:fit-content;min-width:245px;font:12px/1.3 'Courier New',monospace;min-height:45px}.sodium-landing .sn-cta:focus-visible{outline-color:var(--sn-paper)}
.sn-hero-base{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-top:auto;padding-top:17px;font:10px/1.35 'Courier New',monospace;color:#606259}.sn-points{font:30px/.6 Arial;color:var(--sn-blue);letter-spacing:13px;padding-left:10px}
.sn-logo{grid-column:6/9;grid-row:1/3}.sn-nav{grid-column:9/13;grid-row:1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;font-size:clamp(9px,.75vw,13px)}.sn-nav-contact{color:var(--sn-blue)!important;white-space:nowrap}
.sn-automation{grid-column:9/13;grid-row:1/3}.sn-operations{grid-column:6/9;grid-row:3}.sn-performance{grid-column:9/13;grid-row:3}
.sn-service{grid-row:4;grid-column:span 3}
.sn-board .ob-panel{position:relative;--ob-dir:1;scroll-margin-top:12px}
.sn-board .ob-cover,.sn-board .ob-inside{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;padding:clamp(16px,1.5vw,29px);background:var(--sn-paper);transition:transform 500ms ease;overflow:hidden}
.sn-board .ob-cover{z-index:2;pointer-events:none;transform:translateX(0)}.sn-board .ob-inside{transform:translateX(calc(var(--ob-dir,1)*-100%))}.sn-board .ob-open .ob-cover{transform:translateX(calc(var(--ob-dir,1)*100%))}.sn-board .ob-open .ob-inside{transform:translateX(0)}.sn-board .ob-reset .ob-cover,.sn-board .ob-reset .ob-inside{transition:none}
.sn-board h2{font:400 clamp(23px,2vw,36px)/1.07 Arial,Helvetica,sans-serif;letter-spacing:-.8px;margin:15px 0 10px}.sn-board p{font-size:clamp(12px,.92vw,15px);line-height:1.5;margin:0;max-width:360px}.sn-board .sn-sub{font:10px/1.4 'Courier New',monospace;color:#64665e;margin-top:auto;padding-top:10px}
.sn-board .sn-link{display:flex;align-items:center;justify-content:space-between;width:100%;gap:14px;margin-top:auto;padding-top:13px;font:11px/1.4 'Courier New',monospace;color:var(--sn-blue)}
.sn-board .sn-graphic{display:block;width:100%;min-height:0;flex:1;color:var(--sn-blue);margin:10px 0}
.sn-logo .ob-cover{padding:clamp(24px,2.5vw,48px);justify-content:space-between}.sn-atomic{display:flex;align-items:center;justify-content:space-between;width:100%;font:26px/1 Arial}.sn-atomic span:last-child{color:var(--sn-blue);font:36px/1 'Courier New',monospace}
.sn-na{font:400 clamp(90px,13vw,240px)/.84 Arial,Helvetica,sans-serif;letter-spacing:-.085em;padding-right:10px;margin:15px 0}.sn-board .sn-wordmark{font:clamp(17px,2vw,35px)/1 'Courier New',monospace;letter-spacing:-1.2px;margin:0}.sn-wordmark span{color:var(--sn-blue)}
.sn-board .sn-operations .ob-cover{background:var(--sn-blue);color:var(--sn-paper);background-image:radial-gradient(rgba(245,243,236,.3) .7px,transparent .8px);background-size:17px 17px;background-position:right bottom}.sn-operations small{color:var(--sn-paper)}
.sn-operations .sn-run{font-size:clamp(29px,3.6vw,61px);font-style:italic;letter-spacing:-1.7px;line-height:.96;margin:auto 0}.sn-operations p{font:10px/1.4 'Courier New',monospace}.sn-operations .ob-inside small{color:var(--sn-blue)}
.sn-service .sn-graphic{max-height:42%;align-self:center;margin:auto 0}.sn-service h2{margin:8px 0;font-size:clamp(23px,2.1vw,37px)}
.sn-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--sn-paper);font:9px/1.4 'Courier New',monospace;padding:0 3px;min-height:16px}.sn-footer a:focus-visible{outline-color:var(--sn-paper);outline-offset:2px}
.sn-contact-page{min-height:100svh;background:var(--sn-paper);margin:8px;padding:clamp(24px,6vw,96px);border-radius:6px;display:flex;align-items:flex-start;flex-direction:column}.sn-contact-page .sn-back{font:20px/1 'Courier New',monospace;margin-bottom:70px}.sn-contact-page h1{font:italic clamp(60px,10vw,145px)/.94 Georgia,serif;letter-spacing:-.06em;margin:25px 0;color:var(--sn-ink)}.sn-contact-page h1 span{color:var(--sn-blue)}.sn-contact-page p{font-size:17px;line-height:1.5;margin:0 0 30px}.sn-contact-page .sn-contact-note{font:11px/1.4 'Courier New',monospace;margin:30px 0 0}
@media(min-width:1000px) and (max-height:760px){.sn-hero h1{font-size:clamp(48px,7.8vh,70px);margin:18px 0}.sn-hero .sn-intro{font-size:14px;margin-bottom:18px}.sn-hero-base{padding-top:12px}.sn-na{font-size:min(12vw,24vh)}.sn-operations .sn-run{font-size:clamp(27px,5.6vh,44px)}.sn-operations p{font-size:9px}.sn-board .ob-inside h2{font-size:23px;margin:10px 0}.sn-board .ob-inside p{font-size:12px;line-height:1.4}.sn-board .ob-cover,.sn-board .ob-inside{padding:16px}.sn-logo .ob-cover{padding:24px}.sn-hero .sn-eyebrow small{display:none}}
@media(max-width:999px),(max-height:599px){.sn-shell,.admin-bar .sn-shell{height:auto;min-height:100svh}.sn-board{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:auto}.sn-hero{grid-column:1/-1;grid-row:auto;min-height:570px;padding:30px}.sn-hero h1{font-size:clamp(56px,10vw,105px);margin:60px 0 24px}.sn-hero .sn-intro{font-size:18px}.sn-nav{grid-column:1/-1;grid-row:1;min-height:56px;font-size:12px}.sn-logo,.sn-automation,.sn-operations,.sn-performance,.sn-service{grid-column:auto;grid-row:auto;min-height:310px}.sn-logo .ob-cover{padding:30px}.sn-na{font-size:150px}.sn-board .sn-wordmark{font-size:24px}.sn-operations .sn-run{font-size:56px}.sn-board .ob-cover,.sn-board .ob-inside{padding:22px}.sn-board .ob-inside h2{font-size:30px}.sn-board p{font-size:14px}.sn-board .sn-sub{font-size:11px}.sn-service h2{font-size:28px}.sn-board .sn-link{font-size:12px;padding-top:17px}.sn-footer{flex-wrap:wrap;font-size:10px;padding:8px 3px}}
@media(max-width:540px){.sn-shell{padding:6px;gap:8px}.sn-board{grid-template-columns:minmax(0,1fr)}.sn-nav{gap:12px;font-size:10px;padding:12px;flex-wrap:wrap;justify-content:flex-start}.sn-nav-contact{margin-left:auto}.sn-hero{padding:25px 22px;min-height:540px}.sn-hero h1{font-size:clamp(43px,11.3vw,62px);margin:55px 0 25px}.sn-hero .sn-intro{font-size:15px}.sn-eyebrow>a{font-size:22px}.sn-eyebrow small{font-size:9px}.sn-hero-base{font-size:9px}.sn-logo,.sn-automation,.sn-operations,.sn-performance,.sn-service{min-height:345px}.sn-logo .ob-cover{padding:32px}.sn-na{font-size:180px}.sn-board .sn-wordmark{font-size:29px}.sn-operations .sn-run{font-size:68px}.sn-board .ob-cover,.sn-board .ob-inside{padding:25px}.sn-board .ob-inside h2{font-size:35px}.sn-board p{font-size:15px}.sn-board .sn-sub{font-size:11px}.sn-service h2{font-size:31px}.sn-footer{font-size:9px;gap:10px}.sn-contact-page{margin:6px;min-height:calc(100svh - 12px)}.sn-contact-page p{font-size:15px}}
@media(hover:none){.sn-board .sn-link{min-height:44px}.sn-nav a{padding:8px 0}}
@media(prefers-reduced-motion:reduce){.sn-board .ob-cover,.sn-board .ob-inside{transition:none}html{scroll-behavior:auto!important}}
/* Keep inherited WordPress heading colours within each panel's palette. */
.sn-board h2{color:inherit}.sn-board .sn-operations .ob-cover h2{color:var(--sn-paper)}
@media(min-width:1000px) and (min-height:600px){.sn-operations .sn-run{font-size:clamp(25px,4.7vh,61px)}.sn-operations .ob-inside h2,.sn-performance .ob-inside h2{font-size:26px;margin:9px 0}.sn-operations .ob-inside p,.sn-performance .ob-inside p{font-size:12px;line-height:1.4}}
@media(min-width:1000px) and (min-height:600px) and (max-height:760px){.sn-operations .ob-inside,.sn-performance .ob-inside{padding:12px}.sn-operations .ob-inside h2,.sn-performance .ob-inside h2{font-size:19px;margin:6px 0}.sn-operations .ob-inside p,.sn-performance .ob-inside p{font-size:11.5px;line-height:1.35}.sn-operations .sn-link,.sn-performance .sn-link{font-size:10px;padding-top:6px}}
@media(max-width:999px),(max-height:599px){.sn-board{flex:none}.sn-board>.ob-panel{min-height:310px}.sn-board>.sn-hero{min-height:570px}}
@media(max-width:540px){.sn-board>.ob-panel{min-height:345px}.sn-board>.sn-hero{min-height:540px}}
@media(min-width:1000px) and (max-height:760px){.sn-na{font-size:min(12vw,22vh)}}
@media(min-width:1000px) and (max-height:760px){.sn-na{margin:10px 0}}
