.body-spotlight{padding-block:clamp(4rem,8vw,7.5rem);background:var(--gradient-background);color:var(--color-foreground)}.body-spotlight__header{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(18rem,.6fr);align-items:end;gap:clamp(2rem,6vw,7rem);margin-block-end:clamp(1.75rem,3vw,3rem)}.body-spotlight__header h2{max-width:none;margin-block-start:.55rem;font-size:clamp(2.8rem,4vw,4.4rem);line-height:.92;letter-spacing:-.055em;text-transform:uppercase}.body-spotlight__header .rte{max-width:34rem;padding-block-end:.35rem}.body-spotlight__showcase{display:grid;grid-template-columns:minmax(0,2.55fr) minmax(17rem,1fr);gap:1rem}.body-spotlight__stage{position:relative;align-self:start;min-width:0;width:100%;aspect-ratio:var(--spotlight-ratio);overflow:hidden;background:var(--color-surface)}.body-spotlight__base,.body-spotlight__scene,.body-spotlight__visual,.body-spotlight__base picture,.body-spotlight__scene picture,.body-spotlight__visual picture{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.body-spotlight__base img,.body-spotlight__scene img,.body-spotlight__visual img{width:100%;height:100%;object-fit:cover;object-position:var(--spotlight-media-position)}.body-spotlight__base img,.body-spotlight__scene img{opacity:.48;filter:blur(4px) grayscale(.72) saturate(.38) contrast(.82) brightness(1.12);transform:scale(1.018);transition:filter .18s ease,opacity .18s ease}.body-spotlight--no-overlay .body-spotlight__base img{opacity:1;filter:none;transform:none}.body-spotlight__scene{z-index:0}.body-spotlight__scene--approved img{opacity:1;filter:none;transform:none}.body-spotlight__visual{z-index:1}.body-spotlight__focus{clip-path:var(--spotlight-focus-clip)}.body-spotlight__focus img{filter:none;opacity:1;transform:none}.body-spotlight__stage-label{position:absolute;z-index:2;inset-block-start:var(--spotlight-label-block, clamp(1rem, 2.5vw, 2rem));inset-inline-start:var(--spotlight-label-inline, auto);inset-inline-end:var(--spotlight-label-inline-end, clamp(1rem, 2.5vw, 2rem));display:grid;gap:.22rem;max-width:12rem;padding:.7rem .85rem;background:#ffffffeb;border-block-start:2px solid var(--color-accent);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase}.body-spotlight__stage-label:before{content:"";position:absolute;inset-block-start:100%;inset-inline-start:var(--spotlight-line-start, 0);width:var(--spotlight-line-width, 5.5rem);height:var(--spotlight-line-height, 3.5rem);border-inline-start:1px solid var(--color-accent);border-block-end:1px solid var(--color-accent);pointer-events:none}.body-spotlight__stage-label:after{content:"";position:absolute;inset-block-start:calc(100% + var(--spotlight-line-height, 3.5rem) - 3px);inset-inline-start:calc(var(--spotlight-line-start, 0) + var(--spotlight-line-width, 5.5rem) - 3px);width:6px;height:6px;border-radius:50%;background:var(--color-accent);pointer-events:none}.body-spotlight__stage-label span{color:var(--color-accent);font-weight:750}.body-spotlight__stage-label strong{font-size:.75rem}.body-spotlight__stage.has-embedded-label .body-spotlight__stage-label{display:none}.body-spotlight__detail{min-width:0;background:var(--color-surface)}.body-spotlight__panel{display:grid;align-content:start;height:100%}.body-spotlight__panel.body-spotlight__panel--source-composed{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}.body-spotlight__detail-media{aspect-ratio:4 / 3;overflow:hidden;background:var(--color-surface)}.body-spotlight__panel.body-spotlight__panel--source-composed .body-spotlight__detail-media{grid-row:auto;height:auto;min-height:0;aspect-ratio:auto}.body-spotlight__panel.body-spotlight__panel--source-composed .body-spotlight__detail-caption{padding:.75rem 1rem 1rem}.body-spotlight__detail-media picture{display:block;height:100%}.body-spotlight__detail-media img{width:100%;height:100%;object-fit:cover}.body-spotlight__detail-caption{padding:.8rem 1rem 0;color:var(--color-muted);font-size:.7rem}.body-spotlight__panel h3{padding:1rem 1rem 0;font-size:clamp(1.35rem,2.4vw,2.3rem);line-height:.98;letter-spacing:-.04em;text-transform:uppercase}.body-spotlight__panel .rte{padding:.75rem 1rem 0;font-size:.86rem}.body-spotlight__panel .text-link{width:fit-content;margin:auto 1rem 1rem;padding-block-start:1.35rem;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.body-spotlight__position-index{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-block-start:1rem;overflow:hidden}.body-spotlight__tab{display:grid;grid-template-rows:auto 1fr;min-width:0;min-height:10.5rem;padding:1rem;border:0;border-inline-start:1px solid var(--color-line);border-block-start:2px solid transparent;background:var(--color-surface);color:var(--color-muted);text-align:center;cursor:pointer}.body-spotlight__tab:first-child{border-inline-start:0}.body-spotlight__tab>span:first-child{font-size:.72rem;font-weight:750;letter-spacing:.045em;text-transform:uppercase}.body-spotlight__tab-media{display:block;align-self:end;height:6.2rem;margin-block-start:.55rem;overflow:hidden;opacity:.35;transition:opacity .18s ease,transform .18s ease}.body-spotlight__tab-media picture{display:block;height:100%}.body-spotlight__tab-media img{width:100%;height:100%;object-fit:contain;filter:grayscale(1)}.body-spotlight__tab:hover .body-spotlight__tab-media{opacity:.7;transform:translateY(-2px)}.body-spotlight__tab[aria-selected=true]{border-block-start-color:var(--color-accent);color:var(--color-foreground)}.body-spotlight__tab[aria-selected=true] .body-spotlight__tab-media{opacity:1}.body-spotlight__view-all{margin-block-start:1.4rem;text-align:end}.body-spotlight__fallback-links{display:grid;gap:.5rem;margin-block-start:1rem;padding:0;list-style:none}@media(max-width:989px){.body-spotlight__header{grid-template-columns:1fr;gap:1rem}.body-spotlight__header h2{max-width:14ch}.body-spotlight__showcase{grid-template-columns:1fr}.body-spotlight__detail{min-height:0}.body-spotlight__panel{grid-template-columns:minmax(8rem,.8fr) minmax(0,1.2fr);grid-template-rows:auto auto 1fr auto;align-items:start}.body-spotlight__detail-media{grid-row:1 / 5;aspect-ratio:4 / 3}.body-spotlight__detail-caption{padding-block-start:1rem}.body-spotlight__panel .text-link{margin-block-start:0}.body-spotlight__position-index{display:flex;margin-inline:0;padding-inline:var(--page-margin);overflow-x:auto;scroll-padding-inline:var(--page-margin);scroll-snap-type:inline mandatory}.body-spotlight__tab{flex:0 0 min(42vw,13rem);scroll-snap-align:start}}@media(max-width:639px){.body-spotlight{padding-block:clamp(3.5rem,14vw,5.5rem)}.body-spotlight__header{margin-block-end:1.5rem}.body-spotlight__showcase{gap:.75rem}.body-spotlight__stage{aspect-ratio:4 / 3}.body-spotlight__stage.is-source-composed{aspect-ratio:var(--spotlight-ratio)}.body-spotlight__stage.is-source-composed .body-spotlight__scene img{object-fit:contain}.body-spotlight__stage-label{inset-block-start:.65rem;inset-inline-end:.65rem;max-width:9rem;padding:.5rem .6rem;font-size:.55rem}.body-spotlight__stage-label:before{width:calc(var(--spotlight-line-width, 5.5rem) * .72);height:calc(var(--spotlight-line-height, 3.5rem) * .72)}.body-spotlight__stage-label:after{inset-block-start:calc(100% + (var(--spotlight-line-height, 3.5rem) * .72) - 3px);inset-inline-start:calc(var(--spotlight-line-start, 0) + (var(--spotlight-line-width, 5.5rem) * .72) - 3px)}.body-spotlight__stage-label strong{font-size:.62rem}.body-spotlight__panel{grid-template-columns:7.5rem minmax(0,1fr)}.body-spotlight__panel h3{padding-block-start:.75rem;font-size:1.25rem}.body-spotlight__panel .rte{font-size:.78rem}.body-spotlight__tab{flex-basis:min(58vw,12rem);min-height:9rem;padding:.8rem}.body-spotlight__tab-media{height:5rem}.body-spotlight__view-all{text-align:start}}.body-spotlight__panel.body-spotlight__panel--roof{display:flex;flex-direction:column;justify-content:center}.body-spotlight__panel--roof .body-spotlight__detail-media{flex:none;aspect-ratio:1292 / 520}.body-spotlight__panel--roof .body-spotlight__detail-media img{object-fit:contain}.body-spotlight__panel--roof .text-link{margin-block-start:0}.body-spotlight__detail,.body-spotlight__panel,.body-spotlight__panel>*{min-width:0;max-width:100%}.body-spotlight__panel h3{overflow-wrap:anywhere;font-size:clamp(1.25rem,2vw,1.8rem);line-height:1.15}.body-spotlight__panel>.muted,.body-spotlight__panel>.body-spotlight__coming-soon{padding:.75rem 1rem 0;overflow-wrap:anywhere}.body-spotlight__panel .text-link{max-width:calc(100% - 2rem);overflow-wrap:anywhere}.body-spotlight__panel.body-spotlight__panel--source-composed{display:flex;flex-direction:column;height:auto}.body-spotlight__panel--source-composed .body-spotlight__detail-media{flex:none}.body-spotlight__tab--roof .body-spotlight__tab-media img{transform:scale(1.5);transform-origin:50% 62%}.body-spotlight__panel.body-spotlight__panel--source-composed{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 2.5rem 3rem 2rem 6rem 3.5rem;height:100%;align-content:stretch;justify-content:normal}.body-spotlight__panel--source-composed>*{margin:0;box-sizing:border-box}.body-spotlight__panel.body-spotlight__panel--source-composed .body-spotlight__detail-media{height:100%;min-height:0;aspect-ratio:auto}.body-spotlight__panel--source-composed .body-spotlight__detail-media img{object-fit:cover}.body-spotlight__panel--source-composed .body-spotlight__detail-caption{padding:.75rem 1rem 0}.body-spotlight__panel--source-composed h3{padding:.5rem 1rem 0;font-size:clamp(1.2rem,1.7vw,1.65rem)}.body-spotlight__panel--source-composed>.body-spotlight__coming-soon{padding:.25rem 1rem 0;font-size:.85rem}.body-spotlight__panel--source-composed>.muted{padding:.35rem 1rem 0;font-size:.86rem;line-height:1.6}.body-spotlight__panel--source-composed .text-link{margin:0 1rem;padding-block:.8rem;align-self:end}.body-spotlight__panel--roof .body-spotlight__detail-media img{transform:scale(1.65);transform-origin:50% 24%}.body-spotlight__scene--roof img{transform:scale(1.15)}.body-spotlight__stage-label:before,.body-spotlight__stage-label:after{display:none}@media(min-width:990px){.body-spotlight__showcase{height:clamp(34rem,40vw,40rem)}.body-spotlight__stage.is-source-composed{height:100%;aspect-ratio:auto}.body-spotlight__stage.is-source-composed .body-spotlight__scene img{object-fit:contain}.body-spotlight__detail{height:100%;min-width:0}}@media(max-width:989px){.body-spotlight__stage.is-source-composed{aspect-ratio:2 / 1}.body-spotlight__detail{height:32rem}.body-spotlight__panel--source-composed h3{font-size:1.35rem}}@media(min-width:990px){.body-spotlight__showcase{grid-template-rows:minmax(0,1fr)}.body-spotlight__stage,.body-spotlight__detail,.body-spotlight__panel{min-height:0}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-body-area-spotlight.css.map */