:where(.fn,.fn-overlay,.fn-menu,.fn-video-dialog){--navy:#06182a;--navy-2:#071b2a;--ivory:#f4ead6;--gold:#d5b477;--gold-2:#f0d79e;--gold-3:#b88f4c;--muted:color-mix(in srgb, var(--ivory) 90%, transparent);--gut:clamp(24px, 5vw, 96px);--pad:clamp(64px, 10vw, 136px);color:var(--ivory);font-family:Sen,system-ui,sans-serif}.fn{background:radial-gradient(ellipse 80% 50% at 50% 40%, #0b2338 0%, transparent 70%), var(--navy);min-height:100vh;overflow-x:clip}.fn *,.fn :before,.fn :after{box-sizing:border-box}.fn img{max-width:100%;height:auto;display:block}.fn h1,.fn h2,.fn-video-dialog h2{font-variant:small-caps;letter-spacing:.01em;text-wrap:balance;margin:0;font-family:Cinzel,serif;font-weight:400;line-height:1.15}:where(.fn) p{margin:0}.fn a{color:inherit}.fn-wrap{width:100%;max-width:calc(1280px + 2 * var(--gut));padding-inline:var(--gut);margin-inline:auto}.fn-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.fn :focus-visible,.fn-menu :focus-visible,.fn-video-dialog :focus-visible{outline:2px solid var(--gold-2);outline-offset:3px;border-radius:4px}.fn-skip{z-index:50;background:var(--gold);color:var(--navy);border-radius:999px;padding:12px 18px;position:absolute;top:-60px;left:16px}.fn-skip:focus{top:16px}.fn-eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--ivory);font-size:13px}.fn-rule{background:var(--gold);width:56px;height:1px;margin:22px 0;display:block}.fn-header{z-index:20;justify-content:space-between;align-items:center;padding-top:24px;display:flex;position:absolute;inset:0 0 auto 50%;transform:translate(-50%)}.fn-brand img{width:clamp(220px,20vw,300px);height:auto}.fn-nav{gap:40px;display:flex}.fn-nav a{letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid #0000;padding:14px 0;font-size:13px;text-decoration:none;transition:border-color .2s,color .2s}.fn-nav a:hover{color:var(--gold-2);border-color:var(--gold)}.fn-icon{border:1px solid color-mix(in srgb, var(--gold) 50%, transparent);background:color-mix(in srgb, var(--navy) 50%, transparent);width:48px;height:48px;color:var(--ivory);cursor:pointer;border-radius:999px;place-items:center;display:inline-grid}.fn-menu-btn{display:none}.fn-overlay{z-index:60;background:#02080fd1;position:fixed;inset:0}.fn-menu{z-index:61;background:var(--navy);border-left:1px solid color-mix(in srgb, var(--gold) 35%, transparent);width:min(360px,88vw);padding:88px 28px;position:fixed;inset:0 0 0 auto}.fn-menu-close{position:absolute;top:20px;right:20px}.fn-menu nav{display:grid}.fn-menu nav a{color:var(--ivory);border-bottom:1px solid color-mix(in srgb, var(--gold) 22%, transparent);padding:16px 0;font-family:Cinzel,serif;font-size:22px;text-decoration:none}.fn-hero{isolation:isolate;--scene-x:0px;--scene-y:0px;--copy-x:0px;--copy-y:0px;flex-direction:column;justify-content:center;min-height:max(760px,min(940px,100svh));display:flex;position:relative}.fn-hero-scene{z-index:-2;position:absolute;inset:0;overflow:hidden}.fn-hero-art{opacity:0;transition:opacity 1s;position:absolute;inset:0}.fn-hero-art[data-active]{opacity:1}.fn-hero[data-reduced] .fn-hero-art{transition:none}.fn-layer{will-change:transform;position:absolute;inset:-64px -32px}.fn-layer-bg{transform:translate3d(var(--bg-x,0px), var(--bg-y,0px), 0)}.fn-layer-fg{transform:translate3d(var(--fg-x,0px), var(--fg-y,0px), 0)}.fn-layer img{object-fit:cover;object-position:70% 40%;width:100%;height:100%}.fn-copy-plane{text-shadow:0 1px 3px #0003}.fn-tilt{border:1px solid color-mix(in srgb, var(--gold) 55%, transparent);background:color-mix(in srgb, var(--navy) 55%, transparent);min-height:44px;color:var(--ivory);cursor:pointer;border-radius:999px;padding:0 16px;font:500 13px Sen,sans-serif}.fn-tilt:focus-visible{outline:2px solid var(--gold-2);outline-offset:3px}.fn-tilt-note{color:color-mix(in srgb, var(--ivory) 80%, transparent);font-size:12px}.fn-hero:before{content:"";z-index:-1;background:linear-gradient(90deg, var(--navy) 0%, color-mix(in srgb, var(--navy) 80%, transparent) 22%, color-mix(in srgb, var(--navy) 30%, transparent) 45%, transparent 62%), linear-gradient(0deg, var(--navy) 0%, transparent 28%), linear-gradient(180deg, color-mix(in srgb, var(--navy) 60%, transparent), transparent 18%);position:absolute;inset:0}.fn-hero-copy{padding-top:120px;padding-bottom:120px}.fn-copy-plane{max-width:540px;transform:translate3d(var(--copy-x), var(--copy-y), 0)}.fn-hero h1{min-height:3.45em}.fn-hero .fn-lede{min-height:5em}.fn-word-mask{overflow-clip-margin:.12em;vertical-align:bottom;display:inline-block;overflow:clip}.fn-word{animation:.88s cubic-bezier(.22,1,.36,1) both fn-word-in;animation-delay:calc(.16s + var(--word-index) * 45ms);display:inline-block}.fn-reveal{animation:.88s cubic-bezier(.22,1,.36,1) both fn-copy-in-a}.fn-hero[data-slide="1"] .fn-reveal{animation-name:fn-copy-in-b}.fn-reveal-eyebrow{animation-delay:0s}.fn-reveal-rule{animation-delay:70ms}.fn-reveal-body{animation-delay:.45s}.fn-reveal-buttons{animation-delay:.58s}@keyframes fn-word-in{0%{transform:translateY(115%)}to{transform:translateY(0)}}@keyframes fn-copy-in-a{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fn-copy-in-b{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fn-hero[data-reduced] .fn-word,.fn-hero[data-reduced] .fn-reveal{animation:none}.fn h1{font-size:clamp(38px,3.9vw,56px)}.fn-l{display:block}@media (width<=400px){.fn-l{display:inline}}.fn-lede{color:var(--muted);margin-top:28px;font-size:18px;line-height:1.65;max-width:40ch!important}.fn-ctas{flex-direction:column;align-items:flex-start;gap:18px;margin-top:40px;display:flex}.fn-btn{letter-spacing:0;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:56px;padding:0 36px;font:600 17px/1 Sen,sans-serif;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.fn-btn-gold{color:#17130c;background:linear-gradient(#ffe4a3 0%,#efbe64 52%,#ce9440 100%);border:1px solid #fff0c8;min-height:56px;padding:0 36px;font:700 20px/1 Playfair Display,Georgia,serif;box-shadow:inset 0 1px #ffffffbf,inset 0 -2px 6px #78460a40,0 0 0 1px #ce944080,0 10px 28px -10px #efbe648c}.fn-btn-gold:hover{background:linear-gradient(#fff0c4 0%,#f5c96f 52%,#d89e48 100%);transform:translateY(-1px);box-shadow:inset 0 1px #ffffffd9,inset 0 -2px 6px #78460a40,0 0 0 1px #ce944099,0 14px 34px -10px #efbe64bf}.fn-btn-gold:focus-visible{outline-offset:4px!important;border-radius:999px!important;outline:2px solid #ffe4a3!important}.fn-btn-ghost:focus-visible{border-radius:999px!important}.fn-btn-gold:disabled{opacity:.65;cursor:progress;transform:none}.fn-btn-ghost{letter-spacing:.02em;min-height:46px;color:var(--ivory);background:color-mix(in srgb, var(--navy) 40%, transparent);border:1px solid var(--gold);padding:0 28px;font-size:15px;font-weight:500}.fn-btn-ghost:hover{background:color-mix(in srgb, var(--gold) 14%, transparent);border-color:var(--gold-2);color:var(--gold-2)}.fn-share{gap:8px;justify-items:inherit;display:grid}.fn-share-status{color:var(--gold-2);min-height:0;font-size:14px}.fn-share-status input{background:var(--navy-2);color:var(--ivory);border:1px solid var(--gold);font:inherit;border-radius:6px;width:200px;max-width:100%;margin-left:6px;padding:6px 10px}.fn-hero-controls{align-items:center;gap:6px;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.fn-dot{min-height:44px;color:var(--muted);letter-spacing:.08em;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0 12px;font:13px Sen,sans-serif;display:inline-flex}.fn-dot span{opacity:.5;background:currentColor;width:22px;height:2px;transition:width .3s,opacity .3s}.fn-dot[aria-current=true]{color:var(--ivory)}.fn-dot[aria-current=true] span{opacity:1;background:var(--gold);width:40px}.fn-pause{border:1px solid color-mix(in srgb, var(--gold) 45%, transparent);width:44px;height:44px;color:var(--ivory);cursor:pointer;background:0 0;border-radius:999px;place-items:center;display:grid}.fn-pause svg{width:16px;height:16px}.fn-feeling{padding-block:var(--pad);grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(32px,6vw,96px);display:grid}.fn-feeling>div{justify-self:end}.fn-feeling h2{font-size:clamp(36px,3.4vw,48px)}.fn-vrule{background:var(--gold);width:1px;height:96px}.fn-feeling p{max-width:38ch;color:var(--muted);font-size:18px;line-height:1.65}.fn-game{isolation:isolate;align-items:center;min-height:min(860px,56vw);display:flex;position:relative}.fn-game-art{z-index:-2;position:absolute;inset:0}.fn-game-art img{object-fit:cover;object-position:60% 0%;width:100%;height:100%}.fn-game:before{content:"";z-index:-1;background:linear-gradient(90deg, var(--navy) 0%, color-mix(in srgb, var(--navy) 70%, transparent) 25%, transparent 50%), linear-gradient(180deg, var(--navy) 0%, transparent 16%, transparent 80%, var(--navy) 100%);position:absolute;inset:0}.fn-game-copy{padding-block:var(--pad)}.fn-game-copy>*{max-width:460px}.fn-game h2{font-size:clamp(32px,3.3vw,48px)}.fn-game p{color:var(--muted);margin-top:26px;font-size:18px;line-height:1.62}.fn-feeling p{margin:0}.fn-watch{color:var(--ivory);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:24px;margin-top:40px;padding:0;display:flex}.fn-play{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(circle at 50% 35%,#78aadc52,#0a28468c 70%);border:1.5px solid #f3d99c;border-radius:999px;flex:none;place-items:center;width:86px;height:86px;transition:box-shadow .25s,transform .25s;display:grid;box-shadow:0 0 0 6px #f3d99c14,0 0 28px 4px #f3d99c59,inset 0 0 18px #f3d99c40}.fn-play svg{fill:#fbecc6;color:#fbecc6;filter:drop-shadow(0 0 6px #ffe4a399);width:30px;height:30px;margin-left:5px}.fn-watch:hover .fn-play{transform:scale(1.05);box-shadow:0 0 0 7px #f3d99c1f,0 0 40px 8px #f3d99c80,inset 0 0 22px #f3d99c59}.fn-watch-text{gap:6px;display:grid}.fn-watch-title{letter-spacing:.12em;color:var(--ivory);text-transform:uppercase;font-family:Cinzel,serif;font-size:20px}.fn-watch-sub{color:var(--muted);font-size:15px}.fn-video-dialog{z-index:61;background:var(--navy);border:1px solid color-mix(in srgb, var(--gold) 40%, transparent);border-radius:14px;width:min(960px,94vw);padding:18px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.fn-dialog-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.fn-dialog-head h2{margin:0;font-family:Cinzel,serif;font-size:20px;font-weight:500}.fn-video-dialog video{background:#000;border-radius:8px;width:100%;height:auto}.fn-video-dialog p{color:var(--muted);margin:12px 0 0;font-size:14px}.fn-vision{padding-block:var(--pad)}.fn-ruled{color:var(--gold);text-transform:uppercase;align-items:center;gap:28px;display:flex;letter-spacing:.4em!important;font-variant:normal!important;font-size:16px!important}.fn-ruled:before,.fn-ruled:after{content:"";background:linear-gradient(90deg, transparent, var(--gold));flex:1;height:1px}.fn-ruled:after{background:linear-gradient(90deg, var(--gold), transparent)}.fn-cards{grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.5vw,36px);margin:56px 0 0;padding:0;list-style:none;display:grid}.fn-cards figure{margin:0}.fn-frame{aspect-ratio:16/10;border:1px solid #e3c588;border-radius:2px;overflow:hidden;box-shadow:0 0 18px -6px #efbe6473}.fn-frame img{object-fit:cover;width:100%;height:100%}.fn-cards figcaption{text-align:center;margin-top:20px;font-size:19px}.fn-playtests{isolation:isolate;text-align:center;padding-block:clamp(96px, 12vw, 168px) var(--pad);position:relative}.fn-pt-art{z-index:-2;object-fit:cover;object-position:center 70%;width:100%;position:absolute;inset:0;height:100%!important}.fn-playtests:before{content:"";z-index:-1;background:radial-gradient(ellipse 50% 45% at 50% 48%, color-mix(in srgb, var(--navy) 55%, transparent), transparent 75%), linear-gradient(180deg, var(--navy) 0%, color-mix(in srgb, var(--navy) 35%, transparent) 22%, color-mix(in srgb, var(--navy) 20%, transparent) 65%, var(--navy) 100%);position:absolute;inset:0}.fn-pt-inner{justify-items:center;gap:24px;display:grid}.fn-pt-logo{width:clamp(270px,26vw,380px);height:auto}.fn-playtests h2{font-size:clamp(32px,3.3vw,48px)}.fn-form{text-align:left;gap:12px;width:100%;max-width:560px;margin-top:8px;display:grid}.fn-form>label:first-child{letter-spacing:.08em;font-size:14px}.fn-form-row{gap:12px;display:flex}.fn-form-row input{border:1px solid color-mix(in srgb, var(--gold) 55%, transparent);background:color-mix(in srgb, var(--navy) 80%, transparent);min-width:0;min-height:56px;color:var(--ivory);border-radius:999px;flex:1;padding:0 22px;font:17px Sen,sans-serif}.fn-form-row input::placeholder{color:color-mix(in srgb, var(--ivory) 45%, transparent)}.fn-form-row input[aria-invalid]{border-color:#e59b8e}.fn-consent{color:var(--muted);cursor:pointer;align-items:flex-start;gap:12px;font-size:14px;line-height:1.5;display:flex}.fn-consent input{width:22px;height:22px;accent-color:var(--gold);flex:none;margin:0}.fn-consent a{color:var(--gold-2)}.fn-form-error{color:#f0b3a8;min-height:1.4em;font-size:14px}.fn-form-done{color:var(--gold-2);max-width:520px;font-size:18px}.fn-hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.fn-playtests .fn-share{justify-items:center}.fn-quiet{color:var(--muted);letter-spacing:.06em;font-size:14px}.fn-closing{color:var(--ivory);align-items:center;gap:22px;font-family:Playfair Display,Georgia,serif;font-size:clamp(22px,2.2vw,28px);font-style:italic;font-weight:400;display:flex;margin-top:16px!important}.fn-closing em{font-style:italic}.fn-closing span{background:var(--gold);width:40px;height:1px}.fn-footer{border-top:1px solid color-mix(in srgb, var(--gold) 22%, transparent);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;padding-block:40px 48px;font-size:14px;display:flex}.fn-footer img{width:130px;height:auto}.fn-footer a{align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.fn-footer a:hover{color:var(--gold-2)}.fn-footer nav{gap:24px;display:flex}.fn-footer strong{color:var(--ivory);font-weight:600}.fn-footer small{opacity:.8;flex-basis:100%;font-size:12px}.fn-legal{padding-block:160px var(--pad);max-width:calc(760px + 2 * var(--gut))}.fn-legal h1{font-size:clamp(34px,4vw,52px)}.fn-legal h2{color:var(--gold-2);font-size:22px;margin-top:40px!important}.fn-legal p,.fn-legal li{color:var(--muted);margin-top:14px;font-size:17px;line-height:1.65}.fn-legal a{color:var(--gold-2)}@media (width<=1023px){.fn-cards{grid-template-columns:repeat(2,1fr)}.fn-cards li:last-child{grid-column:1/-1;justify-self:center;width:100%;max-width:calc(50% - 14px)}}@media (width<=860px){.fn-nav{display:none}.fn-menu-btn{display:inline-grid}}@media (width<=640px){.fn-hero{min-height:0;display:block}.fn-hero-scene{height:92vw;inset:0 0 auto}.fn-layer{inset:-14px}.fn-copy-plane{transform:none}.fn-hero h1{min-height:2.3em}.fn-hero .fn-lede{min-height:6.6em}.fn-layer img{object-position:var(--pos-m,center)}.fn-hero-controls{flex-wrap:wrap;justify-content:center;width:max-content;max-width:calc(100% - 24px)}.fn-hero:before{background:linear-gradient(180deg, color-mix(in srgb, var(--navy) 70%, transparent) 0%, transparent 22%, transparent calc(92vw - 120px), var(--navy) 92vw)}.fn-hero-copy{padding-top:calc(92vw - 10px);padding-bottom:96px}.fn-hero-controls{bottom:20px}.fn-ctas{align-items:stretch}.fn-ctas .fn-btn{width:100%}.fn-btn-gold{font-size:18px}.fn-play{width:76px;height:76px}.fn-feeling{grid-template-columns:1fr;gap:20px}.fn-feeling>div{justify-self:start}.fn-vrule{display:none}.fn-game{flex-direction:column-reverse;min-height:0;display:flex}.fn-game-art{position:relative}.fn-game-art img{aspect-ratio:1062/941}.fn-game:before{display:none}.fn-game-copy{padding-block:64px 32px}.fn-cards{grid-template-columns:1fr}.fn-cards li:last-child{max-width:none}.fn-form-row{flex-direction:column}.fn-footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.fn *,.fn :before{scroll-behavior:auto!important;transition:none!important;animation:none!important}.fn-layer,.fn-copy-plane{transform:none!important}}.fn-dot{white-space:nowrap}@media (width<=640px){.fn-dot{gap:8px;padding:0 8px}.fn-dot span{width:16px}.fn-dot[aria-current=true] span{width:26px}}
