.process.visual-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;padding:0;list-style:none;margin:40px 0;counter-reset:none}.process.visual-process li{position:relative;min-width:0}.process-picture{position:relative;aspect-ratio:3/2;overflow:hidden;border-radius:6px;background:#faf7f2}.process-picture img{position:absolute;width:200%;height:200%;max-width:none;object-fit:fill;top:0;left:0}.process-design img{transform:translateX(-50%)}.process-make img{transform:translateY(-50%)}.process-receive img{transform:translate(-50%,-50%)}.process-caption{padding-top:24px}.step-heading{display:flex;align-items:center;gap:12px}.step-number{display:grid;place-items:center;flex:none;min-width:36px;height:36px;padding:0 5px;background:var(--blue);color:white;font-size:.78rem;font-weight:800;font-variant-numeric:tabular-nums;border-radius:3px}.process.visual-process h3{font-size:1.13rem;line-height:1.4;font-weight:700;letter-spacing:-.025em}.process.visual-process p{font-size:.95rem;line-height:1.75;margin-top:16px;color:var(--muted)}.process.visual-process li:not(:last-child)::after{content:'→';position:absolute;right:-24px;top:23%;color:var(--muted);font-size:1.15rem}.guide-title{padding-bottom:10px}.guide-title .phrase{display:inline-block}.guide-essentials{margin-top:55px;padding:44px 0 72px;border-top:1px solid var(--line)}.guide-essentials h2{font-size:1.8rem}.prep-list{display:flex;gap:32px;flex-wrap:wrap;list-style:none;margin:34px 0 42px;padding:0}.prep-list li{display:flex;align-items:center;gap:15px;font-size:1.05rem}.prep-list svg{width:32px;height:32px;fill:none;stroke:var(--blue);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.faq-more{margin-top:28px}#order-flow,#faq{scroll-margin-top:110px}
@media(max-width:1100px){.process.visual-process{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 28px}.process.visual-process li:not(:last-child)::after{content:none}}
@media(max-width:650px){.process.visual-process{grid-template-columns:1fr;gap:30px;margin:30px 0}.process.visual-process li{display:grid;grid-template-columns:minmax(115px,.75fr) minmax(0,1fr);align-items:center;gap:22px}.process-picture{aspect-ratio:3/2;align-self:start}.process-caption{padding:0}.step-heading{gap:9px;align-items:center;flex-wrap:wrap}.step-number{min-width:30px;height:30px;font-size:.8rem}.process.visual-process h3{font-size:1.12rem}.process.visual-process p{font-size:1rem;line-height:1.65;margin-top:12px}.guide-essentials{padding:36px 0 52px;margin-top:40px}.guide-essentials h2{font-size:1.65rem}.prep-list{display:grid;gap:24px;margin:28px 0 36px}.prep-list li{font-size:1rem}#order-flow,#faq{scroll-margin-top:94px}}
@media(max-width:360px){.process.visual-process li{grid-template-columns:1fr;gap:18px}.step-heading{flex-wrap:nowrap}.process.visual-process{gap:36px}}
