@layer tokens,base,components;
@layer tokens{
:root{--raw-black:#000;--raw-white:#f7f8f6;--raw-muted:#b4bdbe;--raw-line:#ffffff35;--raw-ink:#111;--raw-darkline:#0003;--raw-cyan:#42ead0;--raw-violet:#6550d4;--raw-font:'Segoe UI','Helvetica Neue',Arial,sans-serif;--raw-space-1:4px;--raw-space-2:8px;--raw-space-3:12px;--raw-space-4:16px;--raw-space-5:24px;--raw-space-6:32px;--raw-space-7:48px;--raw-space-8:64px;--raw-space-9:96px;--raw-text-small:10px;--raw-text-meta:12px;--raw-text-body:clamp(13px,1.12vw,17px);--raw-display:clamp(42px,5.55vw,88px);--raw-number:clamp(24px,2.25vw,36px);--raw-nav:710px;--raw-line-size:1px;
--background:var(--raw-black);--foreground:var(--raw-white);--muted:var(--raw-muted);--border:var(--raw-line);--surface:var(--raw-white);--on-surface:var(--raw-ink);--surface-border:var(--raw-darkline);--accent:var(--raw-cyan);--accent-secondary:var(--raw-violet);--font-body:var(--raw-font);--gutter:var(--raw-space-5);--gap:var(--raw-space-4);--space-small:var(--raw-space-2);--space-medium:var(--raw-space-6);--space-large:var(--raw-space-8);--space-section:var(--raw-space-9);--text-body:var(--raw-text-body);--text-meta:var(--raw-text-meta);--text-small:var(--raw-text-small);--display:var(--raw-display);--number:var(--raw-number);--nav-width:var(--raw-nav);--rule:var(--raw-line-size);
--color-background:var(--background);--color-foreground:var(--foreground);--color-muted:var(--muted);--color-border:var(--border);--color-surface:var(--surface);--color-on-surface:var(--on-surface);--color-surface-border:var(--surface-border);--color-accent:var(--accent);--color-accent-secondary:var(--accent-secondary);}
}
@layer base{*{box-sizing:border-box}html{scroll-padding-top:var(--space-section)}body{margin:0;background:var(--color-background);color:var(--color-foreground);font:var(--text-body)/1.3 var(--font-body);font-weight:350}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit}button,a,input{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:var(--space-small) solid var(--color-accent);outline-width:2px;outline-offset:var(--space-small)}input:focus-visible{outline:var(--rule) solid var(--color-accent)}h1,h2,h3,p,figure,dl,dd{margin:0}h1,h2,h3{font-weight:300}button{background:none;border:0}::selection{background:var(--color-accent);color:var(--color-background)}}
@layer components{
#particles,.ambient,#fallback{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}#particles{z-index:1}.ambient{background:radial-gradient(ellipse 32% 30% at 0% 10%,#164c4eaa,transparent 100%),radial-gradient(ellipse 26% 28% at 97% 100%,#3aabb3aa,transparent 100%),radial-gradient(ellipse 26% 16% at 76% 88%,#434b8666,transparent),radial-gradient(ellipse 23% 13% at 32% 3%,#3c447755,transparent);background-color:var(--color-background)}#fallback{display:none;background:url('assets/sadara-monitoring.jpg') center/cover no-repeat}.fallback-active #fallback{display:block}.header{position:fixed;top:var(--raw-space-3);left:50%;transform:translateX(-50%);z-index:20;display:flex;align-items:center;justify-content:space-between;gap:var(--gutter);width:min(var(--nav-width),calc(100% - 2 * var(--gutter)));padding:var(--space-small) var(--raw-space-3);background:#000c;border:var(--rule) solid #ffffff14;backdrop-filter:blur(var(--raw-space-3));white-space:nowrap}.logo{display:flex;align-items:center;gap:var(--space-small);font-size:var(--text-body)}.asterisk{font-size:var(--raw-space-6);line-height:1;font-weight:200}.header nav{display:flex;gap:var(--space-medium)}.header nav a:hover,.footer a:hover{color:var(--color-accent)}.outline{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-small);border:var(--rule) solid var(--color-border);padding:var(--raw-space-1) var(--gap);min-height:var(--space-medium)}.outline:hover{background:var(--color-foreground);color:var(--color-background)}.menu-toggle{display:none}.scene{height:135svh;position:relative;z-index:2;pointer-events:none}.scene-inner{position:sticky;top:0;height:100svh;min-height:600px;overflow:hidden}.scene a{pointer-events:auto}.display{font-size:var(--display);line-height:1.02;letter-spacing:-.045em;font-weight:250}.hero-title,.brain-title{position:absolute;top:13%;left:var(--gutter)}.hero-info{position:absolute;top:74.3%;left:0;right:0;border-top:var(--rule) solid var(--color-border);padding:var(--gutter);display:flex;justify-content:space-between}.hero-info>p:last-child{width:22%;color:var(--color-muted)}.uppercase{text-transform:uppercase}.hero-bottom{position:absolute;bottom:var(--space-medium);left:var(--gutter);right:var(--gutter);display:flex;align-items:flex-end;justify-content:space-between;gap:var(--gutter)}.tags{display:flex;gap:var(--gutter);text-transform:uppercase;align-items:center}.request{display:flex;gap:var(--raw-space-1);font-weight:500;font-size:var(--text-body);color:var(--color-on-surface)}.request>span{display:grid;place-items:center;background:var(--color-surface);padding:var(--gap) var(--space-large);white-space:nowrap}.request .request-icon{padding:var(--space-small) var(--raw-space-3);font-size:var(--raw-space-6);font-weight:200}.request:hover>span{background:var(--color-accent)}.scroll-cue{position:absolute;top:69%;left:var(--gutter);font-size:var(--text-small);letter-spacing:.14em;color:var(--color-muted)}.scroll-cue span{padding-left:var(--gap)}.center-title{text-align:center;position:absolute;top:10.5%;left:0;right:0}.galaxy-copy{position:absolute;bottom:19%;left:0;right:0;text-align:center}.metrics{position:absolute;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);height:16%;border-top:var(--rule) solid var(--color-border)}.metrics>div{display:flex;flex-direction:column-reverse;justify-content:center;align-items:flex-start;padding-left:28%;position:relative;border-right:var(--rule) solid var(--color-border)}.metrics>div:before{content:'';position:absolute;top:30%;bottom:30%;left:calc(28% - var(--gap));border-left:var(--rule) solid var(--color-muted)}.metrics dd{font-size:var(--number);font-weight:300}.metrics dt{margin-top:var(--space-small);font-size:var(--text-meta);color:var(--color-muted)}.brain-note{position:absolute;top:47%;left:var(--gutter);font-size:var(--text-meta);max-width:26%}.brain-note.second{left:auto;right:var(--gutter);text-align:right}.brain-caption{position:absolute;right:var(--gutter);bottom:5%;text-align:right;font-size:clamp(40px,4vw,68px)}.brain-request{position:absolute;bottom:var(--gutter);left:var(--gutter)}.content-surface{position:relative;z-index:3;padding-top:var(--space-large)}.light-panel{background:var(--color-surface);color:var(--color-on-surface);margin:0 var(--gutter) var(--space-medium)}.about{padding:var(--space-medium);display:grid;grid-template-columns:2.2fr 1fr;gap:var(--space-medium);min-height:640px}.about-copy{display:flex;flex-direction:column;justify-content:space-between}.about-notes{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-medium);max-width:650px;padding-bottom:var(--gutter)}.about-notes p{margin-top:var(--gap);max-width:290px;line-height:1.45}.portrait{position:relative;aspect-ratio:396/572;overflow:hidden;align-self:stretch}.portrait img{position:absolute;max-width:none;width:363.64%;height:auto;left:-249.5%;top:-18.7%}.faq{text-align:center;padding:var(--space-large) var(--gutter)}.faq>.asterisk{display:block;margin-bottom:var(--gutter)}.faq h2{font-size:clamp(40px,4.5vw,72px)}.questions{max-width:620px;margin:var(--space-large) auto 0;text-align:left}details{border-bottom:var(--rule) solid var(--color-surface-border)}summary{cursor:pointer;list-style:none;padding:var(--gutter) 0;display:flex;align-items:center;justify-content:space-between;gap:var(--gutter);text-transform:uppercase;font-weight:400}summary::-webkit-details-marker{display:none}summary>span{position:relative;width:var(--gutter);height:var(--gutter);flex-shrink:0}summary>span:before,summary>span:after{content:'';position:absolute;background:var(--color-on-surface)}summary>span:before{width:100%;height:var(--rule);top:50%;left:0}summary>span:after{height:100%;width:var(--rule);top:0;left:50%}details[open] summary>span:after{display:none}details p{padding:0 var(--space-large) var(--gutter) 0;line-height:1.5}.contact{text-align:center;padding:var(--space-large) var(--gutter);min-height:330px;background:#0008}.contact form{max-width:560px;margin:var(--space-medium) auto 0}.form-row{display:flex;align-items:center;gap:var(--space-small);padding:var(--space-small);border:var(--rule) solid var(--color-border);background:#0009}.form-row label{flex:1;min-width:0}.form-row input{width:100%;min-width:0;background:none;color:var(--color-foreground);border:none;padding:var(--space-small) var(--gap);font-weight:300}.form-row input::placeholder{color:var(--color-muted)}.form-row button{white-space:nowrap}.form-note{color:var(--color-muted);font-size:var(--text-small);margin-top:var(--gap)}#form-status{font-size:var(--text-meta);margin-top:var(--gap);color:var(--color-accent)}.footer{border-top:var(--rule) solid var(--color-border);padding:var(--space-medium) var(--gutter) var(--space-large);display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-medium);background:#0008}.footer-brand p{margin-top:var(--gutter)}.footer nav{display:flex;flex-direction:column;gap:var(--gutter);color:var(--color-muted)}.footer h3{font-size:var(--text-body);text-transform:uppercase;margin-bottom:var(--gap)}.footer-note{font-size:var(--text-meta);color:var(--color-muted);line-height:1.6}.footer-note p{margin:var(--gutter) 0}.motion-control{position:fixed;z-index:21;bottom:var(--space-small);left:50%;transform:translateX(-50%);font-size:var(--text-small);color:var(--color-muted);background:#000a;padding:var(--raw-space-1) var(--space-small);border:var(--rule) solid #ffffff15}.motion-control:hover{color:var(--color-foreground)}.skip{position:fixed;z-index:30;top:0;left:0;transform:translateY(-120%);padding:var(--gap);background:var(--color-foreground);color:var(--color-background)}.skip:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1800px){.about{min-height:800px}}@media(max-width:900px){.hero-info>p:last-child{width:30%}.tags{gap:var(--space-small);font-size:var(--text-meta)}.request>span{padding:var(--gap) var(--space-medium)}.about{min-height:500px;grid-template-columns:1.5fr 1fr}.about-notes{gap:var(--gap)}.about .display{font-size:clamp(32px,5vw,60px)}.footer{grid-template-columns:2fr 1fr 1fr}.footer-note{grid-column:1/-1}.metrics>div{padding-left:20%}.metrics>div:before{left:calc(20% - var(--gap))}}
@media(max-width:600px){:root{--gutter:var(--raw-space-4);--display:clamp(43px,9.4vw,58px)}.header{gap:var(--space-small);top:var(--space-small);padding:var(--space-small)}.header nav{position:absolute;top:calc(100% + var(--space-small));left:0;right:0;background:#080c0ff5;padding:var(--gutter);display:none;justify-content:space-between;gap:var(--gap);border:var(--rule) solid var(--color-border)}.header.menu-open nav{display:flex}.menu-toggle{display:block;font-size:var(--gutter);padding:var(--space-small);order:2}.contact-link{margin-left:auto;font-size:var(--text-meta)}.scene{height:125svh}.scene-inner{min-height:560px}.hero-title,.brain-title{top:14%}.hero-info{top:auto;bottom:16%;padding:var(--gutter);gap:var(--gutter)}.hero-info p{font-size:var(--text-meta)}.hero-info>p:last-child{width:41%}.hero-info br{display:none}.hero-info>p:first-child{max-width:50%}.hero-bottom{bottom:var(--space-medium);align-items:flex-end}.tags{flex-direction:column;align-items:flex-start;gap:var(--raw-space-1);font-size:var(--text-small)}.tags>span{display:none}.request>span{padding:var(--raw-space-3) var(--gutter);font-size:var(--text-meta)}.request .request-icon{font-size:var(--gutter);padding:var(--raw-space-3)}.scroll-cue{top:auto;bottom:32%;font-size:8px}.center-title{top:15%;font-size:var(--display)}.galaxy-copy{bottom:23%;font-size:var(--text-meta);padding:0 var(--gutter)}.galaxy-copy br{display:none}.metrics{height:17%}.metrics>div{padding-left:var(--gutter)}.metrics>div:before{display:none}.metrics dd{font-size:var(--gutter)}.metrics dt{font-size:9px;max-width:70px}.brain-note{top:45%;max-width:35%;font-size:8px}.brain-note br{display:none}.brain-note.second{top:68%;max-width:28%}.brain-caption{font-size:var(--space-medium);bottom:8%}.about{grid-template-columns:1fr;padding:var(--gutter);gap:var(--space-medium)}.about .display{font-size:var(--display)}.about-notes{margin-top:var(--space-large);font-size:var(--text-meta);padding-bottom:0}.portrait{width:100%;max-height:none;aspect-ratio:396/572}.faq{padding:var(--space-medium) var(--gutter)}.faq h2{font-size:var(--space-medium)}.questions{margin-top:var(--space-medium)}summary{font-size:var(--text-meta)}details p{font-size:var(--text-meta);padding-right:0}.contact{padding:var(--space-large) var(--gutter)}.contact form{margin-top:var(--space-medium)}.form-row{flex-wrap:wrap;padding:var(--gap)}.form-row label{flex-basis:100%}.form-row button{width:100%;margin-top:var(--space-small)}.form-row input{padding-left:0}.footer{grid-template-columns:1fr 1fr;gap:var(--space-medium);font-size:var(--text-meta)}.footer-brand{grid-column:1/-1}.footer nav{gap:var(--gap)}.footer-note{grid-column:1/-1}.content-surface{padding-top:var(--space-medium)}}
@media(prefers-reduced-motion:reduce){.scene{height:100svh}.scene-inner{position:relative}.motion-control{display:none}}
}
@layer tokens {
:root{ /* New content tokens derived from the company-profile layout. */
--raw-content-width:1200px;--raw-copy-width:670px;--raw-logo-width:145px;--raw-body-roomy:1.6;--raw-subheading:clamp(24px,2.6vw,40px);--raw-editorial-title:clamp(38px,4.8vw,72px);--raw-about-height:650px;
--content-width:var(--raw-content-width);--copy-width:var(--raw-copy-width);--logo-width:var(--raw-logo-width);--leading-copy:var(--raw-body-roomy);--text-subheading:var(--raw-subheading);--editorial-title:var(--raw-editorial-title);--about-height:var(--raw-about-height);
}}
@layer components {
.sadara-wordmark{display:block;font-weight:650;letter-spacing:.09em;font-style:italic;font-size:var(--gutter);line-height:1}.sadara-wordmark small{display:block;font-size:var(--text-small);font-weight:350;font-style:normal;letter-spacing:.2em;margin-top:var(--raw-space-1)}.header{width:min(850px,calc(100% - 2 * var(--gutter)))}.section-kicker{font-size:var(--text-meta);letter-spacing:.13em;margin-bottom:var(--space-medium);text-transform:uppercase}.sadara-about{grid-template-columns:1.5fr 1fr;min-height:var(--about-height)}.sadara-about .display{font-size:var(--editorial-title)}.sadara-about .about-copy{justify-content:flex-start}.sadara-about .about-notes{margin-top:auto;padding-top:var(--space-large);max-width:none}.company-image{min-width:0;overflow:hidden}.company-image img{width:100%;height:100%;object-fit:cover;object-position:46% center}.editorial-section{padding:var(--space-section) var(--space-large)}.editorial-section>.display{font-size:var(--editorial-title)}.capabilities,.approach{background:var(--color-background);margin:0 var(--gutter) var(--space-medium)}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-medium);margin-top:var(--space-large)}.capability-grid article{border-top:var(--rule) solid var(--color-border);padding-top:var(--gutter)}.index{font-size:var(--text-meta);letter-spacing:.09em}.capability-grid h3{font-size:var(--text-subheading);line-height:1.15;margin:var(--space-medium) 0 var(--gutter)}.capability-grid p{color:var(--color-muted);line-height:var(--leading-copy)}.solution-list{margin-top:var(--space-large)}.solution-list article{display:grid;grid-template-columns:1fr 2.3fr;gap:var(--space-medium);padding:var(--space-medium) 0;border-top:var(--rule) solid var(--color-surface-border)}.solution-list h3{font-size:var(--text-subheading);line-height:1.2;margin-bottom:var(--gutter)}.solution-list p,.solution-list li{line-height:var(--leading-copy)}.solution-list ul{padding-left:var(--gutter);margin-bottom:0}.layers{padding:0;margin:var(--space-large) 0;list-style:none}.layers li{display:grid;grid-template-columns:1fr 5fr;gap:var(--space-medium);padding:var(--gutter) 0;border-top:var(--rule) solid var(--color-border)}.layers li>span{font-size:var(--text-meta);color:var(--color-accent)}.layers h3{font-size:var(--text-subheading);margin-bottom:var(--space-small)}.layers p{color:var(--color-muted);line-height:var(--leading-copy)}.wide-image img{width:100%;height:auto;display:block}.section-intro{max-width:var(--copy-width);line-height:var(--leading-copy);margin-top:var(--space-medium)}.delivery-grid{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-medium);padding:0;margin:var(--space-large) 0 0}.delivery-grid li{border-top:var(--rule) solid var(--color-surface-border);padding-top:var(--gutter)}.delivery-grid span{font-size:var(--text-meta)}.delivery-grid h3{font-size:var(--gutter);margin:var(--gutter) 0}.delivery-grid p{line-height:var(--leading-copy)}.contact-intro{margin:var(--space-medium) auto var(--gutter);max-width:var(--copy-width);color:var(--color-muted)}.contact-email{display:inline-block;color:var(--color-accent);overflow-wrap:anywhere}.contact .display{font-size:var(--editorial-title)}.message-field{display:block;border:var(--rule) solid var(--color-border);border-top:0}.message-field textarea{font:inherit;color:var(--color-foreground);width:100%;padding:var(--gap);background:var(--color-background);border:none;resize:vertical}.message-field textarea:focus-visible{outline:var(--rule) solid var(--color-accent)}.footer address{font-style:normal;margin:var(--gutter) 0}.footer a{overflow-wrap:anywhere}.faq h2{font-size:var(--editorial-title)}
@media(max-width:900px){.editorial-section{padding:var(--space-large) var(--space-medium)}.capability-grid{grid-template-columns:1fr}.delivery-grid{grid-template-columns:repeat(2,1fr)}.sadara-about{grid-template-columns:1fr}.company-image{aspect-ratio:2/1}.sadara-about .about-notes{padding-top:var(--space-medium)}.solution-list article{grid-template-columns:1fr;gap:var(--gap)}}
@media(max-width:600px){.sadara-wordmark{font-size:var(--gutter)}.sadara-wordmark small{font-size:8px}.hero-title,.brain-title{font-size:clamp(40px,9.3vw,56px)}.center-title{font-size:clamp(36px,9vw,50px)}.editorial-section{padding:var(--space-large) var(--gutter)}.delivery-grid{grid-template-columns:1fr}.capability-grid h3{font-size:var(--space-medium)}.layers li{grid-template-columns:auto 1fr;gap:var(--gutter)}.contact-email{font-size:var(--text-body)}.hero-bottom .request>span{padding-left:var(--space-small);padding-right:var(--space-small)}.hero-info{bottom:17%}.hero-info p{font-size:var(--text-small)}.company-image{aspect-ratio:4/3}.brain-caption{font-size:var(--space-medium)}.sadara-about .about-notes{grid-template-columns:1fr}.metrics dt{font-size:8px}.header nav{font-size:var(--text-meta)}}
}

