/* The supplied perspective drawing replaces the former floor plan. */
.manifesto-stage .interior-sketch{position:absolute;z-index:1;right:0;bottom:0;width:min(64vw,94svh);height:auto;aspect-ratio:1;opacity:0;transform:none;transition:opacity .35s;pointer-events:none;contain:layout paint;background:transparent;mix-blend-mode:normal;--sketch-edge-fade:linear-gradient(90deg,transparent 0%,#0004 5%,#000 16%,#000 85%,#0004 95%,transparent 100%),linear-gradient(180deg,transparent 0%,#0004 4%,#000 12%,#000 77%,#0004 94%,transparent 100%);-webkit-mask-image:var(--sketch-edge-fade);mask-image:var(--sketch-edge-fade);-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.manifesto-stage .interior-sketch.is-drawing.is-ready{opacity:1;transform:none;transition-delay:0s}
.interior-sketch svg,.interior-sketch>img{display:block;width:100%;height:100%;overflow:visible}
.interior-sketch image,.interior-sketch>img{filter:brightness(.7)}
.interior-sketch .interior-pencil{fill:none;stroke:#39362f;stroke-width:1.08;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:.88}
.interior-sketch .interior-pencil.structure{stroke-width:1.4;opacity:.94}
.interior-sketch.is-drawing.is-ready .interior-pencil{animation:interior-pencil-draw var(--stroke-duration) linear var(--stroke-delay) both}
.interior-sketch .interior-wash{transform-origin:740px 400px;transform:scale(0)}
.interior-sketch.is-drawing.is-ready .interior-wash{animation:interior-color-wash 3s 3.5s cubic-bezier(.42,0,.58,1) both}
@keyframes interior-pencil-draw{to{stroke-dashoffset:0}}
@keyframes interior-color-wash{from{transform:scale(0)}to{transform:scale(1)}}
.manifesto-stage .manifesto-message[data-message="first"]{left:2.5%;right:2.5%;top:50%;width:auto;text-align:center;font-size:clamp(36px,4.55vw,90px);line-height:.98;z-index:3}
.manifesto-message[data-message="first"] .statement-line{max-width:none;margin:0}
.manifesto-message[data-message="first"] .statement-line+.statement-line{margin:0;font-size:1em;line-height:inherit;max-width:none}
@media(min-width:701px) and (max-aspect-ratio:4/3){
 .manifesto-stage .interior-sketch{width:min(92vw,78svh)}
}
@media(max-width:700px){
 .manifesto-stage .interior-sketch{width:min(100vw,72svh);right:0;bottom:0}
 .manifesto-stage .manifesto-message[data-message="first"]{left:var(--pad);right:var(--pad);top:44%;width:auto;font-size:clamp(31px,6.8vw,48px);line-height:1.02}
}
@media(max-height:540px) and (min-width:701px){
 .manifesto-stage .interior-sketch{width:96svh;bottom:0}
}
@media(prefers-reduced-motion:reduce){
 .manifesto-stage .manifesto-message[data-message="first"]{position:relative;left:auto;right:auto;top:auto;width:100%;transform:none}
 .manifesto-stage .interior-sketch{display:block;position:relative;right:auto;bottom:auto;margin:0 0 0 auto;width:min(100%,780px);opacity:1;transition:none}
 .interior-sketch .interior-pencil{display:none}
 .interior-sketch .interior-wash{transform:scale(1);animation:none!important}
}

/* Broad feathered sweeps, without thousands of simultaneous SVG animations. */
@property --pencil-progress{syntax:'<percentage>';inherits:false;initial-value:-25%}
@property --color-progress{syntax:'<percentage>';inherits:false;initial-value:-25%}
.manifesto-stage .interior-sketch>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:brightness(.75) saturate(.5);pointer-events:none}
.interior-pencil-layer{--pencil-progress:-25%;mask-image:linear-gradient(315deg,#000 calc(var(--pencil-progress) - 18%),transparent calc(var(--pencil-progress) + 18%));-webkit-mask-image:linear-gradient(315deg,#000 calc(var(--pencil-progress) - 18%),transparent calc(var(--pencil-progress) + 18%))}
.interior-color-layer{--color-progress:-25%;mask-image:linear-gradient(225deg,#000 calc(var(--color-progress) - 20%),transparent calc(var(--color-progress) + 20%));-webkit-mask-image:linear-gradient(225deg,#000 calc(var(--color-progress) - 20%),transparent calc(var(--color-progress) + 20%))}
.interior-sketch.has-started.is-ready .interior-pencil-layer{animation:pencil-reveal 2.5s 1s linear both,pencil-dissolve 4.5s 3.5s linear both}
.interior-sketch.has-started.is-ready .interior-color-layer{animation:color-reveal 4.5s 3.5s linear both}
@keyframes pencil-reveal{from{--pencil-progress:-25%}to{--pencil-progress:125%}}
@keyframes color-reveal{from{--color-progress:-25%}to{--color-progress:125%}}
@keyframes pencil-dissolve{from{opacity:1}to{opacity:0}}
@media(prefers-reduced-motion:reduce){.interior-sketch .interior-pencil-layer{display:none}.interior-sketch .interior-color-layer{animation:none!important;mask-image:none;-webkit-mask-image:none}}