/* A stable containing block, without JS-pinned placeholders or changing heights. */
[data-signal-edition] .signal-hero-track{position:relative;padding-bottom:0;background:var(--paper);isolation:isolate}
[data-signal-edition] .signal-hero-track::after{content:"";display:block;height:60svh}
[data-signal-edition] .signal-hero-track .signal-hero{position:sticky;top:0;isolation:isolate}
[data-signal-edition] [data-signal-entry]{position:relative;z-index:3;margin-top:-60svh!important;background:color-mix(in srgb,var(--paper) 96%,var(--ink));isolation:isolate}
[data-signal-edition] .signal-depth-sky{position:absolute;inset:-15% -10%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 15% 70%,color-mix(in srgb,var(--signal-a) 16%,transparent),transparent 52%),radial-gradient(ellipse at 88% 30%,color-mix(in srgb,var(--signal-b) 13%,transparent),transparent 45%);transform-origin:50% 70%}
[data-signal-edition] .signal-hero-track .signal-hero .signal-visual{transform-origin:50% 70%;z-index:0}
[data-signal-edition] .signal-depth-foreground{position:absolute;bottom:-8%;height:26%;left:-15%;right:-15%;z-index:1;pointer-events:none;border-radius:50% 50% 0 0;background:linear-gradient(transparent,var(--paper) 77%);transform-origin:50% 100%}
[data-signal-edition=tidal] .signal-hero .signal-visual,[data-signal-edition=prism] .signal-hero .signal-visual{height:clamp(330px,46svh,500px)}
[data-signal-edition=pearl] .signal-hero .signal-visual{border-radius:180px 180px 18px 18px}
@media(max-width:699px){
 [data-signal-edition] .signal-hero-track::after{height:35svh}
 [data-signal-edition] [data-signal-entry]{margin-top:-35svh!important}
 [data-signal-edition] .signal-hero-track[data-phone-motion=off]::after{height:0}
 [data-signal-edition] .signal-hero-track[data-phone-motion=off] .signal-hero{position:relative}
 [data-signal-edition] [data-signal-entry][data-phone-motion=off]{margin-top:0!important;clip-path:none!important}
 [data-signal-edition=tidal] .signal-hero .signal-visual,[data-signal-edition=prism] .signal-hero .signal-visual{height:310px}
 [data-signal-edition=pearl] .signal-hero .signal-visual{border-radius:100px 100px 10px 10px}
}
@media(prefers-reduced-motion:reduce){
 [data-signal-edition] .signal-hero-track::after{height:0}
 [data-signal-edition] .signal-hero-track .signal-hero{position:relative}
 [data-signal-edition] [data-signal-entry]{margin-top:0!important;clip-path:none!important}
}
/* Continuous scene. The oversized artwork lives behind the first section and
   reaches the exact page colour before that section's content begins. */