@layer tokens{ :root{--raw-logo-nav:145px;--raw-logo-mobile:112px;--raw-logo-about:205px;--brand-nav-width:var(--raw-logo-nav);--brand-mobile-width:var(--raw-logo-mobile);--brand-about-width:var(--raw-logo-about);}}
@layer components{.brand-logo{display:block;width:var(--brand-nav-width);height:auto;object-fit:contain}.about-logo{display:block;width:var(--brand-about-width);max-width:100%;height:auto;object-fit:contain;margin-bottom:var(--space-medium)}.footer .logo{width:fit-content}@media(max-width:600px){.header .brand-logo{width:var(--brand-mobile-width)}}}
@layer tokens{ :root{--raw-page-title:clamp(42px,5.1vw,78px);--raw-page-lead:clamp(16px,1.3vw,20px);--raw-page-copy:720px;--raw-contact-columns:1.1fr 1fr;--page-title-size:var(--raw-page-title);--page-lead-size:var(--raw-page-lead);--page-copy-width:var(--raw-page-copy);--contact-columns:var(--raw-contact-columns);}}
@layer components{
.header a[aria-current="page"]{color:var(--color-accent)}.inner-page .scene{height:100svh}.inner-page .scene-inner{position:relative}.page-eyebrow{position:absolute;top:12%;left:var(--gutter);font-size:var(--text-meta);letter-spacing:.15em;color:var(--color-muted)}.page-hero-title{position:absolute;top:18%;left:var(--gutter);font-size:var(--page-title-size);max-width:75%}.page-hero .hero-info>p:last-child{width:30%}.page-hero .hero-bottom .tags{font-size:var(--text-meta)}.inner-page .content-surface{padding-top:var(--space-medium)}.partnership{margin:0 var(--gutter) var(--space-medium);background:var(--color-background)}.principles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-medium);margin-top:var(--space-large)}.principles-grid article{border-top:var(--rule) solid var(--color-border);padding-top:var(--gutter)}.principles-grid article>span{font-size:var(--text-meta);color:var(--color-muted);letter-spacing:.06em}.principles-grid h3{font-size:var(--text-subheading);line-height:1.2;margin:var(--gutter) 0}.principles-grid p{line-height:var(--leading-copy);color:var(--color-muted)}.page-cta{text-align:center;padding:var(--space-section) var(--gutter);background:var(--color-background)}.page-cta .display{font-size:var(--editorial-title)}.page-cta .request{width:fit-content;margin:var(--space-medium) auto 0}.solution-jumps{display:flex;align-items:center;gap:var(--space-medium);flex-wrap:wrap;background:var(--color-background);padding:var(--space-medium) var(--space-large);margin:0 var(--gutter) var(--space-medium);font-size:var(--text-meta)}.solution-jumps>span{color:var(--color-muted);margin-right:auto;letter-spacing:.09em}.solution-jumps a{padding:var(--space-small) 0;border-bottom:var(--rule) solid var(--color-border)}.solution-jumps a:hover{color:var(--color-accent)}.solution-list article{scroll-margin-top:var(--space-section)}.contact-details{display:grid;grid-template-columns:var(--contact-columns);gap:var(--space-large);padding:var(--space-large)}.contact-details .display{font-size:var(--editorial-title)}.contact-details dl>div{border-top:var(--rule) solid var(--color-surface-border);padding:var(--gutter) 0}.contact-details dt{font-size:var(--text-meta);letter-spacing:.1em;margin-bottom:var(--gap)}.contact-details dd{font-size:var(--page-lead-size);line-height:var(--leading-copy);overflow-wrap:anywhere}.contact-details address{font-style:normal}.contact-page .contact{padding:var(--space-section) var(--gutter)}.project-type{display:flex;flex-direction:column;text-align:left;gap:var(--space-small);font-size:var(--text-meta);color:var(--color-muted);margin-bottom:var(--gutter)}.project-type select{width:100%;padding:var(--gap);border:var(--rule) solid var(--color-border);background:var(--color-background);color:var(--color-foreground);font:inherit;font-size:var(--text-body);border-radius:0}.project-type select:focus-visible{outline:var(--rule) solid var(--color-accent);outline-offset:var(--space-small)}.contact-page .contact form{max-width:var(--page-copy-width)}
@media(max-width:900px){.principles-grid{grid-template-columns:1fr}.contact-details{grid-template-columns:1fr;gap:var(--space-medium)}.solution-jumps{padding:var(--space-medium);gap:var(--gutter)}}
@media(max-width:600px){.page-eyebrow{top:13%;font-size:var(--text-small)}.page-hero-title{top:18%;max-width:calc(100% - 2 * var(--gutter));font-size:clamp(36px,8.8vw,49px)}.page-hero .hero-info>p:last-child{width:43%}.page-hero .hero-info{bottom:18%}.page-hero .tags>span{display:block}.page-hero .tags>span:nth-child(even){display:none}.page-hero .hero-bottom .tags{font-size:var(--text-small)}.page-hero .request>span{font-size:var(--text-small)}.page-hero .scroll-cue{bottom:32%}.contact-details{padding:var(--space-medium) var(--gutter)}.contact-details dd{font-size:var(--text-body)}.solution-jumps{display:grid;grid-template-columns:1fr 1fr;padding:var(--gutter)}.solution-jumps>span{grid-column:1/-1}.solution-jumps a{font-size:var(--text-small)}.page-cta .display{font-size:var(--display)}}
}

