:root{--paper:#e9e9e5;--ink:#171816;--panel:#9b9f9b;--grid:#f3f4ef6e;--line:#f6f5ef}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);letter-spacing:-.01em;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:12px}a{color:inherit;text-decoration:none}main{min-height:100vh;padding:24px 28px 20px}.site-header,.page-footer{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.site-header{z-index:1;position:relative}.site-header p,.page-footer p{margin:0}.wordmark{letter-spacing:-.03em;text-transform:uppercase;font-weight:700}.gallery{grid-template-columns:minmax(240px,.76fr) minmax(320px,1fr);align-items:center;gap:clamp(36px,7vw,112px);width:min(1120px,88vw);min-height:calc(100vh - 112px);margin:0 auto;padding:clamp(70px,10vh,120px) 0;display:grid}.artwork{min-width:0}.artwork--portrait{justify-self:end;width:min(100%,390px)}.canvas{background:radial-gradient(circle at 74% 18%, #ffffff1c, transparent 28%), linear-gradient(145deg, #a9aca8, var(--panel) 48%, #8f9390);border:1px solid #17181647;position:relative;overflow:hidden;box-shadow:0 18px 45px #1f211f14}.canvas:after{content:"";pointer-events:none;border:9px solid #ecebe2c7;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #17181633}.artwork--portrait .canvas{aspect-ratio:4/5}.artwork--square .canvas{aspect-ratio:1}.canvas svg{width:82%;height:82%;margin:9%;display:block}.artwork--portrait .canvas svg{width:90%;height:72%;margin:18% 5% 10%}.circle-field circle{fill:none;stroke:var(--grid);stroke-width:1.35px}.active-path{fill:none;stroke:var(--line);stroke-linecap:butt;stroke-linejoin:round;stroke-width:3.6px}.active-cap{fill:var(--line)}.artwork footer{color:#171816b8;justify-content:space-between;gap:16px;padding-top:10px;display:flex}.artwork footer span:first-child{color:var(--ink);font-weight:700}.page-footer{text-transform:uppercase;border-top:1px solid #17181633;padding-top:11px}.page-footer a{text-transform:none}@media (max-width:760px){main{padding:18px 16px 16px}.site-header p{text-align:right;max-width:150px}.gallery{grid-template-columns:1fr;gap:64px;width:min(100%,520px);padding:76px 0 88px}.artwork--portrait{justify-self:start;width:82%}.artwork--square{justify-self:end;width:94%}}@media (prefers-reduced-motion:no-preference){.active-path{stroke-dasharray:1400;stroke-dashoffset:1400px;animation:1.5s cubic-bezier(.65,0,.35,1) both draw}.artwork--square .active-path{animation-delay:.16s}@keyframes draw{to{stroke-dashoffset:0}}}