:root{
  --paper:#ece4d6;
  --ink:#171614;
  --muted:#6c665d;
  --accent:#f05437;
  --line:rgba(23,22,20,.18);
  --shadow:0 24px 45px rgba(33,27,19,.16);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,select,textarea{font:inherit}
header{
  position:fixed;inset:0 0 auto 0;z-index:40;
  display:flex;align-items:center;justify-content:space-between;
  padding:18px 4vw;color:#fff;
  background:linear-gradient(to bottom,rgba(10,9,8,.56),rgba(10,9,8,0));
  transition:.35s ease;
}
header.header-solid{color:var(--ink);background:rgba(236,228,214,.94);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line)}
.logo{font-weight:600;letter-spacing:.14em;font-size:1.2rem}.logo span{color:var(--accent)}
nav{display:flex;gap:28px;font-size:.88rem}nav a:hover{opacity:.55}
.menu{display:none;border:0;background:none;color:inherit}
section{padding:120px 6vw}
.eyebrow,.number{text-transform:uppercase;letter-spacing:.17em;font-size:.72rem;font-weight:600}
h1,h2{font-family:Georgia,"Times New Roman",serif;line-height:.98;letter-spacing:-.045em;margin:0}
h1{font-size:clamp(4.5rem,8.8vw,9.5rem)}
h2{font-size:clamp(2.8rem,5.4vw,5.8rem)}
p{line-height:1.65}

/* Hero */
.hero-fullbleed{position:relative;height:100svh;min-height:100svh;padding:0;overflow:hidden;color:#fff;display:flex;align-items:flex-end;isolation:isolate}
.hero-media{position:absolute;inset:-6vh -4vw;z-index:-3;will-change:transform}
.hero-media img{width:100%;height:112%;max-width:none;object-fit:cover;object-position:center 50%;transform:scale(1.025);will-change:transform}
.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(12,10,8,.72),rgba(12,10,8,.2) 55%,rgba(12,10,8,.03)),linear-gradient(0deg,rgba(12,10,8,.55),transparent 48%)}
.hero-content{padding:0 0 9vh 6vw;width:min(1000px,80vw)}
.hero-content .eyebrow{color:rgba(255,255,255,.78);margin-bottom:22px}
.hero-fullbleed h1{text-shadow:0 3px 28px rgba(0,0,0,.25)}
.hero-fullbleed h1 em{color:#fff}
.hero-caption{position:absolute;right:4vw;bottom:4vh;text-align:right;font-size:.75rem;line-height:1.5;color:rgba(255,255,255,.8)}
.hero-caption strong,.hero-caption span{display:block}.hero-caption span{opacity:.6}
.scroll-cue{position:absolute;left:50%;bottom:3vh;transform:translateX(-50%);width:34px;height:52px;border:1px solid rgba(255,255,255,.55);border-radius:22px}
.scroll-cue span{position:absolute;left:50%;top:10px;width:4px;height:8px;margin-left:-2px;border-radius:3px;background:#fff;animation:cue 1.8s infinite}
@keyframes cue{0%{transform:translateY(0);opacity:0}20%{opacity:1}70%{opacity:1}100%{transform:translateY(19px);opacity:0}}

/* Intro */
.manifesto{display:grid;grid-template-columns:120px 1fr;background:var(--ink);color:var(--paper)}
.columns{display:grid;grid-template-columns:1fr 1fr;gap:7vw;margin-top:55px;color:#bdb5aa;font-size:1.05rem}

/* Gallery */
.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:70px}
.section-head>p{max-width:440px;color:var(--muted)}
.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:90px 6vw;align-items:start}
.work-card{display:block}
.work-image{position:relative;min-height:520px;display:grid;place-items:center;background:transparent}
.work-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 20px 24px rgba(0,0,0,.18))}
.work-original{opacity:1}
.work-edited{opacity:0;animation:crossfade 8s ease-in-out infinite}
@keyframes crossfade{0%,35%{opacity:0}50%,85%{opacity:1}100%{opacity:0}}
.work-card:nth-child(2) .work-edited{animation-delay:1s}
.work-card:nth-child(3) .work-edited{animation-delay:2s}
.work-card:nth-child(4) .work-edited{animation-delay:3s}
.work-card:nth-child(5) .work-edited{animation-delay:4s}
.work-card:nth-child(6) .work-edited{animation-delay:5s}
.work-card:nth-child(7) .work-edited{animation-delay:6s}
.state-label{position:absolute;left:0;bottom:-24px;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}
.work-meta{display:grid;grid-template-columns:38px 1fr;gap:12px;margin-top:46px}
.work-meta h3{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:1.5rem}
.work-meta p{margin:3px 0 0;color:var(--muted);font-size:.82rem}

