:root{color-scheme:dark}
/* Dedicated light artwork for the first scene; original dark assets stay intact. */
html[data-theme=light] .approved-story .story-frames .hero .art{background-image:url("product-journey-light.webp")!important}
html[data-theme=light] .approved-story .story-frames .hero .art::after{background:linear-gradient(90deg,#faf8f4 0%,transparent 20%,transparent 97%,#faf8f4 100%),linear-gradient(0deg,#faf8f4 0%,transparent 12%,transparent 97%,#faf8f4 100%)!important}
@media(max-width:850px){html[data-theme=light] .approved-story .story-frames .hero .art{background-image:url("product-journey-mobile-light.webp")!important}}
:root[data-theme=light]{color-scheme:light;background:#faf8f4}
.theme-toggle{flex:none;min-height:40px;min-width:76px;border:1px solid #ffffff30;border-radius:24px;background:transparent;color:#dedbe5;font:500 12px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;padding:8px 12px;cursor:pointer;white-space:nowrap}
.theme-toggle:focus-visible{outline:2px solid #b2bfff;outline-offset:3px}
body>header nav{margin-left:auto}
html[data-theme=light] body{background:#faf8f4!important;color:#24212b}
html[data-theme=light] body>header{background:#faf8f4!important;border-color:#ded8e2}
html[data-theme=light] body>header .logo,html[data-theme=light] body>header .logo img,html[data-theme=light] .partner-logo{filter:brightness(0)!important}
html[data-theme=light] .theme-toggle{border-color:#cfc7d9;color:#43384f;background:#fffdf9}
html[data-theme=light] :focus-visible{outline-color:#62509e}
html[data-theme=light] ::selection{background:#ded5f0;color:#24212b}
html[data-theme=light] .product-mini,html[data-theme=light] .try-on-option svg{border-color:#b7adbf}
html[data-theme=light] .product-mini[aria-pressed=true],html[data-theme=light] .try-on-option[aria-pressed=true] svg{border-color:#62509e;box-shadow:0 0 0 2px #62509e33}
html[data-theme=light] .tech-section figure img{mask-image:none;border-radius:12px}
html[data-theme=light] .tech-section figure{border-radius:12px;overflow:hidden}
html[data-theme=light] .mobile-product-dialogue p{background:#f0eaf4;color:#383240}
html[data-theme=light] .mobile-product-dialogue p:last-child{background:#e9e1f1}
html[data-theme=light] .mobile-product-dialogue strong{color:#62509e}
/* Artwork is never inverted: dark photography retains its natural colours. */
html[data-theme=light] .apparel-loop,html[data-theme=light] .apparel-frame,html[data-theme=light] .apparel-dots{background:#0b0b09!important}
@media(max-width:850px){
 body>header{column-gap:12px}
 body>header .logo{order:0}
 body>header .theme-toggle{order:1;margin-left:auto;min-height:36px;padding:6px 12px}
 body>header nav{order:2;margin-left:0;width:100%}
 html[data-theme=light] .mobile-portrait img,html[data-theme=light] .partner-mobile-art,html[data-theme=light] .business-mobile-picture img{border-radius:12px}
}
html[data-theme=light] body>header nav .contact,html[data-theme=light] body>header nav .nav-link{border-color:transparent!important}
html[data-theme=light] .launch-copy p,html[data-theme=light] .growth-copy p{color:#49434f!important}
@media(min-width:851px){
html[data-theme=light] .approved-story #launch-workload figure:after{background:radial-gradient(ellipse at top left,#faf8f4 0%,rgba(250,248,244,.94) 22%,rgba(250,248,244,.55) 42%,transparent 68%)!important}
}