/* The approved painted stage owns the homepage hero; the shared site keeps its palette. */
.homepage{--workshop-paper:#eee5d6}
.homepage .site-header{background:#e8d6c4}
.workshop-hero{padding:0;background:var(--workshop-paper)}
.workshop-stage{position:relative;isolation:isolate;aspect-ratio:2/1;overflow:hidden}
.workshop-art{position:absolute;inset:0}
.workshop-art canvas,.workshop-art picture,.workshop-art img{display:block;width:100%;height:100%}
.workshop-art img{object-fit:cover}
.workshop-art canvas{position:absolute;inset:0}
.workshop-hero .hero-grid{position:absolute;inset:0;width:88%;max-width:none;display:block;padding-top:4.5%;pointer-events:none}
.workshop-hero .hero-copy{width:43%;padding:0;pointer-events:auto}
.workshop-hero .hero-copy h1{font-size:clamp(46px,4.4vw,88px);line-height:1.07;max-width:none}
.workshop-hero .hero-copy>p{width:78%;max-width:520px;margin-top:26px;font-size:clamp(16px,1.125vw,20px);line-height:1.65;color:#4d5149}
.workshop-hero .hero-actions{gap:18px;margin-top:26px;flex-wrap:wrap}
.workshop-hero .hero-actions .button{padding-inline:18px;gap:20px;font-size:14px}
.workshop-hero .hero-actions .text-link{font-size:14px;gap:12px}
.workshop-hero .hero-copy .demo-caption{font-size:14px;margin-top:20px}
.hero-motion-toggle{position:absolute;right:20px;bottom:18px;z-index:2;width:44px;height:44px;border:1px solid #7a8075;border-radius:50%;background:#ffffffcc;color:var(--ink);white-space:nowrap;padding:0;overflow:hidden}
.hero-motion-toggle>span{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.hero-motion-toggle::before{content:"";position:absolute;left:17px;top:15px;width:9px;height:12px;box-sizing:border-box;border-inline:3px solid currentColor}
.hero-motion-toggle[aria-pressed="true"]::before{left:18px;width:0;height:0;border:0;border-left:10px solid currentColor;border-block:6px solid transparent}
.hero-motion-toggle:hover{background:#ffffff66}
@media(max-width:1100px){
  .homepage .site-header{background:var(--workshop-paper)}
  .workshop-stage{aspect-ratio:auto;display:flex;flex-direction:column}
  .workshop-hero .hero-grid{position:relative;inset:auto;order:0;width:calc(100% - 64px);padding-top:42px}
  .workshop-hero .hero-copy{width:100%;max-width:680px}
  .workshop-hero .hero-copy h1{font-size:clamp(46px,6vw,64px)}
  .workshop-hero .hero-copy>p{width:auto;max-width:600px;font-size:18px;margin-top:24px}
  .workshop-hero .hero-copy .demo-caption{font-size:14px;margin-top:18px}
  .workshop-art{position:relative;inset:auto;order:1;width:100%;aspect-ratio:6/5;margin-top:16px}
  .workshop-art::after{content:"";position:absolute;inset:0 0 auto;height:32px;background:linear-gradient(var(--workshop-paper),transparent);pointer-events:none}
  .workshop-hero .hero-actions .text-link{min-height:44px}
}
@media(max-width:650px){
  .workshop-hero .hero-grid{width:calc(100% - 40px)}
  .workshop-hero .hero-grid{padding-top:32px}
  .workshop-hero .hero-copy h1{font-size:clamp(36px,10.5vw,52px)}
  .workshop-hero .hero-copy>p{font-size:16px;margin-top:22px}
  .workshop-hero .hero-actions{gap:12px 20px;margin-top:24px}
  .workshop-hero .hero-actions .button{min-height:48px}
  .workshop-hero .hero-copy .demo-caption{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.hero-motion-toggle{display:none}}