/* Artwork pages */
.work-detail{border-top:1px solid var(--line);padding-top:140px}
.work-title{display:grid;grid-template-columns:1fr auto;align-items:end;margin-bottom:70px}
.work-title .eyebrow{grid-column:1/-1}.work-title>p:last-child{margin:0;color:var(--muted)}
.art-stage{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:start}
.main-art,.original-box{position:relative;min-height:620px;display:grid;place-items:center;background:transparent;border:0;padding:40px 0}
.main-art{cursor:zoom-in}
.main-art img,.original-box img{width:100%;height:560px;object-fit:contain;filter:drop-shadow(0 24px 28px rgba(0,0,0,.18))}
.art-label,.original-box>span{position:absolute;top:0;left:0;font-size:1rem;font-weight:600}
.original-box p{margin:8px 0 0;color:var(--muted);text-align:center;font-size:.88rem}
.detail-grid{display:grid;grid-template-columns:1.15fr .85fr 250px;gap:45px;margin-top:80px;padding-top:45px;border-top:1px solid var(--line)}
.work-copy h3{font-size:1.3rem}.work-copy p{color:#38352f}
.closeups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-content:start}
.detail-shot{position:relative;aspect-ratio:1/1;border:0;padding:0;overflow:hidden;background:transparent;cursor:zoom-in}
.detail-shot img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.detail-shot:hover img{transform:scale(1.035)}
.detail-shot span{position:absolute;left:10px;bottom:9px;padding:6px 8px;background:rgba(18,17,15,.72);color:#fff;font-size:.7rem;backdrop-filter:blur(4px)}
.facts{margin:0}.facts div{padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--ink)}
dt{font-weight:600;font-size:1.15rem}dd{margin:4px 0 0;line-height:1.45}

