/* Trial-only themes. Default: data-default-theme on <html>; saved choice wins. */
.site-menu{width:174px}
.menu-brandbar{gap:8px}
.theme-toggle{display:grid;place-items:center;width:38px;height:44px;padding:8px;border:0;background:none;color:#ede3f2;border-radius:14px;flex:none}
.theme-toggle:hover{background:#b084d026}
.theme-toggle svg{width:21px;height:21px}
.theme-moon{display:none}
[data-theme="light"] .theme-sun{display:none}
[data-theme="light"] .theme-moon{display:block}
.site-menu nav .menu-blog-feature span{display:block}
.site-menu nav .menu-blog-title{display:flex}
html[data-theme="light"]{--ink:#f2edf4;--paper:#fffdfb;--white:#302538;--gray:#65576e;--line:#6b269c26;color-scheme:light}
[data-theme="light"] .fixed-backdrop{background:radial-gradient(ellipse at 12% 32%,#d4c2e34d,transparent 58%),radial-gradient(ellipse at 88% 80%,#e6d9ef66,transparent 55%),#f2edf4}
[data-theme="light"] .site-menu{color:#302538}
[data-theme="light"] .menu-glyph i{background:#493052}
[data-theme="light"] .theme-toggle{color:#6b269c}
[data-theme="light"] .menu-home-logo img,[data-theme="light"] .footer-brand img{filter:brightness(0) saturate(100%);opacity:.8}
[data-theme="light"] .menu-caption,[data-theme="light"] .menu-bottom{color:#6e5b78}
[data-theme="light"] .site-menu nav a:hover{color:#6b269c}
[data-theme="light"] .site-menu nav .menu-contact-inline{color:#6b269c}
[data-theme="light"] .site-menu nav .menu-blog-feature{background:#6b269c0c;color:#51256f}
[data-theme="light"] .site-menu nav .menu-blog-caption{color:#75617e}
[data-theme="light"] .site-menu.is-open{box-shadow:0 24px 60px #3823481c}
[data-theme="light"] .panel{box-shadow:0 14px 50px #3823480b}
[data-theme="light"] .panel[data-section="founder-intro"]{background:radial-gradient(ellipse at 0 0,#fffdfb,transparent 75%),#eae1ee;color:#302538;box-shadow:0 20px 65px #38234810}
[data-theme="light"] .panel[data-section="founder-intro"] .founder-intro-identity h2{color:#302538}
[data-theme="light"] .panel[data-section="founder-intro"] .founder-intro-identity h2 span,[data-theme="light"] .panel[data-section="founder-intro"] .founder-intro-identity p,[data-theme="light"] .panel[data-section="founder-intro"] .founder-intro-years-label{color:#6e5b78}
[data-theme="light"] .panel[data-section="founder-intro"] .founder-intro-number{color:#6b269c}
[data-theme="light"] .panel[data-section="founder-intro"] .founder-intro-quote-line{color:#70567e}
[data-theme="light"] .panel[data-section="founder-intro"] .founder-intro-cta{color:#51256f;border-color:#6b269c55}
[data-theme="light"] .panel[data-section="founder-intro"] .founder-intro-cta:hover{background:#6b269c;color:#fff}
[data-theme="light"] .authority-quote-scene{color:#654274}
[data-theme="light"] .authority-quote .authority-quote-mark{color:#8951ab;opacity:.12}
[data-theme="light"] .portfolio-intro{color:#35233e}
[data-theme="light"] .portfolio-intro-label,[data-theme="light"] .portfolio-intro>p{color:#776080}
[data-theme="light"] .portfolio-intro h2 em,[data-theme="light"] .portfolio-intro-arrow{color:#6b269c}
[data-theme="light"] .site-footer{color:#35233e;background:transparent}
[data-theme="light"] .footer-top p,[data-theme="light"] .footer-bottom{color:#706079}
[data-theme="light"] .footer-top{border-color:#6b269c26}
[data-theme="light"] .motion-toggle{border-color:#6b269c40}
/* Films retain their cinematic contrast; the surrounding frame is light. */
[data-theme="light"] .btn:hover{background:#6b269c;color:white}
[data-theme="light"] .review-dialog{background:#fffdfb;color:#302538}
@media(max-width:600px){.site-menu:not(.is-open){width:160px}.theme-toggle{width:36px}}

.site-menu nav .menu-blog-feature .menu-blog-title{display:flex;align-items:center;justify-content:space-between}

/* The theme switch belongs to the expanded menu, away from the main controls. */
.site-menu:not(.is-open){width:132px}
.site-menu nav{position:relative}
.site-menu nav .theme-toggle{position:absolute;top:2px;right:22px;width:36px;height:36px;padding:9px;opacity:.65}
.site-menu nav .theme-toggle:hover,.site-menu nav .theme-toggle:focus-visible{opacity:1}
.site-menu nav .theme-toggle svg{width:17px;height:17px}
.site-menu nav .menu-caption{padding-inline:38px;text-align:center}
html[data-theme="light"]{--ink:#e7dcee}
[data-theme="light"] .fixed-backdrop{background:radial-gradient(ellipse at 12% 32%,#d4bce34d,transparent 58%),radial-gradient(ellipse at 88% 80%,#efe4f466,transparent 55%),#e7dcee}
@media(max-width:600px){.site-menu:not(.is-open){width:112px}.site-menu nav .theme-toggle{right:12px;top:0}}

.menu-home-logo .logo-light{display:none}
[data-theme="light"] .menu-home-logo .logo-dark{display:none}
[data-theme="light"] .menu-home-logo .logo-light{display:block;filter:none;opacity:1}

/* Shared warm stone surfaces: identical in both themes, independent of the frame. */
html[data-theme]{--card-stone:#eeeae4;--card-inset:#faf8f4}
html[data-theme] .panel:is([data-section="founder-intro"],[data-section="photography"],[data-section="podcasts"],[data-section="rrss"],[data-section="reviews"],[data-section="contact"]){background:var(--card-stone);color:#302538}
html[data-theme] .panel[data-section="founder-intro"] .founder-intro-identity h2{color:#302538}
html[data-theme] .panel[data-section="founder-intro"] .founder-intro-identity h2 span,
html[data-theme] .panel[data-section="founder-intro"] .founder-intro-identity p,
html[data-theme] .panel[data-section="founder-intro"] .founder-intro-years-label{color:#67596d}
html[data-theme] .panel[data-section="founder-intro"] .founder-intro-number{color:#6b269c}
html[data-theme] .panel[data-section="founder-intro"] .founder-intro-quote-line{color:#705c7a}
html[data-theme] .panel[data-section="founder-intro"] .founder-intro-cta{color:#51256f;border-color:#6b269c55}
html[data-theme] .panel[data-section="founder-intro"] .founder-intro-cta:hover{background:#6b269c;color:#fff}
html[data-theme] .review-card,
html[data-theme] .review-dialog,
html[data-theme] .form-group input,
html[data-theme] .form-group textarea{background:var(--card-inset)}

/* Same asset and box in both themes: transparent margins cannot change the visual size. */
.menu-home-logo img{width:36px;height:36px;flex:none;object-fit:contain}
.menu-home-logo .logo-dark{filter:brightness(0) invert(1);opacity:1}

/* Keep the logo and caption on the same axis; the toggle does not affect centering. */
.menu-brandbar{position:relative;gap:0}
.menu-brandbar .logo-toggle{position:absolute;left:calc(50% + 30px);top:50%;transform:translateY(-50%)}
.menu-home-logo .menu-logo-image{display:block;width:36px;height:36px;flex:none;filter:brightness(0) invert(1);opacity:1}
html[data-theme="light"] .menu-home-logo .menu-logo-image{filter:none;opacity:1}
html[data-theme="light"] .menu-caption{color:#6b269c}
html[data-theme="light"] .menu-glyph i{background:#6b269c}

/* Consistent corporate purple throughout the light navigation. */
html[data-theme="light"] .site-menu nav,
html[data-theme="light"] .site-menu nav a,
html[data-theme="light"] .site-menu nav .menu-blog-feature,
html[data-theme="light"] .site-menu nav .menu-blog-caption{color:var(--purple)}