About · Ostler

"depot"] .st-tile-kind { color: var(--ay-soft); } .st-sec[data-grid="depot"] .st-tile-price { margin-top: 4px; font-size: 14px; font-weight: 700; letter-spacing: 0; text-transform: none; } .st-sec[data-grid="depot"] .st-sample-price { font-size: 10.5px; font-weight: 400; } @media (hover: hover) { .st-sec[data-grid="depot"] .st-tile:hover .st-tile-meta { background: var(--ay-ink); color: var(--ay-ground); } .st-sec[data-grid="depot"] .st-tile:hover .st-tile-meta * { color: inherit; } } @media (max-width: 899px) { .st-sec[data-grid="depot"] .st-cell:last-child:nth-child(odd) { grid-column: 1 / -1; border-right: 0; } .st-sec[data-grid="depot"] .st-cell:last-child:nth-child(odd) .st-tile-pic { width: 50%; margin: 0 auto; } } @media (min-width: 900px) { .st-sec[data-grid="depot"] .st-grid { grid-template-columns: repeat(var(--st-grid, 4), minmax(0, 1fr)); } .st-sec[data-grid="depot"] .st-cell, .st-sec[data-grid="depot"] .st-cell:nth-child(odd) { border-right: 2px solid var(--ay-ink); } .st-sec[data-grid="depot"] .st-cell:nth-child(4n) { border-right: 0; } .st-sec[data-grid="depot"] .st-tile-meta { padding: 12px 16px 18px; font-size: 11.5px; } /* a short last row is closed, not left open: what's left of it hatched like an empty bay on a drawing */ .st-sec[data-grid="depot"] .st-grid::after { content: ""; display: none; border-bottom: 2px solid var(--ay-ink); background: repeating-linear-gradient(-45deg, var(--ay-hair) 0 1px, transparent 1px 10px); } .st-sec[data-grid="depot"] .st-grid:has(> .st-cell:last-child:nth-child(4n + 1))::after { display: block; grid-column: span 3; } .st-sec[data-grid="depot"] .st-grid:has(> .st-cell:last-child:nth-child(4n + 2))::after { display: block; grid-column: span 2; } .st-sec[data-grid="depot"] .st-grid:has(> .st-cell:last-child:nth-child(4n + 3))::after { display: block; grid-column: span 1; } } .st-sl-cross { position: absolute; z-index: 3; inset: 8px; pointer-events: none; --c: var(--ay-ink); background: linear-gradient(var(--c), var(--c)) left top / 16px 2px no-repeat, linear-gradient(var(--c), var(--c)) left top / 2px 16px no-repeat, linear-gradient(var(--c), var(--c)) right top / 16px 2px no-repeat, linear-gradient(var(--c), var(--c)) right top / 2px 16px no-repeat, linear-gradient(var(--c), var(--c)) left bottom / 16px 2px no-repeat, linear-gradient(var(--c), var(--c)) left bottom / 2px 16px no-repeat, linear-gradient(var(--c), var(--c)) right bottom / 16px 2px no-repeat, linear-gradient(var(--c), var(--c)) right bottom / 2px 16px no-repeat; } .st-sl-tag { position: absolute; z-index: 3; left: 30px; top: 10px; color: var(--ay-ink); font-weight: 700; } .st-sec[data-feature="callout"] .st-ft { display: grid; gap: 18px; margin-bottom: 0; } .st-co-fig { position: relative; border: 2px solid var(--ay-ink); } .st-co-pic { display: block; width: min(100%, 560px); margin: 0 auto; padding: 34px 12px 12px; } .st-co-pic .st-poster { width: 100%; aspect-ratio: 1; } .st-co-side { display: grid; align-content: start; gap: 14px; } .st-sec[data-feature="callout"] .st-ft-name { font-size: min(clamp(40px, 11vw, 84px), calc((100vw - 2 * var(--g)) / (var(--lw, 8) * 0.98))); line-height: 0.88; } .st-sec[data-feature="callout"] .st-ft-lines { max-width: 30em; font-size: calc(var(--t-size) + 2px); line-height: 1.4; } .st-co-notes { display: grid; border-top: 2px solid var(--ay-ink); } .st-co-notes li { position: relative; display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--ay-ink); font-size: 12px; letter-spacing: 0.05em; text-transform: uppercase; } .st-co-notes .st-l { color: var(--ay-ink); } .st-co-notes b { font-weight: 700; text-align: right; } .st-sec[data-feature="callout"] .st-ft-price { font-weight: 700; font-size: 18px; } @media (min-width: 900px) { /* one screen: the figure as tall as the screen allows, the words beside it; the leaders run from each fact to the figure's frame */ .st-sec[data-feature="callout"] .st-ft { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); align-items: center; gap: 0 64px; } .st-sec[data-feature="callout"] .st-ft[data-i="1"] .st-co-fig { order: 2; } .st-co-pic { width: min(100%, calc(100svh - var(--nav-h) - 120px)); padding: 44px 24px 24px; } .st-sec[data-feature="callout"] .st-ft-name { font-size: min(clamp(40px, 4.6vw, 92px), calc((100vw - 2 * var(--g) - 64px) * 5 / 12 / (var(--lw, 8) * 0.98)), 11svh); } .st-sec[data-feature="callout"] .st-ft-lines { font-size: 19px; } .st-co-notes li { padding: 13px 0; } .st-co-notes li::before { content: ""; position: absolute; right: calc(100% + 2px); top: 50%; width: 62px; border-top: 1px solid var(--ay-ink); } .st-co-notes li::after { content: ""; position: absolute; right: calc(100% + 58px); top: calc(50% - 3px); width: 7px; height: 7px; border-radius: 50%; background: var(--ay-ink); } .st-sec[data-feature="callout"] .st-ft[data-i="1"] .st-co-notes li::before { right: auto; left: calc(100% + 2px); } .st-sec[data-feature="callout"] .st-ft[data-i="1"] .st-co-notes li::after { right: auto; left: calc(100% + 58px); } .st-sec[data-feature="callout"] .st-ft-price { font-size: 22px; } } .st-sec[data-story="brief"] { margin-top: var(--sec); padding: calc(var(--sec) * 0.7) var(--g); background: var(--st-panel); color: var(--st-on-panel); } .st-sec[data-story="brief"] .st-story-head { margin-bottom: 26px; font-size: clamp(40px, 9.4vw, 160px); line-height: 0.86; } .st-sec[data-story="brief"] .st-story-text { display: grid; gap: 24px; padding-top: 18px; border-top: 4px solid currentColor; } .st-sec[data-story="brief"] .st-story-text p { margin: 0 !important; max-width: 36em; font-size: calc(var(--t-size) + 1px); line-height: 1.55; } .st-br-n { display: block; margin-bottom: 8px; font-weight: 800; font-stretch: 125%; font-size: 13px; letter-spacing: 0.08em; opacity: 0.7; } @media (min-width: 900px) { .st-sec[data-story="brief"] .st-story-text { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 40px; } } .st-sec[data-faq="rules"] .st-faq-n { display: none; } @media (min-width: 900px) { .st-sec[data-faq="rules"] { display: grid; grid-template-columns: 1fr 2fr; gap: 24px; } } .st-sec[data-contact="colophon"] { display: flex; flex-wrap: wrap; gap: 6px 32px; justify-content: space-between; color: var(--ay-soft); font-size: 15px; }4:[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"$20"}}],"$L21"] 21:["$","main",null,{"className":"ayin ay st","data-template":"signet","data-away":"","children":["$","div",null,{"className":"st-section st-privacy","children":[["$","p",null,{"children":["$","a",null,{"href":"/","children":"Ostler"}]}],["$","h1",null,{"children":"About"}],[["$","p","Ostler is a made-up jeweller: a sample store that shows what a men's jewellery brand looks like on the Signet template.",{"style":{"whiteSpace":"pre-line"},"children":"Ostler is a made-up jeweller: a sample store that shows what a men's jewellery brand looks like on the Signet template."}],["$","p","Its pieces are real designs, each built and checked in 3D, and every price is worked out from the piece's own metal at the day's rate with a recommended making charge.",{"style":{"whiteSpace":"pre-line"},"children":"Its pieces are real designs, each built and checked in 3D, and every price is worked out from the piece's own metal at the day's rate with a recommended making charge."}]],false,["$","p",null,{"style":{"marginTop":28},"children":["",["$","a","shipping",{"href":"/shipping","children":"Shipping"}]," · ",["$","a","returns",{"href":"/returns","children":"Returns"}]," · ",["$","a","sizing",{"href":"/sizing","children":"Sizing"}]," · ",["$","a","contact",{"href":"/contact","children":"Contact"}]," · ",["$","a","privacy",{"href":"/privacy","children":"Privacy"}]]}],["$","p",null,{"className":"st-l st-ribbon","children":["$","a",null,{"href":"https://objectifly.com/start?template=signet","children":["A store template by Objectifly",["$","span",null,{"aria-hidden":"true","children":" · "}],["$","span",null,{"className":"st-ribbon-go","children":["Start with ","Signet"]}]]}]}]]}]}] 8:[null,[["$","meta","0",{"name":"viewport","content":"width=device-width, viewport-fit=cover, initial-scale=1"}],["$","meta","1",{"name":"theme-color","content":"#D9D8D4"}],["$","meta","2",{"name":"color-scheme","content":"light"}]]] 23:"StreamedIconsInsertion" 24:I["89c3cac48cb5",[],"$23",1] 22:T763,About · Ostler1:[["$","div",null,{"hidden":true,"suppressHydrationWarning":true,"dangerouslySetInnerHTML":{"__html":"$22"}}],["$","$L24",null,{"metadataKey":"vi2674ec088d7d20e0"}]] 2:null