.gh-scroll{--gh-max: 9999px;--gh-top: 84px;--gh-pad: 24px;--gh-gap: clamp(14px, 2.4vh, 32px);--gh-ctrl: 52px;--gh-len: 6;--gh-ease: cubic-bezier(.16, 1, .3, 1);--gh-ground: #f5f5f5;--gh-card: #fff;--gh-ink: #121212;--gh-ink-soft: rgba(18, 18, 18, .62);--gh-ink-faint: rgba(18, 18, 18, .6);--gh-rule: rgba(18, 18, 18, .16);position:relative;background:var(--gh-ground);color:var(--gh-ink);font-family:General Sans,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.gh-scroll__track{position:relative;height:100vh;height:100svh}.gh-scroll[data-gh-ready] .gh-scroll__track{height:calc(var(--gh-len) * 100vh);height:calc(var(--gh-len) * 100svh)}.gh-scroll__sticky{position:sticky;top:0;height:100vh;height:100svh;padding:var(--gh-top) var(--gh-pad) var(--gh-pad);box-sizing:border-box}.gh-scroll__frame{--gh-avail: calc(100svh - var(--gh-top) - var(--gh-pad) - var(--gh-head-h, 140px) - var(--gh-ctrl-h, 56px) - 2 * var(--gh-gap));height:100%;display:flex;flex-direction:column;justify-content:center;gap:var(--gh-gap)}.gh-scroll__head,.gh-scroll__controls{width:min(100%,max(var(--gh-card-w, 100%),720px));margin-inline:auto;box-sizing:border-box}.gh-scroll__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px 48px;padding-top:clamp(4px,1.2vh,16px)}.gh-scroll__eyebrow{margin:0 0 .55em;font-size:clamp(.75rem,.68rem + .25vw,.9375rem);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--gh-ink-soft)}.gh-scroll__heading{margin:0;font-size:clamp(2rem,1.1rem + 2.7vw,4.25rem);font-weight:700;line-height:1.02;letter-spacing:-.04em;text-wrap:balance}.gh-scroll__intro{flex:0 1 34ch;margin:0;padding-bottom:.3em;font-size:clamp(.9375rem,.85rem + .3vw,1.1875rem);font-weight:500;line-height:1.45;color:var(--gh-ink-soft);text-wrap:pretty}.gh-scroll__well{flex:none}.gh-scroll__card{position:relative;width:min(100%,var(--gh-max),var(--gh-avail) * 16 / 9);margin-inline:auto;aspect-ratio:16 / 9;container-type:inline-size;border-radius:clamp(18px,1.6cqw,32px);background:var(--gh-card);overflow:hidden;overflow:clip;isolation:isolate}.gh-scroll__media{position:absolute;top:0;bottom:0;left:50%;height:100%;aspect-ratio:1 / 1;transform:translate(-50%)}.gh-scroll__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.gh-scroll__media .gh-scroll__still[hidden]{display:none}.gh-scroll__media video,.gh-scroll__media img{display:block;width:100%;height:100%;object-fit:cover;background:var(--gh-card)}.gh-scroll__callouts{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;list-style:none;pointer-events:none;z-index:3}.gh-callout{--x: 50%;--y: 50%;--line: 22;--line-len: var(--line-fit, calc(var(--line) * .5625cqw));position:absolute;left:var(--x);top:var(--y);display:flex;align-items:center;transform:translateY(-50%);opacity:0;visibility:hidden;transition:opacity .26s var(--gh-ease),visibility 0s linear .26s}.gh-callout.is-active{opacity:1;visibility:visible;transition-delay:0s}.gh-callout--left{flex-direction:row-reverse;transform:translate(-100%,-50%);text-align:right}.gh-callout--up,.gh-callout--down{flex-direction:column;align-items:center;text-align:center}.gh-callout--up{flex-direction:column-reverse;transform:translate(-50%,-100%)}.gh-callout--down{transform:translate(-50%)}.gh-callout__line{--sx: 0px;--sy: 0px;flex:none;width:var(--line-len);height:var(--gh-hair, 1px);background:var(--gh-ink);transform:translate(var(--sx),var(--sy)) scaleX(0);transform-origin:left center;transition:transform .52s var(--gh-ease)}.gh-callout--left .gh-callout__line{transform-origin:right center}.gh-callout--up .gh-callout__line,.gh-callout--down .gh-callout__line{width:var(--gh-hair, 1px);height:var(--line-len);transform:translate(var(--sx),var(--sy)) scaleY(0)}.gh-callout--up .gh-callout__line{transform-origin:center bottom}.gh-callout--down .gh-callout__line{transform-origin:center top}.gh-callout__label{position:relative;display:block;padding:0 14px;width:max-content;max-width:22cqw;opacity:0;transform:translate(-8px);transition:opacity .42s var(--gh-ease),transform .52s var(--gh-ease)}.gh-callout--left .gh-callout__label{transform:translate(8px)}.gh-callout--up .gh-callout__label{padding:0 0 12px;transform:translateY(8px)}.gh-callout--down .gh-callout__label{padding:12px 0 0;transform:translateY(-8px)}.gh-callout__name{display:block;font-size:clamp(.95rem,1.6cqw,2.1rem);font-weight:700;line-height:1.1;letter-spacing:-.02em;text-transform:uppercase}.gh-callout__meta{display:block;margin-top:.3em;font-size:clamp(.75rem,1.12cqw,1.45rem);font-weight:500;letter-spacing:.04em;color:var(--gh-ink-soft)}.gh-callout__pop{--pop-size: clamp(64px, 8cqw, 168px);position:absolute;bottom:calc(100% + 10px);left:14px;width:var(--pop-size);height:var(--pop-size);opacity:0;transform:scale(0);transform-origin:bottom left;transition:transform .3s cubic-bezier(.4,0,1,1),opacity .18s linear 80ms;pointer-events:none}.gh-callout--left .gh-callout__pop{left:auto;right:14px;transform-origin:bottom right}.gh-callout--up .gh-callout__pop,.gh-callout--down .gh-callout__pop{left:50%;translate:-50% 0;transform-origin:bottom center}.gh-callout--down .gh-callout__pop{bottom:auto;top:calc(100% + 10px);transform-origin:top center}.gh-callout__pop img{display:block;width:100%;height:100%;object-fit:cover;border-radius:14px;box-shadow:0 12px 32px #12121224}.gh-callout.is-popped .gh-callout__pop{opacity:1;transform:scale(1);transition:transform .46s cubic-bezier(.34,1.45,.64,1),opacity .16s linear}.gh-callout.is-active .gh-callout__line{transform:translate(var(--sx),var(--sy))}.gh-callout.is-active .gh-callout__label{opacity:1;transform:none;transition-delay:.18s}.gh-scroll__controls{display:flex;align-items:center;gap:16px}.gh-scroll__bar{flex:none;display:inline-flex;align-items:center;height:var(--gh-ctrl);padding:0 20px 0 4px;border-radius:9999px;background:var(--gh-card);box-shadow:0 1px 2px #1212120a,0 8px 24px #1212120f}.gh-scroll__play{flex:none;display:grid;place-items:center;width:calc(var(--gh-ctrl) - 8px);height:calc(var(--gh-ctrl) - 8px);padding:0;border:0;border-radius:50%;background:var(--gh-ground);color:var(--gh-ink);cursor:pointer;transition:background-color .16s ease,transform .16s var(--gh-ease);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.gh-scroll__play:hover{background:#ebebeb}.gh-scroll__play:active{transform:scale(.94);transition-duration:.1s}.gh-icon{grid-area:1 / 1;width:16px;height:16px;fill:currentColor;opacity:0;transform:scale(.6);transition:opacity .16s ease,transform .26s var(--gh-ease)}.gh-scroll__play[data-state=playing] .gh-icon--pause,.gh-scroll__play[data-state=paused] .gh-icon--play,.gh-scroll__play[data-state=ended] .gh-icon--replay{opacity:1;transform:none}.gh-scroll__segs{display:flex;align-items:center;gap:6px;padding-left:14px}.gh-seg{display:grid;place-items:center start;height:var(--gh-ctrl);padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.gh-seg__track{position:relative;display:block;width:14px;height:4px;border-radius:2px;background:#1212122e;overflow:hidden;transition:width .48s cubic-bezier(.32,.72,0,1),background-color .16s ease}.gh-seg:hover .gh-seg__track{background:#12121252}.gh-seg.is-current .gh-seg__track{width:44px}.gh-seg__fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gh-ink);transform:scaleX(var(--p, 0));transform-origin:left center}.gh-seg:focus-visible{outline:none}.gh-seg:focus-visible .gh-seg__track{outline:2px solid var(--gh-ink);outline-offset:3px}.gh-scroll__play:focus-visible,.gh-scroll__cta:focus-visible{outline:2px solid var(--gh-ink);outline-offset:3px}.gh-scroll__cta{flex:none;display:inline-flex;align-items:center;gap:10px;margin-left:auto;height:var(--gh-ctrl);padding:0 24px 0 28px;border-radius:9999px;background:#171411;color:#faf9f7;font:inherit;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:background-color .16s ease,transform .16s var(--gh-ease);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.gh-scroll__cta svg{width:16px;height:16px;transition:transform .26s var(--gh-ease)}.gh-scroll__cta:hover{background:#3a342d}.gh-scroll__cta:hover svg{transform:translate(3px)}.gh-scroll__cta:active{transform:scale(.97);transition-duration:.1s}@media(hover:none){.gh-seg:hover .gh-seg__track{background:#1212122e}.gh-scroll__play:hover{background:var(--gh-ground)}.gh-scroll__cta:hover{background:#171411}.gh-scroll__cta:hover svg{transform:none}}.gh-scroll__hud{position:fixed;right:16px;bottom:16px;z-index:50;padding:8px 12px;border-radius:999px;background:#121212e0;color:#fff;font:500 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em;pointer-events:none}@media(max-width:989px){.gh-scroll__head{flex-direction:column;align-items:flex-start;gap:10px}.gh-scroll__intro{flex-basis:auto;max-width:46ch;padding-bottom:0}}@media(max-width:749px){.gh-scroll{--gh-pad: 16px;--gh-ctrl: 48px;--gh-caption: 96px;--gh-gap: 14px}.gh-scroll__heading{font-size:clamp(1.75rem,1.1rem + 3.2vw,2.25rem)}.gh-scroll__intro{font-size:.9375rem}.gh-scroll__card{width:min(100%,var(--gh-avail) - var(--gh-caption));aspect-ratio:auto;padding-bottom:var(--gh-caption);border-radius:20px}.gh-scroll__media{position:relative;left:0;width:100%;height:auto;transform:none}.gh-callout,.gh-callout--left,.gh-callout--up,.gh-callout--down{--drop: 14px;display:block;left:var(--x);top:var(--y);bottom:0;width:0;transform:none;text-align:left}.gh-callout .gh-callout__line{position:absolute;top:0;left:0;width:var(--gh-hair, 1px);height:calc(100% + var(--drop));transform:translate(var(--sx),var(--sy)) scaleY(0);transform-origin:center top}.gh-callout .gh-callout__label{position:absolute;top:calc(100% + var(--drop) + 6px);left:0;width:max-content;max-width:calc((100 - var(--xn, 50)) * 1cqw - 16px);padding:0;transform:translateY(-6px);white-space:normal}.gh-callout[data-anchor=end] .gh-callout__label{left:auto;right:0;max-width:calc(var(--xn, 50) * 1cqw - 16px);text-align:right}.gh-callout__name{font-size:clamp(.875rem,4.6cqw,1rem)}.gh-callout__meta{font-size:.8125rem}.gh-callout .gh-callout__pop{--pop-size: 72px;left:12px;right:auto;translate:none;transform-origin:bottom left}.gh-callout[data-anchor=end] .gh-callout__pop{left:auto;right:12px;transform-origin:bottom right}.gh-callout[data-phone=above]{top:0;bottom:auto;height:var(--y);display:flex;flex-direction:column;align-items:flex-start;padding-top:16px;box-sizing:border-box}.gh-callout[data-phone=above][data-anchor=end]{align-items:flex-end}.gh-callout[data-phone=above] .gh-callout__label,.gh-callout[data-phone=above][data-anchor=end] .gh-callout__label{position:relative;top:auto;left:auto;right:auto;order:-1;flex:none;transform:translateY(6px)}.gh-callout[data-phone=above] .gh-callout__line{position:relative;top:auto;flex:1 1 auto;min-height:12px;height:auto;margin-top:8px;transform-origin:center bottom}.gh-callout[data-phone=above] .gh-callout__pop{bottom:auto;top:calc(100% + 10px);transform-origin:top left}.gh-callout[data-phone=above][data-anchor=end] .gh-callout__pop{transform-origin:top right}.gh-callout.is-active .gh-callout__label,.gh-callout[data-phone=above].is-active .gh-callout__label{transform:none}.gh-scroll__controls{gap:10px}.gh-scroll__bar{padding-right:14px}.gh-scroll__segs{gap:5px;padding-left:10px}.gh-seg__track{width:10px}.gh-seg.is-current .gh-seg__track{width:30px}.gh-scroll__cta{padding:0 16px 0 20px;gap:8px;font-size:12px}}@media(prefers-reduced-motion:reduce){.gh-callout,.gh-callout__line,.gh-callout__label{transition-duration:1ms;transition-delay:0s}.gh-callout__pop,.gh-callout.is-popped .gh-callout__pop{transform:scale(1);transition:opacity .2s linear}.gh-icon,.gh-seg__track,.gh-scroll__cta svg{transition-duration:1ms}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/grand-haven-scroll.css.map */