.unroll-story{height:205svh;min-height:1100px;border-bottom:1px solid var(--line)}.unroll-sticky{position:sticky;top:0;min-height:700px;height:100svh;max-height:1100px;display:grid;grid-template-columns:.9fr 1.25fr;gap:5%;padding:32px 5%;align-items:center}.unroll-copy h2{font-size:clamp(38px,4.6vw,72px);letter-spacing:-.055em;line-height:1.09}.unroll-copy h2 em{font-style:normal;color:#758278}.unroll-copy .eyebrow{font-size:12px;line-height:1.6;letter-spacing:.12em}.unroll-lead{font-size:17px;line-height:1.8;color:#526056;margin:28px 0}.unroll-price{display:flex;align-items:center;gap:16px;margin:30px 0 20px}.unroll-price strong{font:500 32px 'Manrope',sans-serif;letter-spacing:-.04em}.unroll-price span{font-size:14px}.unroll-buy{display:flex;justify-content:space-between;align-items:center;max-width:330px;background:var(--ink);color:white;padding:19px 23px;border-radius:4px;font-size:16px;font-weight:600}.unroll-buy:hover{background:#365042}.unroll-small{font-size:13px;color:#59675e;margin:13px 0 36px}.unroll-facts{border-top:1px solid var(--line);padding:22px 0;display:flex;gap:24px;flex-wrap:wrap;font-size:13px;color:#526056}.unroll-facts b{display:block;font-size:17px;margin-bottom:5px;color:var(--ink);font-weight:500}.unroll-view{min-width:0;align-self:center}.unroll-topline{display:flex;justify-content:space-between;gap:12px;font-size:11px;letter-spacing:.07em;margin-bottom:14px;line-height:1.5}.unroll-topline>span:last-child{font-size:13px;letter-spacing:0;white-space:nowrap}.unroll-stage{height:min(57svh,590px);min-height:340px;position:relative;background:#e9eae6;border-radius:6px;overflow:hidden;isolation:isolate}.unroll-stage canvas{width:100%;height:100%;display:block;touch-action:pan-y;opacity:0;transition:opacity .25s}.unroll-stage canvas.ready{opacity:1}.unroll-stage canvas.inspecting{touch-action:none;cursor:grab}.unroll-stage canvas.inspecting:active{cursor:grabbing}.unroll-stage>img{position:absolute;width:100%;height:100%;object-fit:contain}.unroll-loading{position:absolute;bottom:20px;left:20px;right:65px;padding:12px 16px;background:#fafaf7ed;border-radius:4px;color:#394c3f;font-size:14px;line-height:1.5}.unroll-loading:empty{display:none}.unroll-dimensions{position:absolute;top:20px;left:20px;font-size:13px;letter-spacing:.03em;color:#58625b;pointer-events:none}.unroll-dimensions span{padding:0 6px}.unroll-zoom{position:absolute;right:14px;bottom:14px;display:flex;flex-direction:column;gap:5px}.unroll-zoom button{background:#fafaf7eb;border:1px solid #cbd1c9;color:var(--ink);width:42px;height:42px;border-radius:4px;font-size:22px}.unroll-controls{padding-top:14px}.unroll-buttons{display:flex;gap:8px}.unroll-buttons button{font:500 14px 'DM Sans',sans-serif;background:transparent;border:1px solid #b9c4b9;color:var(--ink);padding:12px;border-radius:4px;flex:1;min-height:46px}.unroll-buttons .unroll-action{background:var(--ink);border-color:var(--ink);color:white}.unroll-buttons button[aria-pressed=true]{background:#dbe2da;border-color:#506951}.unroll-buttons button:disabled{opacity:.45;cursor:wait}.unroll-range{display:flex;align-items:center;gap:12px;font-size:13px;padding:15px 0 10px}.unroll-range input{min-width:30px;flex:1;accent-color:var(--ink);height:22px}.unroll-range output{width:42px;text-align:right;font-variant-numeric:tabular-nums}.unroll-help{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px;color:#56635a;line-height:1.5}.unroll-help label{display:flex;gap:7px;align-items:center}.unroll-help input{accent-color:var(--ink);width:16px;height:16px}.unroll-help>span{max-width:160px;text-align:right}.unroll-story~.product{padding-top:65px}.unroll-retry{border:1px solid #596d60;padding:8px 15px;background:white;border-radius:4px;margin:8px 0 0}.unroll-static{height:auto;min-height:0}.unroll-static .unroll-sticky{position:relative}
@media(max-width:900px){.unroll-sticky{gap:3%;padding:24px 4%;grid-template-columns:.8fr 1.2fr}.unroll-copy h2{font-size:40px}.unroll-topline>span:first-child{font-size:10px}.unroll-help{font-size:12px}.unroll-help>span{display:none}.unroll-price{display:block}.unroll-price span{display:block;margin-top:6px}}
@media(max-width:650px){.unroll-story{height:210svh;min-height:0}.unroll-sticky{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:15px 5%;height:100svh;min-height:640px;max-height:none}.unroll-copy{width:100%;position:relative}.unroll-copy .eyebrow{font-size:10px;margin:0 0 7px}.unroll-copy h2{font-size:32px;line-height:1.05;margin:0;padding-right:115px}.unroll-copy h2 br{display:none}.unroll-lead,.unroll-facts,.unroll-small{display:none}.unroll-price{margin:10px 0 0;display:flex;gap:10px}.unroll-price strong{font-size:24px}.unroll-price span{font-size:12px;margin:0}.unroll-buy{position:absolute;right:0;bottom:2px;padding:12px 13px;font-size:13px;gap:8px}.unroll-view{width:100%}.unroll-topline{margin-bottom:8px}.unroll-topline>span:first-child{font-size:9px}.unroll-stage{height:44svh;min-height:275px}.unroll-controls{padding-top:9px}.unroll-buttons button{padding:10px 6px;font-size:13px}.unroll-range{padding-top:8px;padding-bottom:6px}.unroll-help{font-size:12px}.unroll-dimensions{font-size:12px;top:12px;left:12px}.unroll-zoom button{width:38px;height:38px}.unroll-story~.product{padding-top:35px}}
@media(max-height:650px) and (min-width:651px){.unroll-sticky{position:relative;height:auto;min-height:650px}.unroll-story{height:auto;min-height:0}.unroll-stage{height:360px}}
@media(prefers-reduced-motion:reduce){.unroll-story{height:auto;min-height:0}.unroll-sticky{position:relative;height:auto;min-height:0;padding-top:35px;padding-bottom:35px}.unroll-stage canvas{transition:none}}

.unroll-view:has(.inspecting) .unroll-help>span{display:block;font-size:12px;max-width:210px}

.shared-variant-picker{border:0;padding:0;display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.shared-variant-picker legend{font-size:14px;margin-bottom:10px}.shared-variant-picker button{display:flex;align-items:center;gap:9px;background:transparent;border:1px solid #aebbb1;border-radius:5px;padding:10px 17px;font-size:16px;min-height:44px}.shared-variant-picker button[aria-pressed=true]{background:#e2e8df;border:2px solid var(--ink);padding:9px 16px}.color-dot{display:inline-block;width:20px;height:20px;border:1px solid #0002;border-radius:50%}.color-dot.gray{background:#a1a3a2}.color-dot.wood{background:#bb9462}.variant-gallery{align-self:start}.photo-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.photo-heading h3{font-size:24px;font-weight:500;margin:8px 0}.photo-heading>span{font-size:14px;color:#637066}.variant-photos{display:grid;grid-template-columns:1fr 1fr;gap:14px}.variant-photo{aspect-ratio:1;border-radius:5px;overflow:hidden}.variant-photo img{width:100%;height:100%;object-fit:cover}.variant-photo.pending{display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;border:1px dashed #bdc6bc;background:#eef1eb;color:#637066}.variant-photo.pending>span:first-child{font-size:28px}.variant-photo.pending>span:last-child{font-size:14px}.unroll-story[data-variant=holz] .unroll-stage>img{height:calc(100% + 130px);top:-65px;object-fit:cover}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #9f6c30;outline-offset:3px}
@media(max-width:650px){.shared-variant-picker{margin:10px 0 5px;gap:8px}.shared-variant-picker legend{display:none}.shared-variant-picker button{font-size:14px;padding:7px 12px;min-height:40px}.shared-variant-picker button[aria-pressed=true]{padding:6px 11px}.unroll-copy .unroll-buy{bottom:2px}.unroll-sticky{min-height:690px}.photo-heading{align-items:start}.photo-heading h3{font-size:21px}.variant-photos{gap:10px}}

.variant-photo>a{display:block;width:100%;height:100%;cursor:zoom-in}.photo-heading>[data-photo-status]{max-width:190px;line-height:1.5}

/* Product selection first; one shared viewer below. */
.product{padding-top:32px;align-items:start;gap:5%;padding-bottom:48px}
.purchase{padding-top:0}.purchase h1{font:500 clamp(32px,3.5vw,48px)/1.12 'Manrope',sans-serif;letter-spacing:-.045em;margin:0 0 16px}
.photo-heading .eyebrow{display:none}.photo-heading h3{font-size:20px;margin:0}.photo-heading{margin-bottom:14px}.photo-heading>[data-photo-status]{font-size:12px}
.variant-photo{background:white}.variant-photo img{display:block;transition:transform .25s}.variant-photo a:hover img{transform:scale(1.035)}
.purchase-colors button{display:flex;align-items:center;gap:8px;padding:9px 16px;border:1px solid #aebbb1;border-radius:5px;background:transparent;color:var(--ink);min-height:44px}
.purchase-colors button[aria-pressed=true]{border:2px solid var(--ink);padding:8px 15px;background:#e2e8df}
.unroll-copy h2{font-weight:500;margin:0 0 25px}.product+.unroll-story{border-top:1px solid var(--line)}
@media(max-width:850px){.product{padding-top:20px;gap:20px}.variant-photo{aspect-ratio:1.6}.photo-heading h3{font-size:18px}.photo-heading>[data-photo-status]{max-width:150px}.purchase h1{font-size:30px;margin-bottom:10px}.purchase h1 br{display:none}.purchase .eyebrow{display:none}.purchase .description{margin:8px 0;font-size:14px;line-height:1.5}.purchase .price{margin-top:12px}.purchase .price strong{font-size:32px}.price-note{margin:6px 0 14px}.purchase legend{margin-bottom:8px}.size{padding:14px 0}.features{padding-top:12px}.purchase{padding-top:0}header{padding-top:16px;padding-bottom:16px}}
@media(prefers-reduced-motion:reduce){.variant-photo img{transition:none}}
