body.lb-lock{overflow:hidden}
#lb-real-photos{padding:88px 0 96px;background:#fff;color:#173d35}
#lb-real-photos *{box-sizing:border-box}
#lb-real-photos .lb-wrap{width:min(1120px,calc(100% - 40px));margin:0 auto}
#lb-real-photos .lb-kicker{font-size:13px;font-weight:700;letter-spacing:.12em;color:#337665;margin-bottom:12px}
#lb-real-photos h2{font-size:clamp(30px,4vw,44px);line-height:1.22;margin:0 0 14px;font-weight:700;letter-spacing:-.02em;color:#183e35}
#lb-real-photos .lb-intro{font-size:16px;line-height:1.8;color:#71807b;max-width:680px;margin:0 0 34px}
#lb-real-photos .lb-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
#lb-real-photos figure{position:relative;margin:0;border-radius:18px;overflow:hidden;background:#f3f6f4;border:1px solid rgba(24,62,53,.07)}
#lb-real-photos figure:first-child{grid-column:1/-1}
#lb-real-photos .lb-photo-button{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in;text-align:inherit}
#lb-real-photos .lb-photo-box{width:100%;height:500px;display:flex;align-items:center;justify-content:center;background:#f3f6f4;overflow:hidden}
#lb-real-photos figure:first-child .lb-photo-box{height:430px}
#lb-real-photos img{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;background:#f3f6f4}
#lb-real-photos .lb-zoom{position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(20,51,43,.76);color:#fff;font-size:20px;pointer-events:none;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
#lb-real-photos figcaption{padding:15px 18px 17px;font-size:14px;font-weight:600;color:#42534e;background:#fff}
#lb-real-photos .lb-photo-button:focus-visible{outline:3px solid #337665;outline-offset:-3px}
#lb-lightbox{position:fixed;inset:0;z-index:2147483647;display:none;align-items:center;justify-content:center;background:rgba(8,18,15,.94);color:#fff}
#lb-lightbox.lb-open{display:flex}
#lb-lightbox *{box-sizing:border-box}
#lb-lightbox .lb-stage{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:68px 76px 82px}
#lb-lightbox .lb-full{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;user-select:none;-webkit-user-drag:none}
#lb-lightbox .lb-close,#lb-lightbox .lb-prev,#lb-lightbox .lb-next{position:absolute;border:0;color:#fff;background:rgba(255,255,255,.12);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2}
#lb-lightbox .lb-close{top:16px;right:16px;width:46px;height:46px;border-radius:50%;font-size:28px;line-height:1}
#lb-lightbox .lb-prev,#lb-lightbox .lb-next{top:50%;transform:translateY(-50%);width:50px;height:58px;border-radius:14px;font-size:34px}
#lb-lightbox .lb-prev{left:16px}
#lb-lightbox .lb-next{right:16px}
#lb-lightbox .lb-meta{position:absolute;left:18px;right:18px;bottom:18px;display:flex;justify-content:center;align-items:center;gap:12px;font-size:14px;line-height:1.5;text-align:center}
#lb-lightbox .lb-caption{font-weight:600}
#lb-lightbox .lb-count{opacity:.65;white-space:nowrap}
#lb-lightbox button:focus-visible{outline:3px solid rgba(255,255,255,.9);outline-offset:3px}
@media(hover:hover) and (pointer:fine){#lb-real-photos .lb-photo-button img{transition:transform .25s ease}#lb-real-photos .lb-photo-button:hover img{transform:scale(1.015)}}
@media(max-width:700px){
  #lb-real-photos{padding:64px 0 72px}
  #lb-real-photos .lb-wrap{width:calc(100% - 28px)}
  #lb-real-photos .lb-grid{grid-template-columns:1fr;gap:16px}
  #lb-real-photos figure:first-child{grid-column:auto}
  #lb-real-photos .lb-photo-box,#lb-real-photos figure:first-child .lb-photo-box{height:auto;aspect-ratio:4/3}
  #lb-real-photos figure:first-child .lb-photo-box{aspect-ratio:16/10}
  #lb-lightbox .lb-stage{padding:62px 12px 88px}
  #lb-lightbox .lb-prev,#lb-lightbox .lb-next{top:auto;bottom:18px;transform:none;width:46px;height:46px;border-radius:50%}
  #lb-lightbox .lb-prev{left:16px}
  #lb-lightbox .lb-next{right:16px}
  #lb-lightbox .lb-meta{left:74px;right:74px;bottom:19px;min-height:44px;flex-direction:column;gap:0}
}

