/* Day theme: the sky palette from "new design", generated against the base stylesheets. Active when <html data-theme="light">. */
/* from styles.css */
:root[data-theme=light]{--ink:#142a36;--muted:#426276;--orange:#ed4815;--blue:#009bff;--paper:#fffefb;--line:#dce4e8;--shadow:0 18px 36px -25px #183a5866}
:root[data-theme=light] body{background:#9fd2ed}
:root[data-theme=light] body:before{background:linear-gradient(155deg,#53a5e5 0%,#7cbeeb 46%,#bae1ed 100%)}
:root[data-theme=light] ::selection{background:#ffedb4}
:root[data-theme=light] .status-dot{background:#25be75;box-shadow:0 0 0 3px #25be751c}
:root[data-theme=light] .ruler{background:#edf6fbeF;border-bottom:1px solid #4f7c9c50}
:root[data-theme=light] .ruler-brand{border-right:1px solid #92a8b5}
:root[data-theme=light] .ruler-track{background:repeating-linear-gradient(90deg,#5d7e9466 0 1px,transparent 1px 10px) bottom/100% 6px no-repeat}
:root[data-theme=light] .progress-marker{background:#ffe8dc88}
:root[data-theme=light] .ruler-live{border-left:1px solid #b4c9d6}
:root[data-theme=light] .availability{background:#fffefa;border:1px solid #ffffff80}
:root[data-theme=light] nav{box-shadow:0 8px 20px #30668d1f}
:root[data-theme=light] nav .nav-contact{color:#fff}
:root[data-theme=light] nav .nav-contact:hover{color:#fff}
:root[data-theme=light] .hero-heading{border:1px solid #079cff80}
:root[data-theme=light] .hero .headline-orange{background:radial-gradient(circle,#ffd39b 0 .8px,transparent 1px) 0 0/4px 4px,var(--orange)}
:root[data-theme=light] .handle{background:#fff}
:root[data-theme=light] .dimension{color:#285d7c}
:root[data-theme=light] .hero-copy{color:#23485e}
:root[data-theme=light] .hero-copy em{border-bottom:1px solid #275d7a}
:root[data-theme=light] .orange{color:#fff;box-shadow:0 8px 17px #e9572333}
:root[data-theme=light] .orange:hover{background:#cf3910;box-shadow:0 10px 20px #e9572350}
:root[data-theme=light] .outline{background:#d2eafa30}
:root[data-theme=light] .outline:hover{background:#ffffff65}
:root[data-theme=light] .hero-sticker{background:#ffe5a6;color:#ae461c;box-shadow:3px 5px 0 #557b9220;border:1px dashed #cfa456;outline:5px solid #ffe5a6}
:root[data-theme=light] .designer-tag b{color:#fff}
:root[data-theme=light] .scroll-cue span{border:1px solid #41687f55}
:root[data-theme=light] .project-card{border:6px solid #ffffff60}
:root[data-theme=light] .peach{background:#f4ceb8}
:root[data-theme=light] .lilac{background:#e3daf3}
:root[data-theme=light] .green{background:#d9e2cd}
:root[data-theme=light] .project-image img{box-shadow:0 14px 24px #22242a25}
:root[data-theme=light] .project-arrow{border:1px solid #ffffff80;background:#ffffffa6}
:root[data-theme=light] .pill{border:1px solid #dfe3e7;background:#f3f4f5}
:root[data-theme=light] .round-button:hover{background:#ffe5a6}
:root[data-theme=light] .specialties{border-top:1px solid #fff6;border-bottom:1px solid #fff6}
:root[data-theme=light] .handwritten{color:#b82f06}
:root[data-theme=light] .card{border:1px solid #ffffffb3}
:root[data-theme=light] .file-label{color:#5f788a}
:root[data-theme=light] .dark-card{color:#fff}
:root[data-theme=light] .dark-card .file-label{color:#a4b9c6}
:root[data-theme=light] .tool-row span{border:1px solid #fff3;color:#85cdff;background:#203c4c}
:root[data-theme=light] .tool-row span:nth-child(2){color:#ffb058}
:root[data-theme=light] .tool-row span:nth-child(3){color:#ff89be}
:root[data-theme=light] .tool-row span:nth-child(4){color:#c6eca0}
:root[data-theme=light] .dark-card p{color:#a7becb}
:root[data-theme=light] .pills>span{border:1px solid #19303c}
:root[data-theme=light] .note-card{border:1px solid #ffffffb0;background:#e6f2fc99}
:root[data-theme=light] .note-card>.eyebrow{color:#46667b}
:root[data-theme=light] .profile-note{background:#fffefb}
:root[data-theme=light] .sticky-note{background:#ffebc9;box-shadow:2px 4px 0 #375d7a10}
:root[data-theme=light] .sticky-note:after{border-bottom:11px solid #bba58260}
:root[data-theme=light] .service-number{color:#7f9bab}
:root[data-theme=light] .brand-art{background:#e4edb6;color:#3c5027}
:root[data-theme=light] .book-art{background:#e3ddf0}
:root[data-theme=light] .book-object{background:#f34c23;color:#ffe8ad;box-shadow:-4px 3px 0 #ffd18c,9px 13px 15px #26323a30;border-left:3px solid #d74421}
:root[data-theme=light] .book-art>i{color:#8664ab}
:root[data-theme=light] .spatial-art{background:linear-gradient(165deg,#efcfb7 60%,#d8b89c 60%)}
:root[data-theme=light] .arch{border:27px solid #f9e7d8;box-shadow:13px 8px 12px #946f5044;background:linear-gradient(130deg,#9a785f,#d4b18f)}
:root[data-theme=light] .sphere{background:radial-gradient(circle at 30% 25%,#d6dfa8,#9ea563 65%,#687441);box-shadow:13px 10px 10px #76593733}
:root[data-theme=light] .process-window{background:#fffdfd;border:1px solid #ffffffa0}
:root[data-theme=light] .window-bar{background:#f1f6fa;border-bottom:1px solid #dfe9ef}
:root[data-theme=light] .window-dots i{background:#ff6a60}
:root[data-theme=light] .window-dots i:nth-child(2){background:#edbb4e}
:root[data-theme=light] .window-dots i:nth-child(3){background:#3fc47d}
:root[data-theme=light] .process-steps{background:radial-gradient(#b4cad366 1px,transparent 1px) 0 0/18px 18px}
:root[data-theme=light] .process-steps article{border-right:1px solid #dae2e7}
:root[data-theme=light] .step-index{color:#a33516}
:root[data-theme=light] .mini-project>div{background:#ebf3f4;border:1px solid #ffffff70}
:root[data-theme=light] .mini-project:nth-child(2)>div{background:#e4dfcf}
:root[data-theme=light] .mini-project:nth-child(3)>div{background:#eddccc}
:root[data-theme=light] .mini-project:nth-child(4)>div{background:#e1dced}
:root[data-theme=light] .faq p a{border-bottom:1px solid #6e98ae}
:root[data-theme=light] .contact>p{color:#2f5166}
:root[data-theme=light] .footer{border-top:1px solid #4b7f972e}
:root[data-theme=light] .footer-bottom{border-top:1px solid #4b7f972e}
@media(max-width:760px){:root[data-theme=light] .availability{background:none;border:0}:root[data-theme=light] .hero-sticker{outline-width:3px}:root[data-theme=light] .project-card{border-width:4px;border-radius:17px}:root[data-theme=light] .process-steps article{border:0;border-bottom:1px solid #dae2e7}}
/* from studio.css */
:root[data-theme=light]{--orange:#f0531c}
:root[data-theme=light] .chat-window{background:#fafdff;border:1px solid #fff;box-shadow:0 26px 45px -32px #193b5d80}
:root[data-theme=light] .chat-preview{color:#617c8d}
:root[data-theme=light] .chat-thread{background:radial-gradient(#a8c1d433 .8px,transparent 1px) 0 0/20px 20px}
:root[data-theme=light] .chat-divider{color:#b53810}
:root[data-theme=light] .chat-divider:before,:root[data-theme=light] .chat-divider:after{background:#f0531c22}
:root[data-theme=light] .chat-avatar.client{background:#009bff}
:root[data-theme=light] .chat-message h3 small{color:#657e8f}
:root[data-theme=light] .chat-file{border:1px solid #d5e1e9;background:#f0f6fa}
:root[data-theme=light] .chat-file[href]:hover{background:#e0f0ff;border-color:#009bff}
:root[data-theme=light] .reaction{border:1px solid #f3c0af;background:#fff5ef;color:#ac3814}
:root[data-theme=light] .chat-compose{border:1px solid #d9e6ee;background:#f0f6fa;color:#587387}
:root[data-theme=light] .comparison-window{background:#fff;border:1px solid #fff}
:root[data-theme=light] .comparison-stage{background:#eef0ed}
:root[data-theme=light] .compare-before{background:#eaeceb;color:#59615d}
:root[data-theme=light] .plain-vase{background:linear-gradient(90deg,#bcc2bd,#d4d8d4 40%,#a9b1ab);box-shadow:20px 26px 20px -13px #85908444}
:root[data-theme=light] .compare-after{background:#f7e9c9;color:#334b29}
:root[data-theme=light] .compare-after .concept-button{background:#334b29;color:#f7e9c9;border-color:#334b29}
:root[data-theme=light] .sculpture i{border:35px solid #c4cb76;box-shadow:20px 18px 16px -10px #83704833}
:root[data-theme=light] .sculpture b{background:radial-gradient(circle at 30% 25%,#fbab7d,#e46832 55%,#b44f22);box-shadow:18px 14px 13px -8px #97734555}
:root[data-theme=light] .compare-divider{background:#009bff}
:root[data-theme=light] .compare-divider>span{border:2px solid #009bff;box-shadow:0 3px 9px #193a5533;color:#007ad4}
:root[data-theme=light] .comparison-control p{color:#567185}
:root[data-theme=light] .plan-switch{background:#eaf0f4}
:root[data-theme=light] .plan-switch button[aria-pressed=true]{box-shadow:0 3px 7px #15314320}
:root[data-theme=light] .plan-switch button:not([aria-pressed=true]):hover{background:#dbe6ef}
:root[data-theme=light] .plan-overview{background:#b9ddf1}
:root[data-theme=light] .plan-overview h3 em{color:#c94516}
:root[data-theme=light] .plan-overview p{color:#34546b}
:root[data-theme=light] .plan-note{background:#ffebc9;box-shadow:9px 14px 0 #4178a010}
:root[data-theme=light] .plan-note .eyebrow{color:#856441}
:root[data-theme=light] .plan-note>span:last-of-type{color:#735e3f}
:root[data-theme=light] .play-canvas{border:1px solid #ffffffc9;background:radial-gradient(#779db445 1px,transparent 1px) 0 0/20px 20px,#eaf6fbd9}
:root[data-theme=light] .play-toolbar{border-bottom:1px solid #c7dce7;background:#f9fcffb3}
:root[data-theme=light] .play-toolbar .eyebrow{color:#567b91}
:root[data-theme=light] .play-toolbar button{border:1px solid #c5d5df}
:root[data-theme=light] .canvas-cross{color:#75a8c5}
:root[data-theme=light] .play-object.selected::after,:root[data-theme=light] .play-object:focus-visible::after{background:radial-gradient(circle,var(--blue) 0 3.4px,#fff 3.4px 4.6px,transparent 4.6px) 0 0/9px 9px,radial-gradient(circle,var(--blue) 0 3.4px,#fff 3.4px 4.6px,transparent 4.6px) 100% 0/9px 9px,radial-gradient(circle,var(--blue) 0 3.4px,#fff 3.4px 4.6px,transparent 4.6px) 0 100%/9px 9px,radial-gradient(circle,var(--blue) 0 3.4px,#fff 3.4px 4.6px,transparent 4.6px) 100% 100%/9px 9px}
:root[data-theme=light] .play-note{background:#ffebb7;box-shadow:8px 12px 0 #37618112}
:root[data-theme=light] .play-note>span{color:#956b36}
:root[data-theme=light] .play-disc{background:#187bd1;color:#f5f6ec;box-shadow:8px 10px 0 #34658e12}
:root[data-theme=light] .play-label{background:#e7edb9;color:#465a29;border:1px solid #a7b56c;outline:4px solid #e7edb9}
:root[data-theme=light] .canvas-hint{color:#5b7a8e}
:root[data-theme=light] .play-status{color:#375e75}
:root[data-theme=light] .studio-footer{background:radial-gradient(#28404d66 1px,transparent 1.5px) 0 0/24px 24px,#0c1821;color:#fff}
:root[data-theme=light] .footer-topline>span{color:#80b3d0}
:root[data-theme=light] .footer-up{border:1px solid #ffffff2e}
:root[data-theme=light] .footer-invite>.eyebrow{color:#ff773e}
:root[data-theme=light] .footer-available{color:#c3cbd1}
:root[data-theme=light] .footer-columns h3{color:#9aa8b2}
:root[data-theme=light] .footer-columns a{color:#d9dee3}
:root[data-theme=light] .footer-columns a:hover{color:#ff773e}
:root[data-theme=light] .footer-scale{border-top:1px solid #a3b6c221;background:repeating-linear-gradient(90deg,transparent 0 23px,#a3b6c229 23px 24px) top/100% 9px no-repeat}
:root[data-theme=light] .footer-meta{color:#a6b7c2}
:root[data-theme=light] .canvas-cursor>span{background:#009bff;box-shadow:0 3px 6px #0068ac20}
@media(max-width:760px){:root[data-theme=light] .sculpture i{border-width:18px}}
:root[data-theme=light] .compare-divider{background:transparent}
:root[data-theme=light] .compare-divider:before{background:#009bff}
:root[data-theme=light] .footer-tools button{border:1px solid #a3b6c240;color:#c3d6e0;background:#162630}
:root[data-theme=light] .footer-tools button:hover{border-color:#f0531c}
@media(hover:hover){:root[data-theme=light] .service-card:hover{outline:1px solid #009bff}:root[data-theme=light] .note-card:hover{border-color:#009bff}}
:root[data-theme=light] .footer-wordmark>span{color:#fff}
:root[data-theme=light] .footer-wordmark:hover>span{color:#8fa3b2}
:root[data-theme=light] .review-proof{background:#f8fcfa;border:1px solid #ffffffb3}
:root[data-theme=light] .upwork-source>span{color:#5b7285}
:root[data-theme=light] .review-proof>div{border-left:1px solid #dbe8dd}
:root[data-theme=light] .review-proof p{color:#536a5f}
:root[data-theme=light] .review-demo-note{color:#315b72}
:root[data-theme=light] .review-card{background:#fffefa;border:1px solid #ffffffcc}
:root[data-theme=light] .demo-badge{border:1px solid #d8e3e8;color:#51677a}
:root[data-theme=light] .review-avatar{background:#dfeaf1;color:#46748e}
:root[data-theme=light] .review-person>div>span{color:#6d8090}
:root[data-theme=light] .review-category{border-top:1px solid #e6ebed;color:#5b7285}
:root[data-theme=light] .review-source-note{color:#43667d}
:root[data-theme=light] .review-source-note a{border-bottom:1px solid #628aa3}
:root[data-theme=light] /* Short first-visit loader: no image,:root[data-theme=light] video,:root[data-theme=light] or framework dependency. */
.intro-screen{background:linear-gradient(#d7eafa66 1px,transparent 1px) 0 0/34px 34px,linear-gradient(90deg,#d7eafa66 1px,transparent 1px) 0 0/34px 34px,#fafdff}
:root[data-theme=light] .intro-selection{border:1px solid #009bff}
:root[data-theme=light] .intro-dimensions{background:#009bff}
:root[data-theme=light] .intro-progress{background:#c9e7fa}
:root[data-theme=light] .intro-progress>span{background:#009bff}
:root[data-theme=light] .intro-caption{color:#507690}
:root[data-theme=light] #skip-intro{border:1px solid #b7d5e6;background:#fafdff;color:#416881}
:root[data-theme=light] /* Opt-in ambient sound. Audio starts only after pressing the control. */
.sound-dock{background:#fbfdff;border:1px solid #c7dce9;box-shadow:0 5px 22px #23465e20}
:root[data-theme=light] .sound-dock button{color:#284558}
:root[data-theme=light] .sound-dock button:hover{background:#e9f3fa}
:root[data-theme=light] .sound-bars i{background:#f0531c}
:root[data-theme=light] .music-volume input{accent-color:#f0531c}
:root[data-theme=light] .music-volume input:focus-visible{outline:2px solid #009bff}
:root[data-theme=light] /* Specialties marquee: one transform animation,:root[data-theme=light] duplicated group for a seamless loop. */
.specialties{-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
:root[data-theme=light] .faq-frame{background:#cfe8fb;color:#25566f}
:root[data-theme=light] .faq-item[open]>summary .faq-frame,:root[data-theme=light] .faq-item>summary:hover .faq-frame{color:#fff}
:root[data-theme=light] .faq-item>summary{border:1px solid #dbe9f3}
:root[data-theme=light] .faq-item>summary:hover{border-color:#a9d3ee;box-shadow:0 10px 26px #2a5c7a1f}
:root[data-theme=light] .faq-answer-label{color:#8aa3b4}
:root[data-theme=light] .signature-mark{box-shadow:0 3px 10px #2a5c7a24}
:root[data-theme=light] /* Footer wordmark: each letter lifts on hover,:root[data-theme=light] staying on the same baseline. */
.footer-wordmark>span{color:#fff}
:root[data-theme=light] .footer-wordmark:hover>span{color:#8fa3b2}
:root[data-theme=light] .review-card:hover{box-shadow:0 16px 34px #2a5c7a1f}
:root[data-theme=light] .service-card:hover{box-shadow:0 16px 34px #2a5c7a1f}