Contact · Veld

} .at-lk-cap { grid-column: 1; grid-row: 3; padding-top: 18px; border-top: 1px solid var(--ay-hair); gap: 6px 24px; } .at-lk-title .st-d { font-size: clamp(30px, 2.8vw, 46px); } } /* a long name comes down a size, and its capitals closer, wrapping on balanced lines */ @media (max-width: 899px) { .st-hero[data-hero="atelier-look"] .at-lk-name { letter-spacing: 0.2em; margin-right: -0.2em; } } .st-hero[data-hero="atelier-look"] .at-lk-name[data-long] { font-size: clamp(24px, 6.4vw, 34px); letter-spacing: 0.12em; margin-right: 0; line-height: 1.15; text-wrap: balance; overflow-wrap: normal; } @media (min-width: 900px) { .st-hero[data-hero="atelier-look"] .at-lk-name[data-long] { font-size: clamp(30px, 3.2vw, 54px); } } .st-sec[data-grid="atelier-swatches"] { content-visibility: visible; } .at-sw-head { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: clamp(30px, 5vw, 80px); padding-bottom: 14px; border-bottom: 1px solid var(--ay-hair); } .at-sw-h { font-size: clamp(44px, calc(9vw * var(--d-scale)), 132px); line-height: 0.9; } .at-sw-range { white-space: nowrap; font-variant-numeric: lining-nums tabular-nums; } .at-sw-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 48px 14px; align-items: start; } .at-sw { display: grid; gap: 14px; color: inherit; } .at-sw-cloth { --pk: 10px; position: relative; display: block; aspect-ratio: 4 / 5; background: var(--at-cloth); -webkit-mask: conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom / var(--pk) 51% repeat-x, conic-gradient(from 135deg at top, #0000, #000 1deg 89deg, #0000 90deg) top / var(--pk) 51% repeat-x; mask: conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom / var(--pk) 51% repeat-x, conic-gradient(from 135deg at top, #0000, #000 1deg 89deg, #0000 90deg) top / var(--pk) 51% repeat-x; } /* the eyelet a swatch book's ring goes through, and a basting stitch tacked round the cloth */ .at-sw-cloth::before { content: ""; position: absolute; z-index: 2; left: 24px; top: 28px; width: 10px; height: 10px; border-radius: 50%; background: var(--ay-ground); box-shadow: 0 0 0 2px #BC9A55, inset 0 1px 2px rgba(0, 0, 0, 0.28); } .at-sw-cloth::after { content: ""; position: absolute; z-index: 2; inset: 16px 12px; pointer-events: none; background: repeating-linear-gradient(90deg, var(--at-thread) 0 7px, transparent 7px calc(7px + 5px)) left top / 100% 1.5px no-repeat, repeating-linear-gradient(90deg, var(--at-thread) 0 7px, transparent 7px calc(7px + 5px)) left bottom / 100% 1.5px no-repeat, repeating-linear-gradient(180deg, var(--at-thread) 0 7px, transparent 7px calc(7px + 5px)) left top / 1.5px 100% no-repeat, repeating-linear-gradient(180deg, var(--at-thread) 0 7px, transparent 7px calc(7px + 5px)) right top / 1.5px 100% no-repeat; opacity: 0.8; } .at-sw-tag { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; gap: 3px 16px; } .at-sw-no { grid-column: 1; color: var(--ay-ink); font-variant-numeric: lining-nums tabular-nums; } .at-sw-price { grid-column: 2; grid-row: 1 / span 2; justify-self: end; text-align: right; font-family: var(--l-face); font-size: 14px; } .at-sw-price .st-sample-price { max-width: 13em; margin-left: auto; font-size: 11px; } .at-sw-name { grid-column: 1; min-width: 0; font-size: clamp(19px, 1.7vw, 25px); line-height: 1.15; } .at-sw-made { grid-column: 1 / -1; font-style: italic; font-size: 15px; line-height: 1.35; color: var(--ay-soft); } @media (hover: hover) { .at-sw:hover .at-sw-cloth .st-poster img { transform: scale(1.04); } .at-sw:hover .at-sw-name { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px; } } @media (max-width: 899px) { .at-sw-cell[data-ph="0"] { grid-column: 1 / -1; } .at-sw-cell[data-ph="2"] { margin-top: 56px; } /* a half-width swatch: its price under its name */ .at-sw-cell:not([data-ph="0"]) .at-sw-cloth { --pk: 8px; } .at-sw-cell:not([data-ph="0"]) .at-sw-cloth::before { left: 16px; top: 20px; width: 8px; height: 8px; } .at-sw-cell:not([data-ph="0"]) .at-sw-cloth::after { inset: 11px 8px; } .at-sw-cell:not([data-ph="0"]) .at-sw-tag { grid-template-columns: minmax(0, 1fr); } .at-sw-cell:not([data-ph="0"]) .at-sw-price { grid-column: 1; grid-row: auto; justify-self: start; text-align: left; order: 3; } .at-sw-cell:not([data-ph="0"]) .at-sw-price .st-sample-price { margin-left: 0; } .at-sw-cell:not([data-ph="0"]) .at-sw-name { font-size: 18px; } .at-sw-cell:not([data-ph="0"]) .at-sw-made { font-size: 14px; } } @media (min-width: 900px) { .at-sw-list { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--st-gap); row-gap: clamp(64px, 7vw, 120px); } .at-sw-cell[data-at="0"] { grid-column: 1 / span 5; } .at-sw-cell[data-at="1"] { grid-column: 7 / span 3; align-self: end; } .at-sw-cell[data-at="2"] { grid-column: 10 / span 3; margin-top: clamp(96px, 14vw, 240px); } .at-sw-cell[data-at="3"] { grid-column: 2 / span 4; } .at-sw-cell[data-at="4"] { grid-column: 7 / span 5; margin-top: clamp(48px, 7vw, 120px); } .at-sw-cell[data-at="5"] { grid-column: 1 / span 3; align-self: end; } .at-sw-cell[data-at="6"] { grid-column: 5 / span 4; } .at-sw-cell[data-at="7"] { grid-column: 10 / span 3; margin-top: clamp(64px, 10vw, 180px); } .at-sw-cell:is([data-at="1"], [data-at="2"], [data-at="5"], [data-at="7"]) .at-sw-tag { grid-template-columns: minmax(0, 1fr); } .at-sw-cell:is([data-at="1"], [data-at="2"], [data-at="5"], [data-at="7"]) .at-sw-price { grid-column: 1; grid-row: auto; justify-self: start; text-align: left; order: 3; } .at-sw-cell:is([data-at="1"], [data-at="2"], [data-at="5"], [data-at="7"]) .at-sw-price .st-sample-price { margin-left: 0; } } .at-ft { display: grid; gap: 30px; } .at-ft-board { position: relative; display: block; padding-top: 12px; } .at-ft-cloth { position: relative; display: block; aspect-ratio: 1; background: var(--at-cloth); box-shadow: 0 1px 0 color-mix(in srgb, var(--ay-ink) 8%, transparent), 0 22px 44px -30px color-mix(in srgb, var(--ay-ink) 50%, transparent); } .at-ft-pin { position: absolute; z-index: 2; top: 0; left: 18px; width: 36px; height: 36px; } .at-ft-pin + .at-ft-pin { left: auto; right: 18px; transform: scaleX(-1); } .at-ft-look { display: flex; align-items: baseline; gap: 14px; } .at-ft-num { font-size: clamp(96px, 26vw, 210px); font-weight: 200; line-height: 0.8; letter-spacing: -0.045em; font-variant-numeric: lining-nums; } .at-ft-kind { margin-top: 26px; } .at-ft-name { margin-top: 8px; font-size: clamp(32px, 4vw, 58px); line-height: 1.02; } .at-ft-made { margin-top: 6px; font-style: italic; color: var(--ay-soft); } .at-ft-lines { margin-top: 18px; max-width: 26em; font-style: italic; font-size: clamp(20px, 1.8vw, 24px); line-height: 1.35; } .at-ft-told { margin-top: 14px; display: grid; gap: 0.8em; max-width: 32em; line-height: 1.6; } .at-ft-price { margin-top: 26px; font-family: var(--l-face); font-size: 16px; } .at-ft-price .st-sample-price { font-size: 11.5px; } .at-ft-acts { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; } .at-ft-ask { border-color: var(--ay-hair); } @media (hover: hover) { .at-ft-board:hover .st-poster img { transform: scale(1.03); } } @media (min-width: 900px) { .at-ft { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--st-gap); align-items: center; } .at-ft-board { grid-column: 1 / span 6; grid-row: 1; } .at-ft-words { grid-column: 8 / span 5; grid-row: 1; } .at-ft[data-side="1"] .at-ft-board { grid-column: 7 / span 6; } .at-ft[data-side="1"] .at-ft-words { grid-column: 1 / span 5; } .at-ft-num { font-size: clamp(120px, 13vw, 230px); } } .at-pt-sheet { position: relative; padding: clamp(26px, 5vw, 84px) clamp(16px, 4vw, 72px); background: radial-gradient(circle, color-mix(in srgb, var(--ay-ink) 20%, transparent) 0.9px, transparent 1.3px) 0 0 / 22px 22px, color-mix(in srgb, var(--ay-ground) 55%, #fff); } .at-pt-head { max-width: 15em; margin-bottom: clamp(28px, 4vw, 64px); font-size: clamp(34px, calc(7vw * var(--d-scale)), 100px); line-height: 1; } .at-pt-pieces { display: grid; gap: 30px; align-items: start; } .at-pt-piece { position: relative; padding: 30px 24px 30px 50px; background: repeating-linear-gradient(90deg, var(--at-thread) 0 9px, transparent 9px calc(9px + 5px)) left top / 100% 1px no-repeat, repeating-linear-gradient(90deg, var(--at-thread) 0 9px, transparent 9px calc(9px + 5px)) left bottom / 100% 1px no-repeat, repeating-linear-gradient(180deg, var(--at-thread) 0 9px, transparent 9px calc(9px + 5px)) left top / 1px 100% no-repeat, repeating-linear-gradient(180deg, var(--at-thread) 0 9px, transparent 9px calc(9px + 5px)) right top / 1px 100% no-repeat, var(--ay-ground); --at-thread: color-mix(in srgb, var(--ay-ink) 52%, transparent); } .at-pt-piece p { max-width: 36em; font-size: calc(var(--t-size) + 1px); line-height: 1.62; text-wrap: pretty; } .at-pt-grain { position: absolute; left: 20px; top: 30px; width: 12px; height: calc(100% - 60px); overflow: visible; } .at-pt-grain path { fill: none; stroke: color-mix(in srgb, var(--ay-ink) 50%, transparent); stroke-width: 1; } /* notches, cut into the edge where two pieces meet */ .at-pt-piece::before, .at-pt-piece::after { content: ""; position: absolute; background: color-mix(in srgb, var(--ay-ink) 58%, transparent); } .at-pt-piece::before { top: 0; left: 38%; width: 12px; height: 9px; clip-path: polygon(0 0, 100% 0, 50% 100%); } .at-pt-piece::after { right: 0; top: 46%; width: 9px; height: 12px; clip-path: polygon(100% 0, 100% 100%, 0 50%); } .at-pt-piece[data-i="1"]::before, .at-pt-piece[data-i="3"]::before { left: 62%; } @media (min-width: 900px) { .at-pt-pieces { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--st-gap); row-gap: 40px; } .at-pt-piece { min-height: 168px; padding: 40px 40px 40px 64px; } .at-pt-grain { left: 26px; top: 40px; height: calc(100% - 80px); } .at-pt-piece[data-i="0"] { grid-column: 1 / span 6; } .at-pt-piece[data-i="1"] { grid-column: 7 / span 6; margin-top: 88px; } .at-pt-piece[data-i="2"] { grid-column: 2 / span 6; } .at-pt-piece[data-i="3"] { grid-column: 8 / span 5; margin-top: 56px; } .at-pt-sheet[data-n="1"] .at-pt-piece { grid-column: 3 / span 8; margin-top: 0; } } .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; } .st { --at-thread: color-mix(in srgb, var(--st-accent) 88%, transparent); } /* a tailor's tape: a pale strip, a tick to the centimetre, its number at ten */ .at-tape { display: block; width: 28px; overflow: hidden; background: color-mix(in srgb, var(--ay-ground) 70%, #fff); box-shadow: 1px 0 0 color-mix(in srgb, var(--ay-ink) 14%, transparent); } .at-tape-tick { fill: color-mix(in srgb, var(--ay-ink) 66%, transparent); } .at-tape-n { font-family: var(--l-face); font-size: 8px; font-weight: 500; letter-spacing: 0.02em; fill: color-mix(in srgb, var(--ay-ink) 78%, transparent); } /* a dressmaker's pin: a steel shaft, a head of the thread's colour */ .at-pin { display: block; overflow: visible; pointer-events: none; } .at-pin-shaft { fill: none; stroke: color-mix(in srgb, var(--ay-ink) 46%, #A7A39B); stroke-width: 1.3; stroke-linecap: round; } .at-pin-head { fill: var(--st-accent); } /* a photograph on a cloth: square, its paper gone to the cloth (or a cut-out, on anything). The cloth stays one flat colour, so no edge shows */ .at-sw-cloth .st-poster, .at-ft-cloth .st-poster { position: absolute; left: 50%; top: 50%; width: 84%; height: auto; aspect-ratio: 1; transform: translate(-50%, -50%); } .at-sw-cloth .st-poster img, .at-ft-cloth .st-poster img { transition: transform 700ms var(--ay-ease); } .at-sw-cloth .st-no-photo, .at-ft-cloth .st-no-photo { position: absolute; inset: 0; aspect-ratio: auto; background: none; } @supports (animation-timeline: view()) { @media (prefers-reduced-motion: no-preference) { .st:not([data-reveal="none"]) :is(.at-sw-cell, .at-ft, .at-pt-piece) { animation: st-fade linear both; animation-timeline: view(); animation-range: entry 0% entry 32%; } } } .st[data-template="atelier"] .st-nav .st-brand:not(.st-brand-mark):not([data-script]) { letter-spacing: 0.34em; font-weight: 500; } .st[data-template="atelier"] .st-btn { font-size: 11.5px; letter-spacing: 0.14em; text-transform: uppercase; } .st[data-template="atelier"] .st-faq-list summary { font-family: var(--d-face); font-weight: 300; font-size: clamp(19px, 2vw, 25px); line-height: 1.25; } .st[data-template="atelier"] .st-faq-list details p { font-size: calc(var(--t-size) - 0.5px); line-height: 1.6; } .st[data-template="atelier"] .st-related .st-d { font-weight: 300; } .st[data-template="atelier"] .st-p-next-name { font-weight: 200; } 4:[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"$20"}}],"$L21"] 21:["$","main",null,{"className":"ayin ay st","data-template":"atelier","data-away":"","children":["$","div",null,{"className":"st-section st-privacy","children":[["$","p",null,{"children":["$","a",null,{"href":"/","children":"Veld"}]}],["$","h1",null,{"children":"Contact"}],[["$","p","Write to the studio. We answer in the afternoons, between fittings, usually within a day.",{"style":{"whiteSpace":"pre-line"},"children":"Write to the studio. We answer in the afternoons, between fittings, usually within a day."}],["$","p","These pieces are sold by Veld (a sample store).",{"style":{"whiteSpace":"pre-line"},"children":"These pieces are sold by Veld (a sample store)."}]],["$","p",null,{"children":["$","a",null,{"href":"mailto:studio@veld.example","children":"studio@veld.example"}]}],["$","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","care",{"href":"/care","children":"Care"}]," · ",["$","a","sizing",{"href":"/sizing","children":"Sizing"}]," · ",["$","a","privacy",{"href":"/privacy","children":"Privacy"}]]}],["$","p",null,{"className":"st-l st-ribbon","children":["$","a",null,{"href":"https://objectifly.com/start?template=atelier","children":["A store template by Objectifly",["$","span",null,{"aria-hidden":"true","children":" · "}],["$","span",null,{"className":"st-ribbon-go","children":["Start with ","Atelier"]}]]}]}]]}]}] 8:[null,[["$","meta","0",{"name":"viewport","content":"width=device-width, viewport-fit=cover, initial-scale=1"}],["$","meta","1",{"name":"theme-color","content":"#F3F1EC"}],["$","meta","2",{"name":"color-scheme","content":"light"}]]] 23:"StreamedIconsInsertion" 24:I["f471c8eb95d7",[],"$23",1] 22:T732,Contact · Veld1:[["$","div",null,{"hidden":true,"suppressHydrationWarning":true,"dangerouslySetInnerHTML":{"__html":"$22"}}],["$","$L24",null,{"metadataKey":"vi97d21a2071df5030"}]] 2:null