.obs{width:min(100%,1440px);margin-inline:auto;padding:0 clamp(2.4rem,4.5vw,6.4rem) clamp(10rem,14vw,17rem)}.obs--home{width:100%;max-width:none;padding:clamp(7.2rem,10vw,13rem) 0 clamp(8rem,11vw,14rem);background:var(--obs-home-paper, #f7f5f0);color:var(--obs-home-ink, #1c1b18)}.obs--home .obs__home-heading,.obs--home .obs__home-instruction{width:min(100%,1440px);margin-inline:auto;padding-inline:clamp(2.4rem,4.5vw,6.4rem)}.obs--home .obs__home-heading{box-sizing:border-box;padding-bottom:clamp(3.6rem,4.5vw,5.6rem)}.obs--home .obs__heading-copy{display:grid;grid-template-columns:minmax(0,7fr) minmax(26rem,5fr);gap:clamp(2.4rem,5vw,7.2rem);align-items:end;border-color:var(--obp-rule, #ddd8ce)}.obs--home .obs__heading h2{max-width:10ch;font-size:clamp(4.8rem,5.4vw,7.2rem)}.obs--home .obs__heading-copy>p{max-width:42ch;margin:0}.obs--home .obs__heading h2,.obs--home .obs__card,.obs--home .obs__card a,.obs--home .obs__close{color:var(--obs-home-ink, #1c1b18)}.obs--home .obs__home-visual{width:100%;border-right:0;border-left:0;background:#e7e2d9}.obs--home .obs__home-stage{width:100%;max-width:none;aspect-ratio:16 / 9;overflow:hidden}.obs--home .obs__home-stage .obs__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center}.obs--home .obs__video{aspect-ratio:16 / 9;background:#1c1b18}.obs__placeholder{display:grid;min-height:58rem;place-items:center;background:#e7e2d9}.obs--home .obs__home-cards{right:clamp(1.6rem,3vw,4.8rem);bottom:clamp(1.6rem,3vw,4.8rem);width:min(42rem,calc(100% - 3.2rem))}.obs--home .obs__card{grid-template-columns:14.4rem minmax(0,1fr);min-height:14.4rem;border-color:#1c1b1859;background:var(--obs-home-paper, #f7f5f0)}.obs--home .obs__card-image{background:#f7f5f0}.obs--home .obs__hotspot[aria-expanded=true] .obs__hotspot-dot{fill:var(--obs-home-accent, #4e5b52)}.obs--home .obs__home-instruction{box-sizing:border-box;margin-top:1.4rem}.obs__heading{display:grid;grid-template-columns:3fr 9fr;gap:2.4rem;padding-bottom:clamp(3.2rem,5vw,6.4rem)}.obs__heading-copy{padding-top:2.4rem;border-top:1px solid var(--obp-rule)}.obs__heading h2{max-width:12ch;margin:0;color:var(--obp-ink);font-family:"Fraunces",var(--font-heading-family),serif;font-size:clamp(4rem,6vw,8rem);font-weight:300;letter-spacing:-.045em;line-height:.96;text-wrap:balance}.obs__heading-copy>p{max-width:52ch;margin:clamp(2.4rem,4vw,4.8rem) 0 0 auto;color:var(--obp-muted);font-size:clamp(1.6rem,1.4vw,1.9rem);line-height:1.6}.obs__visual{position:relative;display:grid;min-width:0;background:#f7f5f0;border:1px solid var(--obp-rule)}.obs__stage{position:relative;display:grid;width:fit-content;max-width:100%;margin-inline:auto}.obs__stage picture,.obs__image{display:block}.obs__image{width:auto;max-width:100%;height:auto;max-height:82svh;object-fit:contain}.obs__hotspots{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.obs__hotspot{position:absolute;z-index:2;top:var(--obs-y);left:var(--obs-x);display:grid;width:4.4rem;height:4.4rem;padding:0;place-items:center;transform:translate(-50%,-50%);border:0;background:transparent;color:#1c1b18;cursor:pointer;pointer-events:auto}.obs__hotspot-mark{display:block;width:4.4rem;height:4.4rem;overflow:visible}.obs__hotspot-ring{fill:none;stroke:#f7f5f0eb;stroke-width:1;transform-box:fill-box;transform-origin:center}.obs__hotspot-dot{fill:#1c1b18;stroke:#f7f5f0;stroke-width:2}.obs__hotspot:hover .obs__hotspot-ring,.obs__hotspot[aria-expanded=true] .obs__hotspot-ring{stroke:#f7f5f0;transform:scale(1.28)}.obs__hotspot:focus-visible{outline:1px solid #1c1b18;outline-offset:.3rem}.obs__cards{position:absolute;z-index:3;right:clamp(1.2rem,2vw,2.4rem);bottom:clamp(1.2rem,2vw,2.4rem);width:min(38rem,calc(100% - 4.8rem))}.obs__card[hidden]{display:none}.obs__card{position:relative;display:grid;grid-template-columns:13.6rem minmax(0,1fr);min-height:13.6rem;background:#f7f5f0;border:1px solid #1c1b18;color:#1c1b18}.obs__card-image{display:grid;min-width:0;padding:1.2rem;place-items:center;border-right:1px solid #ddd8ce;background:#f7f5f0}.obs__card-image img{display:block;width:100%;height:100%;max-height:11rem;object-fit:contain}.obs__card-copy{min-width:0;padding:2rem 3.8rem 1.8rem 2rem}.obs__card-copy>span,.obs__card-link,.obs__instruction{font-family:Space Mono,monospace;font-size:1rem;line-height:1.45;letter-spacing:.07em;text-transform:uppercase}.obs__card-copy>span{color:#625f58}.obs__card-copy a{color:inherit;text-decoration:none}.obs__card-copy h3{margin:.8rem 0 0;font-family:"Fraunces",var(--font-heading-family),serif;font-size:2rem;font-weight:400;line-height:1.15}.obs__card-copy p{margin:.9rem 0 0;font-size:1.25rem}.obs__card-copy .obs__card-designer{margin-top:.8rem;color:#625f58;font-family:Space Mono,monospace;font-size:.95rem;line-height:1.45;letter-spacing:.06em;text-transform:uppercase}.obs__card-link{display:inline-block;margin-top:1.4rem;border-bottom:1px solid currentColor}.obs__close{position:absolute;top:.6rem;right:.6rem;display:grid;width:3.2rem;height:3.2rem;padding:0;place-items:center;border:0;background:transparent;color:#1c1b18;cursor:pointer;font-size:2rem;line-height:1}.obs__close:focus-visible,.obs__card a:focus-visible{outline:1px solid #1c1b18;outline-offset:.3rem}.obs__instruction{margin:1.2rem 0 0;color:var(--obp-muted)}@media screen and (max-width:749px){.obs{padding-inline:1.6rem}.obs__heading{grid-template-columns:1fr;gap:1.6rem}.obs__heading-copy{padding-top:1.6rem}.obs__heading h2{font-size:clamp(3.6rem,12vw,5.4rem)}.obs__heading-copy>p{margin-left:0}.obs__stage{width:100%}.obs--home{padding:6.4rem 0 8rem}.obs--home .obs__home-heading,.obs--home .obs__home-instruction{padding-inline:1.6rem}.obs--home .obs__heading-copy{display:block}.obs--home .obs__heading-copy>p{margin-top:2.4rem}.obs--home .obs__home-stage{aspect-ratio:auto;overflow:visible}.obs--home .obs__home-stage .obs__image{position:static;inset:auto;height:auto;object-fit:contain}.obs--home .obs__hotspot{top:var(--obs-mobile-y, var(--obs-y));left:var(--obs-mobile-x, var(--obs-x))}.obs--home .obs__home-cards{width:100%}.obs--home .obs__card{grid-template-columns:10.4rem minmax(0,1fr);min-height:11.2rem;border-width:1px 0 0}.obs__stage picture,.obs__image{width:100%}.obs__stage>picture,.obs__stage>.obs__image,.obs__hotspots{grid-area:1 / 1}.obs__hotspots{position:relative;inset:auto;width:100%;height:100%}.obs__image{max-height:none}.obs__cards{position:static;grid-column:1;grid-row:2;width:100%}.obs__card{grid-template-columns:10.4rem minmax(0,1fr);min-height:11.2rem;border-width:1px 0 0}.obs__card-image{padding:1rem}.obs__card-image img{max-height:9rem}.obs__card-copy{padding:1.6rem 3.8rem 1.6rem 1.6rem}.obs__card-copy h3{font-size:1.8rem}}@media(prefers-reduced-motion:no-preference){.obs__hotspot-ring{transition:transform .16s ease,stroke .16s ease}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/objena-shoppable-scene.css.map */