.column-page{background:#fff}
.column-hero{background:#173952;color:#fff;padding:74px 0 70px}
.column-hero-inner{width:min(900px,calc(100% - 40px));margin:0 auto}
.column-kicker{font-size:12px;letter-spacing:.18em;font-weight:800;color:#9bccec;margin-bottom:16px}
.column-hero h1{margin:0 0 22px;font-size:clamp(36px,5vw,58px);line-height:1.16;letter-spacing:-.045em;color:#fff}
.column-sub{margin:0;font-size:18px;color:#d7e8f2}
.column-meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:27px;font-size:14px;color:#a9cadc}

.column-article{width:min(820px,calc(100% - 40px));margin:0 auto;padding:64px 0 94px;font-size:18px;line-height:1.82;color:#17324a}
.column-article p{margin:0 0 25px}
.column-article h2{margin:60px 0 24px;font-size:30px;line-height:1.35;letter-spacing:-.03em;color:#0a4d79}
.column-article strong{color:#0b527e}
.column-article .quote{font-size:22px;font-weight:750;color:#0b527e;border-left:4px solid #42a4d8;padding:4px 0 4px 20px;margin:28px 0 32px}

.column-article .photo{margin:38px -80px 48px}
.column-article .photo>img{display:block;width:100%;height:auto;border-radius:16px;box-shadow:0 14px 45px rgba(18,54,78,.13)}
.column-article .photo figcaption{font-size:14px;color:#6b8291;margin-top:10px;line-height:1.55}
.column-article .photo figcaption b{display:block;color:#254d68;font-size:15px}
.column-article .photo figcaption span{display:block;margin-top:3px}

.column-article .banner-frame{height:460px;overflow:hidden;border-radius:16px;background:#e9eef2;box-shadow:0 14px 45px rgba(18,54,78,.13)}
.column-article .banner-frame img{width:100%;height:100%;object-fit:cover;display:block}
.column-article .banner-normal img{transform:scale(1.34);transform-origin:50% 8%}
.column-article .banner-move img{transform:scale(1.31);transform-origin:64% 8%}

.column-article .compare{margin:48px -110px 58px}
.column-article .section-label{font-size:15px;font-weight:800;color:#315c78;margin:0 0 14px}
.column-article .column-compare-shell{background:transparent}
.column-article .column-compare-shell .history-change{margin-top:0}

.column-article .triptych{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:44px -120px 54px}
.column-article .triptych figure{margin:0}
.column-article .triptych .frame{aspect-ratio:4/3;overflow:hidden;border-radius:14px;background:#e9eef2;box-shadow:0 12px 36px rgba(18,54,78,.12)}
.column-article .triptych img{width:100%;height:100%;object-fit:cover;display:block}
.column-article .triptych figure:nth-child(2) img{object-position:50% 55%}
.column-article .triptych figcaption{font-size:14px;color:#657b8b;margin-top:10px;line-height:1.55}
.column-article .triptych figcaption b{display:block;color:#254d68}

.column-article .values{margin:26px 0 30px;padding:22px 28px;background:#f5f9fc;border:1px solid #e0eaf0;border-radius:14px}
.column-article .values div{padding:7px 0;font-weight:650}
.column-article .closing{margin-top:42px;padding:28px 30px;background:#0e3556;color:#fff;border-radius:16px}
.column-article .closing p{margin:0 0 10px;color:#dfeef7}
.column-article .closing strong{font-size:21px;color:#fff}
.column-article .back{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #dfe8ee;padding-top:36px;margin-top:55px;color:#0b659d;font-weight:750}
.column-article .back a{color:#0b659d}

@media(max-width:980px){
  .column-article .photo,.column-article .compare,.column-article .triptych{margin-left:0;margin-right:0}
}
@media(max-width:680px){
  .column-hero{padding:52px 0 48px}
  .column-sub{font-size:16px}
  .column-article{padding-top:46px;font-size:17px}
  .column-article h2{font-size:25px;margin-top:48px}
  .column-article .quote{font-size:19px}
  .column-article .banner-frame{height:auto;aspect-ratio:4/3}
  .column-article .banner-normal img{transform:scale(1.28);transform-origin:50% 8%}
  .column-article .banner-move img{transform:scale(1.24);transform-origin:64% 8%}
  .column-article .triptych{grid-template-columns:1fr}
  .column-article .back{display:block}
  .column-article .back a{display:block;margin:9px 0}
}