:root{--red:#d71920;--ink:#151515;--paper:#f4f1eb;--white:#fff;--line:#d6d0c7;--muted:#6f6a63}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 Arial,Helvetica,sans-serif}a{color:inherit}button,input,textarea,select{font:inherit}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;font-weight:900;text-decoration:none;font-size:1.25rem}.pixel-mark{position:relative;display:block;width:30px;height:30px;background:var(--red)}.pixel-mark i{position:absolute;background:var(--ink);width:6px;height:6px;right:-8px}.pixel-mark i:nth-child(2){top:9px;width:4px;height:4px}.pixel-mark i:nth-child(3){right:2px;top:-6px;width:4px;height:4px}.pixel-mark i:nth-child(4){top:19px;width:3px;height:3px}.topbar nav{display:flex;gap:24px}.topbar nav a,.text-link{text-decoration:none;font-weight:800;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.hero{min-height:650px;padding:8vw 6vw 7vw;display:grid;grid-template-columns:1.5fr .55fr;gap:8vw;align-items:center;background:#fff;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-75px;bottom:-75px;width:230px;height:230px;background:var(--red);box-shadow:-250px 85px 0 -90px var(--red),-100px -205px 0 -95px var(--ink)}h1,h2{font-size:clamp(3rem,7vw,7.3rem);line-height:.9;letter-spacing:-.075em;margin:.16em 0 .3em}h2{font-size:clamp(2.7rem,5vw,5.5rem)}h3{font-size:clamp(2.6rem,5vw,5rem);line-height:.88;margin:.25em 0}h1 em,h2 em{color:var(--red);font-style:normal}.hero-copy,.wall-stats{position:relative;z-index:1}.hero-subtitle{font-size:clamp(1.1rem,2vw,1.4rem);font-weight:600}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-weight:900;font-size:.7rem!important}.hero-actions{display:flex;align-items:center;gap:22px;margin:34px 0}.price-note{display:flex;flex-direction:column;border-left:3px solid var(--red);padding-left:13px}.aside-copy{font-family:Georgia,serif;font-style:italic;color:var(--muted)}.button{display:inline-block;border:0;background:var(--red);color:#fff;padding:15px 20px;font-weight:900;text-decoration:none;cursor:pointer;transition:.18s}.button:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink)}.button.secondary{background:var(--ink)}.wall-stats{background:var(--ink);color:#fff;padding:30px;border-top:8px solid var(--red)}.wall-stats strong{font-size:4rem;display:block}.progress{height:6px;background:#555;margin:22px 0}.progress i{display:block;height:100%;background:var(--red)}.wall-section,.buy-section,.certificate-section{padding:7vw 6vw}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:35px}.wall-intro{max-width:360px;border-left:4px solid var(--red);padding-left:18px}.wall-frame{max-width:min(100%,calc(100vh - 110px));margin:auto;background:#fff;padding:10px;box-shadow:0 22px 55px #0002}.wall-toolbar{min-height:38px;padding:7px 4px;display:flex;justify-content:space-between;font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.drawing-toolbar{display:flex;align-items:center;gap:15px;padding:8px 4px 12px;border-bottom:1px solid var(--line);font-size:.68rem;font-weight:900;text-transform:uppercase}.mode-buttons{display:flex}.mode-buttons button{padding:8px 11px;border:1px solid var(--ink);border-right:0;background:#fff;font-weight:900;cursor:pointer}.mode-buttons button:last-child{border-right:1px solid}.mode-buttons button.active{background:var(--red);color:#fff}.drawing-toolbar label{display:flex;gap:7px;align-items:center}.drawing-toolbar select{padding:6px;background:#fff}.drawing-toolbar>span{margin-left:auto;color:var(--muted);text-transform:none}.wall-shell{aspect-ratio:1;width:100%;overflow:hidden;position:relative;cursor:crosshair;background:#eee}#wallCanvas{position:absolute;transform-origin:0 0;background:#fff;image-rendering:pixelated;transition:transform .26s cubic-bezier(.2,.7,.2,1)}.wall-shell.is-dragging #wallCanvas{transition:none}.zoom-controls{position:absolute;right:12px;bottom:12px;display:flex;z-index:6;box-shadow:0 5px 18px #0003}.zoom-controls button{border:0;border-right:1px solid var(--line);padding:9px 12px;background:#fff;font-weight:bold;cursor:pointer}.zoom-controls button.active{background:var(--ink);color:#fff}.wall-tooltip,.block-card{position:absolute;z-index:8;padding:10px;background:#fff;border:1px solid var(--ink);font-size:.72rem;box-shadow:3px 3px 0 var(--red)}.block-card{background:var(--ink);color:#fff;max-width:280px}.minimap{position:absolute;left:12px;bottom:12px;width:120px;padding:5px;background:#fff;box-shadow:0 5px 18px #0003;z-index:6}.minimap canvas{display:block;width:110px;height:110px;border:1px solid}.minimap span{font-size:.48rem;font-weight:900}.purchase-card{position:absolute;right:12px;bottom:62px;z-index:9;width:min(350px,calc(100% - 24px));padding:18px;background:#fff;border-top:7px solid var(--red);box-shadow:8px 8px 0 var(--ink);cursor:default}.purchase-card[hidden]{display:none}.purchase-card .eyebrow{margin:0 0 8px}.purchase-card-total strong{font-size:1.25rem;line-height:1.15;display:block}.purchase-pixel-count{display:block;color:var(--red);font-size:.7rem;font-weight:900;text-transform:uppercase;margin:5px 0}.purchase-coordinates{margin:7px 0 12px;color:var(--muted);font-size:.75rem}.purchase-color{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;font-size:.65rem;font-weight:900;text-transform:uppercase}.purchase-color input{width:48px;height:30px;padding:0}.purchase-card .button{width:100%;padding:12px;font-size:.78rem}.purchase-clear{display:block;margin:10px auto 5px;border:0;background:transparent;text-decoration:underline;cursor:pointer}.purchase-card small{display:block;text-align:center;color:var(--muted);font-family:Georgia,serif;font-style:italic}.certificate-section{display:grid;grid-template-columns:.9fr 1fr;gap:9vw;align-items:center;background:var(--ink);color:#fff}.certificate-preview{aspect-ratio:1.414;background:#faf8f2;color:var(--ink);padding:7%;box-shadow:14px 14px 0 var(--red)}.certificate-lines{display:grid;grid-template-columns:1fr 2fr;font-size:.65rem}.certificate-copy p{color:#ccc}.buy-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;background:#fff}.buy-section form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.buy-section label{font-size:.7rem;text-transform:uppercase;font-weight:900}.buy-section input,.buy-section textarea{width:100%;display:block;margin-top:6px;padding:13px;border:1px solid var(--line)}.buy-section textarea{height:90px}.buy-section label:nth-of-type(4),.buy-section label:nth-of-type(5),.form-actions,#basket,.checkout,.error,.form-divider,.checkout-ledger,.full-field{grid-column:1/-1}.form-divider{display:flex;justify-content:space-between;border-top:2px solid;padding-top:18px;font-weight:900;text-transform:uppercase}.checkout-ledger,.selection-summary{padding:15px;background:var(--paper);border-left:5px solid var(--red)}.form-actions{display:flex;gap:18px;align-items:center}.text-button,.purchase-clear{border:0;background:transparent;text-decoration:underline}#basket>div{display:flex;justify-content:space-between;padding:8px;border-bottom:1px solid var(--line)}.error{color:var(--red);font-weight:bold}.success-page{min-height:calc(100vh - 72px);display:grid;place-items:center;padding:7vw}.success-card{width:min(100%,1050px);padding:7vw;background:#fff;border-top:12px solid var(--red);box-shadow:18px 18px 0 var(--ink)}footer{padding:30px 5vw;background:var(--red);color:#fff;display:flex;justify-content:space-between}@media(max-width:900px){.topbar nav{display:none}.hero,.buy-section,.certificate-section{grid-template-columns:1fr}.section-head{display:block}.drawing-toolbar{align-items:flex-start;flex-wrap:wrap}.drawing-toolbar>span{width:100%;margin-left:0}.mode-buttons{width:100%}.mode-buttons button{flex:1}.buy-section form{grid-template-columns:1fr}}@media(max-width:560px){.wall-section,.buy-section,.certificate-section{padding:12vw 4vw}.minimap{display:none}.purchase-card{right:6px;bottom:48px;width:calc(100% - 12px);padding:12px}.purchase-card-total strong{font-size:1rem}.drawing-toolbar{font-size:.58rem}.mode-buttons button{padding:7px 2px}.form-divider{display:block}footer{display:block}}
