:root{color-scheme:light;--bg:#f3f2ee;--paper:#fff;--ink:#222a27;--muted:#727873;--line:#dedfd8;--accent:#244d40}
.image-button img{height:auto}
.brand-nav{display:flex;gap:28px;align-items:center;flex-wrap:wrap}.section-nav{background:transparent;padding:0;gap:20px;border-radius:0;font-size:14px}.section-nav a{padding:7px 0;color:var(--muted);white-space:nowrap}.section-nav a[aria-current=page]{color:var(--accent);border-bottom:2px solid var(--accent)}.props-intro{max-width:1440px;margin:auto;padding:0 36px 24px}.props-intro h2{font-size:24px;margin:0}.props-intro p{color:var(--muted);font-size:13px;margin:6px 0 0}.props-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.prop-card{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.prop-copy{padding:22px 24px}.prop-copy h2{font-size:20px;line-height:1.4;margin:0}.prop-copy p{color:var(--muted);font-size:14px;margin:9px 0 0}.prop-image{border:0;border-top:1px solid var(--line);border-radius:0}.prop-image img{height:340px!important;aspect-ratio:auto!important;object-fit:contain}.prop-original{display:block;text-align:right;padding:12px 20px;font-size:13px;color:var(--muted)}@media(max-width:760px){.brand-nav{gap:12px}.brand-nav .section-nav{width:auto}.props-intro{padding:0 18px 20px}.props-grid{grid-template-columns:minmax(0,1fr)}.prop-copy{padding:20px}.prop-image img{height:300px!important}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.65 system-ui,"Microsoft YaHei",sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #6e9b88;outline-offset:4px}
.page-header{max-width:1440px;margin:auto;padding:36px 36px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}h1{font-size:24px;letter-spacing:.08em;font-weight:650;margin:0}nav{display:flex;gap:6px;padding:5px;background:#e8e9e3;border-radius:9px}nav button{cursor:pointer;white-space:nowrap;border:0;padding:10px 18px;color:#626a63;border-radius:6px;background:transparent;font-size:14px}nav button span{margin-left:10px}nav button[aria-pressed=true]{color:var(--ink);background:white;box-shadow:0 1px 4px #182c1810}
main{max-width:1440px;margin:auto;padding:0 36px 64px}.character{margin-bottom:30px;border:1px solid var(--line);border-radius:12px;background:var(--paper);overflow:hidden}.character-heading{padding:25px 28px 22px;border-bottom:1px solid var(--line);border-left:4px solid var(--accent)}.character h2{margin:0;font-size:26px;line-height:1.3;font-weight:650}.character p{margin:9px 0 0;color:var(--muted);font-size:14px}.outfits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:26px 28px 28px}.outfits.single{grid-template-columns:minmax(0,960px)}figure{margin:0;min-width:0}.image-button{display:block;padding:0;width:100%;border:1px solid #e5e5df;border-radius:6px;overflow:hidden;background:#f2f2ef;cursor:zoom-in}.image-button img{width:100%;aspect-ratio:16/9;object-fit:contain;display:block}.image-button:hover{border-color:#8da196}figcaption{display:flex;justify-content:space-between;gap:15px;margin-top:10px;font-size:13px;color:#59625a}figcaption a{color:var(--muted);flex-shrink:0}figcaption a:hover{color:var(--accent)}.empty{padding:90px 20px;text-align:center;color:var(--muted)}
dialog{width:min(1480px,96vw);max-width:96vw;max-height:94vh;border:0;border-radius:10px;padding:42px 20px 14px;background:#fff;color:var(--ink)}dialog::backdrop{background:#121915d9}dialog img{width:100%;height:auto;max-height:76vh;object-fit:contain;display:block}.close{position:absolute;right:12px;top:4px;background:none;border:0;font-size:30px;line-height:1;min-width:36px;min-height:36px;cursor:pointer;color:var(--ink)}.lightbox-footer{display:flex;gap:20px;align-items:center;justify-content:space-between;font-size:14px}.lightbox-footer p{margin:10px 0}.lightbox-footer a{flex-shrink:0;color:var(--accent)}noscript{display:block;text-align:center}
@media(max-width:760px){.page-header{padding:24px 18px 20px;align-items:flex-start;flex-direction:column;gap:18px}h1{font-size:22px}nav{width:100%}nav button{flex:1;padding:10px 8px;font-size:13px}nav button span{margin-left:6px}main{padding:0 18px 40px}.character{margin-bottom:24px}.character-heading{padding:20px}.character h2{font-size:23px}.character p{font-size:13px}.outfits,.outfits.single{grid-template-columns:minmax(0,1fr);padding:20px;gap:24px}figcaption{font-size:12px}dialog{padding:42px 12px 12px}}

.scenes-grid{grid-template-columns:minmax(0,1fr)}.scene-card .prop-copy{min-height:0}.scene-angles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:0 24px 22px}.scene-card .prop-image img{height:auto!important;aspect-ratio:16/9!important;object-fit:contain}.scene-angle figcaption{align-items:center;margin-top:10px}.scene-angle .prop-original{padding:0;white-space:nowrap}.prop-copy .spatial-note{font-size:13px;color:var(--accent)}@media(max-width:760px){.scene-angles{grid-template-columns:minmax(0,1fr);padding:0 18px 20px;gap:20px}}

.video-card{max-width:850px;background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.video-card video{display:block;width:100%;max-height:76vh;background:#111}.section-nav{flex-wrap:wrap}.video-card h2{margin:0}.prop-image img{height:auto!important;aspect-ratio:auto!important}.scene-card .prop-image img{max-height:620px}.page-header{flex-wrap:wrap}
.samples-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}.sample-card{min-width:0}.sample-card video{aspect-ratio:9/16;object-fit:contain}.sample-links{display:flex;flex-wrap:wrap;gap:12px 18px;padding:18px 20px;font-size:13px;color:var(--accent)}.sample-links button{border:0;padding:0;background:none;color:inherit;cursor:pointer;font-size:inherit}.sample-card .prop-copy{min-height:132px}@media(max-width:900px){.samples-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.samples-grid{grid-template-columns:minmax(0,1fr)}.sample-card .prop-copy{min-height:0}}
