.of-page{--of-ink:light-dark(#171717,#f3f1ee);--of-muted:light-dark(#6b6864,#aaa7a2);--of-photo:light-dark(#f1f2f0,#222221);--of-line:light-dark(#e7e5e1,#343331);--of-panel:light-dark(#fff,#1b1b1a);color:var(--of-ink);padding-bottom:96px}.of-page a:focus-visible{outline:2px solid var(--of-ink);outline-offset:4px}html[data-theme] body:has(.of-page){background:light-dark(#fff,var(--page))}html[data-theme] body:has(.of-page) .site-header{--nav-scrim:light-dark(#fff,var(--page))}.of-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px 24px;padding:clamp(28px,5vw,64px) 0 clamp(20px,3vw,40px)}.of-head h1,.of-post-head h1{margin:0;font-family:DM Sans,Arial,sans-serif;font-weight:400;letter-spacing:-.055em}.of-head h1{font-size:clamp(44px,5.4vw,72px);line-height:1}.of-empty,.of-head p{margin:0;color:var(--of-muted);font-size:14px}.of-empty{padding:40px 0 80px;font-size:16px}.of-empty a{color:var(--of-ink);text-decoration:underline;text-underline-offset:3px}.of-filter-group,.of-filters,.of-post-filters{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.of-filters{margin-bottom:clamp(16px,2.4vw,28px)}.of-filter-names{flex-basis:100%}.of-post-filters{margin-top:12px}.of-filter{display:inline-flex;align-items:center;min-height:40px;padding:7px 14px;border:1px solid var(--of-line);border-radius:999px;background:var(--of-panel);color:var(--of-ink);text-decoration:none;font-size:13px;overflow-wrap:anywhere}.of-filter:hover{background:var(--of-photo)}.of-filter[aria-current=true]{background:var(--of-ink);color:var(--of-panel);border-color:var(--of-ink)}.of-grid{column-count:3;column-gap:clamp(12px,2vw,28px)}.of-card{display:inline-block;vertical-align:top;width:100%;margin-bottom:clamp(22px,3vw,38px);page-break-inside:avoid;break-inside:avoid;scroll-margin-top:100px}.of-card-link{display:block;color:inherit;text-decoration:none;border-radius:20px}.of-cover{overflow:hidden;border-radius:clamp(14px,2.3vw,28px);background:var(--of-photo)}.of-cover img{display:block;width:100%;height:auto;aspect-ratio:auto 3/4;transition:transform .35s ease}.of-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:6px;padding:11px 3px 0}.of-meta h2{margin:0;font:450 clamp(15px,1.8vw,23px)/1.16 DM Sans,Arial,sans-serif;letter-spacing:-.035em;overflow-wrap:anywhere}.of-meta p{margin:4px 0 0;color:var(--of-muted);font-size:12px}.of-meta svg,.of-piece>svg{flex:0 0 auto;color:var(--of-muted)}@media (hover:hover){.of-card-link:hover .of-cover img{transform:scale(1.035)}.of-card-link:hover svg,.of-piece:hover svg{color:var(--of-ink)}}.of-detail{max-width:1120px;padding-top:clamp(20px,3vw,44px)}.of-back{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;color:var(--of-muted);font-size:14px;text-decoration:none}.of-back:hover{color:var(--of-ink)}.of-post{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;grid-gap:clamp(18px,3vw,42px);gap:clamp(18px,3vw,42px);padding:clamp(12px,2vw,26px);border:1px solid var(--of-line);border-radius:clamp(20px,3vw,36px);background:var(--of-panel)}.of-post-visual{display:grid;place-items:center;min-width:0;margin:0;border-radius:clamp(14px,2.2vw,24px);background:var(--of-photo)}.of-post-photo{position:relative;max-width:100%}.of-post-photo>img{display:block;max-width:100%;max-height:min(78svh,840px);width:auto;height:auto;border-radius:clamp(14px,2.2vw,24px)}.of-pin{position:absolute;left:clamp(20px,var(--of-x),calc(100% - 20px));top:clamp(20px,var(--of-y),calc(100% - 20px));display:grid;place-items:center;width:36px;height:36px;transform:translate(-50%,-50%);border:1px solid #fff;border-radius:50%;background:#fdfcfb;color:#171717;box-shadow:0 2px 12px rgb(0 0 0/.28);font-size:13px;font-weight:650;text-decoration:none}.of-pin:focus-visible,.of-pin:hover{background:#171717;color:#fff;outline-color:#fff}.of-post-body{min-width:0;padding:clamp(4px,1.1vw,14px) 0 10px}.of-post-head{padding-bottom:clamp(20px,3vw,34px)}.of-post-head h1{font-size:clamp(29px,4vw,54px);line-height:1.06;overflow-wrap:anywhere}.of-post-head p{margin:9px 0 0;color:var(--of-muted);font-size:14px}.of-post-body h2{margin:0 0 9px;font-size:15px;font-weight:600}.of-pieces{margin:0;padding:0;list-style:none}.of-pieces li{scroll-margin-top:110px}.of-pieces li+li{border-top:1px solid var(--of-line)}.of-piece{display:grid;grid-template-columns:20px 60px minmax(0,1fr) 16px;align-items:center;grid-gap:11px;gap:11px;padding:9px 5px;color:inherit;text-decoration:none;border-radius:12px}.of-piece:hover,.of-pieces li:target .of-piece{background:var(--of-photo)}.of-piece-index{color:var(--of-muted);font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:center}.of-piece-photo{position:relative;width:60px;height:60px;overflow:hidden;border-radius:12px;background:var(--of-photo)}.of-piece-photo .catalog-image{padding:8%;object-fit:contain}.of-piece-copy{display:grid;grid-gap:3px;gap:3px;min-width:0}.of-piece-title{font-size:14px;line-height:1.25;font-weight:550;overflow-wrap:anywhere}.of-piece-kind,.of-piece-price{color:var(--of-muted);font-size:12px;overflow-wrap:anywhere}@media (min-width:761px){.of-post-visual{position:-webkit-sticky;position:sticky;top:88px}}@media (max-width:760px){.of-grid{column-count:2}.of-post{grid-template-columns:minmax(0,1fr)}.of-post-photo>img{max-height:min(72svh,620px)}}@media (prefers-reduced-motion:reduce){.of-cover img{transition:none}}