*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(165deg,#efe9e4 10%,#f0e9ec 40%,#e3e9dd 90%);background-attachment:fixed;color:#25322c;font-family:Arial,sans-serif}
button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b67d22;outline-offset:4px}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:99}
.strip{background:#23382d;color:#e9e5d8;font-size:11px;text-align:center;padding:9px 12px;letter-spacing:.5px}
.nav{display:flex;justify-content:space-between;align-items:center;padding:18px 28px;border-bottom:1px solid #25322c22;position:sticky;top:0;background:#efe9e4ee;backdrop-filter:blur(8px);z-index:20;gap:12px}
.brand{font-family:Georgia,serif;font-size:25px;letter-spacing:3px;color:inherit;text-decoration:none}.brand span{display:block;font:8px Arial;letter-spacing:2px;margin-top:5px}
.nav nav{display:flex;gap:26px}.nav nav a{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:inherit;text-decoration:none;padding:12px 0}.nav nav a:hover{border-bottom:1px solid}
.bagbtn{border:0;background:none;font-size:11px;min-height:44px}.bagbtn b{display:inline-grid;place-items:center;border:1px solid #25322c66;border-radius:50%;width:26px;height:26px;margin-left:5px;font-weight:400}
.hero{max-width:1100px;margin:auto;padding-bottom:30px}.editorial{text-align:center;padding:44px 16px 0}.eyebrow{font-size:10px;letter-spacing:2px}
.editorial h1{font-family:Georgia,serif;font-size:clamp(40px,6vw,76px);line-height:.98;font-weight:400;letter-spacing:-2px;margin:16px 0}.editorial h1 i{color:#6b7867}.editorial p{font-size:13px;color:#5e675c}
.rail{height:310px;position:relative;touch-action:pan-y;user-select:none;cursor:grab;margin-top:6px}.rail.dragging{cursor:grabbing}.rail-line{position:absolute;top:0;left:0;width:100%;height:150px;filter:drop-shadow(0 3px 2px #0002)}
.garment{position:absolute;width:48%;max-width:285px;aspect-ratio:.88;transform-origin:50% 2%;background:none;border:0;padding:0;transition:left .8s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1),opacity .5s,top .8s;filter:drop-shadow(3px 12px 5px #20251c22)}
.rail.dragging .garment{transition:none}.garment img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.tag{position:absolute;left:51%;top:34%;background:#e9e5d8;font-size:7px;letter-spacing:1px;padding:4px 3px;transform:rotate(-6deg);box-shadow:1px 1px 2px #0002}
.floor-shadow{position:absolute;bottom:0;left:10%;width:80%;height:13px;background:#24312310;filter:blur(10px);border-radius:50%}
.browse{display:flex;align-items:center;justify-content:space-between;padding:0 24px;text-align:center;gap:8px;max-width:570px;margin:auto}.browse button{border:1px solid #25322c44;width:46px;height:46px;border-radius:50%;background:transparent;flex-shrink:0}.browse button:hover{background:#23382d;color:#fff}
.browse small{font-size:10px;letter-spacing:2px}.browse h2{font:32px Georgia,serif;margin:5px 0 4px}.browse span{font-size:10px;color:#626a60}
.swatches{display:flex;gap:10px;justify-content:center;margin:18px 0}.swatches button{width:26px;height:26px;border-radius:50%;border:4px solid #e7e9df;outline:1px solid transparent;position:relative}.swatches button:after{content:'';position:absolute;inset:-10px}.swatches button[aria-pressed=true]{outline-color:#25322c}
.cta{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:46px;width:calc(100% - 48px);max-width:400px;margin:15px auto 0;background:#23382d;color:#fff;border:0;padding:14px 18px;font-size:11px;text-align:left}.cta:hover{background:#3d5143}.hint{text-align:center;font-size:11px;color:#6b7368;margin:13px 10px 0}
.sec{max-width:1100px;margin:auto;padding:64px 24px;border-top:1px solid #25322c18}.head{text-align:center;max-width:620px;margin:0 auto 36px}.head h2{font:clamp(30px,4vw,46px) Georgia,serif;font-weight:400;margin:12px 0}.head p{font-size:14px;line-height:1.6;color:#4f5a50}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.card{background:#f3f0e9;border:1px solid #25322c14;padding:0;text-align:left;display:flex;flex-direction:column}.card:hover{box-shadow:0 10px 30px #20251c1f}
.card .im{aspect-ratio:1;display:grid;place-items:center;background:radial-gradient(ellipse,#e4e4d9,#ebe7e2)}.card img{width:84%;height:84%;object-fit:contain;filter:drop-shadow(5px 9px 6px #0002)}.card .tx{padding:14px 16px 18px}.card small{font-size:9px;letter-spacing:1.5px}.card h3{font:22px Georgia,serif;margin:6px 0 4px;font-weight:400}.card p{margin:0;font-size:11px;color:#626a60}
.look figure{margin:0}.look img{width:100%;height:auto;display:block;border-radius:6px}.look figcaption{font-size:11px;color:#626a60;margin-top:10px;text-align:center}
.cols{display:grid;gap:20px}.cols article{background:#f3f0e9;padding:26px}.cols b{font:12px Arial;letter-spacing:2px;color:#8e7959}.cols h3{font:26px Georgia,serif;font-weight:400;margin:10px 0}.cols p{font-size:14px;line-height:1.6;margin:0}
.faq{max-width:720px;margin:auto}.faq details{border-bottom:1px solid #25322c33;padding:4px 0}.faq summary{font:22px Georgia,serif;padding:16px 0;cursor:pointer;min-height:44px}.faq p{font-size:14px;line-height:1.7;margin:0 0 18px;color:#46514a}
.foot{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:36px 28px;background:#23382d;color:#e9e5d8}.foot p{font-size:12px;max-width:340px;line-height:1.6}.foot a{color:#e9e5d8}.foot div:last-child{display:flex;flex-direction:column;gap:10px;font-size:12px}
.overlay{position:fixed;inset:0;z-index:50;background:#f3f0e9;overflow-y:auto;animation:reveal .5s cubic-bezier(.16,1,.3,1)}.overlay[hidden]{display:none}@keyframes reveal{from{transform:translateY(40px)}to{transform:none;opacity:1}}
.close{position:fixed;right:16px;top:16px;border:1px solid #25322c55;background:#f3f0e9ee;border-radius:50%;width:46px;height:46px;z-index:3}
.detail{display:block}.dimg{height:340px;background:radial-gradient(ellipse,#e4e4d9,#ebe7e2);display:grid;place-items:center}.dimg img{height:90%;max-width:88%;object-fit:contain;filter:drop-shadow(8px 15px 8px #0002)}
.dcopy,.bagbody{padding:26px 24px 40px}.dcopy small,.bagbody small{font-size:10px;letter-spacing:1px}.dcopy h2,.bagbody h2{font:42px Georgia,serif;font-weight:400;margin:9px 0 14px}.dcopy p{font-size:14px;line-height:1.6;max-width:440px}
.dcopy label{display:block;font-size:12px;margin:20px 0 10px}.sizes{display:flex;gap:8px;flex-wrap:wrap}.sizes button{width:46px;height:46px;border:1px solid #a3aa9e;background:none;font-size:12px}.sizes button[aria-pressed=true]{background:#24382d;color:#fff}
.dcopy .cta,.bagbody .cta{margin:20px 0 0;width:100%;max-width:440px}.notice{min-height:18px;margin:8px 0;color:#55624c;font-size:12px}.tb{background:none;border:0;border-bottom:1px solid #52614c;padding:8px 0;font-size:12px;margin-bottom:12px}.fine{display:block;color:#687062;margin-top:10px;line-height:1.5;font-size:11px}
.bagbody{max-width:720px;margin:auto;padding-top:80px}.bagrow{display:flex;gap:20px;padding:16px 0;border-bottom:1px solid #25322c22;align-items:center}.bagrow img{height:110px;width:96px;object-fit:contain}.bagrow h3{font:22px Georgia,serif;margin:0;font-weight:400}.bagrow p{font-size:12px;margin:6px 0}
.demobox{font-size:12px;line-height:1.7;padding:20px;background:#e4e8df;margin:24px 0}
@media(min-width:768px){.rail{height:440px}.garment{width:32%}.grid{grid-template-columns:repeat(3,1fr)}.cols{grid-template-columns:repeat(3,1fr)}.detail{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.dimg{height:100%;min-height:100vh;position:sticky;top:0}.dcopy{padding:150px 48px 40px}.dcopy h2{font-size:54px}}
@media(max-width:700px){.nav nav{display:none}.nav{padding:14px 18px}.brand{font-size:21px}}
@media(max-width:360px){.rail{height:270px}.browse h2{font-size:26px}.editorial h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){.garment,.overlay{transition:none;animation:none}html{scroll-behavior:auto}}
.hero{overflow-x:clip}body{overflow-x:hidden}

.hv{display:none}@media(hover:hover){.hv{display:inline}.tp{display:none}}.garment:hover{filter:drop-shadow(5px 18px 9px #20251c44)}

.tag{font-size:9px;left:50%;top:33%;padding:5px 6px;font-weight:700;letter-spacing:0}
.garment img.turn{animation:turn .9s cubic-bezier(.16,1,.3,1)}@keyframes turn{from{transform:perspective(700px) rotateY(-70deg)}to{transform:none}}
.price{font:18px Georgia,serif;margin:-4px 0 6px}.price em{font:11px Arial;font-style:normal;color:#687062;margin-left:6px}
.bi{flex:1}.qty{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.qty button:not(.tb){width:36px;height:36px;border:1px solid #a3aa9e;background:none;border-radius:50%}.qty span{min-width:20px;text-align:center;font-size:13px}.qty .tb{margin:0 0 0 10px}.lt{font:16px Georgia,serif;font-weight:400}
.tot{display:flex;justify-content:space-between;align-items:baseline;padding:18px 0;font-size:13px}.tot b{font:28px Georgia,serif;font-weight:400}
@media(prefers-reduced-motion:reduce){.garment img.turn{animation:none}}