:root{--ink: oklch(22% .012 290);--ink-soft: oklch(38% .01 290);--ink-muted: oklch(56% .008 290);--ink-dim: oklch(68% .008 290);--rule: oklch(78% .008 290 / .55);--paper: oklch(97.2% .006 305);--paper-deep: oklch(94.5% .01 305);--lilac-ink: oklch(46% .06 295);--serif: "Fraunces Variable", "Fraunces", "Cormorant Garamond", Georgia, serif;--mono: "JetBrains Mono Variable", "JetBrains Mono", ui-monospace, Menlo, monospace}html{background:var(--paper)}body{min-height:100%;background:var(--paper);color:var(--ink);display:flex;flex-direction:column}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;background-image:radial-gradient(rgba(80,60,90,.035) 1px,transparent 1px),radial-gradient(rgba(80,60,90,.025) 1px,transparent 1px);background-size:3px 3px,7px 7px;background-position:0 0,1px 2px;mix-blend-mode:multiply;opacity:.6}::selection{background:#a99ec059;color:var(--ink)}.masthead{position:relative;z-index:2;max-width:1280px;width:100%;margin:0 auto;padding:28px 56px 22px;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);flex-shrink:0;border-bottom:0}.masthead .left{justify-self:start}.masthead .mid{justify-self:center}.masthead .right{justify-self:end}.masthead a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s ease,color .3s ease}.masthead a:hover{color:var(--ink);border-bottom-color:var(--ink)}.shop{position:relative;z-index:2;flex:1;max-width:820px;width:100%;margin:0 auto;padding:56px 56px 24px;color:var(--ink)}.shop-head{margin-bottom:80px}.shop-title{font-family:var(--serif);font-weight:300;font-style:italic;font-size:clamp(56px,9vw,120px);line-height:.88;letter-spacing:-.025em;margin:0 0 28px;color:var(--ink);font-variation-settings:"opsz" 144,"SOFT" 50}.shop-title .period{font-style:italic;color:var(--lilac-ink);font-weight:300}.shop-intro{max-width:46ch;font-family:var(--serif);font-style:italic;font-weight:300;font-size:17px;line-height:1.55;color:var(--ink-soft);margin:0;text-wrap:pretty}.group{margin-bottom:72px}.group-label{font-family:var(--mono);font-size:10px;font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-muted);margin:0 0 28px;padding-bottom:10px;border-bottom:1px solid var(--rule)}.works{display:flex;flex-direction:column;gap:56px}.work{display:grid;grid-template-columns:316px 1fr;gap:40px;align-items:start}.frames{display:flex;flex-direction:row;flex-wrap:nowrap;gap:16px}.frame{margin:0;width:150px;flex:none;background:#ffffffd9;padding:8px;box-shadow:0 1px 2px #281e3214,0 8px 24px #281e320f}.frame img{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover}.frame figcaption{margin-top:7px;font-family:var(--mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-muted);text-align:center}.placeholder{display:grid;place-items:center;aspect-ratio:1 / 1;background:var(--paper-deep)}.placeholder span{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-muted)}.info{padding-top:4px}.info .meta{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted);font-feature-settings:"tnum";margin-bottom:10px}.info .name{font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(26px,3vw,34px);line-height:1.05;letter-spacing:-.015em;color:var(--ink);margin:0 0 14px;font-variation-settings:"opsz" 72,"SOFT" 50}.info .desc{font-family:var(--serif);font-weight:300;font-size:16px;line-height:1.55;color:var(--ink-soft);margin:0 0 22px;max-width:42ch;text-wrap:pretty}.foot{display:flex;align-items:baseline;gap:24px}.foot .price{font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--ink);font-feature-settings:"tnum"}.foot .buy{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);text-decoration:none;border-bottom:1px solid var(--ink-soft);padding-bottom:1px;transition:color .3s ease,border-color .3s ease}.foot .buy:hover{color:var(--lilac-ink);border-bottom-color:var(--lilac-ink)}.foot .status{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted)}.coda{margin:24px 0 0;font-family:var(--serif);font-style:italic;font-weight:300;font-size:15px;line-height:1.55;color:var(--ink-muted)}.coda a{color:var(--ink-soft);text-decoration:none;border-bottom:1px solid var(--rule);transition:color .3s ease,border-color .3s ease}.coda a:hover{color:var(--lilac-ink);border-bottom-color:var(--lilac-ink)}.colophon{position:relative;z-index:2;max-width:1280px;width:100%;margin:0 auto;padding:40px 56px 28px;border-top:0}.shop-head,.group,.coda{opacity:0;animation:fadeUp 1.1s ease forwards}.shop-head{animation-delay:.1s}.group:nth-of-type(1){animation-delay:.4s}.group:nth-of-type(2){animation-delay:.6s}.coda{animation-delay:.8s}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.shop-head,.group,.coda{animation:none;opacity:1}}@media(max-width:820px){.masthead{padding:22px 24px 18px}.shop{padding:48px 24px 24px}.shop-head{margin-bottom:56px}.work{grid-template-columns:1fr;gap:20px;max-width:360px}.frames{gap:14px}.frame{width:auto;flex:1 1 0;min-width:0}.colophon{padding:40px 24px 28px}}
