.atelier-frame{padding-top:var(--padding-top, 48px);padding-bottom:var(--padding-bottom, 80px)}.atelier-frame__grid{display:grid;grid-template-columns:1fr;gap:2.5rem}@media screen and (min-width:990px){.atelier-frame__grid{grid-template-columns:1.05fr 1fr;gap:4rem;align-items:start}}.atelier-frame__media-main{aspect-ratio:1 / 1;background:#fff;overflow:hidden;border:1px solid rgba(26,26,26,.06)}.atelier-frame__media-img{width:100%;height:100%;object-fit:cover;display:block}.atelier-frame__media-thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem;margin:.75rem 0 0;padding:0;list-style:none}.atelier-frame__media-thumb{aspect-ratio:1 / 1;overflow:hidden;border:1px solid rgba(26,26,26,.08);background:#fff;cursor:pointer;transition:border-color .2s ease}.atelier-frame__media-thumb:hover{border-color:#b8504266}.atelier-frame__media-thumb-img{width:100%;height:100%;object-fit:cover;display:block}.atelier-frame__info{display:flex;flex-direction:column;gap:1.5rem}@media screen and (min-width:990px){.atelier-frame__info{position:sticky;top:2rem}}.atelier-frame__eyebrow{display:inline-flex;align-items:center;gap:.6rem;font-family:DM Sans,system-ui,sans-serif;font-size:.6875rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:#1a1a1a8c;margin:0}.atelier-frame__eyebrow-line{display:inline-block;width:32px;height:1px;background:currentColor;opacity:.5}.atelier-frame__title{font-family:Playfair Display,Georgia,serif;font-size:clamp(1.875rem,3.4vw,2.625rem);font-weight:700;line-height:1.1;letter-spacing:-.01em;color:#1a1a1a;margin:0}.atelier-frame__price-row{display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap}.atelier-frame__price{font-family:Playfair Display,Georgia,serif;font-size:1.625rem;font-weight:700;color:#b85042;letter-spacing:-.01em}.atelier-frame__price-note{font-family:DM Sans,system-ui,sans-serif;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#1a1a1a8c}.atelier-frame__lede{font-family:DM Sans,system-ui,sans-serif;font-size:.9375rem;line-height:1.55;color:#1a1a1ac7;margin:0;max-width:38ch}.atelier-frame__usps{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:0}.atelier-frame__usp{display:inline-flex;align-items:center;gap:.55rem;padding:.6rem 1rem .6rem .85rem;background:#b850421a;border-radius:100px;font-family:DM Sans,system-ui,sans-serif;font-size:.6875rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#1a1a1a;line-height:1}.atelier-frame__usp-dot{width:8px;height:8px;border-radius:50%;background:#b85042;flex-shrink:0}@media screen and (max-width:600px){.atelier-frame__usp{padding:.5rem .85rem .5rem .75rem;font-size:.625rem;letter-spacing:.1em}.atelier-frame__usp-dot{width:7px;height:7px}}.atelier-frame__form{display:flex;flex-direction:column;gap:1.5rem;margin-top:.25rem}.atelier-frame__option{display:flex;flex-direction:column;gap:.75rem}.atelier-frame__option-head{display:flex;align-items:baseline;justify-content:flex-start;gap:.75rem}.atelier-frame__option-label{font-family:DM Sans,system-ui,sans-serif;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;font-weight:500;color:#1a1a1aa6}.atelier-frame__option-active{font-family:DM Sans,system-ui,sans-serif;font-size:.875rem;font-weight:500;color:#1a1a1a;position:relative;padding-left:.75rem}.atelier-frame__option-active:before{content:"\b7";position:absolute;left:0;color:#1a1a1a66;font-weight:700}.atelier-frame__swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:.625rem}@media screen and (max-width:600px){.atelier-frame__swatches{grid-template-columns:repeat(4,1fr);gap:.5rem}}.atelier-frame__swatch{display:flex;flex-direction:column;align-items:center;gap:.4rem;background:transparent;border:1px solid rgba(26,26,26,.12);padding:.5rem .4rem;cursor:pointer;transition:border-color .2s ease,transform .1s ease;font-family:DM Sans,system-ui,sans-serif}.atelier-frame__swatch:hover{border-color:#b8504266}.atelier-frame__swatch--active{border-color:#b85042;border-width:2px;padding:calc(.5rem - 1px) calc(.4rem - 1px)}.atelier-frame__swatch-chip{width:32px;height:32px;border-radius:2px;display:block;box-shadow:inset 0 0 0 1px #00000014}.atelier-frame__swatch--natural-oak .atelier-frame__swatch-chip{background:linear-gradient(135deg,#d6a874,#c0935f)}.atelier-frame__swatch--espresso .atelier-frame__swatch-chip{background:linear-gradient(135deg,#5a3a25,#3d2718)}.atelier-frame__swatch--white-wood .atelier-frame__swatch-chip{background:linear-gradient(135deg,#f5f0e8,#e8e0d4)}.atelier-frame__swatch--black-wood .atelier-frame__swatch-chip{background:linear-gradient(135deg,#2a2a2a,#1a1a1a)}.atelier-frame__swatch--matte-black .atelier-frame__swatch-chip{background:#181818}.atelier-frame__swatch--brushed-silver .atelier-frame__swatch-chip{background:linear-gradient(135deg,#cfd0d2,#a6a8ac)}.atelier-frame__swatch--gold-brass .atelier-frame__swatch-chip{background:linear-gradient(135deg,#d4a574,#b58957)}.atelier-frame__swatch-name{font-size:.6875rem;letter-spacing:.04em;color:#1a1a1ac7;text-align:center;line-height:1.2}.atelier-frame__pills{display:grid;grid-template-columns:repeat(3,1fr);gap:.625rem}.atelier-frame__pill{background:transparent;border:1px solid rgba(26,26,26,.18);padding:.875rem .6rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.15rem;transition:border-color .2s ease,background .2s ease,color .2s ease;font-family:DM Sans,system-ui,sans-serif}.atelier-frame__pill:hover{border-color:#b8504266}.atelier-frame__pill--active{border-color:#b85042;background:#b85042;color:#fff;border-width:1px}.atelier-frame__pill-cm{font-size:.9375rem;font-weight:500;letter-spacing:-.005em}.atelier-frame__pill-in{font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;opacity:.7}.atelier-frame__atc{background:#b85042;color:#fff;border:none;padding:1.625rem 2rem;font-family:DM Sans,system-ui,sans-serif;font-size:1.1875rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:background .2s ease,transform .1s ease;margin-top:.5rem;min-height:72px;line-height:1.2}.atelier-frame__atc:hover{background:#9f4337;transform:translateY(-1px)}.atelier-frame__atc:active{transform:translateY(0)}.atelier-frame__atc:disabled{background:#1a1a1a40;cursor:not-allowed;transform:none}.atelier-frame__atc [data-frame-atc-price]{font-weight:700;letter-spacing:.06em;font-size:1.0625em}@media screen and (max-width:600px){.atelier-frame__atc{padding:1.4rem 1.25rem;font-size:1.0625rem;min-height:64px;letter-spacing:.12em}}.atelier-frame__buy2{font-family:DM Sans,system-ui,sans-serif;font-size:.8125rem;line-height:1.5;color:#1a1a1ab8;text-align:center;margin:0}.atelier-frame__buy2 strong{color:#b85042;font-weight:500}.atelier-frame__trust{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:0;list-style:none;padding:1.25rem 0 0;margin:0;border-top:1px solid rgba(26,26,26,.08)}.atelier-frame__trust-item{display:inline-flex;align-items:center;gap:.45rem;font-family:DM Sans,system-ui,sans-serif;font-size:.8125rem;color:#1a1a1ac7;padding:0 .85rem;position:relative}.atelier-frame__trust-item:first-child{padding-left:0}.atelier-frame__trust-item:last-child{padding-right:0}.atelier-frame__trust-item+.atelier-frame__trust-item:before{content:"\b7";position:absolute;left:0;color:#1a1a1a59;font-weight:700;line-height:1}.atelier-frame__trust-item svg{color:#b85042;flex-shrink:0}.atelier-frame__trust-item strong{color:#1a1a1a;font-weight:600}@media screen and (max-width:600px){.atelier-frame__trust{gap:0;font-size:.75rem}.atelier-frame__trust-item{padding:0 .6rem;gap:.35rem}}.atelier-frame__narrative{margin-top:6rem}@media screen and (max-width:749px){.atelier-frame__narrative{margin-top:4rem}}.atelier-frame__narrative-eyebrow{display:flex;align-items:center;justify-content:center;gap:.875rem;font-family:DM Sans,system-ui,sans-serif;font-size:.6875rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:#1a1a1a8c;margin:0 0 1.75rem}.atelier-frame__narrative-eyebrow .atelier-frame__eyebrow-line{width:48px}.atelier-frame__narrative-heading{font-family:Playfair Display,Georgia,serif;font-size:clamp(1.875rem,3.8vw,2.875rem);font-weight:700;line-height:1.15;letter-spacing:-.01em;color:#1a1a1a;margin:0 auto 3.5rem;text-align:center;max-width:18ch}.atelier-frame__pillars{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:4rem}@media screen and (min-width:750px){.atelier-frame__pillars{grid-template-columns:repeat(2,1fr);gap:2.5rem 3rem}}.atelier-frame__pillar{display:flex;flex-direction:column;gap:.5rem}@media screen and (max-width:749px){.atelier-frame__pillars{display:flex!important;grid-template-columns:none!important;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:1rem;padding:.5rem 0 1rem;margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px;scroll-padding-left:20px}.atelier-frame__pillars::-webkit-scrollbar{display:none}.atelier-frame__pillar{flex:0 0 85%;scroll-snap-align:start;background:#fff;padding:1.5rem 1.25rem;border:1px solid rgba(26,26,26,.07);min-height:100%}.atelier-frame__pillars-hint{display:flex;justify-content:center;gap:.4rem;margin:-2rem 0 2rem}.atelier-frame__pillars-hint span{width:6px;height:6px;border-radius:50%;background:#1a1a1a2e}}.atelier-frame__pillar-num{font-family:Playfair Display,Georgia,serif;font-size:1.25rem;font-style:italic;color:#b85042;margin-bottom:.25rem}.atelier-frame__pillar-title{font-family:Playfair Display,Georgia,serif;font-size:1.375rem;font-weight:700;line-height:1.2;color:#1a1a1a;margin:0 0 .4rem}.atelier-frame__pillar-text{font-family:DM Sans,system-ui,sans-serif;font-size:.9375rem;line-height:1.6;color:#1a1a1abf;margin:0;max-width:48ch}.atelier-frame__service{background:#b850420d;border-left:3px solid #B85042;padding:2rem 2rem 2.25rem;margin-top:1rem}@media screen and (max-width:749px){.atelier-frame__service{padding:1.5rem 1.25rem}}.atelier-frame__service-heading{font-family:Playfair Display,Georgia,serif;font-size:1.5rem;font-weight:700;line-height:1.2;color:#1a1a1a;margin:0 0 1rem}.atelier-frame__service-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.625rem;font-family:DM Sans,system-ui,sans-serif;font-size:.9375rem;line-height:1.55;color:#1a1a1ad9}.atelier-frame__service-list li{padding-left:1.5rem;position:relative}.atelier-frame__service-list li:before{content:"\2713";position:absolute;left:0;color:#b85042;font-weight:700}.atelier-frame__service-list strong{color:#1a1a1a;font-weight:600}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-atelier-frame-product.css.map */
