.obt-showcase{color:var(--obt-ink)}.obt-showcase--parchment{background:var(--obt-parchment)}.obt-showcase__inner{display:grid;gap:48px;width:min(var(--obt-page-width, 90rem),calc(100% - 40px));margin-inline:auto}.obt-showcase__inner>obt-look~obt-bundle-set{padding-block-start:48px;border-block-start:1px solid var(--obt-hairline)}@media screen and (min-width:990px){.obt-showcase__inner{gap:72px;width:min(var(--obt-page-width, 90rem),calc(100% - 128px))}.obt-showcase__inner>obt-look~obt-bundle-set{padding-block-start:72px}}.obt-look{container:obt-look / inline-size;display:block;color:var(--obt-ink)}.obt-look__layout{display:grid;gap:28px}.obt-look__stage{min-width:0;overflow-x:clip}.obt-look__photo{position:relative;margin:0;aspect-ratio:4 / 5;background:var(--obt-parchment)}.obt-look__photo>img{display:block;width:100%;height:100%;object-fit:cover}.obt-look__dot{position:absolute;inset-inline-start:var(--obt-x, 50%);inset-block-start:var(--obt-y, 50%);display:grid;place-items:center;width:28px;height:28px;margin:-14px 0 0 -14px;padding:0;border:2px solid var(--obt-white);border-radius:50%;background:#211a1580;box-shadow:0 2px 10px #211a1559;color:var(--obt-ink);cursor:pointer;animation:obt-look-pulse 2.4s var(--obt-ease, ease) infinite;transition:background-color .18s var(--obt-ease, ease),opacity .18s var(--obt-ease, ease)}.obt-look__dot:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--obt-white);transition:transform .18s var(--obt-ease, ease)}.obt-look__dot:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%}.obt-look__dot:focus-visible{outline:2px solid var(--obt-ink);outline-offset:3px}.obt-look__dot[aria-expanded=true],.obt-look__dot[data-hot]{background:var(--obt-rust);animation:none}.obt-look__dot[aria-expanded=true]:before,.obt-look__dot[data-hot]:before{transform:scale(.7)}.obt-look__dot[data-included=false]{opacity:.5;animation:none}.obt-look__dot-name{position:absolute;inset-inline-start:calc(100% + 10px);inset-block-start:50%;padding:7px 10px;background:var(--obt-white);box-shadow:0 6px 18px #211a152e;font-family:var(--obt-font-mono, var(--font-body--family));font-size:.6875rem;font-weight:600;letter-spacing:.12em;line-height:1.2;text-transform:uppercase;white-space:nowrap;color:var(--obt-ink);opacity:0;pointer-events:none;transform:translateY(-50%);transition:opacity .18s var(--obt-ease, ease)}.obt-look__dot--flip .obt-look__dot-name{inset-inline:auto calc(100% + 10px)}@media(hover:hover){.obt-look__dot:hover .obt-look__dot-name,.obt-look__dot:focus-visible .obt-look__dot-name,.obt-look__dot[data-hot] .obt-look__dot-name,.obt-look__dot[aria-expanded=true] .obt-look__dot-name{opacity:1}}@keyframes obt-look-pulse{0%{box-shadow:0 2px 10px #211a1559,0 0 #ffffff8c}70%,to{box-shadow:0 2px 10px #211a1559,0 0 0 12px #fff0}}.obt-look__hint{margin:12px 0 0;font-family:var(--obt-font-mono, var(--font-body--family));font-size:.6875rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--obt-ink-secondary)}.obt-look__head{max-width:34rem}.obt-look__eyebrow{margin:0 0 10px;font-family:var(--obt-font-mono, var(--font-body--family));font-size:.75rem;font-weight:600;letter-spacing:.16em;line-height:1.4;text-transform:uppercase;color:var(--obt-rust)}.obt-look__heading{margin:0;font-family:var(--obt-font-display, var(--font-heading--family));font-size:clamp(2rem,1.6rem + 1.6vw,3rem);font-weight:460;line-height:1.04;letter-spacing:-.01em;text-wrap:balance}.obt-look__heading em{font-style:italic;color:var(--obt-rust)}.obt-look__note{margin:12px 0 0;font-size:1rem;line-height:1.55;color:var(--obt-ink-secondary)}.obt-look__cards{display:grid;grid-auto-flow:column;grid-auto-columns:min(44%,176px);align-items:start;gap:14px;margin:20px -20px 0;padding:12px 20px 20px;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:20px;scrollbar-width:none}.obt-look__cards::-webkit-scrollbar{display:none}.obt-look__slot{display:flex;min-width:0;scroll-snap-align:start}.obt-look__card{--obt-tilt: -.8deg;position:relative;display:flex;flex-direction:column;width:100%;min-width:0;padding:8px 8px 0;background:var(--obt-white);box-shadow:0 8px 22px #211a1521;transform:rotate(var(--obt-tilt));transition:transform .35s var(--obt-ease, ease),box-shadow .35s var(--obt-ease, ease)}.obt-look__slot:nth-child(4n+2) .obt-look__card{--obt-tilt: .6deg}.obt-look__slot:nth-child(4n+3) .obt-look__card{--obt-tilt: .4deg}.obt-look__slot:nth-child(4n) .obt-look__card{--obt-tilt: -.5deg}.obt-look__card:hover,.obt-look__card:focus-within,.obt-look__card[data-active=true]{box-shadow:0 14px 30px #211a152e;transform:translateY(-4px) rotate(0)}.obt-look__card[data-active=true]{outline:2px solid var(--obt-rust);outline-offset:3px}.obt-look__photo-frame{aspect-ratio:1 / 1;overflow:hidden;background:var(--obt-parchment);transition:opacity .2s var(--obt-ease, ease)}.obt-look__photo-frame img{display:block;width:100%;height:100%;object-fit:cover}.obt-look__toggle{position:absolute;inset-block-start:14px;inset-inline-end:14px;display:grid;place-items:center;width:26px;height:26px;padding:0;border:1.5px solid var(--obt-ink);border-radius:50%;background:var(--obt-ink);color:var(--obt-bone);cursor:pointer;transition:background-color .18s var(--obt-ease, ease),color .18s var(--obt-ease, ease)}.obt-look__toggle:after{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;border-radius:50%}.obt-look__toggle:focus-visible{outline:2px solid var(--obt-rust);outline-offset:2px}.obt-look__toggle-out{display:none}.obt-look__card[data-included=false] .obt-look__toggle{background:var(--obt-white);color:var(--obt-ink)}.obt-look__card[data-included=false] .obt-look__toggle-in{display:none}.obt-look__card[data-included=false] .obt-look__toggle-out{display:block}.obt-look__caption{display:flex;flex:1;flex-direction:column;gap:3px;padding:8px 2px 10px}.obt-look__caption>p{margin:0}.obt-look__name{display:-webkit-box;overflow:hidden;font-family:var(--font-heading--family);font-size:.875rem;font-style:italic;font-weight:460;line-height:1.2;color:var(--obt-ink);text-decoration:none;-webkit-box-orient:vertical;-webkit-line-clamp:2}a.obt-look__name:hover{text-decoration:underline;text-underline-offset:3px}.obt-look__colour{overflow:hidden;font-size:.75rem;line-height:1.35;white-space:nowrap;text-overflow:ellipsis;color:var(--obt-ink-secondary)}.obt-look__price{margin:0;font-size:.8125rem;font-weight:600;line-height:1.35;font-variant-numeric:tabular-nums}.obt-look__compare{margin-inline-end:4px;font-weight:400;color:var(--obt-ink-secondary)}.obt-size-select{display:block;margin-block-start:auto;padding-block-start:6px}.obt-size-select__input{width:100%;min-height:34px;padding:0 6px;border:1px solid var(--obt-hairline-control);border-radius:var(--obt-radius-chip, 6px);background:var(--obt-white);font:inherit;font-size:.8125rem;color:var(--obt-ink);cursor:pointer}.obt-size-select__input:focus-visible{outline:2px solid var(--obt-rust);outline-offset:1px}.obt-size-select__input[aria-invalid=true]{border-color:var(--obt-clay)}.obt-look__card .obt-look__error{margin:4px 0 0;font-size:.75rem;line-height:1.35}.obt-look__card[data-included=false] .obt-look__photo-frame{opacity:.45}.obt-look__card[data-included=false] .obt-look__name{color:var(--obt-ink-secondary)}.obt-look__card[data-included=false] .obt-look__amount{color:var(--obt-ink-secondary);text-decoration:line-through}.obt-look__foot{display:grid;gap:14px;margin-block-start:8px;padding-block-start:16px;border-block-start:1px solid var(--obt-hairline)}.obt-look__hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:4px 12px;padding-block-end:14px;border-block-end:1px solid var(--obt-hairline);transition:box-shadow .2s var(--obt-ease, ease)}.obt-look__hero>p{margin:0}.obt-look__hero[data-active=true]{box-shadow:inset 3px 0 0 var(--obt-rust);padding-inline-start:12px}.obt-look__hero-what{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;min-width:0}.obt-look__tag{font-family:var(--obt-font-mono, var(--font-body--family));font-size:.6875rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--obt-rust)}.obt-look__hero-name{font-family:var(--font-heading--family);font-size:1rem;font-style:italic;line-height:1.3}.obt-look__hero .obt-set__hero-size{grid-column:1;margin:0}.obt-look__hero .obt-look__price{grid-column:2;grid-row:1;text-align:end}.obt-look__total{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}.obt-look__total-label{font-family:var(--obt-font-mono, var(--font-body--family));font-size:.6875rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.obt-look__total-prices{display:inline-flex;align-items:baseline;gap:10px;margin-inline-start:auto}.obt-look__now{font-family:var(--obt-font-display, var(--font-heading--family));font-size:1.625rem;font-weight:500;line-height:1;font-variant-numeric:tabular-nums}.obt-look__was{font-size:.9375rem;color:var(--obt-ink-secondary)}.obt-look__save{flex-basis:100%;font-size:.875rem;font-weight:600;text-align:end;color:var(--obt-clay)}@container obt-look (min-width: 600px){.obt-look__cards{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;align-items:stretch;gap:22px 16px;margin-inline:0;padding:8px 4px 14px;overflow:visible}}@container obt-look (min-width: 1000px){.obt-look__cards{grid-template-columns:repeat(4,minmax(0,1fr))}}@container obt-look (min-width: 900px){.obt-look__layout{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;gap:clamp(32px,4cqi,64px)}.obt-look__stage{position:sticky;inset-block-start:calc(var(--obt-header-offset, 72px) + 24px)}.obt-look__side{padding-block-start:8px}}@media(prefers-reduced-motion:reduce){.obt-look__dot{animation:none}.obt-look__dot,.obt-look__dot:before,.obt-look__dot-name,.obt-look__toggle,.obt-look__hero,.obt-look__card,.obt-look__photo-frame{transition:none}.obt-look__card:hover,.obt-look__card:focus-within,.obt-look__card[data-active=true]{transform:rotate(0)}}
/*# sourceMappingURL=/cdn/shop/t/73/assets/obt-bundle-showcase.css.map */
