/* Slide two: an editorial group introduction with two open brand signatures. */
#projects{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;justify-content:normal;column-gap:9%;padding:108px 8.3% 70px;min-height:100svh}
#projects .about-intro{display:block;align-self:center}
#projects .eyebrow{font-size:9px;letter-spacing:.16em;margin:0 0 34px;color:#64646d}
#projects h2{font-size:clamp(90px,10.8vw,168px);font-weight:500;line-height:.84;letter-spacing:-.075em;margin:0 0 42px}
#projects h2 span{color:inherit}
#projects .about-copy{font-size:clamp(16px,1.55vw,22px);line-height:1.5;letter-spacing:-.025em;max-width:350px;color:#6a6a70;margin:0}
#projects .about-identities{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(2,1fr);gap:46px;align-self:center;max-width:350px;width:100%;justify-self:center}
#projects .about-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;min-height:218px;color:#5a7a8a}
#projects .about-logo{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:170px;transition:transform .6s cubic-bezier(.22,1,.36,1)}
#projects .about-oss .oss-logo-crop{width:224px;max-width:90%}
#projects .about-sw .about-logo>img{width:260px;max-width:95%;height:auto;filter:none}
#projects .about-location{font-size:8px;letter-spacing:.45em;text-transform:uppercase;padding-left:.45em;margin-top:5px;color:#64646d}
#projects .about-caption{display:flex;align-items:center;justify-content:center;gap:22px;font-size:12px;letter-spacing:.01em;line-height:1.5}
#projects .about-sw .about-caption{color:#525258}
#projects .about-arrow{font-size:20px;line-height:1;transition:transform .4s}
@media(hover:hover){#projects .about-brand:hover .about-logo{transform:translateY(-5px)}#projects .about-brand:hover .about-arrow{transform:translate(3px,-3px)}}
@media(max-width:900px) and (min-width:701px){#projects{column-gap:5%}#projects h2{font-size:100px}#projects .about-copy{font-size:17px}}
@media(max-width:700px){
#projects{grid-template-columns:1fr;gap:38px;padding:112px 8% 48px;align-content:center}
#projects .eyebrow{font-size:8px;margin-bottom:23px}
#projects h2{font-size:clamp(67px,17vw,100px);line-height:.86;margin-bottom:25px}
#projects .about-copy{font-size:16px;line-height:1.45;max-width:340px}
#projects .about-identities{gap:26px;max-width:none}
#projects .about-brand{min-height:155px;gap:12px}
#projects .about-logo{height:125px}
#projects .about-oss .oss-logo-crop{width:160px}
#projects .about-sw .about-logo>img{width:190px}
#projects .about-caption{font-size:11px;gap:20px}
#projects .about-location{font-size:7px;margin-top:0}
}
@media(max-width:400px){#projects h2{font-size:61px;letter-spacing:-.07em}}
@media(prefers-reduced-motion:reduce){#projects .about-logo,#projects .about-arrow{transition:none;transform:none!important}}

/* Dixon's black mark, unchanged; frame excludes only its transparent margins. */
#projects .sw-supplied-logo{position:relative;display:block;width:260px;max-width:95%;aspect-ratio:2260/1008;overflow:hidden;flex:none}
#projects .sw-supplied-logo img{position:absolute;width:106.19469%;max-width:none;height:auto;left:-3.097345%;top:-69.047619%;filter:none}
#projects .about-sw .about-location{margin-top:16px}
@media(max-width:700px){#projects .sw-supplied-logo{width:190px}#projects .about-sw .about-location{margin-top:14px}}