About · Saffre

y .st-sample-price { max-width: 17em; font-weight: 400; } .st-lp-spx { display: flex; flex-wrap: wrap; gap: 14px 3px; padding-top: 6px; } .st-lp-spx a { flex-basis: 0; min-width: 76px; } @media (min-width: 900px) { .st-hero[data-hero="loupe"] { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); grid-template-rows: auto minmax(0, 1fr) auto; column-gap: 4vw; row-gap: 0; height: calc(100svh - var(--nav-h)); min-height: 640px; padding: 28px var(--g) 22px; } .st-lp-lens { grid-column: 1; grid-row: 1 / span 2; align-self: center; width: min(52vw, calc(100svh - var(--nav-h) - 120px)); } .st-lp-words { grid-column: 2; grid-row: 1; order: 0; padding-top: 2svh; } .st-lp-name { font-size: clamp(56px, 5.4vw, 112px); } .st-lp-name[data-long] { font-size: clamp(40px, 3.4vw, 68px); } .st-lp-report { grid-column: 2; grid-row: 2; align-self: end; padding-bottom: 28px; } .st-lp-spx { grid-column: 1 / -1; grid-row: 3; gap: 10px 3px; padding-top: 14px; border-top: 1px solid var(--ay-hair); } .st-lp-spx a { min-width: 8em; } } .st-poster[data-tint]:is(.st-fn-top *, .st-bn-bench *, .st-hero[data-hero="loupe"] *, .st-pp[data-page="bench"] .st-p-stage *, .st-pp[data-page="report"] .st-p-stage *, .st-pp[data-page="pick"] .st-p-stage *) { background: var(--sf-tint) !important; } .st-poster[data-tint]:is(.st-fn-top *, .st-bn-bench *, .st-hero[data-hero="loupe"] *, .st-pp[data-page="bench"] .st-p-stage *, .st-pp[data-page="report"] .st-p-stage *, .st-pp[data-page="pick"] .st-p-stage *, .st-band *, .st-mx *, .st-pr *, .st-fc-pic *) { clip-path: inset(1px); } .st-lp-ring { position: absolute; z-index: 2; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; fill: none; stroke: var(--ay-ink); } .st-lp-ring circle { stroke-width: 0.5; opacity: 0.4; } .st-lp-ring circle + circle { opacity: 0.16; } .st-lp-ring path { stroke-width: 0.6; opacity: 0.45; } .st-lp-facts { display: grid; border-bottom: 1px solid var(--ay-ink); } .st-lp-facts > div { display: grid; grid-template-columns: 7.5em minmax(0, 1fr); align-items: baseline; gap: 14px; padding: 9px 0; border-top: 1px solid var(--ay-hair); font-size: 15px; line-height: 1.3; } .st-lp-facts > div:first-child { border-top: 1px solid var(--ay-ink); } .st-lp-facts dt { color: var(--ay-soft); } .st-lp-facts dd { font-family: var(--d-face); font-size: 18px; line-height: 1.2; } .st-lp-dot { display: inline-block; width: 11px; height: 11px; margin-right: 8px; border-radius: 50%; background: var(--fam); vertical-align: 0; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.14); } .st-lp-lot { display: flex; justify-content: space-between; gap: 12px; color: var(--ay-ink); } .st-bk-bar { display: block; height: 10px; background: var(--fam); } .st-bk-word { display: block; padding-top: 7px; font-family: var(--l-face); font-size: 11px; line-height: 1.3; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ay-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .st-bk-word span { color: var(--ay-soft); } .st-sec[data-grid="spectrum"] { --bk: 2; } .st-bk-top { display: grid; gap: 10px; margin-bottom: 26px; } .st-sec[data-grid="spectrum"] .st-grid-head { margin: 0; font-size: clamp(38px, 7vw, 104px); line-height: 0.96; } .st-bk-sum { color: var(--ay-ink); } .st-bk-spx { display: flex; flex-wrap: wrap; gap: 12px 3px; margin-top: 10px; } .st-bk-spx a { flex-basis: 0; min-width: 76px; } @media (hover: hover) { .st-bk-spx a:hover .st-bk-bar, .st-lp-spx a:hover .st-bk-bar { transform: scaleY(1.6); } } .st-bk-bar { transform-origin: bottom; transition: transform 200ms var(--ay-ease); } .st-bk { display: grid; grid-template-columns: repeat(var(--bk), minmax(0, 1fr)); gap: 0 14px; } .st-bk + .st-bk, .st-sec[data-grid="spectrum"] [data-feature] + .st-bk { margin-top: 0; } .st-bk-cell { grid-column: span var(--s2, 1); display: flex; flex-direction: column; min-width: 0; padding-bottom: 26px; } /* every cell's head the same height, so the pictures of a row stand level: the band's name, then its count and stones, each on one line */ .st-bk-head { display: grid; align-content: start; gap: 4px; height: 78px; padding: 9px 0 0; border-top: 3px solid var(--fam); scroll-margin-top: calc(var(--nav-h) + 6px); } .st-bk-head > * { min-width: 0; overflow: hidden; } .st-bk-head b { white-space: nowrap; text-overflow: ellipsis; } /* the stones of a band on up to two lines, whole words */ .st-bk-head .st-l { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.35; } .st-bk-head b { font-family: var(--d-face); font-weight: 400; font-size: clamp(22px, 5.6vw, 30px); line-height: 1.05; } .st-bk-head .st-l { color: var(--ay-soft); } .st-sec[data-grid="spectrum"] .st-tile { display: grid; gap: 0; } .st-sec[data-grid="spectrum"] .st-tile-pic { background: var(--band); } .st-bk-label { display: grid; gap: 3px; padding-top: 10px; } .st-bk-lot { display: flex; justify-content: space-between; gap: 8px; color: var(--ay-ink); font-variant-numeric: tabular-nums; } .st-bk-stone { font-family: var(--d-face); font-size: clamp(19px, 4.8vw, 24px); line-height: 1.08; } .st-bk-cut { font-size: 13.5px; color: var(--ay-soft); } .st-bk-name { display: grid; gap: 1px; margin-top: 6px; padding-top: 7px; border-top: 1px solid var(--ay-hair); font-size: 13.5px; line-height: 1.3; } .st-sec[data-grid="spectrum"] .st-tile-name { font-weight: 600; } /* the sample words are said once, at the head of the book, not under every lot */ .st-sec[data-grid="spectrum"] .st-bk .st-sample-price { display: none; } .st-bk-sample { max-width: 40em; font-size: 13px; color: var(--ay-soft); } /* the last of a run, where it would stand alone: its label beside it, as a dealer's plate */ .st-bk-cell[data-w2] .st-tile { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 14px; align-items: start; } .st-bk-cell[data-w2] .st-bk-label { padding-top: 0; } @media (min-width: 900px) { .st-sec[data-grid="spectrum"] { --bk: var(--bk-cols, 4); } .st-bk { gap: 0 20px; } .st-bk-cell { grid-column: span var(--s4, 1); padding-bottom: 40px; } .st-bk-cell[data-w2] .st-tile { grid-template-columns: minmax(0, 1fr); } .st-bk-cell[data-w4] .st-tile { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 20px; } .st-bk-cell:not([data-w4]) .st-bk-label { padding-top: 12px; } .st-bk-head { height: 88px; padding-top: 12px; } .st-bk-head b { font-size: clamp(24px, 2.2vw, 34px); } .st-bk-spx { flex-wrap: nowrap; } .st-bk-spx a { min-width: 0; } } .st-poster[data-tint]:is(.st-fn-top *, .st-bn-bench *, .st-hero[data-hero="loupe"] *, .st-pp[data-page="bench"] .st-p-stage *, .st-pp[data-page="report"] .st-p-stage *, .st-pp[data-page="pick"] .st-p-stage *) { background: var(--sf-tint) !important; } .st-poster[data-tint]:is(.st-fn-top *, .st-bn-bench *, .st-hero[data-hero="loupe"] *, .st-pp[data-page="bench"] .st-p-stage *, .st-pp[data-page="report"] .st-p-stage *, .st-pp[data-page="pick"] .st-p-stage *, .st-band *, .st-mx *, .st-pr *, .st-fc-pic *) { clip-path: inset(1px); } .st-lp-ring { position: absolute; z-index: 2; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; fill: none; stroke: var(--ay-ink); } .st-lp-ring circle { stroke-width: 0.5; opacity: 0.4; } .st-lp-ring circle + circle { opacity: 0.16; } .st-lp-ring path { stroke-width: 0.6; opacity: 0.45; } .st-lp-facts { display: grid; border-bottom: 1px solid var(--ay-ink); } .st-lp-facts > div { display: grid; grid-template-columns: 7.5em minmax(0, 1fr); align-items: baseline; gap: 14px; padding: 9px 0; border-top: 1px solid var(--ay-hair); font-size: 15px; line-height: 1.3; } .st-lp-facts > div:first-child { border-top: 1px solid var(--ay-ink); } .st-lp-facts dt { color: var(--ay-soft); } .st-lp-facts dd { font-family: var(--d-face); font-size: 18px; line-height: 1.2; } .st-lp-dot { display: inline-block; width: 11px; height: 11px; margin-right: 8px; border-radius: 50%; background: var(--fam); vertical-align: 0; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.14); } .st-lp-lot { display: flex; justify-content: space-between; gap: 12px; color: var(--ay-ink); } .st-bk-bar { display: block; height: 10px; background: var(--fam); } .st-bk-word { display: block; padding-top: 7px; font-family: var(--l-face); font-size: 11px; line-height: 1.3; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ay-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .st-bk-word span { color: var(--ay-soft); } .st-sec[data-feature="facet"] { padding-left: 0; padding-right: 0; } .st-sec[data-feature="facet"] .st-ft { display: grid; gap: 24px; margin: 6px 0 34px; padding: 34px var(--g) 36px; background: var(--band); } .st-fc-lens { position: relative; display: block; justify-self: center; width: min(84vw, 520px); aspect-ratio: 1; } .st-fc-glass { position: absolute; inset: 8%; border-radius: 50%; overflow: hidden; background: var(--band); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 18px 40px rgba(255, 255, 255, 0.35); } .st-fc-glass .st-poster { width: 100%; height: 100%; } /* the glass looks where a stone sits: high on a ring, low on a drop */ .st-fc-glass img { transform: scale(1.7); transform-origin: var(--fc-at, 50% 50%); transition: transform 900ms var(--ay-ease); } @media (hover: hover) { .st-fc-lens:hover .st-fc-glass img { transform: scale(1.95); } } .st-sec[data-feature="facet"] .st-ft-words { display: grid; gap: 10px; align-content: center; } .st-sec[data-feature="facet"] .st-ft-name { margin-top: 4px !important; font-size: clamp(42px, 9vw, 104px); line-height: 0.96; } .st-fc-of { font-size: calc(var(--t-size) + 2px); color: var(--ay-soft); } .st-sec[data-feature="facet"] .st-lp-facts { margin-top: 8px; } .st-sec[data-feature="facet"] .st-ft-price { margin-top: 6px; font-weight: 600; font-size: 18px; } @media (min-width: 900px) { .st-sec[data-feature="facet"] .st-ft { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); align-items: center; gap: 5vw; margin: 10px 0 48px; padding: 56px var(--g); } .st-sec[data-feature="facet"] .st-ft[data-i="1"] .st-fc-lens { order: 2; } .st-fc-lens { width: min(42vw, 72svh); } } .st-sec[data-story="palette"] { display: grid; grid-template-columns: 6px minmax(0, 1fr); gap: 22px; } .st-pl-rule { display: flex; flex-direction: column; gap: 2px; } .st-pl-rule span { flex-basis: 0; min-height: 14px; } .st-sec[data-story="palette"] .st-story-head { margin-bottom: 18px; font-size: clamp(34px, 6vw, 88px); } .st-sec[data-story="palette"] .st-story-text { max-width: 36em; font-size: calc(var(--t-size) + 1px); line-height: 1.6; } @media (min-width: 900px) { .st-sec[data-story="palette"] { grid-template-columns: 8px minmax(0, 1fr); gap: 4vw; } .st-sec[data-story="palette"] .st-story-text { columns: 2; column-gap: 4vw; max-width: none; } .st-sec[data-story="palette"] .st-story-text p { break-inside: avoid; } } .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":"loupe","data-away":"","children":["$","div",null,{"className":"st-section st-privacy","children":[["$","p",null,{"children":["$","a",null,{"href":"/","children":"Saffre"}]}],["$","h1",null,{"children":"About"}],[["$","p","Saffre is a made-up dealer: a sample store that shows what a coloured-stone brand looks like on the Loupe template.",{"style":{"whiteSpace":"pre-line"},"children":"Saffre is a made-up dealer: a sample store that shows what a coloured-stone brand looks like on the Loupe template."}],["$","p","Its pieces are real designs, each built and checked in 3D, and every price is worked out from the setting'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 setting'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","care",{"href":"/care","children":"Stone care"}]," · ",["$","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=loupe","children":["A store template by Objectifly",["$","span",null,{"aria-hidden":"true","children":" · "}],["$","span",null,{"className":"st-ribbon-go","children":["Start with ","Loupe"]}]]}]}]]}]}] 8:[null,[["$","meta","0",{"name":"viewport","content":"width=device-width, viewport-fit=cover, initial-scale=1"}],["$","meta","1",{"name":"theme-color","content":"#F3F3F1"}],["$","meta","2",{"name":"color-scheme","content":"light"}]]] 23:"StreamedIconsInsertion" 24:I["89c3cac48cb5",[],"$23",1] 22:T751,About · Saffre1:[["$","div",null,{"hidden":true,"suppressHydrationWarning":true,"dangerouslySetInnerHTML":{"__html":"$22"}}],["$","$L24",null,{"metadataKey":"vic0c1fcfadd687fc8"}]] 2:null