/* 2026-09-28 deep homepage sections (services, buying, value, guides, tools, FAQ). Gen6 tokens only. */
.home.gen6 .g6-deep h2, .home.gen6 .g6-services h2 { font:500 clamp(34px,3.35vw,46px)/1.07 var(--g6-display); letter-spacing:-.025em; margin:0; color:var(--g6-ink); }
.home.gen6 .g6-deep h2 em, .home.gen6 .g6-services h2 em { font-style:italic; color:var(--g6-channel); }
.home.gen6 .g6-services, .home.gen6 .g6-deep { padding-block:clamp(56px,7vw,104px); }
.home.gen6 .g6-deep .g6-band-head p, .home.gen6 .g6-services .g6-band-head p { max-width:60ch; color:var(--g6-slate); font:400 17px/1.6 var(--g6-ui); }
.home.gen6 .g6-deep-more { display:inline-flex; align-items:center; gap:8px; min-height:44px; font:600 15px/1 var(--g6-ui); color:var(--g6-ink); text-decoration:none; border-bottom:1px solid currentColor; padding-top:8px; }
.home.gen6 .g6-deep-more:hover { color:var(--g6-channel); }

/* services: the three photo cards were replaced by the named-service list (2026-10-12 director); rules live in css/gen6-opus-home.css "What the team carries". */

/* buying */
.g6-buying-layout { display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:clamp(32px,6vw,96px); align-items:start; }
.g6-buying-copy p { color:var(--g6-slate); font:400 17px/1.65 var(--g6-ui); margin:18px 0 22px; max-width:48ch; }
.g6-steps { list-style:none; margin:0; padding:0; display:grid; gap:0; border-top:1px solid var(--g6-line); }
.g6-steps li { display:grid; grid-template-columns:84px 1fr; gap:16px; padding:26px 0; border-bottom:1px solid var(--g6-line); }
.g6-step-n { font:italic 500 24px/1.1 var(--g6-display); color:var(--g6-channel); }
.g6-steps h3 { font:600 18px/1.3 var(--g6-ui); margin:2px 0 6px; color:var(--g6-ink); }
.g6-steps p { margin:0; color:var(--g6-slate); font:400 16px/1.6 var(--g6-ui); }