/* Process & contact */
.process{background:#d8cfbf}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.steps article{border-top:1px solid;padding:26px;min-height:280px}
.steps h3{font-family:"Playfair Display";font-size:1.7rem;margin-top:68px}.steps p{color:var(--muted)}
.buy{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end;background:var(--accent);color:#fff}
.buy a{display:inline-block;margin-top:20px;border-bottom:1px solid}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:#24211d;color:var(--paper)}
.contact>div>p:last-child{color:#bdb5aa}.contact form{display:grid;gap:17px}
.contact label{display:grid;gap:7px;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}
.contact input,.contact select,.contact textarea{border:0;border-bottom:1px solid #777;background:transparent;color:var(--paper);padding:12px 0;outline:none}
.contact select option{color:#111}.button{border:1px solid;padding:15px 22px;border-radius:99px;font-weight:600;background:var(--paper);color:var(--ink);cursor:pointer}
footer{padding:35px 4vw;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:.8rem}
footer div{display:flex;gap:18px}

/* Lightbox */
dialog{width:min(94vw,1300px);max-height:94vh;border:0;background:transparent;padding:45px}
dialog::backdrop{background:rgba(10,9,8,.9);backdrop-filter:blur(5px)}
dialog img{max-width:100%;max-height:84vh;margin:auto;object-fit:contain}
.close{position:fixed;top:18px;right:26px;border:0;background:none;color:#fff;font-size:3rem;cursor:pointer}

@media(max-width:900px){
  header nav{display:none;position:absolute;top:64px;left:0;right:0;background:var(--paper);color:var(--ink);padding:25px 4vw;flex-direction:column}
  header nav.open{display:flex}.menu{display:block}
  section{padding:85px 5vw}
  .hero-media{inset:-4vh -20vw}.hero-media img{object-position:58% 50%}
  .hero-content{padding:0 6vw 11vh;width:92vw}
  .hero-caption{display:none}
  .manifesto,.columns,.buy,.contact{grid-template-columns:1fr}
  .gallery{grid-template-columns:1fr;gap:75px}
  .work-image{min-height:430px}
  .section-head{flex-direction:column;align-items:start}
  .work-title{display:block}
  .art-stage{grid-template-columns:1fr}
  .main-art,.original-box{min-height:auto}
  .main-art img,.original-box img{height:auto;max-height:620px}
  .detail-grid{grid-template-columns:1fr 1fr}
  .facts{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  .steps{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .hero-media{inset:-3vh -46vw}.hero-media img{object-position:60% 50%}
  .hero-content{padding:0 5vw 12vh}
  h1{font-size:clamp(3.6rem,15vw,5.2rem)}
  .gallery{gap:60px}.work-image{min-height:320px}
  .detail-grid,.facts,.steps{grid-template-columns:1fr}
  .closeups{grid-template-columns:1fr 1fr}
  footer{flex-direction:column;align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){
  .work-edited{animation:none;opacity:1}
  .hero-media,.hero-media img{transform:none!important}
  .scroll-cue span{animation:none}
}


/* =========================================================
   v10 — Pure white gallery background / no visible boxes
   ========================================================= */
:root{
  --paper:#ffffff;
}
html,
body,
.works,
.work-detail,
.gallery,
.work-card,
.work-image,
.art-stage,
.main-art,
.original-box{
  background:#ffffff!important;
}
.work-image,
.main-art,
.original-box{
  box-shadow:none!important;
  border:0!important;
}
.work-image img,
.main-art img,
.original-box img{
  background:#ffffff!important;
  box-shadow:none!important;
}
.gallery .work-image{
  overflow:visible;
}
.gallery .work-image img{
  filter:drop-shadow(0 18px 20px rgba(0,0,0,.14));
}
.main-art img,
.original-box img{
  filter:drop-shadow(0 20px 24px rgba(0,0,0,.13));
}

/* Groot now has exactly two supplied detail images */
#groot-im-blumenstrauss .closeups{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
#groot-im-blumenstrauss .closeups .detail-shot{
  grid-column:auto;
  aspect-ratio:1/1;
}


/* =========================================================
   JAMAS V4 — Clean Gallery
   ========================================================= */

:root{
  --paper:#ffffff;
  --ink:#111111;
  --muted:#6f6f6f;
  --line:rgba(17,17,17,.14);
}

html,
body,
main,
section,
.works,
.work-detail,
.gallery,
.work-card,
.work-image,
.art-stage,
.main-art,
.original-box,
.closeups,
.detail-shot{
  background:#ffffff!important;
}

body{
  color:var(--ink);
}

/* No cards, boxes, frames, borders or shadows around artwork containers */
.work-image,
.main-art,
.original-box,
.detail-shot{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
}

.work-image img,
.main-art img,
.original-box img,
.detail-shot img{
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  filter:none!important;
}

/* Clean comparison layout */
.art-stage{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:6vw;
  align-items:start;
}

.main-art,
.original-box{
  position:relative;
  min-height:0!important;
  padding:42px 0 0!important;
  display:grid;
  place-items:center;
}

.main-art img,
.original-box img{
  width:100%;
  height:560px;
  max-height:none!important;
  object-fit:contain;
}

.art-label,
.original-label{
  position:absolute!important;
  top:0!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  right:auto!important;
  bottom:auto!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  color:var(--ink)!important;
  font-size:.82rem!important;
  font-weight:600!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  border:0!important;
  box-shadow:none!important;
}

.original-box p{
  margin:16px 0 0!important;
  color:var(--muted)!important;
  text-align:center!important;
  max-width:520px;
}

/* Gallery: no visual card surfaces */
.gallery{
  gap:96px 6vw;
}

.work-image{
  min-height:500px!important;
  overflow:visible!important;
}

.work-image img{
  width:100%!important;
  height:100%!important;
  inset:0!important;
  object-fit:contain!important;
}

.work-meta{
  margin-top:22px!important;
}

/* Close-ups: clean image only */
.closeups{
  gap:18px!important;
}

.detail-shot{
  overflow:hidden;
}

.detail-shot span{
  left:0!important;
  bottom:0!important;
  padding:7px 9px!important;
  background:rgba(0,0,0,.68)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:none!important;
}

.detail-shot:hover img{
  transform:scale(1.025);
}

/* Reduce decorative rules */
.work-detail{
  border-top:0!important;
}

.detail-grid{
  border-top:1px solid var(--line)!important;
}

.facts div{
  border-bottom:1px solid var(--line)!important;
}

/* White navigation once solid */
header.header-solid{
  background:rgba(255,255,255,.96)!important;
  color:var(--ink)!important;
}

/* Keep sections clean except intentional dark/accent sections */
.manifesto{
  background:var(--ink)!important;
}
.process{
  background:#f5f5f5!important;
}
.buy{
  background:var(--accent)!important;
}
.contact{
  background:#1f1f1f!important;
}

@media(max-width:900px){
  .art-stage{
    grid-template-columns:1fr;
    gap:72px;
  }

  .main-art img,
  .original-box img{
    height:auto;
    max-height:620px!important;
  }

  .main-art,
  .original-box{
    padding-top:38px!important;
  }
}

@media(max-width:560px){
  .gallery{
    gap:72px;
  }

  .work-image{
    min-height:320px!important;
  }
}

/* Final transparent artwork correction */
:root { --paper:#ffffff; }

html, body, main, section, .works, .work-detail, .gallery, .work-card,
.work-image, .art-stage, .main-art, .original-box, .closeups, .detail-shot {
  background:#ffffff !important;
}

.work-image, .main-art, .original-box, .detail-shot,
.work-image img, .main-art img, .original-box img, .detail-shot img {
  background:transparent !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  filter:none !important;
}

.work-image, .main-art, .original-box {
  overflow:visible !important;
}

.art-label, .original-label, .original-box > span {
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}


/* Legal pages and privacy note */
.form-privacy{font-size:.78rem;line-height:1.5;color:rgba(255,255,255,.68);margin:4px 0 20px}.form-privacy a{text-decoration:underline;text-underline-offset:3px}.legal-page{background:#fff}.legal-header{position:fixed}.legal-main{padding:150px 6vw 80px;min-height:75vh}.legal-copy{max-width:900px;margin:0 auto}.legal-copy h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(3.4rem,7vw,7rem);margin:12px 0 80px}.legal-copy section{padding:0;margin:0 0 48px}.legal-copy h2{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:1rem;line-height:1.3;letter-spacing:.02em;margin:0 0 14px}.legal-copy p{max-width:760px;color:#4b4a47}.legal-copy a{text-decoration:underline;text-underline-offset:3px}.legal-date{margin-top:70px;font-size:.82rem;color:var(--muted)!important}.legal-page footer{margin-top:40px}@media(max-width:700px){.legal-main{padding:120px 6vw 60px}.legal-copy h1{margin-bottom:55px}.legal-header nav{display:none}}


/* Documentation notice below original / edited comparisons */
.work-rights-note{
  max-width:1180px;
  margin:28px auto 76px;
  padding:0 2vw;
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  font-size:.72rem;
  line-height:1.5;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#77736d;
  text-align:center;
}
.work-rights-note a{
  margin-left:10px;
  color:inherit;
  text-decoration:underline;
  text-underline-offset:4px;
}
@media(max-width:700px){
  .work-rights-note{
    margin:22px auto 58px;
    padding:0 6vw;
    gap:5px;
  }
  .work-rights-note a{
    width:100%;
    margin:5px 0 0;
  }
}