.pbo-section{position:relative;overflow:hidden;color:#14110d;background-color:#f4ebd9;background-image:radial-gradient(ellipse 120% 72% at 50% 58%,rgba(232,168,80,.07) 0%,rgba(200,137,58,.03) 34%,transparent 62%),linear-gradient(180deg,#050505,#0e0c0a 8%,#15110e,#1c1612,#241c18,#2d231d,#382b23,#453429,#523e30 50%,#5f4838,#6c5340,#795e48,#876952 70%,#95755c,#a38266,#b19072,#bf9f7e 86%,#cdb08c,#d9c09c 92%,#e4d0ad,#ecdbbd,#f2e5cc,#f4ebd9);padding-bottom:2rem}@supports (background: linear-gradient(in oklab,#000,#fff)){.pbo-section{background-image:radial-gradient(ellipse 120% 72% at 50% 58%,rgba(232,168,80,.07) 0%,rgba(200,137,58,.03) 34%,transparent 62%),linear-gradient(180deg,#050505,#0e0c0a 8%,#15110e,#1c1612,#241c18,#2d231d,#382b23,#453429,#523e30 50%,#5f4838,#6c5340,#795e48,#876952 70%,#95755c,#a38266,#b19072,#bf9f7e 86%,#cdb08c,#d9c09c 92%,#e4d0ad,#ecdbbd,#f2e5cc,#f4ebd9)}}.pbo-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 95% 70% at 50% 64%,rgba(244,211,138,.07) 0%,rgba(232,168,80,.04) 28%,rgba(200,137,58,.015) 48%,transparent 68%),repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0,rgba(255,255,255,.012) 1px,transparent 1px,transparent 3px);opacity:.55;mix-blend-mode:soft-light;z-index:0}.pbo-section:after{content:"";position:absolute;left:0;right:0;bottom:0;height:min(28vh,22rem);pointer-events:none;background:linear-gradient(180deg,transparent 0%,rgba(244,235,217,.55) 45%,#f4ebd9 100%);z-index:0}.pbo-section__inner{position:relative;z-index:1}.pbo-editorial{font-family:var(--font-heading-family);font-weight:400;font-size:clamp(1.4rem,4.6vw,2.8rem);line-height:1.25;letter-spacing:-.01em;white-space:nowrap}.pbo-editorial>*{margin:0;white-space:nowrap}.pbo-editorial--top{margin:0 0 clamp(1.5rem,3vw,2.5rem);text-align:left;color:#fff}.pbo-editorial--bottom{margin:clamp(1.5rem,3vw,2.5rem) 0 0;text-align:left;color:#3d3530}@media screen and (min-width:750px){.pbo-editorial{font-size:clamp(2.6rem,3.4vw,3.6rem)}.pbo-editorial--top{margin-bottom:clamp(2rem,3vw,3rem);text-align:right}.pbo-editorial--bottom{margin-top:clamp(2rem,3vw,3rem);text-align:left}}.pbo-section__note{margin:2.4rem 0 0;font-size:1.3rem;line-height:1.5;color:#ffffffb8}.pbo{display:block;position:relative;--pbo-ease: cubic-bezier(.22, 1, .36, 1);--pbo-duration: .48s;--pbo-stagger: 35ms;--pbo-tile-w: 10.25rem;--pbo-tile-h: 6.375rem;--pbo-tile-pad-x: .65rem;--pbo-tile-gap: .32rem;--pbo-value-size: 1.625rem;--pbo-value-long: 1.02rem;--pbo-value-size-sm: .875rem;--pbo-label-size: .72rem;--pbo-value-slot-min: 2.05rem;--pbo-value-slot-max: 2.85rem}@media screen and (min-width:750px){.pbo{--pbo-tile-w: 10.5rem;--pbo-tile-h: 6.125rem;--pbo-tile-pad-x: .6rem;--pbo-value-size: 1.5rem;--pbo-value-long: .95rem;--pbo-value-size-sm: .875rem;--pbo-label-size: .68rem;--pbo-value-slot-min: 1.95rem;--pbo-value-slot-max: 2.65rem}}.pbo:before{content:"";position:absolute;top:50%;left:50%;z-index:0;width:min(90%,52rem);height:140%;transform:translate(-50%,-50%);pointer-events:none;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(244,211,138,.06) 0%,transparent 72%)}.pbo__strip{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:stretch;--pbo-strip-pad: 1.25rem;--pbo-tile-h: 6.375rem;padding-top:var(--pbo-strip-pad);padding-bottom:var(--pbo-strip-pad);border-top:1px solid rgba(214,178,94,.18);border-bottom:1px solid rgba(214,178,94,.18)}@media screen and (min-width:750px){.pbo__strip{--pbo-strip-pad: 1.375rem;--pbo-tile-h: 6.125rem}}.pbo__strip-row{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:clamp(.75rem,2vw,1.25rem);width:100%;max-width:75rem;margin:0 auto;height:var(--pbo-tile-h);min-height:var(--pbo-tile-h)}@media screen and (max-width:749px){.pbo__strip{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);overflow:hidden}.pbo__strip:before,.pbo__strip:after{content:"";position:absolute;top:0;bottom:0;width:.85rem;z-index:2;pointer-events:none;opacity:0;transition:opacity .32s ease}.pbo__strip:before{left:0;background:linear-gradient(to right,rgba(14,12,10,.14) 0%,transparent 100%)}.pbo__strip:after{right:0;background:linear-gradient(to left,rgba(14,12,10,.14) 0%,transparent 100%)}.pbo__strip.is-scrollable:not(.is-at-start):before,.pbo__strip.is-scrollable:not(.is-at-end):after{opacity:1}.pbo__strip-row{justify-content:flex-start;gap:1rem;max-width:none;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scroll-padding-inline:1.25rem;scrollbar-width:none;padding-inline:1.25rem}.pbo__strip-row::-webkit-scrollbar{display:none}}@media screen and (min-width:750px){.pbo__strip-row{gap:clamp(.85rem,1.6vw,1.35rem)}}.pbo__spec{display:grid;grid-template-rows:minmax(0,1fr) auto auto minmax(0,1fr);row-gap:var(--pbo-tile-gap);align-items:center;justify-items:center;text-align:center;flex:0 0 var(--pbo-tile-w);width:var(--pbo-tile-w);min-width:var(--pbo-tile-w);height:var(--pbo-tile-h);min-height:var(--pbo-tile-h);max-height:var(--pbo-tile-h);padding-inline:var(--pbo-tile-pad-x);box-sizing:border-box;overflow:hidden;border-radius:13px;border:1px solid rgba(184,135,74,.24);background:#fcf6e81a;box-shadow:0 1px 2px #0e0a080f,0 4px 14px #0e0a0812;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.pbo__spec{background:#fcf6e829}}@media screen and (max-width:749px){.pbo__spec{scroll-snap-align:center}.pbo__spec--long{--pbo-tile-w: 10.75rem}.pbo__spec--size{--pbo-tile-w: 11.25rem}}@media screen and (min-width:750px){.pbo__spec{border-color:#7a624438;background:#fcf6e885;box-shadow:0 1px 2px #2a20180d,0 5px 16px #2a201812}.pbo__spec--size{--pbo-tile-w: 12rem}.pbo__spec--long{--pbo-tile-w: 11.25rem}}.pbo__value-slot{grid-row:2;display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;min-height:var(--pbo-value-slot-min);max-height:var(--pbo-value-slot-max);overflow:hidden}.pbo__label{grid-row:3;font-family:var(--pbo-mono, ui-monospace, monospace);font-size:var(--pbo-label-size);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#fcf6e88f;line-height:1.25;max-width:100%;padding-inline:.1rem}.pbo__value{font-family:var(--pbo-mono, ui-monospace, monospace);font-size:var(--pbo-value-size);font-weight:600;line-height:1.1;letter-spacing:-.03em;color:#fcf6e8fa;font-variant-numeric:tabular-nums;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.pbo__spec--long .pbo__value{font-size:var(--pbo-value-long);white-space:normal;line-height:1.14;letter-spacing:-.02em;text-overflow:clip;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.pbo__spec--size .pbo__value{font-size:var(--pbo-value-size-sm);line-height:1.14;white-space:normal;letter-spacing:-.02em;text-overflow:clip;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media screen and (min-width:750px){.pbo__value{color:#2a241d}.pbo__label{letter-spacing:.14em;color:#2a241d85}.pbo__spec--size .pbo__value{color:#2a241d}.pbo__spec--size .pbo__label{font-size:.6rem;letter-spacing:.1em;line-height:1.2}}.pbo__spec--led .pbo__value{color:#d6b25e}@media screen and (min-width:750px){.pbo__spec--led .pbo__value{color:#a86f2a}.pbo__spec--size.pbo__spec--led .pbo__value,.pbo__spec--size .pbo__value{color:#2a241d}}.pbo.is-observing .pbo__spec{opacity:0;transform:translateY(.45rem)}.pbo.is-observing.is-visible .pbo__spec{opacity:1;transform:translateY(0);transition:opacity var(--pbo-duration) var(--pbo-ease),transform var(--pbo-duration) var(--pbo-ease);transition-delay:calc(var(--pbo-index, 0) * var(--pbo-stagger))}.pbo.is-observing .pbo__value:not([data-count-to]){opacity:0;transform:translateY(.2rem)}.pbo.is-observing.is-visible .pbo__value:not([data-count-to]){opacity:1;transform:translateY(0);transition:opacity .42s var(--pbo-ease),transform .42s var(--pbo-ease);transition-delay:calc(var(--pbo-index, 0) * var(--pbo-stagger) + 60ms)}@media(prefers-reduced-motion:reduce){.pbo.is-observing .pbo__spec,.pbo.is-observing.is-visible .pbo__spec{opacity:1;transform:none;transition:none}.pbo.is-observing .pbo__value:not([data-count-to]),.pbo.is-observing.is-visible .pbo__value:not([data-count-to]){opacity:1;transform:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-premium-build-overview.css.map */