.page-hero .hero-info p { overflow-wrap: anywhere; }
@layer tokens {
:root {
/* About radar treatment derives from the supplied image and existing teal palette. */
--raw-color-radar-tint:#124b49; --raw-color-radar-clear:#0000; --raw-color-radar-shade:#000c;
--raw-opacity-radar:.78; --raw-radar-mobile-height:57%; --raw-radar-mobile-top:25%;
--hero-imagery-tint:var(--raw-color-radar-tint); --hero-imagery-clear:var(--raw-color-radar-clear); --hero-imagery-shade:var(--raw-color-radar-shade); --hero-imagery-opacity:var(--raw-opacity-radar);
--hero-imagery-mobile-height:var(--raw-radar-mobile-height); --hero-imagery-mobile-top:var(--raw-radar-mobile-top);
--color-hero-imagery-tint:var(--hero-imagery-tint); --color-hero-imagery-clear:var(--hero-imagery-clear); --color-hero-imagery-shade:var(--hero-imagery-shade);
}
}
@layer components {
.about-page .page-hero{background:var(--color-background)}
.about-hero-image{position:absolute;inset:0;background:var(--color-hero-imagery-tint);pointer-events:none}
.about-hero-image img{display:block;width:100%;height:100%;object-fit:cover;opacity:var(--hero-imagery-opacity);mix-blend-mode:luminosity}
.about-hero-image::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,var(--color-hero-imagery-shade),var(--color-hero-imagery-clear) 52%,var(--color-background) 95%),linear-gradient(90deg,var(--color-hero-imagery-shade),var(--color-hero-imagery-clear) 75%)}
@media(max-width:600px){
.about-hero-image{top:var(--hero-imagery-mobile-top);height:var(--hero-imagery-mobile-height)}
.about-hero-image img{object-fit:cover;object-position:23% center}
.about-hero-image::after{background:linear-gradient(180deg,var(--color-background),var(--color-hero-imagery-clear) 20%,var(--color-hero-imagery-clear) 65%,var(--color-background))}
}
}
@layer components {
.solutions-page .page-hero{background:var(--color-background)}
.solutions-hero-image{position:absolute;inset:0;pointer-events:none;background:var(--color-hero-imagery-tint)}
.solutions-hero-image img{display:block;width:100%;height:100%;object-fit:cover;opacity:var(--hero-imagery-opacity)}
.solutions-hero-image::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,var(--color-hero-imagery-shade),var(--color-hero-imagery-clear) 55%,var(--color-background) 98%),linear-gradient(90deg,var(--color-hero-imagery-shade),var(--color-hero-imagery-clear) 90%)}
.solutions-page #particles,.solutions-page #motion-toggle{display:none}
@media(max-width:600px){
.solutions-hero-image{top:var(--hero-imagery-mobile-top);height:var(--hero-imagery-mobile-height)}
.solutions-hero-image img{object-position:60% center}
.solutions-hero-image::after{background:linear-gradient(180deg,var(--color-background),var(--color-hero-imagery-clear) 24%,var(--color-hero-imagery-clear) 58%,var(--color-background))}
}
}

