.atelier-guide{--guide-wine:#782631;max-width:1320px;margin:auto;padding:0 5vw 64px}.atelier-intro{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:36px;min-height:330px;padding:58px 0 32px;overflow:hidden}.atelier-intro h1{font-size:clamp(32px,4.3vw,58px);font-weight:500;line-height:1.25;max-width:650px;margin:18px 0}.atelier-subtitle{color:var(--muted);font-size:17px;line-height:1.8}.atelier-still{height:235px;position:relative;background:radial-gradient(ellipse at 50% 80%,#e4dacf80,transparent 68%)}.fabric-fold{position:absolute;inset:15px -70px 5px 15px;background:linear-gradient(155deg,#4c1420,#8f3843 22%,#501522 34%,#9a424b 48%,#541825 62%,#7a2838 76%,#431421);border-radius:40% 20% 30% 20%;transform:rotate(-8deg);box-shadow:0 15px 22px #29110c1a}.fabric-fold:after{content:"";position:absolute;inset:65% 0 25% 0;border-block:2px solid #c7a171;transform:rotate(-8deg)}.tape-loop{position:absolute;width:210px;height:90px;border:20px solid #ddcba9;border-radius:50%;left:5px;top:120px;transform:rotate(-19deg);box-shadow:0 7px 9px #0001}.tape-tail{position:absolute;left:100px;top:170px;width:260px;height:27px;background:repeating-linear-gradient(90deg,transparent 0 10px,#5c4b34 10px 11px,transparent 11px 15px),#e6d6b9;transform:rotate(12deg);box-shadow:0 4px 8px #0001}.measure-tabs{display:flex;border-bottom:1px solid var(--wine);margin-bottom:30px}.measure-tabs button{flex:1;padding:19px 12px;border:1px solid var(--line);border-bottom:0;background:transparent;color:var(--dark);font:inherit;font-size:16px;cursor:pointer;border-radius:7px 7px 0 0}.measure-tabs button[aria-selected=true]{background:var(--wine);color:#fff;border-color:var(--wine)}.measure-panel{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:start}.measure-panel[hidden]{display:none}.measure-visual{position:relative;background:#f4f0e9;min-width:0;overflow:hidden;border-radius:3px}.guide-drawing{display:block;width:100%;height:auto}.measure-copy{padding:5px 0}.measure-copy h2{font-size:clamp(24px,2.5vw,34px);font-weight:500;margin:0 0 18px}.measure-list{list-style:none;padding:0;margin:0}.measure-list li{border-bottom:1px solid var(--line)}.measure-step{display:grid;grid-template-columns:45px 1fr;gap:14px;text-align:left;width:100%;border:0;background:transparent;padding:17px 8px;font:inherit;color:inherit;cursor:pointer;border-radius:5px}.measure-step:hover,.measure-step.is-selected{background:#f4eeea}.measure-step strong{display:block;font-size:17px;line-height:1.6;font-weight:600}.measure-number{font-family:Georgia,serif;color:var(--wine);font-size:27px;line-height:1.3}.measure-description{display:block;color:var(--muted);line-height:1.8;font-size:13px;margin-top:5px}.visual-caption{position:relative;font-size:12px;line-height:1.8;color:#6e5b53;margin:0;padding:0 24px 24px;text-align:center}.measure-marker{opacity:.32;transition:opacity .2s}.measure-marker.is-selected{opacity:1}.measure-marker path,.measure-marker line{stroke:#782631;stroke-width:2;stroke-dasharray:5 4;fill:none}.measure-marker circle{fill:#782631;stroke:#fff;stroke-width:2}.measure-marker text{fill:white;stroke:none;font:12px Georgia,serif;text-anchor:middle}.atelier-steps{display:grid;grid-template-columns:repeat(3,1fr);margin:42px 0;gap:28px}.atelier-steps>div{border-left:1px solid var(--line);padding:7px 0 7px 20px}.atelier-steps span{color:var(--wine);font:20px Georgia,serif}.atelier-steps h3{font-size:14px;font-weight:500;line-height:1.8;margin:8px 0}.atelier-help{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#671f2d;color:white;padding:30px 36px}.atelier-help h2{font-weight:500;font-size:23px;margin:0 0 10px}.atelier-help p{font-size:13px;color:#e4d1d2;line-height:1.7;margin:0}.atelier-help a{flex-shrink:0;border:1px solid #d7b6bd;padding:12px 22px;border-radius:30px;text-decoration:none;font-size:14px;color:white}.measure-tabs button:focus-visible,.measure-step:focus-visible,.atelier-help a:focus-visible{outline:2px solid #ad6b79;outline-offset:3px}.guide-outline{fill:#e4d9cb;stroke:#ae9c88;stroke-width:2}.guide-seam{fill:none;stroke:#c5b5a3;stroke-width:1;stroke-dasharray:4 5}.guide-view-label{font:13px sans-serif;fill:#756358;text-anchor:middle}
@media(max-width:760px){.atelier-guide{padding:0 20px 36px}.atelier-intro{min-height:0;grid-template-columns:1fr;padding:38px 0 22px;gap:0}.atelier-intro h1{font-size:34px}.atelier-still{display:none}.atelier-subtitle{font-size:14px}.measure-tabs{margin-bottom:22px}.measure-tabs button{font-size:13px;padding:15px 6px}.measure-panel{grid-template-columns:1fr;gap:22px}.measure-visual{width:100%;max-width:480px;margin:auto}.guide-drawing{max-height:550px}.measure-step{padding:15px 8px;grid-template-columns:36px 1fr}.measure-copy h2{font-size:27px}.atelier-steps{gap:14px;margin:28px 0}.atelier-steps>div{padding-left:12px}.atelier-steps h3{font-size:11px}.atelier-help{padding:25px;display:block}.atelier-help h2{font-size:20px}.atelier-help a{display:inline-block;margin-top:20px}}
@media(prefers-reduced-motion:reduce){.measure-marker{transition:none}}
/* Rotate a full-size front/back drawing; controls stay readable above it. */
.chokha-scene{position:relative;aspect-ratio:2/3;perspective:1400px;isolation:isolate}
.chokha-rotation{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.22,.61,.36,1)}
.chokha-scene.is-back .chokha-rotation{transform:rotateY(180deg)}
.chokha-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.chokha-back{transform:rotateY(180deg)}
.chokha-scene .guide-drawing{width:100%;height:100%;max-height:none}
.measure-hotspot{position:absolute;z-index:2;transform:translate(-50%,-50%);display:grid;place-items:center;width:38px;height:38px;padding:0;border:2px solid #fff;border-radius:50%;background:#b18488;color:#fff;font:13px Georgia,serif;cursor:pointer;transition:background .25s,box-shadow .25s,opacity .4s;box-shadow:0 1px 4px #32151a0c}
.measure-hotspot.is-selected,.measure-hotspot:hover{background:#782631;box-shadow:0 0 0 5px #78263112}
.measure-hotspot:focus-visible{outline:2px solid #782631;outline-offset:5px}
.chokha-scene.is-back .measure-hotspot:not([data-hotspot="chokha-4"]){opacity:.48}
.chokha-view-label{text-align:center;color:#782631;font-size:12px;line-height:1.7;min-height:36px;padding:0 20px 12px}
.chokha-view-label [hidden]{display:none}
@media(max-width:760px){.chokha-scene{max-height:none}.measure-hotspot{width:36px;height:36px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.chokha-rotation,.measure-hotspot{transition:none}}

.footwear-simple{align-items:center}.footwear-simple .measure-copy{padding:35px 22px}.footwear-simple .measure-copy h2{font-size:clamp(30px,3.4vw,46px);margin:14px 0 22px}.footwear-explanation{color:var(--muted);font-size:16px;line-height:2;max-width:440px}.footwear-tip{font-size:13px;line-height:1.9;color:#6b5149;border-left:2px solid var(--wine);padding-left:18px;margin-top:28px;max-width:440px}@media(max-width:760px){.footwear-simple .measure-copy{padding:5px 0 15px}.footwear-explanation{font-size:14px}.footwear-tip{margin-top:20px}}

.elastic-belt-photo{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;background:#f4f0e9}#guide-belts .visual-caption{padding-top:18px}
