.jp2{--jp2-blue:#0b2ddd;--jp2-ink:#030d42;--jp2-soft:#f7f1ee;--jp2-paper:#fefdfd;--jp2-line:#e5dcd7;--jp2-serif:var(--joffz-premium-serif,Georgia,serif);--jp2-ease:cubic-bezier(.4,0,.2,1);display:block;color:var(--jp2-ink);background:var(--jp2-paper);font-family:var(--font-body-family,Arial,sans-serif);font-size:15px;line-height:1.5;padding-bottom:32px}.jp2 *{box-sizing:border-box}.jp2 [hidden]{display:none!important}.jp2 button,.jp2 input,.jp2 select{font:inherit}.jp2 button{cursor:pointer}.jp2 button:disabled{cursor:not-allowed}.jp2 button:focus-visible,.jp2 a:focus-visible,.jp2 input:focus-visible,.jp2 [tabindex]:focus-visible{outline:2px solid var(--jp2-blue);outline-offset:4px}.jp2 a{color:inherit}.jp2 h1,.jp2 h2,.jp2 p{margin:0}.jp2 h1,.jp2 h2{color:var(--jp2-ink);font-family:var(--jp2-serif);font-weight:500;letter-spacing:-.025em;text-transform:none}.jp2 h1{font-size:clamp(25px,2.25vw,38px);line-height:1.12;max-width:30ch}.jp2 h2{font-size:28px;line-height:1.2}.jp2__breadcrumbs{display:flex;gap:10px;padding:14px 4vw;font-size:11px;opacity:.65;white-space:nowrap;overflow:hidden}.jp2__breadcrumbs span:last-child{overflow:hidden;text-overflow:ellipsis}.jp2__breadcrumbs a{text-decoration:none}.jp2__layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(330px,1fr);max-width:1800px;margin:auto;gap:clamp(35px,5vw,100px);padding:0 4vw}.jp2__gallery{min-width:0;overflow-anchor:none;--stage-height:clamp(480px,74svh,850px)}.jp2__slides{display:flex;height:var(--stage-height);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;border-radius:3px;background:var(--jp2-soft)}.jp2__slides::-webkit-scrollbar{display:none}.jp2__slide{position:relative;flex:0 0 100%;width:100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center;overflow:hidden}.jp2__original{width:100%;height:100%;object-fit:contain}.jp2__gallery-video,.jp2__slide iframe,.jp2__slide model-viewer{width:100%;height:100%;object-fit:contain;border:0}.jp2__gallery-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.jp2__icon-button{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border:1px solid var(--jp2-line);border-radius:50%;color:var(--jp2-ink);background:transparent}.jp2__icon-button:hover{background:var(--jp2-soft)}[data-gallery-prev] svg{transform:rotate(180deg)}.jp2__thumbs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;padding:3px;min-width:0}.jp2__thumbs button{position:relative;flex:0 0 52px;height:64px;border:1px solid transparent;border-radius:4px;background:var(--jp2-soft);padding:4px}.jp2__thumbs button[aria-current=true]{border-color:var(--jp2-ink)}.jp2__thumbs img{width:100%;height:100%;object-fit:contain}.jp2__thumbs span{position:absolute;right:3px;bottom:1px;background:#fff;border-radius:50%;width:20px;color:var(--jp2-ink)}.jp2__caption{font-size:11px;opacity:.7;padding:12px 0;max-width:65ch}.jp2-art{--rail:clamp(8px,1.25vw,18px);--grain:url(joffz-oak-grain.svg);position:relative;box-sizing:content-box!important;padding:var(--rail);isolation:isolate;transition:box-shadow .3s ease;box-shadow:3px 6px 6px #40342c25,8px 18px 16px #40342c1c;line-height:0}.jp2__slide .jp2-art{width:min(74%,calc((var(--stage-height) - 100px)*var(--art-ratio)),var(--art-width))}.jp2-art__print{position:relative;line-height:0;box-shadow:0 0 0 1px #342b2424}.jp2-art__print img{display:block;width:100%;height:auto;max-width:none;aspect-ratio:auto;object-fit:contain}.jp2-art__rail{position:absolute;display:block;background-image:linear-gradient(0deg,#5c442c55,transparent 27%,#fff5 72%,#4e392433),var(--grain);background-size:100% 100%,240px 40px;box-shadow:inset 0 1px 1px #fffc,inset 0 -2px 2px #4f38294d;pointer-events:none}.jp2-art__rail--top{inset:0 0 auto;height:var(--rail);clip-path:polygon(0 0,100% 0,calc(100% - var(--rail)) 100%,var(--rail) 100%)}.jp2-art__rail--bottom{inset:auto 0 0;height:var(--rail);clip-path:polygon(var(--rail) 0,calc(100% - var(--rail)) 0,100% 100%,0 100%)}.jp2-art__rail--left{inset:0 auto 0 0;width:var(--rail);background-size:100% 100%,40px 240px;clip-path:polygon(0 0,100% var(--rail),100% calc(100% - var(--rail)),0 100%)}.jp2-art__rail--right{inset:0 0 0 auto;width:var(--rail);background-size:100% 100%,40px 240px;clip-path:polygon(0 var(--rail),100% 0,100% 100%,0 calc(100% - var(--rail)))}.jp2-art[data-finish=black]{--grain:linear-gradient(90deg,#252525,#353535 30%,#171717 90%)}.jp2-art[data-finish=white]{--grain:linear-gradient(90deg,#d8d5cf,#fff 30%,#e7e4de 90%)}.jp2-art[data-finish=poster],.jp2-art[data-finish=canvas]{padding:0}.jp2-art[data-finish=poster] .jp2-art__rail,.jp2-art[data-finish=canvas] .jp2-art__rail{display:none}.jp2-art[data-finish=poster]{box-shadow:1px 2px 2px #473e3324,4px 8px 10px #473e3317}.jp2-art[data-finish=canvas]{box-shadow:3px 0 #b9afa2,6px 2px #b9afa2,10px 13px 13px #40342c2e}.jp2-art[data-finish=canvas] .jp2-art__print:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 1px 0 3px #fff7,inset -3px 0 4px #0002;background:repeating-linear-gradient(0deg,#fff1 0 1px,transparent 1px 3px);opacity:.35}.jp2__info{padding:26px 0 10px;min-width:0;align-self:start}.jp2__heading{display:flex;justify-content:space-between;gap:12px}.jp2__wishlist{flex:0 0 30px}.jp2__price{display:flex;align-items:baseline;justify-content:flex-end;gap:9px;font-size:18px;margin:12px 0 28px}.jp2__price s{font-size:15px;opacity:.55}.jp2__currency{font-size:10px;opacity:.65}.jp2__selectors{display:flex;flex-direction:column;gap:8px;margin:0 0 20px}.jp2__selector{display:grid;grid-template-columns:65px 1fr 20px;gap:12px;align-items:center;min-height:58px;padding:14px 16px;background:var(--jp2-soft);border:1px solid transparent;border-radius:12px;text-align:left;color:var(--jp2-ink);transition:background .2s,border-color .2s}.jp2__selector:hover{border-color:#bcbccf;background:#f1e9e5}.jp2__selector>span{font-size:12px}.jp2__selector strong{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:500}.jp2__selector svg{width:18px}.jp2__selector[data-kind=size]{order:0}.jp2__selector[data-kind=finish]{order:1}.jp2__selector[data-kind=other]{order:2}.jp2__swatch{display:inline-block;width:25px;height:25px;flex:0 0 25px;border-radius:4px;background:var(--jp2-soft);border:1px solid #030d421a}.jp2__swatch[data-swatch=oak]{background:#d2b27d url(joffz-oak-grain.svg) center/cover}.jp2__swatch[data-swatch=black]{background:linear-gradient(90deg,#111,#444,#111)}.jp2__swatch[data-swatch=white]{background:linear-gradient(90deg,#ddd,#fff,#ddd)}.jp2__swatch[data-swatch=poster]{background:linear-gradient(135deg,#fff 47%,#bfc0c7 49%,#fff 53%)}.jp2__swatch[data-swatch=canvas]{background:repeating-linear-gradient(0deg,#ddd5c6 0 1px,#eee9df 1px 3px)}.jp2__form{margin:0}.jp2.is-ready .jp2__native{display:none}.jp2__native{display:block;margin-bottom:16px}.jp2__native select{width:100%;padding:12px}.jp2__atc,.jp2__primary,.jp2__outline{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none!important;text-transform:none!important;letter-spacing:0!important;font-family:var(--font-body-family)!important;font-weight:600;border-radius:999px;padding:13px 22px;line-height:1.35;box-shadow:none!important}.jp2__atc,.jp2__primary{border:1px solid var(--jp2-blue);background:var(--jp2-blue);color:#fff;transition:background .2s,transform .2s}.jp2__atc{width:100%;font-size:16px;position:relative}.jp2__atc:before,.jp2__atc:after{display:none!important}.jp2__primary:hover,.jp2__atc:hover{background:#0824b3;border-color:#0824b3;transform:translateY(-1px)}.jp2__atc:disabled{opacity:.4;transform:none}.jp2__atc.loading>span{opacity:.2}.jp2__atc .loading-overlay__spinner{position:absolute;inset:auto;width:22px;height:22px}.jp2__outline{border:1px solid var(--jp2-ink);background:transparent;color:var(--jp2-ink);font-weight:400}.jp2__outline:hover{background:var(--jp2-soft)}.jp2__pay{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;font-size:11px;padding:12px 0 21px}.jp2__pay svg{width:29px;height:19px}.jp2__pay button,.jp2__text-button{border:0;background:transparent;color:inherit;text-decoration:underline;text-underline-offset:3px;padding:0;font-size:inherit}.jp2__reassurance{margin:0 0 18px;padding:0;list-style:none;display:grid;gap:9px;font-size:12px}.jp2__reassurance li{display:flex;align-items:center;gap:12px}.jp2__reassurance svg{width:22px;height:22px}.jp2__wall-trigger{width:100%;margin-bottom:22px}.jp2__wall-trigger svg{width:22px}.jp2__accordions{display:grid;gap:8px}.jp2__accordions details{background:var(--jp2-soft);border-radius:12px;overflow:hidden}.jp2__accordions summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 16px;cursor:pointer;list-style:none;font-size:14px}.jp2__accordions summary::-webkit-details-marker{display:none}.jp2__accordions summary svg{width:19px;height:19px;transition:transform .3s}.jp2__accordions details[open] summary svg{transform:rotate(45deg)}.jp2__details-content{padding:0 16px 20px;font-size:13px;line-height:1.7}.jp2__details-content>*+*{margin-top:12px}.jp2__details-content img{max-width:100%;height:auto}.jp2__details-content .jz-delivery{font-size:12px}.jp2__videos{margin-top:25px}.jp2__videos h2{font-size:24px;margin-bottom:12px}.jp2__video-track{display:flex;gap:12px;overflow:auto;scroll-snap-type:x mandatory}.jp2__video-card{position:relative;flex:0 0 37%;aspect-ratio:9/14;border:0;background:var(--jp2-soft);border-radius:10px;padding:0;overflow:hidden;scroll-snap-align:start}.jp2__video-card img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.jp2__video-card:hover img{transform:scale(1.035)}.jp2__video-card>span{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;width:35px;height:35px;background:#fff;border-radius:50%}.jp2__app{margin-top:18px}.jp2__made{max-width:1440px;margin:65px auto 0;padding:38px 4vw;border-block:1px solid var(--jp2-line)}.jp2__made h2{text-align:center;margin-bottom:30px;font-size:36px}.jp2__made h2 em{font-family:Segoe Print,Bradley Hand,cursive;font-weight:400}.jp2__made ul{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;list-style:none;margin:0;padding:0}.jp2__made li{display:grid;justify-items:center;gap:14px;text-align:center;font-size:14px}.jp2__made li svg{width:30px;height:30px}.jp2__dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;padding:0;margin:0;border:0;background:transparent;color:var(--jp2-ink);z-index:2147483500;font:15px/1.5 var(--font-body-family,Arial,sans-serif);overflow:hidden}.jp2__dialog::backdrop{background:#030d424a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity .3s var(--jp2-ease)}.jp2__dialog.is-visible::backdrop{opacity:1}.jp2__panel{background:var(--jp2-paper);color:var(--jp2-ink);overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box}.jp2__dialog--drawer .jp2__panel{position:absolute;right:0;top:0;bottom:0;width:min(400px,100%);padding:22px 20px calc(24px + env(safe-area-inset-bottom));transform:translate(100%);transition:transform .5s var(--jp2-ease);box-shadow:-15px 0 50px #030d421f}.jp2__dialog.is-visible .jp2__panel{transform:none;opacity:1}.jp2__panel header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:30px}.jp2__panel header h2{font-family:var(--font-body-family);font-size:17px;font-weight:500;letter-spacing:0}.jp2__panel header button,.jp2__modal-close{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;padding:8px;border:0;border-radius:50%;color:var(--jp2-ink);background:var(--jp2-soft)}.jp2__option-note{font-size:12px;opacity:.7;margin-bottom:14px!important}.jp2__options{display:grid;gap:10px}.jp2__option{display:flex;align-items:center;gap:12px;min-height:70px;width:100%;padding:14px 16px;border-radius:12px;border:1px solid transparent;background:var(--jp2-soft);color:var(--jp2-ink);text-align:left;font-size:14px}.jp2__option[aria-pressed=true]{border-color:var(--jp2-ink)}.jp2__option:disabled{opacity:.42}.jp2__option-price{margin-left:auto;white-space:nowrap;text-align:right;font-size:14px}.jp2__option-price small{display:block;font-size:11px;opacity:.6}.jp2__dialog--modal{display:none;align-items:center;justify-content:center;padding:24px}.jp2__dialog--modal[open]{display:flex}.jp2__dialog--modal .jp2__panel{position:relative;width:min(650px,100%);max-height:90dvh;padding:40px 38px;border-radius:12px;opacity:0;transform:translateY(14px);transition:opacity .3s var(--jp2-ease),transform .3s var(--jp2-ease);text-align:center}.jp2__modal-close{position:absolute;top:12px;right:12px}.jp2__dialog--modal h2{font:500 22px/1.3 var(--jp2-serif);margin:8px 22px 27px}.jp2__upgrade-visual{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:260px;background:var(--jp2-soft);border-radius:12px;overflow:hidden;margin-bottom:25px}.jp2__upgrade-art{display:grid;place-items:center;padding:30px;min-height:260px;background:#e5ddd1}.jp2__upgrade-art .jp2-art{width:min(100%,180px);--rail:9px}.jp2__upgrade-visual p{padding:25px;font-size:14px;line-height:1.6}.jp2__upgrade-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.jp2__upgrade-actions button{font-size:13px;padding:13px 12px}.jp2__payment-list{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;padding:18px 0}.jp2__payment-list svg{width:56px;height:36px}.jp2__dialog--video .jp2__panel{width:min(500px,100%)}.jp2__dialog--video video{width:100%;max-height:calc(100dvh - 120px);object-fit:contain;border-radius:10px;background:var(--jp2-soft)}.jp2__dialog--wall{display:none;padding:3vh 3vw;align-items:center;justify-content:center}.jp2__dialog--wall[open]{display:flex}.jp2__dialog--wall>.jp2__panel{width:min(1280px,100%);max-height:94dvh;padding:20px;border-radius:14px;opacity:0;transform:translateY(15px);transition:opacity .3s,transform .3s}.jp2__dialog--wall header{margin-bottom:16px}.jp2__wall-layout{display:grid;grid-template-columns:1fr 280px;gap:24px}.jp2__wall-scene{position:relative;aspect-ratio:16/11;overflow:hidden;background-color:#e9e1d3;background-image:url(/cdn/shop/files/joffzart-pdp2-room-warm-20261031.png?width=1400),url(joffz-pdp2-room-warm.svg);background-size:cover;background-position:center;border-radius:8px;isolation:isolate}.jp2__wall-scene[data-room=light]{background-image:url(/cdn/shop/files/joffzart-pdp2-room-light-20261031.png?width=1400),url(joffz-pdp2-room-light.svg)}.jp2__wall-scene:before{position:absolute;content:"";top:0;right:0;bottom:0;left:0;background:var(--wall-tint,#e9e1d3);mix-blend-mode:color;pointer-events:none;opacity:.4}.jp2__wall-scene[data-room=upload]:before{display:none}.jp2__wall-placement{position:absolute;left:50%;top:35%;width:20%;transform:translate(-50%,-50%);touch-action:none;cursor:grab;perspective:1000px}.jp2__wall-placement:active{cursor:grabbing}.jp2__wall-placement .jp2-art{width:100%;--rail:clamp(3px,.55vw,9px);transform:rotateY(var(--wall-tilt,0deg));transition:none;box-shadow:3px 4px 5px #40342c3b}.jp2__wall-controls{font-size:13px;display:flex;flex-direction:column;align-items:stretch;gap:13px}.jp2__wall-controls fieldset{padding:0;margin:0;border:0}.jp2__wall-controls legend{font-size:12px;margin-bottom:8px}.jp2__wall-selection{font-weight:600}.jp2__rooms{display:flex;gap:8px}.jp2__rooms button{padding:9px 12px;border:1px solid var(--jp2-line);border-radius:7px;background:var(--jp2-soft);color:inherit;font-size:12px}.jp2__rooms button[aria-pressed=true]{border-color:var(--jp2-ink)}.jp2__colors{display:flex;gap:10px}.jp2__colors button{width:32px;height:32px;border:2px solid white;outline:1px solid var(--jp2-line);border-radius:50%;background:var(--chip)}.jp2__colors button[aria-pressed=true]{outline-color:var(--jp2-ink)}.jp2__upload{position:relative;overflow:hidden;font-size:12px;cursor:pointer}.jp2__upload input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;cursor:pointer}.jp2__upload:focus-within{outline:2px solid var(--jp2-blue);outline-offset:3px}.jp2__small{font-size:11px;line-height:1.5;opacity:.72}.jp2__wall-controls input[type=range]{accent-color:var(--jp2-blue);width:100%;margin:0}.jp2__wall-controls .jp2__text-button{align-self:flex-start}.jp2__wall-message{font-size:12px;color:#912c33}.jp2__wall-selection{min-height:20px}@media(min-width:990px){.jp2__info{max-width:470px}.jp2__gallery{position:sticky;top:25px;align-self:start}}@media(max-width:989px){.jp2__layout{grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);gap:28px;padding:0 20px}.jp2__gallery{--stage-height:620px}.jp2 h1{font-size:28px}.jp2__info{padding-top:15px}.jp2__wall-layout{grid-template-columns:1fr 240px}}@media(max-width:749px){.jp2__breadcrumbs{padding:10px 18px}.jp2__layout{display:block;padding:0}.jp2__gallery{--stage-height:clamp(360px,64svh,620px)}.jp2__slides{border-radius:0}.jp2__slide .jp2-art{width:min(74%,calc((var(--stage-height) - 75px)*var(--art-ratio)),var(--art-width));--rail:11px}.jp2__gallery-nav{padding:0 16px;margin-top:10px;gap:8px}.jp2__thumbs button{flex-basis:42px;height:54px}.jp2__caption{padding:10px 18px;font-size:10px}.jp2__info{padding:22px 20px 0}.jp2 h1{font-size:30px}.jp2__price{margin:12px 0 24px}.jp2__selector{min-height:58px}.jp2__reassurance{font-size:13px}.jp2__made{margin-top:40px;padding:30px 20px}.jp2__made ul{grid-template-columns:1fr 1fr;gap:30px 15px}.jp2__made h2{font-size:30px}.jp2__made li{font-size:12px}.jp2__dialog--drawer .jp2__panel{top:auto;left:0;right:0;bottom:0;width:100%;max-height:90dvh;border-radius:18px 18px 0 0;transform:translateY(100%);padding-top:18px}.jp2__panel header{margin-bottom:20px}.jp2__dialog.is-visible .jp2__panel{transform:none}.jp2__dialog--modal{padding:18px}.jp2__dialog--modal .jp2__panel{padding:40px 18px 24px}.jp2__upgrade-visual{min-height:220px}.jp2__upgrade-art{min-height:220px;padding:20px}.jp2__upgrade-visual p{padding:16px;font-size:12px}.jp2__upgrade-actions{grid-template-columns:1fr}.jp2__dialog--wall{padding:0;align-items:flex-end}.jp2__dialog--wall>.jp2__panel{padding:16px;width:100%;max-height:95dvh;border-radius:18px 18px 0 0}.jp2__wall-layout{display:block}.jp2__wall-scene{margin-bottom:18px}.jp2__wall-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px}.jp2__wall-selection,.jp2__wall-controls>.jp2__small,.jp2__wall-message{grid-column:1/-1}.jp2__wall-controls>label:not(.jp2__upload){font-size:12px}.jp2__wall-placement .jp2-art{--rail:4px}.jp2__dialog--video video{max-height:70dvh}.jp2__upload{padding:10px}.jp2__rooms button{padding:8px}.jp2__colors{gap:8px}.jp2__colors button{width:25px;height:25px}}@media(prefers-reduced-motion:reduce){.jp2 *,.jp2 *:before,.jp2 *:after,.jp2__dialog::backdrop{animation:none!important;transition:none!important;scroll-behavior:auto!important}}body:has(joffz-pdp2) .joffz-art-pairing{color:#030d42}body:has(joffz-pdp2) .joffz-art-pairing__heading{font-family:var(--joffz-premium-serif,Georgia,serif);font-size:clamp(30px,3vw,44px);font-weight:500}body:has(joffz-pdp2) .joffz-art-pair__media{border-radius:10px;background:#f7f1ee}body:has(joffz-pdp2) .joffz-art-pair__cta{border-color:#030d42;color:#030d42}body:has(joffz-pdp2) .joffz-art-pair__link:hover .joffz-art-pair__cta{background:#0b2ddd;border-color:#0b2ddd;color:#fff}.quick-add-modal joffz-pdp2 .jp2__made{display:none}.quick-add-modal joffz-pdp2 .jp2__layout{padding:0 20px;gap:25px}.quick-add-modal joffz-pdp2 .jp2__gallery{position:static;--stage-height:460px}.jp2-art[data-finish=oak] .jp2-art__rail--left,.jp2-art[data-finish=oak] .jp2-art__rail--right{--grain:url(joffz-oak-grain-vertical.svg)}.jp2__wishlist{width:36px;flex-basis:36px}.jp2__wishlist .wk-text{display:none!important}.jp2__wishlist .wk-button{width:36px!important;min-width:36px!important;min-height:36px!important;padding:8px!important;margin:0!important}.jp2__wishlist wishlist-button-block{--button-padding:8px!important;--icon-size:20px!important;--button-margin-top:0!important;--button-min-height:36px!important;--button-margin-bottom:0!important}.jp2-art[data-finish$=-canvas]{padding:calc(var(--rail) + 4px);background:#27231e}.jp2-art[data-finish=oak-canvas] .jp2-art__rail--left,.jp2-art[data-finish=oak-canvas] .jp2-art__rail--right{--grain:url(joffz-oak-grain-vertical.svg)}.jp2-art[data-finish=black-canvas]{--grain:linear-gradient(90deg,#252525,#353535 30%,#171717 90%)}.jp2-art[data-finish=white-canvas]{--grain:linear-gradient(90deg,#d8d5cf,#fff 30%,#e7e4de 90%)}.jp2__swatch[data-swatch=oak-canvas]{background:#d2b27d url(joffz-oak-grain.svg) center/cover}.jp2__swatch[data-swatch=black-canvas]{background:#242424}.jp2__swatch[data-swatch=white-canvas]{background:#f2efe9}.jp2__delivery{margin:0 0 18px;font-size:12px}.jp2__delivery .jz-delivery{margin:0}.jp2__wall-scene:before{bottom:37%}.jp2__wall-scene[data-room=light]:before{bottom:32%}.jp2__colors button:disabled{opacity:.45;cursor:not-allowed}.jp2__dialog--drawer{animation:none!important;overscroll-behavior:contain}.jp2__dialog--drawer .jp2__panel{opacity:0;transform:translate3d(28px,0,0);transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .3s ease;will-change:transform,opacity;overscroll-behavior:contain;scrollbar-gutter:stable}.jp2__dialog--drawer.is-visible .jp2__panel{opacity:1;transform:translateZ(0)}.jp2__slides{overflow-anchor:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y;scrollbar-width:none}@media(max-width:749px){.jp2__dialog--drawer .jp2__panel{top:auto;bottom:0;transform:translate3d(0,28px,0)}.jp2__dialog--drawer.is-visible .jp2__panel{transform:translateZ(0)}}@media(prefers-reduced-motion:reduce){.jp2__dialog--drawer .jp2__panel{transition:none;transform:none}}.jp2 .jp2__gallery{position:relative;top:auto;align-self:start}.jp2 .jp2__slides{height:auto;aspect-ratio:var(--gallery-ratio,1);background:transparent;align-items:stretch}.jp2 .jp2__slide{height:100%;min-height:0;background:transparent}.jp2 .jp2__original{display:block;width:100%;height:100%;object-fit:contain}.jp2 .jp2__slide--art .jp2-art{width:calc(100% - 2 * var(--rail));max-width:none;margin:auto;box-shadow:none}.jp2 .jp2__slide--art .jp2-art[data-finish=poster],.jp2 .jp2__slide--art .jp2-art[data-finish=canvas]{width:100%}.jp2__zoom-open{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block;width:100%;height:100%;padding:0;border:0;background:transparent;color:var(--jp2-ink);cursor:zoom-in!important}.jp2__zoom-open>span{position:absolute;right:14px;bottom:14px;display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--jp2-line);border-radius:50%;background:#fffef8ef;box-shadow:0 2px 8px #0001}.jp2 .jp2__dialog--zoom{background:var(--jp2-paper);opacity:0;transition:opacity .2s ease}.jp2 .jp2__dialog--zoom.is-visible{opacity:1}.jp2__zoom-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;border-bottom:1px solid var(--jp2-line);height:68px;background:var(--jp2-paper)}.jp2 .jp2__zoom-toolbar h2{font:500 16px/1.3 var(--font-body-family,Arial,sans-serif);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.jp2__zoom-controls{display:flex;align-items:center;gap:6px;flex:none}.jp2__zoom-controls button{display:grid;place-items:center;border:1px solid var(--jp2-line);border-radius:50%;background:transparent;color:inherit;width:42px;height:42px;font-size:24px;padding:8px}.jp2__zoom-controls button:disabled{opacity:.3}.jp2__zoom-controls output{min-width:48px;text-align:center;font-size:12px;font-variant-numeric:tabular-nums}.jp2__zoom-viewport{height:calc(100% - 68px);width:100%;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom}.jp2__zoom-viewport.is-zoomed{cursor:grab}.jp2__zoom-viewport.is-zoomed:active{cursor:grabbing}.jp2__zoom-stage{display:flex;width:max-content;min-width:100%;min-height:100%;padding:16px;box-sizing:border-box}.jp2__zoom-canvas{position:relative;flex:none;margin:auto;cursor:zoom-in}.is-zoomed .jp2__zoom-canvas{cursor:grab}.jp2 .jp2__zoom-visual{position:absolute;left:0;top:0;max-width:none;height:auto;transform-origin:0 0;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.jp2 .jp2__zoom-visual.jp2__original{height:auto;max-height:none}@media(max-width:749px){.jp2__zoom-toolbar{padding:8px 10px;gap:6px}.jp2 .jp2__zoom-toolbar h2{font-size:12px}.jp2__zoom-controls{gap:3px}.jp2__zoom-controls button{width:36px;height:36px;padding:6px}.jp2__zoom-controls output{min-width:40px}.jp2__zoom-open>span{right:10px;bottom:10px;width:38px;height:38px}}.jp2 .jp2__gallery{width:100%;max-width:calc(clamp(380px,74svh,850px)*var(--gallery-current-ratio,1));margin-inline:auto}@media(max-width:749px){.jp2 .jp2__gallery{max-width:none}}.jp2__zoom-controls button{width:44px;height:44px;padding:0;line-height:0;background:#fff;color:var(--jp2-ink);border-color:#dfdfe5;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.jp2__zoom-controls button svg{display:block;width:20px;height:20px;flex:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}@media(hover:hover){.jp2__zoom-controls button:not(:disabled):hover{background:#f0f3ff;border-color:#8898db;box-shadow:0 2px 7px #030d4210}}.jp2__zoom-controls button:not(:disabled):active{transform:scale(.95);background:#e5ebff}.jp2__zoom-controls button:disabled{opacity:1;color:#a2aabc;background:#f8f9fb;border-color:#e7e9ef;box-shadow:none}.jp2__zoom-controls output{line-height:1;font-weight:500}@media(max-width:749px){.jp2__zoom-controls button{width:36px;height:36px}.jp2__zoom-controls button svg{width:19px;height:19px}}.jp2 .jp2__gallery{--gallery-gutter:52px;--gallery-arrow:42px;max-width:calc(clamp(380px,74svh,850px)*var(--gallery-current-ratio,1) + 2*var(--gallery-gutter));padding-inline:var(--gallery-gutter)}.jp2 .jp2__gallery-nav{position:static;display:block;margin:0;padding:0;height:32px;text-align:center}.jp2 .jp2__gallery-count{display:block;line-height:32px}.jp2 .jp2__gallery-nav [data-gallery-prev],.jp2 .jp2__gallery-nav [data-gallery-next]{position:absolute;top:calc((var(--stage-height) - var(--gallery-arrow))/2);width:var(--gallery-arrow);height:var(--gallery-arrow);margin:0;transform:none;z-index:3;background:#fff;border:1px solid var(--jp2-line);padding:10px}.jp2 .jp2__gallery-nav [data-gallery-prev]{left:0;right:auto}.jp2 .jp2__gallery-nav [data-gallery-next]{right:0;left:auto}.jp2 .jp2__gallery-nav button:disabled{opacity:.35}.jp2 .jp2__gallery-nav button:focus-visible{outline-offset:2px}.jp2 .jp2__gallery-nav button svg{display:block;width:20px;height:20px}.jp2 .jp2__zoom-open>span{display:none}@media(max-width:749px){.jp2 .jp2__gallery{--gallery-gutter:46px;--gallery-arrow:38px;max-width:100%;padding-inline:var(--gallery-gutter)}.jp2 .jp2__gallery-nav [data-gallery-prev]{left:4px}.jp2 .jp2__gallery-nav [data-gallery-next]{right:4px}.jp2 .jp2__gallery-nav button svg{width:18px;height:18px}.jp2 .jp2__gallery-nav [data-gallery-prev],.jp2 .jp2__gallery-nav [data-gallery-next]{padding:9px}.jp2 .jp2__caption{padding-inline:0}}.jp2 .jp2__gallery{max-width:calc(clamp(380px,74svh,850px)*.8 + 2*var(--gallery-gutter))}.jp2 .jp2__slides{aspect-ratio:4/5;height:auto;scroll-behavior:smooth;background:var(--jp2-paper)!important}.jp2 .jp2__slide--art .jp2-art{--art-pad:var(--rail);width:min(calc(100% - 2*var(--art-pad)),calc((var(--stage-height) - 2*var(--art-pad))*var(--art-ratio)))}.jp2 .jp2__slide--art .jp2-art[data-finish=poster],.jp2 .jp2__slide--art .jp2-art[data-finish=canvas]{--art-pad:0px;width:min(100%,calc(var(--stage-height)*var(--art-ratio)))}.jp2 .jp2__slide--art .jp2-art[data-finish$=-canvas]{--art-pad:calc(var(--rail) + 4px)}.jp2 .jp2__upgrade-visual{grid-template-columns:1fr 1fr;align-items:stretch;margin-bottom:24px}.jp2 .jp2__upgrade-copy{padding:24px;display:flex;flex-direction:column;justify-content:center;text-align:left;gap:20px}.jp2 .jp2__upgrade-copy>p{padding:0;font-size:14px;line-height:1.6}.jp2 .jp2__upgrade-offer{padding-top:16px;border-top:1px solid var(--jp2-line)}.jp2 .jp2__upgrade-offer p{padding:0;display:flex;justify-content:space-between;gap:12px;font-size:13px;line-height:1.5}.jp2 .jp2__upgrade-offer [data-upgrade-size]{display:block;font-size:11px;opacity:.65;margin:3px 0 12px}.jp2 .jp2__upgrade-total{border-top:1px solid var(--jp2-line);padding-top:12px!important}.jp2 .jp2__upgrade-total strong{font-size:18px;color:var(--jp2-blue)}.jp2 .jp2__upgrade-actions .jp2__primary svg{width:18px;height:18px;flex:none}.jp2__legacy-preview{display:block;margin:14px 0 0;padding:0;background:transparent}.jp2__legacy-preview>img{display:none}.jp2__legacy-preview>button{width:100%;font-size:13px;min-height:44px}@media(max-width:749px){.jp2 .jp2__gallery{max-width:100%}.jp2 .jp2__upgrade-visual{grid-template-columns:1fr 1fr;min-height:0}.jp2 .jp2__upgrade-art{padding:20px 16px;min-height:0}.jp2 .jp2__upgrade-art .jp2-art{width:min(100%,150px)}.jp2 .jp2__upgrade-copy{padding:18px 14px;gap:14px}.jp2 .jp2__upgrade-copy>p{font-size:12px}.jp2 .jp2__upgrade-offer p{font-size:11px}.jp2 .jp2__upgrade-total strong{font-size:16px}.jp2 .jp2__upgrade-actions{grid-template-columns:1fr}.jp2 .jp2__upgrade-actions .jp2__outline{min-height:42px;padding:10px}}@media(prefers-reduced-motion:reduce){.jp2 .jp2__slides{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/72/assets/joffz-pdp2.css.map */