.services__sheet{position:absolute;inset:0;z-index:1;background:var(--background,#85862c)}
.canvas-section{position:absolute;inset:0;overflow:hidden;container-type:size;background:#e5ded1}
/* Rotate only the texture layer: the source asset remains unchanged. */
.canvas-section::before{content:"";position:absolute;left:50%;top:50%;width:100cqh;height:100cqw;transform:translate(-50%,-50%) rotate(90deg);background:url('/assets/canvas-linen.jpg') center / cover no-repeat}
.services-turn{position:absolute;inset:0;z-index:2;pointer-events:none;perspective:1800px;perspective-origin:50% 30%;isolation:isolate}
.services-turn[hidden]{display:none}
.services-turn__strip{position:absolute;left:0;width:100%;transform-origin:50% 0;transform-style:preserve-3d;will-change:transform}
.services-turn__face{position:absolute;inset:0;overflow:hidden;backface-visibility:hidden;background:#85862c}
.services-turn__face--back{transform:rotateX(180deg);background:#85862c}
.services-turn .services__sheet{inset:auto;left:0;visibility:visible;pointer-events:none}
.services-turn .services__sheet *{pointer-events:none!important;will-change:auto!important}
.has-peel-palette .site-header{background:color-mix(in srgb,var(--background),#fffbf2 var(--canvas-mix,0%))}
@media(prefers-reduced-motion:reduce){
  .services__inner{height:auto;overflow:visible}
  .services__sheet{position:relative;height:calc(100svh - var(--services-header))}
  .canvas-section{position:relative;height:calc(100svh - var(--services-header))}
  .services__inner{display:flex;flex-direction:column}
  .services__sheet{order:0;flex-shrink:0}
  .canvas-section{order:1;flex-shrink:0}
  .services-turn{display:none}
}