/* V12: native system theme, tactile supports and a decorative header model. */
:root{
  color-scheme:light;
  --uh-page:#e5e0d6;--uh-ink:#282722;--uh-muted:#57534b;
  --uh-surface:#e8e1d4;--uh-control:#f0eadd;--uh-line:#bcb5a8;--uh-accent:#a32b26;
}
html{background:var(--uh-page);color:var(--uh-ink)}
#uh-v2 .u-site{
  --u-bg:var(--uh-page);--u-ink:var(--uh-ink);--u-muted:var(--uh-muted);
  --u-panel:var(--uh-surface);--u-card:var(--uh-control);--u-line:var(--uh-line);
  --u-red-text:var(--uh-accent);
}
/* Native inputs follow the scheme too; artwork is never inverted or recolored. */
#uh-v2 .u-site :is(input,textarea,select){color:var(--uh-ink)}
#uh-v2 .u-site :is(input,textarea)::placeholder{color:var(--uh-muted);opacity:1}
#uh-v2 .u-site :is(.u-collection-heading>p,.u-profile-archive>p:not(.u-eyebrow),.u-filter-heading>span){color:var(--uh-muted)}
.u-lightbox{background:var(--uh-surface);color:var(--uh-ink)}
.u-gallery-controls,.u-gallery-controls small{color:var(--uh-ink)}
.u-lightbox-header button{border-color:var(--uh-line)}
.u-skip{background:var(--uh-control);color:var(--uh-ink)}

/* Fixed light palette requested by Manu; device dark mode does not recolor the site. */
/* Reinforced decorative supports; all original photographs remain unchanged. */
#uh-v2 .u-site .u-paper[data-material="tattoo"]{--material-photo:url('/assets/material-v12-tattoo.webp')!important}
#uh-v2 .u-site .u-paper[data-material="design"]{--material-photo:url('/assets/material-v12-design.webp')!important}
#uh-v2 .u-site .u-paper:is([data-material="tattoo"],[data-material="design"])>.u-paper-skin::before{
  background-image:linear-gradient(0deg,#fff1,transparent 40%),var(--material-photo);
  background-size:100% 100%,100% 100%;
}
#uh-v2 .u-site .u-paper[data-material="tattoo"]>.u-paper-skin::before{box-shadow:inset 0 0 0 2px #80638a4a,inset 0 0 12px #b977382e}
#uh-v2 .u-site .u-paper[data-material="design"]>.u-paper-skin::after{background:#a79779;transform:translate(3px,4px);clip-path:polygon(0 0,100% 0,100% 99.3%,0 100%)}
#uh-v2 .u-site .u-paper:is([data-material="tattoo"],[data-material="design"]):is(.u-art,.u-collection-card){padding-bottom:32px}
/* Larger microcopy on the material cards; photographs keep their original colors. */
#uh-v2 .u-site .u-art.u-paper .u-art-sub{font-size:12px}
#uh-v2 .u-site .u-art.u-paper .u-art-note{font-size:10px}
#uh-v2 .u-site .u-art .u-practice-caption{font-size:10px;text-shadow:0 1px 3px #000}
/* Decorative 3D mark: keeps the original click target and a static failure fallback. */
#uh-v2 .u-header .u-brand>.u-header-mark{display:block;position:relative;flex:none;width:48px;height:56px}
#uh-v2 .u-header .u-header-mark>.u-brand-crop{position:absolute;inset:2px 4px;width:40px;height:52px}
#uh-v2 .u-header .u-header-mark>model-viewer{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;pointer-events:none;--poster-color:transparent}
#uh-v2 .u-header .u-header-mark.is-ready>model-viewer{opacity:1}
#uh-v2 .u-header .u-header-mark.is-ready>.u-brand-crop{visibility:hidden}
@media(max-width:600px){
  #uh-v2 .u-header .u-brand>.u-header-mark{width:36px;height:46px}
  #uh-v2 .u-header .u-header-mark>.u-brand-crop{inset:3px;width:30px;height:40px}
}
/* User-selected high-contrast palettes have priority over decorative pigments. */
@media(forced-colors:active){
  html,#uh-v2 .u-site{background:Canvas;color:CanvasText}
  #uh-v2 .u-site .u-paper.u-paper{color:CanvasText!important}
  #uh-v2 .u-site .u-paper.u-paper :is(h1,h2,h3,p,b,span,small,strong,em,button){color:CanvasText!important}
  .u-lightbox{background:Canvas;color:CanvasText}
}