/* Theme colors affect UI only. Photographs and video retain their source colors. */
.theme-toggle{display:inline-flex;align-items:center;justify-content:flex-end;gap:7px;min-width:60px;min-height:44px;padding:0;border:0;border-radius:0;background:none;color:inherit;font:inherit;font-size:11px;letter-spacing:.04em;justify-self:end;cursor:pointer;opacity:.8}
.theme-toggle:hover{opacity:1}
.theme-toggle:focus-visible{outline:1px solid currentColor;outline-offset:4px}
html.has-cinema-preview[data-theme="light"]{
 color-scheme:light;--paper:#fafaf9;--paper-rgb:250,250,249;--ink:#202020;--ink-rgb:32,32,32;--muted:#727270;--muted-rgb:114,114,112;--surface-rgb:245,245,244;--edge-rgb:225,225,223;--line:rgba(32,32,32,.13);--accent:#b83c42;--natura-muted:#6d6d6b;--natura-secondary:#626260;--measure-line:rgba(32,32,32,.05);--measure-line-soft:rgba(32,32,32,.025);--surface-shadow:none;--surface-shadow-soft:none;
}
html[data-theme="light"] .portfolio,html[data-theme="light"] .portfolio-project,html[data-theme="light"] .folio-spread{background-color:var(--paper)!important;color:var(--ink)}
html[data-theme="light"] .folio-spread--hero .folio-spread__shade{background:linear-gradient(180deg,#0007,transparent 40%,transparent 76%,var(--paper) 100%)}
html[data-theme="light"] .folio-cover-copy{color:#fff}
html[data-theme="light"] .folio-cover-copy__client,html[data-theme="light"] .folio-cover-copy__category{color:#eee}
html[data-theme="light"] .folio-film{color:#3d3d3b;text-shadow:0 1px 6px #fff9}
html[data-theme="light"] .folio-type--frame-title{color:var(--natura-muted)!important}
html[data-theme="light"] .folio-type--body-small{color:var(--natura-secondary)!important}
html[data-theme="light"] .portfolio-index__heading>span,html[data-theme="light"] .portfolio-index__links a,html[data-theme="light"] .expertise__list p,html[data-theme="light"] .expertise__list small{color:var(--muted)}
html[data-theme="light"] .portfolio-index__links a{border-color:var(--line)}
html[data-theme="light"] .portfolio-index__links a:hover{color:var(--ink)}
html[data-theme="light"] .folio-viewer{background:#080808;color:#eee}
html[data-theme="light"] .folio-viewer button{color:#bcbcbc}
html[data-theme="light"] .folio-viewer button:hover{color:#fff}
html[data-theme="light"] .portfolio a:focus-visible,html[data-theme="light"] .folio-frame:focus-visible{outline-color:#555}
html.has-cinema-preview[data-theme="light"] .site-header.is-compact{background:#fafaf9ed;color:var(--ink);border-color:var(--line)}
html[data-theme="light"] .site-header.is-cinema-header{color:#fff}
html.has-cinema-preview[data-theme="light"] .work-cinema__veil{background:linear-gradient(180deg,#0004,transparent 18%,transparent 62%,#0006 84%,var(--paper) 100%)}
html[data-theme="light"] .work-cinema__continue{color:#666}
html[data-theme="light"] .work-cinema__center-marker,html[data-theme="light"] .work-cinema__thumbnail.is-selected .work-cinema__thumb-line{background:#555}
html[data-theme="light"] .workflow li:before{background:var(--line)}
html.has-cinema-preview[data-theme="light"] .back-to-top,html[data-theme="light"] .consult-trigger{color:var(--ink);text-shadow:0 1px 6px #fff}
html[data-theme="light"] .consult-panel{background:#fafaf9f5;box-shadow:0 8px 32px #0000000d}
html.has-cinema-preview[data-theme="light"] .work-modal__panel{background:var(--paper);color:var(--ink)}
html[data-theme="light"] .work-modal__actions .work-modal__close,html[data-theme="light"] .project-share__toggle{color:var(--ink)}
html[data-theme="light"] .project-share__menu{background:var(--paper);color:var(--ink);border-color:var(--line)}
html[data-theme="light"] .cinema-atmosphere,html[data-theme="light"] .page-light-dimmer{display:none}
html[data-theme="light"] .clients__status,html[data-theme="light"] .client-name,html[data-theme="light"] .client-name.is-active{color:var(--ink)}
html[data-theme="light"] .client-name__logo img{filter:brightness(0);opacity:.8}
@media(max-width:900px){.theme-toggle{grid-column:2;grid-row:1;min-width:52px}}
/* Preserve readable captions over both bright and dark footage. */
html.has-cinema-preview[data-theme="light"] .work-cinema__veil{background:linear-gradient(180deg,#0009,transparent 24%,transparent 55%,#0008 70%,#0009 88%,var(--paper) 100%)}
html[data-theme="light"] .client-name__logo img{filter:brightness(0)!important}
@media(max-width:760px){
 html[data-theme="light"] .folio-cover-copy{color:var(--ink)}
 html[data-theme="light"] .folio-cover-copy__client,html[data-theme="light"] .folio-cover-copy__category{color:var(--muted)}
}
/* A quiet, temporary annotation beside the appearance control. */
.theme-control{position:relative;justify-self:end;color:inherit}
.theme-hint{position:absolute;right:0;top:calc(100% + 2px);display:flex;align-items:center;gap:9px;white-space:nowrap;font-family:var(--font-sans);font-size:11px;line-height:1.6;letter-spacing:.03em;font-weight:400;color:inherit;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-3px);transition:opacity .5s ease,transform .5s ease,visibility .5s}
.theme-hint.is-visible{opacity:.7;visibility:visible;transform:translateY(0)}
.theme-hint>span{font-size:14px;opacity:.7}
.site-header.is-cinema-header .theme-hint{text-shadow:0 1px 8px #0007}
@media(max-width:900px){.theme-control{grid-column:2;grid-row:1}.theme-hint{top:calc(100% - 2px);font-size:10px}}
@media(prefers-reduced-motion:reduce){.theme-hint{transition:none;transform:none}}
.site-header.is-cinema-header{background:linear-gradient(180deg,#0006,transparent)}
.site-header.is-cinema-header .theme-hint{text-shadow:0 1px 4px #000,0 0 12px #0007}
.theme-hint.is-visible{opacity:.85}

/* Keep appearance available when the navigation slides away. */
.theme-control-space{width:60px;justify-self:end}
.theme-control{position:fixed;z-index:41;top:21px;right:var(--space);color:var(--ink);transition:top .32s ease}
.theme-control.is-cinema{color:#fff}
.theme-control.is-compact{top:9px}
.theme-control.is-cinema .theme-hint{text-shadow:0 1px 4px #000,0 0 12px #0007}
.theme-control.is-detached:before{content:none}
@media(max-width:900px){.theme-control-space{width:52px;grid-column:2;grid-row:1}.theme-control,.theme-control.is-compact{top:0}}
@media(prefers-reduced-motion:reduce){.theme-control{transition:none}}

.theme-control{right:max(var(--space),env(safe-area-inset-right));top:calc(21px + env(safe-area-inset-top))}
.theme-control.is-compact{top:calc(9px + env(safe-area-inset-top))}
@media(max-width:900px){.theme-control,.theme-control.is-compact{top:max(0px,calc(env(safe-area-inset-top) - 12px))}}
/* On compact headers the hint sits below the navigation, never across its links. */
@media(max-width:900px){.theme-control.is-cinema .theme-hint{top:calc(100% + 36px)}}
@media(min-width:601px) and (max-height:600px){
 .theme-control,.theme-control.is-compact{top:calc(8px + env(safe-area-inset-top))}
 .theme-control.is-cinema .theme-hint{top:calc(100% + 2px)}
}