: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__method{--db-ink: var(--f-ink);--db-body: var(--f-body);--db-muted: var(--f-muted);--db-line: var(--f-line);--db-control: var(--f-control);--db-font-head: var(--f-font-head);position:absolute;top:calc(100% + 10px);left:0;width:min(460px,calc(100vw - 2 * var(--f-pad-x, 24px)));z-index:40;max-height:70vh;overflow-y:auto;overscroll-behavior:contain;padding:20px 22px 22px;background:#fff;border:1px solid var(--f-ink);box-shadow:0 18px 40px #00000024;text-align:left;animation:famousHeroHowIn .16s ease-out}.famous-hero__method[data-up]{top:auto;bottom:calc(100% + 10px);animation-name:famousHeroHowInUp}@keyframes famousHeroHowInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.famous-hero__method[hidden]{display:none}.famous-hero__method:focus{outline:none}@keyframes famousHeroHowIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.famous-hero__methodhead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0 0 14px}.famous-hero__methodtitle{font-family:var(--f-font-head);font-size:17px;font-weight:800;letter-spacing:-.01em;line-height:1.2;color:var(--f-ink);margin:0}.famous-hero__methodclose{-webkit-appearance:none;appearance:none;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin:-4px -6px 0 0;padding:0;border:0;border-radius:50%;background:transparent;color:var(--f-muted);font-family:inherit;font-size:20px;line-height:1;cursor:pointer}.famous-hero__methodclose:hover{background:#0000000f;color:var(--f-ink)}.famous-hero__methodslot>.famous-db__methodhead{display:none}.famous-hero__scrim{display:none}.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}.famous-hero__scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#00000059}.famous-hero__scrim[hidden]{display:none}.famous-hero__method{position:fixed;top:auto;right:0;bottom:0;left:0;width:auto;max-height:76vh;z-index:61;border-width:1px 0 0;padding:18px var(--f-pad-x, 24px) calc(18px + env(safe-area-inset-bottom,0px));box-shadow:0 -18px 40px #0000002e;animation:famousHeroSheetIn .18s ease-out}@keyframes famousHeroSheetIn{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}}@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,.famous-hero__method{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/89/assets/famous-hero.css.map */