:root{color-scheme:dark;--ink:#eaeae7;--muted:#9a9a95;--ground:#131313;--line:#303030}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--ground);color:var(--ink);font:12px/1.65 Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{color:inherit;cursor:pointer;background:none;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible{outline:1px solid #deded8;outline-offset:5px}.site-header{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 37px;position:sticky;top:0;background:var(--ground);z-index:5}.wordmark{font-size:28px;font-weight:700;letter-spacing:-1.4px}.wordmark span{font-size:22px;color:var(--muted);font-weight:400;margin-right:9px}.site-header nav{display:flex;gap:30px;position:absolute;left:50%;transform:translateX(-50%);color:var(--muted)}.site-header .current{color:var(--ink)}#saved-toggle{font-size:12px}#saved-count{color:var(--muted);font-size:10px;margin-left:7px}#saved-toggle[aria-pressed=true]{text-decoration:underline}.sidebar{position:fixed;top:88px;bottom:44px;left:0;width:252px;padding:38px 23px 28px 37px;border-right:1px solid var(--line);overflow:auto;display:flex;flex-direction:column}.eyebrow{color:var(--muted);font-size:10px;letter-spacing:1px;margin:0 0 23px;font-weight:400}.categories{display:flex;flex-direction:column;gap:23px;margin:8px 0 48px}.categories button{position:relative;padding:0 8px 0 15px;text-align:left;color:#a8a8a3;line-height:1.6}.categories button.active{color:var(--ink)}.categories button.active:before{content:'•';position:absolute;left:0}.categories button span{display:block;font-size:13px}.categories small{float:right;font-size:10px;color:var(--muted)}.categories em{font-style:normal;display:block;font-size:10px;color:#898984;margin-top:3px}.search{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:8px 0 11px;color:var(--muted)}.search span{font-size:19px}.search input{min-width:0;width:100%;border:0;background:none;color:var(--ink)}.search input::placeholder{color:#92928d}.orientation{margin:30px 0 0;color:var(--muted);font-size:11px}.orientation summary{cursor:pointer;list-style:none}.orientation summary::-webkit-details-marker{display:none}.orientation summary span{float:right}.orientation div{display:flex;flex-direction:column;gap:8px;margin-top:12px}.orientation input{accent-color:#d8d8d0}.sidebar-story{border-top:1px solid var(--line);margin-top:82px;padding-top:23px}.sidebar-story h2{font-size:20px;font-weight:400;line-height:1.25;letter-spacing:-.7px;margin:0 0 16px}.sidebar-story p{font-size:11px;color:var(--muted);line-height:1.75}.sidebar-story button{padding:7px 0;font-size:11px}.sidebar-footer{margin:auto 0 0;padding-top:70px;font-size:10px;line-height:1.7;color:#858580}main{margin-left:252px;padding:35px 37px 90px}.hero .eyebrow{margin-bottom:14px}.hero h1{font-size:56px;line-height:1.15;letter-spacing:-2.8px;font-weight:400;margin:15px 0 0}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;margin:5px 0 37px;gap:25px}.intro{margin:14px 0 0;color:#aaa9a5;line-height:1.8}.hero-aside{text-align:right;margin:0;color:#8d8d87;font-size:10px;line-height:1.9}.hero-aside strong{font-size:12px;font-weight:400;color:var(--ink)}.section-heading{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;min-height:63px}.section-heading h2{font-size:12px;font-weight:400;margin:0}.section-heading h2 span{font-size:10px;color:#8d8d87;margin-left:9px}.view-controls{display:flex;align-items:center;gap:12px}.view-controls select{background:transparent;color:#aaa9a5;border:0;font-size:11px;padding:8px 15px;cursor:pointer}.view-controls option{background:#202020}.view-controls button{font-size:18px;color:#80807c}.view-controls button[aria-pressed=true]{color:var(--ink)}.art-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 19px}.art-grid.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.art-card{min-width:0;position:relative}.art-open{display:block;width:100%;text-align:left;padding:0}.art-stage{display:flex;align-items:center;justify-content:center;position:relative;aspect-ratio:.86;background:radial-gradient(ellipse at 30% 10%,#343433,#252524 76%);overflow:hidden}.edition{position:absolute;left:15px;top:13px;font-size:9px;letter-spacing:.3px;color:#acaca5}.save-art{position:absolute;right:7px;top:7px;font-size:22px;font-weight:300;color:#c2c2ba;z-index:1;width:38px;height:36px;background:#20202040}.save-art[aria-pressed=true]{color:#fff;background:#ffffff12}.art-stage img{display:block;width:75%;height:78%;object-fit:contain;filter:drop-shadow(5px 16px 13px #0005);transition:transform .35s ease}.art-open:hover img{transform:translateY(-4px)}.art-type{position:absolute;bottom:12px;left:15px;color:#aaa9a1;font-size:9px;letter-spacing:.1px}.art-meta{display:flex;justify-content:space-between;gap:10px;line-height:1.5;margin-top:13px}.art-meta strong{font-size:14px;font-weight:400;letter-spacing:-.25px}.art-meta small{display:block;font-size:10px;color:#96968f;margin-top:3px}.art-meta .price{text-align:right;flex-shrink:0}.art-meta .price small{font-size:9px}.empty-state{padding:70px 15px;text-align:center;color:var(--muted)}footer{position:fixed;bottom:0;left:0;right:0;height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 37px;background:#eaeae6;color:#242424;z-index:6;font-size:10px}footer strong{font-size:9px;letter-spacing:.5px}.purchase-dialog{width:min(920px,calc(100% - 32px));max-height:calc(100svh - 75px);padding:0;border:1px solid #42423e;background:#191919;color:var(--ink)}.purchase-dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}.purchase-dialog[open]{display:grid;grid-template-columns:1fr 1fr}.dialog-art{min-height:530px;background-position:center;background-size:75% auto;background-repeat:no-repeat;background-color:#282827}.dialog-content{padding:60px 35px 35px}.dialog-content h2{font-size:36px;font-weight:400;line-height:1.1;letter-spacing:-1px;margin:0}.dialog-note,.support-copy,#framed-note{color:var(--muted);font-size:12px;line-height:1.8}.dialog-note{margin:15px 0 35px}.dialog-content .eyebrow{font-size:9px}.close-button{position:absolute;right:15px;top:10px;font-size:25px;color:#aaa}fieldset{border:0;padding:0;margin:0}legend{font-size:12px;margin-bottom:12px}.amounts{display:flex;border:1px solid #44443e}.amounts button{flex:1;min-height:45px;border-right:1px solid #44443e}.amounts button:last-child{border:0}.amounts .selected{background:#e5e5df;color:#111}.custom-amount{display:block;margin-top:20px;color:var(--muted)}.currency-input{display:flex;gap:10px;border-bottom:1px solid #555;padding:8px 0}.currency-input input{width:100%;min-width:0;background:transparent;border:0;color:#fff}.support-copy{margin:20px 0}.form-status{color:#e8aa9f;min-height:20px}.primary-button{width:100%;min-height:48px;background:#e5e5df;color:#131313;font-size:11px}.primary-button:disabled{opacity:.6}.toast{position:fixed;left:50%;bottom:65px;transform:translate(-50%,150px);padding:15px 22px;background:#e5e5df;color:#131313;z-index:10;max-width:90vw;transition:transform .2s}.toast.visible{transform:translate(-50%,0)}
@media(max-width:1000px){.sidebar{width:205px;padding-left:24px;padding-right:20px}main{margin-left:205px;padding:30px 24px 90px}.hero h1{font-size:45px}.art-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-aside{display:none}.site-header{padding:0 24px}}
@media(max-width:650px){.site-header{height:72px;padding:0 18px}.wordmark{font-size:25px}.site-header nav{display:none}.sidebar{position:static;width:100%;border:0;padding:23px 18px 0;display:block}.sidebar>.eyebrow,.sidebar-story,.sidebar-footer,.orientation{display:none}.categories{display:flex;flex-direction:row;gap:18px;margin:0 0 17px}.categories button{padding:0;flex:1}.categories button span{font-size:11px;line-height:1.5}.categories button span br,.categories small,.categories em{display:none}.categories button.active:before{display:none}.categories button.active{border-bottom:1px solid #eee;padding-bottom:8px}.search{max-width:100%}main{margin:0;padding:30px 18px 85px}.hero h1{font-size:40px;letter-spacing:-2px}.intro{font-size:11px}.hero-bottom{margin-bottom:26px}.hero .eyebrow{font-size:9px}.section-heading{min-height:57px}.view-controls{gap:4px}.view-controls select{max-width:122px;padding:5px;font-size:10px}.art-grid{gap:24px 12px}.art-stage{aspect-ratio:.8}.art-stage img{width:82%}.art-meta strong{font-size:12px}.art-meta small{font-size:9px}.art-meta{flex-direction:column;gap:4px}.art-meta .price{text-align:left}.art-meta .price small{display:none}.art-type{font-size:7px;left:8px}.edition{font-size:7px;left:8px}.save-art{font-size:18px;right:1px;top:2px;width:28px}.purchase-dialog[open]{display:block}.dialog-art{min-height:240px;background-size:auto 85%}.dialog-content{padding:30px 22px}.close-button{background:#222c;width:32px}footer{padding:0 18px;font-size:8px}footer>span:last-child{display:none}}
.header-actions{display:flex;align-items:center;gap:24px}.header-actions>a{color:var(--muted)}
@media(max-width:650px){.header-actions{gap:12px}.header-actions>a{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Shared visual language with leolune.com: white surround, rounded dark panels,
   system type, compact technical labels and circular arrow links. */
:root{--ground:#111;--ink:#fafafa;--muted:#96969f;--line:#2b2b2e;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}
html{scroll-padding-top:130px;background:#fff}
body{margin:24px 24px 0;background:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
.store-shell{background:var(--ground);border-radius:32px;min-height:calc(100svh - 68px)}
.site-header{top:24px;height:88px;padding:0 38px;border-radius:32px 32px 0 0}
.wordmark{display:flex;align-items:center;gap:26px;letter-spacing:0}
.wordmark img{display:block;width:61px;height:30px;object-fit:contain}
.wordmark span{font-size:12px;line-height:1;letter-spacing:0;color:var(--ink);font-weight:500;border-left:1px solid #424247;padding-left:25px;margin:0}
.header-actions{gap:30px;font-weight:500}
#saved-toggle{display:flex;align-items:center;gap:9px;padding:8px 0}
#saved-count{font-family:var(--mono);margin-left:0}
.header-actions>a{color:var(--ink);display:flex;gap:12px;align-items:center}
.arrow-circle{display:grid;place-items:center;width:31px;height:31px;background:#fff;color:#111;border-radius:50%;font-size:17px}
.sidebar{left:24px;top:112px;bottom:44px;width:228px;padding:38px 26px 28px 30px;border-radius:0 0 0 32px;scrollbar-width:thin;scrollbar-color:#363638 transparent}
.eyebrow,.edition,.art-type,.sidebar-footer,.hero-aside{font-family:var(--mono);font-size:9px;letter-spacing:.6px}
.categories{gap:25px;margin:12px 0 48px}.categories button span{font-size:14px;font-weight:500;letter-spacing:-.25px}.categories em{font-size:10px}
.sidebar-footer{padding-top:50px;color:var(--muted);line-height:2}
main{margin-left:228px;padding:36px 38px 64px}
.hero{padding-top:2px}.hero .eyebrow{margin-bottom:22px}
.hero h1{font-family:ui-sans-serif,system-ui,sans-serif;font-size:clamp(40px,4.5vw,64px);font-weight:500;letter-spacing:-.04em;line-height:1.1;margin:0}
.hero-bottom{margin:16px 0 42px}.intro{font-size:14px;line-height:1.6;margin:0;color:#b5b5bb}
.hero-aside{display:flex;align-items:center;gap:18px;white-space:nowrap;margin:0}.hero-aside span{font-size:23px;color:#eee}
.section-heading{min-height:68px}.section-heading h2{font-weight:500}
.view-controls select{font-family:inherit}.view-controls button{border-radius:6px;width:27px;height:27px;padding:0}
.view-controls button[aria-pressed=true]{background:#ffffff0b}
.art-grid{gap:32px 20px}.art-stage{border-radius:22px;background:#202022;aspect-ratio:.86}
.art-stage img{filter:drop-shadow(4px 12px 12px #0004)}
.edition{left:19px;top:17px;font-size:8px;color:#a9a9b0}.art-type{left:19px;bottom:16px;font-size:8px;color:#a9a9b0}
.save-art{right:10px;top:10px;border-radius:50%;width:30px;height:30px;font-size:20px;background:#ffffff08}
.save-art:hover{background:#fff;color:#111}.art-meta{padding:0 3px}.art-meta strong{font-weight:500;font-size:14px}.art-meta small{color:#96969f}
footer{position:static;background:#fff;color:#555;height:44px;padding:0 8px;font-family:var(--mono);font-size:9px;letter-spacing:.3px}
.purchase-dialog{border-radius:26px;border-color:#3d3d40;background:#111}.dialog-art{background-color:#202022}.dialog-content h2{font-family:ui-sans-serif,system-ui,sans-serif;font-weight:500;letter-spacing:-.035em}.amounts{border-radius:10px;overflow:hidden}.primary-button{border-radius:25px;font-weight:500;font-size:12px}.close-button{border-radius:50%;width:32px;height:32px;display:grid;place-items:center;background:#ffffff0b;line-height:1}.toast{border-radius:24px}
@media(min-width:651px) and (max-width:1100px){.sidebar{width:190px;padding-left:24px;padding-right:20px}main{margin-left:190px;padding-left:28px;padding-right:28px}.hero-aside{display:none}.site-header{padding:0 28px}.art-grid{gap:26px 16px}}
@media(max-width:650px){html{scroll-padding-top:95px}body{margin:10px 10px 0}.store-shell{border-radius:24px;min-height:calc(100svh - 48px)}.site-header{top:10px;height:76px;padding:0 20px;border-radius:24px 24px 0 0}.wordmark{gap:12px}.wordmark img{width:49px;height:25px}.wordmark span{font-size:10px;padding-left:12px}.header-actions{gap:16px}.header-actions>a{font-size:0;gap:0}.arrow-circle{width:28px;height:28px;font-size:16px}#saved-toggle{font-size:11px;gap:6px}.sidebar{position:static;left:auto;top:auto;width:100%;padding:22px 20px 0;border-radius:0}.categories{margin:0 0 16px;gap:14px}.categories button span{font-size:11px}.categories button.active{padding-bottom:8px}.search{padding-bottom:9px}main{margin:0;padding:32px 20px 40px}.hero .eyebrow{font-size:8px;margin-bottom:17px}.hero h1{font-size:39px}.intro{font-size:12px}.hero-bottom{margin:14px 0 25px}.hero-aside{display:none}.art-grid{gap:24px 12px}.art-stage{border-radius:14px}.edition{left:10px;top:12px;font-size:7px}.art-type{left:10px;bottom:11px;font-size:6px;letter-spacing:0}.save-art{top:6px;right:5px;width:24px;height:24px;font-size:17px}.art-meta strong{font-size:12px}.art-meta small{font-size:8px}.section-heading{min-height:56px}.section-heading h2{font-size:11px}.view-controls select{max-width:94px}.view-controls{gap:3px}.view-controls button{width:23px}footer{height:38px;font-size:8px;padding:0 10px}footer>span:last-child{display:block}.dialog-content{padding:30px 22px}}