canvas{width:100%;height:350px}.hero-meta{letter-spacing:.15em;text-transform:uppercase;font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:500}.bar{background:var(--text-dim);width:2px;height:10px;display:inline-block}.hero-title{letter-spacing:-3.36px;font-family:Epilogue,sans-serif;font-size:84px;font-weight:800;line-height:.93}.backdrop{border:1px solid var(--border);background:#111;width:390.67px;height:400px;position:absolute;top:calc(50% + 12px);left:calc(50% + 12px);transform:translate(-60%,-40%)}.file-viewer{border:.5px solid var(--text-accent);background:var(--bg);width:382px;max-width:469px;height:446px}.file-header{border-bottom:.5px solid var(--text-accent)}.file-header span{letter-spacing:.1em;text-transform:uppercase;color:#45474b;font-family:Space Grotesk,sans-serif;font-size:10px;font-weight:700}.divider{background:var(--text-accent);align-self:stretch;width:.5px;margin-top:-10px;margin-bottom:-10px}.img-wrapper:before{content:"";border-top:.5px solid #fff;border-left:.5px solid #fff;width:16px;height:16px;position:absolute;top:0;left:0}.img-wrapper:after{content:"";border-bottom:1px solid #fff;border-right:1px solid #fff;width:16px;height:16px;position:absolute;bottom:0;right:0}.stamp{border:1px solid var(--stamp);letter-spacing:.2em;text-transform:uppercase;color:var(--stamp);opacity:.7;padding:2px;font-family:Space Grotesk,sans-serif;font-size:8px;font-weight:700;top:92px;left:-140px;transform:rotate(20deg)}.btn-primary{clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);letter-spacing:.08em;text-transform:uppercase;color:var(--bg);background:var(--text);padding:14px 24px;font-family:Inter,sans-serif;font-size:11px;font-weight:500;text-decoration:none;transition:background .1s,color .1s}.btn-primary:hover{color:var(--text);background:0 0}.btn-secondary{letter-spacing:.08em;text-transform:uppercase;color:var(--text);border:1px solid var(--border);background:0 0;padding:14px 24px;font-family:Inter,sans-serif;font-size:11px;font-weight:500;text-decoration:none;transition:border-color .2s}.btn-secondary:hover{border-color:var(--text-muted)}.card{border:1px solid var(--border);background-color:var(--bg-surface);width:384px;height:300px}.card-label{letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);font-family:Space Grotesk,sans-serif;font-size:10px;font-weight:700}.card h3{color:var(--text);font-family:Epilogue,sans-serif;font-size:24px;font-weight:500}.card p{color:var(--text-muted);flex:1;font-family:Inter,sans-serif;font-size:16px;line-height:1}.card a{letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);font-family:Space Grotesk,sans-serif;font-size:10px;font-weight:700;text-decoration:none;transition:color .2s}.card a:hover{color:var(--text)}.image-card{min-height:280px}.image-card-text h3{color:var(--text);font-family:Epilogue,sans-serif;font-size:22px;font-weight:700}.image-card-text span{letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);font-family:Space Grotesk,sans-serif;font-size:9px;font-weight:700}@media (width<=1024px){.file-viewer{width:100%;max-width:100%;height:auto}.backdrop{display:none}section:first-of-type{grid-template-columns:1fr}.hero-title{font-size:64px}.hero-right{width:100%;min-height:500px}.file-viewer{width:382px;height:446px}.backdrop{width:390.67px;height:400px}}@media (width<=480px){.hero-title{letter-spacing:-1px;font-size:36px}.file-viewer{width:320px;height:380px}.backdrop{width:320px;height:340px}}