@layer tokens{:root{
/* Keep the operations team and dashboard in view within the existing section. */
--raw-impact-focus:65% center;--impact-focus:var(--raw-impact-focus);--position-impact-image:var(--impact-focus);
}}
@layer components{
.about-page #particles,.about-page #motion-toggle{display:none}
.company-image img{object-position:var(--position-impact-image)}
}

@layer tokens{:root{--raw-team-focus:47% center;--team-focus:var(--raw-team-focus);--position-team-image:var(--team-focus)}}
@layer components{.field-team-hero img{object-position:var(--position-team-image)}}
@layer tokens { :root {
/* Dark photographic treatment matched to the site's black and teal surfaces. */
--raw-approach-filter:brightness(.60) saturate(.78);
--raw-approach-vignette:radial-gradient(ellipse at center,#0000 30%,#0009 100%),linear-gradient(180deg,#00191d24 0%,#0000 38%,#000b 100%);
--approach-image-filter:var(--raw-approach-filter);--approach-image-overlay:var(--raw-approach-vignette);
--filter-approach-image:var(--approach-image-filter);--background-approach-image:var(--approach-image-overlay);
}}
@layer components {
.solutions-page #approach .wide-image{position:relative;overflow:hidden;background:var(--color-background)}
.solutions-page #approach .wide-image img{filter:var(--filter-approach-image)}
.solutions-page #approach .wide-image::after{content:'';position:absolute;inset:0;background:var(--background-approach-image);pointer-events:none}
}

/* Dedicated editorial layouts for About and Solutions; existing hero rules remain unchanged. */
@layer tokens { :root {
--raw-reading-measure:62ch;--raw-dossier-columns:1fr 1.65fr;
--reading-measure:var(--raw-reading-measure);--dossier-columns:var(--raw-dossier-columns);
--width-editorial-copy:var(--reading-measure);--grid-dossier:var(--dossier-columns);
}}
@layer components {
.editorial-split{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-medium)}
.editorial-split .display{font-size:var(--editorial-title);line-height:1.08;text-wrap:balance}
.identity-section,.partnership-story,.solution-directory,.integration-section{background:var(--color-background);margin:0 var(--gutter) var(--space-medium)}
.reading-copy,.lead-copy,.editorial-rows dd,.dossier-content p,.engagement-phases p,.role-list p,.approach-caption p{line-height:var(--leading-copy);max-width:var(--width-editorial-copy)}
.reading-copy p+p{margin-top:var(--gutter)}
.lead-copy{font-size:var(--page-lead-size);color:var(--color-foreground)}
.reading-copy p:not(.lead-copy),.role-list p,.integration-section dd,.approach-caption p:last-child{color:var(--color-muted)}
.editorial-link{display:flex;justify-content:space-between;align-items:center;gap:var(--gutter);padding:var(--gutter) 0;margin-top:var(--space-medium);border-bottom:var(--rule) solid currentColor;font-size:var(--text-body);line-height:var(--leading-copy)}
.editorial-link:hover{color:var(--color-accent)}
.editorial-rows{margin-top:var(--space-large)}
.editorial-rows>div{display:grid;gap:var(--gutter);padding:var(--space-medium) 0;border-top:var(--rule) solid var(--color-border)}
.light-panel .editorial-rows>div{border-color:var(--color-surface-border)}
.editorial-rows dt{font-size:var(--text-subheading);line-height:1.2}
.editorial-rows dt span{display:block;font-size:var(--text-meta);margin-bottom:var(--gutter)}
.editorial-rows dd{margin:0}
.story-photo{margin:0}.story-photo img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:var(--position-impact-image)}
.story-photo figcaption{font-size:var(--text-meta);color:var(--color-muted);padding-top:var(--gutter);line-height:var(--leading-copy)}
.role-list{margin-top:var(--space-medium)}.role-list article{border-top:var(--rule) solid var(--color-border);padding:var(--gutter) 0}.role-list h3{font-size:var(--page-lead-size);margin-bottom:var(--space-small)}
.engagement-phases article{padding:var(--space-medium) 0;border-top:var(--rule) solid var(--color-surface-border)}.engagement-phases article:first-child{padding-top:0;border-top:0}.engagement-phases h3{font-size:var(--text-subheading);line-height:1.2;margin:var(--gutter) 0}.engagement-phases .section-kicker{font-size:var(--text-meta)}
.directory-links a{display:grid;grid-template-columns:auto 1fr auto;gap:var(--gutter);padding:var(--gutter) 0;border-bottom:var(--rule) solid var(--color-border);font-size:var(--page-lead-size);align-items:center;line-height:var(--leading-copy)}.directory-links a>span{font-size:var(--text-meta);color:var(--color-accent)}.directory-links a:hover{color:var(--color-accent)}
.solution-dossier{display:grid;gap:var(--space-medium);padding:var(--space-large) 0;border-top:var(--rule) solid var(--color-surface-border);scroll-margin-top:var(--space-section)}.dossier-section>h2{margin-bottom:var(--space-large)}.solution-dossier:last-child{padding-bottom:0}.dossier-heading h3{font-size:var(--text-subheading);line-height:1.15;text-wrap:balance}.dossier-heading .section-kicker{margin-bottom:var(--gutter)}
.dossier-pair{display:grid;gap:var(--space-medium)}.dossier-content h4{font-size:var(--text-body);font-weight:600;margin-bottom:var(--gap)}.dossier-output{margin-top:var(--space-medium);border-top:var(--rule) solid var(--color-surface-border);padding-top:var(--gutter)}.dossier-output ul{padding-left:var(--gutter);line-height:var(--leading-copy)}.dossier-output li+li{margin-top:var(--space-small)}.dossier-content .editorial-link{font-size:var(--text-meta)}
.operational-view .wide-image{margin-top:var(--space-large)}.approach-caption{margin-top:var(--space-medium)}
@media(min-width:900px){.editorial-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-large)}.editorial-rows>div{grid-template-columns:1fr 1fr;gap:var(--space-large)}.solution-dossier{grid-template-columns:var(--grid-dossier);gap:var(--space-large)}.dossier-pair{grid-template-columns:1fr 1fr;gap:var(--space-medium)}}
@media(max-width:600px){.story-photo img{aspect-ratio:4/3}.dossier-heading h3{font-size:var(--space-medium)}.page-cta .request{max-width:100%}.page-cta .request>span:first-child{white-space:normal}.identity-section .display,.partnership-story .display{font-size:var(--display)}}
}

@layer components {
/* Preserve the supplied teal pixels and alpha; lift the charcoal emblem to white. */
.header .brand-logo { filter:url(#header-logo-tone); }
}