.legacy-content .op-hero{display:grid;grid-template-columns:1fr 1.05fr;gap:4%;padding:26px 0 42px;align-items:center}.legacy-content .op-hero h1{font-size:clamp(38px,4.2vw,66px)}.legacy-content .op-hero-copy>p{font-size:18px;max-width:560px}.legacy-content .op-hero figure{margin:0;position:relative;border-radius:16px;overflow:hidden;background:#eaf5ff}.legacy-content .op-hero figure img{width:100%;height:480px;display:block;object-fit:cover}.legacy-content .op-hero figcaption{position:absolute;bottom:20px;left:20px;right:20px;background:rgba(255,255,255,0.949);padding:18px 20px;border-radius:8px;display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:13px}.legacy-content .op-hero figcaption span{font-size:11px;color:#526b80}.legacy-content .op-proof{display:flex;gap:32px;margin-top:35px}.legacy-content .op-proof>span{font-size:30px;line-height:1.4;font-weight:bold}.legacy-content .op-proof small{display:block;font-size:11px;font-weight:normal;color:#526b80}.legacy-content .op-brandbar{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;padding:24px 0;border-top:1px solid #c9dfef;border-bottom:1px solid #c9dfef}.legacy-content .op-brandbar a{font-size:17px;font-weight:700}.legacy-content .op-topology{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:30px}.legacy-content .op-topology button{text-align:left;border-radius:10px;position:relative;padding:20px 15px;font-weight:400}.legacy-content .op-topology small{display:block;color:#d52b36;font-size:12px}.legacy-content .op-topology strong{display:block;font-size:17px;margin:16px 0 7px}.legacy-content .op-topology span{font-size:11px;color:#526b80;display:block}.legacy-content .op-topology button[aria-pressed=true]{background:#0672cb;color:#ffffff;border-color:#c9dfef}.legacy-content .op-topology button[aria-pressed=true] small,.legacy-content .op-topology button[aria-pressed=true] span{color:#12334e}.legacy-content .op-layer-detail{margin-top:20px;border:1px solid #c9dfef;border-radius:12px;padding:28px 32px;background:#ffffff}.legacy-content .op-layer-detail h3{font-size:27px;margin:14px 0}.legacy-content .op-layer-detail p{max-width:720px}.legacy-content .op-scene-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.legacy-content .op-scene{background:#ffffff;border:1px solid #c9dfef;border-radius:12px;overflow:hidden}.legacy-content .op-scene img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;display:block}.legacy-content .op-scene>div{padding:24px}.legacy-content .op-scene h3{margin:14px 0;font-size:25px}.legacy-content .op-scene p{font-size:14px}.legacy-content .op-scene small{font-size:10px;color:#526b80}.legacy-content .op-gallery .op-scene-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.legacy-content .op-gallery-link{text-align:right;margin-top:-25px;margin-bottom:40px}.legacy-content .op-gallery-link a{font-weight:700}.legacy-content .op-scenario-intro{max-width:900px;padding:20px 0 40px}.legacy-content .op-scene-tools label{flex:1}.legacy-content .op-scene[hidden]{display:none!important}.legacy-content #op-more{display:block;margin:30px auto}.legacy-content .op-layers{scroll-margin-top:140px}
@media(max-width:1100px){.legacy-content .op-topology{grid-template-columns:repeat(3,1fr)}.legacy-content .op-hero figure img{height:400px}.legacy-content .op-hero figcaption{flex-direction:column;align-items:start}.legacy-content .op-scene-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.legacy-content .op-hero{grid-template-columns:1fr}.legacy-content .op-hero figure img{height:320px}.legacy-content .op-hero h1{font-size:42px}.legacy-content .op-proof{gap:25px;margin-bottom:28px}.legacy-content .op-topology{grid-template-columns:repeat(2,1fr)}.legacy-content .op-scene-grid,.legacy-content .op-gallery .op-scene-grid{grid-template-columns:1fr}.legacy-content .op-brandbar{justify-content:flex-start;gap:18px 25px}.legacy-content .op-brandbar a{font-size:15px}.legacy-content .op-layer-detail{padding:24px}.legacy-content .op-scene-tools{flex-direction:column;align-items:stretch}}

.legacy-content #op-more[hidden]{display:none!important}

.legacy-content .op-brand-hero{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:center;padding:20px 0;margin:16px 0 36px}.legacy-content .op-brand-hero h1{font-size:clamp(34px,3.5vw,54px)}.legacy-content .op-brand-hero figure{margin:0}.legacy-content .op-brand-hero img{display:block;width:100%;height:auto;border-radius:12px}.legacy-content .op-brand-hero figcaption{font-size:11px;color:#526b80;padding-top:10px}.legacy-content .op-brand-hero .tc-primary{display:inline-block;margin-top:16px;padding:14px 20px;border-radius:6px}@media(max-width:720px){.legacy-content .op-brand-hero{grid-template-columns:1fr;gap:24px}}