[data-signal-edition][data-signal-transition=continuous] .signal-continuous-track{isolation:auto;background:transparent;position:relative;z-index:1}
[data-signal-edition][data-signal-transition=continuous] .signal-continuous-track::after{display:none}
[data-signal-edition][data-signal-transition=continuous] .signal-hero-track .signal-hero{position:relative;overflow:visible;isolation:auto;min-height:100svh;padding-bottom:120px;background:transparent;align-content:center}
[data-signal-edition][data-signal-transition=continuous] .signal-scene{position:absolute;left:0;top:0;width:100%;height:120%;pointer-events:none;overflow:hidden;z-index:-1;isolation:isolate}
[data-signal-edition][data-signal-transition=continuous] .signal-depth-sky{z-index:0;inset:-20% -10%;background:radial-gradient(ellipse 90% 55% at 45% 48%,color-mix(in srgb,var(--signal-a) 18%,transparent),transparent 85%),var(--paper)}
[data-signal-edition][data-signal-transition=continuous] .signal-hero .signal-visual{position:absolute;inset:0 -12%;margin:0;width:124%;height:100%;border:0;border-radius:0;z-index:1;mask-image:linear-gradient(transparent,#000 18%,#000 65%,transparent 100%);opacity:.82}
[data-signal-edition][data-signal-transition=continuous] .signal-headline,[data-signal-edition][data-signal-transition=continuous] .signal-intro{z-index:2}
[data-signal-edition][data-signal-transition=continuous] .signal-scene-middle{position:absolute;z-index:2;inset:45% -20% -40%;border-radius:50% 50% 0 0;transform:rotate(-9deg);background:linear-gradient(166deg,color-mix(in srgb,var(--signal-a) 18%,var(--paper)),var(--paper) 38%);box-shadow:0 -1px 0 color-mix(in srgb,var(--signal-a) 28%,transparent),0 -28px 100px color-mix(in srgb,var(--signal-a) 12%,transparent)}
[data-signal-edition][data-signal-transition=continuous] .signal-depth-foreground{z-index:3;inset:65% -25% -60%;height:auto;transform:rotate(8deg);border-radius:50% 50% 0 0;background:linear-gradient(170deg,color-mix(in srgb,var(--signal-b) 9%,var(--paper)),var(--paper) 30%);box-shadow:0 -1px 0 color-mix(in srgb,var(--signal-b) 22%,transparent)}
[data-signal-edition][data-signal-transition=continuous] .signal-scene-fade{position:absolute;inset:80% 0 -2px;z-index:5;background:linear-gradient(transparent 0%,color-mix(in srgb,var(--paper) 8%,transparent) 15%,color-mix(in srgb,var(--paper) 28%,transparent) 35%,color-mix(in srgb,var(--paper) 58%,transparent) 55%,color-mix(in srgb,var(--paper) 84%,transparent) 75%,var(--paper) 98%)}
[data-signal-edition][data-signal-transition=continuous] [data-signal-entry]{margin-top:0!important;clip-path:none!important;isolation:auto;position:relative;z-index:2;background:transparent;padding-top:clamp(150px,23svh,260px)}
[data-signal-edition][data-signal-transition=continuous] :is(.service-additions,.service-training,.service-enquiry,.signal-footer){background:transparent;border:0;border-radius:0;margin:0;--enquiry-paper:var(--paper);--enquiry-ink:var(--ink);--enquiry-accent:var(--accent)}
[data-signal-edition][data-signal-transition=continuous] .service-enquiry:before{display:none}
[data-signal-edition][data-signal-transition=continuous][data-signal-scene=open] :is(.signal-scene-middle,.signal-depth-foreground){opacity:0}
[data-signal-edition][data-signal-transition=continuous][data-signal-scene=veil] .signal-scene-middle{inset:38% -35% -55%;transform:rotate(-16deg);border-radius:60% 45% 0 0;filter:blur(24px);opacity:.65}
[data-signal-edition][data-signal-transition=continuous][data-signal-scene=veil] .signal-depth-foreground{inset:68% -15% -35%;filter:blur(20px);transform:rotate(0deg)}
[data-signal-edition][data-signal-transition=continuous][data-signal-layout=split] .signal-hero{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;align-content:center;align-items:start}
[data-signal-edition][data-signal-transition=continuous][data-signal-layout=split] .signal-hero .signal-visual{inset:-10% -20% 0 24%;width:100%;height:120%;mask-image:linear-gradient(90deg,transparent,#000 45%);opacity:.65}
@media(max-width:699px){
 [data-signal-edition][data-signal-transition=continuous] .signal-hero-track .signal-hero{padding-top:140px;padding-bottom:90px;min-height:max(680px,100svh);align-content:start}
 [data-signal-edition][data-signal-transition=continuous] .signal-scene-middle{top:56%}
 [data-signal-edition][data-signal-transition=continuous] .signal-depth-foreground{top:73%}
 [data-signal-edition][data-signal-transition=continuous][data-signal-layout=split] .signal-hero{display:grid;grid-template-columns:1fr;gap:28px}
 [data-signal-edition][data-signal-transition=continuous][data-signal-layout=split] .signal-hero .signal-visual{inset:10% -20%;width:140%;height:100%;opacity:.55}
}
/* Layers share a stacking context with the headline, allowing the nearer
   horizon to pass in front of the type as the visitor leaves the scene. */
[data-signal-edition][data-signal-transition=continuous] .signal-hero-track .signal-hero{isolation:isolate}
[data-signal-edition][data-signal-transition=continuous] .signal-scene{z-index:auto;isolation:auto}
[data-signal-edition][data-signal-transition=continuous] .signal-scene-middle{z-index:3;top:56%}
[data-signal-edition][data-signal-transition=continuous] .signal-intro{z-index:4}
[data-signal-edition][data-signal-transition=continuous] .signal-depth-foreground{z-index:5;top:74%}
[data-signal-edition][data-signal-transition=continuous] .signal-scene-fade{z-index:6}