/* Colbuy — an optical sculpture, controlled by the reader's point of view. */
.an-section{background:#0c1921;color:#edf1ec;padding-top:110px}.an-section>.cx-heading{padding-top:0;padding-bottom:0}.an-scroll{height:650svh;position:relative;--an-progress:0;--an-focus:0}.an-sticky{position:sticky;top:0;height:100svh;max-height:1200px;padding:40px 7vw 28px;display:flex;flex-direction:column;justify-content:center;overflow:clip;isolation:isolate}.an-meta{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:8px;letter-spacing:.14em;color:#8eaeb9;padding-bottom:20px;border-bottom:1px solid #b7d5dc20}.an-meta>span:last-child{color:#00efdf}.an-viewport{height:clamp(260px,48svh,560px);width:100%;position:relative;flex-shrink:0;background:radial-gradient(ellipse at 50% 55%,#00efdf09,transparent 65%)}#an-canvas{width:100%;height:100%;display:block;opacity:0;transition:opacity .7s}.an-scroll[data-ready=true] #an-canvas{opacity:1}.an-static{position:absolute;inset:0;display:grid;place-items:center;color:#00efdf;font-size:clamp(35px,8vw,110px);letter-spacing:-.06em;font-weight:700}.an-scroll[data-ready=true] .an-static{display:none}.an-focus{position:absolute;left:8%;right:8%;top:30%;bottom:29%;opacity:calc(.12 + var(--an-focus)*.45);pointer-events:none;transition:opacity .2s}.an-focus>i{position:absolute;width:14px;height:14px;border-color:#00efdf;border-style:solid}.an-focus>i:nth-child(1){top:0;left:0;border-width:1px 0 0 1px}.an-focus>i:nth-child(2){top:0;right:0;border-width:1px 1px 0 0}.an-focus>i:nth-child(3){bottom:0;left:0;border-width:0 0 1px 1px}.an-focus>i:nth-child(4){bottom:0;right:0;border-width:0 1px 1px 0}.an-instrument{position:absolute;bottom:27px;left:0;display:flex;gap:12px;align-items:center;color:#668d9d;font-size:6px;letter-spacing:.15em;pointer-events:none}.an-instrument>div{width:65px;height:3px;background:repeating-linear-gradient(90deg,#7ba6b35c 0 1px,transparent 1px 5px);position:relative}.an-instrument i{position:absolute;top:-3px;left:50%;height:9px;width:1px;background:#00efdf}.an-instrument b{font-size:8px;font-weight:400;color:#00efdf;min-width:28px;font-variant-numeric:tabular-nums}.an-optical{position:absolute;bottom:25px;right:0;font-size:7px;letter-spacing:.13em;color:#83aeb9;text-align:right;max-width:50%;line-height:1.6}.an-scroll[data-aligned=true] .an-optical{color:#00efdf}.an-caption{display:grid;grid-template-columns:1.05fr 1fr;gap:7vw;align-items:start;margin-top:12px;min-height:158px}.an-caption .cx-kicker{font-size:8px;color:#00efdf;letter-spacing:.14em;margin-bottom:16px}.an-caption h3{font-size:clamp(25px,2.8vw,40px);font-weight:400;letter-spacing:-.04em;line-height:1.12;margin:0;color:#ecf0e8}.an-caption p{color:#a5c0ca;font-size:14px;line-height:1.85;margin:27px 0 0;max-width:460px}.an-footer{display:flex;gap:30px;align-items:center;justify-content:space-between;margin-top:25px}.an-footer>span{font-size:6px;letter-spacing:.13em;color:#638c9c;line-height:1.7}.an-controls{display:flex;gap:23px;align-items:center}.an-controls button{display:flex;align-items:center;gap:10px;border:0;border-bottom:1px solid #88b3bf2b;color:#9bb8c2;background:transparent;font-family:inherit;font-size:10px;padding:10px 0;min-height:40px;cursor:pointer;white-space:nowrap}.an-controls button>span{color:#00efdf;font-size:6px}.an-controls button[aria-pressed=true]{border-color:#00efdf;color:#00efdf}.an-controls button:focus-visible{outline:1px solid #00efdf;outline-offset:5px}.an-progress{height:1px;background:#00efdf22;margin-top:22px;flex-shrink:0}.an-progress>i{display:block;height:100%;width:calc(var(--an-progress)*100%);background:#00efdf;box-shadow:0 0 10px #00efdf66}
@media(max-height:800px) and (min-width:751px){.an-sticky{padding-top:25px;padding-bottom:20px}.an-viewport{height:43svh}.an-caption{min-height:130px}.an-caption h3{font-size:30px}.an-caption p{font-size:12px}.an-footer{margin-top:12px}.an-meta{padding-bottom:12px}}
@media(max-width:750px){.an-section{padding-top:70px}.an-scroll{height:630svh}.an-sticky{padding:25px 6vw 22px}.an-meta{font-size:5px;letter-spacing:.1em;padding-bottom:17px}.an-viewport{height:37svh;min-height:225px;max-height:330px;margin-top:15px;margin-left:-4vw;width:calc(100% + 8vw)}.an-focus{left:8%;right:8%;top:32%;bottom:32%}.an-instrument{font-size:4px;gap:7px;bottom:12px;left:4vw}.an-instrument>div{width:40px}.an-instrument b{font-size:6px}.an-optical{font-size:5px;bottom:10px;right:4vw;max-width:49%}.an-caption{display:block;min-height:202px;margin-top:17px}.an-caption .cx-kicker{font-size:7px;margin-bottom:12px}.an-caption h3{font-size:28px;line-height:1.14}.an-caption p{font-size:12px;line-height:1.85;max-width:100%;margin-top:15px}.an-footer{display:block;margin-top:8px}.an-footer>span{display:none}.an-controls{display:grid;grid-template-columns:1fr 1fr;gap:3px 20px}.an-controls button{font-size:9px;min-height:35px;gap:10px}.an-controls button>span{font-size:6px}.an-progress{margin-top:18px}}
@media(max-width:750px) and (max-height:720px){.an-sticky{padding-top:18px;padding-bottom:16px}.an-meta{padding-bottom:12px}.an-viewport{height:32svh;min-height:190px;margin-top:8px}.an-caption{min-height:180px;margin-top:12px}.an-caption h3{font-size:25px}.an-caption p{font-size:11px;margin-top:12px}.an-caption .cx-kicker{margin-bottom:9px}.an-controls button{min-height:31px;font-size:8px}.an-footer{margin-top:5px}.an-progress{margin-top:13px}}
@media(prefers-reduced-motion:reduce){.an-scroll{height:auto}.an-sticky{position:relative;height:auto;min-height:0;padding-top:30px;padding-bottom:35px}.an-viewport{height:320px}.an-progress{display:none}#an-canvas{transition:none}}