:root{--surface:#eee8dc;--soft:#e6d8ca;--glass:#f6f1e7eb;--shine:#ffffff80;--viewer-paper:var(--paper);--viewer-glass:var(--glass);--artwork-colour:var(--paper)}
html[data-theme$='-dark']{color-scheme:dark;background:#1c2622}html[data-theme$='-dark'] .header .signature img{filter:brightness(0) invert(1)}
body{transition:background-color .35s,color .35s}.hero-art:before{background:var(--soft)}.art-mount,.piece:nth-child(3n+2) .art-mount,.piece:nth-child(3n) .art-mount,.full-gallery .art-mount{background:var(--surface)}.studio{background:var(--surface)}.contact{background:var(--soft)}footer{background:#18251f;color:#f6f1e7}
.header.is-scrolled,nav.open,.gallery-page .gallery-toolbar{background:var(--glass);border-color:var(--line)}.header.is-scrolled{box-shadow:0 6px 25px #00000008}.header nav{margin-left:auto;margin-right:24px}.header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.appearance-button,.appearance-close{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);cursor:pointer}.appearance-button:hover{background:var(--surface)}.appearance-button .icon{width:20px;height:20px}
#artwork-dialog{background:var(--viewer-paper);border-color:var(--line);transition:background-color .65s ease;isolation:isolate}#artwork-dialog:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 80% 90%,var(--artwork-colour),transparent 70%);opacity:.55;transition:background .65s}
.detail-navigation,.zoom-controls,.detail-top button{background:var(--viewer-glass);border-color:var(--line);box-shadow:inset 0 1px var(--shine),0 4px 14px #00000008;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.detail-navigation button{background:transparent;border-color:var(--line)}.detail-navigation button:hover:enabled{background:var(--ink);color:var(--paper)}.zoom-controls button:hover:enabled{background:var(--shine)}.detail-image:before,#retry-image{background:var(--viewer-paper)}.room-link:hover{background:var(--surface)}
#appearance-dialog{width:calc(100% - 36px);max-width:600px;max-height:calc(100dvh - 48px);border:1px solid var(--line);border-radius:24px;padding:30px;background:var(--paper);color:var(--ink);overflow-y:auto;overscroll-behavior:contain}#appearance-dialog::backdrop{background:#101b1770;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.appearance-top{display:flex;justify-content:space-between;align-items:start;gap:16px}.appearance-top h2{font-size:31px;letter-spacing:-.035em;margin:10px 0 0;line-height:1.2}.appearance-top .eyebrow{margin:0;font-size:8px}.appearance-close{flex-shrink:0}.appearance-close .icon{width:18px;height:18px}.appearance-intro{font-size:12px;color:var(--muted);line-height:1.6;margin:14px 0 22px}.theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.theme-grid button{display:flex;align-items:center;gap:10px;text-align:left;padding:10px;border:1px solid var(--line);border-radius:12px;background:transparent;font-size:11px;min-height:62px}.theme-grid button[aria-pressed=true]{border-color:var(--clay);box-shadow:0 0 0 1px var(--clay)}.theme-grid button:hover{background:var(--surface)}.theme-grid small{display:block;font-size:9px;margin-top:4px;color:var(--muted)}.theme-swatch{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--swatch-paper);border:1px solid #00000018;gap:3px;border-radius:50%;flex-shrink:0}.theme-swatch i{width:8px;height:16px;border-radius:6px;background:var(--swatch-ink)}.theme-swatch i+ i{background:var(--swatch-accent)}.system-theme{width:100%;min-height:46px;background:transparent;border:1px solid var(--line);border-radius:12px;font-size:12px;margin-top:14px}.system-theme[aria-pressed=true]{border-color:var(--clay);box-shadow:0 0 0 1px var(--clay)}.adaptive-setting{display:flex;align-items:center;gap:12px;font-size:12px;line-height:1.5;margin-top:20px;min-height:44px}.adaptive-setting input{width:18px;height:18px;accent-color:var(--clay);flex-shrink:0}.appearance-note{font-size:10px;color:var(--muted);line-height:1.7;margin-bottom:0}.appearance-open{overflow:hidden}
@media(max-width:900px){.header nav{margin:0}.header-actions{gap:8px}.header.is-scrolled .signature{width:175px}}
@media(max-width:640px){#appearance-dialog{padding:22px;border-radius:20px}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.appearance-top h2{font-size:27px}.theme-grid button{min-height:60px}.header .signature{width:190px}.header.is-scrolled .signature{width:170px}}
@media(max-width:360px){.header .signature,.header.is-scrolled .signature{width:150px}.header-actions{gap:6px}.menu-toggle{min-width:60px}.theme-grid button{padding:8px;gap:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}
@media(prefers-reduced-transparency:reduce){.header.is-scrolled,nav.open,.gallery-page .gallery-toolbar{background:var(--paper);backdrop-filter:none;-webkit-backdrop-filter:none}.detail-navigation,.zoom-controls,.detail-top button{background:var(--viewer-paper);backdrop-filter:none;-webkit-backdrop-filter:none}}
.appearance-top{position:sticky;top:0;z-index:2;background:var(--paper);padding-bottom:8px}
#artwork-dialog .viewer-hint,#artwork-dialog .detail-note{color:var(--viewer-muted,var(--muted))}
html{scroll-padding-top:calc(var(--header-height,90px) + 20px)}.gallery-page .gallery-toolbar{top:var(--header-height,76px)}
.detail-bottom h2,.full-gallery h3{overflow-wrap:anywhere}
@media(max-width:300px){.header{flex-wrap:wrap;gap:12px}.header-actions{margin-left:auto}.header .signature,.header.is-scrolled .signature{width:145px}.theme-grid{grid-template-columns:1fr}.appearance-top>div{min-width:0}.appearance-top h2{font-size:24px;overflow-wrap:anywhere}.detail-top #close-artwork{font-size:0;min-width:44px;width:44px;padding:0}.detail-top #close-artwork span{margin:0}.appearance-top{gap:8px}}