:root{--ink:#172c29;--green:#174c3d;--paper:#f5f3ed;--line:#d5ddd6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.8 'Yu Gothic',Meiryo,sans-serif}header{display:flex;justify-content:space-between;align-items:center;padding:24px 6%;border-bottom:1px solid var(--line);background:var(--paper)}a{color:inherit;text-decoration:none}.brand{font:bold 30px/1.2 Georgia,serif;letter-spacing:-1px}.brand span{display:block;font:10px/2 sans-serif;letter-spacing:2px}nav{display:flex;gap:28px;font-size:14px}section{padding:80px 6%}h1{font-size:clamp(36px,5.5vw,76px);line-height:1.35;letter-spacing:-.04em;margin:24px 0}h2{font-size:clamp(25px,3vw,40px);line-height:1.5;margin:12px 0 28px}.eyebrow{font:12px/1.5 sans-serif;letter-spacing:3px;color:#527565}.hero{display:grid;grid-template-columns:1fr 1.1fr;gap:35px;align-items:center;min-height:620px}.hero-art{background:#e3e7dd;border-radius:50% 50% 8px 8px;padding:30px 12px;text-align:center}.hero-art>span{font:11px sans-serif;letter-spacing:3px}.shoe{position:relative;aspect-ratio:567/425;width:100%;overflow:hidden}.shoe img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.button{display:inline-block;border:0;background:var(--green);color:white;padding:16px 25px;border-radius:4px;font:inherit;cursor:pointer}button{cursor:pointer;font:inherit}button:focus-visible,a:focus-visible{outline:3px solid #ba7416;outline-offset:4px}.small{font-size:12px;color:#57695e}.columns{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.craft{background:#e8ece5}.columns article{border-top:1px solid #a8b7aa;padding-top:20px}.studio{display:grid;grid-template-columns:1.1fr 1fr;gap:45px;margin-top:35px}.preview{align-self:start;position:sticky;top:20px;background:white;padding:20px;border-radius:12px;text-align:center}.parts{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.parts button{background:transparent;border:1px solid #bbc8bd;padding:10px 4px;border-radius:5px;font-size:13px}.parts button[aria-pressed=true]{background:var(--green);color:white}.colors{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.colors button{padding:8px 2px;border:1px solid #bbc8bd;border-radius:5px;background:white;font-size:10px}.colors button[aria-pressed=true]{outline:2px solid var(--green)}.colors button:disabled{opacity:.25;cursor:not-allowed}.swatch{display:block;width:26px;height:26px;border-radius:50%;margin:0 auto 4px;border:1px solid #bbb}h3{font-size:17px;margin:25px 0 12px}.contact{background:var(--ink);color:white}.contact .eyebrow{color:#b3cbb3}.contact .button{background:#dce5cd;color:var(--ink)}.site-footer{padding:35px 6%;font-size:12px}.toolbar{display:flex;gap:16px;justify-content:center;margin-bottom:30px}.toolbar>button:first-child{border:1px solid #aaa;background:white;padding:10px}.paper{max-width:790px;min-height:1000px;background:white;margin:25px auto;padding:45px;box-shadow:0 4px 20px #0001}.paper .shoe{max-width:480px;margin:auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.wide{grid-column:1/-1}label{display:block;font-size:14px}input,textarea{width:100%;border:1px solid #aaa;background:#fff;font:inherit;padding:9px;color:inherit}table{width:100%;border-collapse:collapse;font-size:13px}th,td{border:1px solid #aaa;text-align:left;padding:6px 12px}.paper footer{margin-top:30px;border-top:1px solid #aaa;font-size:12px;padding-top:12px}[hidden]{display:none!important}body.order-mode main>section:not(#order),body.order-mode header,body.order-mode .site-footer{display:none}@media(max-width:760px){header{padding:18px 5%}.brand{font-size:24px}nav{gap:12px;font-size:12px}nav a:first-child{display:none}section{padding:48px 5%}.hero,.studio,.columns{grid-template-columns:1fr}.hero{gap:20px}.hero-art{max-width:550px}.preview{position:static}.studio{gap:16px}.paper{padding:20px;min-height:auto}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.toolbar{flex-wrap:wrap}}@page{size:A4;margin:12mm}@media print{body{background:white;font-size:11pt;line-height:1.5}header,.toolbar,.site-footer,main>section:not(#order){display:none!important}#order{padding:0!important;display:block!important}.paper{width:100%;max-width:none;min-height:0;height:270mm;box-shadow:none;margin:0;padding:0;break-after:page;overflow:visible}.paper:last-child{break-after:auto}.paper h2{font-size:22pt}.paper .shoe{max-width:430px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wide{grid-column:1/-1}input,textarea{padding:6px}.paper table{font-size:10pt}.paper th,.paper td{padding:4px 10px}.eyebrow{font-size:9pt}}
@media print{.paper:first-of-type .form-grid{gap:6px}.paper .form-grid{gap:7px}.paper input{padding:3px 6px;font-size:10pt}.paper textarea{height:13mm;padding:3px 6px;resize:none}.paper h2{margin:6px 0 12px;font-size:20pt}.paper h3{margin:10px 0 6px;font-size:11pt}.paper p{margin:6px 0}.paper th,.paper td{padding:2px 8px;font-size:9pt}.paper footer{margin-top:10px}.paper:last-child .shoe{max-width:100%;margin-top:22mm}}