/* Two editorial text/product panels and a slim visual on desktop; one complete panel on phones. */
.atelier-home .hero{height:auto;max-height:none;min-height:0;background:transparent;margin:24px auto 0;width:94%;max-width:1800px;overflow:visible;color:var(--hero-ink,#303030)}
.hero-rail{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x pan-y;overscroll-behavior-x:contain;align-items:stretch}
.hero-rail::-webkit-scrollbar{display:none}
.hero-card{flex:0 0 calc((100% - 36px)*.4);min-width:0;min-height:clamp(320px,30vw,480px);height:auto;display:flex;flex-direction:row-reverse;position:relative;overflow:hidden;scroll-snap-align:start;background:var(--hero-bg,#eee9e3);color:inherit;text-decoration:none;border-radius:3px}
.hero-card-media{width:55%;overflow:hidden;position:relative;flex-shrink:0;align-self:stretch}
.hero-card-media img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;transform:translate(var(--hero-desktop-x,0%),var(--hero-desktop-y,0%)) scale(var(--hero-desktop-scale,1));transform-origin:center}
.hero-card-copy{padding:30px 0 30px 6%;min-width:0;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:14px}
.hero-card .eyebrow{font-size:10px;letter-spacing:.13em;line-height:1.5;margin:0;overflow-wrap:anywhere}
.atelier-home .hero-card h1,.atelier-home .hero-card h2{font-size:clamp(22px,2.1vw,34px);font-weight:400;letter-spacing:-.035em;line-height:1.15;margin:0;overflow-wrap:anywhere}
.hero-card-description{font-size:13px;line-height:1.65;margin:0;white-space:pre-line;overflow-wrap:anywhere}
.hero-card-description:empty{display:none}
.hero-card-label{font-size:11px;line-height:1.5;border-bottom:1px solid currentColor;padding-bottom:4px;margin-top:4px;overflow-wrap:anywhere}
.hero-card:focus-visible{outline:2px solid var(--hero-ink,#303030);outline-offset:-4px}.hero-card:hover .hero-card-label{opacity:.65}
.hero-grid-controls{display:flex;justify-content:flex-end;align-items:center;gap:18px;margin-top:14px;font-size:11px}.hero-grid-controls[hidden]{display:none}
.hero-grid-controls button{border:1px solid #ccc5bc;background:transparent;border-radius:50%;width:34px;height:34px;cursor:pointer;color:inherit;font-size:18px}.hero-grid-controls button:disabled{opacity:.3;cursor:default}
@media(min-width:701px){.hero-card:nth-child(3){flex-basis:calc((100% - 36px)*.2)}.hero-card:nth-child(3) .hero-card-copy{display:none}.hero-card:nth-child(3) .hero-card-media{width:100%}}
@media(min-width:701px) and (max-width:1000px){.hero-card-copy{padding-left:7%;gap:10px}.hero-card .eyebrow{font-size:8px}.atelier-home .hero-card h1,.atelier-home .hero-card h2{font-size:22px}.hero-card-description{font-size:11px}.hero-card-label{font-size:10px}}
@media(max-width:700px){.atelier-home .hero{margin:16px 16px 0;width:calc(100% - 32px);height:auto;max-height:none}.hero-rail{gap:12px}.hero-card{flex-basis:100%;height:auto;min-height:320px;aspect-ratio:1;scroll-snap-stop:always}.hero-card-media{width:55%;height:auto}.hero-card-media img{transform:translate(var(--hero-mobile-x,0%),var(--hero-mobile-y,0%)) scale(var(--hero-mobile-scale,1))}.hero-card-copy{padding:24px 0 24px 7%;gap:12px}.atelier-home .hero-card h1,.atelier-home .hero-card h2{font-size:clamp(22px,6vw,32px)}.hero-card .eyebrow{font-size:9px;letter-spacing:.08em}.hero-card-description{font-size:12px}.hero-card-label{font-size:11px}}
@media(max-width:350px){.atelier-home .site-header{padding-inline:12px}.atelier-home .site-header .brand{width:80px}.atelier-home .header-tool{width:25px}.atelier-home .header-tool svg{width:21px}}