:root{--f-bg-rgb: 254, 251, 246}.famous-hero{position:relative;isolation:isolate}.famous-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);background:var(--f-tile, #f4ebe0)}.famous-hero__bgimg{display:block;width:100%;height:100%;min-height:0;object-fit:cover;filter:saturate(.82)}.famous-hero__veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.famous-hero__inner{position:relative;z-index:1;max-width:var(--f-container, 1200px);margin:0 auto;padding:44px var(--f-pad-x, 24px) 34px}.famous-hero__h1{font-family:var(--f-font-head);font-size:clamp(32px,6.4vw,54px);font-weight:800;letter-spacing:-.03em;line-height:1.03;color:var(--f-ink);margin:0;max-width:15ch;text-wrap:balance}.famous-hero__answer{font-size:clamp(16px,2.2vw,19px);line-height:1.55;color:var(--f-body);margin:16px 0 0;max-width:44ch}.famous-hero .famous__note{max-width:54ch}.famous-hero__how{position:relative;margin:26px 0 0;min-height:44px}.famous-hero__howbtn{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 20px 0 12px;border:1px solid var(--f-control, #888);border-radius:999px;background:#fff;color:var(--f-ink);font-family:inherit;font-size:14px;font-weight:600;line-height:1.2;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.famous-hero__howbtn[hidden]{display:none}.famous-hero__howbtn:hover{border-color:var(--f-ink)}.famous-hero__howbtn[aria-expanded=true]{background:var(--f-ink);border-color:var(--f-ink);color:#fff}.famous-hero__howmark{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid currentColor;border-radius:50%;font-size:13px;font-weight:700;line-height:1}.famous-hero__howlabel{display:block}.famous-hero__vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.famous-hero__cue{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;width:fit-content;margin:30px 0 0;padding:8px 18px 6px 0;color:var(--f-ink);font-size:13px;font-weight:600;line-height:1.2;text-decoration:none;text-underline-offset:3px;transition:opacity .35s ease,visibility .35s ease,color .2s ease}.famous-hero__cue:hover{color:var(--f-brown)}.famous-hero__cue:hover .famous-hero__cuelabel{text-decoration:underline}.famous-hero__cuearrow{display:block;color:var(--f-muted);animation:famousCueFloat 2.6s ease-in-out infinite}.famous-hero__cue:hover .famous-hero__cuearrow{color:inherit}@keyframes famousCueFloat{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.famous-hero__cue[data-cue-hidden]{opacity:0;visibility:hidden;pointer-events:none}.famous-hero__cue[data-cue-still] .famous-hero__cuearrow{animation:none}.famous-hero__bg{height:268px;bottom:auto;grid-template-columns:minmax(0,1fr)}.famous-hero__bgimg:nth-child(n+2){display:none}.famous-hero__veil{background:linear-gradient(to bottom,rgba(var(--f-bg-rgb),.24),rgba(var(--f-bg-rgb),.32) 34%,rgba(var(--f-bg-rgb),.62) 58%,rgba(var(--f-bg-rgb),.93) 80%,rgb(var(--f-bg-rgb)))}@media(max-width:899px){.famous-hero__bg+.famous-hero__inner{padding-top:196px}}@media(min-width:900px){.famous-hero__bg{height:auto;bottom:0;left:46%;grid-template-columns:repeat(2,minmax(0,1fr))}.famous-hero__bgimg:nth-child(n+2){display:block}.famous-hero__veil{background:linear-gradient(to right,rgb(var(--f-bg-rgb)),rgba(var(--f-bg-rgb),.86) 14%,rgba(var(--f-bg-rgb),.55) 34%,rgba(var(--f-bg-rgb),.32) 62%,rgba(var(--f-bg-rgb),.24)),linear-gradient(to bottom,rgba(var(--f-bg-rgb),0) 74%,rgba(var(--f-bg-rgb),.42))}.famous-hero__inner{min-height:min(74vh,580px);display:flex;flex-direction:column;justify-content:center;padding-top:64px;padding-bottom:44px}.famous-hero__h1{max-width:21ch}.famous-hero__answer,.famous-hero .famous__note{max-width:46ch}.famous-hero__cue{margin-top:26px}}.famous-hero[data-hero-collapsed] .famous-hero__answer,.famous-hero[data-hero-collapsed] .famous-hero__how,.famous-hero[data-hero-collapsed] .famous-hero__cue,.famous-hero[data-hero-collapsed] .famous-hero__bg{display:none}.famous-hero[data-hero-collapsed] .famous-hero__inner{min-height:0;padding-top:calc(var(--f-pad-y, 80px) * .3);padding-bottom:calc(var(--f-pad-y, 80px) * .26)}.famous-hero[data-hero-collapsed] .famous-hero__h1{font-size:clamp(22px,3vw,30px);max-width:30ch}@media(prefers-reduced-motion:reduce){.famous-hero__cuearrow{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/94/assets/famous-hero.css.map */