﻿/* Different editorial layouts for each activity, within the SG identity. */
.training-section .section-heading{margin-inline:0;text-align:left;max-width:760px}
.training-card{transition:transform .22s,border-color .22s,box-shadow .22s}
.training-card:hover{transform:translateY(-3px);border-color:var(--orange);box-shadow:0 12px 25px #44200b09}
.training-card:first-child{background:#fff5ed;border-top:4px solid var(--orange)}
.training-card:first-child h3{font-size:26px}
.training-note{border-left:3px solid var(--orange);background:transparent;padding-left:20px}
.engineering{background:#30302e;color:#e9e7e3;border:0;position:relative}
.engineering .section-heading .eyebrow{color:#ffac81}
.engineering .section-heading p:not(.eyebrow){color:#d1cec9}
.engineering h2{color:#ff9a65}
.engineering .expertise-grid{display:block;counter-reset:expertise}
.engineering .expertise-item{counter-increment:expertise;background:none;border:0;border-top:1px solid #66645f;padding:25px 0 25px 45px;position:relative}
.engineering .expertise-item::before{content:'0' counter(expertise);position:absolute;left:0;top:29px;color:#ffac81;font-size:12px}
.engineering .expertise-item h3{color:#fff;font-size:23px}
.engineering .expertise-item p{color:#d1cec9}
.engineering .text-link{color:#ffac81;border-color:#b17a5e}
.engineering .button{background:var(--orange);border-color:var(--orange);color:#2e160b}
.projects-section{padding-bottom:45px}
.projects-section .section-heading{border-left:4px solid var(--orange);padding-left:24px}
.reference img{transition:filter .25s}
.reference:hover img{filter:contrast(1.06)}
.software-section{margin-top:25px;border-top:1px solid var(--line);position:relative}
.software-section .section-heading{max-width:850px}
.software-figure{border:1px solid var(--line);background:#fff;padding:24px;min-width:0}
.software-figure img{display:block;height:auto}
.model-flow{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:28px;font-size:12px;font-weight:600}
.model-flow span{padding:10px 13px;border:1px solid #d6d2ce;background:white}
.model-flow .flow-tool{background:#fff0e4;border-color:#eab899;color:var(--accent)}
.model-flow b{color:var(--accent);font-size:21px;font-weight:400}
.people-section{background:#f8f6f2;border:0}
.people-section .people-grid{display:block}
.people-section .person{background:none;border:0;border-top:1px solid #d7d1c8;padding:26px 0}
.people-section .person-header img{border-radius:3px;width:88px;height:88px;filter:grayscale(1)}
.people-section .section-heading h2{font-size:clamp(30px,3.2vw,42px)}
.cta{background:#353330;color:#eee;border-top:0}
.cta .eyebrow{color:#ffac81}
.cta h2{color:#fff;font-size:clamp(30px,3.5vw,46px)}
.cta .button{background:var(--orange);border-color:var(--orange);color:#2e160b;padding:17px 25px}
.cta-email:hover{color:#ffac81}
.quick-links a{transition:background .2s,color .2s}
.quick-links a:hover{background:#fff0e4}
.quick-links a span{transition:transform .2s}
.quick-links a:hover span{transform:translateY(3px)}
.section.is-in-view>.section-heading,.section.is-in-view>.container>.section-heading{animation:sg-arrive .55s ease-out both}
@keyframes sg-arrive{from{opacity:.7;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1000px){
  .training-section{display:grid;grid-template-columns:1.1fr 1fr;column-gap:60px}
  .training-section>.section-heading{margin:0 0 30px}
  .training-section>.intro-grid{display:block;padding-top:26px;font-size:14px}
  .training-section>.intro-grid p+p{margin-top:15px}
  .training-grid{grid-column:1/-1;grid-template-columns:1fr 1.25fr;gap:0 35px;margin-top:12px}
  .training-card:first-child{grid-row:span 3;padding:35px;justify-content:center;align-items:flex-start}
  .training-card:first-child img{width:145px;height:145px;margin-bottom:15px}
  .training-card:first-child h3{font-size:32px;max-width:18ch}
  .training-card:first-child p{font-size:16px;max-width:36ch}
  .training-card:first-child .text-link{margin-top:12px}
  .training-card:not(:first-child){border:0;border-bottom:1px solid var(--line);padding:23px 0;display:grid;grid-template-columns:75px 1fr;column-gap:20px}
  .training-card:not(:first-child) img{grid-row:1/4;width:70px;height:70px;margin:0}
  .training-card:not(:first-child) h3{font-size:21px;margin-bottom:10px}
  .training-card:not(:first-child) p{margin-bottom:8px}
  .training-card:not(:first-child) .text-link{justify-self:start;grid-column:2}
  .training-note{grid-column:1/-1}
  .engineering>.container{display:grid;grid-template-columns:1fr 1.3fr;gap:0 75px;align-items:start}
  .engineering-intro{align-self:stretch}
  .engineering .section-heading{position:sticky;top:125px;margin-bottom:30px}
  .engineering .section-heading h2{font-size:40px;line-height:1.25}
  .engineering .actions{grid-column:1/-1;border-top:1px solid #66645f;padding-top:28px;margin-top:10px}
  .people-section>.container{display:grid;grid-template-columns:.95fr 1.4fr;gap:0 75px;align-items:start}
  .people-section .section-heading{margin-top:25px}
  .people-section .actions{grid-column:2;margin-top:0}
}
@media(max-width:639px){
  .training-card:first-child{display:flex}
  .training-card:first-child img{width:100px;height:100px}
  .training-card:first-child h3{font-size:25px}
  .software-figure{padding:20px}
  .model-flow{gap:6px;font-size:10px}
  .model-flow span{padding:8px}
  .engineering .expertise-item{padding-left:35px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}



