/* The original construction drawing and final crest share one quiet stage. */
.identity-opening{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8%}
.crest-sequence{min-width:0;width:100%;max-width:440px;margin-inline:auto;align-self:center}
.crest-stage{position:relative;width:100%;aspect-ratio:1;isolation:isolate}
.crest-layers{position:absolute;inset:0}
.crest-layers img{position:absolute;display:block;height:auto;background:transparent;object-fit:contain;transition:opacity 1.8s ease-in-out;pointer-events:none}
.crest-layers .crest-construction{inset:0;width:100%;height:100%;opacity:0}
.crest-layers :is(.crest-outline,.crest-finished){width:67%;left:16.5%;top:16.63%}
.crest-layers .crest-outline{filter:grayscale(1);opacity:0}
.crest-layers .crest-finished{opacity:1}
[data-crest-stage="0"] .crest-construction{opacity:.9}
[data-crest-stage="0"] :is(.crest-outline,.crest-finished){opacity:0}
[data-crest-stage="1"] .crest-construction{opacity:.48}
[data-crest-stage="1"] .crest-outline{opacity:.8}
[data-crest-stage="1"] .crest-finished{opacity:0}
.crest-sequence.crest-instant img{transition:none}
.crest-controls{margin:4px auto 0;max-width:340px;text-align:center}
.crest-controls[hidden]{display:none}
.crest-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.crest-stages button,.crest-play{font:inherit;font-size:11px;letter-spacing:.05em;color:var(--muted);background:transparent;border:0;cursor:pointer;min-height:44px}
.crest-stages button{padding:12px 0;border-top:1px solid var(--line);white-space:nowrap;transition:color .4s,border-color .4s}
.crest-stages button[aria-pressed="true"]{color:var(--ink);border-color:var(--red)}
.crest-play{margin-top:12px;padding:6px 12px}
.crest-play span{font-family:serif;font-size:16px;vertical-align:-1px;margin-right:4px}
.crest-controls button:focus-visible{outline:1px solid var(--red);outline-offset:4px}
.identity-opening .crest-source-note{font-size:11px;line-height:2.2;color:var(--muted);margin-top:26px}
.crest-static-note{text-align:center;font-size:11px}
@media(max-width:700px){
 .crest-sequence{max-width:350px;margin:0 auto 40px}
 .crest-controls{max-width:300px;margin-top:0}
 .crest-stages{gap:10px}
 .crest-stages button{font-size:10px}
 .crest-play{font-size:10px;margin-top:5px}
}
@media(prefers-reduced-motion:reduce){.crest-layers img{transition:none}}
@media print{.crest-controls{display:none}.crest-layers :is(.crest-outline,.crest-construction){opacity:0!important}.crest-layers .crest-finished{opacity:1!important}}