.about-page .origin{min-height:100vh;min-height:100svh}
.about-page .spectrum-story{position:relative;isolation:isolate;min-height:100vh;min-height:100svh;overflow:hidden;background:#07080c url("assets/spectral-problem-395-400nm.png") center/cover no-repeat}
.about-page .spectrum-story::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,6,9,.97) 0%,rgba(5,6,9,.9) 38%,rgba(5,6,9,.64) 61%,rgba(5,6,9,.38) 100%),linear-gradient(0deg,rgba(5,6,9,.82) 0%,transparent 40%,rgba(5,6,9,.2) 100%)}
.about-page .spectrum-copy{padding:32px;background:rgba(5,6,9,.56);border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(9px)}
.about-page .spectrum-scale-v2{padding:30px;background:rgba(5,6,9,.7);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(11px)}
@media(max-width:900px){.about-page .origin,.about-page .spectrum-story{min-height:100vh;min-height:100svh}.about-page .spectrum-story{background-position:68% center}.about-page .spectrum-story::before{background:rgba(5,6,9,.76)}}
@media(max-width:520px){.about-page .spectrum-copy,.about-page .spectrum-scale-v2{padding:22px}.about-page .spectrum-story{background-position:72% center}}

@media(min-width:1101px){.about-page .spectrum-story{box-sizing:border-box;height:100vh;min-height:100vh;max-height:100vh;height:100svh;min-height:100svh;max-height:100svh;grid-template-columns:minmax(520px,1.12fr) minmax(520px,.88fr);gap:clamp(36px,4vw,76px);padding:clamp(70px,9svh,105px) max(24px,calc((100vw - 1450px)/2));align-content:center}.about-page .spectrum-copy{width:100%;max-width:690px;padding:clamp(28px,2vw,38px)}.about-page .spectrum-copy h2{font-size:clamp(3.1rem,4.65vw,5rem)}.about-page .spectrum-copy>p{line-height:1.72}.about-page .spectrum-scale-v2{width:100%;max-width:670px;justify-self:end}}