
#stagneda{--sg-green:#003c36;--sg-ink:#092e29;--sg-paper:#f7f8f4;--sg-lime:#d9ed9a;--sg-line:#d8dfd8;background:var(--sg-paper);color:var(--sg-ink);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.5;color-scheme:light;overflow:hidden}#stagneda *{box-sizing:border-box}#stagneda a{color:inherit;text-decoration:none}#stagneda button{font:inherit;cursor:pointer}#stagneda h1,#stagneda h2,#stagneda h3,#stagneda p{margin:0}#stagneda .sg-nav{padding:19px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff;border-bottom:1px solid var(--sg-line)}#stagneda .sg-logo{width:206px;height:auto;display:block}#stagneda .sg-links{display:flex;align-items:center;gap:23px;font-size:13px}#stagneda .sg-btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:13px 19px;background:var(--sg-green);color:#fff;border:1px solid var(--sg-green);font-size:13px;font-weight:600;border-radius:3px;min-height:44px}#stagneda .sg-btn-light{background:var(--sg-lime);color:#092e29;border-color:var(--sg-lime)}#stagneda .sg-hero{padding:65px 5% 38px;background:var(--sg-green);color:#fff;position:relative}#stagneda .sg-hero-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:35px;align-items:center}#stagneda .sg-eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:600;text-transform:uppercase;display:flex;align-items:center;gap:10px}#stagneda .sg-dot{width:6px;height:6px;border-radius:100%;background:var(--sg-lime);display:inline-block}#stagneda h1{font-size:clamp(36px,5.6vw,59px);line-height:1.06;letter-spacing:-2px;font-weight:600;margin:22px 0}#stagneda .sg-hero-copy{max-width:420px;font-size:15px;line-height:1.7;opacity:.8}#stagneda .sg-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:28px}#stagneda .sg-text-link{font-size:13px;border-bottom:1px solid #72968b;padding:9px 0}#stagneda .sg-hero-bottom{margin-top:47px;padding-top:21px;border-top:1px solid #ffffff30;display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#d4e3de}#stagneda .sg-system{position:relative;min-height:322px;border:1px solid #ffffff24;border-radius:3px;background:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:24px 24px}#stagneda .sg-system-top{position:absolute;left:18px;top:16px;font-size:10px;letter-spacing:1.5px;color:#c5d6d0}#stagneda .sg-building{position:absolute;left:19%;top:75px;width:65%;height:177px;border:1px solid #91aaa0;transform:skewY(-9deg);background:#ffffff04}#stagneda .sg-floor{height:33.3%;border-bottom:1px solid #6a9185;background:repeating-linear-gradient(90deg,transparent 0,transparent 24%,#688e813d 24%,#688e813d 25%)}#stagneda .sg-pipe{position:absolute;border:3px solid var(--sg-lime);border-bottom:none;width:36%;height:164px;left:36%;top:55px;border-radius:10px 10px 0 0;transform:skewY(-9deg)}#stagneda .sg-pipe-two{position:absolute;border:2px solid #8ab5ac;border-right:none;width:56%;height:90px;left:17%;top:130px;border-radius:8px 0 0 8px;transform:skewY(-9deg)}#stagneda .sg-system-tag{position:absolute;left:17px;bottom:17px;font-size:11px;padding:5px 9px;background:#0c4b42;color:#e5f1e5;border:1px solid #ffffff20}#stagneda .sg-system-key{position:absolute;right:14px;top:45px;color:var(--sg-lime);font-size:10px;letter-spacing:1px}#stagneda .sg-section{padding:53px 5%}#stagneda .sg-section-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:29px}#stagneda .sg-kicker{font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:#5d7368;margin-bottom:11px}#stagneda h2{font-size:32px;line-height:1.15;letter-spacing:-1px;font-weight:500}#stagneda .sg-small-copy{font-size:13px;color:#5d6d63;max-width:300px}#stagneda .sg-services{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--sg-line);border-bottom:1px solid var(--sg-line)}#stagneda .sg-service{background:transparent;border:0;border-right:1px solid var(--sg-line);padding:24px 16px;text-align:left;color:var(--sg-ink);display:flex;flex-direction:column;gap:20px}#stagneda .sg-service:first-child{padding-left:0}#stagneda .sg-service:last-child{border-right:0}#stagneda .sg-service[aria-pressed=true]{background:#e9eedf}#stagneda .sg-service .sg-service-icon{height:26px;color:#366354}#stagneda .sg-service b{font-size:14px;font-weight:600}#stagneda .sg-service small{font-size:11px;line-height:1.5;color:#667568;min-height:34px}#stagneda .sg-detail{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0 0;font-size:13px;color:#4f655a}#stagneda .sg-detail a{white-space:nowrap;border-bottom:1px solid #688c77;padding-bottom:3px;color:var(--sg-ink)}#stagneda .sg-projects-section{background:#edf0e8}#stagneda .sg-project-list{border-top:1px solid #cbd5c9}#stagneda .sg-project{display:grid;grid-template-columns:45px 1.2fr 1fr 30px;gap:15px;align-items:center;border-bottom:1px solid #cbd5c9;padding:23px 0}#stagneda .sg-project .sg-num{font-size:12px;color:#7a897b}#stagneda .sg-project h3{font-size:23px;letter-spacing:-.6px;font-weight:500}#stagneda .sg-project p{color:#5e6f61;font-size:12px}#stagneda .sg-project-category{font-size:12px;color:#5e6f61}#stagneda .sg-project .sg-arrow{font-size:22px;color:#496951}#stagneda .sg-process{display:grid;grid-template-columns:1fr 1.5fr;gap:60px}#stagneda .sg-steps{display:grid;grid-template-columns:1fr 1fr;gap:26px}#stagneda .sg-step{border-top:1px solid var(--sg-line);padding-top:14px}#stagneda .sg-step span{font-size:11px;color:#6c7d6c}#stagneda .sg-step h3{font-size:16px;font-weight:600;margin:9px 0}#stagneda .sg-step p{font-size:12px;color:#5d6d63}#stagneda .sg-contact{margin:0 5% 44px;padding:37px;background:var(--sg-lime);display:flex;align-items:center;justify-content:space-between;gap:30px}#stagneda .sg-contact p{font-size:13px;max-width:400px;margin-top:13px;color:#37523b}#stagneda .sg-contact-links{display:flex;flex-direction:column;gap:10px;flex-shrink:0;font-size:13px}#stagneda .sg-footer{padding:25px 5%;border-top:1px solid var(--sg-line);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:#657364}#stagneda .sg-footer strong{color:var(--sg-green);font-size:18px;letter-spacing:-.5px}#stagneda .sg-mobile-menu{display:none}#stagneda .sg-hero.sg-light{background:#e9eee4;color:var(--sg-ink)}#stagneda .sg-light .sg-system{background-color:var(--sg-green)}#stagneda .sg-light .sg-hero-bottom{color:#52705e;border-color:#bac9b8}#stagneda .sg-light .sg-btn-light{background:var(--sg-green);color:#fff;border-color:var(--sg-green)}
@media(max-width:700px){#stagneda .sg-nav{flex-wrap:wrap;gap:15px}#stagneda .sg-logo{width:177px}#stagneda .sg-links{gap:14px;font-size:12px;flex-wrap:wrap}#stagneda .sg-links .sg-btn{display:none}#stagneda .sg-hero{padding-top:36px}#stagneda .sg-hero-grid{grid-template-columns:1fr}#stagneda h1{font-size:42px}#stagneda .sg-system{min-height:270px}#stagneda .sg-building{top:60px;height:155px}#stagneda .sg-pipe{top:41px;height:150px}#stagneda .sg-pipe-two{top:115px;height:72px}#stagneda .sg-hero-bottom{margin-top:27px;flex-wrap:wrap}#stagneda .sg-section{padding:35px 5%}#stagneda .sg-section-head{align-items:start;flex-direction:column;gap:15px}#stagneda h2{font-size:29px}#stagneda .sg-services{grid-template-columns:1fr 1fr}#stagneda .sg-service{border-bottom:1px solid var(--sg-line);padding:19px 13px!important}#stagneda .sg-service:last-child{grid-column:1/-1}#stagneda .sg-detail{flex-direction:column;align-items:start;gap:12px}#stagneda .sg-project{grid-template-columns:25px 1fr 20px;gap:9px}#stagneda .sg-project-category{display:none}#stagneda .sg-project h3{font-size:21px}#stagneda .sg-process{grid-template-columns:1fr;gap:26px}#stagneda .sg-contact{padding:25px;flex-direction:column;align-items:start}#stagneda .sg-footer{flex-wrap:wrap}}


#stagneda{--sg-paper:#fff;--sg-green:#003d35;--sg-ink:#17382e;--sg-lime:#dfE7de;--sg-line:#dbe3da}
#stagneda .sg-nav{padding-top:23px;padding-bottom:23px}
#stagneda .sg-logo{width:220px}
#stagneda .sg-btn{border-radius:0}
#stagneda .sg-hero{background:#f2f4ee;color:var(--sg-ink);padding-top:45px;padding-bottom:0}
#stagneda .sg-hero-grid{grid-template-columns:1.3fr 1fr;gap:45px;margin-top:24px;align-items:center}
#stagneda .sg-eyebrow{font-size:10px;letter-spacing:2px;color:#526d5d}
#stagneda h1{font-size:clamp(40px,5.8vw,64px);line-height:1.03;letter-spacing:-2.8px;margin:0 0 24px;font-weight:500}
#stagneda h1 em{font-family:Georgia,serif;font-weight:400;color:#43795f}
#stagneda .sg-hero-copy{font-size:15px;line-height:1.8;opacity:1;color:#586b5c;max-width:385px}
#stagneda .sg-btn-light{background:var(--sg-green);border-color:var(--sg-green);color:white}
#stagneda .sg-actions{gap:17px}
#stagneda .sg-hero-bottom{color:#566b5c;border-top:1px solid #cdd9cc;padding:22px 0;margin-top:39px;letter-spacing:.6px;font-size:11px}
#stagneda .sg-audiences{display:grid;gap:13px}
#stagneda .sg-audience{padding:22px;background:#fff;border:1px solid #d6e0d5;display:block;transition:background .2s}
#stagneda .sg-audience:hover{background:#e7eee4}
#stagneda .sg-audience-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:1px;color:#68836b}
#stagneda .sg-audience h3{font-size:25px;line-height:1.2;letter-spacing:-.7px;margin:10px 0;font-weight:500}
#stagneda .sg-audience p{font-size:12px;color:#617160;line-height:1.6}
#stagneda .sg-audience-link{font-size:11px;margin-top:17px;display:flex;justify-content:space-between;border-top:1px solid #e2e8df;padding-top:12px}
#stagneda .sg-section{padding-top:48px;padding-bottom:48px}
#stagneda h2{font-size:33px;font-weight:500;line-height:1.18}
#stagneda .sg-services{gap:9px;border:0}
#stagneda .sg-service{border:1px solid #dbe3da!important;padding:18px 12px!important;gap:15px;background:white}
#stagneda .sg-service[aria-pressed=true]{background:var(--sg-green);color:#fff}
#stagneda .sg-service[aria-pressed=true] small,#stagneda .sg-service[aria-pressed=true] .sg-service-icon{color:#d5e5d6}
#stagneda .sg-service small{min-height:32px}
#stagneda .sg-projects-section{background:#f2f4ee}
#stagneda .sg-project-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;border:0}
#stagneda .sg-project{display:flex;flex-direction:column;align-items:start;padding:25px;background:#fff;border:0;gap:20px;min-height:210px;justify-content:space-between}
#stagneda .sg-project .sg-num{font-family:Georgia,serif;font-size:38px;line-height:1;color:#85a48b}
#stagneda .sg-project h3{font-size:22px}
#stagneda .sg-project-category{font-size:10px;text-transform:uppercase;letter-spacing:.9px}
#stagneda .sg-project>span:last-child:empty{display:none}
#stagneda .sg-contact{background:var(--sg-green);color:#fff;padding:42px}
#stagneda .sg-contact .sg-kicker,#stagneda .sg-contact p{color:#bfd0bc}
#stagneda .sg-contact .sg-btn{background:#f2f4ee;color:var(--sg-green);border-color:#f2f4ee}
@media(max-width:700px){#stagneda .sg-hero-grid{grid-template-columns:1fr;gap:28px}#stagneda h1{font-size:clamp(33px,6.4vw,45px);letter-spacing:-1.7px}#stagneda .sg-logo{width:180px}#stagneda .sg-project-list{grid-template-columns:1fr}#stagneda .sg-project{min-height:0;display:grid;grid-template-columns:35px 1fr;align-items:center;padding:20px;gap:15px}#stagneda .sg-project-category{grid-column:2;display:block}#stagneda .sg-project .sg-num{font-size:28px}#stagneda .sg-project h3{font-size:22px}#stagneda .sg-contact{padding:25px}#stagneda .sg-section{padding-top:36px;padding-bottom:36px}}

/* Production layout and accessible typography. */
html { scroll-behavior: smooth; scroll-padding-top: 24px; }
body { margin: 0; background: #fff; }
button, a { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid #a87c24; outline-offset: 5px; }
.skip-link { position: absolute; left: 16px; top: -100px; padding: 12px; z-index: 20; background: #fff; color: #003d35; }
.skip-link:focus { top: 12px; }
#stagneda { width: 100%; max-width: 1600px; margin: auto; overflow: clip; }
#stagneda .sg-hero-grid { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); }
#stagneda .sg-hero { padding-top: 64px; }
#stagneda .sg-hero-copy, #stagneda .sg-small-copy, #stagneda .sg-detail,
#stagneda .sg-step p, #stagneda .sg-contact p { font-size: 16px; line-height: 1.7; }
#stagneda .sg-hero-copy { max-width: 540px; }
#stagneda .sg-small-copy { max-width: 370px; }
#stagneda .sg-links, #stagneda .sg-btn, #stagneda .sg-text-link,
#stagneda .sg-contact-links { font-size: 15px; }
#stagneda .sg-links a { padding-top: 10px; padding-bottom: 10px; }
#stagneda .sg-eyebrow, #stagneda .sg-kicker, #stagneda .sg-audience-top,
#stagneda .sg-project-category, #stagneda .sg-hero-bottom, #stagneda .sg-footer { font-size: 12px; }
#stagneda .sg-audience { padding: 27px; }
#stagneda .sg-audience p, #stagneda .sg-audience-link, #stagneda .sg-service small,
#stagneda .sg-project p, #stagneda .sg-step span { font-size: 14px; }
#stagneda .sg-service b { font-size: 16px; overflow-wrap: anywhere; }
#stagneda .sg-service { padding: 22px 14px !important; min-width: 0; }
#stagneda .sg-services { grid-template-columns: repeat(5, minmax(0, 1fr)); }
#stagneda .sg-service small { min-height: 44px; }
#stagneda .sg-step h3 { font-size: 18px; }
#stagneda .sg-step { min-width: 0; }
#stagneda .sg-service-number { font-size: 13px; color: #63816d; }
#stagneda .sg-service[aria-pressed=true] .sg-service-number { color: #c6dccb; }
#stagneda .sg-process { gap: 42px; grid-template-columns: minmax(0,1fr) minmax(0,1.5fr); }
#stagneda .sg-contact-links a { min-height: 44px; display: flex; align-items: center; }
#stagneda .sg-project-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
#stagneda .sg-project { min-width: 0; }
#stagneda .sg-footer { flex-wrap: wrap; }
#stagneda .sg-footer a { text-decoration: underline; text-underline-offset: 3px; }
@media (min-width: 1200px) {
  #stagneda .sg-section { padding-top: 72px; padding-bottom: 72px; }
  #stagneda h1 { font-size: 76px; }
  #stagneda h2 { font-size: 40px; }
  #stagneda .sg-audiences { grid-template-columns: 1fr; }
}
@media (max-width: 1000px) {
  #stagneda .sg-links { gap: 14px; }
  #stagneda .sg-services { grid-template-columns: repeat(3, minmax(0,1fr)); }
  #stagneda .sg-hero-grid { gap: 28px; }
  #stagneda .sg-audience { padding: 20px; }
  #stagneda h1 { font-size: 52px; }
}
@media (max-width: 700px) {
  html { scroll-padding-top: 12px; }
  #stagneda .sg-nav { gap: 12px; }
  #stagneda .sg-links { width: 100%; justify-content: space-between; gap: 8px; }
  #stagneda .sg-links .sg-btn { display: inline-flex; background: transparent; color: #003d35; border: 0; padding: 10px 0; }
  #stagneda .sg-hero { padding-top: 32px; }
  #stagneda .sg-hero-grid, #stagneda .sg-process { grid-template-columns: minmax(0,1fr); }
  #stagneda h1 { font-size: clamp(38px,8vw,52px); letter-spacing: -1.5px; }
  #stagneda .sg-services { grid-template-columns: repeat(2, minmax(0,1fr)); }
  #stagneda .sg-service:last-child { grid-column: 1 / -1; }
  #stagneda .sg-service { padding: 17px 12px !important; }
  #stagneda .sg-hero-bottom { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
  #stagneda .sg-project-list { grid-template-columns: minmax(0,1fr); }
  #stagneda .sg-project { grid-template-columns: 35px minmax(0,1fr); }
  #stagneda .sg-project h3 { overflow-wrap: anywhere; }
  #stagneda .sg-contact { padding: 24px; }
  #stagneda .sg-contact-links { flex-shrink: 1; }
  #stagneda .sg-contact-links a { overflow-wrap: anywhere; }
  #stagneda .sg-steps { gap: 20px; }
}
@media (max-width: 390px) {
  #stagneda .sg-links { font-size: 14px; gap: 5px; }
  #stagneda .sg-links .sg-btn { font-size: 14px; }
  #stagneda .sg-steps { grid-template-columns: 1fr; }
  #stagneda .sg-contact { margin-left: 0; margin-right: 0; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } * { transition: none !important; } }

/* Project visuals reused from the previous Stagneda website. */
#stagneda .sg-project { display: flex; flex-direction: column; align-items: stretch; padding: 0; gap: 0; justify-content: flex-start; }
#stagneda .sg-project-image { display: block; width: 100%; height: auto; aspect-ratio: 1.88; object-fit: cover; }
#stagneda .sg-project .sg-num { margin: 22px 24px 12px; font-size: 13px; line-height: 1.4; }
#stagneda .sg-project > div { margin: 0 24px; }
#stagneda .sg-project .sg-project-category { margin: 18px 24px 24px; }
#stagneda .sg-project > .sg-project-work { margin: 0 24px 24px; padding-top: 16px; border-top: 1px solid #dbe3da; }
#stagneda .sg-project-work > span { display: block; font-size: 12px; font-weight: 600; color: #476254; margin-bottom: 8px; }
#stagneda .sg-project-work p { font-size: 14px; line-height: 1.6; color: #334f41; }
#stagneda .sg-project:not(:has(.sg-project-image)) { background: #e5ece1; justify-content: center; }
#stagneda .sg-project:not(:has(.sg-project-image)) .sg-num { font-size: 52px; }
@media (max-width: 700px) {
  #stagneda .sg-project-list { gap: 24px; }
  #stagneda .sg-project:not(:has(.sg-project-image)) { padding-top: 12px; padding-bottom: 12px; }
}
