.sf-landing{--sf-obsidian: #000000;--sf-bone: #f5f5f5;--sf-ash: #aaa69c;--sf-mono: "Roboto Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--sf-serif: "Cormorant Garamond", "Bodoni 72", "Iowan Old Style", Georgia, serif;position:relative;min-height:520svh;background:var(--sf-obsidian);color:var(--sf-bone)}.sf-landing__sticky{position:sticky;inset-block-start:0;height:100svh;min-height:34rem;overflow:hidden;background:var(--sf-obsidian)}.sf-stage{width:100%;height:100%;background:var(--sf-obsidian)}.sf-audio-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;transition:opacity .26s ease}.sf-audio-video.is-playing{opacity:1}.sf-landing__shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 68% 28%,rgba(169,145,90,.12),transparent 22rem),linear-gradient(90deg,#000000c7,#0000002e 46%,#000000b8),linear-gradient(180deg,#00000038,#000000c7)}.sf-overlay,.sf-end-reveal{position:absolute;z-index:2}.sf-overlay--intro{--sf-intro-top-pad: clamp(1.25rem, 6vw, 5.5rem);inset-block-start:calc(max(var(--header-group-height, 0px),var(--header-height, 0px)) + env(safe-area-inset-top,0px) + var(--sf-intro-top-pad));inset-inline-start:clamp(1.1rem,5vw,5rem);width:min(36rem,calc(100% - 2.2rem));perspective:900px}.sf-overlay--intro>*{opacity:0;visibility:hidden;filter:blur(14px);transform:translate3d(-42px,34px,0) rotateY(-4deg);will-change:opacity,filter,transform}.sf-kicker{margin:0;color:var(--sf-action);font-family:var(--sf-mono);font-size:clamp(.66rem,.85vw,.78rem);font-weight:500;letter-spacing:.2em;text-transform:uppercase}.sf-overlay h1,.sf-noscript h1{max-width:9ch;margin:.9rem 0 0;color:var(--sf-bone);font-family:var(--sf-serif);font-size:clamp(4rem,10vw,10rem);font-weight:700;letter-spacing:-.06em;line-height:.86}.sf-overlay p:not(.sf-kicker),.sf-noscript p:not(.sf-kicker){max-width:32rem;margin:1.2rem 0 0;color:#f5f5f5bd;font-family:var(--sf-mono);font-size:clamp(.95rem,1.15vw,1.08rem);line-height:1.75}.sf-end-reveal{inset-inline:clamp(1.1rem,5vw,5rem);inset-block-end:clamp(1.1rem,5vw,4.5rem);display:grid;grid-template-columns:minmax(16rem,.78fr) auto;gap:clamp(1rem,3vw,2.5rem);align-items:end;opacity:0;pointer-events:none;transform:translateY(1.25rem);transition:opacity .42s ease,transform .42s ease}.sf-end-reveal.is-revealed{opacity:1;pointer-events:auto;transform:translateY(0)}.sf-audio,.sf-cta{border:1px solid rgba(245,245,245,.14);background:transparent;box-shadow:0 1.25rem 4rem #0000006b;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sf-audio{display:grid;gap:.9rem;width:min(30rem,100%);padding:clamp(1rem,2vw,1.35rem)}.sf-audio__controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.sf-audio__button,.sf-cta__button{display:inline-flex;align-items:center;justify-content:center;min-height:2.8rem;border:1px solid var(--sf-action);background:var(--sf-action);color:#060605;font-family:var(--sf-mono);font-size:.72rem;font-weight:700;letter-spacing:.16em;line-height:1;text-decoration:none;text-transform:uppercase}.sf-audio__button{min-width:9.5rem;padding:.75rem 1.1rem}.sf-audio__time{color:#f5f5f5ad;font-family:var(--sf-mono);font-size:.74rem;letter-spacing:.08em}.sf-cta{display:grid;gap:.9rem;justify-items:start;min-width:min(20rem,100%);padding:clamp(1rem,2vw,1.35rem)}.sf-cta__button{width:100%;padding:.9rem 1.35rem}.sf-cta__button.is-disabled{opacity:.42}.sf-audio__button:focus-visible,.sf-cta__button:focus-visible{outline:2px solid var(--sf-bone);outline-offset:.25rem}.sf-noscript{min-height:100svh;display:grid;align-items:end;padding:clamp(1.1rem,5vw,5rem);background-position:center;background-size:cover}.sf-noscript>div{width:min(36rem,100%);padding:clamp(1rem,3vw,2rem);background:#000000b8}@media screen and (max-width:639px){.sf-landing{min-height:460svh}.sf-landing__sticky{min-height:100svh}.sf-overlay--intro{--sf-intro-top-pad: 1rem;inset-inline:1rem;width:auto}.sf-overlay h1,.sf-noscript h1{font-size:clamp(3.6rem,17vw,5.8rem)}.sf-end-reveal{inset-inline:1rem;inset-block-end:1rem;grid-template-columns:1fr}.sf-audio,.sf-cta{width:100%}.sf-audio__controls{align-items:stretch;flex-direction:column}.sf-audio__button{width:100%}}@media(prefers-reduced-motion:reduce){.sf-overlay--intro>*{opacity:1;visibility:visible;filter:none;transform:none}.sf-end-reveal{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/scroll-frame-landing.css.map */