Shipping · L'chaim

ated .st-tile-price { text-align: center; color: var(--st-accent); font-family: var(--l-face); } .st-pp[data-page="pour-recipe"] .st-related .st-sample-price { text-align: center; color: var(--ay-soft); } .st-pp[data-page="pour-recipe"] .st-related .st-tile-kind { justify-content: center; } .st-pp[data-page="pour-recipe"] .st-p-facts { border-top: 1px solid color-mix(in srgb, var(--st-accent) 40%, transparent); padding-top: 8px; } @media (min-width: 900px) { .st-pp[data-page="pour-recipe"] .st-p-top { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); align-items: start; gap: clamp(28px, 4vw, 64px); padding: 0 var(--g); } .st-pp[data-page="pour-recipe"] .st-p-stage { position: sticky; top: calc(var(--nav-h) + 20px); width: min(100%, calc((100svh - var(--nav-h) - 40px) * 5 / 7)); height: auto; aspect-ratio: 5 / 7; min-height: 0; margin: 20px auto 0; } .st-pp[data-page="pour-recipe"] .st-p-body { margin: 20px 0 0; padding: 48px clamp(28px, 3.4vw, 56px) 40px; } .st-pp[data-page="pour-recipe"] .st-p-name { font-size: clamp(44px, 4.6vw, 88px); } } .st-hero[data-hero="pour-backbar"] { position: relative; display: flex; flex-direction: column; min-height: calc(100svh - var(--nav-h)); padding: 16px var(--g) 28px; overflow: hidden; background: radial-gradient(90% 55% at 50% 42%, color-mix(in srgb, var(--st-accent) 12%, transparent), transparent 72%); } .pr-bb-sign { position: relative; z-index: 2; text-align: center; } .pr-bb-name { margin: 0; padding-left: 0.1em; font-size: clamp(46px, calc(16vw * var(--d-scale)), 200px); line-height: 0.96; letter-spacing: 0.1em; text-wrap: balance; } .pr-bb-name[data-long="1"] { font-size: clamp(34px, calc(10.5vw * var(--d-scale)), 150px); letter-spacing: 0.07em; } .pr-bb-name[data-long="2"] { font-size: clamp(26px, calc(7.6vw * var(--d-scale)), 104px); letter-spacing: 0.04em; } .pr-bb-bar { position: relative; display: flex; flex-direction: column; flex: 1 1 auto; gap: 16px; margin-top: 12px; } .pr-bb-tag { margin: 0 auto; max-width: 24em; font-family: var(--t-face); font-style: italic; font-size: 18px; line-height: 1.38; color: var(--ay-soft); text-align: center; text-wrap: balance; } .pr-bb-arch { position: relative; width: min(76vw, 44svh, 520px); aspect-ratio: 5 / 7; margin: 0 auto; } .pr-bb-arch::before { content: ""; position: absolute; inset: 0; clip-path: polygon(0 100%, 0 28.57%, 8% 28.57%, 8% 20%, 18% 20%, 18% 11.43%, 32% 11.43%, 32% 4.29%, 68% 4.29%, 68% 11.43%, 82% 11.43%, 82% 20%, 92% 20%, 92% 28.57%, 100% 28.57%, 100% 100%); background: repeating-conic-gradient(from 0deg at 50% 100%, color-mix(in srgb, var(--st-accent) 24%, transparent) 0deg 0.8deg, transparent 0.8deg 7.2deg), radial-gradient(110% 78% at 50% 100%, color-mix(in srgb, var(--st-accent) 26%, transparent), transparent 72%), var(--ay-sheet); } /* the counter: a double brass rule the arch stands on, running out past it */ .pr-bb-arch::after { content: ""; position: absolute; left: -60vw; right: -60vw; bottom: -6px; height: 3px; border-top: 1px solid var(--st-accent); border-bottom: 1px solid color-mix(in srgb, var(--st-accent) 50%, transparent); pointer-events: none; } .pr-arch-line { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; overflow: visible; pointer-events: none; } .pr-arch-line path { fill: none; stroke: var(--st-accent); stroke-width: 1.3; vector-effect: non-scaling-stroke; } .pr-arch-line path + path { opacity: 0.55; } .pr-bb-stage { position: absolute; left: 5%; right: 5%; top: 20%; bottom: 2%; z-index: 1; } /* until the piece draws, its dark photograph lies on the mirror by lighten, as the pool light lays it */ .pr-bb-stage:not(:has(.st-live[data-drawn])) { mix-blend-mode: lighten; } .pr-bb-order { position: relative; z-index: 2; display: grid; gap: 6px; width: min(100%, 520px); margin: 18px auto 0; } .pr-bb-kind { margin: 0; color: var(--st-accent); } .pr-bb-order .pr-line-name { font-size: 18px; } .pr-bb-order .pr-line-price > :is(.st-figure, .st-por) { font-size: 17px; } .pr-bb-see { justify-self: stretch; margin-top: 10px; } @media (min-width: 900px) { .st-hero[data-hero="pour-backbar"] { min-height: 620px; padding: clamp(12px, 2svh, 28px) var(--g) 26px; } .pr-bb-name { font-size: clamp(60px, calc(10vw * var(--d-scale)), 176px); } .pr-bb-name[data-long="1"] { font-size: clamp(44px, calc(6.8vw * var(--d-scale)), 120px); } .pr-bb-name[data-long="2"] { font-size: clamp(34px, calc(4.6vw * var(--d-scale)), 84px); } .pr-bb-bar { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 0 clamp(32px, 5vw, 88px); margin-top: clamp(10px, 2svh, 24px); } .pr-bb-arch { grid-column: 2; grid-row: 1; align-self: end; width: clamp(280px, min(36vw, calc((100svh - var(--nav-h) - 236px) * 5 / 7)), 580px); } .pr-bb-tag { grid-column: 1; grid-row: 1; justify-self: end; max-width: 13em; margin: 0; font-size: clamp(22px, 2vw, 32px); line-height: 1.28; text-align: right; } .pr-bb-order { grid-column: 3; grid-row: 1; justify-self: start; width: min(100%, 380px); margin: 0; } .pr-bb-see { justify-self: start; } } @media (min-width: 900px) and (max-height: 760px) { .pr-bb-tag { font-size: 21px; } } .st-sec[data-grid="pour-menu"] { content-visibility: visible; } .pr-run + .pr-run > .st-sec[data-grid="pour-menu"] { padding-top: calc(var(--sec) * 0.7); } .pr-card { position: relative; max-width: 1180px; margin: 0 auto; padding: 36px 18px 40px; border: 1px solid var(--st-accent); background: color-mix(in srgb, var(--ay-sheet) 72%, transparent); } .pr-card::before { content: ""; position: absolute; inset: 6px; border: 1px solid color-mix(in srgb, var(--st-accent) 42%, transparent); pointer-events: none; } /* a brass stud at each corner, as a menu's cover is bound */ .pr-card::after { content: ""; position: absolute; inset: -5px; pointer-events: none; background: linear-gradient(var(--st-accent), var(--st-accent)) left top / 9px 9px no-repeat, linear-gradient(var(--st-accent), var(--st-accent)) right top / 9px 9px no-repeat, linear-gradient(var(--st-accent), var(--st-accent)) left bottom / 9px 9px no-repeat, linear-gradient(var(--st-accent), var(--st-accent)) right bottom / 9px 9px no-repeat; } .pr-card-head { display: grid; justify-items: center; gap: 12px; margin-bottom: 30px; text-align: center; } .pr-card-title { margin: 0; padding-left: 0.1em; font-size: clamp(38px, calc(10vw * var(--d-scale)), 92px); line-height: 1; letter-spacing: 0.1em; } .pr-card-index { display: flex; flex-wrap: wrap; justify-content: center; } .pr-card-index a { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; padding: 0 8px; font-family: var(--l-face); font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--ay-soft); text-decoration: none; } .pr-card-index a:not(:first-child)::before { content: ""; width: 4px; height: 4px; background: var(--st-accent); transform: rotate(45deg); } .pr-course { scroll-margin-top: calc(var(--nav-h) + 16px); } .pr-course + .pr-course { margin-top: 42px; } .pr-course-head { display: flex; align-items: center; gap: 16px; margin: 0 0 22px; font-family: var(--d-face); font-weight: 400; font-size: clamp(26px, 7vw, 42px); line-height: 1; letter-spacing: 0.12em; text-transform: uppercase; color: var(--st-accent); } .pr-course-head::before, .pr-course-head::after { content: ""; flex: 1 1 0; height: 1px; background: color-mix(in srgb, var(--st-accent) 58%, transparent); } .pr-course-head span { flex: none; max-width: 80%; padding-left: 0.12em; text-align: center; } .pr-items { display: grid; gap: 24px; margin: 0; padding: 0; list-style: none; } .pr-item-a { display: grid; grid-template-columns: 94px minmax(0, 1fr); align-items: center; gap: 18px; color: inherit; text-decoration: none; } /* the coaster: the piece on a disc of the room's own green, a brass rim and a second ring off it */ .pr-coaster { position: relative; display: block; width: 84px; aspect-ratio: 1; margin: 5px; border-radius: 50%; overflow: hidden; background: var(--ay-ground); box-shadow: 0 0 0 1px color-mix(in srgb, var(--st-accent) 70%, transparent), 0 0 0 4px var(--ay-ground), 0 0 0 5px color-mix(in srgb, var(--st-accent) 32%, transparent); } .pr-coaster .st-poster, .pr-coaster .st-no-photo { width: 100%; height: 100%; } .pr-coaster .st-poster img { object-fit: cover; transform: scale(1.16); transition: transform 500ms var(--ay-ease); } .pr-coaster .st-poster[data-print] { padding: 0; } .pr-coaster .st-poster[data-print] img { outline: 0; border-radius: 0; } .pr-coaster .st-no-photo { padding: 14%; font-size: 12px; line-height: 1.1; } .pr-item-words { display: grid; gap: 3px; min-width: 0; } .pr-item-no { font-family: var(--l-face); font-size: 10.5px; line-height: 1.2; letter-spacing: 0.2em; color: var(--st-accent); } .pr-item .pr-made { font-size: 16.5px; } .pr-item-line { font-size: 15px; line-height: 1.4; color: var(--ay-soft); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } @media (hover: hover) { .pr-item-a:hover .pr-line-name { color: var(--st-accent); } .pr-item-a:hover .pr-coaster img { transform: scale(1.26); } .pr-card-index a:hover { color: var(--ay-ink); } } @media (min-width: 900px) { .pr-card { padding: clamp(44px, 5vw, 76px) clamp(36px, 5vw, 84px) clamp(48px, 5.4vw, 84px); } .pr-card-head { margin-bottom: 44px; } .pr-course + .pr-course { margin-top: 64px; } .pr-course-head { margin-bottom: 34px; } .pr-items { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px clamp(40px, 5vw, 84px); } .pr-items[data-one] { grid-template-columns: minmax(0, 560px); justify-content: center; } .pr-item-a { grid-template-columns: 132px minmax(0, 1fr); gap: 24px; } .pr-coaster { width: 122px; } .pr-line-name { font-size: 15.5px; } } .st-sec[data-feature="pour-special"] { padding-left: 0; padding-right: 0; } .pr-sp { --pr-soft: color-mix(in srgb, var(--st-on-panel) 80%, var(--st-panel)); position: relative; display: grid; gap: 28px; padding: 44px var(--g) 46px; background: var(--st-panel); color: var(--st-on-panel); border-top: 1px solid var(--st-accent); border-bottom: 1px solid var(--st-accent); } .pr-sp::before { content: ""; position: absolute; inset: 6px 0; border-top: 1px solid color-mix(in srgb, var(--st-accent) 45%, transparent); border-bottom: 1px solid color-mix(in srgb, var(--st-accent) 45%, transparent); pointer-events: none; } .pr-sp-pic { position: relative; justify-self: center; display: block; width: min(76vw, 440px); aspect-ratio: 1; margin: 9px; border-radius: 50%; overflow: hidden; background: color-mix(in srgb, var(--st-panel) 82%, #000); box-shadow: 0 0 0 1px var(--st-accent), 0 0 0 8px var(--st-panel), 0 0 0 9px color-mix(in srgb, var(--st-accent) 45%, transparent); } .pr-sp-pic .st-poster, .pr-sp-pic .st-no-photo { width: 100%; height: 100%; } .pr-sp-pic .st-poster img { object-fit: cover; transform: scale(0.84); transition: transform 600ms var(--ay-ease); } .pr-sp-pic .st-poster[data-print] { padding: 14%; } .pr-sp-words { display: grid; justify-items: start; gap: 12px; min-width: 0; } .pr-sp-kicker { display: flex; align-items: center; gap: 12px; margin: 0; color: var(--st-accent); } .pr-sp-kicker::before, .pr-sp-kicker::after { content: ""; width: 26px; height: 1px; background: currentColor; } .pr-sp-name { margin: 0; font-size: clamp(36px, calc(10vw * var(--d-scale)), 92px); line-height: 1.02; letter-spacing: 0.06em; color: var(--st-on-panel); } .pr-sp-name a { color: inherit; text-decoration: none; } .pr-sp .pr-alt { color: var(--pr-soft); } .pr-sp-lede { margin: 2px 0 0; max-width: 26em; font-family: var(--t-face); font-style: italic; font-size: clamp(21px, 2.1vw, 28px); line-height: 1.3; } .pr-sp-made { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; margin: 4px 0 0; font-style: italic; font-size: 17px; } .pr-sp-made .st-l { color: var(--st-accent); font-style: normal; } .pr-sp-told { max-width: 34em; margin: 0; font-size: 17px; line-height: 1.6; color: var(--pr-soft); } .pr-sp-price { margin: 8px 0 0; font-family: var(--l-face); font-size: 18px; font-weight: 500; letter-spacing: 0.06em; color: var(--st-accent); } .pr-sp-price .st-sample-price { margin-top: 4px; font-size: 11.5px; letter-spacing: 0.02em; color: var(--pr-soft); } .pr-sp-acts { display: flex; flex-wrap: wrap; gap: 10px; margin: 6px 0 0; } .pr-sp .st-btn:not([data-strong]) { border-color: color-mix(in srgb, var(--st-on-panel) 60%, transparent); color: var(--st-on-panel); } @media (hover: hover) { .pr-sp-pic:hover img { transform: scale(0.89); } .pr-sp-name a:hover { color: var(--st-accent); } } @media (min-width: 900px) { .pr-sp { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); align-items: center; gap: clamp(40px, 6vw, 110px); padding: clamp(60px, 7vw, 112px) max(var(--g), calc((100% - 1240px) / 2)); } .pr-sp[data-i="1"] { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); } .pr-sp[data-i="1"] .pr-sp-pic { order: 1; } .pr-sp-pic { width: min(100%, 470px); } } .st-sec[data-story="pour-toast"] { text-align: center; } .pr-toast-glasses { display: block; width: min(62vw, 260px); height: auto; margin: 0 auto 20px; overflow: visible; } .pr-toast-glasses path { fill: none; stroke: var(--st-accent); stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; } .pr-spark { animation: pr-spark 3.6s ease-in-out infinite; } @keyframes pr-spark { 0%, 100% { opacity: 0.25; } 50% { opacity: 1; } } @media (prefers-reduced-motion: reduce) { .pr-spark { animation: none; } } .pr-toast-head { max-width: 15em; margin: 0 auto 26px; padding-left: 0.06em; font-size: clamp(30px, calc(7.6vw * var(--d-scale)), 84px); line-height: 1.06; } .pr-toast-raise { max-width: 24em; margin: 0 auto; font-family: var(--t-face); font-style: italic; font-size: clamp(23px, 3vw, 36px); line-height: 1.32; text-wrap: balance; } .pr-toast-rest { display: grid; gap: 16px; max-width: 34em; margin: 34px auto 0; font-size: calc(var(--t-size) + 0.5px); line-height: 1.65; text-wrap: pretty; } .pr-toast-rest[data-long] { text-align: left; } .pr-toast-rest p { margin: 0; } .pr-toast-rest p[data-cap]::first-letter { float: left; margin: 0.06em 0.12em 0 0; font-family: var(--d-face); font-size: 3.3em; line-height: 0.84; color: var(--st-accent); } .pr-toast-sign { display: grid; justify-items: center; gap: 14px; margin-top: 44px; } .pr-toast-sign .st-d { padding-left: 0.16em; font-size: clamp(26px, 4vw, 50px); line-height: 1; letter-spacing: 0.16em; color: var(--st-accent); } @media (min-width: 900px) { .pr-toast-rest[data-two] { max-width: 1040px; display: block; columns: 2; column-gap: clamp(44px, 6vw, 96px); } .pr-toast-rest[data-two] p { break-inside: avoid-column; } .pr-toast-rest[data-two] p + p { margin-top: 16px; } } .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; } .pr-fan { display: flex; align-items: center; gap: 14px; width: min(100%, 340px); margin: 0 auto; color: var(--st-accent); } .pr-fan::before, .pr-fan::after { content: ""; flex: 1 1 0; height: 1px; background: currentColor; opacity: 0.7; } .pr-fan svg { flex: none; display: block; width: 50px; height: 25px; overflow: visible; } .pr-fan path { fill: none; stroke: currentColor; stroke-width: 1.2; stroke-linecap: round; vector-effect: non-scaling-stroke; } /* a line of the menu: the name in tracked capitals, dots to the price; a sample's note under it, the width of the line */ .pr-line { display: grid; grid-template-columns: minmax(0, max-content) minmax(18px, 1fr) auto; align-items: end; column-gap: 10px; } .pr-line-name { grid-column: 1; grid-row: 1; margin: 0; font-family: var(--l-face); font-weight: 600; font-size: 15px; line-height: 1.3; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ay-ink); overflow-wrap: anywhere; } .pr-line-name a { color: inherit; text-decoration: none; } .pr-dots { grid-column: 2; grid-row: 1; align-self: end; height: 0; margin-bottom: 0.42em; border-bottom: 2px dotted color-mix(in srgb, var(--st-accent) 72%, transparent); } .pr-line-price { display: contents; } .pr-line-price > :is(.st-figure, .st-por, .st-striking) { grid-column: 3; grid-row: 1; font-family: var(--l-face); font-size: 15px; font-weight: 500; line-height: 1.3; letter-spacing: 0.06em; white-space: nowrap; color: var(--st-accent); font-variant-numeric: lining-nums; } .pr-line-price > .st-sample-price { grid-column: 1 / -1; margin-top: 3px; font-family: var(--l-face); font-size: 11px; line-height: 1.4; letter-spacing: 0.03em; color: var(--ay-soft); } /* on a phone the name has the line to itself, and the dots lead from under it to the price */ @media (max-width: 899px) { .pr-line { grid-template-columns: minmax(18px, 1fr) auto; } .pr-line-name { grid-column: 1 / -1; } .pr-dots { grid-column: 1; grid-row: 2; } .pr-line-price > :is(.st-figure, .st-por, .st-striking) { grid-column: 2; grid-row: 2; } .pr-line-price > .st-sample-price { grid-row: 3; } } .pr-made { display: block; margin: 0; font-family: var(--t-face); font-style: italic; font-size: 17px; line-height: 1.35; color: color-mix(in srgb, var(--ay-ink) 86%, var(--ay-ground)); } .pr-alt { margin: 0; font-family: var(--t-face); font-size: 20px; line-height: 1.3; color: var(--ay-soft); text-align: start; } .st[data-template="pour"] { background-image: radial-gradient(80% 420px at 50% 0%, color-mix(in srgb, var(--st-accent) 10%, transparent), transparent); background-repeat: no-repeat; } .st[data-template="pour"] .st-nav .st-brand:not(.st-brand-mark) { font-family: var(--d-face); font-size: 20px; font-weight: 400; letter-spacing: 0.16em; text-transform: uppercase; } .st[data-template="pour"] .st-nav[data-nav="centre"] { border-bottom-color: color-mix(in srgb, var(--st-accent) 50%, transparent); box-shadow: 0 3px 0 -2px color-mix(in srgb, var(--st-accent) 24%, transparent); } .st[data-template="pour"] .st-btn { padding: 0.2em 22px 0; font-size: 12.5px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; border-color: color-mix(in srgb, var(--st-accent) 80%, transparent); } .st[data-template="pour"] .st-btn[data-strong] { border-color: var(--st-strong); } .st[data-template="pour"] .st-d { font-weight: 400; } 4:[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"$20"}}],"$L21"] 21:["$","main",null,{"className":"ayin ay st","data-template":"pour","data-away":"","children":["$","div",null,{"className":"st-section st-privacy","children":[["$","p",null,{"children":["$","a",null,{"href":"/","children":"L'chaim"}]}],["$","h1",null,{"children":"Shipping"}],[["$","p","Each piece is made to order, so allow a few weeks for it to be cast and finished. It's sent insured, with tracking, in a pouch and a box.",{"style":{"whiteSpace":"pre-line"},"children":"Each piece is made to order, so allow a few weeks for it to be cast and finished. It's sent insured, with tracking, in a pouch and a box."}],["$","p","This is a sample store, so nothing is sent from it.",{"style":{"whiteSpace":"pre-line"},"children":"This is a sample store, so nothing is sent from it."}]],false,["$","p",null,{"style":{"marginTop":28},"children":["",["$","a","returns",{"href":"/returns","children":"Returns"}]," · ",["$","a","about",{"href":"/about","children":"About"}]," · ",["$","a","sizing",{"href":"/sizing","children":"Sizing"}]," · ",["$","a","care",{"href":"/care","children":"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=pour","children":["A store template by Objectifly",["$","span",null,{"aria-hidden":"true","children":" · "}],["$","span",null,{"className":"st-ribbon-go","children":["Start with ","Pour"]}]]}]}]]}]}] 8:[null,[["$","meta","0",{"name":"viewport","content":"width=device-width, viewport-fit=cover, initial-scale=1"}],["$","meta","1",{"name":"theme-color","content":"#0F2620"}],["$","meta","2",{"name":"color-scheme","content":"dark"}]]] 23:"StreamedIconsInsertion" 24:I["f471c8eb95d7",[],"$23",1] 22:T76d,Shipping · L'chaim1:[["$","div",null,{"hidden":true,"suppressHydrationWarning":true,"dangerouslySetInnerHTML":{"__html":"$22"}}],["$","$L24",null,{"metadataKey":"vi9cdae6388dbab540"}]] 2:null