/* Different shots retain their own framing; never manufacture a new visual by crop. */
.material-board img,.rhythm-panel img,.framing-grid .framing img{transform:none!important;object-position:center}
.material-board figure{aspect-ratio:3/4}.material-board img{object-fit:contain;background:#edf2fa}
.rhythm-panel figure{aspect-ratio:3/4;max-height:440px}.rhythm-panel img{object-fit:contain;background:#edf2fa}
.layer-plan{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;padding:28px;border:1px solid #dce5f4;border-radius:24px;background:white}
.layer-plan>div{padding:28px 22px;background:#f0f5ff;border-radius:18px;border-top:3px solid #086de8}
.layer-plan>div:nth-child(2){background:#e3edff;border-top-width:8px}.layer-plan>div:nth-child(3){background:#d9e7ff;border-top-width:14px}
.layer-plan span{display:block;color:#475771;font-size:14px;margin-bottom:28px}.layer-plan strong{font:900 32px/1.15 'Hailuo Condensed',sans-serif}.layer-plan p{font-size:15px;margin-top:16px}
.home-page .camera-preview{background:#e9f1ff!important}.home-page .camera-preview h3{color:#172338!important}.home-page .camera-preview:after{display:none}.camera-principle{position:absolute;inset:0;padding:30px 25px 100px;color:#086de8;display:flex;flex-direction:column;justify-content:center;gap:20px}.camera-principle>span{font-size:13px;letter-spacing:.1em}.camera-principle p{font-size:14px;line-height:1.4}.focus-frames{height:110px;position:relative}.focus-frames i{position:absolute;inset:0;border:1px solid #086de850;border-radius:12px}.focus-frames i:nth-child(2){inset:18px 15%;border-color:#086de890}.focus-frames i:nth-child(3){inset:34px 30%;border:2px solid #086de8}.track-points{display:flex;align-items:center;height:110px;gap:12px}.track-points b{display:grid;place-items:center;width:40px;height:40px;border:1px solid #086de8;border-radius:50%}.track-points i{flex:1;height:1px;background:#086de8}.depth-rows{display:grid;gap:10px}.depth-rows i{font-style:normal;padding:12px;border:1px solid #086de840;border-radius:8px;font-size:14px}.depth-rows i:nth-child(2){margin-inline:15px;background:#d4e4ff}.depth-rows i:nth-child(3){margin-inline:30px;background:#c0d8ff}
.format-safe-guide{position:absolute;inset:0;background:#dbe8fc;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:12%;color:#173e77}.format-safe-guide b{display:grid;place-items:center;width:100%;flex:1;min-height:30px;border:1px dashed #376cab;border-radius:8px;font-size:14px}.format-safe-guide i{font-size:12px;font-style:normal;border-top:1px solid #376cab80;width:100%;padding-top:8px;text-align:center}
@media(max-width:800px){.layer-plan{grid-template-columns:1fr;padding:18px}.layer-plan>div{padding:23px}.layer-plan span{margin-bottom:18px}.layer-plan strong{font-size:28px}}
.material-board{grid-template-columns:1fr 1fr}.material-board figure{aspect-ratio:4/3;max-height:560px}
.framing-grid .framing{aspect-ratio:16/9}.framing-grid .framing img{object-fit:contain;background:#edf2fa}
.home-page .camera-preview{height:350px;cursor:default}.home-page .camera-preview:before{display:none}.home-page .camera-tag{color:#475771}.camera-principle{padding:58px 22px 86px}.camera-principle>span{display:none}
@media(max-width:700px){.material-board{grid-template-columns:1fr}.material-board figure{aspect-ratio:3/4}.home-page .camera-preview{height:340px}}
.home-page .format-card{display:block}
.home-page .format-card{max-width:none}.home-page .aspect-frame>span{inset:auto 4px 4px auto;padding:3px 6px;border-radius:4px;font-size:14px;line-height:1;background:#086de8;text-shadow:none}.format-safe-guide{gap:8px;padding:10%}.format-safe-guide b{font-size:12px}.format-safe-guide i{font-size:12px;padding-top:5px}
[data-expansion="when-text"] .ex-photo img{aspect-ratio:16/9;object-fit:contain}
.home-page .aspect-frame>span{top:4px;bottom:auto}
