/* A quiet, visitor-controlled design playground. */
html[data-studio-palette="night"]{--paper:#151719;--ink:#f0ede6;--muted:#adb3b0;--line:#363b3d;--orange:#ff8968;--green:#b9c49b;--remix-surface:#1c2022;color-scheme:dark}
html[data-studio-palette]:not([data-studio-palette="night"]){color-scheme:light}
html[data-studio-palette="ink"]{--paper:#edf1f5;--ink:#19283c;--muted:#536379;--line:#cad3df;--orange:#315cdf;--green:#315cdf;--remix-surface:#dce5ef}
html[data-studio-palette="grove"]{--paper:#eff1e6;--ink:#26392e;--muted:#5b695a;--line:#cad2bf;--orange:#58743b;--green:#58743b;--remix-surface:#dce3cf}
html[data-studio-palette="clay"]{--remix-surface:#dce0d0}
html[data-studio-palette] .about-section{background:var(--remix-surface)}
html[data-studio-palette] .section-intro{color:var(--muted)}
html[data-studio-type="modern"] .hero h1 .serif,
html[data-studio-type="modern"] .about-content h2 .serif,
html[data-studio-type="modern"] .contact-row h2 .serif{font-family:Arial,Helvetica,sans-serif;font-style:normal;font-weight:700;letter-spacing:-.075em}
.remix-dock{position:fixed;z-index:25;bottom:24px;right:24px}
.remix-toggle{display:flex;align-items:center;gap:13px;padding:13px 17px;border:1px solid var(--line);border-radius:30px;background:var(--paper);color:var(--ink);box-shadow:0 4px 24px #101b2014;font-size:12px;font-weight:600;letter-spacing:-.02em;min-height:46px}
.remix-spark{color:var(--orange);font-size:25px;line-height:18px;transition:transform .4s}
.remix-toggle:hover .remix-spark,.remix-toggle[aria-expanded="true"] .remix-spark{transform:rotate(90deg)}
.remix-toggle:hover{border-color:var(--ink)}
.remix-panel{position:absolute;bottom:61px;right:0;width:326px;max-height:calc(100dvh - 106px);overflow:auto;padding:24px;background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:0 15px 65px #16232d26;color:var(--ink);animation:remix-in .2s ease-out}
html:not([data-studio-palette]) .contact-button,html[data-studio-palette="clay"] .contact-button{background:#cb3c22}
.remix-panel[hidden]{display:none}
.remix-top{display:flex;justify-content:space-between;align-items:start;gap:12px}
.remix-kicker{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:9px}
.remix-panel h2{font-size:23px;font-weight:500;letter-spacing:-.05em;line-height:1.1}
.remix-close{font-size:22px;width:30px;height:30px;flex-shrink:0;background:transparent;border-radius:50%;line-height:1}
.remix-close:hover{background:var(--line)}
.remix-intro{font-size:11px;line-height:1.6;color:var(--muted);margin-top:12px;max-width:240px}
.remix-panel fieldset{border:0;margin:22px 0 0;padding:0;min-width:0}
.remix-panel legend{font-size:10px;font-weight:bold;letter-spacing:.035em;padding:0;margin-bottom:11px}
.remix-options{display:flex;gap:8px}
.remix-palettes{display:grid;grid-template-columns:1fr 1fr}
.remix-choice{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:8px;min-height:42px;padding:10px;font-size:11px;background:transparent;flex:1}
.remix-choice[aria-pressed="true"]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.remix-choice:hover{background:color-mix(in srgb,var(--ink) 5%,transparent)}
.remix-swatch{width:12px;height:12px;border-radius:50%;background:var(--swatch);flex-shrink:0}
.remix-type-sample{font-size:19px;line-height:1}
.remix-type-sample.editorial{font-family:Georgia,serif;font-style:italic}
.remix-type-sample.modern{font-family:Arial,sans-serif;font-weight:800}
.remix-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:24px;padding-top:14px;border-top:1px solid var(--line)}
.remix-bottom span{font-size:9px;color:var(--muted)}
.remix-reset{font-size:10px;padding:5px 0;border-bottom:1px solid var(--muted);background:none}
.remix-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body.dialog-open .remix-dock{visibility:hidden;pointer-events:none}
@keyframes remix-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:721px) and (prefers-reduced-motion:no-preference){.hero-asterisk{transition:transform .22s ease-out}.project-visual{perspective:1100px}.project-visual .mini-site{will-change:transform}}
@media(max-width:600px){.remix-dock{bottom:max(16px,env(safe-area-inset-bottom));right:16px}.remix-toggle{font-size:11px;padding:12px 15px}.remix-panel{width:min(326px,calc(100vw - 32px));max-height:calc(100dvh - 106px);overflow:auto;padding:22px}.site-footer{padding-bottom:88px}}
@media(prefers-reduced-motion:reduce){.remix-panel{animation:none}.remix-spark{transition:none}}
@media print{.remix-dock{display:none}}
@media(max-width:370px){.contact-row h2{font-size:66px}}

/* Night is the studio's default. Concept artwork keeps its own art direction. */
.fieldwork-site,.margin-site{color:#20221e}
.fieldwork-demo,.margin-demo{--ink:#20221e;color:var(--ink);color-scheme:light}
.mesa-demo{color-scheme:light}
html[data-studio-palette="night"] ::selection{background:#ff8968;color:#151719}
html[data-studio-palette="night"] .skip-link{color:var(--paper)}
html[data-studio-palette="night"] .about-content p,
html[data-studio-palette="night"] .services p,
html[data-studio-palette="night"] .service-number,
html[data-studio-palette="night"] .service-detail,
html[data-studio-palette="night"] .contact-copy>p:first-child{color:var(--muted)}
html[data-studio-palette="night"] .services,
html[data-studio-palette="night"] .services>div,
html[data-studio-palette="night"] .service-detail{border-color:var(--line)}
html[data-studio-palette="night"] .filter:not(.is-active):hover{background:var(--remix-surface)}
html[data-studio-palette="night"] .fieldwork-preview{background:#303a34}
html[data-studio-palette="night"] .mesa-preview{background:#49352c}
html[data-studio-palette="night"] .margin-preview{background:#303744}
html[data-studio-palette="night"] .concept-stamp{color:#c9cfbf}
html[data-studio-palette="night"] .mesa-preview .concept-stamp{color:#edc6ac}
html[data-studio-palette="night"] .margin-preview .concept-stamp{color:#c2cade}
html[data-studio-palette="night"] .contact-button{background:var(--orange);color:#151719}
html[data-studio-palette="night"] .contact-button:hover{background:#ffa185}
html[data-studio-palette="night"] .direct-email{text-decoration-color:var(--muted)}
html[data-studio-palette="night"] .project-type-options input:checked+span{background:#30302c;border-color:var(--orange)}
html[data-studio-palette="night"] .brief-fields input,
html[data-studio-palette="night"] .brief-fields select,
html[data-studio-palette="night"] .brief-fields textarea,
html[data-studio-palette="night"] #brief-summary{background:#23282a;border-color:#697174}
html[data-studio-palette="night"] .brief-fields input::placeholder,
html[data-studio-palette="night"] .brief-fields textarea::placeholder{color:var(--muted)}
html[data-studio-palette="night"] .remix-panel{box-shadow:0 15px 65px #0008}
html[data-studio-palette="night"] .remix-toggle{box-shadow:0 4px 24px #0004}