:root{--paper:#ecebe5;--ink:#11100f;--red:#e43d2f;--blue:#0b4fa4;--line:rgba(17,16,15,.28);font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{background:var(--paper)}body{min-width:320px;margin:0;overflow-x:hidden;background:var(--paper);color:var(--ink)}a{color:inherit}.site-header{position:absolute;z-index:10;top:0;left:50%;display:flex;justify-content:space-between;align-items:center;width:min(calc(100% - 48px),1500px);min-height:72px;transform:translateX(-50%);border-bottom:1px solid rgba(255,255,255,.48);color:#fff;font-size:10px;text-transform:uppercase}.site-header a{font-weight:700;text-decoration:none}.site-header p{margin:0;color:#f9de72}.hero{position:relative;min-height:100vh;overflow:hidden;background:#151515;color:#fff}.hero-media{position:absolute;inset:0}.hero-media::after{position:absolute;inset:0;content:"";background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.62)),linear-gradient(90deg,rgba(0,0,0,.28),transparent 60%)}.hero-image{position:absolute;display:block;object-fit:contain;box-shadow:0 30px 70px rgba(0,0,0,.35)}.hero-image--future{inset:0;width:100%;height:100%;box-shadow:none}.hero-image--past{z-index:1;top:16%;left:4%;width:26%;height:36%;transform:rotate(-5deg)}.hero-image--time{z-index:1;right:4%;bottom:7%;width:23%;height:31%;transform:rotate(4deg)}.hero-copy{position:absolute;z-index:3;right:max(24px,calc((100vw - 1500px)/2));bottom:7vh;left:max(24px,calc((100vw - 1500px)/2))}.hero-index{margin:0 0 24px;color:#f9de72;font:700 10px/1.4 ui-monospace,monospace;text-transform:uppercase}.hero h1{max-width:1100px;margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(6rem,13vw,13.5rem);font-weight:400;line-height:.72;letter-spacing:0;text-shadow:0 3px 30px #000}.hero-statement{max-width:620px;margin:42px 0 0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.45rem,2.2vw,2.7rem);line-height:1.12;text-shadow:0 2px 18px #000}.statement{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);gap:clamp(70px,11vw,180px);width:min(calc(100% - 48px),1400px);margin:0 auto;padding:clamp(110px,14vw,210px) 0}.statement-large{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(3rem,6vw,7rem);line-height:.95}.statement>div{align-self:end;max-width:540px;font-size:15px;line-height:1.75}.statement>div p:last-child{margin-bottom:0}.viewer{display:grid;grid-template-columns:minmax(380px,.78fr) minmax(0,1.22fr);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);background:#d7d6d0}.viewer-panel{display:flex;min-width:0;min-height:780px;flex-direction:column;justify-content:center;padding:clamp(50px,7vw,110px);border-right:1px solid var(--ink)}.viewer-label,.token-id{color:var(--red);font:700 9px/1.4 ui-monospace,monospace;text-transform:uppercase}.viewer-label{margin-bottom:70px}.viewer-panel h2{margin:0 0 32px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(3.2rem,5.5vw,6.4rem);font-weight:400;line-height:.86}.token-description{max-width:560px;margin:0;font-size:15px;line-height:1.65}.viewer-controls{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;gap:8px;margin-top:58px}button,select{height:42px;border:1px solid var(--ink);border-radius:0;background:transparent;color:var(--ink);font:inherit}button{cursor:pointer;font-size:18px}select{min-width:0;padding:0 12px;font-size:12px}.token-links{display:flex;flex-wrap:wrap;gap:24px;margin-top:44px;font-size:10px;font-weight:700;text-transform:uppercase}.token-links a{padding-bottom:4px;border-bottom:1px solid currentColor;text-decoration:none}.viewer-stage{position:relative;display:grid;min-width:0;min-height:780px;place-items:center;padding:clamp(20px,4vw,60px);background:#0b0b0c}.viewer-stage img{display:block;width:100%;height:100%;max-height:820px;object-fit:contain}#media-status{position:absolute;right:18px;bottom:15px;color:#aaa;font-size:9px;text-transform:uppercase}.filmstrip{grid-column:1/-1;display:flex;min-width:0;overflow-x:auto;border-top:1px solid var(--ink)}.filmstrip button{flex:1 0 88px;height:100px;padding:0;border-width:0 1px 0 0;opacity:.45;overflow:hidden}.filmstrip button.is-active{opacity:1;box-shadow:inset 0 -5px 0 var(--red)}.filmstrip img{display:block;width:100%;height:100%;object-fit:contain}.media-ledger{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--ink)}.media-ledger>div,.ledger-title{min-height:300px;margin:0;padding:36px;border-right:1px solid var(--ink)}.media-ledger>div:last-child{border-right:0}.ledger-title{grid-column:1/-1;min-height:auto;border-bottom:1px solid var(--ink);font:700 10px/1.4 ui-monospace,monospace;text-transform:uppercase}.media-ledger span{color:var(--blue);font:700 10px/1 ui-monospace,monospace}.media-ledger h3{margin:90px 0 20px;font-family:Georgia,"Times New Roman",serif;font-size:2rem;font-weight:400}.media-ledger p{margin:0;font-size:13px;line-height:1.6}footer{display:flex;justify-content:space-between;width:min(calc(100% - 48px),1500px);margin:0 auto;padding:34px 0 44px;font-size:9px;text-transform:uppercase}footer p{margin:0}@media(max-width:900px){.statement,.viewer{grid-template-columns:minmax(0,1fr)}.viewer-panel{min-height:auto;border-right:0;border-bottom:1px solid var(--ink)}.viewer-stage{min-height:90vw}.media-ledger{grid-template-columns:repeat(2,minmax(0,1fr))}.media-ledger>div:nth-of-type(2){border-right:0}}@media(max-width:600px){.site-header{width:calc(100% - 24px);min-height:62px}.site-header p{max-width:58vw;text-align:right}.hero{min-height:92vh}.hero-copy{right:12px;bottom:6vh;left:12px}.hero h1{max-width:100%;font-size:clamp(4.1rem,18vw,5rem)}.hero-statement{max-width:340px;margin-top:28px;font-size:1.45rem}.hero-image--past{top:14%;left:3%;width:40%;height:27%}.hero-image--time{right:2%;bottom:7%;width:34%;height:22%}.statement{width:calc(100% - 24px);gap:55px;padding:90px 0}.statement-large{font-size:3.15rem}.viewer-panel{padding:56px 20px}.viewer-label{margin-bottom:44px}.viewer-panel h2{font-size:3.4rem}.viewer-stage{min-height:125vw;padding:12px}.filmstrip button{flex-basis:70px;height:72px}.media-ledger{grid-template-columns:1fr}.media-ledger>div{min-height:230px;border-right:0;border-bottom:1px solid var(--ink)}.media-ledger h3{margin-top:62px}footer{width:calc(100% - 24px);flex-direction:column;gap:8px}}