/* Approved responsive philosophy photo treatment, 2026-10-18. */
@media(max-width:980px){
 .philosophy-hero .philosophy-photographs{
  position:relative;order:1;inset:auto;width:100%;height:202px;
  display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr);gap:0;
  overflow:hidden;isolation:isolate;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.15) 8%,rgba(0,0,0,.65) 20%,#000 34%,#000 64%,rgba(0,0,0,.55) 82%,transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.15) 8%,rgba(0,0,0,.65) 20%,#000 34%,#000 64%,rgba(0,0,0,.55) 82%,transparent 100%);
 }
 .philosophy-hero .philosophy-photographs:after{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(to right,#fff,transparent 9%,transparent 91%,#fff)}
 .philosophy-photographs figure{position:relative;min-width:0;min-height:0;overflow:hidden}
 .philosophy-photographs img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
 .philosophy-photographs figure:first-child img{object-position:48% 32%;transform:scale(1.06)}
 .philosophy-photographs figure:last-child img{object-position:65% 52%;transform:scale(1.23);transform-origin:66% 52%}
 .philosophy-photographs figure:first-child:after{content:'';position:absolute;inset:0 0 0 auto;width:64px;background:linear-gradient(to right,transparent,#fff)}
 .philosophy-photographs figure:last-child:after{content:'';position:absolute;inset:0 auto 0 0;width:64px;background:linear-gradient(to right,#fff,transparent)}
}
@media(max-width:600px){
 .philosophy-hero .philosophy-photographs{
  display:block;height:176px;margin-top:-3px;
 }
 .philosophy-photographs figure:first-child{position:absolute;left:0;top:0;width:73%;height:176px;
  -webkit-mask-image:linear-gradient(to right,#000 54%,transparent 100%);mask-image:linear-gradient(to right,#000 54%,transparent 100%)}
 .philosophy-photographs figure:first-child img{object-position:34% 31%;transform:none}
 .philosophy-photographs figure:last-child{position:absolute;right:0;top:41px;width:53%;height:125px;
  -webkit-mask-image:linear-gradient(to right,transparent,#000 23%);mask-image:linear-gradient(to right,transparent,#000 23%)}
 .philosophy-photographs figure:last-child img{object-position:65% 52%;transform:scale(1.65);transform-origin:66% 52%}
 .philosophy-photographs figure:after{display:none}
 .philosophy-photographs figure:last-child:before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to bottom,#fff,transparent 27%,transparent 82%,#fff)}
}
