@font-face{font-family:CardSans;src:url('/vendor/LiberationSans-Regular.ttf');font-weight:400;font-display:swap}@font-face{font-family:CardSans;src:url('/vendor/LiberationSans-Bold.ttf');font-weight:700;font-display:swap}
.clean-scene{position:relative;display:block;width:100%;aspect-ratio:4/3;overflow:hidden;border-radius:7px;background:#f2eee3;isolation:isolate}
.clean-scene .clean-backdrop{position:absolute!important;inset:0;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;border:0!important;border-radius:0!important;display:block}
.clean-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(246,243,232,.9),rgba(246,243,232,.86) 35%,rgba(246,243,232,.4) 47%,transparent 59%)}
.clean-card{position:absolute;left:4%;top:50%;width:45%;height:75%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;filter:drop-shadow(3px 6px 7px #263a2938)}
.clean-card svg{display:block;width:100%!important;height:auto!important;max-height:100%;object-fit:contain;overflow:visible}
.scene-scope .clean-card{left:5%;width:41%}.scene-log .clean-card{left:6%;width:42%;height:85%}
.enlarge-action{display:flex;position:static!important;align-items:center;justify-content:center;width:100%;min-height:44px;padding:10px 14px;background:#fffef8;color:#36513d;font:600 13px/1.3 CardSans,Arial,sans-serif;border-top:1px solid #becab4;cursor:zoom-in}
.hero-artwork,.guide-zoom{overflow:hidden;border:1px solid #c3cdb9;border-radius:8px}.hero-artwork .clean-scene,.guide-zoom .clean-scene{border-radius:0}
.browse-intro{font-size:14px;line-height:1.6;margin:22px 0 18px;color:#4c6147}
.example-item{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,1fr);gap:28px;align-items:start}
.example-photo{grid-column:1;grid-row:1;display:block;border:1px solid #c3cdb9;overflow:hidden;border-radius:7px;width:100%;padding:0;background:transparent}
.example-image{display:block;border:0;border-radius:0;max-width:none}.example-image .clean-scene{border-radius:0}
.example-info{grid-column:2;display:flex;flex-direction:column;align-items:flex-start;gap:15px;padding-top:12px}.example-info .example-title{margin:0;font-size:30px}.example-info .example-caption{margin:0;min-height:0}.example-info .use-format{margin:0;width:auto;min-width:190px}.example-info .series-example-note{margin:0}
#example-viewer-image .clean-scene{width:min(100%,76dvh);margin:auto}.dialog-scene .clean-scene{width:min(100%,88dvh);margin:auto}
.a4-download{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:600}
.series-caption,.format-lead figcaption{font-size:12px;line-height:1.6;color:#465a41}.placement .clean-scene{border-radius:0}.placement-copy p{min-height:0}
@media(max-width:700px){.example-item{display:flex;gap:16px}.example-info{display:flex;padding:0;gap:12px}.example-info .use-format{width:100%}.example-info .example-title{font-size:26px}.intro-label{margin-bottom:8px}.intro h1{margin-bottom:12px}.intro .hero-steps{margin:14px 0 12px}.intro p{margin:10px 0}.intro{gap:16px}.series-caption{font-size:12px}.dialog-scene .clean-scene,#example-viewer-image .clean-scene{width:100%}.guide-main .format-lead{gap:20px}}

.website-poster{position:relative;container-type:inline-size}.website-poster>img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}.website-poster .scale-caption{position:absolute;left:4.1%;top:87.9%;width:29.3%;height:2.2%;display:flex;align-items:center;background:#f6f3e8;color:#294634;font:700 1cqw/1 CardSans,Arial,sans-serif;letter-spacing:.0556cqw;white-space:nowrap}