/* Theme controls are shared by the home page and both product pages. */
.site-header .theme-toggle {
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-width:44px;height:44px;flex-shrink:0;padding:0 13px;
  border:1px solid #ffffff30;border-radius:24px;background:#ffffff08;
  color:#f5f6f4;font:400 .8125rem/1 Outfit,Arial,sans-serif;cursor:pointer;
}
.site-header .theme-toggle[hidden] {display:none}
.theme-toggle svg {width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.site-header .theme-toggle:hover {background:#ffffff15;border-color:#d7ef5870}
.site-header .theme-toggle:focus-visible {outline:2px solid #91a933;outline-offset:4px}
.theme-toggle .theme-moon,.site-brand .brand-logo-light {display:none}
html[data-theme=light] .theme-toggle .theme-sun {display:none}
html[data-theme=light] .theme-toggle .theme-moon {display:block}
html[data-theme=light] .site-brand .brand-logo-dark {display:none}
html[data-theme=light] .site-brand .brand-logo-light {display:block}

/* The black palette remains in its original stylesheets. */
html[data-theme=light] {
  color-scheme:light;background:#f0f1f2;color:#1c241e;
  --theme-page:#f0f1f2;--theme-panel:#e4e6e8;
  --light:#1c241e;--dark:var(--theme-page);--panel:var(--theme-panel);--gray:#5e685f;
  --line:#dce1d9;--muted:#5e685f;
  --copy-title:#1c241e;--copy-secondary:#5e685f;--copy-accent:#5b700b;
  --theme-accent:#5b700b;--theme-line:#cdd1d4;--theme-muted:#62686b;
  --theme-studio:radial-gradient(ellipse 50% 82% at 68% 25%,#fafbfce0 0%,#edeff18c 43%,transparent 78%),linear-gradient(115deg,#e2e4e6 0%,#f0f1f2 33%,#d6d9dc 72%,#c7cbce 100%);
}
html[data-theme=light] body,
html[data-theme=light] body main,
html[data-theme=light] body[data-product] {background:var(--theme-page);color:#1c241e}
html[data-theme=light] :is(a,button,input,summary):focus-visible {outline-color:#688018}
html[data-theme=light] .header.site-header {
  background:#f0f1f2f2;border-color:var(--theme-line);color:#1c241e;
}
html[data-theme=light] .header.site-header .product-switch a,
html[data-theme=light] .header.site-header .section-nav a {color:#5e685f}
html[data-theme=light] .header.site-header .product-switch a[aria-current=page] {
  background:#eff3e1;color:#475a06;box-shadow:inset 0 -2px #829c29;
}
html[data-theme=light] .header.site-header .product-switch a:hover,
html[data-theme=light] .header.site-header .section-nav a:hover {color:#354606;background-color:#eef2e7}
html[data-theme=light] .site-header .menu-toggle span {background:#1c241e}
html[data-theme=light] .site-header .theme-toggle {background:#f4f6ef;border-color:#d5ddcc;color:#354525}
html[data-theme=light] .site-header .theme-toggle:hover {background:#eaf0dd;border-color:#a6b783}
html[data-theme=light] .site-footer {background:var(--theme-panel);border-color:var(--theme-line);color:#5e685f}
html[data-theme=light] .site-footer a {color:#27332a}
html[data-theme=light] .site-footer a:hover {color:var(--theme-accent)}

/* A transparent home header still sits over the film until scrolling. */
html[data-theme=light] .family-home .header.site-header:not(.is-scrolled) {background:transparent;border-color:transparent;color:#f5f6f4}
html[data-theme=light] .family-home .header.site-header:not(.is-scrolled) .product-switch a {color:#f5f6f4;background:none}
html[data-theme=light] .family-home .header.site-header:not(.is-scrolled) .theme-toggle {color:#fff;border-color:#ffffff60;background:#0003}
html[data-theme=light] .family-home .header.site-header:not(.is-scrolled) .brand-logo-dark {display:block}
html[data-theme=light] .family-home .header.site-header:not(.is-scrolled) .brand-logo-light {display:none}
html[data-theme=light] .family-home .header.site-header.is-scrolled {background:#f0f1f2f5;border-color:var(--theme-line)}
/* Keep the footage clear; only the bottom edge blends into the silver page. */
html[data-theme=light] .family-home .opening-scene {background:var(--theme-page);--home-copy-shade:radial-gradient(ellipse 48% 34% at 0% 78%,#0009 0%,#0007 58%,transparent 100%)}
html[data-theme=light] .family-home .opening-scene::after {
  background:linear-gradient(0deg,var(--theme-page) 1%,#f0f1f2b3 4%,transparent 14%),var(--home-copy-shade),radial-gradient(ellipse 25% 19% at 100% 84%,#0009 0%,#0008 60%,transparent 100%),linear-gradient(180deg,#0006,transparent 25%);
}
html[data-theme=light] .family-home .family-intro h1 {color:#f1f3ee;text-shadow:0 2px 18px #0004}
html[data-theme=light] .family-home .family-intro h1 span {color:var(--lime)}
html[data-theme=light] .family-home .intro-aside .home-link {color:#f1f3ee;border-color:#ffffff80;text-shadow:0 1px 8px #0009}
html[data-theme=light] .family-home .intro-aside .home-link:hover {color:var(--lime)}
html[data-theme=light] .family-home .opening-scene figcaption {color:var(--theme-muted)}
html[data-theme=light] .family-home .opening-scene .field-play {background:#f0f1f2d9;border-color:#62686b55;color:#27332a}
html[data-theme=light] .family-home .opening-scene .field-play>span:first-child {color:var(--theme-accent)}
html[data-theme=light] .family-home .opening-scene .field-play:hover {background:#e4e6e8}
html[data-theme=light] .family-home .product-pair {background:radial-gradient(ellipse at 52% 55%,#d4d8dd80,transparent 66%);border-color:var(--theme-line)}
html[data-theme=light] .family-home .product-pair:after {background:linear-gradient(transparent,#c7cbce,transparent)}
html[data-theme=light] .family-home .product-heading>p,
html[data-theme=light] .family-home .product-bottom p {color:var(--theme-muted)}
html[data-theme=light] .family-home .product-visual img {filter:drop-shadow(0 24px 24px #303b2018)}
html[data-theme=light] .family-home .product-cta {color:var(--theme-accent);border-color:#b4c489}
html[data-theme=light] .reel-count {color:#6c766d}
html[data-theme=light] .reel-count>span {color:var(--theme-accent)}
html[data-theme=light] .reel-tab {color:#5e685f}
html[data-theme=light] .reel-tab:hover {background:#f0f3eb;color:#27332a}
html[data-theme=light] .reel-tab[aria-selected=true] {background:#eef3df;border-color:#d1dcb4;color:#465a08}
html[data-theme=light] .reel-progress {background:#7d952d}

/* Neutral silver-gray studio light and a soft floor plane. */
html[data-theme=light] body[data-product] .product-intro {background:var(--theme-studio)}
html[data-theme=light] body[data-product] .product-intro::before {
  background:radial-gradient(ellipse 85% 24% at 64% 97%,#8b929965,transparent 74%),linear-gradient(130deg,transparent 22%,#fff5 37%,transparent 54%,#aab0b726 72%,transparent);
}
html[data-theme=light] body[data-product] .product-intro :is(.product-hero-visual,.hero-product)::before {
  background:radial-gradient(ellipse 38% 20% at 50% 52%,#252a304d,transparent 100%),radial-gradient(ellipse at center,#7f858d47,transparent 70%);
}
html[data-theme=light] body[data-product] .product-intro :is(.eyebrow,.product-hero-foot,.hero-foot) {color:var(--theme-muted)}
html[data-theme=light] body[data-product] .product-intro :is(.film-link,.text-button) {color:#27332a}
html[data-theme=light] body[data-product] .product-intro :is(.film-link,.text-button,.hero-foot a):hover {color:var(--theme-accent)}
html[data-theme=light] body[data-product] .product-intro .hero-foot a span {color:var(--theme-accent)}
html[data-theme=light] body[data-product] :is(.intro.section-wrap,.scenes,.stability,.stability-sticky,.design-story,.design-sticky) {background:var(--theme-page);color:#1c241e;color-scheme:light}
html[data-theme=light] body[data-product] :is(.closing,.design-focus) {background:var(--theme-panel)}
html[data-theme=light] body[data-product] .closing .eyebrow {color:var(--theme-muted)}
html[data-theme=light] body[data-product] :is(.closing h2 span,.design-focus h3,.control-row>span,.creative-copy dt) {color:var(--theme-accent)}
html[data-theme=light] body[data-product] :is(.capabilities,.design-facts,.design-fact,.control-row,.creative-copy dl>div) {border-color:var(--theme-line)}
html[data-theme=light] body[data-product] :is(.cap-arrow,.capabilities>a:hover .cap-label) {color:var(--theme-accent)}
html[data-theme=light] body[data-product] :is(.intro-heading>p,.capabilities p,.index-label,.scene-heading>p,.scene-heading .eyebrow,.scene-scroll-cue,.scene-note,.scene-mobile-position,.design-scene figcaption,.design-fact p,.control-row>p,.creative-copy .availability,.contact-bottom p) {color:var(--theme-muted)}
html[data-theme=light] body[data-product] .scene-meter {background:#d5dccd}
html[data-theme=light] body[data-product] .scene-meter i {background:#82982f}
html[data-theme=light] body[data-product] :is(.scene-footer>a:hover,.design>.text-link,.design>.text-link span) {color:var(--theme-accent)}

/* Preserve white text over photography and dark footage; never invert media. */
html[data-theme=light] body[data-product] :is(.control-heading h2,.creative-heading h2,.contact-visual h2),
html[data-theme=light] body[data-product] .location-spread figcaption :is(strong,h2) {color:#f1f3ee}
html[data-theme=light] body[data-product] .contact-visual h2 span {color:var(--lime)}
html[data-theme=light] :is(.opening-scene,.reel-caption,.detail-heading,.detail-frame figcaption,.scene-card figcaption,.location-spread figcaption,.control-heading,.creative-heading) {color:#f1f3ee}
/* Transparent renders let the unfolding sequence share the studio palette. */
html[data-theme=light] body[data-product=two] :is(.hero-story,.scroll-hero) {background:var(--theme-studio);color:#1c241e;color-scheme:light}
html[data-theme=light] body[data-product=two] .scroll-shade {background:none}
html[data-theme=light] body[data-product=two] .scroll-product :is(img,canvas) {filter:none;opacity:var(--hero-light-opacity,1)}
@media(min-width:761px) {
  html[data-theme=light] body[data-product=two] .scroll-product {width:min(108%,calc((100svh - var(--header-height))*1.76))}
}
html[data-theme=light] body[data-product=two] .scroll-product :is(img,canvas):not([data-sequence-theme=light]),
html[data-theme=dark] body[data-product=two] .scroll-product [data-sequence-theme=light] {visibility:hidden}
html[data-theme=light] body[data-product=two] .scroll-product canvas:not(.has-frame) {opacity:0}
html[data-theme=light] body[data-product=two] :is(.scroll-copy .eyebrow span,#hero-description,.scroll-side,.scroll-cue,.hero-outro .eyebrow,.hero-outro-description) {color:var(--theme-muted)}
html[data-theme=light] body[data-product=two] :is(.scroll-copy .film-link,.hero-scene-link) {color:#27332a}
html[data-theme=light] body[data-product=two] .scroll-copy .play-icon {border-color:#9ba695}
html[data-theme=light] body[data-product=two] .scroll-side i {background:#b7c1af}
html[data-theme=light] body[data-product=two] .scroll-cue>span:first-child {border-color:#afbea1;color:var(--theme-accent)}
html[data-theme=light] body[data-product=two] .hero-chapters button {color:var(--theme-muted);border-color:var(--theme-line)}
html[data-theme=light] body[data-product=two] .hero-chapters button>span {color:var(--theme-muted)}
html[data-theme=light] body[data-product=two] .hero-chapters button[aria-current] {color:var(--theme-accent);border-color:var(--theme-accent)}
html[data-theme=light] body[data-product=two] :is(.hero-chapters button[aria-current]>span,.hero-chapters button:hover,.hero-outro h2 span+span,.hero-scene-link span,.hero-scene-link:hover) {color:var(--theme-accent)}
html[data-theme=light] body[data-product=two] .scroll-progress {background:var(--theme-line)}
html[data-theme=light] body[data-product=two] .scroll-progress i {background:#82982f}
html[data-theme=light] body[data-product=three] .chapter-media {background:transparent}
html[data-theme=light] body[data-product=three] .chapter-media video {mask-image:none;-webkit-mask-image:none;background:#000;border-radius:var(--radius-media)}
html[data-theme=light] body[data-product=three] .chapter-copy {color:#f1f3ee;--copy-title:#f1f3ee;--copy-secondary:#c0c8bd;background:linear-gradient(90deg,#000d,#0008,transparent);padding-left:18px;border-radius:var(--radius-media)}
html[data-theme=light] body[data-product=three] .chapter-copy h3 {color:#f1f3ee}
html[data-theme=light] body[data-product=three] :is(.design-heading .text-button,.media-controls,.chapter-tabs button,.chapter-tabs button span) {color:var(--theme-muted)}
html[data-theme=light] body[data-product=three] .chapter-tabs {border-color:var(--theme-line)}
html[data-theme=light] body[data-product=three] .chapter-tabs button[aria-selected=true],
html[data-theme=light] body[data-product=three] .chapter-tabs button[aria-selected=true] span {color:#465a08}
html[data-theme=light] body[data-product=three] .chapter-tabs button::before {background:#82982f}
html[data-theme=light] body[data-product=three] .media-controls>span {color:var(--theme-accent)}
html[data-theme=light] body[data-product] input[type=range] {accent-color:#7b922b}
html[data-theme=light] body[data-product=two] :is(.preview-toolbar,.demo-timeline) {background:#e8eaec;color:var(--theme-muted)}
html[data-theme=light] body[data-product=two] .demo-preview {background:var(--theme-panel)}
html[data-theme=light] body[data-product=two] .demo-media {border-radius:var(--radius-media);overflow:hidden}
html[data-theme=light] body[data-product=two] :is(.demo-count,.stability .section-top,#demo-note,#demo-description,.preview-state,.chapter-guidance,#demo-next) {color:var(--theme-muted)}
html[data-theme=light] body[data-product=two] :is(.preview-toolbar button,.stability-copy .text-link) {color:#324122;border-color:#b4c489}
html[data-theme=light] body[data-product=two] :is(.stability-copy .text-link span,.demo-chapters button[aria-current],.demo-chapters button[aria-current] span) {color:var(--theme-accent)}
html[data-theme=light] body[data-product=two] .preview-toolbar button:hover {background:#e9efde}
html[data-theme=light] body[data-product=two] .demo-chapters button {border-color:var(--theme-line);color:var(--theme-muted)}
html[data-theme=light] body[data-product=two] .demo-chapters button span {color:var(--theme-muted)}
html[data-theme=light] body[data-product=two] .demo-chapters button::before {background:#82982f}
html[data-theme=light] body[data-product=two] .demo-chapters button:hover {background:#f3f5ef;color:#354606}
html[data-theme=light] body[data-product=two] .demo-timeline input::-webkit-slider-runnable-track {background:linear-gradient(to right,#7b922b var(--played,0%),#d5dccd var(--played,0%))}
html[data-theme=light] body[data-product=two] .demo-timeline input::-moz-range-track {background:#d5dccd}
html[data-theme=light] body[data-product=two] .demo-timeline input::-moz-range-progress {background:#7b922b}
html[data-theme=light] body[data-product=two] .demo-timeline input::-webkit-slider-thumb {background:#7b922b;border-color:#f3f5ef;box-shadow:none}
html[data-theme=light] body[data-product=two] .demo-timeline input::-moz-range-thumb {background:#7b922b;border-color:#f3f5ef}

html[data-theme=light] :is(.moves-section,.more-moves) {border-color:var(--theme-line)}
html[data-theme=light] :is(.moves-intro .eyebrow,.moves-intro>p:not(.eyebrow),.moves-note,.move-tile figcaption>div>span,.move-tile figcaption>p,.more-moves>summary) {color:var(--theme-muted)}
html[data-theme=light] .move-tile h3 {color:#1c241e}
html[data-theme=light] .more-moves>summary>span {color:var(--theme-accent)}
html[data-theme=light] dialog {background:var(--theme-page);color:#1c241e;border-color:var(--theme-line)}
html[data-theme=light] dialog :is(h2,.dialog-heading button,.dialog-header button,.move-dialog-header button) {color:#1c241e;border-color:#c6cfbf}
html[data-theme=light] dialog>p {color:var(--theme-muted)}

@media(max-width:1200px) {
  html[data-theme=light] .header.site-header .section-nav {background:var(--theme-page);border-color:var(--theme-line)}
}
@media(max-width:760px) {
  html[data-theme=light] .family-home .opening-scene {--home-copy-shade:radial-gradient(ellipse 110% 34% at 0% 80%,#0009 0%,#0007 65%,transparent 100%)}
  .header.site-header {gap:8px;padding-inline:16px}
  .site-header .site-brand img {width:90px}
  .header.site-header .product-switch {gap:0}
  .header.site-header .product-switch a {padding-inline:8px}
  .site-header .theme-toggle {width:44px;min-width:44px;height:44px;padding:0;border-color:transparent;background:none}
  .theme-toggle [data-theme-label] {display:none}
  html[data-theme=light] .site-header .theme-toggle {background:none;border-color:transparent}
  html[data-theme=light] .family-home .product-entry {background:radial-gradient(ellipse at 65% 40%,#d5d9de70,transparent 65%);border-color:var(--theme-line)}
  html[data-theme=light] body[data-product] .product-intro::before {background:radial-gradient(ellipse 105% 29% at 50% 95%,#8b929970,transparent 78%),linear-gradient(135deg,#fff3,transparent 55%)}
  html[data-theme=light] body[data-product=three] .chapter-copy {padding:0;border-radius:0;background:none;--copy-secondary:#5e685f;color:#1c241e}
  html[data-theme=light] body[data-product=three] .chapter-copy h3 {color:#1c241e}
  html[data-theme=light] body[data-product=three] .chapter-number {color:var(--theme-accent)}
}
@media(max-width:899px) {
  html[data-theme=light] body[data-product] .scene-card figcaption {color:#1c241e}
}
@media(max-width:370px) {
  .header.site-header {gap:5px;padding-inline:12px}
  .site-header .site-brand img {width:78px}
  .header.site-header .product-switch a {padding-inline:6px;font-size:.8125rem}
}