/* Inner-page styles stay inside the content area; the shared header owns its layout. */
.content-page{font:16px/1.6 Arial,sans-serif}
.page-main,.page-footer{width:100%;max-width:1240px;margin-inline:auto;padding:28px 36px}
.page-main h1{font-size:clamp(34px,5vw,66px);line-height:1.08;letter-spacing:-2px;max-width:1000px;margin:32px 0;overflow-wrap:anywhere}
.page-main h2{font-size:26px;line-height:1.25;overflow-wrap:anywhere}
.page-main p{max-width:800px}
.page-main .intro{font-size:20px;color:#535c5d}
.page-main .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:40px 0}
.page-main .grid>*{min-width:0}
.page-main .card{border:1px solid #dfe5e6;border-radius:20px;overflow:hidden;padding-bottom:22px;background:#fff;box-shadow:var(--surface-shadow)}
.page-main .card h2,.page-main .card p,.page-main .card .actions{margin:18px 22px}
.page-main .card img{width:100%;aspect-ratio:1;object-fit:cover;display:block}
.page-main .card video{width:100%;display:block;aspect-ratio:16/9;background:#141718;object-fit:contain}
.page-main .card p{color:#535c5d}
.page-main .actions{display:flex;gap:14px;flex-wrap:wrap}
.page-main .actions a,.page-main .cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;padding:10px 16px;border:1px solid #dfe5e6;text-decoration:none;border-radius:10px;overflow-wrap:anywhere}
.page-main .cta{background:#141718;color:white;margin:20px 0;border-color:#141718}
.page-main section{padding-top:35px;border-top:1px solid #ddd;margin-top:35px;scroll-margin-top:170px}
.page-main .detail{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr);gap:55px;align-items:start;margin:40px 0}
.page-main .detail>*{min-width:0}
.page-main .detail img{width:100%;border-radius:20px}
.page-main .small{color:#59635d;font-size:14px}
.page-footer{border-top:1px solid #ddd;margin-top:40px;padding-right:108px;padding-bottom:calc(32px + env(safe-area-inset-bottom,0px));color:#535c5d}
.page-main .story img{aspect-ratio:9/16;object-fit:contain}
.page-main .section-nav{display:flex;flex-wrap:wrap;gap:8px 20px;position:sticky;top:88px;background:#fff;padding:10px 0;border-block:1px solid #eee;z-index:2}
.page-main .section-nav a{display:inline-flex;align-items:center;min-height:44px;font-size:15px}
@media(max-width:800px){
  .page-main,.page-footer{padding:22px}
  .page-main .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:28px 0}
  .page-main .detail{grid-template-columns:1fr;gap:28px;margin:28px 0}
  .page-main .detail img{max-width:450px}
  .page-main h1{letter-spacing:-1px}
  .page-main .section-nav{top:78px}
  .page-footer{padding-right:100px;padding-bottom:calc(32px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:600px){
  .page-main .grid{grid-template-columns:1fr}
  .page-main .section-nav{position:static}
  .page-main section{scroll-margin-top:100px}
}
@media(max-width:380px){.page-main,.page-footer{padding-inline:16px}.page-footer{padding-right:90px}}
