:root{--ch-void:#0a0905;--ch-paper:#f2ede4;--ch-linen:#e8ddd0;--ch-amber:#c8a97e;--ch-umber:#4a3f35;--ch-mist:#f2ede40f;--ch-ease-out:cubic-bezier(.16, 1, .3, 1);--ch-ease-hop:cubic-bezier(.9, 0, .1, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}.ch-stage{background:var(--ch-void);color:var(--ch-paper);min-height:480svh;position:relative;overflow-x:hidden}.ch-ambient{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.ch-ambient-orb{filter:blur(120px);will-change:transform;border-radius:50%;animation:28s ease-in-out infinite alternate orbDrift;position:absolute}.ch-orb-1{background:radial-gradient(circle,#c8a97e1f 0%,#0000 70%);width:600px;height:600px;animation-delay:0s;top:10vh;left:-10vw}.ch-orb-2{background:radial-gradient(circle,#4a3f3533 0%,#0000 70%);width:500px;height:500px;animation-delay:-9s;top:50vh;right:-5vw}.ch-orb-3{background:radial-gradient(circle,#c8a97e12 0%,#0000 70%);width:700px;height:700px;animation-delay:-18s;bottom:20vh;left:20vw}@keyframes orbDrift{0%{transform:translate(0)scale(1)}to{transform:translate(40px,60px)scale(1.1)}}.ch-grain{pointer-events:none;z-index:1;opacity:.035;mix-blend-mode:overlay;will-change:transform;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");width:200%;height:200%;animation:.4s step-end infinite grainShift;position:fixed;inset:-50%}@keyframes grainShift{0%{transform:translate(0)}25%{transform:translate(-3%,-4%)}50%{transform:translate(4%,2%)}75%{transform:translate(-2%,5%)}to{transform:translate(3%,-3%)}}.ch-scene{z-index:5;pointer-events:none;position:relative}.ch-piece{pointer-events:auto;position:absolute}.ch-frame{transform:rotateZ(var(--rotate,0deg));transform-style:preserve-3d;perspective:800px;will-change:transform;backface-visibility:hidden;cursor:crosshair;position:relative}.ch-frame-border{pointer-events:none;z-index:2;opacity:.3;border:1px solid #c8a97e4d;transition:opacity .4s,border-color .4s;position:absolute;inset:-12px}.ch-frame:hover .ch-frame-border{border-color:#c8a97ea6}.ch-frame-border:after{content:"";border:1px solid #c8a97e26;position:absolute;inset:5px}.ch-mitre{pointer-events:none;width:16px;height:16px;position:absolute}.ch-mitre:before,.ch-mitre:after{content:"";background:var(--ch-amber);opacity:.7;position:absolute}.ch-mitre:before{width:100%;height:1px;top:0;left:0}.ch-mitre:after{width:1px;height:100%;top:0;left:0}.ch-mitre-tl{top:-1px;left:-1px}.ch-mitre-tr{top:-1px;right:-1px;transform:scaleX(-1)}.ch-mitre-bl{bottom:-1px;left:-1px;transform:scaleY(-1)}.ch-mitre-br{bottom:-1px;right:-1px;transform:scale(-1)}.ch-img-wrap{will-change:transform;filter:blur(var(--blur,0px));position:relative;overflow:hidden;transform:translateZ(0)}.ch-img-inner{will-change:transform;transform-origin:50%;transform:scale(1.06)}.ch-img{-o-object-fit:cover;object-fit:cover;pointer-events:none;filter:contrast(1.04)saturate(.9);mix-blend-mode:normal;width:100%;height:auto;transition:filter .6s;display:block}.ch-frame:hover .ch-img{filter:contrast(1.08)saturate(1.05)}.ch-depth-1 .ch-img-wrap{filter:blur(.8px)}.ch-depth-2 .ch-img-wrap{filter:blur(.4px)}.ch-depth-3 .ch-img-wrap,.ch-depth-4 .ch-img-wrap,.ch-depth-5 .ch-img-wrap{filter:blur()}.ch-depth-1 .ch-frame{filter:drop-shadow(0 4px 12px #0003)}.ch-depth-2 .ch-frame{filter:drop-shadow(0 6px 20px #00000047)}.ch-depth-3 .ch-frame{filter:drop-shadow(0 10px 32px #00000059)}.ch-depth-4 .ch-frame{filter:drop-shadow(0 16px 48px #0000006b)}.ch-depth-5 .ch-frame{filter:drop-shadow(0 24px 64px #0000008c)}@media (max-width:768px){.ch-nav{padding:1.25rem 1.5rem}.ch-nav-links{display:none}.ch-header{padding:0 1.5rem 5rem}.ch-piece{width:85vw!important;left:5vw!important}.ch-piece:nth-child(2n){left:10vw!important}.ch-footer{padding:6rem 1.5rem}}@media (prefers-reduced-motion:reduce){.ch-grain,.ch-ambient-orb{animation:none}.ch-scroll-line{opacity:.5;animation:none}.ch-frame{transform:rotate(0)!important}.ch-img-inner{transform:none!important}}
.checkers{isolation:isolate;background:#0a0905;width:100vw;position:relative;overflow:hidden}.checkers:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 20% 15%,#c8a97e1f,#0000 35%),radial-gradient(circle at 80% 40%,#4a3f3547,#0000 45%),radial-gradient(circle at 35% 90%,#c8a97e14,#0000 40%);position:absolute;inset:0}.checkers:after{content:"";pointer-events:none;z-index:0;filter:blur(120px);background:radial-gradient(circle,#c8a97e14 0%,#0000 65%);animation:18s ease-in-out infinite alternate ambientFloat;position:absolute;inset:-30%}@keyframes ambientFloat{0%{transform:translate(-6%)scale(1)}to{transform:translate(6%,8%)scale(1.2)}}.checkers-grain{pointer-events:none;opacity:.035;mix-blend-mode:overlay;z-index:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");width:200%;height:200%;animation:.4s step-end infinite grain;position:absolute;inset:-50%}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-2%,-3%)}50%{transform:translate(3%,1%)}75%{transform:translate(-1%,4%)}to{transform:translate(2%,-2%)}}.checkers .checkers-header-content{text-align:center;z-index:5;flex-direction:column;justify-content:space-between;align-items:center;width:65%;height:100%;margin:0 auto;padding-top:2rem;display:flex;position:relative}.checkers .checkers-header{text-align:center;color:#fff;width:60%;margin:0 auto 2rem}.checkers-header{margin-top:2rem;font-family:Manrope}.checkers-header-copy .lg{text-align:center;letter-spacing:.08em;text-transform:uppercase;color:#c31b07;margin-bottom:2rem;font-family:inter;font-size:.85rem}.checkers .checkers-header-content .checkers-header-copy{width:80%}@media (max-width:1000px){.checkers .checkers-header,.checkers .checkers-header-content,.checkers .checkers-header-content .checkers-header-copy{width:100%}.checkers-header h1{padding-top:2rem}.checkers .checkers-header-content{gap:2rem;padding:0 1.5rem}}.row{width:100vw;display:flex}.col{aspect-ratio:1;flex:1}.img{will-change:transform;width:100%;height:100%;position:relative}.img[data-origin=left]{transform-origin:0 0}.img[data-origin=right]{transform-origin:100% 0}
