/* Two pale, rounded planes frame the introduction and give the carousel a left edge. */
body:has(.studio-intro){--showcase-unit:clamp(.41px,.066667vw,1px)}
body:has(.studio-intro)::before,body:has(.studio-intro)::after{
  content:"";position:absolute;z-index:-1;pointer-events:none;opacity:1;
  transform:rotate(45deg);border-radius:calc(46 * var(--showcase-unit));
}
body:has(.studio-intro)::before{width:calc(1240 * var(--showcase-unit));height:calc(1240 * var(--showcase-unit));left:calc(-872.3 * var(--showcase-unit));top:calc(-68.5 * var(--showcase-unit));background:#f3f4f2}
body:has(.studio-intro)::after{width:calc(640 * var(--showcase-unit));height:calc(640 * var(--showcase-unit));left:calc(-565 * var(--showcase-unit));top:calc(111 * var(--showcase-unit));background:#eeefed}
@media(min-width:901px){
 body:has(.studio-intro) .mast nav{width:425px;gap:0;padding:3.5px 18px 0;justify-content:space-between;font-size:17.6px;line-height:1.6}
 body:has(.studio-intro) .mast nav a{padding:8px 0 10px;border-width:0}
}
.studio-intro+.gallery .tools button{font-size:0;display:grid;place-items:center}
.studio-intro+.gallery .tools button::before{
  content:"";width:18px;height:16px;background:currentColor;
  clip-path:polygon(0 43%,74% 43%,46% 12%,55% 2%,100% 50%,55% 98%,46% 88%,74% 57%,0 57%);
}
.studio-intro+.gallery #previous::before{transform:rotate(180deg)}
@media(max-width:650px){
 body:has(.studio-intro) .mast .menu{width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;background-color:transparent;color:var(--studio-ink);font-size:0}
 body:has(.studio-intro) .mast .menu span{display:block;width:36px;height:28px;margin-left:auto;font-size:0;
  background:linear-gradient(currentColor,currentColor) right top/36px 2.5px,linear-gradient(currentColor,currentColor) right 50%/24px 2.5px,linear-gradient(currentColor,currentColor) right bottom/30px 2.5px;background-repeat:no-repeat}
}