.template-index .fp{--fp-dark:#0d1614;--fp-cream:#ffecd2;--fp-muted:#bda38d;position:relative;background:var(--fp-dark);color:var(--fp-cream);font-family:var(--lab-font-body,"Inter",sans-serif)}.template-index .fp__stage{position:relative;height:880px;min-height:650px;max-height:1000px;overflow:hidden;isolation:isolate;background:var(--fp-dark)}.template-index .fp[data-ready] .fp__stage{height:calc(100svh - 72px - var(--hop-side-nav-mobile-offset, 0px));position:sticky;top:calc(72px + var(--hop-side-nav-mobile-offset, 0px));max-height:1000px}.template-index .fp[data-ready]{padding-bottom:1px}.template-index .fp[data-ready][data-short=true] .fp__stage{position:relative;top:0;height:680px;min-height:680px}.template-index .fp__stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:none}.template-index .fp__atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.template-index .fp__atmosphere>div{display:block}.template-index .fp__field{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 130% at 50% 115%,#192923 0%,transparent 55%),linear-gradient(#0d1614,#141f1b)}.template-index .fp__ember-bleed{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(rgba(255,138,60,.12),transparent 30%)}.template-index .fp__ember{position:absolute;mix-blend-mode:screen;filter:blur(28px)}.template-index .fp__ember--column{width:44%;top:-20%;bottom:-10%;left:-14%;background:radial-gradient(55% 70% at 30% 45%,rgba(255,138,60,.5),rgba(196,84,28,.2) 55%,transparent 80%)}.template-index .fp__ember--corner{width:45%;height:80%;bottom:-35%;right:-10%;background:radial-gradient(closest-side,rgba(255,170,90,.22),rgba(196,84,28,.1) 55%,transparent)}.template-index .fp__teal-glow{position:absolute;width:50%;height:90%;top:10%;right:-5%;mix-blend-mode:screen;filter:blur(40px);background:radial-gradient(closest-side,rgba(70,160,110,.16),transparent 75%)}.template-index .fp__grain{position:absolute;top:0;right:0;bottom:0;left:0;mix-blend-mode:screen;opacity:.07;background-repeat:repeat;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.template-index .fp__vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(115% 100% at 50% 45%,transparent 55%,rgba(4,12,8,.5) 100%)}.template-index .fp__header{position:absolute;z-index:3;inset:32px 38px auto;display:flex;align-items:flex-start;justify-content:space-between;gap:30px;pointer-events:none}.template-index .fp__eyebrow{margin:0 0 15px;color:var(--fp-muted);font-family:var(--lab-font-mono,"Space Mono",monospace);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.template-index .fp .fp__title{font-family:var(--lab-font-display,"KH Teka",sans-serif);font-weight:500;font-size:clamp(32px,3.6vw,58px);letter-spacing:-.045em;line-height:.96;color:var(--fp-cream);margin:0;text-transform:none}.template-index .fp__intro{margin:4px 0 0;max-width:210px;font-size:14px;line-height:1.5;color:#cdb49f}.template-index .fp__drawing{position:absolute;z-index:1;top:90px;right:0;bottom:58px;left:0;transform:translateZ(0);will-change:opacity;pointer-events:none;mix-blend-mode:screen}.template-index .fp__drawing>svg{display:block;width:100%;height:100%;overflow:visible}.template-index .fp__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:none;pointer-events:none}.template-index .fp[data-renderer=webgl] .fp__canvas{display:block}.template-index .fp[data-renderer=webgl] .fp__drawing>svg{opacity:0}.template-index .fp__drawing [id^=bp-]{transform-box:view-box;transform-origin:600px 425px}.template-index .fp__drawing #bp-central{color:#e49b63}.template-index .fp__room{position:absolute;z-index:2;left:50%;top:205px;width:min(68%,920px);margin:0;transform:translate(-50%);transform-origin:50% 0;opacity:0;visibility:hidden;pointer-events:none}.template-index .fp__room a{display:block;outline-offset:6px;border:1px solid #9a603e;background:#201812;box-shadow:0 25px 80px #0006}.template-index .fp__room img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.template-index .fp__room figcaption{margin:14px 0 0;font-size:10px;line-height:1.5;letter-spacing:.07em;text-transform:uppercase;font-family:var(--lab-font-mono,"Space Mono",monospace);color:var(--fp-muted)}.template-index .fp[data-view="2"] .fp__room{visibility:visible;pointer-events:auto}.template-index .fp__controls{position:absolute;z-index:4;left:38px;right:38px;bottom:32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.template-index .fp__steps{display:flex;gap:22px}.template-index .fp__steps button,.template-index .fp__motion{background:none;-webkit-appearance:none;appearance:none;border:0;border-radius:0;margin:0;min-height:44px;padding:10px 0;color:var(--fp-muted);font-size:11px;line-height:1.4;font-family:var(--lab-font-mono,"Space Mono",monospace);cursor:pointer}.template-index .fp__steps button{display:flex;gap:9px;align-items:center;position:relative;white-space:nowrap}.template-index .fp__steps button span{font-size:10px;color:#ad7854}.template-index .fp__steps button[aria-pressed=true]{color:var(--fp-cream)}.template-index .fp__steps button[aria-pressed=true]:after{content:"";height:1px;position:absolute;left:0;right:0;bottom:3px;background:#ebbe8b}.template-index .fp__steps button[aria-pressed=true] span{color:#f7c18e}.template-index .fp__motion{display:flex;gap:10px;align-items:center;white-space:nowrap}.template-index .fp button:focus-visible,.template-index .fp a:focus-visible{outline:2px solid #ffd596;outline-offset:5px}.template-index .fp__timeline{position:absolute;z-index:4;left:38px;right:38px;bottom:18px;height:1px;background:#6b46324d}.template-index .fp__timeline i{display:block;width:100%;height:100%;background:#d49860;transform-origin:0 50%;transform:scaleX(0)}.template-index .fp__instruction{position:absolute;z-index:2;left:38px;bottom:96px;margin:0;color:#c7aa90;font-family:var(--lab-font-mono,"Space Mono",monospace);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.template-index .fp__instruction span{margin-left:12px}.template-index .fp__pointer{position:absolute;z-index:3;left:50%;top:50%;display:flex;gap:10px;align-items:center;pointer-events:none;opacity:0;white-space:nowrap;font-size:9px;font-family:var(--lab-font-mono,"Space Mono",monospace);color:#e8c199}.template-index .fp__pointer i{display:block;width:5px;height:5px;border:1px solid #f3c08a;box-shadow:0 0 10px #d78533}.template-index .fp__details{position:relative;z-index:5;display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:42px 38px;background:var(--fp-dark);border-top:1px solid #67402c55}.template-index .fp__details>p{max-width:58ch;margin:0;font-size:14px;line-height:1.7;color:#cbb4a1}.template-index .fp__details>div{display:flex;flex-direction:column;align-items:flex-end;gap:18px}.template-index .fp__details>div>span{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--fp-muted);font-family:var(--lab-font-mono,"Space Mono",monospace)}.template-index .fp__details a{font-size:15px;text-decoration:none;color:var(--fp-cream);display:flex;align-items:center;gap:38px;border-bottom:1px solid #a47551;padding-bottom:10px}.template-index .fp__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.template-index .fp:not([data-ready]) .fp__controls,.template-index .fp:not([data-ready]) .fp__instruction{display:none}.template-index .fp[data-paused=true] .fp__pointer{display:none}@media(min-width:1600px){.template-index .fp__drawing{top:70px;right:3%;bottom:60px;left:3%}}@media(max-width:760px){.template-index .fp__stage{min-height:650px}.template-index .fp[data-ready] .fp__stage{top:calc(65px + var(--hop-side-nav-mobile-offset, 0px));height:calc(100svh - 65px - var(--hop-side-nav-mobile-offset, 0px))}.template-index .fp__header{inset:28px 23px auto}.template-index .fp__intro{max-width:140px;font-size:12px}.template-index .fp .fp__title{font-size:40px}.template-index .fp__eyebrow{max-width:190px;line-height:1.6;font-size:9px}.template-index .fp__drawing{top:135px;right:0;bottom:84px;left:0}.template-index .fp__controls{left:23px;right:23px;bottom:30px;gap:9px}.template-index .fp__steps{gap:15px}.template-index .fp__steps button{font-size:10px;gap:6px}.template-index .fp__motion{font-size:10px}.template-index .fp__motion [data-fp-motion-label]{display:none}.template-index .fp__motion{min-width:44px;justify-content:center;position:absolute;right:0;bottom:55px}.template-index .fp__timeline{left:23px;right:23px}.template-index .fp__instruction{left:23px;bottom:96px}.template-index .fp__details{padding:30px 23px;gap:24px;grid-template-columns:1fr}.template-index .fp__details>div{align-items:flex-start}.template-index .fp__room{width:86%}}@media(max-width:450px){.template-index .fp__intro{display:none}.template-index .fp .fp__title{font-size:38px}.template-index .fp__header{inset:24px 20px auto}.template-index .fp__drawing{top:140px;right:0;bottom:112px;left:0}.template-index .fp__controls{left:16px;right:16px}.template-index .fp__steps{width:100%;gap:8px;justify-content:space-between}.template-index .fp__steps button{font-size:11px;gap:4px;flex-direction:column;align-items:flex-start}.template-index .fp__instruction{left:20px}.template-index .fp__timeline{left:20px;right:20px}.template-index .fp__room{width:88%}.template-index .fp__room figcaption{font-size:9px}}@media(min-width:451px)and (max-width:600px){.template-index .fp__drawing{top:140px;right:0;bottom:112px;left:0}}@media(prefers-reduced-motion:reduce){.template-index .fp__stage{scroll-behavior:auto}.template-index .fp__drawing{will-change:auto}.template-index .fp__pointer{display:none}}.template-index [data-hop-framed] [data-fp-fallback]{display:block;width:100%;height:100%;object-fit:contain}.template-index [data-hop-framed] .fp__portrait{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;mix-blend-mode:screen;filter:contrast(1.12)}.template-index [data-hop-framed] .fp__fixed-ink [id$=bp-central]{display:none}.template-index [data-hop-framed] [data-fp-source]{position:absolute;top:0;right:0;bottom:0;left:0;visibility:hidden;pointer-events:none;width:100%;height:100%}.template-index [data-hop-framed][data-duplicate=true]{display:none}.template-index [data-hop-framed][data-reduced-motion=true] .fp__instruction{visibility:hidden}.template-index .fp__controls{right:76px}@media(max-width:760px){.template-index .fp__controls{right:23px}}@media(max-width:450px){.template-index .fp__controls{right:16px}.template-index .fp__steps{padding-right:56px}}
/*# sourceMappingURL=/cdn/shop/t/99/assets/hop-framed.css.map */