/* The original two-photo opening is retained. Workshop detail lives below. */
.hero-tools svg{transition:transform .4s cubic-bezier(.22,1,.36,1)}
@media(hover:hover) and (pointer:fine){.hero-copy:hover .hero-tools svg:first-child{transform:rotate(9deg)}.hero-copy:hover .hero-tools svg:nth-child(2){transform:translateY(-3px)}.hero-copy:hover .hero-tools svg:last-child{transform:rotate(-9deg)}}
.craft-shell{background:var(--ink);color:var(--paper);margin-block:12px 22px;overflow:hidden}
.craft-divider{margin-top:0;border:0;justify-content:space-between;padding-block:32px;gap:32px}
.craft-divider>span{gap:22px;font-size:34px;letter-spacing:.6px}
.craft-divider svg{width:70px;height:70px;color:var(--gold);transition:transform .5s cubic-bezier(.22,1,.36,1)}
.craft-divider>span:nth-of-type(1):hover svg{transform:rotate(14deg)}
.craft-divider>span:nth-of-type(2):hover svg{transform:translateY(-7px) rotate(-6deg)}
.craft-divider>span:nth-of-type(3):hover svg{transform:rotate(-12deg)}
.craft-divider small{display:block;font:500 9px/1.7 var(--sans);letter-spacing:1.2px;color:#bbb9af;margin-top:5px}
.craft-divider>i{height:48px;background:#ffffff26}
@media(max-width:900px){.craft-divider{gap:22px}.craft-divider>span{font-size:26px;gap:10px}.craft-divider svg{width:46px;height:46px}.craft-divider small{font-size:8px;letter-spacing:.8px}}
@media(max-width:650px){.craft-shell{margin-block:0 4px}.craft-divider{padding-block:27px;gap:12px}.craft-divider>span{flex-direction:column;gap:9px;font-size:22px;text-align:center;flex:1}.craft-divider svg{width:47px;height:47px}.craft-divider small{font-size:7px;letter-spacing:.7px}.craft-divider>i{height:56px}}
@media(prefers-reduced-motion:reduce){.hero-copy:hover .hero-tools svg,.craft-divider>span:hover svg{transform:none}}