/* Obssesive Claude · built from src/assets/ob-s-hero.css by tools/build_assets.mjs: edit the source, not this file */
.ob-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr);overflow:hidden;min-height:var(--ob-hero-h-mob, 780px);min-height:min(var(--ob-hero-h-mob, 780px),calc(100svh - var(--ob-hero-off, 36px)));background:var(--ob-bg);color:var(--ob-ink);overflow-wrap:break-word}.ob-hero:not(:has([data-pic],.ob-ph)){min-height:0}.ob-hero :where(h1,h2,h3,.ob-h2,.ob-lead,.ob-kicker){overflow-wrap:anywhere}.ob-hero--multi{touch-action:pan-y pinch-zoom}.ob-hero__slide{grid-area:1 / 1;position:relative;z-index:0;display:flex;min-width:0;opacity:0;visibility:hidden;transition:opacity 300ms ease-in,visibility 0s linear 300ms}.ob-hero__slide.is-active{z-index:1;opacity:1;visibility:visible;transition:none}.ob-hero__slide--light[data-pic]{color:var(--ob-dark, var(--ob-ink));--ob-hero-fade: var(--ob-light, var(--ob-bg));--ob-hero-tint: var(--ob-dark-rgb, 26, 25, 23)}.ob-hero__slide--dark{color:var(--ob-light, var(--ob-bg))}.ob-hero__slide--dark :focus-visible{outline-color:var(--ob-light, var(--ob-bg))}.ob-hero__bg{position:absolute;inset:0;z-index:0;pointer-events:none}.ob-hero__bg picture{display:block;width:100%;height:100%}.ob-hero__bg-media{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:var(--ob-hero-pos-mob, center)}.ob-hero__bg img:not([src]){visibility:hidden}.ob-hero__slide.is-active .ob-hero__bg-media{animation:ob-hero-img 300ms ease-out both}.ob-hero__scrim{position:absolute;inset:0;background:linear-gradient(to bottom,color-mix(in srgb,var(--ob-hero-fade, var(--ob-bg)) var(--ob-hero-sc, 78%),transparent) 0%,transparent 62%)}.ob-hero__slide--dark .ob-hero__scrim{background:linear-gradient(to bottom,color-mix(in srgb,var(--ob-dark, var(--ob-ink)) var(--ob-hero-scd, 55%),transparent) 0%,transparent 62%)}.ob-hero__inner{position:relative;z-index:1;flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:center;padding:118px 16px 40px}.ob-hero--nav .ob-hero__inner{padding-bottom:72px}@media(max-width:1023px){.ob-hero{--ob-ts-x: var(--ob-ts-m);--ob-hero-tx: var(--ob-hero-tx-m, 1)}.ob-hero__slide--mob-middle .ob-hero__inner{justify-content:center}.ob-hero__slide--mob-middle .ob-hero__scrim{background:linear-gradient(to bottom,transparent 12%,color-mix(in srgb,var(--ob-hero-fade, var(--ob-bg)) var(--ob-hero-sc-mid, 70%),transparent) 38%,color-mix(in srgb,var(--ob-hero-fade, var(--ob-bg)) var(--ob-hero-sc-mid, 70%),transparent) 62%,transparent 88%)}.ob-hero__slide--mob-middle.ob-hero__slide--dark .ob-hero__scrim{background:linear-gradient(to bottom,transparent 12%,color-mix(in srgb,var(--ob-dark, var(--ob-ink)) var(--ob-hero-scd, 55%),transparent) 38%,color-mix(in srgb,var(--ob-dark, var(--ob-ink)) var(--ob-hero-scd, 55%),transparent) 62%,transparent 88%)}.ob-hero--m-left .ob-hero__inner,.ob-hero--m-left .ob-hero__content,.ob-hero--m-left .ob-hero__actions{align-items:flex-start}.ob-hero--m-left .ob-hero__content{text-align:left}.ob-hero--m-left .ob-hero__checks{justify-content:flex-start}.ob-hero--m-right .ob-hero__checks{justify-content:flex-end}.ob-hero--m-right .ob-hero__inner,.ob-hero--m-right .ob-hero__content,.ob-hero--m-right .ob-hero__actions{align-items:flex-end}.ob-hero--m-right .ob-hero__content{text-align:right}.ob-hero__slide--mob-bottom .ob-hero__inner{justify-content:flex-end;padding-bottom:88px}.ob-hero__slide--mob-bottom .ob-hero__scrim{background:linear-gradient(to top,color-mix(in srgb,var(--ob-hero-fade, var(--ob-bg)) var(--ob-hero-sc-low, 92%),transparent) 0%,color-mix(in srgb,var(--ob-hero-fade, var(--ob-bg)) var(--ob-hero-sc-mid, 70%),transparent) 30%,transparent 62%)}.ob-hero__slide--mob-bottom.ob-hero__slide--dark .ob-hero__scrim{background:linear-gradient(to top,color-mix(in srgb,var(--ob-dark, var(--ob-ink)) var(--ob-hero-scd-low, 70%),transparent) 0%,transparent 62%)}}.ob-hero__content{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;text-align:center}.ob-hero__slide.is-active .ob-hero__content>*{animation:ob-hero-copy 300ms ease 300ms both}.ob-hero__tag{display:inline-flex;align-items:center;gap:8px}.ob-hero__tag-badge{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:5px 12px;border-radius:var(--ob-pill);background:rgba(var(--ob-hero-tint, var(--ob-ink-rgb, 26, 25, 23)),0.06);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:12px;line-height:16px;white-space:nowrap;overflow:hidden}.ob-hero__slide--dark .ob-hero__tag-badge{background:color-mix(in srgb,var(--ob-light, var(--ob-bg)) 14%,transparent)}.ob-hero__tag-badge::before{content:"";position:absolute;inset:0 auto 0 0;width:55%;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,0.85) 45%,#fff 55%,transparent 100%);opacity:0.55;transform:translateX(-100%);pointer-events:none}.ob-hero__slide.is-active .ob-hero__tag-badge::before{animation:ob-hero-sheen 3.2s ease-in-out infinite}.ob-hero__tag-text{font-size:13px;line-height:20px;color:inherit;white-space:nowrap}.ob-hero__title{margin:6px 0 4px;max-width:100%;font-size:calc(40px * var(--ob-ts, 1));line-height:var(--ob-tlh, 0.925);font-weight:var(--ob-tw, var(--ob-heading-weight));letter-spacing:calc(-0.035em + var(--ob-track, 0em));color:inherit;text-wrap:balance}.ob-hero__title em{font-style:italic;font-weight:500;margin-left:-0.025em}.ob-hero__text{max-width:320px;font-size:calc(15px * var(--ob-hero-tx, 1));line-height:calc(21px * var(--ob-hero-tx, 1));color:inherit;opacity:0.86;text-wrap:balance}.ob-hero__actions{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:100%;margin-top:6px}.ob-hero__cta{min-height:44px;min-width:240px;max-width:100%;padding:12px 24px;border-radius:var(--ob-btn-radius, var(--ob-radius-sm));font-size:16px;line-height:20px}.ob-hero__slide--dark .ob-hero__cta{background:var(--ob-light, var(--ob-bg));color:var(--ob-dark, var(--ob-ink))}.ob-hero__cta--alt{background:color-mix(in srgb,var(--ob-paper) 70%,transparent);color:var(--ob-ink);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ob-ink) 16%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ob-hero__slide--dark .ob-hero__cta--alt{background:color-mix(in srgb,var(--ob-light, var(--ob-bg)) 14%,transparent);color:var(--ob-light, var(--ob-bg));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ob-light, var(--ob-bg)) 45%,transparent)}@media(hover:hover){.ob-hero__slide .ob-hero__cta--alt:not([disabled]):hover{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ob-ink) 30%,transparent),0 6px 18px rgba(26,25,23,0.12)}.ob-hero__slide--dark .ob-hero__cta--alt:not([disabled]):hover{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ob-light, var(--ob-bg)) 70%,transparent),0 6px 18px rgba(26,25,23,0.16)}}.ob-hero__checks{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 16px;max-width:100%;margin-top:8px;font-size:calc(13px * var(--ob-hero-tx, 1));line-height:calc(18px * var(--ob-hero-tx, 1));font-weight:500;color:inherit}.ob-hero__check{display:inline-flex;align-items:center;gap:6px;min-width:0;text-align:left}.ob-hero__check svg{flex:0 0 auto}.ob-hero__rating{display:inline-flex;align-items:center;gap:8px;margin-top:12px}.ob-hero__rating .ob-stars{width:84px}.ob-hero__rating-text{font-size:14px;line-height:20px;white-space:nowrap}.ob-hero__nav{position:absolute;left:50%;bottom:28px;z-index:3;display:inline-flex;align-items:center;gap:10px;transform:translateX(-50%)}.ob-hero__dots{display:inline-flex;align-items:center;height:28px;padding:0 6px;border-radius:var(--ob-pill);background:var(--ob-paper);box-shadow:0 2px 12px rgba(0,0,0,0.1)}.ob-hero__dot{position:relative;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:24px;height:44px;margin-block:-8px;-webkit-tap-highlight-color:transparent}.ob-hero__dot.is-active{width:62px}.ob-hero__dot-bar{position:relative;display:block;width:8px;height:8px;border-radius:4px;background:var(--ob-line);overflow:hidden}.ob-hero__dot.is-active .ob-hero__dot-bar{width:46px;background:var(--ob-line-soft)}.ob-hero__dot-fill{position:absolute;inset:0;border-radius:inherit;background:var(--ob-ink);opacity:0}.ob-hero__dot.is-active .ob-hero__dot-fill{opacity:1}.ob-hero--auto .ob-hero__dot-fill{transform:translateX(calc(-100% + 8px))}.ob-hero.is-run .ob-hero__dot.is-active .ob-hero__dot-fill{animation:ob-hero-progress var(--ob-hero-delay, 6s) linear both}.ob-hero.is-run.is-paused .ob-hero__dot.is-active .ob-hero__dot-fill,.ob-hero.is-off .ob-hero__slide.is-active .ob-hero__tag-badge::before,.ob-hero.is-off .ob-hero__spot-dot::after{animation-play-state:paused}.ob-hero .ob-hero__dot:focus-visible{outline:none}.ob-hero__dot:focus-visible .ob-hero__dot-bar{outline:2px solid var(--ob-ink);outline-offset:3px}.ob-hero__arrow{position:relative;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--ob-paper);color:var(--ob-ink);box-shadow:0 2px 12px rgba(0,0,0,0.1);-webkit-tap-highlight-color:transparent}.ob-hero__arrow::after{content:"";position:absolute;inset:-4px}.ob-hero .ob-hero__arrow:focus-visible{outline-offset:-4px}.ob-hero__spot-dot{position:absolute;left:var(--dot-x, 74%);top:var(--dot-y, 68%);z-index:4;width:44px;height:44px;border-radius:50%;transform:translate(-50%,-50%);transition:opacity 300ms,visibility 0s;-webkit-tap-highlight-color:transparent}.ob-hero__spot-dot::before{content:"";position:absolute;top:50%;left:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--ob-accent);box-shadow:0 0 0 2px #fff}.ob-hero__spot-dot::after{content:"";position:absolute;top:50%;left:50%;width:28px;height:28px;margin:-14px 0 0 -14px;border-radius:50%;background:rgba(var(--ob-accent-rgb),0.3);animation:ob-hero-dot 2.4s ease-out infinite}.ob-hero__spot-dot[aria-expanded=true]::after{animation:none;opacity:0}.ob-hero.is-spot-off .ob-hero__spot-dot{opacity:0;visibility:hidden;pointer-events:none;transition:opacity 300ms,visibility 0s linear 300ms}.ob-hero-spot{display:none}.ob-hero-spot.is-portaled{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}.ob-hero-spot__backdrop{display:none}.ob-hero-spot.is-portaled .ob-hero-spot__backdrop{display:block;position:fixed;inset:0;background:rgba(var(--ob-bg-rgb, 250, 247, 241),0.3);-webkit-backdrop-filter:blur(max(20px,var(--ob-overlay-blur, 0px)));backdrop-filter:blur(max(20px,var(--ob-overlay-blur, 0px)));opacity:0;visibility:hidden;transition:opacity 300ms,visibility 0s linear 300ms}.ob-hero-spot.is-portaled.is-open .ob-hero-spot__backdrop{opacity:1;visibility:visible;pointer-events:auto;transition:opacity 300ms,visibility 0s}.ob-hero-spot__card{position:relative;display:flex;gap:20px;padding:12px;border-radius:var(--ob-radius);background:var(--ob-paper);color:var(--ob-ink);box-shadow:0 10px 30px rgba(0,0,0,0.14)}.ob-hero-spot.is-portaled .ob-hero-spot__card{width:100%;max-width:520px;padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px));border-radius:var(--ob-radius) var(--ob-radius) 0 0;visibility:hidden;transform:translateY(calc(100% + 64px));transition:transform 380ms cubic-bezier(0.32,0.72,0,1),visibility 0s linear 380ms}.ob-hero-spot.is-portaled.is-open .ob-hero-spot__card{visibility:visible;transform:none;pointer-events:auto;transition:transform 380ms cubic-bezier(0.32,0.72,0,1),visibility 0s}.ob-hero-spot__close{display:none}.ob-hero-spot.is-portaled .ob-hero-spot__close{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--ob-paper);color:var(--ob-ink);box-shadow:0 1px 3px rgba(0,0,0,0.2)}.ob-hero-spot.is-portaled .ob-hero-spot__close::before{content:"";position:absolute;inset:-6px}.ob-hero-spot.is-portaled .ob-hero-spot__close svg{width:14px;height:14px}.ob-hero-spot__badge{position:absolute;bottom:100%;left:0;display:inline-flex;align-items:center;padding:1px 20px;border-radius:min(8px,var(--ob-radius)) min(8px,var(--ob-radius)) 0 0;background:var(--ob-accent);color:var(--ob-on-accent);font-size:12px;line-height:18px;font-weight:500;white-space:nowrap}.ob-hero-spot__card--tagged{border-top-left-radius:0}.ob-hero-spot.is-portaled .ob-hero-spot__badge{display:none}.ob-hero-spot.is-portaled .ob-hero-spot__card--tagged{border-top-left-radius:var(--ob-radius)}.ob-hero-spot__media{position:relative;flex:0 0 108px;width:108px;height:108px;border-radius:var(--ob-radius);overflow:hidden;background:var(--ob-card);display:block}.ob-hero-spot__media img{width:100%;height:100%;object-fit:cover}.ob-hero-spot__info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.ob-hero-spot__desc{font-size:12.5px;line-height:17px;color:var(--ob-muted)}.ob-hero-spot__title{display:block;max-width:100%;font-size:16px;line-height:20px;font-weight:500;color:var(--ob-ink)}.ob-hero-spot__prices{display:flex;align-items:baseline;gap:6px}.ob-hero-spot__from{font-size:12px;line-height:20px;color:var(--ob-muted)}.ob-hero-spot__price{font-size:14px;line-height:20px;color:var(--ob-ink)}.ob-hero-spot__compare{font-size:12px;line-height:14px;color:var(--ob-mist)}.ob-hero-spot__cta{position:relative;align-self:stretch;display:inline-flex;align-items:center;justify-content:center;min-height:40px;margin-top:7px;padding:6px 16px;border-radius:var(--ob-btn-radius, var(--ob-radius-sm));background:var(--ob-btn-bg);color:var(--ob-btn-fg);font-size:14px;line-height:1.2;text-align:center;transition:background 200ms,opacity 200ms}.ob-hero-spot__cta[disabled]{opacity:0.5;cursor:default}.ob-hero-spot__cta.is-added{background:var(--ob-accent);opacity:1}.ob-hero-spot__cta-added{position:absolute;inset:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;opacity:0;transition:opacity 200ms}.ob-hero-spot__cta-label{transition:opacity 200ms}.ob-hero-spot__cta.is-added .ob-hero-spot__cta-label{opacity:0}.ob-hero-spot__cta.is-added .ob-hero-spot__cta-added{opacity:1}@keyframes ob-hero-img{from{opacity:0.4;transform:scale(1.02)}to{opacity:1;transform:none}}@keyframes ob-hero-copy{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes ob-hero-sheen{0%{transform:translateX(-100%)}60%,100%{transform:translateX(182%)}}@keyframes ob-hero-dot{0%{transform:scale(0.6);opacity:0.9}100%{transform:scale(1.6);opacity:0}}@keyframes ob-hero-progress{from{transform:translateX(calc(-100% + 8px))}to{transform:none}}@media(min-width:1024px){.ob-hero{min-height:clamp(700px,52vw,var(--ob-hero-h, 812px));--ob-hero-tx: var(--ob-hero-tx-d, 1)}.ob-hero__bg-media{object-position:var(--ob-hero-pos, 35% center)}.ob-hero__scrim{background:linear-gradient(to right,color-mix(in srgb,var(--ob-hero-fade, var(--ob-bg)) var(--ob-hero-sc, 78%),transparent) 0%,transparent 58%)}.ob-hero__slide--dark .ob-hero__scrim{background:linear-gradient(to right,color-mix(in srgb,var(--ob-dark, var(--ob-ink)) var(--ob-hero-scd, 55%),transparent) 0%,transparent 58%)}.ob-hero--center .ob-hero__scrim{background:linear-gradient(to right,transparent 6%,color-mix(in srgb,var(--ob-hero-fade, var(--ob-bg)) var(--ob-hero-sc, 78%),transparent) 38%,color-mix(in srgb,var(--ob-hero-fade, var(--ob-bg)) var(--ob-hero-sc, 78%),transparent) 62%,transparent 94%)}.ob-hero--center .ob-hero__slide--dark .ob-hero__scrim{background:linear-gradient(to right,transparent 6%,color-mix(in srgb,var(--ob-dark, var(--ob-ink)) var(--ob-hero-scd, 55%),transparent) 38%,color-mix(in srgb,var(--ob-dark, var(--ob-ink)) var(--ob-hero-scd, 55%),transparent) 62%,transparent 94%)}.ob-hero__inner,.ob-hero--nav .ob-hero__inner{flex-direction:row;align-items:center;width:100%;max-width:calc(var(--ob-page, 1400px) + 32px);margin-inline:auto;padding:60px 40px 0}.ob-hero--center .ob-hero__inner{justify-content:center}.ob-hero--right .ob-hero__inner{justify-content:flex-end}.ob-hero__content{align-items:flex-start;gap:40px;flex:0 0 auto;width:var(--ob-hero-cw, 548px);max-width:100%;text-align:left}.ob-hero--center .ob-hero__content{align-items:center;text-align:center}.ob-hero--right .ob-hero__content{align-items:flex-end;text-align:right}.ob-hero--right .ob-hero__actions{justify-content:flex-end}.ob-hero--right .ob-hero__scrim{background:linear-gradient(to left,color-mix(in srgb,var(--ob-hero-fade, var(--ob-bg)) var(--ob-hero-sc, 78%),transparent) 0%,transparent 58%)}.ob-hero--right .ob-hero__slide--dark .ob-hero__scrim{background:linear-gradient(to left,color-mix(in srgb,var(--ob-dark, var(--ob-ink)) var(--ob-hero-scd, 55%),transparent) 0%,transparent 58%)}.ob-hero__tag{gap:10px}.ob-hero__tag-badge{padding:7px 17px;font-size:15px;line-height:20px}.ob-hero__tag-text{font-size:16px}.ob-hero__title{margin:0;max-width:calc(var(--ob-hero-cw, 548px) - 48px);font-size:calc(64px * var(--ob-ts, 1));line-height:var(--ob-tlh, 1.08);letter-spacing:calc(-0.04em + var(--ob-track, 0em))}.ob-hero__text{max-width:calc(var(--ob-hero-cw, 548px) - 128px);margin-top:-24px;font-size:calc(18px * var(--ob-hero-tx, 1));line-height:calc(26px * var(--ob-hero-tx, 1))}.ob-hero__actions{flex-direction:row;flex-wrap:wrap;gap:12px;margin-top:0}.ob-hero--center .ob-hero__actions{justify-content:center}.ob-hero__checks{justify-content:flex-start;gap:8px 20px;margin-top:-22px;font-size:calc(14px * var(--ob-hero-tx, 1));line-height:calc(20px * var(--ob-hero-tx, 1))}.ob-hero--center .ob-hero__checks{justify-content:center}.ob-hero--right .ob-hero__checks{justify-content:flex-end}.ob-hero__cta{min-width:0;min-height:54px;padding:15px 34px;border-radius:var(--ob-btn-radius, var(--ob-radius));font-size:17px;line-height:24px}.ob-hero__rating{margin-top:0}.ob-hero__rating .ob-stars{width:95px}.ob-hero__rating-text{font-size:16px}.ob-hero__spot-dot{display:none}.ob-hero-spot{display:block;position:absolute;right:max(40px,50% - 700px);bottom:28px;z-index:4;width:max-content;max-width:min(100% - 80px,50% - 52px - var(--ob-hero-navw, 0px) / 2)}.ob-hero-spot__card{opacity:0;transform:translateY(12px);visibility:hidden;pointer-events:none;transition:opacity 450ms,transform 450ms cubic-bezier(0.22,1,0.36,1),visibility 0s linear 450ms}.ob-hero-spot.is-visible .ob-hero-spot__card{opacity:1;transform:none;visibility:visible;pointer-events:auto;transition:opacity 450ms,transform 450ms cubic-bezier(0.22,1,0.36,1),visibility 0s}.ob-hero.is-spot-off .ob-hero-spot.is-visible .ob-hero-spot__card{opacity:0;transform:translateY(12px);visibility:hidden;pointer-events:none;transition:opacity 450ms,transform 450ms cubic-bezier(0.22,1,0.36,1),visibility 0s linear 450ms}.ob-hero-spot__media{flex-basis:120px;width:120px;height:120px}.ob-hero-spot__title{font-size:17px;line-height:22px}.ob-hero-spot__desc{font-size:13px;line-height:18px}.ob-hero-spot__cta{align-self:flex-start;width:19em;min-width:181px;max-width:100%}}@media(min-width:1024px)and (max-width:1279px){.ob-hero-spot__cta{min-width:0}}@media(prefers-reduced-motion:reduce){.ob-hero__slide{transition:none}.ob-hero__slide.is-active .ob-hero__bg-media,.ob-hero__slide.is-active .ob-hero__content>*,.ob-hero__slide.is-active .ob-hero__tag-badge::before,.ob-hero__spot-dot::after{animation:none}.ob-hero--auto .ob-hero__dot-fill{transform:none}.ob-hero-spot.is-portaled .ob-hero-spot__card,.ob-hero-spot.is-portaled.is-open .ob-hero-spot__card,.ob-hero-spot.is-portaled .ob-hero-spot__backdrop{transition:none}}.ob-tone--flip .ob-hero__slide--light[data-pic] .ob-hero__cta:not(.ob-hero__cta--alt){background:var(--ob-dark);color:var(--ob-light)}.ob-tone--flip .ob-hero__slide--light[data-pic] .ob-hero__cta--alt{background:color-mix(in srgb,var(--ob-light) 70%,transparent);color:var(--ob-dark);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ob-dark) 16%,transparent)}.ob-hero--empty>*{grid-area:1 / 1}.ob-hero__hint{position:relative;z-index:1;align-self:end;justify-self:center;max-width:520px;margin:0 16px 40px;padding:12px 16px;border:1px dashed var(--ob-mist);border-radius:var(--ob-radius);background:var(--ob-bg);font-size:14px;line-height:20px;color:var(--ob-muted);text-align:center}@media(min-width:1024px){.ob-hero--exact{min-height:var(--ob-hero-h, 812px)}}.ob-hero .ob-hero__pause{width:28px;height:28px;box-shadow:0 2px 12px rgba(0,0,0,0.1);background:var(--ob-paper)}.ob-hero__nav--solo{left:auto;right:16px;transform:none}@media(min-width:1024px){.ob-hero__nav--solo{right:24px}}