/* Scoped DARK04 purchase; generated by tools/roast_pod_styles.py. */
body.rp-page.purchase-page{background:#F5F3EF;color:#202322}
body.rp-page.purchase-page #main-content{padding-top:var(--header,76px)}
body.rp-page.purchase-page :is(#main-content,.rp-dialog) button,
body.rp-page.purchase-page :is(#main-content,.rp-dialog):is(button),
body.rp-page.purchase-page :is(#main-content,.rp-dialog) input,
body.rp-page.purchase-page :is(#main-content,.rp-dialog):is(input){font:inherit}
body.rp-page.purchase-page :is(#main-content,.rp-dialog) button,
body.rp-page.purchase-page :is(#main-content,.rp-dialog):is(button){cursor:pointer}
body.rp-page.purchase-page :is(#main-content,.rp-dialog) button:disabled,
body.rp-page.purchase-page :is(#main-content,.rp-dialog):is(button:disabled){cursor:default}
body.rp-page :is(#main-content,.rp-dialog) .purchase-trail,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-trail){display:flex;gap:24px;align-items:center;padding-top:30px;padding-bottom:28px;font-size:12px;color:#656761}
body.rp-page :is(#main-content,.rp-dialog) .purchase-trail a,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-trail) a{color:inherit;text-decoration:none}
body.rp-page :is(#main-content,.rp-dialog) .purchase-trail a:hover,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-trail) a:hover{text-decoration:underline;text-underline-offset:4px}
body.rp-page :is(#main-content,.rp-dialog) .purchase-trail span,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-trail) span{border-left:1px solid #c8c7c0;padding-left:24px}
body.rp-page :is(#main-content,.rp-dialog) .purchase-intro,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-intro){display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(36px,6vw,88px);align-items:start;padding-bottom:112px}
body.rp-page :is(#main-content,.rp-dialog) .purchase-gallery,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-gallery){min-width:0}
body.rp-page :is(#main-content,.rp-dialog) .gallery-plate,
body.rp-page :is(#main-content,.rp-dialog):is(.gallery-plate){height:650px;background:#e9e7e1;position:relative;overflow:hidden;border-radius:4px}
body.rp-page :is(#main-content,.rp-dialog) .gallery-plate:after,
body.rp-page :is(#main-content,.rp-dialog):is(.gallery-plate):after{content:"";position:absolute;left:15%;right:10%;bottom:28px;height:28px;background:radial-gradient(ellipse,rgba(18,20,18,.12),transparent 66%);pointer-events:none;z-index:0}
body.rp-page :is(#main-content,.rp-dialog) .gallery-small-label,
body.rp-page :is(#main-content,.rp-dialog):is(.gallery-small-label){position:absolute;top:25px;left:28px;z-index:2;font-family:var(--mono,monospace);font-size:10px;letter-spacing:.12em;color:#666962}
body.rp-page :is(#main-content,.rp-dialog) .gallery-enlarge,
body.rp-page :is(#main-content,.rp-dialog):is(.gallery-enlarge){position:absolute;right:20px;top:15px;z-index:3;border:0;background:transparent;color:#4c504b;padding:8px;font-size:12px!important}
body.rp-page :is(#main-content,.rp-dialog) .gallery-enlarge span,
body.rp-page :is(#main-content,.rp-dialog):is(.gallery-enlarge) span{font-size:19px;margin-left:7px;font-weight:300}
body.rp-page :is(#main-content,.rp-dialog) .gallery-enlarge:hover,
body.rp-page :is(#main-content,.rp-dialog):is(.gallery-enlarge:hover){color:#C64A35}
body.rp-page :is(#main-content,.rp-dialog) .gallery-render,
body.rp-page :is(#main-content,.rp-dialog):is(.gallery-render){display:block;position:relative;z-index:1;width:100%;height:100%;padding:72px 42px 45px}
body.rp-page :is(#main-content,.rp-dialog) .gallery-plate[data-view="top"] .gallery-render,
body.rp-page :is(#main-content,.rp-dialog):is(.gallery-plate[data-view="top"]) .gallery-render{padding:80px 0 55px}
body.rp-page :is(#main-content,.rp-dialog) .gallery-plate[data-view="window"] .gallery-render,
body.rp-page :is(#main-content,.rp-dialog):is(.gallery-plate[data-view="window"]) .gallery-render{padding:88px 40px 70px}
body.rp-page :is(#main-content,.rp-dialog) .gallery-index,
body.rp-page :is(#main-content,.rp-dialog):is(.gallery-index){position:absolute;bottom:20px;left:28px;font-family:var(--mono,monospace);font-size:10px;letter-spacing:.12em;color:#74776f;z-index:2}
body.rp-page :is(#main-content,.rp-dialog) .gallery-thumbnails,
body.rp-page :is(#main-content,.rp-dialog):is(.gallery-thumbnails){display:flex;gap:14px;padding-top:18px}
body.rp-page :is(#main-content,.rp-dialog) .gallery-thumbnail,
body.rp-page :is(#main-content,.rp-dialog):is(.gallery-thumbnail){width:112px;display:flex;flex-direction:column;gap:9px;border:0;padding:0 0 9px;background:transparent;color:#6d7069;text-align:left;font-size:11px!important;border-bottom:1px solid transparent}
body.rp-page :is(#main-content,.rp-dialog) .thumbnail-picture,
body.rp-page :is(#main-content,.rp-dialog):is(.thumbnail-picture){width:100%;height:88px;background:#e9e7e1;overflow:hidden;border:1px solid transparent;border-radius:2px;transition:border-color .2s,background .2s}
body.rp-page :is(#main-content,.rp-dialog) .thumbnail-picture svg,
body.rp-page :is(#main-content,.rp-dialog):is(.thumbnail-picture) svg{width:100%;height:100%;padding:9px}
body.rp-page :is(#main-content,.rp-dialog) .gallery-thumbnail[data-gallery-view="top"] svg,
body.rp-page :is(#main-content,.rp-dialog):is(.gallery-thumbnail[data-gallery-view="top"]) svg{padding:4px}
body.rp-page :is(#main-content,.rp-dialog) .gallery-thumbnail[data-gallery-view="window"] svg,
body.rp-page :is(#main-content,.rp-dialog):is(.gallery-thumbnail[data-gallery-view="window"]) svg{padding:0}
body.rp-page :is(#main-content,.rp-dialog) .gallery-thumbnail.is-selected,
body.rp-page :is(#main-content,.rp-dialog):is(.gallery-thumbnail.is-selected){color:#202322;border-bottom-color:#202322}
body.rp-page :is(#main-content,.rp-dialog) .gallery-thumbnail.is-selected .thumbnail-picture,
body.rp-page :is(#main-content,.rp-dialog):is(.gallery-thumbnail.is-selected) .thumbnail-picture{border-color:#9d9e96;background:#eeece7}
body.rp-page :is(#main-content,.rp-dialog) .gallery-thumbnail:hover .thumbnail-picture,
body.rp-page :is(#main-content,.rp-dialog):is(.gallery-thumbnail:hover) .thumbnail-picture{border-color:#6f746b}
body.rp-page :is(#main-content,.rp-dialog) .gallery-caption,
body.rp-page :is(#main-content,.rp-dialog):is(.gallery-caption){font-size:11px;line-height:1.6;color:#72756e;margin:18px 0 0;max-width:460px}
body.rp-page :is(#main-content,.rp-dialog) .purchase-information,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-information){padding-top:11px}
body.rp-page :is(#main-content,.rp-dialog) .purchase-information>.eyebrow,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-information)>.eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:25px}
body.rp-page :is(#main-content,.rp-dialog) .purchase-information h1,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-information) h1{font-size:clamp(48px,4.8vw,70px);font-weight:500;letter-spacing:-.055em;line-height:1.02;margin:0}
body.rp-page :is(#main-content,.rp-dialog) .purchase-positioning,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-positioning){font-size:clamp(22px,2.15vw,31px);line-height:1.22;letter-spacing:-.035em;margin:17px 0 25px;color:#71766d;font-weight:400}
body.rp-page :is(#main-content,.rp-dialog) .purchase-price,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-price){font-size:29px;letter-spacing:-.035em;margin:0 0 24px;display:flex;align-items:baseline;gap:9px;font-weight:500}
body.rp-page :is(#main-content,.rp-dialog) .purchase-price>span,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-price)>span{font-size:11px;letter-spacing:.06em;font-weight:400;color:#666b63}
body.rp-page :is(#main-content,.rp-dialog) .purchase-intro-copy,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-intro-copy){font-size:14px;line-height:1.7;max-width:390px;color:#666b63;margin:0 0 27px}
body.rp-page :is(#main-content,.rp-dialog) .purchase-capacities,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-capacities){margin:0 0 25px;padding:23px 0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #d4d5cd;border-bottom:1px solid #d4d5cd}
body.rp-page :is(#main-content,.rp-dialog) .purchase-capacities>div+div,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-capacities)>div+div{border-left:1px solid #d4d5cd;padding-left:27px}
body.rp-page :is(#main-content,.rp-dialog) .purchase-capacities dt,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-capacities) dt{font-size:11px;color:#6a7066;margin-bottom:9px}
body.rp-page :is(#main-content,.rp-dialog) .purchase-capacities dd,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-capacities) dd{font-size:16px;margin:0;letter-spacing:-.02em}
body.rp-page :is(#main-content,.rp-dialog) .purchase-capacities strong,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-capacities) strong{font-weight:500}
body.rp-page :is(#main-content,.rp-dialog) .purchase-configuration,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-configuration){display:flex;justify-content:space-between;align-items:center;font-size:12px;margin:0 0 22px}
body.rp-page :is(#main-content,.rp-dialog) .purchase-configuration>span:first-child,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-configuration)>span:first-child{color:#6a7066}
body.rp-page :is(#main-content,.rp-dialog) .purchase-configuration>span:last-child,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-configuration)>span:last-child{display:flex;align-items:center;gap:10px}
body.rp-page :is(#main-content,.rp-dialog) .black-swatch,
body.rp-page :is(#main-content,.rp-dialog):is(.black-swatch){display:inline-block;width:17px;height:17px;border-radius:50%;background:#222421;box-shadow:inset 0 0 0 2px #343832}
body.rp-page :is(#main-content,.rp-dialog) .quantity-line,
body.rp-page :is(#main-content,.rp-dialog):is(.quantity-line){display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;font-size:12px}
body.rp-page :is(#main-content,.rp-dialog) .quantity-line>label,
body.rp-page :is(#main-content,.rp-dialog):is(.quantity-line)>label{color:#6a7066}
body.rp-page :is(#main-content,.rp-dialog) .quantity-control,
body.rp-page :is(#main-content,.rp-dialog):is(.quantity-control){display:flex;align-items:center;border:1px solid #d1d4cb;border-radius:8px;background:rgba(255,255,255,.25);height:38px;overflow:hidden}
body.rp-page :is(#main-content,.rp-dialog) .quantity-control button,
body.rp-page :is(#main-content,.rp-dialog):is(.quantity-control) button{width:36px;height:36px;background:transparent;border:0;color:#373d33;font-size:17px!important;transition:background .2s}
body.rp-page :is(#main-content,.rp-dialog) .quantity-control button:hover:not(:disabled),
body.rp-page :is(#main-content,.rp-dialog):is(.quantity-control) button:hover:not(:disabled){background:#e4e5dd}
body.rp-page :is(#main-content,.rp-dialog) .quantity-control button:disabled,
body.rp-page :is(#main-content,.rp-dialog):is(.quantity-control) button:disabled{color:#a4a99f}
body.rp-page :is(#main-content,.rp-dialog) .quantity-control input,
body.rp-page :is(#main-content,.rp-dialog):is(.quantity-control) input{appearance:textfield;-moz-appearance:textfield;width:38px;text-align:center;border:0;background:transparent;color:#262d22;padding:0;font-size:12px;outline-offset:-2px}
body.rp-page :is(#main-content,.rp-dialog) .quantity-control input::-webkit-inner-spin-button,
body.rp-page :is(#main-content,.rp-dialog):is(.quantity-control) input::-webkit-inner-spin-button,
body.rp-page :is(#main-content,.rp-dialog) .quantity-control input::-webkit-outer-spin-button,
body.rp-page :is(#main-content,.rp-dialog):is(.quantity-control) input::-webkit-outer-spin-button{appearance:none;margin:0}
body.rp-page :is(#main-content,.rp-dialog) .purchase-subtotal,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-subtotal){display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:20px;line-height:1.5}
body.rp-page :is(#main-content,.rp-dialog) .purchase-subtotal>span:first-child,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-subtotal)>span:first-child{color:#6a7066}
body.rp-page :is(#main-content,.rp-dialog) .purchase-primary,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-primary){width:100%;min-height:52px}
body.rp-page :is(#main-content,.rp-dialog) .purchase-contact,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-contact){display:block;margin:18px auto 0!important;line-height:1.5}
body.rp-page :is(#main-content,.rp-dialog) .purchase-demo-note,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-demo-note){font-size:10px;line-height:1.7;color:#777c72;margin:19px 0 0;text-align:center}
body.rp-page :is(#main-content,.rp-dialog) .purchase-modes,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-modes),
body.rp-page :is(#main-content,.rp-dialog) .purchase-specifications,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-specifications),
body.rp-page :is(#main-content,.rp-dialog) .purchase-questions,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-questions){display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,8vw,120px);padding-top:94px;padding-bottom:100px;border-top:1px solid #d4d5cd}
body.rp-page :is(#main-content,.rp-dialog) .purchase-section-heading>.eyebrow,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-section-heading)>.eyebrow{margin:0 0 24px}
body.rp-page.purchase-page #main-content h2{font-weight:500;font-size:clamp(34px,3.3vw,48px);letter-spacing:-.045em;line-height:1.1;margin:0 0 28px}
body.rp-page :is(#main-content,.rp-dialog) .purchase-section-heading .text-button,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-section-heading) .text-button{display:inline-block;font-size:12px}
body.rp-page :is(#main-content,.rp-dialog) .purchase-section-heading>.muted,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-section-heading)>.muted{font-size:14px;line-height:1.7;max-width:290px}
body.rp-page :is(#main-content,.rp-dialog) .purchase-mode-list article,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-mode-list) article{padding:30px 0 33px;border-top:1px solid #c9cec1}
body.rp-page :is(#main-content,.rp-dialog) .purchase-mode-list article:last-child,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-mode-list) article:last-child{border-bottom:1px solid #c9cec1}
body.rp-page :is(#main-content,.rp-dialog) .mode-title-line,
body.rp-page :is(#main-content,.rp-dialog):is(.mode-title-line){display:flex;justify-content:space-between;align-items:baseline;gap:20px}
body.rp-page :is(#main-content,.rp-dialog) .mode-title-line h3,
body.rp-page :is(#main-content,.rp-dialog):is(.mode-title-line) h3{font-size:27px;line-height:1.15;font-weight:500;letter-spacing:-.035em;margin:0}
body.rp-page :is(#main-content,.rp-dialog) .mode-title-line>span,
body.rp-page :is(#main-content,.rp-dialog):is(.mode-title-line)>span{font-family:var(--mono,monospace);font-size:10px;letter-spacing:.05em;color:#656e5d}
body.rp-page :is(#main-content,.rp-dialog) .purchase-mode-list article p,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-mode-list) article p{font-size:15px;line-height:1.65;max-width:360px;color:#6a7066;margin:16px 0 0}
body.rp-page :is(#main-content,.rp-dialog) .purchase-preparation,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-preparation){background:#e7e8e1;padding:96px 0 104px}
body.rp-page :is(#main-content,.rp-dialog) .preparation-layout,
body.rp-page :is(#main-content,.rp-dialog):is(.preparation-layout){display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,8vw,120px)}
body.rp-page :is(#main-content,.rp-dialog) .preparation-layout .eyebrow,
body.rp-page :is(#main-content,.rp-dialog):is(.preparation-layout) .eyebrow{margin-bottom:24px}
body.rp-page :is(#main-content,.rp-dialog) .preparation-intro,
body.rp-page :is(#main-content,.rp-dialog):is(.preparation-intro){font-size:14px;line-height:1.7;color:#68715f;max-width:300px}
body.rp-page :is(#main-content,.rp-dialog) .preparation-questions article,
body.rp-page :is(#main-content,.rp-dialog):is(.preparation-questions) article{display:flex;gap:26px;padding:0 0 28px;margin-bottom:27px;border-bottom:1px solid #c7cec0}
body.rp-page :is(#main-content,.rp-dialog) .preparation-questions article:last-child,
body.rp-page :is(#main-content,.rp-dialog):is(.preparation-questions) article:last-child{margin-bottom:0;padding-bottom:0;border:0}
body.rp-page :is(#main-content,.rp-dialog) .preparation-number,
body.rp-page :is(#main-content,.rp-dialog):is(.preparation-number){font-family:var(--mono,monospace);font-size:10px;line-height:2.5;color:#7c8572}
body.rp-page :is(#main-content,.rp-dialog) .preparation-questions h3,
body.rp-page :is(#main-content,.rp-dialog):is(.preparation-questions) h3{font-size:20px;line-height:1.3;font-weight:500;letter-spacing:-.025em;margin:0 0 10px}
body.rp-page :is(#main-content,.rp-dialog) .preparation-questions p,
body.rp-page :is(#main-content,.rp-dialog):is(.preparation-questions) p{font-size:13px;line-height:1.7;max-width:360px;color:#68715f;margin:0 0 13px}
body.rp-page :is(#main-content,.rp-dialog) .preparation-questions .text-button,
body.rp-page :is(#main-content,.rp-dialog):is(.preparation-questions) .text-button{font-size:11px}
body.rp-page :is(#main-content,.rp-dialog) .purchase-specifications,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-specifications){border-top:0;padding-top:108px}
body.rp-page :is(#main-content,.rp-dialog) .purchase-questions,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-questions){padding-top:88px}
body.rp-page :is(#main-content,.rp-dialog) .purchase-final,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-final){border-top:1px solid #d4d5cd;padding-top:80px;padding-bottom:95px;display:flex;align-items:center;justify-content:space-between;gap:40px}
body.rp-page :is(#main-content,.rp-dialog) .purchase-final .eyebrow,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-final) .eyebrow{margin-bottom:20px}
body.rp-page :is(#main-content,.rp-dialog) .purchase-final h2,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-final) h2{margin:0;font-size:clamp(34px,4.4vw,62px)}
body.rp-page :is(#main-content,.rp-dialog) .purchase-final .button,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-final) .button{flex-shrink:0;min-width:170px}
body.rp-page :is(#main-content,.rp-dialog) .purchase-dialog,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-dialog){color:#202322;border:1px solid rgba(255,255,255,.8);background:#f8f7f3;border-radius:28px;box-shadow:0 32px 100px #10170d40;padding:30px;max-height:calc(100dvh - 40px);overflow:auto;margin:auto;max-width:calc(100vw - 36px)}
body.rp-page :is(#main-content,.rp-dialog) .purchase-dialog::backdrop,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-dialog)::backdrop{background:#171c1873;backdrop-filter:blur(12px)}
body.rp-page :is(#main-content,.rp-dialog) .purchase-dialog-top,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-dialog-top){display:flex;align-items:center;justify-content:space-between;gap:20px}
body.rp-page :is(#main-content,.rp-dialog) .purchase-dialog-top h2,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-dialog-top) h2{font-size:16px;font-weight:500;letter-spacing:-.02em;margin:0}
body.rp-page :is(#main-content,.rp-dialog) .purchase-dialog-top .eyebrow,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-dialog-top) .eyebrow{font-size:10px;margin:0}
body.rp-page :is(#main-content,.rp-dialog) .purchase-dialog .dialog-close,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-dialog) .dialog-close{position:static;inset:auto;width:auto;height:auto;min-width:0;border-radius:0;border:0;background:transparent;display:flex;align-items:center;gap:12px;font-size:11px!important;color:#5e6657;padding:8px 0 8px 10px;min-height:40px}
body.rp-page :is(#main-content,.rp-dialog) .purchase-dialog .dialog-close>span,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-dialog) .dialog-close>span{font-size:24px;line-height:1;font-weight:300}
body.rp-page :is(#main-content,.rp-dialog) .purchase-dialog .dialog-close:hover,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-dialog) .dialog-close:hover{color:#202322}
body.rp-page :is(#main-content,.rp-dialog) .zoom-dialog,
body.rp-page :is(#main-content,.rp-dialog):is(.zoom-dialog){width:1040px}
body.rp-page :is(#main-content,.rp-dialog) .zoom-render,
body.rp-page :is(#main-content,.rp-dialog):is(.zoom-render){display:block;width:100%;height:min(72dvh,850px);padding:18px}
body.rp-page :is(#main-content,.rp-dialog) .zoom-caption,
body.rp-page :is(#main-content,.rp-dialog):is(.zoom-caption){font-size:11px;color:#717a68;line-height:1.5;margin:0}
body.rp-page :is(#main-content,.rp-dialog) .purchase-preview-dialog,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-preview-dialog){width:540px;padding:28px 32px 30px}
body.rp-page :is(#main-content,.rp-dialog) .purchase-preview-dialog>h2,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-preview-dialog)>h2{font-size:37px;font-weight:500;letter-spacing:-.045em;line-height:1.15;margin:25px 0}
body.rp-page :is(#main-content,.rp-dialog) .preview-product,
body.rp-page :is(#main-content,.rp-dialog):is(.preview-product){display:flex;align-items:center;gap:24px;padding:20px 0 28px;border-bottom:1px solid #d6dbcf}
body.rp-page :is(#main-content,.rp-dialog) .preview-product img,
body.rp-page :is(#main-content,.rp-dialog):is(.preview-product) img{width:86px;height:112px;object-fit:contain;flex-shrink:0}
body.rp-page :is(#main-content,.rp-dialog) .preview-product h3,
body.rp-page :is(#main-content,.rp-dialog):is(.preview-product) h3{font-size:16px;font-weight:500;letter-spacing:-.025em;margin:0 0 9px}
body.rp-page :is(#main-content,.rp-dialog) .preview-product p,
body.rp-page :is(#main-content,.rp-dialog):is(.preview-product) p,
body.rp-page :is(#main-content,.rp-dialog) .preview-product span,
body.rp-page :is(#main-content,.rp-dialog):is(.preview-product) span{font-size:12px;color:#707966;margin:4px 0;line-height:1.5}
body.rp-page :is(#main-content,.rp-dialog) .preview-totals,
body.rp-page :is(#main-content,.rp-dialog):is(.preview-totals){margin:22px 0}
body.rp-page :is(#main-content,.rp-dialog) .preview-totals>div,
body.rp-page :is(#main-content,.rp-dialog):is(.preview-totals)>div{display:flex;justify-content:space-between;gap:20px;font-size:12px;margin:14px 0}
body.rp-page :is(#main-content,.rp-dialog) .preview-totals dt,
body.rp-page :is(#main-content,.rp-dialog):is(.preview-totals) dt{color:#747c6c}
body.rp-page :is(#main-content,.rp-dialog) .preview-totals dd,
body.rp-page :is(#main-content,.rp-dialog):is(.preview-totals) dd{margin:0}
body.rp-page :is(#main-content,.rp-dialog) .preview-totals>div:first-child,
body.rp-page :is(#main-content,.rp-dialog):is(.preview-totals)>div:first-child{font-size:16px;margin-bottom:21px}
body.rp-page :is(#main-content,.rp-dialog) .preview-totals>div:first-child dt,
body.rp-page :is(#main-content,.rp-dialog):is(.preview-totals)>div:first-child dt{color:#202322}
body.rp-page :is(#main-content,.rp-dialog) .preview-boundary,
body.rp-page :is(#main-content,.rp-dialog):is(.preview-boundary){border-top:1px solid #d6dbcf;padding-top:21px;margin-bottom:24px}
body.rp-page :is(#main-content,.rp-dialog) .preview-boundary strong,
body.rp-page :is(#main-content,.rp-dialog):is(.preview-boundary) strong{font-size:12px;font-weight:500}
body.rp-page :is(#main-content,.rp-dialog) .preview-boundary p,
body.rp-page :is(#main-content,.rp-dialog):is(.preview-boundary) p{font-size:11px;line-height:1.65;color:#707966;margin:8px 0 0}
body.rp-page :is(#main-content,.rp-dialog) .purchase-preview-dialog>.button,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-preview-dialog)>.button{width:100%;min-height:50px}
body.rp-page :is(#main-content,.rp-dialog) .preview-return,
body.rp-page :is(#main-content,.rp-dialog):is(.preview-return){display:block;margin:18px auto 0!important;font-size:12px}
@media(min-width:1500px){
body.rp-page :is(#main-content,.rp-dialog) .gallery-plate,
body.rp-page :is(#main-content,.rp-dialog):is(.gallery-plate){height:700px}
body.rp-page :is(#main-content,.rp-dialog) .purchase-information,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-information){padding-top:30px}
}
@media(max-width:1100px){
body.rp-page :is(#main-content,.rp-dialog) .purchase-intro,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-intro){gap:38px;grid-template-columns:1.08fr .92fr}
body.rp-page :is(#main-content,.rp-dialog) .gallery-plate,
body.rp-page :is(#main-content,.rp-dialog):is(.gallery-plate){height:610px}
body.rp-page :is(#main-content,.rp-dialog) .gallery-render,
body.rp-page :is(#main-content,.rp-dialog):is(.gallery-render){padding:65px 18px 40px}
body.rp-page :is(#main-content,.rp-dialog) .purchase-information h1,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-information) h1{font-size:54px}
body.rp-page :is(#main-content,.rp-dialog) .purchase-information>.eyebrow,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-information)>.eyebrow{font-size:9px}
body.rp-page :is(#main-content,.rp-dialog) .purchase-mode-list article p,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-mode-list) article p{font-size:14px}
}
@media(max-width:850px){
body.rp-page :is(#main-content,.rp-dialog) .purchase-intro,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-intro){grid-template-columns:1fr;gap:38px;padding-bottom:75px}
body.rp-page :is(#main-content,.rp-dialog) .gallery-plate,
body.rp-page :is(#main-content,.rp-dialog):is(.gallery-plate){height:620px}
body.rp-page :is(#main-content,.rp-dialog) .gallery-render,
body.rp-page :is(#main-content,.rp-dialog):is(.gallery-render){padding:62px 60px 36px}
body.rp-page :is(#main-content,.rp-dialog) .purchase-information,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-information){padding-top:0;max-width:600px}
body.rp-page :is(#main-content,.rp-dialog) .purchase-information h1,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-information) h1{font-size:64px}
body.rp-page :is(#main-content,.rp-dialog) .purchase-positioning br,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-positioning) br{display:none}
body.rp-page :is(#main-content,.rp-dialog) .purchase-positioning,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-positioning){font-size:28px}
body.rp-page :is(#main-content,.rp-dialog) .purchase-intro-copy,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-intro-copy){max-width:520px}
body.rp-page :is(#main-content,.rp-dialog) .purchase-demo-note,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-demo-note){text-align:left}
body.rp-page :is(#main-content,.rp-dialog) .purchase-contact,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-contact){margin-left:0!important}
body.rp-page :is(#main-content,.rp-dialog) .purchase-modes,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-modes),
body.rp-page :is(#main-content,.rp-dialog) .purchase-specifications,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-specifications),
body.rp-page :is(#main-content,.rp-dialog) .purchase-questions,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-questions),
body.rp-page :is(#main-content,.rp-dialog) .preparation-layout,
body.rp-page :is(#main-content,.rp-dialog):is(.preparation-layout){grid-template-columns:1fr;gap:25px}
body.rp-page :is(#main-content,.rp-dialog) .purchase-modes,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-modes),
body.rp-page :is(#main-content,.rp-dialog) .purchase-specifications,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-specifications),
body.rp-page :is(#main-content,.rp-dialog) .purchase-questions,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-questions){padding-top:64px;padding-bottom:70px}
body.rp-page :is(#main-content,.rp-dialog) .purchase-preparation,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-preparation){padding:65px 0 70px}
body.rp-page :is(#main-content,.rp-dialog) .purchase-section-heading>.muted,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-section-heading)>.muted,
body.rp-page :is(#main-content,.rp-dialog) .preparation-intro,
body.rp-page :is(#main-content,.rp-dialog):is(.preparation-intro){max-width:510px}
body.rp-page :is(#main-content,.rp-dialog) .purchase-mode-list article p,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-mode-list) article p{max-width:520px}
body.rp-page :is(#main-content,.rp-dialog) .purchase-final,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-final){padding-top:64px;padding-bottom:72px}
body.rp-page :is(#main-content,.rp-dialog) .purchase-questions h2,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-questions) h2{margin-bottom:10px}
}
@media(max-width:520px){
body.rp-page :is(#main-content,.rp-dialog) .purchase-trail,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-trail){padding-top:20px;padding-bottom:20px;font-size:10px;gap:17px}
body.rp-page :is(#main-content,.rp-dialog) .purchase-trail span,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-trail) span{padding-left:17px}
body.rp-page :is(#main-content,.rp-dialog) .gallery-plate,
body.rp-page :is(#main-content,.rp-dialog):is(.gallery-plate){height:430px;border-radius:3px}
body.rp-page :is(#main-content,.rp-dialog) .gallery-render,
body.rp-page :is(#main-content,.rp-dialog):is(.gallery-render){padding:58px 25px 30px}
body.rp-page :is(#main-content,.rp-dialog) .gallery-small-label,
body.rp-page :is(#main-content,.rp-dialog):is(.gallery-small-label){top:23px;left:18px;font-size:8px}
body.rp-page :is(#main-content,.rp-dialog) .gallery-enlarge,
body.rp-page :is(#main-content,.rp-dialog):is(.gallery-enlarge){right:10px;top:12px;font-size:10px!important}
body.rp-page :is(#main-content,.rp-dialog) .gallery-enlarge span,
body.rp-page :is(#main-content,.rp-dialog):is(.gallery-enlarge) span{font-size:17px;margin-left:4px}
body.rp-page :is(#main-content,.rp-dialog) .gallery-index,
body.rp-page :is(#main-content,.rp-dialog):is(.gallery-index){left:18px;bottom:16px;font-size:8px}
body.rp-page :is(#main-content,.rp-dialog) .gallery-plate[data-view="top"] .gallery-render,
body.rp-page :is(#main-content,.rp-dialog):is(.gallery-plate[data-view="top"]) .gallery-render{padding:70px 0 45px}
body.rp-page :is(#main-content,.rp-dialog) .gallery-plate[data-view="window"] .gallery-render,
body.rp-page :is(#main-content,.rp-dialog):is(.gallery-plate[data-view="window"]) .gallery-render{padding:70px 20px 50px}
body.rp-page :is(#main-content,.rp-dialog) .gallery-thumbnails,
body.rp-page :is(#main-content,.rp-dialog):is(.gallery-thumbnails){gap:12px;padding-top:13px}
body.rp-page :is(#main-content,.rp-dialog) .gallery-thumbnail,
body.rp-page :is(#main-content,.rp-dialog):is(.gallery-thumbnail){width:calc((100% - 24px)/3);font-size:10px!important;gap:8px}
body.rp-page :is(#main-content,.rp-dialog) .thumbnail-picture,
body.rp-page :is(#main-content,.rp-dialog):is(.thumbnail-picture){height:80px}
body.rp-page :is(#main-content,.rp-dialog) .gallery-caption,
body.rp-page :is(#main-content,.rp-dialog):is(.gallery-caption){font-size:10px;margin-top:15px}
body.rp-page :is(#main-content,.rp-dialog) .purchase-intro,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-intro){gap:34px;padding-bottom:62px}
body.rp-page :is(#main-content,.rp-dialog) .purchase-information>.eyebrow,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-information)>.eyebrow{margin-bottom:18px;font-size:8px}
body.rp-page :is(#main-content,.rp-dialog) .purchase-information h1,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-information) h1{font-size:53px}
body.rp-page :is(#main-content,.rp-dialog) .purchase-positioning,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-positioning){font-size:24px;margin:14px 0 21px}
body.rp-page :is(#main-content,.rp-dialog) .purchase-price,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-price){font-size:27px}
body.rp-page :is(#main-content,.rp-dialog) .purchase-intro-copy,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-intro-copy){font-size:13px}
body.rp-page :is(#main-content,.rp-dialog) .purchase-capacities,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-capacities){padding:20px 0;margin-bottom:22px}
body.rp-page :is(#main-content,.rp-dialog) .purchase-capacities dd,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-capacities) dd{font-size:15px}
body.rp-page :is(#main-content,.rp-dialog) .purchase-demo-note,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-demo-note){font-size:10px;max-width:320px}
body.rp-page.purchase-page #main-content h2{font-size:35px}
body.rp-page :is(#main-content,.rp-dialog) .purchase-section-heading>.eyebrow,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-section-heading)>.eyebrow,
body.rp-page :is(#main-content,.rp-dialog) .preparation-layout .eyebrow,
body.rp-page :is(#main-content,.rp-dialog):is(.preparation-layout) .eyebrow{font-size:9px;margin-bottom:18px}
body.rp-page :is(#main-content,.rp-dialog) .mode-title-line h3,
body.rp-page :is(#main-content,.rp-dialog):is(.mode-title-line) h3{font-size:25px}
body.rp-page :is(#main-content,.rp-dialog) .purchase-mode-list article,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-mode-list) article{padding:25px 0}
body.rp-page :is(#main-content,.rp-dialog) .purchase-mode-list article p,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-mode-list) article p{font-size:13px}
body.rp-page :is(#main-content,.rp-dialog) .preparation-questions article,
body.rp-page :is(#main-content,.rp-dialog):is(.preparation-questions) article{gap:20px}
body.rp-page :is(#main-content,.rp-dialog) .purchase-final,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-final){align-items:flex-start;flex-direction:column;gap:28px}
body.rp-page :is(#main-content,.rp-dialog) .purchase-final h2,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-final) h2{font-size:40px}
body.rp-page :is(#main-content,.rp-dialog) .purchase-dialog,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-dialog){padding:20px;border-radius:22px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}
body.rp-page :is(#main-content,.rp-dialog) .purchase-dialog-top h2,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-dialog-top) h2{font-size:13px}
body.rp-page :is(#main-content,.rp-dialog) .zoom-render,
body.rp-page :is(#main-content,.rp-dialog):is(.zoom-render){height:64dvh;padding:15px 0}
body.rp-page :is(#main-content,.rp-dialog) .zoom-caption,
body.rp-page :is(#main-content,.rp-dialog):is(.zoom-caption){font-size:10px}
body.rp-page :is(#main-content,.rp-dialog) .purchase-preview-dialog>h2,
body.rp-page :is(#main-content,.rp-dialog):is(.purchase-preview-dialog)>h2{font-size:32px;margin:20px 0}
body.rp-page :is(#main-content,.rp-dialog) .preview-product,
body.rp-page :is(#main-content,.rp-dialog):is(.preview-product){gap:18px;padding-top:7px}
body.rp-page :is(#main-content,.rp-dialog) .preview-product img,
body.rp-page :is(#main-content,.rp-dialog):is(.preview-product) img{width:72px;height:100px}
body.rp-page :is(#main-content,.rp-dialog) .preview-totals>div:first-child,
body.rp-page :is(#main-content,.rp-dialog):is(.preview-totals)>div:first-child{font-size:14px}
body.rp-page :is(#main-content,.rp-dialog) .preview-product h3,
body.rp-page :is(#main-content,.rp-dialog):is(.preview-product) h3{font-size:15px}
}
@media(prefers-reduced-motion:reduce){
body.rp-page.purchase-page :is(#main-content,.rp-dialog) *,
body.rp-page.purchase-page :is(#main-content,.rp-dialog):is(*){scroll-behavior:auto!important}
body.rp-page :is(#main-content,.rp-dialog) .thumbnail-picture,
body.rp-page :is(#main-content,.rp-dialog):is(.thumbnail-picture){transition:none}
}