/* value */
.home.gen6 .g6-value { background:var(--g6-ink); color:#fff; }
.home.gen6 .g6-value h2 { color:#fff; }
.g6-value-layout { display:grid; grid-template-columns:minmax(0,5fr) minmax(0,6fr); gap:clamp(32px,6vw,96px); align-items:center; }
.g6-value-head > p { color:rgba(255,255,255,.82); font:400 17px/1.65 var(--g6-ui); margin:18px 0 0; max-width:48ch; }
.g6-value-form { display:flex; gap:10px; background:#fff; border-radius:999px; padding:6px; max-width:620px; box-shadow:0 16px 48px rgba(0,0,0,.25); }
.g6-value-form input { flex:1; min-width:0; border:0; background:transparent; padding:0 18px; font:500 16px/1 var(--g6-ui); color:var(--g6-ink); min-height:52px; outline:none; }
.g6-value-form .g6-action { border-radius:999px; min-height:52px; padding:0 24px; white-space:nowrap; border:0; cursor:pointer; background:var(--g6-channel); color:#fff; font:600 15px/1 var(--g6-ui); }
.g6-value-form:focus-within { box-shadow:0 0 0 3px var(--g6-live-teal),0 16px 48px rgba(0,0,0,.25); }
.g6-value-note { font:400 14px/1.5 var(--g6-ui) !important; color:rgba(255,255,255,.62) !important; margin-top:14px !important; }

/* guides */
.g6-guide-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-top:28px; }
.g6-gcard { position:relative; display:grid; align-content:start; gap:10px; padding:24px 22px 52px; min-height:210px; border:1px solid var(--g6-line); border-radius:var(--g6-radius); background:#fff; color:var(--g6-ink); text-decoration:none; transition:border-color var(--g6-motion), transform var(--g6-motion), box-shadow var(--g6-motion); }
.g6-gcard-tag { font:600 12px/1 var(--g6-ui); letter-spacing:.09em; text-transform:uppercase; color:var(--g6-channel); }
.g6-gcard-title { font:500 23px/1.15 var(--g6-display); }
.g6-gcard-body { font:400 15px/1.55 var(--g6-ui); color:var(--g6-slate); }
.g6-gcard-go { position:absolute; left:22px; bottom:20px; font:600 18px/1 var(--g6-ui); color:var(--g6-channel); transition:transform var(--g6-motion); }
.g6-gcard:hover, .g6-gcard:focus-visible { border-color:var(--g6-channel); box-shadow:var(--g6-floating-shadow); transform:translateY(-2px); }
.g6-gcard:hover .g6-gcard-go { transform:translateX(4px); }

/* tools */
.home.gen6 .g6-tools { background:var(--g6-mist); }
.g6-tool-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; margin-top:28px; background:var(--g6-line); border:1px solid var(--g6-line); border-radius:var(--g6-radius); overflow:hidden; }
.g6-tcard { display:grid; align-content:start; gap:8px; padding:26px 22px; min-height:170px; background:var(--g6-paper); color:var(--g6-ink); text-decoration:none; transition:background var(--g6-motion); }
.g6-tcard-kind { font:600 11px/1 var(--g6-ui); letter-spacing:.1em; text-transform:uppercase; color:var(--g6-slate); }
.g6-tcard-title { font:600 18px/1.3 var(--g6-ui); }
.g6-tcard-title span { color:var(--g6-channel); }
.g6-tcard-body { font:400 15px/1.55 var(--g6-ui); color:var(--g6-slate); }
.g6-tcard:hover, .g6-tcard:focus-visible { background:#fff; }

/* faq */
.g6-faq-layout { display:grid; grid-template-columns:minmax(0,4fr) minmax(0,7fr); gap:clamp(32px,6vw,96px); align-items:start; }
.g6-faq-layout > div:first-child p { color:var(--g6-slate); font:400 17px/1.6 var(--g6-ui); margin:16px 0 18px; }
.g6-faq-list { border-top:1px solid var(--g6-line); }
.g6-faq-item { border-bottom:1px solid var(--g6-line); }
.g6-faq-item summary { list-style:none; cursor:pointer; display:flex; justify-content:space-between; gap:20px; padding:22px 0; font:600 18px/1.4 var(--g6-ui); color:var(--g6-ink); min-height:44px; }
.g6-faq-item summary::-webkit-details-marker { display:none; }
.g6-faq-item summary::after { content:'+'; font:300 26px/1 var(--g6-ui); color:var(--g6-channel); transition:transform var(--g6-motion); flex:none; }
.g6-faq-item[open] summary::after { transform:rotate(45deg); }
.g6-faq-a { padding:0 0 22px; max-width:64ch; }
.g6-faq-a p { margin:0 0 12px; color:var(--g6-slate); font:400 16px/1.65 var(--g6-ui); }
.g6-faq-a a { display:inline-flex; align-items:center; min-height:44px; font:600 15px/1 var(--g6-ui); color:var(--g6-channel); text-decoration:none; }

@media (max-width:1000px) {
  .g6-buying-layout, .g6-value-layout, .g6-faq-layout { grid-template-columns:1fr; }
  .g6-guide-grid, .g6-tool-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:640px) {
  .g6-guide-grid { grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:78%; overflow-x:auto; scroll-snap-type:x mandatory; margin-inline:-20px; padding:0 20px 8px; scrollbar-width:none; }
  .g6-gcard { scroll-snap-align:start; }
  .g6-tool-grid { grid-template-columns:1fr; }
  .g6-tcard { min-height:0; padding:20px; }
  .g6-value-form { flex-direction:column; border-radius:20px; padding:8px; }
  .g6-value-form input { min-height:52px; font-size:16px; }
  .g6-value-form .g6-action { width:100%; border-radius:14px; }
  .g6-steps li { grid-template-columns:64px 1fr; padding:20px 0; }
}

/* video library (/video-hub/) */
.g6-vlib { padding-block:clamp(56px,7vw,96px); }
.g6-vlib-tools { display:grid; gap:14px; margin:24px 0 10px; }
.g6-vlib-search input { width:100%; max-width:560px; min-height:50px; border:1px solid var(--g6-line); border-radius:999px; padding:0 20px; font:500 16px/1 var(--g6-ui); background:#fff; color:var(--g6-ink); }
.g6-vlib-search input:focus { outline:3px solid var(--g6-live-teal); outline-offset:1px; }
.g6-vlib-chips, .g6-vlib-kind { display:flex; flex-wrap:wrap; gap:8px; }
.g6-vlib-chips button, .g6-vlib-kind button { min-height:44px; padding:0 16px; border-radius:999px; border:1px solid var(--g6-line); background:#fff; color:var(--g6-ink); font:600 14px/1 var(--g6-ui); cursor:pointer; transition:background var(--g6-motion),color var(--g6-motion),border-color var(--g6-motion); }
.g6-vlib-chips button span { color:var(--g6-slate); font-weight:500; margin-left:4px; }
.g6-vlib-chips button[aria-pressed="true"], .g6-vlib-kind button[aria-pressed="true"] { background:var(--g6-ink); border-color:var(--g6-ink); color:#fff; }
.g6-vlib-chips button[aria-pressed="true"] span { color:rgba(255,255,255,.7); }
.g6-vlib-result { font:500 14px/1.4 var(--g6-ui); color:var(--g6-slate); margin:6px 0 18px; }
.g6-vlib-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:26px 18px; }
.g6-vlib.is-shorts .g6-vlib-grid { grid-template-columns:repeat(6,minmax(0,1fr)); }
.g6-vcard[hidden] { display:none; }
.g6-vcard-poster { position:relative; display:block; aspect-ratio:16/9; border-radius:12px; overflow:hidden; background:var(--g6-mist); }
.g6-vcard-poster.is-short { aspect-ratio:9/16; }
.g6-vcard-poster img { width:100%; height:100%; object-fit:cover; display:block; transition:transform 500ms ease; }
.g6-vcard-poster:hover img { transform:scale(1.04); }
.g6-vcard-dur { position:absolute; right:8px; bottom:8px; background:rgba(22,40,62,.85); color:#fff; font:600 12px/1 var(--g6-ui); padding:5px 7px; border-radius:6px; }
.gen6 .g6-vlib .g6-vcard-cat { margin:10px 0 4px; font:600 11px/1.3 var(--g6-ui) !important; letter-spacing:.08em; text-transform:uppercase; color:var(--g6-channel); }
.gen6 .g6-vlib .g6-vcard h3 { margin:0; font:600 15px/1.4 var(--g6-ui) !important; letter-spacing:0; color:var(--g6-ink); display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.g6-vlib-more { margin:32px auto 0; display:flex; }
.g6-vlib-more[hidden] { display:none; }
.g6-vlib-channel { text-align:center; margin-top:18px; }
.g6-vlib-channel a { font:600 15px/1 var(--g6-ui); color:var(--g6-channel); display:inline-flex; min-height:44px; align-items:center; }
@media (max-width:1000px) { .g6-vlib-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .g6-vlib.is-shorts .g6-vlib-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:640px) { .g6-vlib-chips { flex-wrap:nowrap; overflow-x:auto; margin-inline:-20px; padding:0 20px 4px; scrollbar-width:none; } .g6-vlib-chips button { flex:none; } .g6-vlib-grid { gap:22px 12px; } .g6-vcard h3 { font-size:14px; } }
.g6-vlib.is-shorts .g6-vlib-chips button span { display:none; }
.home.gen6 .g6-hero-phone { margin:14px 0 0; font:500 15px/1.4 var(--g6-ui); color:rgba(255,255,255,.85); }
.home.gen6 .g6-hero-phone a { color:#fff; font-weight:700; text-decoration:none; display:inline-block; padding:10px 0; }

/* homepage video topics (section: See it on film first) */
/* snap to the text column, not the screen edge */
@media (max-width:640px) { .g6-guide-grid, .g6-vlib-chips { scroll-padding-inline:20px; } }

/* /sell/ film process + case study */
.g6-sell-steps { list-style:none; margin:28px 0 0; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.g6-sell-steps li { background:#fff; border:1px solid var(--g6-line); border-radius:var(--g6-radius); padding:24px 22px; }
.g6-sell-steps span { font:italic 500 22px/1 var(--g6-display); color:var(--g6-channel); }
.gen6 .g6-sell-steps h3 { margin:12px 0 8px; font:600 18px/1.3 var(--g6-ui); color:var(--g6-ink); letter-spacing:0; }
.gen6 .g6-sell-steps p { margin:0; font:400 15px/1.6 var(--g6-ui); color:var(--g6-slate); }
.g6-sell-film-more { margin-top:22px; }
.g6-sell-film-proof { margin-top:22px; max-width:420px; }
.g6-sell-case-grid { display:grid; grid-template-columns:1fr 1fr 1fr; gap:1px; margin-top:28px; background:var(--g6-line); border:1px solid var(--g6-line); border-radius:var(--g6-radius); overflow:hidden; }
.g6-sell-case-grid > div { background:var(--g6-paper); padding:26px 24px; }
.gen6 .g6-sell-case-grid p { margin:0; font:400 16px/1.6 var(--g6-ui); color:var(--g6-slate); }
.gen6 .g6-sell-case-grid .g6-main-kicker { margin-bottom:10px; }
.g6-sell-case-result { background:var(--g6-ink) !important; }
.gen6 .g6-sell-case-result p { color:#fff; }
.gen6 .g6-sell-case-result strong { font:500 26px/1.25 var(--g6-display); color:#fff; }
.gen6 .g6-sell-case-result .g6-main-kicker { color:#9CC7E8; }
@media (max-width:900px) { .g6-sell-steps { grid-template-columns:1fr 1fr; } .g6-sell-case-grid { grid-template-columns:1fr; } }
@media (max-width:560px) { .g6-sell-steps { grid-template-columns:1fr; } }

/* 2026-09-29 v7img: clean owned frames; title, price tag and length are HTML over a bottom-left scrim (Cormorant title, Manrope 13px tag). */
.g6-vcard-poster::after { content: ""; position: absolute; inset: auto 0 0 0; height: 86%; background: linear-gradient(to top, rgba(8,26,46,.94) 0%, rgba(8,26,46,.82) 45%, rgba(8,26,46,.35) 75%, rgba(8,26,46,0) 100%); pointer-events: none; }
.g6-vcard-poster.is-short::after { height: 30%; background: linear-gradient(transparent, rgba(9,94,147,.3)); }
.g6-vcard-ov { position: absolute; z-index: 1; left: 12px; right: 12px; bottom: 10px; display: block; color: #fff; text-align: left; pointer-events: none; }
.g6-vcard-ov-t { display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font: 700 21px/1.1 'Cormorant Garamond', Georgia, serif; text-shadow: 0 1px 10px rgba(0,0,0,.55); }
.g6-vcard-ov-m { display: block; margin-top: 6px; font: 600 13px/1.35 var(--g6-ui); letter-spacing: .01em; color: rgba(255,255,255,.94); white-space: nowrap; overflow: hidden; }
.g6-vcard-ov-b, .g6-vcard-ov-d { white-space: nowrap; }
.g6-vcard-ov-m:empty { display: none; }
.g6-vcard-poster .g6-vcard-dur { display: block; top: 8px; right: 8px; bottom: auto; z-index: 1; background: rgba(8,26,46,.78); }
.g6-vcard-meta { display: block; margin: 6px 0 0; font: 500 13px/1.4 var(--g6-ui); color: var(--g6-slate); }
.gen6 .g6-vlib .g6-vcard-cat { margin-top: 8px; }
@media (max-width: 640px) { .g6-vcard-ov { left: 10px; right: 10px; bottom: 8px; } .g6-vcard-ov-t { font-size: 18px; } .g6-vcard-ov-m { font-size: 12.5px; } .g6-vcard-ov-d { display: none; } .gen6 .g6-vlib .g6-vcard-cat { font-size: 11px !important; letter-spacing: .05em; } }
.g6-vcard-meta, .gen6 .g6-vlib .g6-vcard-cat { text-wrap: balance; }
.g6-vcard-meta { hyphens: none; }
.gen6 .g6-vlib .g6-vcard-cat { white-space: normal; }

/* 2026-10-05 owner: slim "On this page" jump bar for the ~16,000px homepage (Fable flagged the length).
   It reuses the canonical .g6-subnav component and the chrome scroll-spy; only the placement is home-specific:
   fixed under the sticky header, OUT OF FLOW (the approved hero fold never moves and nothing shifts when it
   appears), and hidden until the hero has scrolled past. gen6.css already reserves header + subnav + 24px in
   scroll-margin-top, so an anchor click lands below both bars with no cover-up. */
.home.gen6 .g6-subnav-home {
  position: fixed; inset: var(--g6-header-h) 0 auto 0; height: var(--g6-subnav-h);
  transform: translateY(-102%); visibility: hidden; opacity: 0; pointer-events: none;
  transition: transform var(--g6-motion) ease, opacity var(--g6-motion) ease, visibility 0s linear var(--g6-motion);
}
.home.gen6.g6-past-hero .g6-subnav-home { transform: none; visibility: visible; opacity: 1; pointer-events: auto; transition-delay: 0s, 0s, 0s; }
.home.gen6 .g6-subnav-home .g6-subnav-place { color: rgba(250,251,252,.66); font-weight: 600; letter-spacing: .02em; }
@media (prefers-reduced-motion: reduce) { .home.gen6 .g6-subnav-home { transition: none; } }
/* 2026-10-05: ten guides and ten tools fill two full rows of five on desktop (four columns left an empty cell). */
@media (min-width:1001px) { .g6-guide-grid, .g6-tool-grid { grid-template-columns:repeat(5,minmax(0,1fr)); } }
@media (min-width:1001px) and (max-width:1279px) { .g6-gcard { padding:20px 16px 48px; } .g6-gcard-title { font-size:20px; } .g6-gcard-body { font-size:14px; } .g6-gcard-go { left:16px; } }

/* 2026-10-08 P2-B: seller proof beside the 3-P method on /sell/. gen6-opus-home.css is not enqueued on sell (inc/gen6-main-pages.php loads gen6-home-deep.css). */
.g6-sell-proof{margin:40px auto 0;max-width:46rem;text-align:center}
.g6-sell-proof blockquote{margin:0;padding:0;border:0;background:none;quotes:none;font:500 clamp(1.375rem,2vw,1.75rem)/1.35 var(--g6-display);color:var(--g6-ink);letter-spacing:0}
.g6-sell-proof blockquote::before,.g6-sell-proof blockquote::after{content:none}
.g6-sell-proof figcaption{margin:14px 0 0;font:500 .875rem/1.45 var(--g6-ui);color:var(--g6-ink)}
.g6-sell-proof figcaption a{color:inherit;text-underline-offset:3px}
/* gen6-mobile.css sets every figcaption to 13px under 760px (caption would be 4.41:1 on #EEF3F7). Keep this one at 14px. The link stays a 44px tap target. */
@media (max-width:760px){
  .gen6 .g6-sell-proof figcaption{font-size:.875rem !important;line-height:1.45}
  .gen6 .g6-sell-proof figcaption a{display:inline-flex;align-items:center;min-height:44px;padding:0 4px}
}