.atelier-room{padding-top:var(--padding-top, 96px);padding-bottom:var(--padding-bottom, 96px)}.atelier-room__head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:4rem;flex-wrap:wrap}.atelier-room__head-text{max-width:540px}.atelier-room__eyebrow{font-family:DM Sans,system-ui,sans-serif;font-size:.75rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;opacity:.7;margin-bottom:1rem;display:inline-flex;align-items:center;gap:.625rem}.atelier-room__eyebrow .section-number{font-family:Courier New,Courier,monospace;color:#b85042}.atelier-room__heading{font-family:Playfair Display,Georgia,serif;font-weight:400;font-size:clamp(2rem,4.5vw,3rem);line-height:1.08;letter-spacing:-.02em;margin:0 0 1rem}.atelier-room__heading em{font-style:italic}.atelier-room__subheading{font-size:1rem;line-height:1.65;opacity:.8}.atelier-room__subheading p{margin:0}.atelier-room__view-all{display:inline-flex;align-items:center;gap:.5rem;font-family:DM Sans,system-ui,sans-serif;font-size:.75rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#1a1a1a;text-decoration:none;padding-bottom:4px;border-bottom:1px solid currentColor;transition:color .2s ease;white-space:nowrap}.atelier-room__view-all:hover{color:#b85042}.atelier-room__view-all svg{transition:transform .3s ease}.atelier-room__view-all:hover svg{transform:translate(4px)}.atelier-room__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 24px}@media screen and (max-width:989px){.atelier-room__grid{grid-template-columns:repeat(2,1fr);gap:24px 16px}}@media screen and (max-width:749px){.atelier-room__grid{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:14px;margin:0 -20px;padding:4px 20px 16px;scroll-padding-left:20px}.atelier-room__grid::-webkit-scrollbar{display:none}.atelier-room__card{flex:0 0 70%;scroll-snap-align:start}.atelier-room__card-media{margin-bottom:12px}.atelier-room__card-title{font-size:1.1875rem}.atelier-room__head{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:24px;padding:0 4px}.atelier-room__view-all{align-self:flex-start}}.atelier-room__card{display:flex;flex-direction:column;text-decoration:none;color:inherit;group:hover}.atelier-room__card-media{position:relative;aspect-ratio:4 / 5;overflow:hidden;background:#0000000a;margin-bottom:1.25rem}.atelier-room__card-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.4,0,.2,1)}.atelier-room__card:hover .atelier-room__card-img{transform:scale(1.04)}.atelier-room__card-img--placeholder{position:relative}.atelier-room__card-img--placeholder:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 30% 25%,rgba(255,255,255,.18) 0%,transparent 35%),radial-gradient(circle at 70% 75%,rgba(0,0,0,.08) 0%,transparent 40%)}.atelier-room__card-count{position:absolute;top:12px;left:12px;z-index:2;background:#f5f0ebeb;color:#1a1a1a;font-family:DM Sans,system-ui,sans-serif;font-size:.625rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;padding:.375rem .625rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.atelier-room__card-body{display:flex;flex-direction:column;gap:.4rem}.atelier-room__card-vol{font-family:Courier New,Courier,monospace;font-size:.6875rem;letter-spacing:.18em;color:#b85042;text-transform:uppercase}.atelier-room__card-title{font-family:Playfair Display,Georgia,serif;font-weight:400;font-size:1.5rem;line-height:1.1;letter-spacing:-.01em;margin:0;color:#1a1a1a}.atelier-room__card-title em{font-style:italic}.atelier-room__card-desc{font-size:.875rem;line-height:1.5;color:#1a1a1ab3;margin:0}.atelier-room__card-cta{display:inline-flex;align-items:center;gap:.5rem;font-family:DM Sans,system-ui,sans-serif;font-size:.6875rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:#1a1a1a;margin-top:.5rem;position:relative;padding-bottom:4px}.atelier-room__card-cta:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:currentColor;transition:width .4s cubic-bezier(.4,0,.2,1)}.atelier-room__card:hover .atelier-room__card-cta:after{width:32px}.atelier-room__card:hover .atelier-room__card-cta svg{transform:translate(4px)}.atelier-room__card-cta svg{transition:transform .3s ease}@media screen and (max-width:749px){.atelier-room__head{margin-bottom:2.5rem}.atelier-room__card-media{margin-bottom:1rem}.atelier-room__card-title{font-size:1.25rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-atelier-by-room.css.map */