/* Printed paper and a cool blue ground give the scroll performance its own material. */
.studio-sculpture{--sculpture-blue:#c4d8e2;position:relative;background:var(--sculpture-blue);color:var(--studio-ink);isolation:isolate;scroll-margin-top:0}
.sculpture-sticky{position:relative;height:850px;min-height:680px;overflow:clip;isolation:isolate;perspective:1400px}
.sculpture-topline{position:absolute;inset:28px var(--gutter) auto;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:5;font-size:13px;line-height:1.4}
.sculpture-topline p{margin:0}
.sculpture-topline a{display:flex;align-items:center;gap:14px;min-height:44px}
.sculpture-topline a:hover{text-decoration:underline;text-underline-offset:5px}
.sculpture-topline .ui-arrow{width:22px;height:22px}
.sculpture-intro{position:absolute;inset:14% var(--gutter) auto;z-index:1;pointer-events:none;font-size:clamp(100px,17.3vw,320px);font-weight:650;font-variation-settings:'wdth' 82,'wght' 650;line-height:.8;letter-spacing:-.04em;transform-style:preserve-3d}
.sculpture-intro>span{display:block;transform-origin:50% 100%;white-space:nowrap}
.sculpture-intro>span:last-child{text-align:right;margin-top:.065em}
.sculpture-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:2;opacity:0;pointer-events:none}
.sculpture-ready .sculpture-canvas{opacity:1}
.sculpture-fallback{position:absolute;inset:29% 0 23%;z-index:2;pointer-events:none;overflow:clip}
.sculpture-paper{position:absolute;left:-12%;width:124%;height:95px;display:flex;align-items:center;justify-content:space-around;gap:40px;overflow:hidden;white-space:nowrap;background:var(--studio-paper);font-size:clamp(35px,6vw,92px);font-weight:650;font-variation-settings:'wdth' 82,'wght' 650;letter-spacing:-.04em;line-height:1;border-bottom:5px solid var(--studio-orange)}
.sculpture-paper-one{top:30%;transform:rotate(-22deg)}
.sculpture-paper-two{top:63%;transform:rotate(12deg);background:var(--studio-orange);border-color:var(--studio-ink);font-size:clamp(26px,4.8vw,76px)}
.sculpture-paper-three{top:59%;transform:rotate(-12deg)}
.sculpture-ready .sculpture-fallback{visibility:hidden}
.sculpture-outro{position:absolute;inset:auto var(--gutter) 38px;z-index:3;pointer-events:none}
.sculpture-outro p{font-size:clamp(34px,4.5vw,76px);font-weight:600;font-variation-settings:'wdth' 86,'wght' 600;line-height:.96;letter-spacing:-.035em;margin:0}
.sculpture-outro p>span{display:block}
.sculpture-phone-break{display:none}
.studio-sculpture:not(.sculpture-enhanced) .sculpture-intro{display:flex;justify-content:space-between;top:12%;font-size:11.3vw}
.studio-sculpture:not(.sculpture-enhanced) .sculpture-intro>span:last-child{margin-top:0}
.sculpture-outro-note{display:block;font-size:14px;line-height:1.5;margin-top:22px}
.sculpture-curtain,.sculpture-scroll-note{display:none}
.studio-sculpture.sculpture-enhanced{height:310svh}
.sculpture-enhanced .sculpture-sticky{position:sticky;top:0;height:100svh;min-height:0}
.sculpture-enhanced .sculpture-intro{top:17%;opacity:var(--sculpture-intro-opacity,1)}
.sculpture-enhanced .sculpture-intro>span:first-child{transform:translate3d(var(--sculpture-intro-x,0px),var(--sculpture-intro-y,0px),0) rotateX(var(--sculpture-title-turn,0deg))}
.sculpture-enhanced .sculpture-intro>span:last-child{transform:translate3d(calc(var(--sculpture-intro-x,0px) * -1),calc(var(--sculpture-intro-y,0px) * -.3),0) rotateX(calc(var(--sculpture-title-turn,0deg) * -1))}
.sculpture-enhanced .sculpture-curtain{display:block;position:absolute;inset:-25%;z-index:0;background:var(--studio-ink);transform:translate3d(0,var(--sculpture-curtain-y,115%),0) rotate(var(--sculpture-curtain-turn,-12deg));transform-origin:100% 100%;pointer-events:none}
.sculpture-enhanced .sculpture-outro{bottom:18%;color:var(--studio-paper);opacity:var(--sculpture-outro-opacity,0);transform:translate3d(0,var(--sculpture-outro-y,70px),0)}
.sculpture-enhanced .sculpture-outro p{font-size:clamp(62px,9.6vw,178px);line-height:.94}
.sculpture-enhanced .sculpture-outro p>span:last-child{color:var(--studio-orange)}
.sculpture-enhanced .sculpture-outro-note{margin-top:30px;font-size:16px}
.sculpture-enhanced .sculpture-scroll-note{display:flex;position:absolute;inset:auto var(--gutter) 30px;z-index:4;align-items:center;justify-content:space-between;gap:35px;font-size:12px;line-height:1.5}
.sculpture-progress-track{display:block;width:140px;height:2px;background:currentColor;position:relative;opacity:.8}
.sculpture-progress-track i{display:block;width:100%;height:6px;background:currentColor;position:absolute;top:-2px;transform-origin:0 50%;transform:scaleX(var(--sculpture-progress,0))}
.sculpture-scroll-note>span:first-child{padding:5px 7px;margin-left:-7px;background:var(--sculpture-blue)}
.sculpture-dark .sculpture-topline,.sculpture-bottom-dark .sculpture-scroll-note{color:var(--studio-paper)}
.sculpture-bottom-dark .sculpture-scroll-note>span:first-child{background:var(--studio-ink)}
@media(min-width:1800px){.sculpture-intro{inset-inline:max(var(--gutter),calc((100% - 1900px) / 2))}}
@media(max-width:767px){
  .sculpture-sticky{height:740px;min-height:0;perspective:900px}
  .sculpture-topline{inset:17px var(--gutter) auto;font-size:11px;gap:15px}
  .sculpture-topline a{gap:9px}
  .sculpture-topline .ui-arrow{width:19px;height:19px}
  .sculpture-intro{top:12%;font-size:17.5vw;line-height:.88}
  .studio-sculpture:not(.sculpture-enhanced) .sculpture-intro{display:block;font-size:17.5vw}
  .studio-sculpture:not(.sculpture-enhanced) .sculpture-intro>span:last-child{margin-top:.08em}
  .sculpture-intro>span:last-child{margin-top:.08em}
  .sculpture-fallback{inset:34% 0 23%}
  .sculpture-paper{height:68px;gap:24px;font-size:44px;width:155%;left:-27.5%;border-width:3px}
  .sculpture-paper span{display:none}
  .sculpture-paper-one{top:10%;transform:rotate(-16deg)}
  .sculpture-paper-two{top:43%;font-size:29px;transform:rotate(18deg)}
  .sculpture-paper-three{top:66%;transform:rotate(-10deg)}
  .sculpture-outro{bottom:28px}
  .sculpture-outro p{font-size:8.2vw;line-height:1}
  .sculpture-outro-note{font-size:12px;margin-top:16px}
  .studio-sculpture.sculpture-enhanced{height:285svh}
  .sculpture-enhanced .sculpture-intro{top:22%}
  .sculpture-enhanced .sculpture-outro{top:27%;bottom:auto}
  .sculpture-enhanced .sculpture-outro p{font-size:17vw;line-height:.95}
  .sculpture-enhanced .sculpture-phone-break{display:block}
  .sculpture-enhanced .sculpture-outro p>span+span{margin-top:.15em}
  .sculpture-enhanced .sculpture-outro-note{margin-top:25px;font-size:14px}
  .sculpture-enhanced .sculpture-scroll-note{bottom:24px;font-size:11px;gap:20px}
  .sculpture-progress-track{width:65px}
}
@media(max-width:359px){.sculpture-sticky{height:650px}.sculpture-topline{font-size:10px}}
@media(prefers-reduced-motion:reduce){
  .sculpture-intro,.sculpture-outro,.sculpture-intro>span{opacity:1!important;transform:none!important}
  .sculpture-curtain,.sculpture-scroll-note{display:none!important}
}