Ring sizing · Tutti

op *, .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-sk-plus { position: absolute; z-index: 2; right: 10px; top: 10px; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 1.5px solid var(--ay-ink); border-radius: 50%; background: rgba(255, 255, 255, 0.72); color: var(--ay-ink); font: 500 24px/1 var(--t-face); cursor: pointer; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.16); transition: transform 260ms cubic-bezier(0.34, 1.56, 0.64, 1), background-color 140ms linear; } .st-sk-plus[aria-pressed="true"] { border-color: var(--st-strong); background: var(--st-strong); color: var(--st-on-strong); transform: rotate(-8deg) scale(1.06); } @media (hover: hover) { .st-sk-plus:hover { background: var(--ay-ink); color: var(--ay-ground); } } .st-sk-plus:active { transform: scale(0.88); } .st-sk-add[aria-pressed="true"] { background: var(--ay-ink); border-color: var(--ay-ink); color: var(--ay-ground); } .st-sk { position: fixed; z-index: 8; left: 50%; bottom: calc(14px + env(safe-area-inset-bottom, 0px)); display: grid; justify-items: center; gap: 8px; width: max-content; max-width: calc(100vw - 24px); transform: translateX(-50%); } .st[data-route="piece"] .st-sk { display: none; } .st-sk-pill { display: flex; align-items: center; gap: 12px; min-height: 52px; padding: 6px 20px 6px 18px; border: 0; border-radius: 999px; background: var(--ay-ink); color: var(--ay-ground); font: 600 15px/1 var(--t-face); cursor: pointer; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.24); animation: st-pop 420ms cubic-bezier(0.34, 1.56, 0.64, 1) both; } .st-sk-pill b { display: inline-flex; align-items: center; justify-content: center; min-width: 26px; height: 26px; margin-left: 6px; padding: 0 7px; border-radius: 999px; background: var(--st-strong); color: var(--st-on-strong); font-size: 13px; } .st-sk-thumbs { display: flex; } .st-sk-thumbs > span { width: 38px; height: 38px; margin-left: -12px; border-radius: 50%; overflow: hidden; border: 2px solid var(--ay-ink); background: var(--ay-ground); } .st-sk-thumbs > span:first-child { margin-left: 0; } .st-sk-thumbs .st-poster, .st-sk-pic .st-poster { width: 100%; height: 100%; } .st-sk-panel { width: min(380px, calc(100vw - 24px)); max-height: 60svh; overflow: auto; padding: 14px 16px 12px; border-radius: 24px; background: var(--ay-sheet); color: var(--ay-ink); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.22); } .st-sk-top { display: flex; align-items: center; justify-content: space-between; } .st-sk-top .st-d { font-size: 20px; } .st-sk-top .st-link { margin: 0; } .st-sk-panel li { display: flex; align-items: center; gap: 4px; border-top: 1px solid var(--ay-hair); } .st-sk-row { flex: 1; min-width: 0; display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; align-items: center; gap: 12px; min-height: 60px; padding: 6px 0; font-size: 14px; line-height: 1.25; } .st-sk-pic { width: 52px; height: 52px; border-radius: 12px; overflow: hidden; background: var(--ay-ground); } .st-sk-name { font-weight: 600; } .st-sk-price .st-sample-price { font-size: 10.5px; } .st-sk-x { flex: none; width: 44px; height: 44px; border: 0; background: none; color: var(--ay-soft); font-size: 22px; cursor: pointer; } .st-sk-note { margin-top: 8px !important; font-size: 12.5px; color: var(--ay-soft); } @keyframes st-pop { from { opacity: 0; transform: translateY(16px) scale(0.8); } to { opacity: 1; transform: none; } } .st-hero[data-hero="fan"] { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; padding: 16px var(--g) 28px; } .st-hero .st-fn-name { --fit-cap: 30vw; line-height: 0.9; } .st-fn-line { max-width: 22em; font-size: 18px; line-height: 1.3; } .st-fn-kinds { display: flex; flex-wrap: wrap; gap: 8px; } .st-fn-kinds a { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 16px; border-radius: 999px; font-weight: 600; font-size: 15px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); transition: transform 260ms cubic-bezier(0.34, 1.56, 0.64, 1); } .st-fn-kinds a span { font-weight: 500; font-size: 13px; opacity: 0.7; } @media (hover: hover) { .st-fn-kinds li:nth-child(odd) a:hover { transform: rotate(-4deg) scale(1.05); } .st-fn-kinds li:nth-child(even) a:hover { transform: rotate(4deg) scale(1.05); } } .st-fn-deck { position: relative; height: 60svh; min-height: 400px; margin-top: 6px; } .st-fn-card { position: absolute; inset: 3% 5% 6%; border-radius: 30px; animation: st-fan 900ms cubic-bezier(0.34, 1.4, 0.64, 1) both; } .st-fn-card:nth-of-type(1) { transform: rotate(-8deg) translateX(-3%); } .st-fn-card:nth-of-type(2) { transform: rotate(6deg) translateX(3%); animation-delay: 80ms; } .st-fn-sticker { position: absolute; z-index: 3; right: 1%; top: -2%; display: flex; flex-direction: column; align-items: center; justify-content: center; width: clamp(84px, 22vw, 128px); aspect-ratio: 1; border-radius: 50%; background: var(--st-strong); color: var(--st-on-strong); font-family: var(--d-face); font-weight: 700; font-size: clamp(22px, 6vw, 34px); line-height: 0.9; letter-spacing: -0.04em; text-align: center; rotate: 12deg; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.16); animation: st-pop 600ms 300ms cubic-bezier(0.34, 1.56, 0.64, 1) both; } .st-fn-sticker small { margin-top: 4px; font-family: var(--t-face); font-weight: 600; font-size: 11px; letter-spacing: 0.02em; } @keyframes st-fan { from { transform: rotate(0deg); } } .st-fn-top { position: absolute; inset: 1% 3% 3%; display: flex; flex-direction: column; border-radius: 30px; background: var(--sf, var(--ay-ground)); overflow: hidden; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04), 0 20px 44px rgba(30, 26, 58, 0.14); } .st-fn-stage { position: relative; flex: 1 1 0; min-height: 0; } .st-fn-meta { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 4px 12px; padding: 0 18px 18px; } .st-fn-meta .st-hero-title { display: block; } .st-fn-meta .st-hero-title .st-d { font-size: clamp(20px, 5.4vw, 28px); line-height: 1.04; } .st-fn-meta .st-hero-price { font-weight: 600; text-align: right; } .st-fn-meta .st-sample-price { font-weight: 400; max-width: 12em; margin-left: auto; } .st-fn-acts { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; } .st-fn-acts .st-btn { flex: 1 1 auto; } @media (min-width: 900px) { /* the name the whole width, the deck dealt over its foot in the middle, the line at left and the kinds stuck on at right */ .st-hero[data-hero="fan"] { grid-template-columns: minmax(0, 1fr) minmax(0, 40vw) minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr); align-items: center; column-gap: 3vw; row-gap: 0; height: calc(100svh - var(--nav-h)); min-height: 660px; padding: clamp(18px, 3.4svh, 40px) var(--g) 22px; } .st-hero .st-fn-name { position: relative; z-index: 4; grid-column: 1 / -1; grid-row: 1; --fit-cap: 24svh; text-align: center; white-space: nowrap; pointer-events: none; } .st-fn-line { grid-column: 1; grid-row: 2; align-self: center; max-width: 13em; font-size: clamp(22px, 2vw, 34px); font-weight: 500; line-height: 1.2; letter-spacing: -0.01em; rotate: -2deg; } .st-fn-kinds { grid-column: 3; grid-row: 2; flex-direction: column; align-items: flex-start; align-self: center; gap: 12px; } .st-fn-kinds li:nth-child(odd) a { rotate: -3deg; } .st-fn-kinds li:nth-child(even) a { rotate: 2.5deg; margin-left: 22px; } .st-fn-kinds a { min-height: 52px; padding: 0 22px; font-size: 18px; } .st-fn-deck { grid-column: 2; grid-row: 2; align-self: stretch; height: auto; min-height: 0; margin: -3svh 0 0; } .st-fn-sticker { top: 9%; right: -4%; } .st-fn-acts .st-btn { flex: none; } } .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-sk-plus { position: absolute; z-index: 2; right: 10px; top: 10px; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 1.5px solid var(--ay-ink); border-radius: 50%; background: rgba(255, 255, 255, 0.72); color: var(--ay-ink); font: 500 24px/1 var(--t-face); cursor: pointer; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.16); transition: transform 260ms cubic-bezier(0.34, 1.56, 0.64, 1), background-color 140ms linear; } .st-sk-plus[aria-pressed="true"] { border-color: var(--st-strong); background: var(--st-strong); color: var(--st-on-strong); transform: rotate(-8deg) scale(1.06); } @media (hover: hover) { .st-sk-plus:hover { background: var(--ay-ink); color: var(--ay-ground); } } .st-sk-plus:active { transform: scale(0.88); } .st-sk-add[aria-pressed="true"] { background: var(--ay-ink); border-color: var(--ay-ink); color: var(--ay-ground); } .st-sk { position: fixed; z-index: 8; left: 50%; bottom: calc(14px + env(safe-area-inset-bottom, 0px)); display: grid; justify-items: center; gap: 8px; width: max-content; max-width: calc(100vw - 24px); transform: translateX(-50%); } .st[data-route="piece"] .st-sk { display: none; } .st-sk-pill { display: flex; align-items: center; gap: 12px; min-height: 52px; padding: 6px 20px 6px 18px; border: 0; border-radius: 999px; background: var(--ay-ink); color: var(--ay-ground); font: 600 15px/1 var(--t-face); cursor: pointer; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.24); animation: st-pop 420ms cubic-bezier(0.34, 1.56, 0.64, 1) both; } .st-sk-pill b { display: inline-flex; align-items: center; justify-content: center; min-width: 26px; height: 26px; margin-left: 6px; padding: 0 7px; border-radius: 999px; background: var(--st-strong); color: var(--st-on-strong); font-size: 13px; } .st-sk-thumbs { display: flex; } .st-sk-thumbs > span { width: 38px; height: 38px; margin-left: -12px; border-radius: 50%; overflow: hidden; border: 2px solid var(--ay-ink); background: var(--ay-ground); } .st-sk-thumbs > span:first-child { margin-left: 0; } .st-sk-thumbs .st-poster, .st-sk-pic .st-poster { width: 100%; height: 100%; } .st-sk-panel { width: min(380px, calc(100vw - 24px)); max-height: 60svh; overflow: auto; padding: 14px 16px 12px; border-radius: 24px; background: var(--ay-sheet); color: var(--ay-ink); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.22); } .st-sk-top { display: flex; align-items: center; justify-content: space-between; } .st-sk-top .st-d { font-size: 20px; } .st-sk-top .st-link { margin: 0; } .st-sk-panel li { display: flex; align-items: center; gap: 4px; border-top: 1px solid var(--ay-hair); } .st-sk-row { flex: 1; min-width: 0; display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; align-items: center; gap: 12px; min-height: 60px; padding: 6px 0; font-size: 14px; line-height: 1.25; } .st-sk-pic { width: 52px; height: 52px; border-radius: 12px; overflow: hidden; background: var(--ay-ground); } .st-sk-name { font-weight: 600; } .st-sk-price .st-sample-price { font-size: 10.5px; } .st-sk-x { flex: none; width: 44px; height: 44px; border: 0; background: none; color: var(--ay-soft); font-size: 22px; cursor: pointer; } .st-sk-note { margin-top: 8px !important; font-size: 12.5px; color: var(--ay-soft); } @keyframes st-pop { from { opacity: 0; transform: translateY(16px) scale(0.8); } to { opacity: 1; transform: none; } } .st-sec[data-grid="mix"] .st-grid-head { margin-bottom: 18px; font-size: clamp(38px, 9vw, 120px); line-height: 0.9; } .st-mx-row { display: contents; } .st-mx { margin-bottom: 12px; padding: 18px 12px 12px; border-radius: 30px; } .st-mx-head { display: flex; align-items: center; gap: 12px; padding: 2px 6px 14px; scroll-margin-top: calc(var(--nav-h) + 8px); } .st-mx-head h3 { font-size: clamp(28px, 6.6vw, 60px); line-height: 1; } .st-mx-n { display: inline-flex; align-items: center; justify-content: center; min-width: 34px; height: 34px; padding: 0 9px; border-radius: 999px; background: var(--ay-ink); color: var(--ay-ground); font-weight: 700; font-size: 14px; rotate: -6deg; } .st-sec[data-grid="mix"] .st-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .st-mx-card { position: relative; height: 100%; border-radius: 22px; overflow: hidden; box-shadow: inset 0 0 0 1.5px rgba(30, 26, 58, 0.07); transition: transform 300ms cubic-bezier(0.34, 1.56, 0.64, 1); } .st-sec[data-grid="mix"] .st-tile { display: flex; flex-direction: column; height: 100%; } .st-sec[data-grid="mix"] .st-tile-meta { flex: 1; display: grid; align-content: start; gap: 2px; padding: 10px 12px 12px; background: rgba(255, 255, 255, 0.6); font-size: 14px; line-height: 1.25; } .st-sec[data-grid="mix"] .st-tile-name { font-weight: 600; } .st-sec[data-grid="mix"] .st-sample-price { font-size: 10.5px; } @media (hover: hover) { .st-mx-card:hover { transform: translateY(-4px) rotate(-1deg); } .st-sec[data-grid="mix"] li:nth-child(even) .st-mx-card:hover { transform: translateY(-4px) rotate(1deg); } } @media (min-width: 900px) { /* a kind of few pieces is a block as wide as its pieces, beside the next: no slab of colour with one card in it */ .st-mx-row { display: flex; align-items: stretch; gap: 16px; margin-bottom: 16px; } /* a full row shares its width by pieces (five or six across where a short block joined it); a shorter row keeps its cards at a column's width: never wider */ .st-mx-row[data-fill] .st-mx { flex: var(--n, 4) 1 0; } .st-mx-row:not([data-fill]) .st-mx { flex: 0 0 calc((100% - 48px) / 4 * var(--n, 1) + 16px * (var(--n, 1) - 1)); } .st-mx { container-type: inline-size; min-width: 0; margin-bottom: 0; padding: 30px 28px 28px; border-radius: 44px; } .st-mx-head { padding: 0 4px 22px; } .st-mx-head h3 { font-size: clamp(26px, 13cqi, 60px); } .st-sec[data-grid="mix"] .st-grid { grid-template-columns: repeat(var(--c, 4), minmax(0, 1fr)); gap: 16px; } .st-sec[data-grid="mix"] .st-tile-meta { padding: 12px 16px 16px; font-size: 15px; } } .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-sk-plus { position: absolute; z-index: 2; right: 10px; top: 10px; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 1.5px solid var(--ay-ink); border-radius: 50%; background: rgba(255, 255, 255, 0.72); color: var(--ay-ink); font: 500 24px/1 var(--t-face); cursor: pointer; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.16); transition: transform 260ms cubic-bezier(0.34, 1.56, 0.64, 1), background-color 140ms linear; } .st-sk-plus[aria-pressed="true"] { border-color: var(--st-strong); background: var(--st-strong); color: var(--st-on-strong); transform: rotate(-8deg) scale(1.06); } @media (hover: hover) { .st-sk-plus:hover { background: var(--ay-ink); color: var(--ay-ground); } } .st-sk-plus:active { transform: scale(0.88); } .st-sk-add[aria-pressed="true"] { background: var(--ay-ink); border-color: var(--ay-ink); color: var(--ay-ground); } .st-sk { position: fixed; z-index: 8; left: 50%; bottom: calc(14px + env(safe-area-inset-bottom, 0px)); display: grid; justify-items: center; gap: 8px; width: max-content; max-width: calc(100vw - 24px); transform: translateX(-50%); } .st[data-route="piece"] .st-sk { display: none; } .st-sk-pill { display: flex; align-items: center; gap: 12px; min-height: 52px; padding: 6px 20px 6px 18px; border: 0; border-radius: 999px; background: var(--ay-ink); color: var(--ay-ground); font: 600 15px/1 var(--t-face); cursor: pointer; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.24); animation: st-pop 420ms cubic-bezier(0.34, 1.56, 0.64, 1) both; } .st-sk-pill b { display: inline-flex; align-items: center; justify-content: center; min-width: 26px; height: 26px; margin-left: 6px; padding: 0 7px; border-radius: 999px; background: var(--st-strong); color: var(--st-on-strong); font-size: 13px; } .st-sk-thumbs { display: flex; } .st-sk-thumbs > span { width: 38px; height: 38px; margin-left: -12px; border-radius: 50%; overflow: hidden; border: 2px solid var(--ay-ink); background: var(--ay-ground); } .st-sk-thumbs > span:first-child { margin-left: 0; } .st-sk-thumbs .st-poster, .st-sk-pic .st-poster { width: 100%; height: 100%; } .st-sk-panel { width: min(380px, calc(100vw - 24px)); max-height: 60svh; overflow: auto; padding: 14px 16px 12px; border-radius: 24px; background: var(--ay-sheet); color: var(--ay-ink); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.22); } .st-sk-top { display: flex; align-items: center; justify-content: space-between; } .st-sk-top .st-d { font-size: 20px; } .st-sk-top .st-link { margin: 0; } .st-sk-panel li { display: flex; align-items: center; gap: 4px; border-top: 1px solid var(--ay-hair); } .st-sk-row { flex: 1; min-width: 0; display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; align-items: center; gap: 12px; min-height: 60px; padding: 6px 0; font-size: 14px; line-height: 1.25; } .st-sk-pic { width: 52px; height: 52px; border-radius: 12px; overflow: hidden; background: var(--ay-ground); } .st-sk-name { font-weight: 600; } .st-sk-price .st-sample-price { font-size: 10.5px; } .st-sk-x { flex: none; width: 44px; height: 44px; border: 0; background: none; color: var(--ay-soft); font-size: 22px; cursor: pointer; } .st-sk-note { margin-top: 8px !important; font-size: 12.5px; color: var(--ay-soft); } @keyframes st-pop { from { opacity: 0; transform: translateY(16px) scale(0.8); } to { opacity: 1; transform: none; } } .st-sec[data-feature="pair"] .st-pr { padding: 22px 12px 16px; border-radius: 32px; } .st-pr-head { padding: 0 8px 18px; font-size: clamp(26px, 6.4vw, 68px); line-height: 1.02; } .st-pr-plus { color: var(--st-strong); } .st-pr-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .st-sec[data-feature="pair"] .st-ft { position: relative; display: grid; gap: 10px; margin: 0; } .st-sec[data-feature="pair"] .st-ft[data-i="0"] { rotate: -1.5deg; } .st-sec[data-feature="pair"] .st-ft[data-i="1"] { rotate: 1.5deg; margin-top: 18px; } .st-pr-pic { display: block; overflow: hidden; border-radius: 22px; box-shadow: inset 0 0 0 1.5px rgba(30, 26, 58, 0.07); } .st-pr-pic .st-poster { width: 100%; aspect-ratio: 1; } .st-sec[data-feature="pair"] .st-ft-words { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 2px 8px; padding: 0 4px; } .st-sec[data-feature="pair"] .st-ft-words .st-l { grid-column: 1; } .st-sec[data-feature="pair"] .st-ft-price { grid-column: 1; font-weight: 600; } .st-sec[data-feature="pair"] .st-sample-price { font-size: 10.5px; font-weight: 400; } .st-sec[data-feature="pair"] .st-sk-plus { position: static; grid-column: 2; grid-row: 1 / span 2; } @media (min-width: 900px) { .st-sec[data-feature="pair"] .st-pr { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: center; gap: 4vw; padding: 48px; border-radius: 48px; } .st-pr-head { padding: 0; font-size: clamp(40px, 4.6vw, 92px); } .st-pr-cards { gap: 28px; } } .st-sec[data-story="pile"] .st-story-head { max-width: 12em; margin-bottom: 24px; font-size: clamp(36px, 8.6vw, 116px); line-height: 0.94; } .st-pi { display: grid; } .st-pi p { margin: 0 !important; padding: 22px 20px; border-radius: 26px; font-size: calc(var(--t-size) + 2px); line-height: 1.45; box-shadow: 0 12px 28px rgba(30, 26, 58, 0.08); } .st-pi p + p { margin-top: -8px !important; } .st-pi p[data-i="0"] { rotate: -1.6deg; } .st-pi p[data-i="1"] { rotate: 1.2deg; } .st-pi p[data-i="2"] { rotate: -0.8deg; } .st-pi p[data-i="3"] { rotate: 1.6deg; } @media (min-width: 900px) { .st-pi { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); align-items: start; } .st-pi p { min-height: 180px; padding: 32px 30px; font-family: var(--d-face); font-weight: 500; font-size: clamp(19px, 1.6vw, 26px); line-height: 1.25; letter-spacing: -0.02em; } /* past a short line, the words read in the text face: the display face is for what's said in a breath */ .st-pi p[data-long] { font-family: var(--t-face); font-weight: 450; font-size: clamp(17px, 1.3vw, 20px); line-height: 1.5; letter-spacing: 0; } .st-pi p + p { margin: 0 0 0 -18px !important; } .st-pi p:nth-child(even) { translate: 0 44px; } } .st-sec[data-faq="chat"] .st-faq-head { font-family: var(--d-face); font-weight: var(--d-weight); font-size: clamp(32px, 6vw, 84px); letter-spacing: -0.05em; line-height: 0.9; text-transform: none; color: var(--ay-ink); margin-bottom: 22px; } .st-sec[data-faq="chat"] .st-faq-list { display: grid; gap: 10px; max-width: 860px; } .st-sec[data-faq="chat"] .st-faq-list details { border: 0; } .st-sec[data-faq="chat"] .st-faq-n { display: none; } .st-sec[data-faq="chat"] summary { width: fit-content; max-width: 86%; min-height: 48px; align-items: center; gap: 14px; padding: 12px 18px; border-radius: 24px 24px 24px 6px; background: var(--ay-ink); color: var(--ay-ground); font-weight: 600; line-height: 1.2; } .st-sec[data-faq="chat"] summary::after { color: inherit; } .st-sec[data-faq="chat"] details p { width: fit-content; max-width: 86%; margin: 8px 0 8px auto; padding: 12px 18px; border-radius: 24px 24px 6px 24px; background: var(--st-panel); color: var(--st-on-panel); line-height: 1.3; } @media (min-width: 900px) { .st-sec[data-faq="chat"] { display: grid; grid-template-columns: 5fr 7fr; gap: 24px; align-items: start; } .st-sec[data-faq="chat"] .st-faq-head { font-size: clamp(64px, 8.4vw, 170px); margin: 0; } .st-sec[data-faq="chat"] .st-faq-list { gap: 12px; max-width: none; } .st-sec[data-faq="chat"] summary { padding: 14px 22px; font-size: 20px; } .st-sec[data-faq="chat"] details p { padding: 14px 22px; font-size: 19px; } } .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":"sorbet","data-away":"","children":["$","div",null,{"className":"st-section st-privacy","children":[["$","p",null,{"children":["$","a",null,{"href":"/","children":"Tutti"}]}],["$","h1",null,{"children":"Ring sizing"}],[["$","p","Stacked rings wear tighter than one alone. If you'll wear three or more together, go up half a size.",{"style":{"whiteSpace":"pre-line"},"children":"Stacked rings wear tighter than one alone. If you'll wear three or more together, go up half a size."}],["$","p","Not sure of your size? Ask and we'll send a free sizer.",{"style":{"whiteSpace":"pre-line"},"children":"Not sure of your size? Ask and we'll send a free sizer."}]],false,["$","p",null,{"style":{"marginTop":28},"children":["",["$","a","shipping",{"href":"/shipping","children":"Shipping"}]," · ",["$","a","returns",{"href":"/returns","children":"Returns"}]," · ",["$","a","about",{"href":"/about","children":"About"}]," · ",["$","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=sorbet","children":["A store template by Objectifly",["$","span",null,{"aria-hidden":"true","children":" · "}],["$","span",null,{"className":"st-ribbon-go","children":["Start with ","Sorbet"]}]]}]}]]}]}] 8:[null,[["$","meta","0",{"name":"viewport","content":"width=device-width, viewport-fit=cover, initial-scale=1"}],["$","meta","1",{"name":"theme-color","content":"#F4F1EC"}],["$","meta","2",{"name":"color-scheme","content":"light"}]]] 23:"StreamedIconsInsertion" 24:I["89c3cac48cb5",[],"$23",1] 22:T767,Ring sizing · Tutti1:[["$","div",null,{"hidden":true,"suppressHydrationWarning":true,"dangerouslySetInnerHTML":{"__html":"$22"}}],["$","$L24",null,{"metadataKey":"vi9fd859e2ea4a4ce6"}]] 2:null