:root{--bg:#fff;--bg-subtle:#f6f6f5;--fg:#16161a;--fg-muted:#6b6b73;--border:#e4e4e2;--accent:#16161a;--badge-ok-bg:#e8f3ec;--badge-ok-fg:#1c6b3c;--badge-edit-bg:#f2efe6;--badge-edit-fg:#7a6224;--radius:6px;--maxw:1180px}@media (prefers-color-scheme:dark){:root{--bg:#101012;--bg-subtle:#18181b;--fg:#f2f2f0;--fg-muted:#9a9aa2;--border:#2a2a2e;--accent:#f2f2f0;--badge-ok-bg:#16301f;--badge-ok-fg:#7fd0a0;--badge-edit-bg:#2e2718;--badge-edit-fg:#d8bc78}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;line-height:1.6}a{color:inherit}img{max-width:100%;display:block}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}.site-header{border-bottom:1px solid var(--border);padding:18px 0}.site-header .wrap{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.brand{letter-spacing:-.01em;font-size:1.05rem;font-weight:650;text-decoration:none}.brand small{color:var(--fg-muted);letter-spacing:0;font-size:.75rem;font-weight:400;display:block}.brand-gloss{color:var(--fg-muted);text-align:right;font-size:.73rem}@media (width<=620px){.brand-gloss{display:none}}.site-footer{border-top:1px solid var(--border);color:var(--fg-muted);margin-top:64px;padding:32px 0 48px;font-size:.8rem}.site-footer dl{grid-template-columns:max-content 1fr;gap:2px 12px;margin:0 0 14px;display:grid}.site-footer dt{color:var(--fg-muted);opacity:.75}.site-footer dd{margin:0}.hero{padding:56px 0 40px}.hero h1{letter-spacing:-.025em;max-width:20ch;margin:0 0 16px;font-size:clamp(1.9rem,4.5vw,3rem);line-height:1.15}.hero p{color:var(--fg-muted);max-width:58ch;margin:0;font-size:1.05rem}.section-head{justify-content:space-between;align-items:baseline;gap:12px;margin:40px 0 16px;display:flex}.section-head h2{letter-spacing:-.01em;margin:0;font-size:1.1rem}.section-head .count{color:var(--fg-muted);font-size:.8rem}.gallery{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.card{position:relative}.card a{text-decoration:none;display:block}.card .frame{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius);aspect-ratio:3/2;overflow:hidden}.card img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.card a:hover img{transform:scale(1.03)}.card h3{margin:9px 0 2px;font-size:.88rem;font-weight:500;line-height:1.35}.card .meta{color:var(--fg-muted);font-size:.75rem}.badge{letter-spacing:.02em;white-space:nowrap;border-radius:100px;padding:3px 8px;font-size:.68rem;font-weight:600;display:inline-block}.badge-commercial{background:var(--badge-ok-bg);color:var(--badge-ok-fg)}.badge-editorial{background:var(--badge-edit-bg);color:var(--badge-edit-fg)}.card .badge{backdrop-filter:blur(4px);position:absolute;top:8px;left:8px}.detail{grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);align-items:start;gap:36px;padding:32px 0;display:grid}@media (width<=820px){.detail{grid-template-columns:1fr;gap:24px}}.detail .stage{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.detail h1{letter-spacing:-.02em;margin:0 0 10px;font-size:1.5rem;line-height:1.25}.detail .desc{color:var(--fg-muted);margin:0 0 20px}.spec{border-top:1px solid var(--border);margin-top:20px;padding-top:16px}.spec dl{grid-template-columns:max-content 1fr;gap:6px 14px;margin:0;font-size:.85rem;display:grid}.spec dt{color:var(--fg-muted)}.spec dd{margin:0}.chips{flex-wrap:wrap;gap:6px;margin:14px 0 0;padding:0;list-style:none;display:flex}.chips li{color:var(--fg-muted);border:1px solid var(--border);border-radius:100px;padding:2px 9px;font-size:.73rem}.btn{background:var(--accent);color:var(--bg);border-radius:var(--radius);cursor:pointer;border:0;padding:11px 20px;font-size:.88rem;font-weight:550;text-decoration:none;display:inline-block}.btn.secondary{color:var(--fg);border:1px solid var(--border);background:0 0}.actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.note{color:var(--fg-muted);border-left:2px solid var(--border);margin-top:12px;padding-left:10px;font-size:.78rem}.back{color:var(--fg-muted);margin-top:28px;font-size:.82rem;text-decoration:none;display:inline-block}.back:hover{color:var(--fg)}.subscribe{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius);margin-top:56px;padding:28px}.subscribe h2{letter-spacing:-.01em;margin:0 0 6px;font-size:1.1rem}.subscribe p{color:var(--fg-muted);max-width:52ch;margin:0 0 16px;font-size:.9rem}.subscribe form{flex-wrap:wrap;gap:8px;max-width:460px;display:flex}.subscribe input[type=email]{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--fg);flex:220px;padding:11px 13px;font-size:.9rem}.subscribe .hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.subscribe .status{min-height:1.2em;margin-top:10px;font-size:.82rem}.legal{max-width:780px;padding:40px 0 64px}.legal-note{color:var(--fg-muted);background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius);margin:0 0 32px;padding:10px 14px;font-size:.78rem}.legal-note code{font-size:.85em}.legal h1{letter-spacing:-.02em;margin:0 0 18px;font-size:1.5rem}.legal h2{letter-spacing:-.01em;margin:28px 0 10px;font-size:1rem}.legal-lede{color:var(--fg-muted)}.legal p,.legal li{font-size:.92rem}.legal ul,.legal ol{padding-left:1.3em}.legal table{border-collapse:collapse;width:100%;margin:12px 0 18px;font-size:.85rem}.legal th,.legal td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:7px 10px}.legal th{color:var(--fg-muted);font-weight:600}.legal code{background:var(--bg-subtle);border-radius:4px;padding:1px 5px;font-size:.85em}.legal hr{border:none;border-top:1px solid var(--border);margin:48px 0}.legal section[lang=en]{color:var(--fg)}
