.colon{max-width:none;padding:0;contain:none}.colon-wrap{height:520vh}.colon-stage{position:sticky;top:0;height:100vh;overflow:hidden;background:radial-gradient(120% 90% at 20% 12%,oklch(var(--ink-raw)/.045),transparent 45%),radial-gradient(110% 90% at 82% 88%,oklch(var(--gold-raw)/.06),transparent 50%),linear-gradient(#010510,#050e1d 70%)}.colon-plate{position:absolute;inset:0;overflow:hidden;z-index:0;will-change:opacity,transform}.colon-plate img{position:absolute;left:50%;top:50%;min-width:100%;min-height:100%;width:auto;height:auto;object-fit:cover;transform:translate(-50%,-58%)}@media (min-width:861px){.colon-plate img{transform:translate(-50%,-58%) scaleX(-1)}}.colon-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:1}.colon-stage:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;background:radial-gradient(78% 62% at 50% 46%,transparent 42%,oklch(.09 .02 258/.72) 100%)}.colon-copy{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);z-index:3;width:min(92vw,860px);text-align:center;pointer-events:none;padding:56px 30px;opacity:0;transition:opacity var(--dur-arrive) var(--ease)}.colon-copy:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(58% 68% at 50% 50%,oklch(.115 .03 258/.78),transparent 78%)}.colon-copy .sub{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);opacity:.86;margin-bottom:22px}.colon-copy .line{font-family:var(--serif);font-weight:400;letter-spacing:-.02em;font-size:clamp(1.8rem,4.2vw,3.5rem);color:var(--ink);line-height:1.06;text-wrap:balance;opacity:0;transition:opacity var(--dur-arrive) var(--ease)}.colon-copy .line.on{opacity:1}.lt-em{font-style:normal;color:var(--gold)}.colon-hud{position:absolute;left:var(--edge);right:var(--edge);bottom:20px;z-index:3;opacity:0;transition:opacity var(--dur-arrive) var(--ease);display:flex;justify-content:space-between;gap:20px;pointer-events:none;font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-40)}html:not(.js) .colon-hud,html.no-webgl .colon-hud{display:none}html:not(.js) .colon-wrap{height:auto}html:not(.js) .colon-stage{position:static;height:auto;min-height:78vh;display:flex;align-items:center;padding:calc(var(--edge)*2) var(--edge)}html:not(.js) .colon-plate{position:absolute;opacity:1}html:not(.js) .colon-copy{position:static;transform:none;margin:0 auto;opacity:1}html:not(.js) .colon-copy .line{opacity:1}html:not(.js) .colon-stage canvas{display:none}html.no-webgl .colon-wrap{height:auto}html.no-webgl .colon-stage{position:static;height:auto;min-height:88vh}html.no-webgl .colon-plate{opacity:1!important;transform:none!important}html.no-webgl .colon-copy,html.no-webgl .colon-copy .line{opacity:1}@media (prefers-reduced-motion:reduce){.colon-wrap{height:auto}.colon-stage{position:static;height:auto;min-height:88vh}.colon-plate{opacity:0}.colon-copy,.colon-copy .line{opacity:1}}