html{scroll-behavior:smooth;scroll-padding-top:25px}.brand-masthead{display:flex;align-items:center;justify-content:space-between;gap:5vw;padding:24px 0 27px}.masthead-word{width:69%;max-height:200px;object-fit:contain;object-position:left center}.masthead-side{padding-top:14px;min-width:180px;text-align:right}.masthead-side>img{width:66px;height:55px;object-fit:contain}.masthead-side p{font-size:13px;font-weight:600;margin:12px 0 7px}.masthead-side span{font:9px monospace;letter-spacing:.1em}.cinema-hero{position:relative;isolation:isolate;border-radius:10px;overflow:hidden;min-height:410px;aspect-ratio:2.8;background:#111;color:white}.cinema-hero #reelStage{position:absolute;inset:0}.cinema-hero .reel-frame img{object-position:center}.cinema-hero .reel-frame:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#000b,transparent 75%),linear-gradient(0deg,#0008,transparent 50%);pointer-events:none}.cinema-hero .reel-frame>span{left:auto;right:28px;bottom:80px;background:none;text-align:right;z-index:1;max-width:38%;font-size:17px}.hero-copy{position:relative;z-index:2;padding:40px 42px 65px;width:54%;pointer-events:none}.hero-copy h1{font-size:clamp(36px,4.8vw,68px);line-height:1.15;letter-spacing:-.035em;font-weight:800;margin:14px 0 16px}.hero-copy p{font-size:13px;line-height:1.8;margin:0 0 20px;color:#f5f5f5}.hero-copy .hero-eyebrow{font-size:11px;letter-spacing:.04em;margin:0}.action-primary{display:inline-flex;gap:28px;align-items:center;background:var(--signal);color:#111;border-radius:30px;padding:13px 21px;font-size:13px;font-weight:650;pointer-events:auto}.action-primary:hover{color:#111;background:#ff7358}.hero-bottom{position:absolute;inset:auto 28px 20px 42px;display:flex;align-items:center;justify-content:space-between;z-index:3;pointer-events:none}.hero-bottom>span{font:11px monospace;letter-spacing:.1em}.hero-bottom .reel-controls{display:flex;gap:8px;margin:0;pointer-events:auto}.hero-bottom button{background:#ffffffeb;border:0;color:#111;width:35px;height:32px}.find-bar{display:grid;grid-template-columns:1fr 1.1fr;gap:32px;align-items:center;padding:45px 0 28px}.section-index{font:10px monospace;letter-spacing:.08em;color:var(--muted)}.find-bar h2,.section-heading h2{font-size:27px;font-weight:700;letter-spacing:-.035em;margin:10px 0}.find-bar form{display:flex;align-items:center;border:1px solid #d5d5d2;border-radius:40px;background:white;padding:7px 8px 7px 23px}.find-bar input{font-size:14px;border:0;min-width:0;flex:1;padding:9px 0;background:none}.find-bar button{border:0;background:var(--signal);border-radius:50%;width:42px;height:42px;font-size:21px;color:#111;flex-shrink:0}.collection-summary{padding:0 0 22px;border-top:0;border-bottom:1px solid var(--line);margin-bottom:32px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:22px}.section-heading p{font-size:12px;color:var(--muted)}.section-heading>a{font-size:12px;white-space:nowrap}.door-image{aspect-ratio:1.9}.door p{font-size:12px}.works-section{padding:28px 0 45px;border-top:1px solid var(--line)}#workCards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.work-card>div{position:relative;overflow:hidden;border-radius:8px;aspect-ratio:1.8;background:#e6e6e3}.work-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.work-card:hover img{transform:scale(1.03)}.work-card>div>span{position:absolute;bottom:13px;left:13px;border-radius:20px;background:#fff;padding:7px 10px;font:10px monospace;color:#111}.work-card h3{display:flex;justify-content:space-between;font-size:20px;letter-spacing:-.02em;margin:16px 0 7px}.work-card h3 span{font-size:17px}.work-card p{font-size:12px;color:var(--muted);margin:0}.directory-section-heading{padding-top:32px;border-top:1px solid var(--line)}.mini-signal{width:57px;height:48px}.footer-word{display:flex;justify-content:space-between;align-items:center;gap:30px;margin:15px 0 30px}.footer-word img{width:52%;max-width:520px}.footer-word span{font-size:clamp(22px,3vw,40px);line-height:1.3;font-weight:750;color:#111}.footer-brand{font-size:13px;font-weight:500}.gallery-intro{position:relative;padding-right:140px}.gallery-signal{position:absolute;right:10px;top:46px;width:98px}.gallery-intro .kicker{font-size:11px}.gallery-intro h1{font-size:clamp(31px,4vw,56px)}.tools{padding-bottom:14px;border-bottom:1px solid var(--line)}#activeFilters{display:flex;gap:8px;flex-wrap:wrap;padding-top:18px}#activeFilters:empty{padding:0}#activeFilters button{border:0;background:#e9e9e5;border-radius:20px;padding:7px 12px;font-size:11px}#activeFilters button:hover{background:#ffd4c9;color:#111}#empty{padding:65px 0;text-align:center}#empty>img{width:65px;height:55px}#empty h2{font-size:26px}#empty p{color:var(--muted);font-size:13px}#empty button{background:#111;color:white;border:0;padding:12px 18px;border-radius:25px;margin:12px}#empty a{font-size:12px}#filmstrip{display:flex;gap:7px;flex-wrap:nowrap;overflow-x:auto;padding:12px 0 3px;margin:0}#filmstrip button{padding:0;width:92px;flex:0 0 92px;aspect-ratio:16/9;border:2px solid transparent;border-radius:4px;background:#222;overflow:hidden}#filmstrip button img{width:100%;height:100%;object-fit:contain;display:block}#filmstrip button[aria-current=true]{border-color:var(--signal)}dialog #large{max-height:55dvh}.viewer-bottom{padding-top:12px}.actions{gap:8px}.actions button,.actions a{font-size:12px}.dialog-note{font-size:11px;color:var(--muted)}
@media(min-width:1600px){.cinema-hero{min-height:490px}.hero-copy{padding-top:60px}}@media(max-width:900px){.masthead-side{min-width:145px}.masthead-side p{font-size:11px}.cinema-hero{aspect-ratio:auto;min-height:400px}.hero-copy{width:65%;padding:35px 30px 75px}.hero-bottom{left:30px}.find-bar{grid-template-columns:1fr;gap:14px;padding-top:30px}.find-bar h2{font-size:25px}.work-card h3{font-size:18px}.section-heading h2{font-size:24px}.gallery-intro{padding-right:110px}.gallery-signal{width:76px}}
@media(max-width:560px){.brand-masthead{padding:18px 0;gap:12px;align-items:center}.masthead-word{width:76%;height:auto}.masthead-side{min-width:0;width:50px;padding:0}.masthead-side>img{width:44px;height:40px}.masthead-side p,.masthead-side span{display:none}.cinema-hero{min-height:430px;border-radius:8px}.hero-copy{width:88%;padding:27px 22px 100px}.hero-copy h1{font-size:43px}.hero-copy p{font-size:12px}.hero-copy .hero-eyebrow{font-size:10px}.cinema-hero .reel-frame:after{background:linear-gradient(90deg,#000a,#0001),linear-gradient(0deg,#0008,transparent)}.cinema-hero .reel-frame>span{max-width:65%;right:20px;bottom:68px;font-size:13px;padding:10px 0}.cinema-hero .reel-frame small{font-size:10px;line-height:1.5}.hero-bottom{left:22px;right:18px;bottom:18px}.hero-bottom button{width:36px;height:34px}.action-primary{padding:11px 17px;gap:20px;font-size:12px}.find-bar{padding:26px 0 22px;gap:8px}.find-bar h2{font-size:23px}.find-bar form{padding-left:17px}.find-bar input{font-size:12px}.collection-summary{font-size:11px;margin-bottom:26px}.section-heading{align-items:start;gap:12px}.section-heading p{max-width:115px;font-size:11px;line-height:1.6;margin-top:12px}.section-heading h2{font-size:24px}.section-heading>a{font-size:11px;margin-top:28px}#doors{display:flex;overflow-x:auto;gap:15px;padding-bottom:25px;scroll-snap-type:x mandatory}#doors .door{flex:0 0 84%;scroll-snap-align:start}.door-image{aspect-ratio:1.7}#workCards{display:flex;overflow-x:auto;gap:16px;padding-bottom:12px;scroll-snap-type:x mandatory}.work-card{flex:0 0 82%;scroll-snap-align:start}.work-card h3{font-size:20px}.works-section{padding-bottom:26px}.mini-signal{width:44px}.footer-word img{width:65%}.footer-word span{font-size:18px;white-space:nowrap}.footer-word{gap:10px}.gallery-intro{padding-right:0}.gallery-signal{width:42px;top:24px;right:0}.gallery-intro .kicker{max-width:80%;line-height:1.6;font-size:9px}.gallery-intro h1{font-size:30px}.gallery-intro>p:last-child{font-size:12px}#filmstrip button{width:68px;flex-basis:68px}.viewer-bottom{gap:10px}.viewer-bottom h2{font-size:16px}.actions button,.actions a{padding:8px 10px;font-size:11px}.viewer-bottom .palette{min-width:0;max-width:100%}.footer-brand{line-height:1.8}.status{line-height:1.7}dialog #large{max-height:42dvh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

.mobile-description{display:none}@media(max-width:560px){.brand-masthead{flex-wrap:wrap}.mobile-description{display:block;flex-basis:100%;font-size:11px;margin:0 0 2px;color:#555}}
.cinema-hero{width:100%;aspect-ratio:auto;height:clamp(410px,33vw,530px)}#doors{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:560px){.cinema-hero{height:430px}}

.hero-credit{display:flex;align-items:center;gap:18px;font:11px monospace}.hero-credit a{font:10px sans-serif;color:#fff;pointer-events:auto;text-decoration:underline;text-underline-offset:3px}

/* Keep the people and their surrounding space together in the cover crop. */
.cinema-hero{height:auto;min-height:490px;aspect-ratio:2.12}
@media(max-width:760px){.cinema-hero{aspect-ratio:auto;min-height:0;height:auto;padding-top:54%;background:#171717}.cinema-hero #reelStage{bottom:auto;height:auto;aspect-ratio:1.855}.cinema-hero .reel-frame img{object-fit:contain}.cinema-hero .reel-frame:after{background:linear-gradient(0deg,#0007,transparent 30%)}.cinema-hero .reel-frame>span{bottom:14px;right:18px;font-size:12px;max-width:65%}.cinema-hero .reel-frame>span small{display:none}.hero-copy{padding:24px 22px 64px;width:100%}.hero-copy h1{font-size:36px}.hero-copy .hero-eyebrow{font-size:10px}.hero-copy p{margin-bottom:16px}.hero-bottom{left:22px;right:20px;bottom:16px}}

@media(min-width:761px){.cinema-hero[data-frame="studio-cover-30"] .hero-copy{margin-left:37%;width:48%;padding:30px 20px 40px}.cinema-hero[data-frame="studio-cover-30"] .hero-copy h1{font-size:clamp(34px,3.6vw,50px)}.cinema-hero[data-frame="studio-cover-30"] .reel-frame:after{background:linear-gradient(0deg,#0009,transparent 48%),linear-gradient(180deg,#0005,transparent 55%)}}
/* Cover index: ten different works, with full compositions preserved. */
#coverIndex{display:flex;gap:7px;padding:12px 0 0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--signal) transparent}
#coverIndex button{position:relative;flex:1;min-width:92px;border:0;border-top:3px solid #dededb;border-radius:0;padding:10px 4px;background:transparent;text-align:left;color:#666;font-size:10px;white-space:nowrap}
#coverIndex button span{font:10px monospace;margin-right:6px}#coverIndex button b{font-weight:500}#coverIndex button:hover{border-color:#111;color:#111}#coverIndex button[aria-pressed=true]{border-color:var(--signal);color:#111}#coverIndex button[aria-pressed=true] span{color:var(--red)}
@media(min-width:761px){.cinema-hero[data-layout=split]{background:#111}.cinema-hero[data-layout=split] .reel-frame img{width:72%;margin-left:28%;object-fit:contain}.cinema-hero[data-layout=split] .reel-frame:after{background:linear-gradient(0deg,#0009,transparent 25%)}.cinema-hero[data-layout=split] .hero-copy{margin-left:0;width:28%;padding:36px 24px}.cinema-hero[data-layout=split] .hero-copy h1{font-size:clamp(29px,3vw,44px)}.cinema-hero[data-layout=split] .hero-copy p{font-size:12px}.cinema-hero[data-layout=split] .action-primary{gap:15px;padding:12px 17px}.cinema-hero[data-layout=split] .hero-eyebrow{font-size:10px}}
@media(max-width:760px){#coverIndex button{min-width:106px}.cinema-hero[data-layout=split]{padding-top:66.67%}.cinema-hero[data-layout=split] #reelStage{aspect-ratio:1.5}.cinema-hero[data-layout=split] .reel-frame img{object-fit:contain}}
/* Directory extends the orange/black brand through every interactive state. */
.directory-toolbar{padding:12px 0;gap:20px;background:#f7f7f7f5;backdrop-filter:blur(12px);border-top:2px solid #111;border-bottom:1px solid var(--line);z-index:4}
.directory-toolbar nav{gap:6px;flex:1}.directory-toolbar nav button,.directory-toolbar nav button[data-lane=color],.directory-toolbar nav button[data-lane=photo]{border:0!important;border-radius:24px;padding:12px 17px;font-size:13px;margin:0!important;white-space:nowrap;font-weight:550;color:#444;background:transparent;transition:background .18s,color .18s,transform .12s}
.directory-toolbar nav button:hover{background:#111;color:#fff}.directory-toolbar nav button[aria-pressed=true]{background:var(--signal);color:#111;font-weight:700}.directory-toolbar nav button:active{transform:scale(.96)}
.directory-toolbar label{margin:0;flex:0 1 280px}.directory-toolbar input{width:100%;min-width:0;background:white;border:1px solid #d9d9d5;border-radius:25px;padding:12px 16px 12px 39px;outline:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23111' stroke-width='1.5'%3E%3Ccircle cx='7.5' cy='7.5' r='5'/%3E%3Cpath d='m11.5 11.5 4 4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:13px center;transition:border-color .18s,box-shadow .18s}
.directory-toolbar input:focus{border-color:var(--signal);box-shadow:0 0 0 3px #ff573620}
#directorySummary{display:flex;align-items:center;gap:10px;color:#626262;padding:23px 0 8px;font-size:12px}#directorySummary:before{content:'';display:block;width:8px;height:8px;background:var(--signal);flex-shrink:0}
.shelf{padding:30px 0 34px;border-bottom:1px solid #cfcfcb}.shelf-head{align-items:center;gap:20px}.shelf-heading{display:flex;align-items:center;gap:14px}.shelf-number{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;background:var(--signal);border-radius:50%;font:12px monospace;color:#111}.shelf h2{font-size:27px;line-height:1.3;letter-spacing:-.035em}.shelf-meta{font-size:11px;margin-top:6px}.shelf-head>a{display:inline-flex;align-items:center;gap:16px;padding:11px 16px;border:1px solid #111;border-radius:24px;background:#111;color:white;font-size:12px;font-weight:550}.shelf-head>a:hover{background:var(--signal);color:#111;border-color:var(--signal)}.shelf-head>a:active{transform:scale(.96)}.shelf>p{margin:14px 0 20px;font-size:12px}
.strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.strip>a{position:relative;border:1px solid #e1e1dd;border-radius:10px;background:white;overflow:hidden;padding:0;transition:transform .2s,border-color .2s,box-shadow .2s}.strip .shot-image{display:block;position:relative;margin:0;overflow:hidden;aspect-ratio:1.86;background:#111;border-radius:0;white-space:normal}.strip img{width:100%;height:100%;aspect-ratio:auto;object-fit:contain;background:#111;border-radius:0;opacity:1!important;transition:transform .35s}.strip .shot-image:after{content:'↗';position:absolute;bottom:12px;right:12px;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--signal);color:#111;font-size:19px;opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s}.strip .shot-info{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:13px 14px;font-size:12px;white-space:normal;color:#111}.strip .shot-info b{font-weight:650;flex-shrink:0}.strip .shot-info small{font-size:11px;color:#727272;text-align:right;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.strip>a:hover,.strip>a:focus-visible{border-color:var(--signal);box-shadow:0 4px 16px #1111110b;transform:translateY(-3px)}.strip>a:hover img{transform:scale(1.015)}.strip>a:hover .shot-image:after,.strip>a:focus-visible .shot-image:after{opacity:1;transform:translateY(0)}.strip>a:active{transform:translateY(0) scale(.985);border-color:#111}.strip>a:hover .shot-info{color:var(--red)}
.directory-toolbar button:focus-visible,.shelf a:focus-visible,#coverIndex button:focus-visible,.reel-controls button:focus-visible{outline:3px solid var(--signal);outline-offset:3px}
@media(max-width:1050px){.directory-toolbar{flex-wrap:wrap;gap:12px}.directory-toolbar nav{flex:1 1 100%;justify-content:flex-start;overflow:auto;padding:3px 0}.directory-toolbar label{flex:1 1 100%}.strip{gap:14px}}
@media(max-width:560px){.directory-toolbar{padding:10px 0;gap:8px}.directory-toolbar nav{gap:5px}.directory-toolbar nav button,.directory-toolbar nav button[data-lane=color],.directory-toolbar nav button[data-lane=photo]{padding:10px 14px;font-size:12px}.shelf{padding:23px 0}.shelf-heading{gap:9px}.shelf-number{width:27px;height:27px;font-size:10px}.shelf h2{font-size:22px}.shelf-head>a{gap:4px;padding:9px 11px;font-size:11px}.strip{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 15px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--signal) #ddd}.strip>a{flex:0 0 84%;scroll-snap-align:start}.strip .shot-info{padding:12px}.strip .shot-image:after{opacity:1;transform:none;width:28px;height:28px}}
@media(prefers-reduced-motion:reduce){.strip>a,.strip img,.strip .shot-image:after,.directory-toolbar nav button{transition:none}.strip>a:hover,.strip>a:active,.strip>a:hover img{transform:none}}
/* Two task entrances; all other dimensions are combinable filters. */
#doors{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.door-image{aspect-ratio:2.55}.combined-link{align-self:center;margin-left:14px;font-size:12px;border-left:1px solid #ccc;padding-left:20px;color:#555}.combined-link:hover{color:var(--red)}.shelf-head{margin-bottom:20px}
.primary-filters{align-items:end;gap:14px;padding:22px;border:1px solid #dededb;border-radius:12px;background:white}.tools label{display:flex;flex-direction:column;gap:8px}.tools label>span:not(.sr){font-size:11px;font-weight:600;color:#666}.primary-filters .search{flex:1;min-width:190px}.tools input,.tools select{border:1px solid #d7d7d3;border-radius:22px;background:#f7f7f5;padding:11px 14px;font-size:13px;color:#111}.tools input:focus,.tools select:focus{outline:2px solid var(--signal);outline-offset:2px}.tools button{border:0;border-radius:22px;padding:12px 17px;background:#111;color:white;white-space:nowrap}.tools button:hover{background:var(--signal);color:#111}.advanced-filters{border-bottom:1px solid var(--line);margin-top:10px}.advanced-filters summary{display:flex;justify-content:space-between;padding:16px 3px;font-size:13px;cursor:pointer;list-style:none}.advanced-filters summary::-webkit-details-marker{display:none}.advanced-filters summary span{font-size:20px;color:var(--red);line-height:1}.advanced-filters[open] summary span{transform:rotate(45deg)}.advanced-filters summary:hover{color:var(--red)}.advanced-filters .tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;border:0;padding:4px 0 22px}.advanced-filters .tools select{width:100%}#activeFilters button{background:#fff;border:1px solid #ff573660;color:#111}#activeFilters button:hover{background:var(--signal);color:#111}.shortlist-tools{padding-top:22px}.primary-filters>label{flex:0 1 155px}.primary-filters label.search{flex:1 1 230px}
@media(max-width:760px){.primary-filters{padding:15px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.primary-filters label.search{grid-column:1/-1;min-width:0}.primary-filters select,.primary-filters input{width:100%;min-width:0}.primary-filters>button{align-self:end}.advanced-filters .tools{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#doors{display:grid;grid-template-columns:1fr;overflow:visible;gap:24px}.door-image{aspect-ratio:2.1}.section-heading>p{font-size:11px;max-width:95px}.combined-link{margin-left:5px;padding-left:12px;white-space:nowrap}.directory-toolbar nav{overflow:visible}.shelf-head{margin-bottom:16px}.shelf-head>a{white-space:nowrap}.primary-filters{gap:12px}.advanced-filters .tools{gap:12px}.tools label>span:not(.sr){font-size:10px}}

/* Remove legacy underline and sticky behavior inside the new filter panels. */
.primary-filters label,.advanced-filters .tools label{border-bottom:0;min-width:0}.primary-filters,.advanced-filters .tools{position:static}.advanced-filters summary:focus-visible{outline:2px solid var(--signal);outline-offset:3px}

.cinema-hero .reel-frame .cover-region{display:inline-block!important;margin:7px 0 3px;font-size:10px;letter-spacing:.12em;color:#fff;opacity:.8}#coverIndex b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

#coverIndex{flex-wrap:nowrap}#coverIndex button{display:flex;align-items:center;min-width:110px}#coverIndex button b{display:block;min-width:0}#coverIndex button span{flex-shrink:0}.cinema-hero .reel-frame .cover-region{display:block!important;margin:5px 0}

.home-methods{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:45px 0 55px;border-top:1px solid var(--line)}.home-methods h2{font-size:30px;letter-spacing:-.04em;margin:15px 0}.home-methods p{font-size:13px;line-height:1.9;color:#666;max-width:420px}.home-methods a{display:inline-block;margin-top:14px;font-size:12px;font-weight:600;border-bottom:2px solid var(--signal);padding-bottom:8px}@media(max-width:600px){.home-methods{grid-template-columns:1fr;gap:35px;padding:30px 0}.home-methods h2{font-size:26px}}
/* Homepage: concrete scene and film-type indexes. */
.home-index-section{padding:44px 0 36px;border-bottom:1px solid var(--line)}.index-section-top{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-bottom:27px}.home-index-section h2{font-size:clamp(26px,3vw,42px);line-height:1.3;letter-spacing:-.035em;margin:12px 0 0;font-weight:750}.scene-keyword{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #d5d5d2;padding:7px 8px 7px 20px;border-radius:30px;flex:0 1 440px;min-width:0}.scene-keyword input{border:0;outline:none;background:none;width:100%;min-width:0;font-size:13px;padding:7px 0}.scene-keyword:focus-within{border-color:var(--signal);box-shadow:0 0 0 3px #ff573618}.scene-keyword button{width:38px;height:38px;flex-shrink:0;border-radius:50%;border:0;background:var(--signal);color:#111;font-size:23px}.index-tags{display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:0}.index-tag{display:flex;align-items:center;gap:18px;padding:12px 17px;border:1px solid #d8d8d4;border-radius:7px;background:#fff;font-size:13px;line-height:1.5;color:#111;transition:background .16s,border-color .16s,transform .16s}.index-tag>span{color:#999;font-size:12px}.index-tag:hover,.index-tag:focus-visible{background:var(--signal);border-color:var(--signal);color:#111}.index-tag:hover>span{color:#111}.index-tag:active{transform:scale(.97)}.index-tag:focus-visible{outline:2px solid #111;outline-offset:3px}.index-all{display:inline-block;margin-top:24px;color:#666;font-size:12px;border-bottom:1px solid #bfbfbb;padding-bottom:5px}.genre-index{padding-bottom:45px}.genre-tag{min-width:120px;justify-content:space-between;font-size:17px;padding:17px 22px;background:#111;color:#fff;border-color:#111}.genre-tag>span{color:#bbb}.genre-tag:hover{background:var(--signal);color:#111}.genre-tag:focus-visible{color:#111}
@media(max-width:760px){.index-section-top{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:22px}.scene-keyword{flex:auto;width:100%;max-width:none}.home-index-section{padding:30px 0}.index-tags{gap:8px}.index-tag{font-size:12px;gap:13px;padding:10px 13px}.genre-tag{font-size:16px;min-width:100px;padding:14px 17px}.home-index-section h2{font-size:28px}.scene-keyword input{font-size:12px}}
/* VI correction: Signal Orange + Ink throughout both homepage indexes. */
.home-index-section{--index-orange:#FF5736;--index-ink:#111111}
.home-index-section .section-index{color:var(--index-ink);display:inline-flex;align-items:center;gap:10px}
.home-index-section .section-index:before{content:'';width:9px;height:9px;background:var(--index-orange);display:block}
.home-index-section .index-tag{background:transparent;border-color:var(--index-orange);color:var(--index-ink);font-weight:550}
.home-index-section .index-tag>span{color:var(--index-orange)}
.home-index-section .genre-tag{background:var(--index-orange);border-color:var(--index-orange);color:var(--index-ink);font-weight:650}
.home-index-section .genre-tag>span{color:var(--index-ink)}
.home-index-section .index-tag:hover{background:var(--index-ink);border-color:var(--index-ink);color:#fff}
.home-index-section .index-tag:hover>span{color:var(--index-orange)}
.home-index-section .index-tag:active{background:var(--index-orange);border-color:var(--index-orange);color:var(--index-ink)}
.home-index-section .index-tag:active>span{color:var(--index-ink)}
.home-index-section .index-tag:focus-visible{outline:3px solid var(--index-orange);outline-offset:4px;background:var(--index-ink);border-color:var(--index-ink);color:#fff}
.home-index-section .index-tag:focus-visible>span{color:var(--index-orange)}
.home-index-section .index-all{color:var(--index-ink);border-bottom:2px solid var(--index-orange)}
.home-index-section .index-all:hover{color:var(--index-orange)}
.home-index-section .scene-keyword{border-color:var(--index-orange);background:transparent}
.home-index-section .scene-keyword button:hover{background:var(--index-ink);color:var(--index-orange)}
.home-index-section .scene-keyword:focus-within{border-color:var(--index-orange);box-shadow:0 0 0 3px #ff573620}