/* V42: real scene thumbnails + the original Feichen Eagle.
   Scoped to the homepage. No carousel, floating mascot or new JS. */
.clarity-home .clarity-intro{gap:54px;padding-top:48px;padding-bottom:44px}
.clarity-home .clarity-eagle-card{position:relative;min-width:0;min-height:340px;display:flex;align-items:center;justify-content:center;gap:26px;padding:28px 30px;background:#f0f5f3;border:1px solid #e7eeeb;border-radius:8px;color:#193b44;isolation:isolate}
.clarity-home .clarity-eagle-card:before{content:"";position:absolute;z-index:-1;width:260px;height:260px;border-radius:50%;background:#e2eee8;left:22px;top:40px}
.clarity-home .clarity-eagle-portrait{display:block;flex:0 0 154px;position:relative}
.clarity-home .clarity-eagle-portrait img{display:block;width:154px;height:auto;aspect-ratio:360/657;object-fit:contain;filter:drop-shadow(0 12px 9px #274b4220)}
.clarity-home .clarity-eagle-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.clarity-home .clarity-eagle-kicker{font-size:9px;letter-spacing:.18em;color:#678177;margin-bottom:15px}
.clarity-home .clarity-eagle-copy strong{font-size:22px;font-weight:600;letter-spacing:-.02em;line-height:1.5}
.clarity-home .clarity-eagle-description{font-size:13px;line-height:1.9;color:#668076;margin-top:12px}
.clarity-home .clarity-eagle-action{display:flex;align-items:center;gap:20px;min-height:44px;font-size:12px;color:#216c5c;margin-top:16px;border-bottom:1px solid #a1bfb1}
.clarity-home .clarity-eagle-mobile-name{display:none}
.clarity-home .clarity-service-photo{height:166px;margin-bottom:18px;overflow:hidden;border-radius:5px;background:#f1f4f3}
.clarity-home .clarity-service-photo img{display:block;width:100%;height:100%;object-fit:cover}
.clarity-home .clarity-service-campus .clarity-service-photo img{object-position:50% 65%}
.clarity-home .clarity-service-equipment .clarity-service-photo img{object-fit:contain;padding:2px 32px}
.clarity-home .clarity-service-application .clarity-service-photo img{object-position:50% 58%}
@media(min-width:981px) and (max-width:1230px){
  .clarity-home .clarity-intro{gap:32px;grid-template-columns:1fr 1fr}
  .clarity-home .clarity-eagle-card{gap:18px;padding:24px 18px;min-height:320px}
  .clarity-home .clarity-eagle-portrait{flex-basis:132px}
  .clarity-home .clarity-eagle-portrait img{width:132px}
  .clarity-home .clarity-eagle-copy strong{font-size:19px}
  .clarity-home .clarity-eagle-card:before{width:230px;height:230px;left:7px;top:45px}
  .clarity-home .clarity-service-photo{height:144px}
}
@media(max-width:980px){
  .clarity-home .clarity-intro{display:grid;grid-template-columns:minmax(0,1fr) 104px;grid-template-rows:auto auto auto;column-gap:18px;row-gap:0;align-items:center;padding:25px 0 25px}
  .clarity-home .clarity-intro-copy{display:contents}
  .clarity-home .clarity-intro-copy>.clarity-eyebrow{grid-column:1;grid-row:1;align-self:end;margin-bottom:13px}
  .clarity-home .clarity-intro-copy>h1{grid-column:1;grid-row:2;font-size:clamp(28px,7.8vw,36px);line-height:1.3;align-self:start;letter-spacing:-.045em}
  .clarity-home .clarity-intro-copy>.clarity-intro-text{grid-column:1/-1;grid-row:3;margin-top:17px;max-width:480px;font-size:13px;line-height:1.85}
  .clarity-home .clarity-eagle-card{grid-column:2;grid-row:1/span 2;min-height:0;display:flex;padding:0;border:0;border-radius:0;background:none;gap:0;justify-content:center;align-self:center}
  .clarity-home .clarity-eagle-card:before{width:125px;height:125px;left:50%;top:25px;transform:translateX(-50%);background:#edf4ef}
  .clarity-home .clarity-eagle-portrait{flex-basis:auto}
  .clarity-home .clarity-eagle-portrait img{width:91px;height:auto;filter:none}
  .clarity-home .clarity-eagle-copy{display:none}
  .clarity-home .clarity-eagle-mobile-name{display:block;text-align:center;font-size:10px;color:#668177;line-height:1.6;margin-top:3px;letter-spacing:.08em}
  .clarity-home .clarity-service-group,.clarity-home .clarity-service-group:last-child{display:grid;grid-template-columns:minmax(0,1fr) 76px;column-gap:16px;row-gap:0;align-items:center;padding:18px 0 13px}
  .clarity-home .clarity-service-photo{grid-column:2;grid-row:1/span 2;width:76px;height:65px;border-radius:4px;margin:0}
  .clarity-home .clarity-service-group>h3{grid-column:1;grid-row:1;align-self:end;line-height:1.5;font-size:18px}
  .clarity-home .clarity-service-group>p{grid-column:1;grid-row:2;align-self:start;font-size:11px;line-height:1.8;margin-top:3px}
  .clarity-home .clarity-service-links{grid-column:1/-1;grid-row:3;margin-top:7px}
  .clarity-home .clarity-service-equipment .clarity-service-photo img{padding:3px}
  .clarity-home .clarity-service-application .clarity-service-photo img{object-position:43% 57%}
}
@media(min-width:600px) and (max-width:980px){
  .clarity-home .clarity-intro{grid-template-columns:minmax(0,1fr) 150px}
  .clarity-home .clarity-eagle-portrait img{width:112px}
  .clarity-home .clarity-intro-copy>.clarity-intro-text{grid-column:1;grid-row:3}
  .clarity-home .clarity-eagle-card{grid-row:1/span 3}
  .clarity-home .clarity-service-group,.clarity-home .clarity-service-group:last-child{grid-template-columns:minmax(0,1fr) 112px}
  .clarity-home .clarity-service-photo{width:112px;height:72px}
}
@media(max-width:350px){
  .clarity-home .clarity-intro{grid-template-columns:minmax(0,1fr) 80px;column-gap:12px}
  .clarity-home .clarity-intro-copy>h1{font-size:26px}
  .clarity-home .clarity-intro-copy>.clarity-eyebrow{font-size:10px}
  .clarity-home .clarity-eagle-portrait img{width:78px}
  .clarity-home .clarity-eagle-card:before{width:98px;height:98px;top:22px}
  .clarity-home .clarity-service-group,.clarity-home .clarity-service-group:last-child{grid-template-columns:minmax(0,1fr) 64px;column-gap:12px}
  .clarity-home .clarity-service-photo{width:64px;height:61px}
  .clarity-home .clarity-service-group>p{font-size:10px}
}