/* Still ink artwork: no animation, tracking, or additional video decoding. */
#studio{position:relative;isolation:isolate;background:linear-gradient(165deg,#18131e 20%,#211a27 68%,#30232d 100%)}
#studio::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('/studio-assets/assets/gold-sumi-piano.webp') right bottom / min(100%,1400px) auto no-repeat;opacity:.38;mask-image:linear-gradient(to bottom,transparent,#000 28%,#000 78%,transparent)}
#studio .viewer{background:transparent}
#studio .quote-next{background:linear-gradient(115deg,#e4d2a8,#c5a56b);color:#251c2b;border:1px solid #e3c992;border-radius:7px;font-weight:600;letter-spacing:.035em;box-shadow:0 3px 12px #100b1426;transition:background .18s ease,box-shadow .18s ease}
#studio .quote-next:hover:not(:disabled){background:linear-gradient(115deg,#efdfbd,#d5b77c);color:#251c2b;box-shadow:0 4px 16px #100b1433}
#studio .quote-next:active:not(:disabled){background:#c5a56b;color:#251c2b;box-shadow:none}
#studio .quote-next:focus-visible{outline:2px solid #f6e6bd;outline-offset:4px}
#studio .quote-next:disabled{opacity:.55;cursor:wait}
.customer-reviews{position:relative;isolation:isolate;background:linear-gradient(180deg,#30232d 0%,#3a2a35 18%,#2b2534 53%,#191923 100%);border-top:0;padding-top:95px}
.customer-reviews::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('/studio-assets/assets/gold-sumi-journey.webp') center top / 100% 100% no-repeat;opacity:.68;mask-image:linear-gradient(to bottom,transparent,#000 5%,#000)}
.customer-reviews h2{color:#f2e4cd;font-family:Georgia,serif;font-weight:400;letter-spacing:-.035em;font-size:clamp(36px,4.5vw,60px)}
.customer-review{padding:clamp(20px,3vw,42px);border:1px solid #d5b77c29;border-radius:14px;background:linear-gradient(130deg,#221b2bd9,#302330d9);box-shadow:0 8px 30px #100b141a}
.customer-review+.customer-review{padding-top:clamp(20px,3vw,42px);margin-top:32px;border-top:1px solid #d5b77c29}
.customer-review:nth-child(even){background:linear-gradient(130deg,#302330d9,#242331e8)}
.review-stars{color:#dfbf7c;font-size:21px;letter-spacing:5px;line-height:1;margin-bottom:24px}
.customer-review blockquote{color:#f1eaf1}
.customer-review-author{color:#e5cda0}
.customer-review-author span{color:#ccc0d0}
.review-invitation{border-color:#d5b77c40}
@media(max-width:750px){.customer-reviews{padding-top:64px;padding-inline:5%}.customer-review{padding:20px;gap:24px}.customer-review+.customer-review{padding-top:20px;margin-top:24px}.customer-reviews::before{opacity:.52}.review-stars{font-size:19px;margin-bottom:18px}#studio::before{background-size:900px auto;opacity:.28}}
@media(prefers-reduced-motion:reduce){#studio .quote-next{transition:none}}

/* Keep the ink journey present through the last review and footer. */
.customer-reviews{background:linear-gradient(180deg,#211a27,#30222e 42%,#211a27)!important}
.customer-review{background:linear-gradient(130deg,#221b2bc9,#302330b8)}
.customer-review:nth-child(even){background:linear-gradient(130deg,#302330b8,#242331ce)}
footer{position:relative;isolation:isolate;background:#211a27!important;border-top:1px solid #d5b77c29}
footer::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('/studio-assets/assets/gold-sumi-journey.webp') center bottom / 100% auto no-repeat;opacity:.38}

#studio .quote-scroll-cue{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-shrink:0;margin:3px 0 0 auto;padding-top:4px;color:#cfbd9e;font-size:13px;font-weight:400;letter-spacing:.04em;line-height:1.5;opacity:.8;transition:opacity .35s ease;pointer-events:none}
#studio .quote-scroll-cue.is-dismissed{opacity:0}
@media(max-width:600px){#studio .section-top{flex-wrap:wrap}#studio .quote-scroll-cue{width:100%;justify-content:center;margin:5px 0 10px;font-size:12px}}
@media(prefers-reduced-motion:reduce){#studio .quote-scroll-cue{transition:none}}

@media (max-width: 850px), (hover: none) and (max-height: 500px) and (max-width: 950px) {
  #studio .quote-scroll-cue { display: none; }
}

@media (max-width: 750px) {
  /* Give the piano a lighter backdrop while retaining depth behind the form. */
  #studio {
    background: linear-gradient(155deg, #62496d, #523d60 54%, #47364f) !important;
  }

  #studio::before {
    opacity: .16;
  }

  #studio #quote-input {
    background-color: #665371;
    border-color: #b7a5c0;
  }

  #studio #quote-input::placeholder {
    color: #f2eaf5;
  }
}