@font-face{font-family:Red Hat Text;src:url(/fonts/RedHatText-latin-var.woff2) format("woff2");font-weight:400 600;font-display:swap}@font-face{font-family:Bodoni Moda;src:url(/fonts/BodoniModa-latin-var.woff2) format("woff2");font-weight:400 600;font-display:swap}@font-face{font-family:Bodoni Moda;src:url(/fonts/BodoniModa-italic-latin-var.woff2) format("woff2");font-weight:400 600;font-style:italic;font-display:swap}:root{--ground: #eeebe5;--panel: #f7f5f1;--well: #e6e2da;--ink: #1c1b19;--muted: #625e57;--line: rgba(28, 27, 25, .12);--accent: #9a4524;--on-ink: #f7f5f1;--sans: "Red Hat Text", system-ui, sans-serif;--serif: "Bodoni Moda", Georgia, serif;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-in: cubic-bezier(.55, 0, .85, .3);--header: 64px;--panel-w: 420px}*{box-sizing:border-box}html,body{margin:0}body{background:var(--ground);color:var(--ink);font:400 15px/1.45 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.top{height:var(--header);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 40px;border-bottom:1px solid var(--line)}.top-links{display:flex;gap:28px;font-size:14px}.top-links a:hover,.top-right a:hover{color:var(--accent)}.menu-btn{display:none;background:none;border:0;padding:10px 0;font-size:14px}.wordmark{font:500 24px/1 var(--serif);letter-spacing:.2em;text-transform:uppercase;padding-left:.2em}.top-right{display:flex;justify-content:flex-end;gap:28px;font-size:14px}.bag-count{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-left:6px;padding:0 6px;border-radius:11px;background:var(--ink);color:var(--on-ink);font-size:12px;font-weight:600;animation:pop .42s var(--ease-out)}.shop{display:grid;grid-template-columns:1fr var(--panel-w);height:calc(100svh - var(--header));min-height:720px}@property --gap{syntax: "<length>"; inherits: true; initial-value: 200px;}.stage{position:relative;overflow:hidden;touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;--mh: min(calc(100svh - var(--header) - 170px), 700px);--floor: 124px;--cx: 50%;--gap: clamp(150px, 19vw, 230px)}.stage.is-dragging{cursor:grabbing}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.floor{position:absolute;left:0;right:0;bottom:0;height:calc(var(--floor) + 40px);background:linear-gradient(to bottom,#1c1b1900,#1c1b190a)}.figure{position:absolute;left:var(--cx);bottom:var(--floor);height:var(--mh);width:calc(var(--mh) * var(--ratio));transform-origin:50% 100%;transform:translate(calc(-50% + var(--spread) * var(--gap) + var(--drag, 0px))) scale(calc(1 - (min(var(--far),1)*.22) - (max(var(--far) - 1,0)*.08)));filter:blur(calc(min(var(--far),1)*2px + max(var(--far) - 1,0)*1.5px)) saturate(calc(1 - (min(var(--far),1)/4)));opacity:calc(1 - (min(var(--far),1)*.28) - (max(var(--far) - 1,0)*.14));transition:transform .9s var(--ease-out),filter .7s var(--ease-out),opacity .7s var(--ease-out)}.figure:before{content:"";position:absolute;left:-40%;right:-40%;bottom:-14px;height:30px;background:radial-gradient(closest-side,#1c1b1942,#1c1b1900);z-index:-1}.model{display:block;width:100%;height:100%;pointer-events:none}.pick{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:none;padding:0;cursor:pointer}.figure:not(.is-on):hover{opacity:calc(1 - (min(var(--far),1)*.12) - (max(var(--far) - 1,0)*.14))}.is-dragging .figure{transition:none}.figure.is-wrapping{transition:none;animation:wrap-in .7s var(--ease-out) both}@keyframes wrap-in{0%{opacity:0}}.dot{position:absolute;width:0;height:0;z-index:4}.has-moved .dot{animation:dot-in .42s var(--ease-out) both}.dot button{position:absolute;left:-15px;top:-15px;width:30px;height:30px;border-radius:50%;border:0;background:var(--panel);color:var(--ink);font-size:13px;font-weight:600;box-shadow:0 2px 10px #1c1b1938;transition:background .2s,color .2s,transform .2s var(--ease-out)}.dot button:before{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:50%;border:1px solid rgba(247,245,241,.9);animation:ring 2.4s ease-out infinite}.dot.is-on button{background:var(--ink);color:var(--on-ink);transform:scale(1.12)}.tip{position:absolute;left:26px;top:-24px;display:grid;gap:2px;min-width:176px;padding:10px 14px;background:var(--panel);border-radius:4px;box-shadow:0 8px 28px #1c1b1929;white-space:nowrap;opacity:0;transform:translate(-6px);transition:opacity .2s,transform .26s var(--ease-out);pointer-events:none}.tip-left{left:auto;right:26px;transform:translate(6px)}.dot.is-on .tip{opacity:1;transform:none}.tip-name{font-size:14px;font-weight:500}.tip-price{font-size:13px;color:var(--muted)}@keyframes dot-in{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}@keyframes ring{0%{transform:scale(.8);opacity:.9}70%,to{transform:scale(1.35);opacity:0}}.controls{position:absolute;left:48px;right:48px;bottom:0;height:var(--floor);display:flex;align-items:center;justify-content:center;gap:20px;z-index:3}.arrow{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(28,27,25,.25);background:transparent;transition:background .2s,color .2s,border-color .2s}.arrow:hover{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}.steps{display:flex;align-items:flex-end;gap:4px;margin:0;padding:0;list-style:none}.step{position:relative;display:flex;align-items:baseline;gap:10px;padding:10px 6px 14px;border:0;background:none;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.12em}.step:after{content:"";position:absolute;left:6px;right:6px;bottom:0;height:1px;background:var(--line)}.step.is-on{color:var(--ink)}.step.is-on:after{height:2px;background:var(--ink)}.step-name{display:inline-block;max-width:0;overflow:hidden;white-space:nowrap;font:italic 400 20px/1 var(--serif);letter-spacing:0;transition:max-width .6s var(--ease-out)}.step.is-on .step-name{max-width:220px}.step:not(.is-on):hover{color:var(--ink)}.now-name{display:none}.panel{display:flex;flex-direction:column;background:var(--panel);border-left:1px solid var(--line);min-height:0}.panel-head{display:flex;justify-content:space-between;align-items:baseline;padding:32px 32px 16px;border-bottom:1px solid var(--line)}.panel-head h2{margin:0;font:400 26px/1.1 var(--serif)}.panel-head span{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.rows{list-style:none;margin:0;padding:0 16px;flex:1;overflow:auto;perspective:900px}.row{display:grid;grid-template-columns:104px 1fr 44px;gap:18px;align-items:center;padding:16px;border-bottom:1px solid var(--line);border-radius:4px;transition:background .22s;transform-origin:50% 0}.has-moved .row{animation:row-in .64s var(--ease-out) both}.row:last-child{border-bottom:0}.row.is-on{background:#fff}.row-img{position:relative;width:104px;height:104px;border-radius:4px;background:var(--well)}.row-img img{width:100%;height:100%;object-fit:contain;padding:8px;transition:transform .3s var(--ease-out)}.row.is-on .row-img img{transform:scale(1.06)}.row-num{position:absolute;left:6px;top:6px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--panel);font-size:12px;font-weight:600;transition:background .2s,color .2s}.row.is-on .row-num{background:var(--ink);color:var(--on-ink)}.row-text{display:grid;gap:2px;min-width:0}.row-name{font-size:15px;font-weight:500;overflow-wrap:anywhere}.row-colour{font-size:13px;color:var(--muted)}.row-price{margin-top:6px;font-size:15px}.add{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(28,27,25,.25);background:transparent;transition:background .2s,color .2s,border-color .2s}.add:hover,.add.is-added{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}@keyframes row-in{0%{opacity:0;transform:rotateX(-60deg) translateY(10px)}to{opacity:1;transform:none}}.bundle{padding:20px 32px 32px;border-top:1px solid var(--line)}.bundle-line{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px}.bundle-label{margin:0;font-size:14px;font-weight:600}.bundle-note{margin:2px 0 0;font-size:13px;color:var(--muted)}.bundle-price{margin:0;white-space:nowrap}.has-moved .bundle-price{animation:label-in .6s var(--ease-out) .3s both}.bundle-price s{font-size:14px;color:var(--muted)}.bundle-price strong{font:500 26px/1 var(--serif)}.cta{width:100%;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border:0;border-radius:4px;background:var(--ink);color:var(--on-ink);font-size:15px;font-weight:500;transition:background .22s}.cta:hover,.cta.is-done{background:var(--accent)}@keyframes label-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(.6)}60%{transform:scale(1.15)}to{transform:scale(1)}}@media (max-width: 860px){:root{--header: 56px}.top{padding:0 20px}.top-links a,.hide-phone{display:none}.menu-btn{display:block}.wordmark{font-size:20px}.shop{display:block;height:auto;min-height:0}.stage{height:calc(100svh - var(--header) - 84px);min-height:600px;--floor: 122px;--cx: 50%}.stage{--mh: max(320px, calc(100svh - var(--header) - 84px - 200px))}.stage{--gap: 128px}.controls{left:12px;right:12px;gap:6px}.arrow{width:44px;height:44px;flex:none}.controls{height:76px}.steps{flex:1;justify-content:center;gap:2px}.step{padding:8px 6px 10px;letter-spacing:.06em}.step-name{display:none}.now-name{display:block;position:absolute;left:20px;right:20px;bottom:80px;margin:0;z-index:12;text-align:center;font:italic 400 22px/1 var(--serif)}.has-moved .now-name{animation:wrap-in .6s var(--ease-out) both}.tip{min-width:0}.panel{border-left:0;border-top:1px solid var(--line);padding-bottom:96px}.panel-head{padding:24px 20px 12px}.rows{padding:0 4px;overflow:visible}.row{grid-template-columns:84px 1fr 44px;gap:14px}.row-img{width:84px;height:84px}.bundle{position:fixed;left:0;right:0;bottom:0;z-index:10;padding:12px 20px calc(12px + env(safe-area-inset-bottom));background:var(--panel);border-top:1px solid var(--line);display:flex;align-items:center;gap:14px}.bundle-line{margin:0;flex:none}.bundle-line>div{display:none}.bundle-price{display:grid;text-align:left}.bundle-price strong{font-size:22px}.cta{height:52px;flex:1;font-size:14px;padding:0 16px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}