:root{font-family:Avenir Next,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;color:#f2f2f2;background:#000;color-scheme:dark;font-synthesis:none;--accent: #ff9900;--accent-hover: #ffb13b;--muted: #a0a0a0;--line: #292929;--surface: #141414}*{box-sizing:border-box}body{margin:0;background:#000}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0}button:disabled{cursor:default;opacity:.55}a{color:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}::selection{background:var(--accent);color:#000}.app-shell{max-width:1600px;min-height:100dvh;margin:auto;padding:0 4%}.site-header{height:76px;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.wordmark{font-size:42px;font-weight:900;line-height:1;letter-spacing:-2.5px;text-decoration:none;color:#fff}.wordmark span{color:var(--accent)}.brand-caption{font-size:12px;font-weight:600;color:#c2c2c2;border-left:1px solid #444;padding-left:24px}.header-nav{margin-left:auto;flex-shrink:0}.header-nav a{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:#e5e5e5;font-size:12px;text-decoration:none}.header-nav a:hover{color:var(--accent)}.text-button{background:none;font-size:12px;padding:12px 0;text-decoration:underline;text-underline-offset:4px}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:48px;padding:13px 22px;border-radius:4px;background:var(--accent);color:#111;font-size:14px;font-weight:700}.primary:hover:not(:disabled){background:var(--accent-hover)}.search-page{min-height:72vh;padding:32px 0 56px}.welcome-dialog{position:fixed;z-index:10;right:24px;bottom:24px;width:440px;max-width:calc(100% - 32px);max-height:calc(100dvh - 48px);overflow-y:auto;padding:22px;background:var(--surface);border:1px solid #484848;border-top:3px solid var(--accent);border-radius:6px;box-shadow:0 12px 40px #0008}.welcome-dialog:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.welcome-eyebrow{margin:0 0 8px;color:var(--accent);font-size:11px;font-weight:700}.welcome-dialog h2{margin:0;font-size:19px;line-height:1.5}.welcome-dialog>p:not(.welcome-eyebrow){margin:10px 0;color:#c8c8c8;font-size:13px;line-height:1.8}.welcome-dialog ul{margin:12px 0 18px;padding-left:1.3em;font-size:13px;line-height:1.8}.welcome-dialog li+li{margin-top:6px}.welcome-dialog li::marker{color:var(--accent)}.welcome-dialog strong{font-weight:600}.welcome-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.welcome-actions>span{color:var(--muted);font-size:11px}.welcome-actions .primary{flex-shrink:0;justify-content:center}@media(max-width:700px),(max-height:500px){.welcome-dialog{position:relative;inset:auto;width:100%;max-width:100%;max-height:none;margin:20px 0 0;padding:16px;box-shadow:none}.welcome-dialog h2{font-size:17px}}.search-form{display:flex;align-items:end;gap:12px;margin:0 0 18px}.search-form label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:600;min-width:0;color:#c8c8c8}.search-form select{width:220px;max-width:100%}.keyword-field{flex:1}.search-form input,.search-form select{min-height:48px;padding:12px 14px;border:1px solid #ccc;border-radius:4px;background:#fff;color:#111;color-scheme:light;font-size:14px}.search-form input::placeholder{color:#707070}.search-form input:hover:not(:disabled),.search-form select:hover:not(:disabled){border-color:#8a8a8a}.search-form .primary{min-width:148px}.results-bar{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:0 0 16px;color:var(--muted);font-size:11px}.result-heading{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:22px 0}.result-heading h2{font-size:18px;font-weight:700;margin:0;overflow-wrap:anywhere;border-left:3px solid var(--accent);padding-left:12px}.result-heading p{font-size:12px;color:var(--muted);margin:0;flex-shrink:0}.result-heading strong{color:#fff}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 18px}.product-card{display:flex;flex-direction:column;min-width:0}.cover{aspect-ratio:16 / 10;background:#191919;display:flex;flex-direction:column;justify-content:space-between;padding:16px;overflow:hidden;position:relative;color:#bdbdbd;border:1px solid var(--line);border-radius:4px}.product-card:nth-child(3n+2) .cover{background:#201b16;color:#d3b794}.product-card:nth-child(3n) .cover{background:#1a1c20;color:#bfc5ce}.cover img{position:absolute;width:100%;height:100%;inset:0;object-fit:contain;background:#101010}.cover>span{font-size:9px;letter-spacing:.12em}.cover>strong{font-size:22px;font-weight:650;align-self:center;margin:auto;line-height:1.5;text-align:center;overflow-wrap:anywhere}.product-date{font-size:11px;color:var(--muted);margin:12px 0 7px}.product-card h3{font-size:14px;line-height:1.65;margin:0 0 6px;overflow-wrap:anywhere}.people,.tags{font-size:11px;color:var(--muted);line-height:1.8;margin:3px 0;overflow-wrap:anywhere}.people{color:#c3c3c3}.tags{padding-bottom:12px}.product-link{margin-top:auto;display:flex;justify-content:space-between;align-items:center;min-height:44px;font-size:12px;font-weight:600;text-decoration:none;padding:12px 0;border-top:1px solid var(--line)}.product-link:hover{color:var(--accent-hover);text-decoration:underline;text-underline-offset:4px}.sample-note{font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:12px;margin-top:auto}.empty-state{padding:64px 20px;text-align:center;color:var(--muted)}.empty-state h2,.empty-state h3{color:#e5e5e5;font-size:18px;font-weight:600}.empty-state p{font-size:13px;line-height:1.9}.search-mark{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--surface);border:1px solid var(--line);border-radius:8px;font-size:28px;color:var(--accent)}.error{background:#2b1717;color:#ffb4aa;padding:15px 20px;margin-top:20px;font-size:13px;line-height:1.8;border:1px solid #793b35;border-radius:4px}.genre-error{font-size:12px;color:#ffb4aa}footer{padding:24px 0 32px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.footer-main{display:flex;align-items:center;gap:24px}.footer-main a{margin-left:auto;color:#c2c2c2;text-underline-offset:3px}.footer-brand{font-size:26px;line-height:1;font-weight:900;letter-spacing:-1px;color:var(--accent)}.footer-nav{display:flex;gap:24px;margin-top:18px}.footer-nav a{display:inline-flex;align-items:center;min-height:44px;color:#c2c2c2;text-underline-offset:4px}details{margin-top:22px;max-width:760px}summary{cursor:pointer;min-height:30px}details p{line-height:1.9}.about-page{max-width:1040px;margin:0 auto}.about-eyebrow{margin:0 0 20px;color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.1em}.about-hero{padding:76px 0 64px}.about-hero h1{margin:0;font-size:clamp(32px,4.6vw,58px);line-height:1.5;font-weight:800;letter-spacing:-.04em}.about-hero h1 span{color:var(--accent)}.about-introduction{margin-top:32px;max-width:690px}.about-introduction p{color:#b8b8b8;font-size:14px;line-height:2.1;margin:16px 0}.about-introduction .about-question{font-size:20px;font-weight:700;color:#f2f2f2}.about-introduction strong{font-weight:600;color:#f2f2f2}.about-search-link{text-decoration:none;min-width:180px}.about-hero .about-search-link{margin-top:16px}.about-how{padding:48px 0;border-top:1px solid var(--line)}.about-section-heading{display:grid;grid-template-columns:1fr 2fr;gap:24px;align-items:start}.about-section-heading .about-eyebrow{margin-top:9px}.about-page h2{margin:0;font-size:clamp(23px,2.8vw,32px);line-height:1.65;letter-spacing:-.03em}.search-example{margin:32px 0 40px;padding:28px 32px 22px;display:grid;grid-template-columns:1fr 60px 1fr;align-items:center;gap:12px 24px;background:var(--surface);border:1px solid var(--line);border-radius:5px}.search-example-round>p{margin:0 0 16px;display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700}.example-new{color:var(--accent);font-size:10px;letter-spacing:.08em}.example-works{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.example-work{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1 / 1.05;background:#202020;border:1px solid #484848;border-radius:3px;color:#b8b8b8;font-size:32px;font-weight:700}.example-work small{font-size:10px;font-weight:400}.example-works-new .example-work{color:var(--accent);background:#291d0c;border-color:#98601a}.example-arrow{text-align:center;color:var(--accent);font-size:32px}.example-caption{display:block;margin-top:12px;color:#b8b8b8;font-size:12px}.search-example figcaption{grid-column:1 / -1;margin-top:12px;padding-top:18px;border-top:1px solid #363636;color:#ccc;font-size:12px;line-height:1.9}.search-example figcaption>span{display:block;color:var(--muted);font-size:11px}.about-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;list-style:none;padding:0;margin:0}.step-number{display:block;margin-bottom:12px;font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--accent)}.about-steps h3{margin:0 0 10px;font-size:16px;line-height:1.7}.about-steps p{margin:0;font-size:13px;color:#b8b8b8;line-height:1.95}.about-keep{display:grid;grid-template-columns:60px 1fr;gap:24px;padding:36px;background:#19140c;border-left:3px solid var(--accent)}.keep-icon{color:var(--accent);font-size:52px;line-height:1}.about-keep .about-eyebrow{margin-bottom:12px}.about-keep p:not(.about-eyebrow){max-width:730px;color:#d0c9bd;font-size:14px;line-height:2;margin:20px 0 0}.about-keep strong{color:#fff;font-weight:600}.about-keep p.keep-note{font-size:12px;color:#b0a596}.about-start{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:64px 0 72px}.about-start .about-eyebrow{margin-bottom:12px}.about-start h2{font-size:24px}@media(max-width:700px){.header-nav a{font-size:11px;gap:6px}.about-hero{padding:44px 0 40px}.about-eyebrow{margin-bottom:16px}.about-hero h1{font-size:clamp(27px,6.5vw,42px)}.about-introduction{margin-top:24px}.about-introduction .about-question{font-size:18px}.desktop-break{display:none}.about-how{padding:32px 0}.about-section-heading{grid-template-columns:1fr;gap:0}.about-section-heading .about-eyebrow{margin-top:0}.search-example{margin:24px 0 32px;padding:20px 14px 16px;grid-template-columns:1fr 20px 1fr;gap:8px}.search-example-round>p{font-size:12px;gap:6px}.example-works{gap:5px}.example-work{font-size:23px;aspect-ratio:1 / 1.5}.example-work small{font-size:9px}.example-arrow{font-size:22px}.example-caption{font-size:10px;line-height:1.8}.search-example figcaption{font-size:11px}.about-steps{grid-template-columns:1fr;gap:24px}.about-steps li{display:flex;gap:18px}.step-number{padding-top:5px}.about-steps h3{margin-bottom:6px}.about-keep{grid-template-columns:1fr;gap:16px;padding:24px 20px}.keep-icon{font-size:38px}.about-start{align-items:flex-start;flex-direction:column;gap:24px;padding:40px 0 48px}.about-start h2{font-size:22px}}@media(max-width:380px){.site-header .brand-caption{padding-left:10px;font-size:10px}.site-header{column-gap:10px}.about-keep h2,.about-start h2{font-size:19px}}@media(max-width:1000px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.search-form select{width:180px}}@media(max-width:700px){.app-shell{padding:0 16px}.site-header{height:64px;gap:18px}.wordmark{font-size:36px}.brand-caption{font-size:11px;padding-left:18px}.search-page{padding:26px 0 40px}.search-form{display:grid;grid-template-columns:1fr;gap:14px;margin-top:22px}.search-form select,.search-form input{width:100%;font-size:16px}.search-form .primary{width:100%}.results-bar{flex-wrap:wrap;font-size:10px;gap:8px}.result-heading{display:block;padding:20px 0}.result-heading h2{font-size:16px}.result-heading p{margin-top:10px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.cover{padding:10px}.cover>span{font-size:7px}.cover>strong{font-size:16px}.product-card h3{font-size:12px}.product-date,.people,.tags{font-size:10px}.empty-state{padding:44px 0}.empty-state p{font-size:12px}.footer-main{gap:16px}.footer-main a{font-size:10px}}[hidden]{display:none!important}.product-card a.cover{width:100%;text-align:left;text-decoration:none}.title-link{color:inherit;text-decoration:none}.title-link:hover{color:var(--accent)}.loading-more,.load-more{display:flex;align-items:center;justify-content:center;gap:12px;padding:36px 0;color:var(--muted);font-size:13px}.spinner{width:18px;height:18px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}.header-nav{display:flex;gap:24px}.footer-nav{flex-wrap:wrap;gap:8px 24px}.search-introduction{margin:0 0 32px;max-width:800px}.search-introduction h1{margin:0 0 12px;font-size:clamp(22px,3vw,32px);line-height:1.6;letter-spacing:-.03em}.search-introduction p{margin:0 0 12px;color:#b8b8b8;font-size:13px;line-height:1.9}.search-introduction a{display:inline-flex;align-items:center;min-height:44px;font-size:12px;text-underline-offset:4px}.home-guides{margin-top:32px;padding-top:32px;border-top:1px solid var(--line)}.home-guides-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.home-guides-heading .about-eyebrow{margin-bottom:8px}.home-guides-heading h2{margin:0;font-size:clamp(20px,2.5vw,28px);line-height:1.6}.home-guides-heading>a{flex-shrink:0;min-height:44px;display:inline-flex;align-items:center;font-size:12px;text-underline-offset:4px}.guide-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.guide-link{display:grid;grid-template-columns:40px 1fr;gap:18px;padding:26px 0;border-top:1px solid #484848;color:inherit;text-decoration:none}.guide-number{color:var(--accent);font-size:24px;font-weight:700;font-variant-numeric:tabular-nums}.guide-category{color:var(--muted);margin:2px 0 12px;font-size:11px}.guide-link h2,.guide-link h3{margin:0;font-size:20px;line-height:1.7;letter-spacing:-.02em}.guide-link:hover h2,.guide-link:hover h3{color:var(--accent)}.article-index-list{grid-template-columns:1fr;gap:0}.article-index-list .guide-link{padding:30px 0}.article-index-list .guide-summary{max-width:760px}.article-count{margin:0 0 16px;color:var(--muted);font-size:12px}.article-back{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-top:20px;font-size:13px;text-underline-offset:4px}.guide-summary{margin:14px 0;color:#b8b8b8;font-size:13px;line-height:1.9}.guide-read{display:inline-flex;align-items:center;min-height:44px;gap:24px;color:var(--accent);font-size:12px}.guides-page{max-width:1040px;margin:0 auto;padding-bottom:64px}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding-top:24px;color:var(--muted);font-size:12px}.breadcrumbs a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:4px}.guides-heading{padding:40px 0}.guides-heading h1{max-width:900px;margin:0;font-size:clamp(27px,3.8vw,44px);line-height:1.6;letter-spacing:-.035em;overflow-wrap:anywhere}.guides-heading>p:not(.about-eyebrow){max-width:760px;margin:24px 0 0;color:#c2c2c2;font-size:15px;line-height:2.1}.guides-heading>p.guide-byline{color:var(--muted);font-size:12px}.guide-article{max-width:800px;margin:0 auto}.guide-toc{padding:24px 28px;background:var(--surface);border-left:3px solid var(--accent)}.guide-toc h2{margin:0 0 12px;font-size:15px}.guide-toc ol{margin:0;padding-left:1.5em;color:var(--muted)}.guide-toc a{display:inline-block;padding:10px 0;color:#d4d4d4;font-size:13px;line-height:1.85;text-underline-offset:4px}.guide-toc a:hover{color:var(--accent)}.guide-body section{padding-top:40px;scroll-margin-top:24px}.guide-body h2{margin:0 0 20px;font-size:clamp(20px,2.4vw,26px);line-height:1.7;letter-spacing:-.02em}.guide-body p,.guide-policy p{margin:16px 0;color:#c8c8c8;font-size:15px;line-height:2.15;overflow-wrap:anywhere}.guide-checklist{padding:20px 24px 20px 44px;background:var(--surface);font-size:14px;line-height:2}.guide-checklist li+li{margin-top:10px}.guide-checklist li::marker{color:var(--accent)}.guide-policy{margin-top:40px;padding-top:32px;border-top:1px solid var(--line);max-width:800px}.guide-policy h2{margin:0;font-size:20px}.guide-next{margin-top:44px;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.guide-next .about-eyebrow{margin-bottom:12px}.guide-next a{display:block;padding:10px 0;font-size:17px;line-height:1.9;text-underline-offset:5px}.guide-search{margin-top:40px;text-align:center}.guide-search p{color:var(--muted);font-size:13px;line-height:1.9}@media(max-width:850px){.site-header .brand-caption{display:none}}@media(max-width:700px){.header-nav{gap:16px}.guide-list{grid-template-columns:1fr;gap:0}.guide-link{grid-template-columns:32px 1fr;gap:12px}.guide-link h2,.guide-link h3{font-size:18px}.guides-heading{padding:28px 0}.guide-toc{padding:20px}.guide-body section{padding-top:32px}.guide-body p,.guide-policy p{font-size:14px}.home-guides-heading{align-items:start;flex-direction:column;gap:8px}.guides-page{padding-bottom:40px}}@media(max-width:380px){.header-nav{gap:10px}.header-nav a{font-size:10px}}