/* One anomaly within an otherwise measured, legible interface. */
.hero-image.hero-video{position:relative}
.hero-shadow-anomaly{position:absolute;z-index:1;left:68%;bottom:18%;width:24%;display:flex;align-items:center;gap:9%;transform:skewX(-21deg) rotate(-5deg);filter:blur(2px);opacity:.18;mix-blend-mode:multiply;pointer-events:none}
.hero-shadow-anomaly img{display:block;width:27%;height:auto;aspect-ratio:1;object-fit:contain;filter:brightness(0)}
.hero-shadow-anomaly img:nth-child(2){transform:translateY(3px) scaleY(.78)}
.hero-shadow-anomaly img:nth-child(3){transform:translateY(6px) scaleY(.68)}
@media(max-width:700px){.hero-shadow-anomaly{bottom:20%;opacity:.15}}

/* The structure chart counts public symbol positions, never formula percentages. */
.structure-scan{border-bottom:1px solid var(--ink);padding:1.2rem 0 1.5rem;margin-bottom:1.2rem;font:700 .78rem/1.4 'Courier New',monospace;letter-spacing:.035em}
.structure-scan>p{margin:0 0 1rem;color:var(--ink)}
.structure-scan-row{display:grid;grid-template-columns:6.5rem minmax(100px,260px) 4.2rem;gap:.75rem;align-items:center;margin:.38rem 0;color:var(--ink)}
.structure-scan-row>span:last-child{font-variant-numeric:tabular-nums;text-align:right;color:var(--system-blue)}
.structure-scan-scale{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;height:10px}
.structure-scan-scale i{display:block;border:1px solid var(--system-blue);background:transparent}
.structure-scan-scale i.is-present{background:var(--system-blue)}
.structure-scan small{display:block;margin-top:.9rem;font:.68rem/1.45 'Courier New',monospace;color:var(--muted)}

/* The Finder records each choice before displaying the unchanged recommendation. */
.calibration-readout{grid-column:2;display:grid;grid-template-columns:minmax(140px,1fr) 3fr;gap:1rem;padding:1rem 0;border-top:1px solid var(--system-blue);color:var(--system-blue);font:700 .76rem/1.5 'Courier New',monospace;letter-spacing:.025em}
.calibration-readout output{white-space:normal;font-variant-numeric:tabular-nums}
.finder .result{position:relative}
.finder .result.is-phase-shifting #result-symbols svg:nth-child(2){animation:calibration-anomaly .28s steps(1,end)}
@keyframes calibration-anomaly{0%,100%{transform:translate(0,0)}28%{transform:translate(5px,-3px)}53%{transform:translate(-2px,2px)}74%{transform:translate(3px,0)}}
@media(max-width:900px){.calibration-readout{grid-column:1}}
@media(max-width:650px){.calibration-readout{grid-template-columns:1fr;gap:.25rem}.structure-scan-row{grid-template-columns:5rem minmax(80px,1fr) 4rem;gap:.45rem}}
@media(prefers-reduced-motion:reduce){.finder .result.is-phase-shifting #result-symbols svg:nth-child(2){animation:none}}

/* Homepage hero: one oxide word, with the existing motion study at 70% scale. */
.hero h1 .scent-float{color:var(--ink)}
.hero h1 .shift{color:var(--oxide)}
.hero-image.hero-video{transform:scale(.7);transform-origin:center center}

/* Homepage editorial details. */
.closing .inline-wordmark{display:block;margin-bottom:clamp(1rem,2.2vw,2.5rem)}
.positioning-support .text-link,.positioning-support h2 span:nth-child(3){color:var(--oxide)}
.campaign-diagram li a:is(:hover,:focus-visible,:active),.campaign-diagram li a[aria-current="page"]{background:var(--system-blue);color:var(--white)}
.campaign-diagram li a:is(:hover,:focus-visible,:active) :is(.campaign-marks,.campaign-presence),.campaign-diagram li a[aria-current="page"] :is(.campaign-marks,.campaign-presence){color:var(--white)}
