/* Theme controls share one location across desktop and mobile. */
.header{gap:clamp(.75rem,1.6vw,2rem)}
.theme-toggle{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;padding:0;border:1px solid #50301d;border-radius:50%;background:#16100c;color:#ff9d65;box-shadow:0 0 18px #ff681f10;transition:background .2s,border-color .2s,box-shadow .2s}
.theme-toggle svg{grid-area:1/1;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.theme-toggle .theme-moon{display:none}
.theme-toggle:hover{background:#25170f;border-color:#ba5a2b;box-shadow:0 0 22px #ff681f25}
.theme-toggle:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
@media(max-width:600px){.theme-toggle{margin-left:auto}.menu-toggle{flex-shrink:0}}

/* Light palette: neutral white, graphite, and the original orange identity. */
:root[data-theme=light]{color-scheme:light;--bg:#fafafa;--surface:#fff;--text:#151515;--muted:#616161;--orange:#bd4006;--line:#dadada;--light-soft:#f1f1f0;--light-border:#dedbd7;--light-accent:#b33c05;--glow:0 4px 25px #ff681f20,0 0 3px #ff681f20}
[data-theme=light] .theme-toggle{background:#fff;color:#b33c05;border-color:#e2c6b6;box-shadow:0 0 18px #ff681f10}
[data-theme=light] .theme-toggle:hover{background:#fff0e6;border-color:#cf6b36}
[data-theme=light] .theme-toggle .theme-sun{display:none}
[data-theme=light] .theme-toggle .theme-moon{display:block}
[data-theme=light] ::selection{background:#ffbd95;color:#17100b}
[data-theme=light] :is(.brand-mark,.footer-word>.brand-mark){background:#ff681f}
[data-theme=light] .header{background:#fafafaf0;border-bottom-color:#ededed}
[data-theme=light] .header.is-scrolled{box-shadow:0 8px 28px #0000000a;border-color:#e5e5e5}
[data-theme=light] .desktop-nav{background:#fff;border-color:#dedede}
[data-theme=light] .desktop-nav a{color:#454545}
[data-theme=light] .desktop-nav a:hover{background:#fff0e6;color:var(--orange)}
[data-theme=light] :is(.header-cta,.button-outline){background:#fff7f1;border-color:#e6ad8d;color:var(--orange);box-shadow:0 3px 24px #ff681f12}
[data-theme=light] :is(.header-cta,.button-outline):hover{background:#ffe9d9;border-color:#cf6b36;box-shadow:0 4px 30px #ff681f24}
[data-theme=light] .button-orange{background:#ff681f;color:#160c06;border-color:#e85413;box-shadow:0 7px 28px #ff681f2b,0 0 8px #ff681f12}
[data-theme=light] .button-orange:hover{background:#ff7b39;box-shadow:0 8px 36px #ff681f40}
[data-theme=light] .button-icon{background:#22140b;color:#ff985c}
[data-theme=light] .skip-link{background:#ff681f;color:#17100b}
[data-theme=light] .menu-toggle{background:#fff7f1;border-color:#dfb99f}
[data-theme=light] .mobile-menu{background:#fff;border-color:#ded6ce;box-shadow:0 20px 70px #00000017}
[data-theme=light] .mobile-menu a{border-color:#e7e0db}
[data-theme=light] .text-link{color:#39332f}
[data-theme=light] :is(.text-link:hover,.reel-meta a:hover,.footer-nav a:hover,.legal-links button:hover){color:var(--orange)}
[data-theme=light] :is(.eyebrow,.hero-edition,.hero-bottom,.hero-copy .team-note){color:#616161}
[data-theme=light] :is(.section-label,.service-number,.step-number,.principle-index){color:var(--light-accent)}
[data-theme=light] :is(.hero-copy p,.section-heading>p,.service-tag,.service-content p,.principles-grid p,.step p,.delivery-intro,.scope-note,.case-flow p,.showreel-copy p,.comparison-card p,.review-placeholder p,.faq-layout>div>p,.faq-item>p,.contact-copy>p:not(.scope-note)){color:#5a5a5a}
[data-theme=light] h2 .muted{color:#707070}
[data-theme=light] .arrow-down{color:#595959}
[data-theme=light] .text-shade{background-image:linear-gradient(118deg,currentColor 4%,color-mix(in srgb,currentColor 94%,white) 55%,color-mix(in srgb,currentColor 90%,black) 100%)}
[data-theme=light] .accent>.text-shade{background-image:linear-gradient(115deg,#bd440c,#c34c0f 38%,#9e3003)}
[data-theme=light] .button-orange .text-shade,[data-theme=light] .skip-link .text-shade{background-image:linear-gradient(120deg,#3d2518,#110b08 80%)}
[data-theme=light] .hero-showreel{background:#fff;border-color:#dfd9d2;box-shadow:0 24px 65px #0000000d}
[data-theme=light] :is(.reel-top,.reel-meta){color:#66615c}
[data-theme=light] .reel-top{border-color:#e5ddd5}
[data-theme=light] .reel-poster{background:radial-gradient(ellipse at 90% 100%,#ff681f13,transparent 65%),#f3f1ef}
[data-theme=light] :is(.reel-caption,.reel-bottom,.reel-meta a,.draft-label){color:#705d50}
[data-theme=light] .reel-timeline i{background:#e6b79b}
[data-theme=light] .reel-timeline i:nth-child(2n){background:#f87531}
[data-theme=light] .reel-timeline i:last-child{background:#ded7d1}
[data-theme=light] .filters button{color:#58514a;border-color:#cec8c2}
[data-theme=light] .filters button:hover{background:#fff0e5;color:#7f2c05;border-color:#c06a3c}
[data-theme=light] .filters button[aria-pressed=true]{background:#ff681f;color:#170c07;border-color:#e35b1b}
[data-theme=light] :is(.portfolio-note,.work-info>span,.placeholder-tag,.preview-label,.case-top,.todo-label,.video-title){color:#6e6156}
[data-theme=light] .work-preview{background:#f2f0ed;border-color:#e2d7cd}
[data-theme=light] .preview-youtube{background:linear-gradient(130deg,#fff0e3,#f4f2ef 70%)}
[data-theme=light] .preview-watermark{color:#cdb49f}
[data-theme=light] .preview-shorts{background:#f0f0ef;border-color:#dcdad6}
[data-theme=light] .short-layout>span{background:#ffecdd;border-color:#e2b692;color:#28201a}
[data-theme=light] .short-layout>span:nth-child(2){background:#fff;border-color:#d9d3ce}
[data-theme=light] .preview-talk{background:#ededed;border-color:#d8d8d8}
[data-theme=light] .preview-talk .preview-type{color:#252525}
[data-theme=light] .preview-talk .preview-type span{color:#636363}
[data-theme=light] .preview-repurpose{background:#f9f1eb}
[data-theme=light] .format-diagram>span{background:#ffe9d8;color:#ac3d08;border-color:#dab294}
[data-theme=light] .format-diagram>span:last-child{background:#fff;color:#53463b;border-color:#d8c8bc}
[data-theme=light] .format-diagram b{color:#a95323}
[data-theme=light] .problem-list p{color:#444}
[data-theme=light] .problem-list p>span{color:#866149}
[data-theme=light] .solution-line{background:#f5f2ee;border-color:#e1d6cc}
[data-theme=light] .solution-line p{color:#625950}
[data-theme=light] :is(.solution-line strong,.shooting-note strong){color:#292520}
[data-theme=light] .production-services .service-featured{background:linear-gradient(100deg,#fff0e3,#faf9f7 85%);border-color:#d9a482}
[data-theme=light] .service-badge{color:#79553e}
[data-theme=light] .service-content li{background:#f8f2ec;border-color:#e2cbb7;color:#64513e}
[data-theme=light] .service-toggle{background:#fff4e9;border-color:#d9ac8e}
[data-theme=light] .service[open] .service-toggle{background:#ff681f}
[data-theme=light] .service[open] .service-toggle::before,[data-theme=light] .service[open] .service-toggle::after{background:#291308}
[data-theme=light] :is(.principles-grid article,.step,.shooting-note){border-color:#d7bca8}
[data-theme=light] .principles-caption{color:#514b44}
[data-theme=light] .production-steps .client-step{background:#fff0e3;border-color:#d67436}
[data-theme=light] .production-steps .step-number .role-label{color:#9f4510}
[data-theme=light] .shooting-note{color:#665c52}
[data-theme=light] .delivery-panel{background:radial-gradient(ellipse at 100% 70%,#ff681f0f,transparent 62%),#f5f4f2;border-color:#dfd4c9}
[data-theme=light] .delivery-list{color:#4d443b}
[data-theme=light] .delivery-list li::before{color:#ad4e15}
[data-theme=light] .folder-hint{color:#736050}
[data-theme=light] .delivery-formats>span{background:#fff4e9;border-color:#dfb28e;color:#8a4218}
[data-theme=light] .repurpose-line strong{color:#974313}
[data-theme=light] .repurpose-line .repurpose-caption{color:#736455}
[data-theme=light] .folder-glow{background:radial-gradient(ellipse,#ff6d2024 0%,#ff8b2910 35%,transparent 69%);opacity:.65}
/* Use the reference luminance as a mask so its black backdrop stays transparent. */
[data-theme=light] .folder-fallback{mix-blend-mode:normal;object-fit:contain;mask:url('/assets/folder-reference.webp') center/contain no-repeat luminance;-webkit-mask-image:url('/assets/folder-reference.webp');mask-mode:luminance;mask-size:contain;mask-position:center;mask-repeat:no-repeat}

[data-theme=light] :is(.case-placeholder,.review-placeholder,.review-card){background:#fff;border-color:#dedad5}
[data-theme=light] :is(.case-top,.case-flow>div){border-color:#e1dad3}
[data-theme=light] .case-top .draft-label{color:#856043}
[data-theme=light] .case-metrics p{color:#6f5b47}
[data-theme=light] .showreel-stage{background:#f3efeb;border-color:#dfcbbc}
[data-theme=light] .comparison-card{background:#fff;border-color:#dcdcdc}
[data-theme=light] .comparison-card>.eyebrow{color:#6b5f54}
[data-theme=light] .comparison-tags span{border-color:#ded6ce;color:#63574d}
[data-theme=light] .nexo-card{background:linear-gradient(125deg,#fff0e2,#f7f3ed);border-color:#d9a781}
[data-theme=light] .nexo-card>.eyebrow{color:#a44813}
[data-theme=light] .nexo-card .comparison-tags span{border-color:#ddb58f;color:#7e4b25}
[data-theme=light] .review-format{color:#705640}
[data-theme=light] .faq-item[open] .service-toggle{background:#ffe5ce}
[data-theme=light] .contact-panel{background:radial-gradient(ellipse at 0 0,#ff681f08,transparent 60%),#f5f3f0;border-color:#dfd0c2}
[data-theme=light] .contact-form label{color:#54483e}
[data-theme=light] .contact-form label>span:not(.optional){color:#a1440d}
[data-theme=light] :is(.contact-form .optional,.field-hint,.form-privacy){color:#716458}
[data-theme=light] :is(input,textarea){background:#fff;border-color:#b6a494;color:#24201c;caret-color:#af3d09}
[data-theme=light] :is(input,textarea):focus{border-color:#bd490f;box-shadow:0 0 0 3px #ff681f22}
[data-theme=light] input::placeholder,[data-theme=light] textarea::placeholder{color:#7b6e62}
[data-theme=light] .form-error{color:#aa2f0d}
[data-theme=light] .brief-result{border-color:#d8bda4}
[data-theme=light] .brief-result p{color:#735b45}
[data-theme=light] :is(.footer,.footer-bottom){border-color:#dedad6}
[data-theme=light] :is(.footer-top>span,.footer-nav,.footer-bottom,.back-top,.legal-links button){color:#6b6055}
[data-theme=light] .back-top>.arrow{border-color:#d5ac8c}
[data-theme=light] .footer-word>.text-shade{background-image:linear-gradient(135deg,#171717,#292826 50%,#64605a)}
[data-theme=light] dialog{background:#fff;color:#24201c;border-color:#d7ba9f;box-shadow:0 25px 100px #0002}
[data-theme=light] dialog::backdrop{background:#17100b70}
[data-theme=light] .dialog-close{background:#fff1e6;border-color:#dfb898;color:#a74a13}
[data-theme=light] .dialog-close:hover{background:#ffe1c9}
[data-theme=light] .legal-dialog>p{color:#665646}
@media(forced-colors:active){[data-theme=light] .text-shade{background:none;-webkit-text-fill-color:currentColor}.theme-toggle{color:ButtonText;border:1px solid ButtonText}.theme-toggle[aria-pressed=true]{outline:2px solid Highlight}}
